@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,500;600&display=swap');
:root{--bg:#fffefb;--sage:#76a487;--deep:#466456;--ink:#596c63;--gold:#f4cf72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.7;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 52% 5%,rgba(255,231,157,.25),transparent 34rem),radial-gradient(circle at 0 55%,rgba(200,230,237,.13),transparent 32rem),radial-gradient(circle at 100% 76%,rgba(118,164,135,.12),transparent 35rem);pointer-events:none}a{text-decoration:none;color:inherit}button{font:inherit}.site-header{position:fixed;top:0;left:0;right:0;height:58px;z-index:100;display:flex;align-items:center;justify-content:flex-end;padding:0 clamp(1.2rem,5vw,4.5rem);background:linear-gradient(to bottom,rgba(255,254,251,.55),transparent);border:0}.site-header nav{display:flex;gap:1.7rem;font-size:.76rem;color:#62766b}.site-header nav a{opacity:.82}.nav-light,.menu-button{display:none}.world{position:relative}.section{position:relative;max-width:1240px;margin:auto;padding-left:clamp(1.3rem,6vw,5.5rem);padding-right:clamp(1.3rem,6vw,5.5rem)}.eyebrow{margin:0 0 .8rem;font-size:.67rem;text-transform:uppercase;letter-spacing:.16em;color:var(--sage);font-weight:600}h1,h2,h3{font-family:'Fraunces',serif;color:var(--deep);font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(3.1rem,7vw,6.7rem);line-height:.94;margin:0}h2{font-size:clamp(2.7rem,5.8vw,5.5rem);line-height:.98;margin:0}h3{font-size:1.4rem;line-height:1.1}em{font-style:normal;color:#77a889}
.light-river{position:absolute;z-index:0;pointer-events:none;inset:0;overflow:hidden}.light-river:before,.light-river:after{content:'';position:absolute;border-radius:50%;border-top:1px solid rgba(244,207,114,.26)}.light-river:before{width:125%;height:42%;left:-12%;top:18%;transform:rotate(-7deg);box-shadow:0 -8px 32px rgba(255,225,137,.14)}.light-river:after{width:120%;height:38%;left:8%;top:61%;transform:rotate(6deg);border-top-color:rgba(244,207,114,.18)}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding-top:3rem;padding-bottom:5rem;overflow:hidden}.hero-copy{position:relative;z-index:5;max-width:490px}.hero-logo{width:min(310px,75%);display:block;margin-bottom:1.4rem}.hero-copy p{max-width:390px;margin:1.5rem 0 0;color:#6b7b73;font-size:.98rem}.hero-art{position:relative;min-height:650px;display:grid;place-items:center;z-index:3}.hero-glow{position:absolute;width:clamp(500px,65vw,820px);height:clamp(500px,65vw,820px);border-radius:50%;background:radial-gradient(circle,rgba(255,222,119,.56),rgba(255,236,164,.25) 38%,transparent 72%);filter:blur(18px);animation:breath 7s ease-in-out infinite}.lantern{width:min(430px,72%);position:relative;z-index:4;display:block;filter:drop-shadow(0 24px 35px rgba(70,100,86,.08))}.hero-sparkles{position:absolute;inset:2% -2%;z-index:8;pointer-events:none}.twinkle{position:absolute;width:var(--s);height:var(--s);opacity:0;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 14px rgba(244,207,114,.75));animation:twinkle var(--d) ease-in-out var(--delay) infinite}.twinkle:before,.twinkle:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(transparent,#fff 46%,transparent);border-radius:50%}.twinkle:before{width:2px;height:100%}.twinkle:after{height:2px;width:100%}.twinkle b{position:absolute;inset:35%;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff,0 0 14px rgba(255,236,151,.9)}.t1{left:10%;top:42%;--s:44px;--d:6.8s;--delay:-2.1s}.t2{left:25%;top:19%;--s:22px;--d:5.1s;--delay:-.6s}.t3{left:39%;top:7%;--s:31px;--d:7.4s;--delay:-4.4s}.t4{right:19%;top:18%;--s:52px;--d:8.1s;--delay:-1.7s}.t5{right:8%;top:44%;--s:25px;--d:5.7s;--delay:-3.4s}.t6{right:18%;bottom:17%;--s:37px;--d:6.3s;--delay:-5.1s}.t7{left:24%;bottom:15%;--s:18px;--d:4.9s;--delay:-1.3s}.t8{left:48%;bottom:7%;--s:29px;--d:7.8s;--delay:-6s}.t9{right:36%;top:32%;--s:15px;--d:5.3s;--delay:-2.9s}.t10{left:6%;top:24%;--s:17px;--d:6.1s;--delay:-4.8s}.hero-flow{position:absolute;z-index:2;bottom:0;left:28%;right:-8%;height:180px;border-top:1px solid rgba(244,207,114,.3);border-radius:50%;transform:rotate(-8deg);box-shadow:0 -3px 26px rgba(255,224,133,.18)}
.story{padding-top:12rem;padding-bottom:13rem}.story-inner{display:grid;grid-template-columns:.78fr 1fr;gap:clamp(3rem,10vw,10rem);align-items:center}.story-photo{position:relative;margin:0;transform:rotate(-2deg)}.story-photo:before{content:'';position:absolute;inset:-18px;background:radial-gradient(circle at 60% 35%,rgba(255,222,119,.26),transparent 55%);z-index:-1;filter:blur(16px)}.story-photo img{width:100%;display:block;padding:11px;background:#fff;box-shadow:0 24px 50px rgba(70,100,86,.13)}.story-copy{max-width:600px;color:#66776f}.story-copy p:first-child{font-family:'Fraunces',serif;font-size:1.42rem;line-height:1.5;color:#557064}.story-copy p{margin:0 0 1.3rem}.story-heading{max-width:800px;margin-bottom:5rem}
.moments{position:relative;padding:10rem 0 12rem;overflow:hidden;background:linear-gradient(180deg,rgba(239,249,243,.5),rgba(255,254,251,.8))}.moments-head{max-width:1240px;margin:0 auto 4rem;padding:0 clamp(1.3rem,6vw,5.5rem);position:relative;z-index:2}.moments-head>p{max-width:520px;color:#6b7b73;margin:1.2rem 0 0}.moment-track{position:relative;z-index:2;overflow:hidden;padding:1rem 0 7rem}.moment-grid{display:flex;gap:3.4rem;width:max-content;padding:0 7vw;align-items:flex-start;animation:drift 100s linear infinite}.moment-grid:hover{animation-play-state:paused}.moment-card{width:270px;flex:0 0 270px;border:0;background:none;text-align:left;padding:0;cursor:pointer;color:inherit}.moment-card:nth-child(2n){margin-top:90px}.moment-card:nth-child(3n){margin-top:25px}.moment-card:nth-child(4n){margin-top:125px}.card-image{display:block;position:relative;padding:9px;background:#fff;box-shadow:0 20px 38px rgba(70,100,86,.13);transform:rotate(-2deg);transition:.4s}.moment-card:nth-child(2n) .card-image{transform:rotate(2.4deg)}.moment-card:hover .card-image{transform:translateY(-9px) rotate(0);box-shadow:0 28px 48px rgba(70,100,86,.18)}.card-image img,.card-image video{display:block;width:100%;height:auto}.media-count{position:absolute;right:7px;bottom:7px;background:rgba(255,254,251,.92);border-radius:99px;padding:.12rem .45rem;font-size:.64rem;color:#5e7568}.moment-card h3{margin:1rem .1rem .2rem;color:#557466}.moment-card p{margin:0 .1rem;color:#78877f;font-size:.82rem}
.story-player{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:4vw;background:rgba(70,91,81,.22);backdrop-filter:blur(16px);animation:fade .25s ease}.story-player[hidden]{display:none}.player-layout{position:relative;width:min(1080px,94vw);max-height:88vh;display:grid;grid-template-columns:1.2fr .8fr;background:rgba(255,254,251,.97);border-radius:34px;overflow:hidden;box-shadow:0 35px 100px rgba(50,72,61,.25)}.player-media{min-height:560px;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 50%,#fff0b9,#edf7f0 62%,#fffefa)}.player-media img,.player-media video{max-width:100%;max-height:78vh;object-fit:contain;background:#fff;padding:8px;box-shadow:0 18px 34px rgba(70,100,86,.13)}.player-info{padding:4.5rem 3rem;align-self:center}.player-info h2{font-size:clamp(2.4rem,4vw,4.2rem)}.player-info>p:not(.eyebrow){color:#697a72}.player-close,.player-arrow{border:0;cursor:pointer;position:absolute;border-radius:50%;background:#fff;color:var(--deep);box-shadow:0 8px 22px rgba(70,100,86,.14);z-index:5}.player-close{top:18px;right:18px;width:44px;height:44px;font-size:1.4rem}.player-arrow{top:50%;transform:translateY(-50%);width:46px;height:46px;font-size:2rem}.player-arrow-left{left:14px}.player-arrow-right{right:14px}.progress{display:flex;gap:5px;margin:1.5rem 0}.progress span{height:4px;flex:1;background:#e3ebe6;border-radius:5px}.progress span.active{background:var(--gold)}.media-step-controls{display:flex;gap:.5rem}.media-step-controls button{border:0;width:38px;height:38px;border-radius:50%;background:#e8f2ed;color:var(--deep)}.media-empty{width:100%;height:420px;display:grid;place-items:center;text-align:center;background:#edf7f0;color:#597267}
.light{padding:11rem 0 12rem;position:relative;overflow:hidden}.light-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.light-copy{max-width:500px}.light-copy>p:last-child{color:#6a7a72}.light-list{display:grid;gap:1.1rem}.light-item{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(118,164,135,.18);font-family:'Fraunces',serif;font-size:1.25rem;color:#587063;background:linear-gradient(90deg,rgba(255,255,255,.55),transparent)}.light-item span{font-family:'DM Sans',sans-serif;font-size:.68rem;color:var(--sage);margin-right:.7rem}.light-star{position:absolute;right:8%;top:18%;font-size:3rem;color:#f4d37d;opacity:.55;animation:glint 5s ease-in-out infinite}
.jar{padding:10rem 0 13rem;position:relative}.jar-inner{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.jar-copy{max-width:500px;color:#697970}.jar-copy p{font-size:1.03rem}.button{border:0;border-radius:999px;padding:.9rem 1.25rem;background:var(--sage);color:white;font-weight:600;cursor:pointer;box-shadow:0 12px 25px rgba(118,164,135,.18)}.jar-visual{position:relative;min-height:500px;display:grid;place-items:center}.jar-visual:before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,222,119,.45),rgba(230,245,234,.2) 45%,transparent 70%);filter:blur(20px);animation:breath 8s ease-in-out infinite}.jar-jar{position:relative;width:min(330px,70%);height:390px;border-radius:42px 42px 70px 70px;border:1px solid rgba(131,158,142,.5);background:linear-gradient(110deg,rgba(228,241,231,.55),rgba(255,255,255,.58) 44%,rgba(211,231,218,.48));box-shadow:inset 18px 0 35px rgba(255,255,255,.72),inset -18px 0 30px rgba(94,130,108,.1),0 25px 50px rgba(70,100,86,.13);overflow:hidden}.jar-jar:before{content:'';position:absolute;inset:22% 14%;background:radial-gradient(circle,rgba(255,235,157,.7),transparent 68%);filter:blur(14px)}.jar-lid{position:absolute;top:-48px;width:215px;height:62px;border:1px solid #aebbb2;border-radius:17px 17px 8px 8px;background:linear-gradient(#eef4ef,#cbd8cf);box-shadow:0 8px 15px rgba(70,100,86,.12)}.jar-glints{position:absolute;inset:0}.jar-glints i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff,0 0 25px #f4cf72;animation:glint 3s ease-in-out infinite}.jar-glints i:nth-child(1){left:28%;top:30%}.jar-glints i:nth-child(2){left:65%;top:24%;animation-delay:-1s}.jar-glints i:nth-child(3){left:48%;top:45%;animation-delay:-2s}.jar-glints i:nth-child(4){left:22%;top:62%;animation-delay:-.5s}.jar-glints i:nth-child(5){left:72%;top:59%;animation-delay:-1.5s}.jar-glints i:nth-child(6){left:55%;top:72%;animation-delay:-2.4s}.jar-label{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);white-space:nowrap;font-family:'Fraunces',serif;color:#597366;font-size:1rem}.jar-notes{display:flex;gap:1.3rem;margin-top:4rem;flex-wrap:wrap}.jar-note{background:#fff;border:1px solid rgba(118,164,135,.15);padding:1.2rem 1.4rem;box-shadow:0 12px 30px rgba(70,100,86,.08);transform:rotate(-1deg);max-width:270px}.jar-note:nth-child(2){transform:rotate(2deg)}.jar-note p{font-family:'Fraunces',serif;color:#5c7367}.jar-note small{font-size:.68rem;color:#89978f}
.grief{min-height:75vh;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#fffefa,#edf6f0)}.grief-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,224,133,.3),transparent 68%);filter:blur(18px)}.grief-content{position:relative;max-width:800px;padding:8rem 1.5rem;text-align:center}.grief-content p:last-child{max-width:560px;margin:1.5rem auto;color:#6c7b74}.footer{text-align:center;padding:3rem;color:#87958e;font-size:.8rem}
@keyframes breath{0%,100%{transform:scale(.97);opacity:.82}50%{transform:scale(1.03);opacity:1}}@keyframes twinkle{0%,100%{opacity:0;transform:scale(.55)}18%,45%{opacity:.95;transform:scale(1)}65%{opacity:.2;transform:scale(.72)}}@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-35%)}}@keyframes glint{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}@keyframes fade{from{opacity:0}to{opacity:1}}
@media(max-width:800px){.site-header{height:54px}.site-header nav{display:none}.menu-button{display:block;border:0;background:rgba(255,255,255,.8);padding:.45rem .7rem;border-radius:999px;color:var(--deep)}.site-header.open nav{display:flex;position:absolute;top:54px;right:1rem;flex-direction:column;gap:.7rem;padding:1rem;background:#fff;border-radius:16px;box-shadow:0 15px 35px rgba(70,100,86,.15)}.hero{grid-template-columns:1fr;padding-top:5rem}.hero-copy{max-width:520px;text-align:center;margin:auto}.hero-logo{margin:0 auto 1rem}.hero-art{min-height:470px}.lantern{width:min(350px,82%)}.story{padding-top:7rem;padding-bottom:8rem}.story-inner,.light-inner,.jar-inner{grid-template-columns:1fr;gap:3rem}.story-heading{margin-bottom:3rem}.moments{padding-top:7rem}.moment-grid{animation:none;overflow:auto;padding-left:1.5rem;gap:1.5rem}.moment-card{width:235px;flex-basis:235px}.story-player{padding:1rem}.player-layout{grid-template-columns:1fr;max-height:92vh;overflow:auto}.player-media{min-height:360px}.player-info{padding:2rem 1.5rem}.player-arrow{display:none}.jar{padding-top:7rem}.jar-visual{min-height:420px}.jar-jar{height:330px}.grief-content{padding:6rem 1.5rem}}