/* A true six-sided cube: identical face dimensions, native 3D transforms. */
img[data-kk-brand]{filter:none!important}
.kk-logo-lockup{position:relative;display:inline-block;max-width:100%;vertical-align:middle;line-height:0;isolation:isolate}
.kk-logo-lockup>img{display:block!important;clip-path:inset(0 0 0 15%);filter:none!important}
.kk-logo-mark{position:absolute;left:0;top:7.317073%;width:13.902681%;height:85.365854%;container-type:inline-size;pointer-events:none;overflow:visible;isolation:isolate}
.kk-logo-mark>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
.kk-die-position{position:absolute;inset:0;transform-style:preserve-3d;z-index:2}
.kk-die-cube{position:absolute;left:33.571429%;top:33.571429%;width:32.857143cqi;height:32.857143cqi;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-30deg) rotateZ(-10deg)}
.kk-die-face{position:absolute;inset:0;box-sizing:border-box;border:1px solid #e1dacb;border-width:.3cqi;border-radius:1.45cqi;backface-visibility:hidden;background:radial-gradient(ellipse at 25% 10%,#fffefa 0%,#f6f0e3 46%,#e4dac7 100%);box-shadow:inset .3cqi .4cqi .6cqi #ffffffd9,inset -.3cqi -.4cqi .7cqi #776b5329}
.kk-die-front{transform:translateZ(16.428571cqi)}
.kk-die-back{transform:rotateY(180deg) translateZ(16.428571cqi)}
.kk-die-right{transform:rotateY(90deg) translateZ(16.428571cqi);background:linear-gradient(130deg,#ece5d7,#cabea8)}
.kk-die-left{transform:rotateY(-90deg) translateZ(16.428571cqi);background:linear-gradient(125deg,#f0e9dc,#d5c9b3)}
.kk-die-top{transform:rotateX(90deg) translateZ(16.428571cqi);background:linear-gradient(145deg,#fffefb,#f3ecdf)}
.kk-die-bottom{transform:rotateX(-90deg) translateZ(16.428571cqi);background:linear-gradient(145deg,#ddd3c1,#c9bba3)}
.kk-die-pip{position:absolute;width:16%;height:16%;border-radius:50%;background:radial-gradient(circle at 55% 65%,#253d40,#11262a 76%);transform:translate(-50%,-50%);box-shadow:inset .3cqi .5cqi .55cqi #031317bf,0 .3cqi .3cqi #fffdf0db}
.kk-die-shadow{position:absolute;left:28%;top:65%;width:46%;height:14%;border-radius:50%;background:radial-gradient(ellipse,#071d2b70,transparent 70%);transform:rotate(-5deg);filter:blur(.5cqi);opacity:.8;z-index:1}
.kk-logo-flight{position:fixed;left:0;top:0;display:block;z-index:1000;container-type:inline-size;pointer-events:none;user-select:none;transform-origin:center;will-change:transform,opacity}
.kk-logo-flight *{pointer-events:none}
.kk-logo-mark[data-intro=true]>.kk-die-position,.kk-logo-mark[data-intro=true]>.kk-die-shadow{visibility:hidden}
@media(prefers-reduced-motion:reduce){.kk-logo-flight{display:none}.kk-logo-mark[data-intro=true]>.kk-die-position,.kk-logo-mark[data-intro=true]>.kk-die-shadow{visibility:visible}}
@media(prefers-reduced-motion:reduce){.kk-die-position,.kk-die-cube{animation:none!important}}

/* Prominent wordmark; the die scales with the same lockup. */
header.dossier-header .brand,header.kk-header .kk-brand{width:420px;max-width:100%;min-width:0}
header.dossier-header .brand img[data-kk-brand],header.kk-header .kk-brand img[data-kk-brand]{width:100%;height:auto}
header .kk-logo-lockup{width:100%}
footer.dossier-footer .brand,footer.kk-footer .kk-footer-grid>div:first-child>a{width:380px;max-width:100%}
footer img[data-kk-brand]{width:100%!important;height:auto}
footer .kk-logo-lockup{width:100%;max-width:380px}
.kk-header{gap:28px}
@media(max-width:1100px) and (min-width:901px){header.kk-header .kk-brand{width:330px}.kk-header{gap:22px}.kk-nav{gap:20px}}
@media(max-width:900px) and (min-width:601px){header.kk-header .kk-brand{width:340px}}
@media(max-width:760px){header.dossier-header .brand{width:310px;flex:0 1 310px}footer.dossier-footer .brand,footer.kk-footer .kk-footer-grid>div:first-child>a{width:330px}}
@media(max-width:600px){
 header.dossier-header .brand{width:260px;flex:0 1 260px}
 .dossier-header .header-cart{flex-direction:column-reverse;flex-shrink:0;gap:2px;font-size:11px;line-height:1.3}
 .dossier-header .header-cart-count{font-size:13px}
 header.kk-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
 header.kk-header .kk-brand{width:260px;max-width:100%}
 header.kk-header .kk-cart{margin-left:0}
}

/* Only the compass rotates: the die, its shadow and the wordmark stay put. */
.kk-logo-mark>svg{transform-box:view-box;transform-origin:50% 50%}
@media(prefers-reduced-motion:no-preference){
 .kk-logo-mark>svg{animation:kk-compass-search 16s ease-in-out infinite}
}
@keyframes kk-compass-search{
 0%,100%{transform:rotate(0deg)}
 18%{transform:rotate(28deg)}
 28%{transform:rotate(19deg)}
 53%{transform:rotate(-26deg)}
 63%{transform:rotate(-17deg)}
 84%{transform:rotate(12deg)}
}