@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#fff4e3;font-synthesis:none;--cream:#fff4e3;--peach:#ffcfaa;--blue:#153ed1;--vh:1svh;background:#153ed1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--peach);outline-offset:7px}::selection{background:var(--peach);color:var(--blue)}.site-header{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:22px 6%;display:flex;position:fixed;top:0;left:0}.site-header a{pointer-events:auto}.wordmark{font-family:Instrument Serif,Georgia,serif;font-size:42px;line-height:1}.wordmark-dot{color:var(--peach)}.dedication{letter-spacing:.17em;font-size:10px;font-weight:500}.header-flower{color:var(--peach);font-size:27px}.journey{height:700svh;position:relative}.stage{isolation:isolate;background:var(--blue);height:100svh;position:sticky;top:0;overflow:hidden}.atmosphere{z-index:-3;background:radial-gradient(at 50% 110%,#2466f9 0%,#0000 65%),linear-gradient(125deg,#173dc5,#1449e6 50%,#1637ba);position:absolute;inset:0}.warmth{opacity:.12;background:radial-gradient(at 65% 60%,#f8b68b,#0000 40%);position:absolute;inset:-30%}.grain{opacity:.06;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.orbital{z-index:-2;pointer-events:none;border:1px solid #d9e6ff12;border-radius:50%;width:110vw;height:110vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbital-two{width:140vw;height:140vw}.scene{opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform;align-items:center;padding:100px 9% 85px;display:flex;position:absolute;inset:0}.scene.is-active{opacity:1;visibility:visible;pointer-events:auto}.eyebrow{letter-spacing:.18em;margin:0 0 28px;font-size:11px;font-weight:500;line-height:1.7}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.065em;margin-bottom:24px;font-weight:450;line-height:1.04}h1{font-size:clamp(64px,8.5vw,132px)}h2{font-size:clamp(55px,6.5vw,100px)}h1 em,h2 em{letter-spacing:-.035em;color:var(--peach);font-family:Instrument Serif,Georgia,serif;font-weight:400}.scene-copy{z-index:3;flex:0 0 56%;position:relative}.aside-copy{color:#d5dfff;margin-bottom:0;font-size:15px;line-height:1.6}.scene-intro{text-align:center;justify-content:center}.intro-copy{z-index:2;margin-top:-30px;position:relative}.intro-copy .eyebrow{margin-bottom:26px}.portal{background:linear-gradient(#82adff06 10%,#b4d1ff12 45%,#ffd3b536 100%);border:1px solid #91b5ff49;border-radius:50% 50% 4px 4px;width:min(41vw,550px);height:min(65vh,640px);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px 8px #80a3ff24,inset 0 0 35px #bccbff15}.portal:after{content:"";background:linear-gradient(90deg,#0000,#f8cfac,#0000);width:120%;height:1px;position:absolute;bottom:-3px;left:-10%;box-shadow:0 0 30px 6px #ffe6c94a}.portal-core{border-radius:inherit;background:radial-gradient(at 50% 100%,#f4c09c44,#0000 55%);position:absolute;inset:0}.scroll-invitation{white-space:nowrap;color:#dde6ff;align-items:center;gap:16px;font-size:12px;display:flex;position:absolute;bottom:105px;left:50%;transform:translate(-50%)}.scroll-arrow{border:1px solid #d2ddff60;border-radius:30px;place-items:center;width:34px;height:46px;font-size:20px;display:grid}.margin-note{writing-mode:vertical-rl;letter-spacing:.2em;opacity:.48;font-size:9px;position:absolute;top:50%;left:28px;transform:rotate(180deg)}.object-composition{perspective:1000px;justify-content:center;align-items:center;width:45%;height:72%;display:flex;position:absolute;top:16%;right:5%}.art{object-fit:contain;z-index:1;filter:drop-shadow(0 36px 24px #0016503b);will-change:transform;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:relative}.object-halo{aspect-ratio:1;background:radial-gradient(circle,#6a9dff45,#0000 68%);border:1px solid #dae5ff16;border-radius:50%;width:85%;position:absolute}.capybara{max-height:90%}.statue-composition{align-items:flex-end;width:37%;height:89%;top:8%;right:8%}.statue{object-position:bottom;width:100%;height:100%}.statue-disc{aspect-ratio:1;background:#f5c7a4;border-radius:50%;width:95%;position:absolute;top:13%;box-shadow:0 0 100px #f2be8940}.scene-statue h2{font-size:clamp(45px,5.5vw,86px)}.eggs{width:110%;max-width:110%}.crown-composition{height:66%;top:20%;right:6%}.crown{width:105%;max-width:105%}.scene-finale{text-align:center;flex-direction:column;justify-content:center}.scene-finale .eyebrow{margin-bottom:40px}.scene-finale h2{letter-spacing:-.075em;white-space:nowrap;margin-bottom:28px;font-size:clamp(65px,12.2vw,188px);line-height:1.05}.scene-finale h2 span{color:var(--peach);letter-spacing:-.05em;margin-left:.08em;font-family:inherit;font-style:normal}.birthday{margin-bottom:12px;font-size:clamp(18px,2vw,26px)}.final-note{color:var(--peach);font-family:Instrument Serif,Georgia,serif;font-size:25px;font-style:italic}.replay{color:var(--cream);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff50;padding:12px 0;font-size:12px;position:absolute;bottom:110px}.replay span{margin-left:24px}.final-orbit{aspect-ratio:1;z-index:-1;border:1px solid #ffe2c82b;border-radius:50%;width:70vw;position:absolute;transform:rotateX(65deg)rotate(-25deg);box-shadow:0 0 80px #f7cc9810}.journey-footer{z-index:15;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:26px;left:6%;right:6%}.chapter-nav{gap:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.chapter-nav button{cursor:pointer;background:0 0;border:0;padding:15px 7px}.chapter-nav button span{background:#cbd8ff65;border-radius:10px;width:5px;height:5px;transition:width .35s,background .35s;display:block}.chapter-nav button[aria-current] span{background:var(--peach);width:25px}.chapter-count{letter-spacing:.05em;color:#aabdff;align-items:center;gap:11px;margin-left:auto;font-size:11px;display:flex}.chapter-count>span:first-child{color:var(--cream)}.count-line{background:#cbd8ff50;width:34px;height:1px}.progress-track{background:#ffffff08;width:100%;height:2px;position:absolute;bottom:0;left:0}.progress-fill{background:var(--peach);transform-origin:0;will-change:transform;width:100%;height:100%;transform:scaleX(0)}.scroll-stops{pointer-events:none;z-index:-1;grid-template-rows:repeat(6,1fr);display:grid;position:absolute;inset:0}@media (width>=1500px){.scene{padding-left:12%;padding-right:12%}.object-composition{width:38%;right:10%}.statue-composition{width:32%;right:13%}}@media (width<=700px){.site-header{padding:21px 7%}.wordmark{font-size:35px}.dedication{letter-spacing:.13em;font-size:8px}.header-flower{font-size:24px}.journey{height:760svh}.scene{flex-direction:column;align-items:flex-start;padding:105px 7% 80px}.scene-intro{justify-content:center;align-items:center}.intro-copy{width:100%;margin-top:-35px}h1{font-size:clamp(55px,13.5vw,92px);line-height:1.04}h2{margin-bottom:15px;font-size:clamp(45px,11.8vw,75px)}.eyebrow{letter-spacing:.14em;margin-bottom:18px;font-size:9px}.intro-copy .eyebrow{letter-spacing:.15em;font-size:8px}.portal{width:72%;height:54%;top:47%}.scroll-invitation{flex-direction:column;gap:15px;font-size:11px;bottom:108px}.margin-note{display:none}.scene-copy{flex:initial;width:100%}.aside-copy{font-size:13px}.object-composition{width:86%;height:46%;top:45%;right:7%}.capybara-composition{height:49%;top:40%}.scene-statue .scene-copy{z-index:3}.scene-statue h2{font-size:clamp(39px,10.4vw,66px)}.scene-statue .aside-copy{max-width:155px}.statue-composition{width:69%;height:57%;top:36%;right:3%}.statue-disc{width:100%;top:15%}.eggs-composition{width:80%;height:41%;top:47%;right:10%}.crown-composition{width:86%;height:49%;top:39%;right:7%}.scene-finale{justify-content:center;align-items:center;padding:100px 5%}.scene-finale .eyebrow{margin-bottom:32px;font-size:8px}.scene-finale h2{margin-bottom:30px;font-size:15vw}.birthday{font-size:18px}.final-note{font-size:24px}.final-orbit{width:130vw}.replay{bottom:112px}.journey-footer{bottom:23px;left:7%;right:7%}.chapter-count{gap:7px;font-size:9px}.count-line{width:20px}.chapter-nav button{padding:16px 6px}.chapter-nav button[aria-current] span{width:18px}}@media (height<=650px) and (width>=701px){.scene{padding-top:80px}.scene h2{font-size:55px}.scene h1{font-size:80px}.scroll-invitation{bottom:80px}.eyebrow{margin-bottom:12px}.object-composition{height:70%}.replay{bottom:75px}}@media (prefers-reduced-motion:reduce){.journey{height:auto}.stage{height:auto;position:relative;overflow:hidden}.scene{pointer-events:auto;min-height:100svh;position:relative;opacity:1!important;visibility:visible!important;transform:none!important}.site-header{position:absolute}.journey-footer,.scroll-stops,.progress-track{display:none}.art,.scene-copy,.intro-copy,.portal{will-change:auto}.scene-finale{min-height:100svh}}html.no-motion .journey{height:auto}html.no-motion .stage{height:auto;position:relative}html.no-motion .scene{opacity:1;visibility:visible;pointer-events:auto;min-height:100svh;position:relative}html.no-motion .journey-footer,html.no-motion .scroll-stops{display:none}