.hero{min-height:100svh;padding:calc(84px + env(safe-area-inset-top)) 0 56px;background:radial-gradient(120% 80% at 70% 40%, color-mix(in srgb, var(--paper) 70%, var(--bg)) 0%, transparent 60%), var(--bg);transition:background-color 1.4s var(--ease-out), color 1.4s var(--ease-out);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;opacity:0;transition:opacity 1.6s var(--ease-out);background:radial-gradient(60% 55% at 68% 48%,#ffc48052,#0000 70%),linear-gradient(#2a221c,#18130f);position:absolute;inset:0}.hero[data-night=true]{color:var(--dusk-ink)}.hero[data-night=true] .hero-glow{opacity:1}.hero[data-night=true] .caption,.hero[data-night=true] .hero-lede{color:var(--dusk-soft)}.hero[data-night=true] .hero-actions .pill{background:var(--dusk-ink);color:var(--espresso)}.hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid;position:relative}.hero-copy{flex-direction:column;gap:22px;max-width:470px;display:flex}.hero h1{letter-spacing:-.02em;font-size:clamp(42px,5.6vw,78px);line-height:1.04}.hero h1 span{color:color-mix(in srgb, currentColor 62%, transparent);display:block}.hero-lede{font-family:var(--serif);color:var(--text-soft);font-size:clamp(18px,1.6vw,21px);line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:6px;display:flex}.hero-stage{flex-direction:column;align-items:center;display:flex;position:relative}.scene{aspect-ratio:1206/1180;isolation:isolate;background:#5b4a3d;border-radius:34px;width:100%;max-width:600px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 50px 90px -50px #2e1e12a6,0 22px 40px -26px #2e1e1273}.scene-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.2s var(--ease-out);position:absolute;inset:0}.scene-video[data-shown=true]{opacity:1}.scene .moon{color:var(--dusk-ink);background:#1e161047;top:16px;right:16px;box-shadow:inset 0 0 0 1px #f6efe638}.hero-status{text-align:center;min-height:62px;margin-top:22px}.hero-status-line{font-family:var(--serif);font-size:22px}.hero-status .caption{margin-top:4px}.moon{width:42px;height:42px;color:inherit;background:color-mix(in srgb, var(--surface) 70%, transparent);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:transform .3s var(--ease-out), background 1.2s var(--ease-out);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:2%;right:2%}.moon:hover{transform:rotate(-12deg)}.hero[data-night=true] .moon{background:#f6efe614;box-shadow:inset 0 0 0 1px #f6efe62e}.hero-privacy{text-align:center;opacity:.8;margin-top:28px;position:relative}.phone{aspect-ratio:660/1434;background:linear-gradient(145deg,#3a332d,#15110e 60%,#2b2520);border-radius:50px;width:clamp(240px,24vw,310px);padding:9px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 50px 80px -40px #281a0e8c,0 24px 40px -28px #281a0e80}.phone.small{border-radius:42px;width:clamp(200px,20vw,250px);padding:7px}.phone-screen{isolation:isolate;background:#1a1511;border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden}.phone.small .phone-screen{border-radius:35px}.phone-screen img,.phone-screen video{object-fit:cover;width:100%;height:100%}.steps{padding-top:clamp(80px,12vw,150px);position:relative}.steps h2,.garden h2,.night h2,.looks h2,.private h2,.premium h2,.closing h2{margin-top:14px;font-size:clamp(32px,4.2vw,54px);line-height:1.1}.steps-intro{text-align:center}.steps-track{height:420vh;position:relative}.steps-sticky{align-items:center;height:100vh;display:flex;position:sticky;top:0}.steps-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(40px,8vw,120px);display:grid}.steps-list{flex-direction:column;gap:34px;margin:0;padding:0 0 0 34px;list-style:none;display:flex;position:relative}.steps-list:before{content:"";background:var(--line);width:1px;position:absolute;top:6px;bottom:6px;left:0}.steps-progress{background:var(--text);width:1px;max-height:calc(100% - 12px);position:absolute;top:6px;left:0}.steps-list li{opacity:.32;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translate(0)}.steps-list li[data-active=true]{opacity:1;transform:translate(6px)}.steps-list h3,.steps-mobile h3{margin:6px 0 8px;font-size:clamp(22px,2.3vw,30px);line-height:1.2}.steps-list p,.steps-mobile p{max-width:470px;color:var(--text-soft)}.steps-phone{position:relative}.steps-shot{opacity:0;transition:opacity .9s var(--ease-out), transform 1.2s var(--ease-out);position:absolute;inset:0;transform:scale(1.03)}.steps-shot[data-active=true]{opacity:1;transform:scale(1)}.steps-mobile{display:none}.garden{padding:clamp(90px,12vw,160px) 0}.garden-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.garden-copy p:not(.caption){color:var(--text-soft);max-width:440px;margin-top:18px;font-size:18px}.garden-count{margin-top:26px}.marble-garden{flex-direction:column;align-items:center;gap:14px;display:flex}.marble-garden canvas{aspect-ratio:1;touch-action:pan-y;cursor:grab;width:min(100%,540px)}.tilt-button{min-height:40px;font-size:14px}.night{color:var(--dusk-ink);isolation:isolate;background:#17120e;padding:clamp(100px,14vw,180px) 0;position:relative;overflow:hidden}.night-bg{z-index:-2;background:linear-gradient(#17120eeb,#17120eb3 50%,#17120ef0),url(/media/rake-dusk.webp) 50%/cover;position:absolute;inset:-10% 0}.night-lamp{z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffb46e33,#ffa05a0f 45%,#0000 70%);width:70vmax;height:70vmax;position:absolute;top:50%;left:50%;transform:translate(-60%,-50%)}.night .caption{color:var(--dusk-faint)}.night-grid{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(40px,8vw,120px);display:grid}.night-copy p:not(.caption){color:var(--dusk-soft);max-width:480px;margin-top:18px;font-size:18px}.night .phone{box-shadow:inset 0 0 0 1px #ffffff0f,0 60px 120px -40px #ffa05a40,0 30px 60px -30px #000000b3}.pair{padding:clamp(90px,12vw,160px) 0 clamp(40px,6vw,80px)}.pair-grid{grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px);display:grid}.pair-card{background:var(--surface);height:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--line) 60%, transparent);border-radius:32px;padding:clamp(28px,4vw,48px);overflow:hidden}.pair-phone{justify-content:center;height:clamp(300px,34vw,420px);margin:0 0 32px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.pair-card h3{margin:10px 0 12px;font-size:clamp(24px,2.4vw,32px);line-height:1.2}.pair-card p:not(.caption){color:var(--text-soft)}.looks{padding:clamp(90px,12vw,160px) 0}.looks-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,6vw,80px);display:grid}.looks-copy>p:not(.caption){color:var(--text-soft);margin:14px 0 28px;font-size:18px}.swatches{border:0;margin:0 0 22px;padding:0}.swatches legend{margin-bottom:10px;padding:0}.swatch-row{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;position:relative}.swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatch-chip{width:42px;height:42px;transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out);background-position:50%;background-size:cover;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #00000014,0 6px 14px -8px #281a0e99}.swatch:hover .swatch-chip{transform:translateY(-2px)}.swatch input:checked+.swatch-chip{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--text), 0 6px 14px -8px #281a0e99}.swatch input:focus-visible+.swatch-chip{outline:2px solid var(--clay);outline-offset:5px}.swatch-name{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.looks-stage{flex-direction:column;align-items:center;display:flex}.look-still{aspect-ratio:1206/1250;background:#e2dacd;border-radius:30px;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 40px 70px -46px #2e1e128c}.look-still img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.looks-name{margin-top:16px}.private{background:var(--surface);padding:clamp(90px,12vw,150px) 0}.private-head{text-align:center;max-width:720px;margin:0 auto}.private-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin:clamp(48px,6vw,72px) 0 0;padding:0;list-style:none;display:grid}.private-list li{border-top:1px solid var(--line);padding-top:20px}.private-list h3{margin-bottom:8px;font-size:21px}.private-list p{color:var(--text-soft);font-size:16px}.private-more{text-align:center;font-family:var(--serif);margin-top:48px;font-size:18px}.premium{padding:clamp(90px,12vw,160px) 0}.premium-head{text-align:center;max-width:640px;margin:0 auto}.premium-head p:not(.caption){color:var(--text-soft);margin-top:16px;font-size:18px}.premium-grid{grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,28px);max-width:900px;margin:clamp(44px,6vw,64px) auto 0;display:grid}.plan{background:var(--surface);height:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--line) 60%, transparent);border-radius:30px;padding:clamp(28px,4vw,44px)}.plan h3{font-size:28px}.plan .caption{margin-top:4px}.plan ul{flex-direction:column;gap:12px;margin:26px 0 0;padding:0;list-style:none;display:flex}.plan li{color:var(--text-soft);padding-left:22px;position:relative}.plan li:before{content:"";background:radial-gradient(circle at 35% 30%,#f4ecdc,#b9a27f 70%,#7d6a52);border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:2px}.plan-premium{color:var(--dusk-ink);background:linear-gradient(160deg,#4a3b2f,#2f261f);box-shadow:0 40px 80px -50px #281a0ecc}.plan-premium .caption{color:#d9b38e}.plan-premium li{color:var(--dusk-soft)}.plan-premium li:before{background:radial-gradient(circle at 35% 30%,#f6d9b8,#b4774f 70%,#6b3d24)}.closing{padding:clamp(60px,8vw,100px) 0 clamp(100px,12vw,160px)}.closing-grid{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(40px,8vw,120px);display:grid}.closing-copy p{max-width:460px;color:var(--text-soft);margin:18px 0 30px;font-size:18px}@media (width<=900px){.hero{min-height:auto;padding-top:calc(88px + env(safe-area-inset-top))}.hero-grid{grid-template-columns:1fr;gap:8px}.hero-copy{text-align:center;align-items:center;gap:16px;max-width:600px;margin:0 auto}.hero-actions{justify-content:center}.steps-track{display:none}.steps-mobile{padding-left:var(--gutter);padding-right:var(--gutter);text-align:center;flex-direction:column;gap:72px;margin:56px auto 0;list-style:none;display:flex}.steps-mobile .phone{margin:0 auto 26px}.steps-mobile p{margin:0 auto}.garden-grid,.looks-grid,.night-grid,.closing-grid{text-align:center;grid-template-columns:1fr}.garden-copy p:not(.caption),.night-copy p:not(.caption),.closing-copy p{margin-left:auto;margin-right:auto}.night-phone,.closing-phone{justify-content:center;display:flex}.night-copy{order:-1}.swatch-row{justify-content:center}.swatches legend{margin-left:auto;margin-right:auto}.looks-stage{top:calc(60px + env(safe-area-inset-top));z-index:2;background:var(--bg);margin:0 calc(var(--gutter) * -1);order:-1;padding-bottom:8px;position:sticky}.looks .swatch-row{scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:6px var(--gutter);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.looks .swatch-row::-webkit-scrollbar{display:none}.looks .swatch-chip{width:40px;height:40px}.look-still{max-width:420px}.pair-grid,.premium-grid{grid-template-columns:1fr}.private-list{grid-template-columns:1fr 1fr}}@media (width<=560px){.private-list{grid-template-columns:1fr}}