@font-face{font-family:Iris Sans;src:url('assets/google-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}:root{color-scheme:dark;--ground:#171717;--ink:#fefdfb;--quiet:#bebbb8;--space:clamp(24px,4.5vw,80px);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font:18px/1.5 'Iris Sans',sans-serif}::selection{background:var(--ink);color:var(--ground)}.page{max-width:1800px;min-height:100svh;margin:auto;display:flex;flex-direction:column}p,h1,figure{margin:0}header{padding:36px var(--space);display:flex;align-items:center;justify-content:space-between;gap:24px}header p{font-size:16px;color:var(--quiet)}.brand{display:inline-flex;padding:4px 0}.brand img{display:block;width:96px;height:auto}a{color:inherit}main{flex:1;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;padding:30px var(--space) 50px;gap:20px;isolation:isolate}.message{position:relative;z-index:1;max-width:620px}h1{font-size:clamp(62px,6.7vw,96px);font-weight:500;line-height:1.02;letter-spacing:-.035em;text-wrap:balance;animation:arrive .8s var(--ease) both}.description{font-size:clamp(18px,1.6vw,23px);line-height:1.5;max-width:36ch;margin-top:30px;animation:arrive .8s .08s var(--ease) both}.arrival{margin-top:48px;animation:arrive .8s .16s var(--ease) both}.arrival>p:first-child{font-size:16px;color:var(--quiet)}.soon{font-size:28px;margin-top:4px;letter-spacing:-.02em}figure{min-width:0;display:grid;place-items:center;animation:scene-in 1.15s var(--ease) both}.scene{display:block;width:115%;max-width:760px;height:auto;object-fit:contain}details{margin-top:24px;max-width:48ch}summary{list-style:none;display:inline-flex;align-items:center;gap:20px;font-size:16px;cursor:pointer;padding:10px 0;min-height:44px}summary::-webkit-details-marker{display:none}summary svg{transition:transform .25s var(--ease)}summary:hover svg{transform:translateX(5px)}details[open] summary svg{transform:rotate(90deg)}details>p{font-size:16px;line-height:1.6;color:var(--quiet);margin-top:12px}summary:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}footer{display:flex;justify-content:space-between;gap:24px;padding:24px var(--space) 30px;font-size:14px;color:var(--quiet)}footer span{color:var(--ink)}@keyframes arrive{from{opacity:.2;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-in{from{opacity:.2;transform:translateY(36px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1500px){main{padding-top:40px;padding-bottom:70px}.scene{max-width:800px}}@media(max-width:900px){header{padding-top:26px;padding-bottom:20px}main{grid-template-columns:1fr;gap:12px;padding-top:46px;padding-bottom:20px}.message{max-width:620px}h1{font-size:clamp(58px,10vw,84px)}.description{max-width:39ch}figure{grid-row:2}.scene{width:100%;max-width:520px;margin-top:-18px}.arrival{margin-top:30px}footer{padding-top:10px}}@media(max-width:480px){header p{max-width:17ch;text-align:right;font-size:14px}.brand img{width:80px}main{padding-top:32px}h1{font-size:58px}.description{font-size:18px;margin-top:22px}.soon{font-size:26px}.scene{margin-top:0}footer{font-size:13px;gap:12px}details>p{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

footer{align-items:center}.author-logo{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}

/* Mobile and tablet: illustration fills the lower background. */
@media(max-width:1100px){
 .page{position:relative;isolation:isolate;overflow:hidden;min-height:100svh}
 header,footer{position:relative;z-index:2}
 main{position:static;display:flex;align-items:flex-start;flex:1;padding-top:clamp(32px,6vw,64px);padding-bottom:clamp(200px,32vw,340px);isolation:auto}
 .message{max-width:620px;z-index:2}
 h1{font-size:clamp(46px,7.8vw,72px);line-height:1.04}
 figure{position:absolute;z-index:0;inset:auto 0 0;height:clamp(580px,90vw,1000px);display:block;pointer-events:none;animation:none;overflow:hidden}
 .scene{position:absolute;bottom:-4%;left:50%;transform:translateX(-50%);width:max(115%,680px);max-width:none;height:auto;margin:0;opacity:.9}
 figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(23,23,23,.94) 0%,rgba(23,23,23,.58) 18%,rgba(23,23,23,.3) 42%,rgba(23,23,23,.82) 72%,#171717 100%)}
 .description{max-width:37ch}
 footer{background:linear-gradient(transparent,rgba(23,23,23,.8));padding-top:22px}
 details[open]>p{color:var(--ink)}
}
@media(max-width:480px){
 h1{font-size:clamp(42px,11.8vw,52px)}
 main{padding-top:28px;padding-bottom:210px}
 .description{font-size:18px;max-width:31ch}
 .scene{width:760px;bottom:-30px}
 figure{height:660px}
 footer{flex-wrap:wrap}
}