*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #050505;--cream: #ffe6cb;--cream-dim: rgba(255, 230, 203, .6);--line: rgba(255, 230, 203, .12);--line-strong: rgba(255, 230, 203, .2);--white: #ffffff;--white-dim: rgba(255, 255, 255, .4);--inset: clamp(24px, 4vw, 56px)}html{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}body{width:100%;min-height:100%;background:var(--bg);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--cream);cursor:crosshair;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#scroll-container{position:relative;width:100%;height:300vh;z-index:0;pointer-events:none}#canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:1}#overlay{position:fixed;inset:0;z-index:10;opacity:0;transition:opacity 2s cubic-bezier(.16,1,.3,1);pointer-events:none}#overlay.visible{opacity:1}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 50%,transparent 30%,rgba(5,5,5,.4) 70%,rgba(5,5,5,.75) 100%);pointer-events:none}.grid-frame{position:absolute;top:var(--inset);left:var(--inset);right:var(--inset);bottom:var(--inset);pointer-events:none}.grid-line{position:absolute;background:var(--line)}.grid-line--top{top:0;left:0;right:0;height:1px}.grid-line--bottom{bottom:0;left:0;right:0;height:1px}.grid-line--left{top:0;left:0;bottom:0;width:1px}.grid-line--right{top:0;right:0;bottom:0;width:1px}.nav{position:absolute;top:var(--inset);left:var(--inset);right:var(--inset);height:52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 clamp(16px,2vw,32px);pointer-events:auto;opacity:0;animation:fadeIn 2s cubic-bezier(.16,1,.3,1) .5s forwards}.nav__logo{font-size:.75rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--cream)}.nav__links{display:flex;gap:clamp(16px,3vw,40px)}.nav__links a{font-size:.625rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-dim);text-decoration:none;transition:opacity .3s;pointer-events:auto}.nav__links a:hover{opacity:.7}.nav__cta{font-size:.625rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--cream);padding:6px 16px;border:1px solid var(--line-strong);cursor:pointer;transition:border-color .3s,opacity .3s;pointer-events:auto}.nav__cta:hover{border-color:var(--cream-dim)}.section{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1)}.section.active{opacity:1}.section__content{position:absolute;bottom:calc(var(--inset) + clamp(32px,5vh,64px));left:calc(var(--inset) + clamp(16px,2vw,32px));max-width:600px;transform:translateY(8px);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s cubic-bezier(.16,1,.3,1)}.section.active .section__content{transform:translateY(0)}.section__kicker{font-size:.5625rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--cream-dim);margin-bottom:20px}.section__title{font-size:clamp(2.2rem,6vw,5rem);font-weight:200;letter-spacing:-.01em;line-height:1.05;color:var(--white);margin-bottom:20px;text-shadow:0 0 80px rgba(0,0,0,.6)}.section__sub{font-size:.6875rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);line-height:1.6}.section--centered .section__center,.section--dark .section__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:800px;width:90%}.section__kicker--center,.section__sub--center{text-align:center}.section__stat{font-size:clamp(1.8rem,4.5vw,3.8rem);font-weight:200;letter-spacing:.02em;line-height:1.15;color:var(--white);margin-bottom:24px;text-shadow:0 0 80px rgba(0,0,0,.6);overflow:hidden}.section__stat .letter{display:inline-block;opacity:0;transform:translateY(40px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.section__stat .letter-space{display:inline-block;width:.3em}.section.active .section__stat .letter{opacity:1;transform:translateY(0)}.section__kicker--dark{color:#0006}.section__title--dark{color:#090909;text-shadow:none}.section__sub--dark{color:#00000073}.section__cta{display:inline-block;margin-top:36px;padding:14px 40px;font-size:.625rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#fff;background:#090909;border:none;cursor:pointer;transition:opacity .3s,transform .3s;pointer-events:auto}.section__cta:hover{opacity:.8;transform:translateY(-1px)}.section__meta{position:absolute;bottom:calc(var(--inset) + clamp(32px,5vh,64px));right:calc(var(--inset) + clamp(16px,2vw,32px));display:flex;align-items:flex-end;gap:24px}.meta__item{display:flex;flex-direction:column;gap:4px;text-align:right}.meta__label{font-size:.5rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--cream-dim)}.meta__value{font-size:.875rem;font-weight:200;letter-spacing:.1em;color:var(--cream)}.meta__divider{width:1px;height:32px;background:var(--line-strong)}.scroll-progress{position:absolute;right:calc(var(--inset) + 8px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:0}.scroll-progress__track{width:1px;height:80px;background:var(--line);position:relative;overflow:hidden}.scroll-progress__fill{position:absolute;top:0;left:0;width:100%;height:0%;background:var(--cream-dim);transition:height .15s ease-out}.scroll-progress__dots{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:16px}.scroll-progress__dot{width:6px;height:6px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;transition:background .3s,border-color .3s}.scroll-progress__dot.active{background:var(--cream);border-color:var(--cream)}.bottom-hint{position:absolute;bottom:var(--inset);left:50%;transform:translate(-50%,-16px);opacity:0;animation:fadeIn 2s ease 2.5s forwards}.bottom-hint span{font-size:.5rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--cream-dim);opacity:.5}@keyframes fadeIn{to{opacity:1}}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}#loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:100;transition:opacity 1s cubic-bezier(.16,1,.3,1)}#loader.hidden{opacity:0;pointer-events:none}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.spinner{width:28px;height:28px;border:1px solid rgba(255,230,203,.08);border-top-color:var(--cream-dim);border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-size:.6rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--cream-dim);opacity:.6}.dots:after{content:"";animation:dots 1.5s steps(3,end) infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.lil-gui{z-index:50!important;--background-color: rgba(10, 10, 10, .85) !important;--widget-color: rgba(255, 230, 203, .06) !important;--focus-color: rgba(255, 230, 203, .1) !important;--number-color: #ffe6cb !important;--string-color: #ffd6a5 !important;--font-family: "Inter", system-ui, sans-serif !important;--font-size: 11px !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:0 0 0 8px!important;border:1px solid rgba(255,230,203,.06)!important;border-top:none!important;border-right:none!important}.lil-gui .title{font-size:11px!important;font-weight:400!important;letter-spacing:.05em!important;text-transform:none!important;text-shadow:none!important;text-indent:0!important;margin-bottom:0!important;user-select:auto!important;animation:none!important;opacity:1!important}@media(max-width:768px){.nav__links,.section__meta{display:none}.section__title{font-size:clamp(2rem,10vw,3.5rem)}body{cursor:default}}