/*! © 2026 CipherChow LLC. All rights reserved. SigilSmith website; not licensed for reuse. */
.page-head { position: relative; display: grid; place-items: center; text-align: center; min-height: clamp(440px, 66vh, 680px); padding: 140px var(--gutter) 72px; isolation: isolate; overflow-x: clip; } .page-head::before { content: ""; position: absolute; inset: 0 -20%; z-index: -1; pointer-events: none; background: radial-gradient(min(640px, 80%) min(360px, 50%) at 50% 46%, rgba(120, 198, 255, .11), transparent 70%); } .page-head-in { max-width: 900px; display: grid; justify-items: center; } .page-head .lede { margin-left: auto; margin-right: auto; } .page-title { font-size: clamp(48px, min(7vw, 11vh), 96px); line-height: .95; letter-spacing: -.055em; padding-bottom: .08em; background: linear-gradient(180deg, #fff 30%, #a9b8ca); -webkit-background-clip: text; background-clip: text; color: transparent; } .ready .page-head-in > * { animation: rise .8s var(--ease) both; } .ready .page-head-in > :nth-child(2) { animation-delay: .08s; } .ready .page-head-in > :nth-child(3) { animation-delay: .16s; } .ready .page-head-in > :nth-child(4) { animation-delay: .26s; } .ready .page-head-in > :nth-child(5) { animation-delay: .34s; } @keyframes run { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } } body.short { display: flex; flex-direction: column; min-height: 100svh; } body.short main { flex: 1; display: grid; } .lost-head { min-height: min(100svh, 940px); } .reveal .lost-mark:not(.burnt) { clip-path: inset(0 0 100% 0); } .lost-mark { display: grid; justify-items: center; padding: 0 24px 6px; } .lost-in > .lost-mark { animation: none; } .reveal .lost-in > :nth-child(2) { animation-delay: 1.1s; } .reveal .lost-in > :nth-child(3) { animation-delay: 1.25s; } .reveal .lost-in > :nth-child(4) { animation-delay: 1.4s; } .lost-num { margin: 0; font-size: clamp(120px, min(19vw, 26vh), 240px); font-weight: 800; line-height: .9; letter-spacing: -.06em; background: linear-gradient(180deg, #ffd9a0, var(--spark) 55%, #c4621c); -webkit-background-clip: text; background-clip: text; color: transparent; } .lost-mark .page-title { margin-top: 4px; } .soon-num { padding-inline: .08em; } .lost-in .lede { margin-top: 26px; } .lost-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 34px; } .lost-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px; margin: 26px 0 0; font-size: 14px; color: var(--text-3); } .lost-links a:hover { color: var(--text); } .foot-slim .foot-base { padding-top: 32px; } @media (max-width: 760px) { .page-head { padding-top: 120px; min-height: clamp(380px, 58svh, 560px); } .lost-head { min-height: 100svh; } .lost-actions .btn { flex: 1 1 100%; justify-content: center; } }