:root{--bg:#08101d;--bg2:#0b1423;--panel:#111e2e;--panel2:#15263b;--ink:#f6f7f3;--muted:#a5b3c0;--lime:#dbfa7a;--sky:#9bc7fd;--border:#ffffff24;--warm:#f3eadc;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,.clickable-photo:focus-visible{outline:3px solid var(--lime);outline-offset:5px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}figure,p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.019em;line-height:.91}.page-wrap{width:min(1290px,calc(100% - 88px));margin-inline:auto}.section-pad{padding-top:128px;padding-bottom:128px}.micro-label{font-family:var(--body);font-weight:800;font-size:11px;letter-spacing:.21em}.section-heading{display:flex;align-items:center;gap:24px;margin-bottom:76px}.section-divider{height:1px;background:var(--border);flex:1}.sec-num{font:700 11px var(--body);letter-spacing:.15em;color:var(--muted)}.kicker{font-weight:800;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--lime);margin-bottom:21px}.bodycopy{font-size:17px;line-height:1.85;color:var(--muted);max-width:450px}.copy-lead{font-size:22px;line-height:1.5;font-weight:600;letter-spacing:-.03em;max-width:440px}.background-orbit{position:absolute;top:0;left:0;width:100%;height:850px;pointer-events:none;background:radial-gradient(ellipse 48% 58% at 67% 12%,#1a3f6655,transparent 80%),radial-gradient(ellipse 30% 43% at 10% 6%,#17253d99,transparent 90%);z-index:0}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;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='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:86px;border-bottom:1px solid var(--border);padding:14px max(44px,calc((100% - 1290px)/2));background:rgba(8,16,29,.9)}.brand{display:flex;align-items:center;gap:13px}.brand-logo{font:900 31px var(--display);letter-spacing:-.04em;border:2px solid var(--lime);padding:3px 10px;line-height:1}.brand-slash{color:var(--lime)}.brand-copy{font-size:9px;line-height:1.5;letter-spacing:.18em;color:#c5d0d9}.brand-copy b{color:var(--lime)}.topbar-middle,.date-stamp{font-size:10px;font-weight:800;letter-spacing:.21em;color:#b9c8d5}.topbar-middle{display:flex;align-items:center;gap:10px}.signal-dot{width:8px;height:8px;border-radius:100%;background:var(--lime);box-shadow:0 0 16px #dbfa7a88}.topbar-actions{display:flex;align-items:center;gap:20px}.soundtrack-btn{color:var(--ink);padding:10px 13px;border:1px solid var(--border);background:#ffffff0d;font-weight:800;font-size:10px;letter-spacing:.13em}.hero{position:relative;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:56px;min-height:760px;padding-top:84px;padding-bottom:68px}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:15px;margin-bottom:38px}.chip{display:inline-flex;gap:10px;align-items:center;padding:10px 13px;background:var(--lime);color:#0d1825;font-weight:800;font-size:10px;letter-spacing:.14em;white-space:nowrap}.star-icon{font-size:17px}.hero-code{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.hero-upper{font-size:16px;font-weight:800;letter-spacing:.22em;color:var(--sky);margin-bottom:9px}.hero h1{font-size:clamp(95px,10.1vw,172px);font-weight:900;line-height:.77;letter-spacing:-.034em;white-space:nowrap}.hero h1 .age-num{color:var(--lime)}.hero h1 .unlock-word{color:var(--ink);font-size:1em}.hero h1 .title-period{color:var(--lime)}.hero-lead{font-size:19px;line-height:1.75;font-weight:500;margin:36px 0 34px;color:#d4dfeb;max-width:580px}.hero-lead em{font-style:normal;color:var(--lime);font-weight:800}.hero-buttons{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.primary-btn{background:var(--lime);border:2px solid var(--lime);color:#122130;padding:20px 26px;min-height:59px;display:inline-flex;justify-content:space-between;align-items:center;gap:45px;font-weight:900;font-size:11px;letter-spacing:.15em;transition:transform .2s,background .2s}.primary-btn:hover{transform:translateY(-3px);background:#f0ffaf}.primary-btn span{font-size:20px;line-height:.8}.tiny-note{font-size:9px;font-weight:800;line-height:1.8;letter-spacing:.15em;color:#8999a8}.hero-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:76px;padding-top:20px;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--muted)}.hero-bottom b{color:var(--lime);font-size:20px;margin-left:7px}.hero-gallery{position:relative;min-height:650px}.hero-img{position:absolute;overflow:hidden;background:#17263a;border:9px solid #fff}.hero-img img{width:100%;height:100%;object-fit:cover}.hero-img-one{left:4%;top:0;width:77%;height:79%;transform:rotate(-4deg);box-shadow:0 30px 70px #0008}.hero-img-one img{object-position:50% 48%}.hero-img-two{right:-1%;bottom:4%;width:61%;height:46%;transform:rotate(7deg);box-shadow:0 25px 55px #000a}.hero-img-two figcaption,.hero-img-one figcaption{background:#f8f8f2;color:#0d1622;font:800 11px var(--body);letter-spacing:.09em;padding:12px 7px;text-align:center}.hero-img-one img{height:calc(100% - 37px)}.hero-img-two img{height:calc(100% - 37px)}.hero-img figcaption b{color:#33668c}.hero-image-index{position:absolute;left:-6%;bottom:6%;font-size:11px;font-weight:800;letter-spacing:.12em;transform:rotate(-90deg);transform-origin:left center;color:var(--muted)}.hero-image-index span{color:var(--lime)}.hero-shape-cross{position:absolute;top:-3%;right:2%;font-weight:700;font-size:75px;color:var(--lime);transform:rotate(15deg);z-index:-1}.ticker{background:var(--lime);color:#152230;overflow:hidden;padding:17px 0}.ticker-content{display:flex;gap:40px;align-items:center;white-space:nowrap;width:max-content;animation:marquee 32s linear infinite;font-family:var(--display);font-size:27px;font-weight:900;letter-spacing:.055em}.ticker-content b{font-size:18px}@keyframes marquee{to{transform:translateX(-50%)}}
.origin{position:relative}.origin-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:center}.origin-lead h2{font-size:clamp(72px,7.5vw,123px);margin:0 0 30px}.origin-lead .copy-lead{margin-bottom:26px}.signature-small{display:flex;gap:15px;margin-top:40px;font-size:10px;letter-spacing:.2em;font-weight:800}.signature-small span{font-size:18px;color:var(--lime)}.origin-images{position:relative;height:650px}.origin-main-photo{position:absolute;top:2%;left:3%;height:83%;width:54%;border:10px solid #f0eee8;transform:rotate(-7deg);box-shadow:0 25px 55px #0008;z-index:1;background:#fff}.origin-main-photo img{width:100%;height:calc(100% - 31px);object-fit:cover}.origin-secondary-photo{position:absolute;right:0;bottom:1%;height:68%;width:57%;transform:rotate(7deg);border:10px solid #f0eee8;background:#fff;box-shadow:0 20px 50px #0008}.origin-secondary-photo img{width:100%;height:calc(100% - 31px);object-fit:cover}.origin-images figcaption{height:31px;display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:8px;letter-spacing:.12em;color:#141e27;padding:0 5px}.clickable-photo{cursor:zoom-in}.origin-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:70px}.origin-strip .strip-item{height:190px;position:relative;overflow:hidden;border:1px solid var(--border);cursor:zoom-in;background:#1a2534}.origin-strip .strip-item:nth-child(2n){transform:translateY(14px)}.origin-strip img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.origin-strip .strip-item:hover img{transform:scale(1.07)}.origin-strip span{position:absolute;bottom:0;left:0;right:0;font:800 8px var(--body);letter-spacing:.08em;padding:35px 10px 10px;background:linear-gradient(transparent,#000b)}
.memories{background:#f1eee6;color:#142235}.memories .micro-label,.memories .sec-num{color:#334054}.memories .section-divider{background:#192e4033}.memories-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:65px}.memories-intro .kicker{color:#466b87}.memories h2{font-size:clamp(74px,8vw,128px)}.memories h2 em{font-style:normal;color:#4b7594}.memories .bodycopy{color:#455567;max-width:360px;padding-bottom:10px}.film-container{width:100%;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:12px 0 35px;overscroll-behavior-x:contain}.film-container::-webkit-scrollbar{display:none}.film-track{display:flex;gap:19px;padding-inline:max(44px,calc((100vw - 1290px)/2))}.film-card{width:clamp(250px,30vw,378px);flex:none;scroll-snap-align:center;background:#fff;box-shadow:0 8px 24px #19212b17;padding:11px 11px 19px;cursor:zoom-in;transition:transform .25s}.film-card:hover{transform:translateY(-6px)}.film-card .photo-frame{height:345px;overflow:hidden;background:#c2c8cd}.film-card img{height:100%;width:100%;object-fit:cover}.film-card .film-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:15px 4px 4px}.film-card .film-meta strong{font-family:var(--display);font-size:28px;font-weight:800;line-height:1}.film-card .film-meta small{font-weight:800;font-size:9px;letter-spacing:.09em;color:#728296;white-space:nowrap}.film-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:10px;color:#5a6a7c;font-size:10px;font-weight:800;letter-spacing:.13em}.film-controls>div{display:flex;gap:10px}.round-icon{width:44px;height:44px;border:1px solid #8795a3;border-radius:50%;background:transparent;color:#142235;font-size:18px}.round-icon:hover{background:#142235;color:white}.quote-row{display:flex;justify-content:center;align-items:flex-start;gap:18px;text-align:center;padding-top:90px}.quote-row p{font-family:var(--display);font-weight:700;font-size:clamp(34px,4vw,56px);line-height:1.1}.quote-mark{font:900 56px var(--display);color:#7195aa}
.potion{position:relative;background:radial-gradient(ellipse 60% 50% at 50% 15%,#23433d4d,transparent 75%),#07111a}.potion-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:50px}.warning-badge{width:max-content;background:#192d24;border:1px solid #bbf58d55;color:#d6f9a5;padding:10px 14px;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:24px}.potion-heading h2{font-size:clamp(85px,9.1vw,147px);line-height:.81}.potion-heading h2 span{color:var(--lime)}.potion-heading .bodycopy{max-width:360px;margin-bottom:11px}.potion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.potion-card{position:relative;display:flex;flex-direction:column;min-height:415px;text-align:left;border:1px solid #ffffff28;background:#101d28;color:var(--ink);padding:26px;overflow:hidden;transition:border-color .25s,transform .25s}.potion-card:hover{transform:translateY(-6px);border-color:#c9ed8299}.potion-card .formula-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.15em;font-weight:800;color:#b7c4c6}.potion-card .potion-symbol{font-size:83px;line-height:1;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;transition:transform .35s}.potion-card:hover .potion-symbol{transform:scale(1.16) rotate(-5deg)}.potion-card.green .potion-symbol{color:#b6eb82;text-shadow:0 0 45px #a3ee6066}.potion-card.blue .potion-symbol{color:#93c8ff;text-shadow:0 0 45px #93c8ff66}.potion-card.gold .potion-symbol{color:#ffdd95;text-shadow:0 0 45px #ffd78066}.potion-card h3{font-size:65px}.potion-sub{font-weight:800;font-size:10px;letter-spacing:.13em;color:var(--muted);margin-top:5px}.potion-action{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-weight:800;font-size:10px;letter-spacing:.17em;color:var(--lime);border-top:1px solid var(--border);padding-top:18px}.potion-details{max-height:0;overflow:hidden;transition:max-height .4s ease}.potion-card.is-open .potion-details{max-height:250px}.potion-card.is-open{border-color:var(--lime)}.potion-details-inner{display:block;padding-top:23px}.potion-details-inner b{display:block;font-size:10px;letter-spacing:.1em;color:var(--lime);margin:15px 0 9px}.potion-details-inner p{font-size:13px;line-height:1.7;color:#c2cdd4}.potion-details-inner .mission{font-weight:700;color:white}.potion-footnote{border-top:1px solid var(--border);margin-top:37px;padding-top:21px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.potion-footnote>span{font-size:10px;letter-spacing:.15em;color:var(--muted);white-space:nowrap}.potion-footnote p{font-size:14px;color:#d4dfdf;max-width:540px}.potion-footnote b{color:var(--lime)}
.quiz{background:var(--bg)}.quiz-shell{border:1px solid #ffffff27;min-height:490px;display:grid;grid-template-columns:1fr 1.08fr;background:#101d2b}.quiz-side{padding:48px 48px 40px;position:relative;background:radial-gradient(circle at 5% 80%,#23496288,transparent 65%),#111e2e;overflow:hidden}.quiz-symbol{position:absolute;right:4%;top:-8%;font:900 280px var(--display);color:#e5f5ff0b;line-height:1}.quiz-side h2{position:relative;font-size:clamp(54px,6vw,92px);line-height:.89;margin-bottom:20px}.quiz-side .bodycopy{font-size:15px;max-width:400px}.quiz-progress{height:6px;background:#ffffff20;margin-top:42px;width:100%;overflow:hidden}.quiz-progress div{height:100%;width:0;background:var(--lime);transition:width .35s}.quiz-progress-text{display:block;font-weight:800;letter-spacing:.15em;font-size:10px;color:#a3b3c2;margin-top:15px}.quiz-panel{padding:48px 49px;display:flex;align-items:center}.question-number{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--lime);margin-bottom:25px}.question-title{font:700 clamp(30px,3vw,42px)/1.1 var(--display);margin-bottom:28px}.answer-options{display:flex;flex-direction:column;gap:12px}.answer-btn{background:#ffffff06;color:#ebf4fa;border:1px solid #ffffff2a;padding:17px;display:flex;gap:15px;align-items:center;text-align:left;transition:background .2s,border-color .2s}.answer-btn:hover{background:#ffffff12;border-color:#c5e995a0}.answer-btn:disabled{cursor:default}.answer-btn b{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #ffffff3d;border-radius:50%;font:900 12px var(--body)}.answer-btn span{font-size:14px;font-weight:600;line-height:1.4}.answer-btn.correct{background:#c6f18622;border-color:#a7e66d}.answer-btn.wrong{background:#ffbc8a19;border-color:#efb38a}.answer-feedback{margin-top:17px;font-size:14px;line-height:1.6;color:#dcebc8}.quiz-next{margin-top:23px;min-height:48px;padding:12px 20px}.quiz-finished h3{font-size:67px;line-height:.9;margin:12px 0 18px}.quiz-finished p{line-height:1.65;color:#c1d0db;max-width:400px}.quiz-finished .primary-btn{margin-top:28px}
.today{background:#f1eee6;color:#122034}.today .section-divider{background:#15213233}.today .sec-num{color:#586575}.today .today-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.today-photos{height:670px;position:relative}.today-photo-one{position:absolute;top:0;left:2%;height:86%;width:70%;object-fit:cover;box-shadow:0 20px 50px #18213026;transform:rotate(-4deg);border:12px solid white}.today-photo-two{position:absolute;right:2%;bottom:0;height:52%;width:60%;object-fit:cover;border:12px solid white;box-shadow:0 22px 45px #1821303a;transform:rotate(7deg)}.photo-stamp{position:absolute;z-index:2;right:0;top:12%;font:900 28px/.9 var(--display);letter-spacing:.04em;background:var(--lime);padding:19px;transform:rotate(8deg)}.today-copy{position:relative;padding-top:110px}.outline-number{position:absolute;top:-80px;right:5%;font:900 330px var(--display);line-height:1;color:transparent;-webkit-text-stroke:2px #152f4930;pointer-events:none}.today .kicker{color:#336b80;position:relative}.today h2{font-size:clamp(90px,9vw,150px);position:relative;line-height:.81;margin-bottom:35px}.today .bodycopy{color:#43586a;font-size:18px;position:relative}.today-emphasis{font-size:22px;font-weight:800;line-height:1.45;margin-top:27px;max-width:440px;color:#194d67}.today-subline{font-size:10px;letter-spacing:.1em;font-weight:800;padding-top:28px;margin-top:37px;border-top:1px solid #14233436;color:#6b7b87;line-height:1.8}.today-subline b{color:#142a38}
.finale{position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 45% at 50% 58%,#1c456d91,transparent 72%),linear-gradient(180deg,#07101e,#080f1c);text-align:center;min-height:900px}.finale-stars{position:absolute;inset:0;pointer-events:none}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.8;animation:twinkle 3.5s ease-in-out infinite alternate}@keyframes twinkle{to{opacity:.12;transform:scale(.5)}}.finale-inside{position:relative;z-index:1;max-width:980px}.finale-label{color:#a5bad0;margin-bottom:29px}.finale-tag{display:inline-block;color:#192b3c;background:var(--lime);font-weight:800;letter-spacing:.16em;font-size:10px;padding:10px 14px;margin-bottom:24px}.finale h2{font-size:clamp(68px,9.5vw,143px);line-height:.84}.finale h2 em{font-style:normal;color:var(--lime)}.rocket-intro{font-size:21px;color:#c5d6e6;margin-top:22px;font-weight:700}.rocket-stage{width:260px;height:268px;position:relative;margin:30px auto 12px}.orbit-outer,.orbit-inner{position:absolute;border:1px dashed #ffffff29;border-radius:50%;inset:-9px}.orbit-inner{inset:25px;border-style:solid;border-color:#ffffff10}.planet{position:absolute;width:116px;height:116px;border-radius:50%;background:radial-gradient(circle at 32% 32%,#e8f0fe,#8a9ca9 80%);left:72px;bottom:34px;box-shadow:inset -13px -15px 25px #455c6d99,0 0 70px #a6d9ff22}.planet-crater{border-radius:50%;background:#657b8b60;position:absolute}.planet-crater.one{width:22px;height:22px;left:23px;top:23px}.planet-crater.two{width:33px;height:33px;right:20px;top:47px}.planet-crater.three{width:15px;height:15px;left:36px;bottom:18px}.rocket{position:absolute;left:78px;top:-3px;transform:rotate(27deg);filter:drop-shadow(0 10px 12px #02071088)}.rocket.launched{animation:launch 2s cubic-bezier(.5,.01,.8,.2) forwards}@keyframes launch{0%{transform:translate(0,0) rotate(27deg)}20%{transform:translate(-15px,15px) rotate(27deg)}100%{transform:translate(450px,-850px) rotate(37deg)}}.finale-btn{position:relative}.letter{max-width:700px;text-align:left;margin:65px auto 0;padding:44px 48px;background:#f3eee3;color:#182637;border-top:8px solid var(--lime);box-shadow:0 25px 80px #0008;animation:letterIn .65s both}@keyframes letterIn{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.letter-kicker{font-weight:800;letter-spacing:.19em;font-size:11px;color:#526578;margin-bottom:28px}.letter p{font-size:17px;line-height:1.8;margin-bottom:17px}.letter p:first-child{font-size:21px;font-weight:800;color:#14253c}.letter-signoff{font-size:17px;line-height:1.8;margin-top:23px}.letter-signoff strong{font-family:var(--display);font-size:37px}.ending{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding-top:18px;border-top:1px solid #172b3c55;font:900 63px var(--display)}.ending span{font:900 33px var(--body);color:#c55550}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:85px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#8c9ead}.footer a{color:var(--lime)}
.photo-dialog{width:min(850px,calc(100% - 25px));max-height:94vh;background:#111c29;color:#fff;border:1px solid #ffffff66;padding:20px;box-shadow:0 15px 65px #000b}.photo-dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}.dialog-inner{text-align:center}.dialog-inner img{width:100%;max-height:75vh;object-fit:contain}.dialog-inner p{font-family:var(--display);font-size:23px;margin-top:13px;letter-spacing:.07em}.dialog-close{position:absolute;top:9px;right:9px;width:40px;height:40px;border:1px solid #a1aec1;background:#07111ae8;color:#fff;z-index:2}.toast{position:fixed;bottom:25px;left:50%;z-index:40;transform:translateX(-50%) translateY(30px);background:#e9fca1;color:#17283b;font-size:13px;font-weight:800;max-width:min(90vw,600px);padding:15px 20px;box-shadow:0 8px 25px #0006;opacity:0;transition:.25s;pointer-events:none}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1100px){.page-wrap{width:calc(100% - 64px)}.hero{gap:28px;min-height:690px}.hero h1{font-size:clamp(88px,10vw,130px)}.hero-gallery{min-height:590px}.hero-code{display:none}.origin-grid{gap:35px}.origin-images{height:560px}.origin-main-photo{width:59%}.origin-secondary-photo{width:58%}.today .today-grid{gap:45px}.today h2{font-size:clamp(80px,9vw,120px)}.today-photos{height:570px}.hero-img-two{right:0}}@media(max-width:760px){.page-wrap{width:calc(100% - 36px)}.section-pad{padding:78px 0}.topbar{padding:12px 18px;min-height:66px;gap:12px}.brand-logo{font-size:25px}.brand-copy{font-size:7px}.topbar-middle{display:none}.date-stamp{font-size:9px}.soundtrack-btn span{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-top:46px;padding-bottom:46px;min-height:0}.hero-upper{font-size:13px}.hero h1{font-size:clamp(76px,16.5vw,128px)}.hero h1 .unlock-word{font-size:.79em;letter-spacing:-.045em}.eyebrow{margin-bottom:24px}.hero-lead{font-size:16px;margin:25px 0 27px;line-height:1.65}.hero-buttons{gap:15px}.primary-btn{padding:17px 19px;min-height:53px;gap:16px}.tiny-note{font-size:8px}.hero-gallery{height:415px;min-height:0;max-width:500px;width:100%;align-self:center}.hero-img{border-width:6px}.hero-img-one{width:70%;height:81%;left:5%}.hero-img-two{width:57%;height:49%;right:1%;bottom:0}.hero-img-one img,.hero-img-two img{height:calc(100% - 27px)}.hero-img figcaption{font-size:8px;padding:9px 3px}.hero-image-index{left:2%;bottom:8%;font-size:9px}.hero-bottom{margin-top:27px;padding-top:15px;font-size:8px}.ticker{padding:12px 0}.ticker-content{font-size:21px;gap:25px}.section-heading{gap:12px;margin-bottom:43px}.micro-label,.sec-num{font-size:9px}.origin-grid{display:flex;flex-direction:column;gap:37px;align-items:stretch}.origin-lead h2{font-size:clamp(64px,14.4vw,105px);margin-bottom:20px}.copy-lead{font-size:19px}.bodycopy{font-size:15px;line-height:1.75}.signature-small{margin-top:22px}.origin-images{height:460px;max-width:530px;width:100%;align-self:center}.origin-main-photo{height:84%;width:58%}.origin-secondary-photo{height:67%;width:58%}.origin-main-photo,.origin-secondary-photo{border-width:7px}.origin-strip{display:flex;overflow-x:auto;scrollbar-width:none;gap:10px;margin-top:50px;padding-bottom:23px;scroll-snap-type:x mandatory}.origin-strip .strip-item{flex:0 0 36vw;min-width:124px;height:155px;scroll-snap-align:start}.origin-strip .strip-item:nth-child(2n){transform:translateY(7px)}.memories-intro{display:block;margin-bottom:36px}.memories-intro h2{font-size:clamp(67px,15vw,100px);margin-bottom:24px}.memories .bodycopy{max-width:470px}.film-track{gap:12px;padding-inline:18px}.film-card{width:min(77vw,345px);padding:8px 8px 14px}.film-card .photo-frame{height:305px}.film-card .film-meta strong{font-size:23px}.film-controls{font-size:8px;line-height:1.5}.film-controls>div{flex-shrink:0}.round-icon{width:38px;height:38px}.quote-row{padding-top:65px;gap:9px}.quote-row p{font-size:clamp(29px,7vw,44px)}.quote-mark{font-size:31px}.potion-heading{display:block;margin-bottom:32px}.potion-heading h2{font-size:clamp(66px,14vw,100px);margin-bottom:25px}.potion-heading .bodycopy{margin:0}.potion-grid{grid-template-columns:1fr;gap:12px}.potion-card{min-height:265px;padding:22px}.potion-card .potion-symbol{font-size:61px;min-height:83px}.potion-card h3{font-size:56px}.potion-card.is-open .potion-details{max-height:270px}.potion-footnote{display:block}.potion-footnote p{margin-top:12px;line-height:1.6}.quiz-shell{grid-template-columns:1fr}.quiz-side{padding:35px 26px 27px}.quiz-side h2{font-size:63px}.quiz-side .bodycopy{font-size:14px}.quiz-progress{margin-top:29px}.quiz-panel{padding:33px 26px 35px}.question-title{font-size:38px}.today .today-grid{display:flex;flex-direction:column;gap:26px}.today-photos{height:450px;width:100%;max-width:510px}.today-photo-one,.today-photo-two{border-width:7px}.today-copy{align-self:stretch;padding-top:68px}.outline-number{top:-41px;right:3%;font-size:240px}.today h2{font-size:clamp(85px,18vw,130px)}.today .bodycopy{font-size:16px}.today-emphasis{font-size:19px}.finale h2{font-size:clamp(65px,12vw,105px)}.finale{min-height:820px}.finale-label{margin-bottom:21px}.rocket-intro{font-size:18px}.letter{margin-top:48px;padding:28px 22px}.letter p{font-size:15px;line-height:1.75}.letter p:first-child{font-size:19px}.ending{font-size:53px}.footer{padding:22px 0;flex-wrap:wrap;gap:12px;min-height:100px;font-size:8px}.footer span:last-child{width:100%}}@media(max-width:380px){.hero h1{font-size:75px}.hero-gallery{height:350px}.hero-img-two{height:50%}.origin-images{height:390px}.origin-strip .strip-item{height:135px}.today-photos{height:385px}.today h2{font-size:79px}.film-card .photo-frame{height:265px}.quiz-side h2{font-size:57px}.potion-heading h2{font-size:60px}.finale h2{font-size:59px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Soundtrack button: clear on/off states and mobile tap target. */
.soundtrack-btn{min-height:44px;border-radius:4px;transition:border-color .18s,background .18s;color:var(--ink)}.soundtrack-btn:hover,.soundtrack-btn.is-playing{border-color:var(--lime);background:#dbfa7a18}.soundtrack-btn.is-playing{color:var(--lime)}@media(max-width:640px){.soundtrack-btn{padding:10px 9px;font-size:9px;letter-spacing:.045em}}


/* V3: Prominent opening CTA and joyful new birthday surprises */
.hero-buttons { align-items: center; gap: 18px; }
.hero-start-btn {
  position:relative; isolation:isolate; overflow:hidden; text-align:left;
  min-height:86px; min-width:min(100%,398px); padding:17px 20px;
  gap:14px; border-radius:14px; box-shadow: 0 0 0 5px #dbfa7a1c,0 0 34px #baf35b60,0 13px 35px #0008;
  animation: birthday-cta-pulse 2.4s ease-in-out infinite;
}
.hero-start-btn::after {content:"";position:absolute;inset:-30%;z-index:-1;background:linear-gradient(110deg,transparent 30%,#fff8 50%,transparent 70%);transform:translateX(-120%);animation:cta-shine 4s ease-in-out infinite;}
.hero-start-btn .start-spark {font-size:31px;line-height:1;flex-shrink:0;color:#1b3d2f;}
.hero-start-btn .start-copy {display:flex;flex-direction:column;gap:4px;line-height:1.1;font-size:16px;letter-spacing:.09em;flex:1;}
.hero-start-btn .start-copy small {font-size:9px;letter-spacing:.095em;color:#385237;font-weight:800;}
.hero-start-btn .start-arrow {display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#19322b;color:var(--lime);font-size:27px;flex-shrink:0;}
.hero-start-btn:hover,.hero-start-btn:focus-visible{background:#f0ffaf;box-shadow:0 0 0 6px #dbfa7a33,0 0 50px #baf35b8c,0 16px 38px #0008;transform:translateY(-3px)}
.hero-start-btn:focus-visible {outline:3px solid white;outline-offset:5px;}
@keyframes birthday-cta-pulse{0%,100%{box-shadow:0 0 0 5px #dbfa7a1c,0 0 24px #baf35b50,0 13px 35px #0008}50%{box-shadow:0 0 0 8px #dbfa7a24,0 0 48px #baf35b88,0 13px 35px #0008}}
@keyframes cta-shine{0%,58%,100%{transform:translateX(-120%)}73%{transform:translateX(120%)}}
.potion-card.green .potion-symbol svg{max-width:96px;max-height:96px;filter:drop-shadow(0 0 23px #8cf05f73);}
.strength-scanner{margin-top:30px;border:1px solid #c2f08365;background:linear-gradient(125deg,#122d2c,#111e2e 70%);padding:26px;border-radius:14px;box-shadow:0 18px 50px #0003;}
.scanner-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #ffffff23;letter-spacing:.15em;font-size:10px;font-weight:800;color:var(--lime)}
.scanner-head span:last-child{color:#a6eb8f;white-space:nowrap;}
.scanner-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-top:22px;}
.scanner-body h3{font:900 clamp(34px,4vw,55px)/.97 var(--display);letter-spacing:.01em;margin:0 0 14px;}
.scanner-body h3 em{color:var(--lime);font-style:normal;}
.scanner-body p{font-size:14px;line-height:1.7;color:#c6d1d6;max-width:500px;}
.scanner-console{padding:20px;background:#06111c;border:1px solid #e3ffbb2a;border-radius:9px;}
.scanner-meter{height:16px;border:1px solid #b7e87b73;background:#26392c;border-radius:20px;overflow:hidden;}
.scanner-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#6bc54d,#dbfa7a);transition:width 2.05s cubic-bezier(.2,.72,.3,1);box-shadow:0 0 15px #bcfc6d88;}
.scanner-readout{font:800 11px var(--body);min-height:35px;padding-top:15px;letter-spacing:.08em;color:#cceaad;}
.scanner-btn{width:100%;min-height:50px;padding:12px 17px;gap:8px;margin-top:14px;}
.scanner-btn:disabled{opacity:.7;cursor:progress;}
.scanner-result{margin-top:18px;padding:19px 23px;background:#dbfa7a13;border-left:4px solid var(--lime);}
.scanner-result[hidden]{display:none;}
.scanner-result b{color:var(--lime);font-size:15px;line-height:1.5;}
.scanner-result p{line-height:1.65;color:#dbe7df;font-size:14px;margin:10px 0 0;}
.rocket-shout{position:absolute;top:15%;left:50%;transform:translate(-50%,15px) scale(.7) rotate(-5deg);opacity:0;pointer-events:none;z-index:10;min-width:max-content;font:900 clamp(25px,5vw,48px)/1.2 var(--display);color:var(--lime);text-shadow:0 5px 35px #000,0 0 25px #dbfa7a80;transition:transform .5s cubic-bezier(.2,1.6,.4,1),opacity .35s;text-align:center;}
.rocket-shout.show{opacity:1;transform:translate(-50%,-16px) scale(1) rotate(-5deg)}
@media(max-width:760px){
 .hero-buttons{align-items:stretch;flex-direction:column;gap:14px}
 .hero-start-btn{width:100%;min-width:0;min-height:80px;padding:16px 14px}
 .hero-start-btn .start-copy{font-size:14px}
 .hero-start-btn .start-copy small{font-size:8px}
 .hero-start-btn .start-spark{font-size:25px}
 .hero-start-btn .start-arrow{width:42px;height:42px}
 .hero-buttons .tiny-note{font-size:9px;line-height:1.6;text-align:center;}
 .scanner-head{font-size:8px;letter-spacing:.07em;}
 .scanner-body{grid-template-columns:1fr;gap:8px;}
 .strength-scanner{padding:18px;}
 .scanner-console{padding:15px;}
}
@media(prefers-reduced-motion:reduce){.hero-start-btn,.hero-start-btn::after{animation:none!important}}