:root{--bg: #050508;--text: rgba(255, 255, 255, .88);--text-dim: rgba(255, 255, 255, .45);--text-faint: rgba(255, 255, 255, .22);--accent: #c4a265;--accent-dim: rgba(196, 162, 101, .35);--font: "Cormorant Garamond", Georgia, serif;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);font-size:20px;font-weight:400;line-height:1.85;color:var(--text);background:var(--bg);overflow-x:hidden}#bg-canvas{position:fixed;inset:0;z-index:-1}#bg-canvas canvas{display:block}.content{position:relative;z-index:1}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15vh 2rem;position:relative}section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(5,5,8,.92) 0%,rgba(5,5,8,.7) 40%,rgba(5,5,8,.3) 65%,transparent 85%);pointer-events:none}.section-text{position:relative;max-width:580px;width:100%;text-shadow:0 1px 12px rgba(5,5,8,.8)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.fade-in.visible{opacity:1;transform:translateY(0)}.opening{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.opening:before{display:none}.wordmark{font-family:var(--font);font-size:clamp(3.5rem,10vw,7rem);font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--text);margin-bottom:1.5rem}.tagline{font-family:var(--font);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:300;font-style:italic;color:var(--text-dim);letter-spacing:.06em}.scroll-hint{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);color:var(--text-faint);font-size:.75rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.15}50%{opacity:.4}}h2{font-family:var(--font);font-size:clamp(2rem,5vw,3.5rem);font-weight:300;line-height:1.2;margin-bottom:2.5rem;color:var(--text)}section p{font-size:1.15rem;font-weight:400;color:var(--text-dim);margin-bottom:1.5rem;max-width:580px}section p:last-child{margin-bottom:0}.product{padding:2.5rem 0}.product .label{display:inline-block;font-size:.65rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1rem}.product h3{font-family:var(--font);font-size:1.8rem;font-weight:400;margin-bottom:.75rem;color:var(--text)}.product p{font-size:1.05rem;color:var(--text-dim);margin-bottom:1.75rem}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--text-faint),transparent)}.signup{display:flex;align-items:baseline;gap:1.5rem}.signup input[type=email]{flex:1;font-family:var(--font);font-size:1rem;font-weight:400;font-style:italic;padding:.5rem 0;background:transparent;border:none;border-bottom:1px solid var(--text-faint);color:var(--text);outline:none;transition:border-color .3s var(--ease)}.signup input[type=email]::placeholder{color:var(--text-faint);font-style:italic}.signup input[type=email]:focus{border-color:var(--accent-dim)}.signup button{font-family:var(--font);font-size:.95rem;font-weight:400;font-style:italic;color:var(--accent);background:none;border:none;cursor:pointer;padding:.5rem 0;white-space:nowrap;transition:opacity .2s var(--ease)}.signup button:hover{opacity:.7}.signup button:active{transform:scale(.98)}section a{color:var(--accent);text-decoration:none;transition:opacity .2s var(--ease)}section a:hover{opacity:.7}footer{margin-top:3rem;text-align:center}footer a{font-size:.85rem;color:var(--text-faint);text-decoration:none;letter-spacing:.04em;transition:color .3s var(--ease)}footer a:hover{color:var(--text-dim)}@media(max-width:600px){body{font-size:18px}section{padding:10vh 1.5rem}.wordmark{font-size:clamp(2rem,9vw,3rem);letter-spacing:.12em}h2{font-size:clamp(1.6rem,6vw,2.4rem);margin-bottom:1.75rem}section p{font-size:1.05rem}.product h3{font-size:1.5rem}.signup{flex-direction:column;gap:1rem}.signup input[type=email]{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
