/* Spatial scenes: strips assemble the room, then scroll moves through its layers. */
body{background:radial-gradient(ellipse at 85% 8%,#dce9c380,transparent 28%),var(--paper)}
main{overflow:clip}.hero-scroll-stage{position:relative;isolation:isolate}.hero{perspective:1600px;gap:55px}.hero:before{content:'';position:absolute;right:-3%;top:4%;width:58%;height:87%;background:radial-gradient(ellipse,#afc88645,transparent 65%);filter:blur(30px);z-index:-1}.hero-art{border-radius:8px;background:#dce0d3;overflow:visible;animation:none;transform-style:preserve-3d;transform:rotateY(calc(var(--scene-turn,-7deg) + var(--pointer-x,0deg))) rotateX(var(--pointer-y,0deg)) translateY(var(--scene-rise,0px));box-shadow:1px 1px 0 #c8cdbf,5px 6px 0 #d8dccf,10px 12px 0 #e0e4d9,20px 30px 40px -18px #263b3350,45px 65px 100px -35px #293c3c45;transition:transform .25s ease-out}.hero-photo>img{border-radius:8px;object-position:46% 50%;animation:room-base 2.2s both;clip-path:inset(0 round 8px);height:100%;width:100%;position:absolute;inset:0;transform:scale(1.12);opacity:1}.hero-art:after{content:'';position:absolute;inset:0;border-radius:8px;background:radial-gradient(ellipse at var(--light-x,25%) var(--light-y,20%),#ffffff30,transparent 60%),linear-gradient(160deg,#f9fbec00 45%,#1b302725);pointer-events:none;transform:translateZ(3px)}.hero-slices{position:absolute;inset:0;border-radius:8px;overflow:hidden;z-index:2;pointer-events:none;animation:slices-finish .1s 2.6s forwards}.hero-slices span{position:absolute;inset:0;background:url('assets/voiceprint-banner.jpg') 46% 50% / auto 112% no-repeat;animation:assemble-room 1.6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--slice)*100ms);transform-origin:center;filter:drop-shadow(10px 0 15px #15251e55)}.art-label{z-index:4;transform:translateZ(25px);animation:label-arrive 1s 1.6s both;background:#f5f5efa8;padding:12px;border:1px solid #ffffff70;backdrop-filter:blur(10px)}.floating-note{z-index:5;transform:translateZ(90px) rotate(-5deg);box-shadow:10px 25px 45px -14px #17271b70;animation:note-arrive 1.4s 1.5s both;transition:transform .25s ease-out;border-radius:3px;left:-24px;bottom:34px}.hero-orbit{position:absolute;right:-20px;bottom:110px;background:var(--ink);color:var(--green);width:115px;height:115px;border-radius:50%;transform:translateZ(65px) rotate(12deg);z-index:5;box-shadow:0 12px 30px #17271b40;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;animation:note-arrive 1.4s 1.8s both}.hero-orbit span{font-size:7px;letter-spacing:1.4px;line-height:1.8}.hero-orbit i{font-size:35px;font-style:normal;line-height:1.2}.hero-note{border-left:2px solid #91b657;padding-left:18px}.hero-copy{position:relative;z-index:6}.hero-art~.scroll-hint{z-index:6}.ticker{position:relative;z-index:8;box-shadow:0 15px 35px -25px #374c29;transform:rotate(-1deg);width:102%;margin-left:-1%;padding-block:25px}.story{position:relative}.story:before{content:'VOICE';position:absolute;font-size:clamp(100px,20vw,290px);font-weight:bold;letter-spacing:-.09em;color:#e5e9dc70;top:160px;left:-40px;z-index:-1}.sound-panel{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#38482d,#151f1a 65%);border:1px solid #526347;border-radius:12px;padding:35px 45px;box-shadow:0 35px 65px -25px #1d2b3655,inset 0 1px 0 #aecb8240;transform-style:preserve-3d}.sound-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(#a9c6840d 1px,transparent 1px),linear-gradient(90deg,#a9c6840d 1px,transparent 1px);background-size:30px 30px;z-index:-1;mask-image:linear-gradient(transparent,#000)}.sound-caption{color:#bdcba8}.sound-panel .waveform{height:190px;filter:drop-shadow(0 0 12px #b8ef7055);transition:clip-path .12s linear;position:relative}.sound-panel .waveform i{background:linear-gradient(#e1fac3,#a8d867);transform:scaleY(1);transition:none;max-width:5px}.sound-panel>p{color:#91a28e}.sound-panel>p b{color:#e0edce}.sound-scan{position:absolute;top:70px;bottom:65px;left:var(--scan,0%);width:1px;background:#defbaa;box-shadow:0 0 25px 7px #c0ee7150;pointer-events:none;opacity:.65;transition:left .12s linear}.depth-scene{transform:perspective(1200px) rotateX(calc(var(--depth-turn,0deg) + var(--pointer-y,0deg))) rotateY(var(--pointer-x,0deg)) translateY(var(--depth-rise,0px));transition:transform .3s ease-out}.motion .depth-scene.visible{transform:perspective(1200px) rotateX(calc(var(--depth-turn,0deg) + var(--pointer-y,0deg))) rotateY(var(--pointer-x,0deg)) translateY(var(--depth-rise,0px))}.design{background:radial-gradient(ellipse at 10% 45%,#d4ddc2,transparent 65%),#e9ecdf;position:relative}.design-preview{box-shadow:0 30px 60px -25px #30402745,inset 0 1px 0 #fff;border-radius:10px;background:linear-gradient(140deg,#f8faf1,#e6eadb);position:relative;transform-style:preserve-3d}.design-preview:before{content:'';position:absolute;inset:12px;border:1px solid #fff9;border-radius:5px;pointer-events:none}.design-preview img{filter:drop-shadow(8px 23px 16px #26331c35);transform:translateZ(45px)}.preview-bottom{border-top:1px solid #cad1bf;padding-top:18px}.quality-art{box-shadow:18px 25px 0 -10px #d9e0cb,0 35px 60px -30px #28342080;border-radius:12px}.quality-art img{transform:scale(1.04)}.quality-badge{box-shadow:0 14px 25px #22331630}.size-stage{border-radius:12px;box-shadow:inset 0 2px 25px #59634a10,0 30px 50px -30px #28342050}.size-frame{border:4px solid #303629;box-shadow:2px 3px 0 #79806c,10px 15px 17px #23311e40}.steps li{background:linear-gradient(150deg,#ffffffb0,#e8ecde70);padding:24px;border:1px solid #d4dac9;border-top:2px solid #86a854;border-radius:5px;box-shadow:0 15px 35px -25px #33462840;transition:box-shadow .3s,transform .3s}.steps li:nth-child(even){margin-top:30px}.steps li:hover{box-shadow:0 22px 40px -20px #33462850;transform:translateY(-8px)}.moments article{position:relative;padding-inline:20px;background:linear-gradient(140deg,#fff8,transparent);border:1px solid #dce1d3;border-radius:6px}.closing{background:radial-gradient(ellipse at 85% 90%,#8cb73c,transparent 55%),var(--green);position:relative;overflow:hidden}.closing:before,.closing:after{content:'';position:absolute;right:-80px;top:-100px;width:500px;height:500px;border:1px solid #66892d30;border-radius:50%;box-shadow:0 0 0 55px #84a84115,0 0 0 110px #84a84110,0 0 0 165px #84a84108;pointer-events:none}.closing:after{transform:translate(120px,180px)}.closing .wrap{position:relative;z-index:1}.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em}.word-mask>span{display:inline-block;transition:transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--word)*65ms)}.motion .reveal:not(.visible) .word-mask>span{transform:translateY(115%) rotate(7deg)}.motion .reveal.visible .word-mask>span{transform:none}.motion .reveal{transition:opacity .9s ease var(--delay),transform 1.1s cubic-bezier(.16,1,.3,1) var(--delay)}
@keyframes assemble-room{0%{opacity:0;transform:translateY(calc(180px + var(--slice)*18px)) scale(.86) rotate(-8deg);filter:blur(14px)}35%{opacity:1}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes slices-finish{to{visibility:hidden}}@keyframes room-base{0%,75%{opacity:0}100%{opacity:1}}@keyframes label-arrive{from{opacity:0;translate:0 -20px}to{opacity:1;translate:0 0}}@keyframes note-arrive{from{opacity:0;translate:0 80px;scale:.8;filter:blur(7px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}
@media(min-width:901px) and (min-height:700px){.hero-scroll-stage{height:145vh;min-height:1050px}.hero{position:sticky;top:94px;padding-top:35px;padding-bottom:60px;min-height:calc(100vh - 94px);align-items:center}.hero-copy{padding-top:0}h1{font-size:clamp(58px,5.8vw,88px)}.hero-art{height:clamp(430px,66vh,670px)}.hero-note{margin-top:25px}.scroll-hint{bottom:18px}.hero-copy .lead{font-size:16px}.hero-copy .eyebrow{margin-bottom:23px}}
@media(max-width:900px){.hero{gap:30px}.hero-art{transform:perspective(1000px) rotateY(-3deg);box-shadow:3px 4px 0 #d8dccf,15px 25px 45px -20px #293c3c65}.floating-note{left:15px;bottom:28px}.hero-orbit{right:12px;bottom:145px;width:90px;height:90px}.hero-orbit span{font-size:6px}.hero-orbit i{font-size:28px}.steps li{padding:20px}.word-mask{max-width:100%}.sound-panel{padding:28px 22px}.sound-panel .waveform{height:160px}}
@media(max-width:760px){.hero-art{height:430px;border-radius:8px}.hero-photo>img{transform:scale(1.12);object-position:46% center}.hero-slices span{background-size:auto 112%}.hero-scroll-stage{padding-bottom:20px}.steps{gap:15px}.steps li{padding:18px 14px}.steps li:nth-child(even){margin-top:20px}.steps h3{font-size:16px}.quality-art{border-radius:12px}.sound-panel .waveform{gap:2px}.story:before{top:100px;left:0}.hero:before{right:0;width:100%}.hero-orbit{bottom:145px}.sound-caption{font-size:7px}.moments article{padding:20px}.depth-scene,.motion .depth-scene.visible{transform:perspective(1000px) rotateX(var(--depth-turn,0deg))}.closing:before,.closing:after{width:350px;height:350px;right:-180px}.sound-panel>p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-scroll-stage{height:auto;min-height:0}.hero{position:relative;top:auto;min-height:0}.hero-art,.depth-scene,.motion .depth-scene.visible{transform:none!important}.hero-photo>img{animation:none;opacity:1;transform:none!important}.hero-slices{display:none}.floating-note{transform:rotate(-3deg)!important}.hero-orbit,.floating-note,.art-label{opacity:1;animation:none}.word-mask>span{transform:none!important}.sound-panel .waveform{clip-path:none!important}.sound-scan{display:none}}

.hero-photo{position:absolute;inset:0;border-radius:8px;overflow:hidden;transform:translateZ(0)}
.size-offer{min-width:0}.size-purchase{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid #cbd0c0}.price-block{flex-shrink:0}.price-kicker{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px}#size-price{display:block;font-size:clamp(46px,4.6vw,66px);font-weight:500;letter-spacing:-.06em;line-height:1.05}#size-price span{font-size:.6em;letter-spacing:-.03em}.phone-cta{display:inline-flex;flex-direction:column;align-items:center}.order-button{gap:20px;white-space:nowrap;padding:18px 23px}.phone-hours,.size-grid .phone-hours{font-size:10px;letter-spacing:.5px;line-height:1.5;margin:12px 0 0;max-width:none;color:var(--muted)}.process-order{text-align:center;margin-top:42px}.closing .phone-hours{color:#43582a}.closing .order-button{padding:21px 28px;font-size:15px}.closing .phone-cta{align-items:center}
@media(max-width:1050px) and (min-width:761px){.size-purchase{flex-wrap:wrap}.size-purchase .phone-cta{align-items:flex-start}}
@media(max-width:760px){.size-purchase{gap:16px;flex-wrap:wrap;margin-top:25px;padding-top:22px}.size-purchase .phone-cta{align-items:flex-start}.order-button{font-size:11px;gap:12px;padding:16px 18px}#size-price{font-size:48px}.process-order{margin-top:32px}.closing .order-button{font-size:12px;padding:18px 22px}.phone-hours,.size-grid .phone-hours{font-size:9px}}
@media(max-width:760px){.size-purchase{flex-wrap:nowrap;gap:12px}.size-purchase .phone-cta{flex:1;min-width:0;align-items:center}.size-purchase .order-button{width:100%;white-space:normal;justify-content:center;text-align:center;padding:15px 12px;line-height:1.5}.size-purchase .order-button>span{flex-shrink:0}.size-purchase #size-price{font-size:44px}}
.swatches{display:grid;grid-template-columns:repeat(4,56px);gap:20px;padding-block:18px}.swatches button{width:56px;height:56px;border-width:5px;box-shadow:0 5px 12px #26331c12}.swatches button[aria-pressed=true]{transform:scale(1.06)}@media(max-width:760px){.swatches{grid-template-columns:repeat(4,52px);gap:18px}.swatches button{width:52px;height:52px}}
.custom-design{background:var(--green);border:1px solid #a1c866;border-left:4px solid #638933;border-radius:5px;padding:25px 24px;margin-top:26px;box-shadow:0 15px 30px -20px #39512460}.custom-design .custom-design-kicker{display:block;font-size:8px;font-weight:700;letter-spacing:1.5px;color:#425d29;margin-bottom:14px}.custom-design h4{font-size:clamp(24px,2.3vw,31px);font-weight:500;letter-spacing:-.04em;line-height:1.18;margin:0 0 14px}.custom-design p{color:#425337;font-size:12px;line-height:1.6}.custom-design .text-link{margin-top:3px}@media(max-width:760px){.custom-design{padding:24px 20px}.custom-design h4{font-size:28px}}
.hero-art{height:450px}.hero-slices span{background-size:auto 104%}.hero-photo>img{transform:scale(1.04)}@media(min-width:901px) and (min-height:700px){.hero-art{height:clamp(325px,49.5vh,500px)}}@media(max-width:1050px){.hero-art{height:412px}}@media(max-width:760px){.hero-art{height:320px}.hero-slices span{background-size:auto 104%}.hero-photo>img{transform:scale(1.04)}.hero-orbit{bottom:110px;width:80px;height:80px}.floating-note{bottom:20px}.art-label{top:14px;left:14px;right:14px}}
#size-price .price-from{font-size:.38em;letter-spacing:0;vertical-align:baseline}
.footer .logo{font-size:52px}.footer small{font-size:18px}
.hero-slices{animation:none}.hero-slices span{background:none}.hero-slices span>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:46% 50%;transform:var(--photo-transform,scale(1.04))}.hero-photo>img{animation:none;opacity:0;transform:var(--photo-transform,scale(1.04))}@media(prefers-reduced-motion:reduce){.hero-photo>img{opacity:1;transform:none!important}}
.sound-panel>p{font-size:22px}@media(max-width:760px){.sound-panel>p{font-size:18px}}
.sound-panel>p{font-size:14.67px}@media(max-width:760px){.sound-panel>p{font-size:12px}}
.design-controls>p:not(.eyebrow):not(.selection-label):not(.design-help){font-size:18px;line-height:1.65;color:var(--ink)}.design-controls>p strong{font-weight:600}.design-controls .design-help{font-size:12px;color:var(--muted);margin-top:22px}@media(max-width:760px){.design-controls>p:not(.eyebrow):not(.selection-label):not(.design-help){font-size:17px}.footer .logo{font-size:46px}}
.sound-panel .waveform i{transform-origin:center;animation:sound-ripple 4s ease-in-out infinite;animation-delay:calc(var(--index)*18ms);animation-play-state:paused}.sound-panel.wave-loop .waveform i{animation-play-state:running}@keyframes sound-ripple{0%,12%,55%,100%{transform:scaleY(1)}24%{transform:scaleY(1.28)}36%{transform:scaleY(.88)}44%{transform:scaleY(1.06)}}@media(prefers-reduced-motion:reduce){.sound-panel .waveform i{animation:none!important}}
.word-mask{padding-bottom:.3em;margin-bottom:-.3em;padding-inline:.06em;margin-inline:-.06em}
.sound-panel .waveform{height:230px;overflow:visible;isolation:isolate}.sound-panel .waveform i{animation-name:sound-ripple-bold;animation-duration:3.4s;animation-delay:calc(var(--index)*14ms);will-change:transform}.sound-panel .waveform:after{content:"";position:absolute;inset:-12px auto -12px 0;width:12%;background:linear-gradient(90deg,transparent,#d3ff9c35,transparent);border-right:1px solid #d8ff9c70;filter:blur(1px);pointer-events:none;opacity:0;animation:sound-light-pass 3.4s linear infinite;animation-play-state:paused}.sound-panel.wave-loop .waveform:after{animation-play-state:running}.sound-panel:not(.wave-loop) .waveform i{will-change:auto}@keyframes sound-ripple-bold{0%,8%,64%,100%{transform:scaleY(1);filter:brightness(1)}22%{transform:scaleY(1.75);filter:brightness(1.65) drop-shadow(0 0 7px #c4ff82)}35%{transform:scaleY(.65);filter:brightness(1.15)}46%{transform:scaleY(1.25);filter:brightness(1.35)}55%{transform:scaleY(.94);filter:brightness(1)}}@keyframes sound-light-pass{0%{transform:translateX(-100%);opacity:0}10%{opacity:1}80%{opacity:1}100%{transform:translateX(850%);opacity:0}}@media(max-width:760px){.sound-panel .waveform{height:200px}}@media(prefers-reduced-motion:reduce){.sound-panel .waveform:after{display:none}.sound-panel .waveform i{will-change:auto}}
.sound-panel .waveform:after{inset:-6px auto -6px 0;width:2px;border:0;border-radius:50%;background:#e6ffc5;filter:none;box-shadow:0 0 5px 1px #e2ffbb,0 0 16px 4px #b9ef7866,0 0 35px 10px #a6e56322;animation-name:sound-beam;animation-timing-function:cubic-bezier(.35,0,.65,1)}@keyframes sound-beam{0%,5%{left:0;transform:scaleY(.15);opacity:0}14%{opacity:.85;transform:scaleY(.75)}48%{transform:scaleY(1.05);opacity:1}86%{opacity:.85;transform:scaleY(.75)}95%,100%{left:100%;transform:scaleY(.15);opacity:0}}
.sound-panel .waveform:after{animation-name:sound-beam-synced;animation-timing-function:linear}.sound-panel .waveform:before{content:"";position:absolute;top:50%;left:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#f1ffdb;box-shadow:0 0 5px 2px #eaffbd,0 0 18px 6px #b5ee7580,0 -22px 0 -2px #dfffab,0 22px 0 -2px #dfffab,0 -38px 10px -1px #bcf47c66,0 38px 10px -1px #bcf47c66;z-index:2;pointer-events:none;opacity:0;animation:sound-spark-synced 3.4s linear infinite;animation-play-state:paused}.sound-panel.wave-loop .waveform:before{animation-play-state:running}@keyframes sound-beam-synced{0%,21%{left:0;opacity:0;transform:scaleY(.4)}22%{left:0;opacity:.85;transform:scaleY(.7)}42%{opacity:1;transform:scaleY(1)}63%{left:100%;opacity:.85;transform:scaleY(.7)}64%,100%{left:100%;opacity:0;transform:scaleY(.4)}}@keyframes sound-spark-synced{0%,21%{left:0;opacity:0;transform:scale(.6)}22%{left:0;opacity:1;transform:scale(1)}42%{transform:scale(1.4)}63%{left:100%;opacity:1;transform:scale(1)}64%,100%{left:100%;opacity:0;transform:scale(.6)}}.specs{margin-top:20px}.specs li{gap:16px;padding:10px 0 5px}.specs h3{margin-bottom:4px}.specs p{line-height:1.5;margin-bottom:4px}.quality-copy h2{margin-bottom:20px}.quality-copy>p{margin-bottom:12px}@media(prefers-reduced-motion:reduce){.sound-panel .waveform:before{display:none}}
#ako .section-heading{grid-template-columns:1.6fr 1fr;gap:40px}#ako h2{font-size:clamp(32px,3.3vw,48px)}@media(max-width:760px){#ako .section-heading{grid-template-columns:1fr;gap:26px}#ako h2{font-size:34px}}
