@font-face{font-family:ArialFallback;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:#151615;color:#eeeee8;font-family:ArialFallback,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,video{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}::selection{background:#dcff55;color:#151615}button:focus-visible,a:focus-visible{outline:2px solid #dcff55;outline-offset:6px}.grain{position:fixed;inset:-100%;width:300%;height:300%;z-index:90;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.masthead{height:72px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff30;position:absolute;inset:0 0 auto;z-index:40}.wordmark{font-size:28px;letter-spacing:-2px;font-weight:900}.wordmark span{font-size:14px;vertical-align:super;margin-left:4px}.edition,.sound-toggle,.hero-topline,.hero-frame figcaption,.orbit-label,.scroll-cue,.hero-note,.eyebrow{font-family:'Courier New',monospace;font-size:12px;letter-spacing:.02em}.sound-toggle{display:flex;gap:12px;align-items:center;border:0;background:none;color:inherit;padding:12px 0}.equalizer{height:16px;display:flex;gap:3px;align-items:center}.equalizer i{width:2px;height:6px;background:#dcff55}.equalizer i:nth-child(2){height:15px}.equalizer i:nth-child(3){height:11px}.hero{position:relative;min-height:900px;height:100svh;max-height:1300px;overflow:hidden;background:radial-gradient(ellipse at 68% 60%,#343835 0,transparent 55%);isolation:isolate}.hero-topline{position:absolute;inset:100px 3.5vw auto;display:flex;justify-content:space-between;color:#b0b2ab}.hero-name{position:absolute;top:112px;left:2.6%;width:95%;margin:0;display:flex;justify-content:space-between;font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:clamp(130px,19.9vw,380px);line-height:1;letter-spacing:-.055em;z-index:6}.hero-name span{display:block}.hero-number{position:absolute;top:31%;left:29%;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(380px,43vw,790px);line-height:1;color:#dcff55;letter-spacing:-.075em;transform:rotate(-8deg);z-index:1}.hero-orbit{position:absolute;left:9%;top:43%;width:77%;height:40%;border:1px solid #b0b2ab50;border-radius:50%;transform:rotate(-20deg)}.orbit-label{position:absolute;bottom:10%;left:8%;transform:rotate(20deg);color:#c5c7bd;font-size:11px;line-height:1.5}.hero-frame{position:absolute;padding:7px;background:#d6d7cf;box-shadow:0 20px 50px #0005;z-index:4}.hero-frame figcaption{color:#191b18;height:28px;display:flex;align-items:center;gap:8px;font-size:10px}.hero-frame-main{width:32%;height:37%;left:34%;top:36%;transform:rotate(-8deg)}.hero-frame-main img{height:calc(100% - 28px)}.hero-frame-silver{width:21%;height:24%;left:7%;top:45%;transform:rotate(-14deg)}.hero-frame-silver img{height:calc(100% - 28px)}.hero-frame-video{width:23%;height:27%;right:5%;top:49%;transform:rotate(10deg)}.hero-frame-video video{height:calc(100% - 28px)}.rec-dot{width:6px;height:6px;background:#fd5327;border-radius:50%}.birthday-stamp{position:absolute;right:9%;top:32%;z-index:8;font-family:'Courier New',monospace;font-size:14px;line-height:1.1;transform:rotate(7deg);padding:16px;background:#dcff55;color:#151615;box-shadow:5px 5px 0 #0005}.birthday-stamp strong{font-size:30px;line-height:1.2}.birthday-stamp>span{position:absolute;right:-20px;top:-24px;font-size:56px;color:#eee}.hero-bottom{position:absolute;bottom:42px;left:3.5vw;right:3.5vw;display:flex;justify-content:space-between;align-items:flex-end;z-index:10}.hero-bottom p{font-size:clamp(28px,3.5vw,58px);line-height:.95;font-weight:700;letter-spacing:-2px;margin:0}.hero-bottom em{font-family:Georgia,serif;font-weight:normal}.scroll-cue{display:flex;align-items:center;gap:24px;padding-bottom:4px}.scroll-symbol{width:50px;height:50px;border:1px solid #85887e;border-radius:50%;display:grid;place-items:center;font-size:24px}.hero-note{line-height:1.5;text-align:right;color:#b2b3ac}.opening{padding:150px 8vw 180px;background:#e8e9df;color:#20211e}.eyebrow{font-size:13px}.opening h2{font-size:clamp(50px,7.5vw,120px);font-weight:700;letter-spacing:-.07em;line-height:1.02;margin:80px 0 45px}.opening h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400}.opening p{font-size:20px;line-height:1.5;max-width:520px;margin-left:auto}.hero-frame-main{animation:float-main 7s ease-in-out infinite}.hero-frame-video{animation:float-video 6s ease-in-out infinite}.hero-frame-silver{animation:float-silver 8s ease-in-out infinite}@keyframes float-main{50%{transform:translateY(-14px) rotate(-5deg)}}@keyframes float-video{50%{transform:translateY(12px) rotate(13deg)}}@keyframes float-silver{50%{transform:translateY(15px) rotate(-10deg)}}@media(min-width:1800px){.hero-name{top:12%}.hero-topline{top:10%}}@media(max-width:760px){.masthead{height:60px;padding:0 20px}.edition{display:none}.hero{height:95svh;min-height:730px;max-height:1000px}.hero-topline{inset:85px 20px auto;font-size:10px}.hero-name{top:128px;font-size:20vw;left:3%}.hero-number{top:31%;left:22%;font-size:85vw}.hero-frame-main{width:59%;height:26%;left:20%;top:36%;padding:5px}.hero-frame-silver{width:38%;height:19%;left:-4%;top:52%;padding:5px}.hero-frame-video{width:40%;height:19%;right:-3%;top:58%;padding:5px}.hero-frame figcaption{font-size:8px;height:20px}.hero-frame img,.hero-frame video{height:calc(100% - 20px)}.birthday-stamp{right:5%;top:25%;font-size:10px;padding:10px}.birthday-stamp strong{font-size:22px}.birthday-stamp>span{font-size:35px;right:-10px;top:-20px}.hero-bottom{left:20px;right:20px;bottom:30px}.hero-bottom p{font-size:34px;letter-spacing:-1.5px}.hero-note{display:none}.scroll-cue{gap:12px;font-size:10px}.scroll-symbol{height:36px;width:36px}.orbit-label{display:none}.opening{padding:100px 22px}.opening h2{margin:55px 0 40px;font-size:52px}.opening p{font-size:18px}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
