*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:#0b0b0b;color:#fff}
    body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
    .hero{position:relative;min-height:100svh;display:grid;place-items:center;isolation:isolate;background:#111}
    .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;z-index:-3;overflow:hidden;background:#111}
    .slide::before{content:"";position:absolute;inset:-40px;background-image:inherit;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(28px);transform:scale(1.08);opacity:.72}
    .slide::after{content:"";position:absolute;inset:0;background-image:inherit;background-position:center;background-size:contain;background-repeat:no-repeat;transform:scale(1.015);transition:transform 7s linear}
    .slide.active{opacity:.72}
    .slide.active::after{transform:scale(1.035)}
    .veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.08) 42%,rgba(0,0,0,.65));}
    .grain{position:absolute;inset:0;z-index:-1;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
    header{position:absolute;top:0;left:0;right:0;padding:28px clamp(22px,5vw,70px);display:flex;justify-content:space-between;align-items:center;letter-spacing:.12em;text-transform:uppercase;font-size:11px}
    .mark{font-weight:700;letter-spacing:.22em}.status{opacity:.72}
    main{text-align:center;padding:32px 22px;max-width:1100px}
    h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,11vw,132px);font-weight:400;line-height:.86;letter-spacing:-.045em;margin:0;text-transform:uppercase}
    .tagline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2.2vw,28px);font-style:italic;margin:25px 0 0;letter-spacing:.02em}
    .copy{max-width:570px;margin:24px auto 0;font-size:clamp(12px,1.3vw,15px);line-height:1.7;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
    footer{position:absolute;bottom:0;left:0;right:0;padding:24px clamp(22px,5vw,70px);display:flex;justify-content:space-between;gap:20px;align-items:end;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72)}
    .soon{font-size:12px;color:#fff}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-right:8px;animation:pulse 1.8s infinite}
    @keyframes pulse{50%{opacity:.25}}
    @media(max-width:620px){header{padding-top:22px}.status{display:none}footer{align-items:center}.credits{display:none}.copy{max-width:330px}.slide::before,.slide::after{background-position:center center}}
    @media(prefers-reduced-motion:reduce){.slide{transition:opacity .4s}.dot{animation:none}}