*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}body{font-family:Lato,sans-serif;background:#fdfaf5;color:#2a1f14;overflow-x:hidden;-webkit-font-smoothing:antialiased}.j-serif{font-family:Cormorant Garamond,Georgia,serif}#vignette{position:fixed;inset:0;background:radial-gradient(ellipse 70% 60% at center,transparent 0%,rgba(0,0,0,.06) 100%);pointer-events:none;z-index:98}#progress{position:fixed;top:0;left:0;right:0;height:2px;background:#c4956a73;transform-origin:left;transform:scaleX(0);z-index:100;pointer-events:none}.scene{position:relative;width:100%;height:100vh;overflow:hidden}.scene-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;z-index:1}.scene-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;pointer-events:none}.s-label{font-family:Lato,sans-serif;font-size:9px;letter-spacing:.45em;text-transform:uppercase;color:#6b5e528c;text-align:center}.s-text{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;text-align:center;line-height:1.3;color:#2a1f14}.s-text-lg{font-size:clamp(1.8rem,5vw,3.5rem)}.s-text-md{font-size:clamp(1.2rem,3vw,2rem)}.s-text-sm{font-size:clamp(.9rem,2vw,1.15rem);color:#2a1f1473}.s-year{font-family:Cormorant Garamond,Georgia,serif;font-weight:300;font-size:clamp(5rem,16vw,13rem);color:#c4956a14;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;user-select:none;white-space:nowrap}.split{display:flex;height:100%;width:100%;position:relative}.split-half{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2rem 1rem 4rem}.split-line{position:absolute;top:10%;bottom:10%;left:50%;width:1px;background:#c4956a14;z-index:2}.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1px dashed rgba(196,149,106,.25);border-radius:3px;background:#c4956a0d}.s1-cluster{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:clamp(240px,65vw,400px)}.s1-ph{will-change:transform,filter,opacity}.blob{border-radius:3px}.blob-1{border-radius:60% 40% 55% 45%/50% 60% 40% 55%}.blob-2{border-radius:45% 55% 40% 60%/55% 45% 60% 40%}.blob-3{border-radius:50% 42% 58% 48%/42% 55% 45% 58%}.ph svg{color:#c4956a59}.ph-label{font-family:Lato,sans-serif;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#6b5e5273;text-align:center;padding:0 .5rem;line-height:1.6}.ph-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:460px;width:100%;margin:0 auto}@media(min-width:640px){.ph-grid{grid-template-columns:1fr 1fr 1fr;max-width:540px;gap:12px}}.dating-mosaic{position:absolute;inset:0;z-index:1}.dm{position:absolute;border-radius:3px;box-shadow:0 4px 20px #0000001f;will-change:transform}.dm:after{content:"";position:absolute;inset:5px;border:1px solid rgba(196,149,106,.15);pointer-events:none;z-index:1;border-radius:2px}.dm-far{z-index:1;opacity:.55;filter:blur(1.5px) brightness(.85)}.dm-mid{z-index:2}.dm-close{z-index:3;box-shadow:0 8px 35px #0000002e}.map-land{fill:#c4956a1a;stroke:#c4956a4d;stroke-width:.7;stroke-linejoin:round}.map-region{font-family:Lato,sans-serif;font-size:8px;letter-spacing:.2em;text-transform:uppercase;fill:#6b5e5280;text-anchor:middle}.map-city{font-family:Lato,sans-serif;font-size:6.5px;letter-spacing:.12em;fill:#6b5e52b3;text-anchor:middle}.decade-reel{position:absolute;inset:0;display:flex;justify-content:center;gap:clamp(120px,30vw,320px);padding:0 1rem;overflow:hidden;z-index:1}.sd-col{display:flex;flex-direction:column;gap:10px;width:clamp(100px,22vw,160px);flex-shrink:0;padding-top:5vh}.sd-ph{opacity:.7}.decade-year{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Cormorant Garamond,serif;font-weight:300;font-size:clamp(5rem,14vw,11rem);color:#c4956a1a;z-index:2;user-select:none;white-space:nowrap;pointer-events:none}.decade-dot{position:absolute;bottom:15%;width:10px;height:10px;border-radius:50%;background:#c4956a99;z-index:3}.decade-dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(196,149,106,.3);animation:tdPulse 2s ease-in-out infinite}.story-dot{position:fixed;width:10px;height:10px;border-radius:50%;background:#c4956a99;z-index:10;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}.story-dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(196,149,106,.3);animation:tdPulse 2s ease-in-out infinite}.meet-dot{position:absolute;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#c4956a99}.meet-trail{position:absolute;top:50%;transform:translateY(-50%);width:0;height:1px;background:#c4956a33;z-index:-1}.meet-glow{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(196,149,106,.12) 0%,transparent 70%);opacity:0;pointer-events:none;z-index:0}.bp{position:absolute;width:14px;height:14px;background:none;left:-7px;top:-7px}.bp:before{content:"";position:absolute;inset:0;background:#c4956a;clip-path:path("M7 2.6C4.9 0 0.9 0 0.9 3.2c0 2.1 2.6 4.4 6.1 7.3 3.5-2.9 6.1-5.2 6.1-7.3C13.1 0 9.1 0 7 2.6Z")}.s3-intro-text{color:#8b7355}.s3-letter{display:inline-block;opacity:0}@keyframes s3Pulse{0%,to{opacity:1}50%{opacity:.45}}.s3-intro-text.pulsing .s3-letter{animation:s3Pulse 2.5s ease-in-out infinite}.thread-line{position:absolute;height:1px;background:#c4956a26;top:50%;left:12%;right:12%;z-index:2}.thread-signal{position:absolute;height:3px;top:50%;left:12%;right:12%;z-index:2;transform:translateY(-1px);background:linear-gradient(90deg,transparent,rgba(196,149,106,.5),transparent);background-size:30% 100%;background-repeat:no-repeat;animation:signalMove 3s ease-in-out infinite}@keyframes signalMove{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.thread-dot{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:#c4956a80;transform:translateY(-50%);z-index:3}.thread-dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(196,149,106,.3);animation:tdPulse 2s ease-in-out infinite}@keyframes tdPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(2);opacity:0}}.s5-arc{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4rem}.s5-arc-row{display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,14px)}.s5-ph{will-change:transform}.la-strip-wrap{width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden;padding:2rem 0;position:relative}.la-strip{display:flex;flex-direction:column;gap:10px;width:max-content}.la-row{display:flex;gap:10px;align-items:center;flex-shrink:0}.la-ph{flex-shrink:0}.hawaii-glow{position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 50% 75%,rgba(196,149,106,.08) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 30% 30%,rgba(180,140,100,.06) 0%,transparent 60%);pointer-events:none}.hawaii-sunset{position:absolute;inset:0;background:radial-gradient(ellipse 120% 80% at 50% 100%,rgba(196,149,106,.12) 0%,rgba(180,140,100,.06) 30%,transparent 60%);opacity:0;pointer-events:none;z-index:0}.s7-sp{position:absolute;width:8px;height:8px;opacity:0;background:#c4956a;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);will-change:transform,opacity}.s7-frame{position:absolute;inset:0;opacity:0;will-change:transform,opacity;filter:saturate(.82) contrast(.94) sepia(.06) brightness(1.03)}.s7-light-sweep{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(196,149,106,.08) 40%,rgba(255,220,180,.12) 50%,rgba(196,149,106,.08) 60%,transparent 100%);opacity:0;pointer-events:none;z-index:1;transform:translate(-120%)}.join-hero{position:relative;overflow:hidden;padding:1.5rem 0}.join-photos{position:absolute;inset:0;z-index:0;display:flex;align-items:center;overflow:hidden}.join-photos .ph{background:#c4956a1a;border:1px solid rgba(196,149,106,.15);border-style:solid}.join-overlay{position:absolute;inset:0;z-index:1;background:#fdfaf5b8}.join-text{position:relative;z-index:2;text-align:center;padding:1rem}.engage-track{display:flex;gap:12px;width:max-content;animation:autoScroll 30s linear infinite}@keyframes autoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.shimmer-text{background:linear-gradient(90deg,#c4956a 0% 40%,#e8d5b8 50%,#c4956a 60% 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.shimmer-text.active{animation:shimmer 2.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% center}to{background-position:-100% center}}.s7-yes{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c4956a,#e8d5b8 25%,#fff8ee 38%,#e8d5b8 42%,#c4956a 55%,#e8d5b8 70%,#fff8ee 80%,#c4956a);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;font-style:italic}.s7-yes.active{animation:yesSparkle 3s ease-in-out infinite}@keyframes yesSparkle{0%{background-position:100% 100%}50%{background-position:0% 0%}to{background-position:100% 100%}}.hero-bg{position:absolute;inset:-15% 0;background-image:url(/photos/hero.jpg);background-size:cover;background-position:center;background-color:#e8e0d6;will-change:transform}.hero-overlay{position:absolute;inset:0;background:linear-gradient(175deg,#fdfaf58c,#fdfaf559,#fdfaf599);z-index:1}#opening .scene-center,#opening .scroll-hint{z-index:2}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center}.scroll-hint svg,#scroll-chevron svg{animation:hintBounce 2s ease-in-out infinite}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}#scroll-chevron{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:99;background:none;border:none;cursor:pointer;padding:.75rem;opacity:0;pointer-events:none;transition:opacity .4s ease}#scroll-chevron.visible{opacity:1;pointer-events:auto}.scroll-wire{width:1px;height:34px;background:#c4956a1f;position:relative;overflow:hidden}.scroll-wire:after{content:"";position:absolute;left:0;width:1px;height:10px;background:#c4956a80;animation:wireDrop 2s ease-in-out infinite}@keyframes wireDrop{0%{top:-10px;opacity:0}20%{opacity:1}80%{opacity:1}to{top:34px;opacity:0}}.info-link{display:flex;align-items:center;gap:1.15rem;padding:.8rem .5rem;border-top:1px solid rgba(196,149,106,.12);text-decoration:none;color:inherit;transition:background .18s}.info-link:last-child{border-bottom:1px solid rgba(196,149,106,.12)}.info-link:hover{background:#f8f4eeb3}.info-link-num{color:#c4956a;font-size:.85rem;width:1.5rem;text-align:right;flex-shrink:0}.info-link-title{font-size:1.1rem;font-weight:300;color:#1b3a4b;transition:color .18s}.info-link:hover .info-link-title{color:#c4956a}.info-link-arrow{color:#c4956a4d;flex-shrink:0;transition:transform .2s}.info-link:hover .info-link-arrow{transform:translate(5px)}.s8-word{display:inline-block}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}[data-reveal].revealed{opacity:1;transform:translateY(0)}#site-header{position:fixed!important;top:0;left:0;right:0;z-index:99;transition:transform .35s ease}@media(max-width:640px){.split{flex-direction:column}.split-half{padding:1.5rem 1rem}.split-line{inset:50% 15% auto;width:auto;height:1px}.scene-overlay{padding:0 1rem}#s-info nav a{gap:.75rem;padding:1rem .25rem}.decade-dot{left:5%!important;right:5%!important}}@media(prefers-reduced-motion:reduce){.ambient,.scroll-wire:after,.thread-signal,.thread-dot:after{animation:none}#vignette{display:none}}