.handoff-layout{display:grid;grid-template-columns:120px minmax(0,46rem);gap:clamp(24px,5vw,72px);padding:clamp(56px,8vw,120px) 0}
.handoff-line{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:12px}
.handoff-line span{width:1px;height:48px;background:var(--rule-2)}
.handoff-line span:nth-child(2){height:88px;background:var(--gold)}
.handoff-layout h1{margin:18px 0 22px}
.handoff-layout .lede{font-size:max(var(--copy-floor,14px),1.25rem);color:var(--ink-2)}
.handoff-layout p+p{margin-top:14px}
.quiet-note{padding:14px 18px;border-inline-start:2px solid var(--lagoon);background:var(--lagoon-soft);color:var(--ink-2);font-size:max(var(--copy-floor,14px),.95rem)}
.route-loading{padding:clamp(56px,8vw,120px) 0;display:grid;gap:18px;max-width:40rem}
.loading-rule{height:2px;background:linear-gradient(90deg,var(--gold) 0 30%,var(--rule) 30%);background-size:200% 100%;animation:sweep 1.4s var(--ease) infinite}
@keyframes sweep{from{background-position:100% 0}to{background-position:-100% 0}}
.empty-state{display:grid;justify-items:start;gap:12px;padding:40px;border:1px dashed var(--rule-2);border-radius:var(--r);background:var(--white)}
.empty-state p{color:var(--slate)}
main>.empty-state{margin:clamp(56px,9vw,140px) 0;padding:0;border:0;background:none;gap:20px}
main>.empty-state::before{content:"";width:56px;height:64px;border:1.5px solid var(--gold);border-bottom:0;border-radius:999px 999px 0 0}
.empty-glyph{display:flex;align-items:flex-end;gap:4px;height:36px}
.empty-glyph i{width:12px;border:1.5px solid var(--gold);border-bottom:0;border-radius:6px 6px 0 0;height:60%}
.empty-glyph i:nth-child(2){height:100%;border-color:var(--rule-2)}
[dir=rtl] .arrow{transform:scaleX(-1)}
[dir=rtl] .main-nav a::after{transform-origin:right}
[dir=rtl] .loading-rule{transform:scaleX(-1)}
[dir=rtl] .footer-line{background:linear-gradient(270deg,var(--gold) 0 64px,transparent 64px)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){[dir=rtl] .text-link:hover .arrow{transform:scaleX(-1) translate(2px,-2px)}
}
@media (max-width:1100px){.site-header{flex-wrap:wrap;row-gap:4px}
.main-nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none;gap:22px;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut)}
.main-nav::-webkit-scrollbar{display:none}
}
@media (max-width:820px){.handoff-layout{grid-template-columns:1fr}
.handoff-line{display:none}
.site-footer{grid-template-columns:1fr}
}
@media (max-width:620px){html{font-size:max(var(--copy-floor,14px),16px)}
.brand-words small{display:none}
.brand-words strong{font-size:max(var(--copy-floor,14px),1.08rem);letter-spacing:.05em}
.sound-button{padding-inline:10px}
.sound-button span[data-t]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.input-line{flex-direction:column}
.input-line .button{width:100%}
.hero-actions .button{width:100%}
.hero-copy h1{font-size:clamp(2.6rem,11vw,3.4rem)}
}
@media(max-width:700px){.brand-words strong,.brand-words small{white-space:normal;overflow-wrap:anywhere}
}