:root{--ink:#071013;--ink2:#0c171a;--paper:#f3f1eb;--cyan:#67c3d2;--muted:#859093;--line:rgba(255,255,255,.15);--serif:"Iowan Old Style","Baskerville","Times New Roman",serif;--sans:"Helvetica Neue",Arial,sans-serif;--pad:clamp(22px,4vw,68px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper)}body{font-family:var(--sans);-webkit-font-smoothing:antialiased}.stage{position:relative;min-height:100svh;overflow:hidden;display:grid;grid-template:92px 1fr auto/54% 46%;background:radial-gradient(circle at 20% 40%,#102125 0,transparent 44%),var(--ink)}.stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent calc(25% - 1px),rgba(255,255,255,.045) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),rgba(255,255,255,.045) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),rgba(255,255,255,.045) 75%,transparent calc(75% + 1px));pointer-events:none}.topbar,.intro,.visual,.clock,.footer{position:relative;z-index:2}.topbar{grid-column:1/-1;margin:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar img{width:132px;height:68px;object-fit:contain}.topbar p,.footer p{margin:0;font-size:.55rem;text-transform:uppercase;letter-spacing:.2em;color:#9ba4a6}.topbar p span{color:var(--cyan);margin-right:15px}.intro{grid-column:1;grid-row:2;padding:clamp(58px,8vh,105px) var(--pad) 250px;align-self:center}.overline{display:flex;align-items:center;gap:14px;color:#a7b0b1;font-size:.58rem;text-transform:uppercase;letter-spacing:.2em;margin:0 0 30px}.overline span{display:block;width:48px;height:1px;background:var(--cyan)}h1{font:400 clamp(5.2rem,8.6vw,9.4rem)/.77 var(--serif);letter-spacing:-.065em;margin:0;animation:reveal 1.2s cubic-bezier(.16,1,.3,1) both}h1 em{font-weight:400;color:var(--cyan)}.intro-copy{margin:44px 0 0;padding-left:2px;color:#919b9d;font-size:.72rem;line-height:1.7;letter-spacing:.04em}.visual{grid-column:2;grid-row:2;margin:0;overflow:hidden;border-left:1px solid var(--line);animation:visual-in 1.4s cubic-bezier(.16,1,.3,1) both}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,19,.55),transparent 38%),linear-gradient(0deg,rgba(7,16,19,.6),transparent 35%)}.visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);animation:drift 12s ease-in-out infinite alternate}.visual-number{position:absolute;z-index:2;top:35px;right:35px;font:italic 6rem/1 var(--serif);color:rgba(255,255,255,.12)}.visual figcaption{position:absolute;z-index:3;left:30px;right:30px;bottom:25px;display:flex;justify-content:space-between;font-size:.5rem;text-transform:uppercase;letter-spacing:.2em;color:#abb2b3}.clock{position:absolute;z-index:4;left:var(--pad);bottom:94px;width:min(760px,58vw);background:rgba(7,16,19,.88);border:1px solid var(--line);backdrop-filter:blur(18px);padding:22px 28px 20px}.clock-label{margin:0 0 15px;color:#8b9597;font-size:.5rem;text-transform:uppercase;letter-spacing:.18em}.clock-grid{display:grid;grid-template-columns:repeat(4,1fr)}.clock-grid>div{position:relative;padding:0 22px;border-left:1px solid var(--line)}.clock-grid>div:first-child{padding-left:0;border-left:0}.clock strong{display:block;font:400 clamp(2.8rem,4.5vw,5rem)/.9 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.clock span{display:block;margin-top:10px;color:#7e898b;font-size:.47rem;text-transform:uppercase;letter-spacing:.18em}.clock .seconds strong{color:var(--cyan);transition:opacity .15s}.clock[data-running="true"] .seconds:after{content:"";position:absolute;right:0;top:5px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan);animation:pulse 1s steps(1) infinite}.footer{grid-column:1/-1;grid-row:3;min-height:72px;margin:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.footer a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#657174;font-size:.45rem;text-transform:uppercase;letter-spacing:.18em;transition:.3s}.footer a i{display:block;width:8px;height:8px;border:1px solid currentColor;border-radius:50%;transition:.3s}.footer a:hover,.footer a:focus-visible{color:var(--paper)}.footer a:hover i{background:var(--cyan);border-color:var(--cyan)}@keyframes reveal{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes visual-in{from{opacity:0;clip-path:inset(0 0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes drift{from{transform:scale(1.02) translateX(-1%)}to{transform:scale(1.08) translateX(1%)}}@keyframes pulse{50%{opacity:.25}}
@media(max-width:900px){.stage{grid-template:78px 1fr auto/1fr}.stage:before{background-image:linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.045) 50%,transparent calc(50% + 1px))}.topbar{grid-column:1;margin-inline:22px}.topbar img{width:104px;height:58px}.topbar p{font-size:.48rem}.topbar p span{display:none}.visual{position:absolute;z-index:0;inset:78px 0 0;border:0;opacity:.64}.visual:after{background:linear-gradient(90deg,rgba(7,16,19,.92),rgba(7,16,19,.2)),linear-gradient(0deg,var(--ink) 0,transparent 32%,rgba(7,16,19,.84) 78%,var(--ink) 100%)}.visual img{object-position:58% center}.visual-number,.visual figcaption{display:none}.intro{grid-column:1;grid-row:2;padding:70px 22px 290px;align-self:start}.overline{font-size:.5rem;margin-bottom:25px}h1{font-size:clamp(4.7rem,22vw,7rem);line-height:.78}.intro-copy{margin-top:32px;color:#aab2b3}.clock{left:22px;right:22px;bottom:90px;width:auto;padding:18px 16px;background:rgba(7,16,19,.78)}.clock-grid>div{padding-inline:11px}.clock strong{font-size:clamp(2.2rem,12vw,3.4rem)}.clock span{font-size:.42rem;letter-spacing:.12em}.clock[data-running="true"] .seconds:after{display:none}.footer{margin-inline:22px;min-height:70px}.footer p{font-size:.47rem}.footer a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}
@media(max-width:390px){.intro{padding-top:50px}.clock strong{font-size:2.25rem}.clock-grid>div{padding-inline:8px}.clock{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}