/* Approved Wayfinder identity: crisp silver geometry, with a quiet moving ring. */
.intro-seal.wayfinder{width:clamp(156px,20vw,218px);height:auto;aspect-ratio:1;stroke:none;color:#b7bec2;opacity:.92}
.wayfinder-orbit{transform-box:view-box;transform-origin:50% 50%;animation:wayfinder-turn 28s linear infinite}
.intro[hidden] .wayfinder-orbit,.intro.is-leaving .wayfinder-orbit{animation-play-state:paused}
@keyframes wayfinder-turn{from{transform:rotate(-10deg)}to{transform:rotate(350deg)}}
.intro-wordmark{margin-top:16px}
.intro-progress{margin-top:24px;max-width:125px;background:#293033}
.intro-progress span{box-shadow:none;background:#aeb8bc}

/* Flowing rows keep navigation, social icons and the seal from colliding. */
.coast-bottom{position:absolute;left:30px;right:30px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}
.coast-bottom .featured{position:static;margin:0 0 12px;width:100%;text-align:center}
.coast-bottom .featured h2{margin-bottom:10px}
.coast-bottom .navigation{position:relative;inset:auto;width:100%;max-width:none;margin:0 0 9px;flex-wrap:wrap;gap:4px 10px}
.coast-bottom .site-footer{position:relative;inset:auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:18px}
.copyright{grid-column:1;align-self:end;white-space:nowrap;padding-bottom:7px}
.footer-identity{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:5px}
.social-icons{display:flex;align-items:center;justify-content:center;gap:9px}
.social-icon{display:grid;place-items:center;position:relative;width:44px;height:44px;padding:9px;color:#959da1;outline-offset:2px;transition:color .65s ease;text-transform:none;letter-spacing:normal}
.social-icon svg{display:block;width:24px;height:24px;pointer-events:none}
.social-icon:hover,.social-icon:focus-visible{color:#e1e5e7}
.social-icon:focus-visible{outline:1px solid #b7bec2;outline-offset:2px}
.social-tooltip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);padding:6px 9px;background:#0b0e0ff2;color:#d6dcdf;white-space:nowrap;pointer-events:none;font-family:var(--sans);font-size:12px;line-height:1.4;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}
.social-icon:hover .social-tooltip,.social-icon:focus-visible .social-tooltip{opacity:1;visibility:visible}
.footer-seal{width:38px;height:38px;color:#a4aeb2;opacity:.9;display:block;flex:none}
.coast-bottom .scene-controls{grid-column:3;align-self:end;max-width:none;justify-content:flex-end;column-gap:18px;row-gap:0;padding-bottom:1px}
.body-panel-open .coast-bottom{opacity:0;pointer-events:none}

@media(max-width:900px){
  .coast-bottom{left:20px;right:20px}
  .coast-bottom .site-footer{column-gap:12px}
  .social-icons{gap:5px}
  .coast-bottom .scene-controls{column-gap:13px}
}
@media(max-width:760px){
  .home{min-height:780px}
  .coast-bottom{left:18px;right:18px;bottom:max(16px,env(safe-area-inset-bottom))}
  .coast-bottom .navigation{max-width:520px;gap:4px 8px;margin-bottom:8px}
  .coast-bottom .site-footer{grid-template-columns:auto minmax(0,1fr);gap:12px 16px}
  .footer-identity{grid-column:1/-1;grid-row:1;gap:4px}
  .copyright{grid-column:1;grid-row:2}
  .coast-bottom .scene-controls{grid-column:2;grid-row:2;max-width:none;gap:0 13px}
  .coast-bottom .scene-controls button{min-height:32px}
  .social-icons{gap:10px}
  .social-icon:first-child .social-tooltip{left:0;transform:none}
  .social-icon:last-child .social-tooltip{left:auto;right:0;transform:none}
  .footer-seal{width:36px;height:36px}
  .intro-seal.wayfinder{width:164px}
}
@media(max-width:370px){
  .home{min-height:800px}
  .coast-bottom .navigation a{min-width:98px;padding:0 9px}
  .coast-bottom .scene-controls{column-gap:9px}
  .social-icons{gap:4px}
}
@media(max-height:650px) and (min-width:761px){
  .home{min-height:640px}
  .coast-bottom .featured h2{margin-bottom:6px}
  .coast-bottom .featured{margin-bottom:6px}
  .coast-bottom .navigation a{height:44px}
  .intro-seal.wayfinder{width:148px}
  .intro-inner{padding:20px}
}
@media(prefers-reduced-motion:reduce){
  .wayfinder-orbit{animation:none;transform:none}
  .social-icon,.social-tooltip{transition:none}
}
