/* A permanent doorway to The Crest, using the official pendant artwork. */
.crest-dock{position:fixed;z-index:110;top:max(9px,env(safe-area-inset-top));right:max(clamp(12px,2vw,28px),env(safe-area-inset-right));width:78px;isolation:isolate;font-family:Arial,Helvetica,sans-serif;line-height:1}
.crest-dock *{box-sizing:border-box}
.crest-dock .crest-dock-link{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:3px 0 0;color:#f3e4cf;text-decoration:none;border:0;border-radius:9px;background:radial-gradient(ellipse at 50% 42%,#090a08a6,transparent 70%);perspective:450px;-webkit-tap-highlight-color:transparent}
.crest-dock-float{display:block;width:50px;height:62.5px;animation:crest-drift 6s ease-in-out infinite;filter:drop-shadow(0 5px 7px #000a)}
.crest-dock-turn{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:crest-turn 20s linear infinite}
.crest-dock .crest-dock-face,.crest-dock-back,.crest-dock-edge{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;background:url('/the-crest/assets/crest-front.webp') center/contain no-repeat;backface-visibility:hidden}
.crest-dock .crest-dock-face{background:none;transform:translateZ(1.5px)}
.crest-dock-back{transform:rotateY(180deg) translateZ(1.5px)}
.crest-dock-edge{backface-visibility:visible;filter:brightness(.46) sepia(.8);transform:translateZ(0)}
.crest-dock-label{display:block;white-space:nowrap;font:700 8px/1.4 'Space Mono',monospace;letter-spacing:.11em;color:#f3e4cf;background:#0b0e0cf2;border:1px solid #c4a17b66;border-radius:3px;padding:4px 5px;box-shadow:0 3px 10px #0005}
.crest-dock-label>span{color:#d2a77d}
.crest-dock-link:hover .crest-dock-label{border-color:#e0bd98;background:#1d1a15}
.crest-dock .crest-dock-link:focus-visible,.crest-dock .crest-dock-motion:focus-visible{outline:2px solid #ebcc9f;outline-offset:4px}
.crest-dock .crest-dock-motion{position:absolute;top:0;right:-7px;width:24px;height:24px;min-height:24px;padding:0;border:1px solid #c4a17b88;border-radius:50%;display:grid;place-items:center;background:#0d100ff2;color:#f3e4cf;font:700 10px/1 Arial,sans-serif;cursor:pointer;opacity:0;transition:opacity .16s}
.crest-dock .crest-dock-motion[hidden]{display:none}
.crest-dock:hover .crest-dock-motion,.crest-dock:focus-within .crest-dock-motion{opacity:1}
.crest-dock:is(:hover,:focus-within,[data-paused],[data-suspended]) :is(.crest-dock-float,.crest-dock-turn){animation-play-state:paused}
/* Reserve the corner in every header; the video remains the homepage content. */
body[data-crest-navigation] :is(.world-header-inner,.header-inner,.head-in,.install-header){padding-right:calc(clamp(20px,5vw,83px) + 82px)}
body[data-crest-navigation] .pack-top{padding-right:98px}
@keyframes crest-drift{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}
@keyframes crest-turn{from{transform:rotateY(-18deg)}to{transform:rotateY(342deg)}}
@media(max-width:1320px){body[data-crest-navigation] .world-header-status{display:none}}
@media(max-width:1180px){body[data-crest-navigation] .head-nav{display:none}body[data-crest-navigation] .head-cta{margin-left:auto}}
@media(max-width:980px){body[data-crest-navigation] .world-nav{display:none}body[data-crest-navigation] .world-menu-button{display:block}}
@media(max-width:600px){
  .crest-dock{width:66px;top:max(8px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
  .crest-dock-float{width:38px;height:47.5px}
  .crest-dock-label{font-size:7px;letter-spacing:.06em;padding:4px}
  .crest-dock .crest-dock-motion{right:-8px;top:-4px}
  body[data-crest-navigation] :is(.world-header-inner,.header-inner,.head-in,.install-header){padding-right:88px;min-height:82px}
  body[data-crest-navigation] :is(.header-inner,.head-in){flex-wrap:wrap;gap:10px;padding-block:12px}
  body[data-crest-navigation] .header-nav{width:100%;gap:12px}
  body[data-crest-navigation] .header-inner .brand{font-size:17px}
  body[data-crest-navigation] .pack-top{padding-right:72px;min-height:90px;flex-wrap:wrap;gap:10px;padding-block:17px}
  body[data-crest-navigation] .pack-brand{font-size:12px;gap:5px}
  body[data-crest-navigation] .pack-brand img{width:25px;height:25px}
  body[data-crest-navigation] .install-header{flex-wrap:wrap;gap:10px;padding-block:17px}
  body[data-crest-navigation] .head-cta{margin-left:0;padding:8px;font-size:9px}
}
@media(max-width:380px){body[data-crest-navigation] .world-brand{gap:5px}body[data-crest-navigation] .world-brand img{width:25px;height:25px}body[data-crest-navigation] .world-brand strong{font-size:12px}body[data-crest-navigation] .world-header-inner{gap:8px}body[data-crest-navigation] .world-menu-button{font-size:9px;padding:8px}}
@media(hover:none){.crest-dock .crest-dock-motion{opacity:.75}}
@media(prefers-reduced-motion:reduce){.crest-dock-float,.crest-dock-turn{animation:none}.crest-dock .crest-dock-motion{display:none}.crest-dock-turn{transform:rotateY(-12deg)}}