@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f4f3ef;background:#101111;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #e5b3a4;outline-offset:6px}button{border:0}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#studio{height:100svh;min-height:720px;position:relative;isolation:isolate;overflow:hidden;background:#141414}.scene{position:absolute;inset:-3%;z-index:-5;transition:transform 1.8s cubic-bezier(.2,.8,.2,1),filter 1.8s;transform:scale(1.025);will-change:transform}.scene img,.scene video{width:100%;height:100%;object-fit:cover;object-position:58% 52%;position:absolute;inset:0}.scene video{opacity:0;transition:opacity 1.8s}.scene video.ready{opacity:1}.shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(9,12,12,.85),rgba(9,12,12,.24) 47%,transparent 72%),linear-gradient(0deg,rgba(9,11,11,.94),transparent 47%,rgba(9,11,11,.3))}.lightwash{position:absolute;inset:0;z-index:-4;background:#c57c24;mix-blend-mode:soft-light;opacity:0;transition:opacity 1.8s,background 1.8s}.grain{pointer-events:none;position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");z-index:5}header{position:absolute;top:34px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:800 30px/1 'Manrope',sans-serif;letter-spacing:-1.8px}.brand span{font:500 10px/1.8 'DM Sans',sans-serif;letter-spacing:5px;display:block;padding-left:3px}.partner{font-size:11px;letter-spacing:1.6px;color:#c8c8c5}.partner span{margin:0 15px;color:#8c8d88}.contact{background:rgba(255,255,255,.06);border:1px solid #ffffff30;border-radius:30px;padding:12px 17px;font-size:14px;backdrop-filter:blur(18px)}.tiny-icon{padding-left:16px;font-size:20px}.edition{position:absolute;left:4%;top:143px;font-size:10px;letter-spacing:2.3px;display:flex;align-items:center;gap:12px;color:#c8c8c3}.line{height:1px;width:26px;background:#b28b7b}.intro{position:absolute;left:7%;top:27%;transition:opacity .6s,transform .8s}.eyebrow{font-size:11px;letter-spacing:2px;color:#c2a99b;margin:0 0 25px}h1{font:500 clamp(56px,6.1vw,100px)/1.04 'Manrope',sans-serif;letter-spacing:-5px;margin:0 0 24px}h1 em{font-style:normal;color:#c7c7bd}.lead{font-size:16px;line-height:1.7;color:#c8c8c0;margin-bottom:30px}.primary{display:flex;align-items:center;gap:25px;background:#f0eee8;color:#242722;border-radius:30px;padding:16px 22px;font-size:14px;font-weight:600;transition:transform .3s,background .3s}.primary:hover{transform:translateY(-3px);background:#fff}.hotspot{position:absolute;background:none;padding:0;display:flex;align-items:center;gap:12px;transition:transform .5s}.hotspot>span{width:36px;height:36px;border:1px solid #ffffff85;border-radius:50%;display:grid;place-items:center;background:#15181530;backdrop-filter:blur(15px);font-size:24px;box-shadow:0 0 0 7px #ffffff0a;animation:breathe 3s ease-in-out infinite}.hotspot b{font-size:12px;font-weight:450;background:#14181685;border:1px solid #ffffff25;border-radius:20px;padding:9px 13px;backdrop-filter:blur(12px);opacity:0;transform:translateX(-8px);transition:.4s}.hotspot:hover b,.hotspot:focus-visible b,.exploring .hotspot b{opacity:1;transform:none}.spot-stone{left:69%;top:62%}.spot-wood{left:56%;top:37%}.scene-name{position:absolute;right:4%;bottom:175px;text-align:right}.scene-name>span{font-size:10px;letter-spacing:2px;color:#b9b9ad}.scene-name strong{display:block;font-family:'Manrope',sans-serif;font-size:24px;letter-spacing:-.7px;margin-top:11px}.scene-name p{font-size:12px;color:#b7b7af}.atmosphere{position:absolute;left:4%;bottom:40px;width:295px}.control-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:10px;letter-spacing:2px;color:#bcbeb6}.control-label button{background:none;width:24px;height:24px;padding:0}.control-label svg{width:17px;height:17px}.light-options{display:flex;padding:4px;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:24px}.light-options button{font-size:12px;background:none;color:#c7c8be;padding:10px 12px;border-radius:20px;transition:.5s}.light-options .active{background:#e6e5dc;color:#21241f}.dock{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:7px;border:1px solid #ffffff25;border-radius:27px;padding:8px;background:#272b27a8;box-shadow:0 20px 50px #0006;backdrop-filter:blur(28px)}.dock button{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:82px;padding:12px 9px;background:none;color:#b5b8b1;border-radius:19px;transition:.3s}.dock button span{font-size:11px}.dock button:hover{color:white;background:#ffffff08}.dock .active{background:#ffffff12;color:#fff}.dock i{position:absolute;top:10px;right:26px;width:5px;height:5px;border-radius:50%;background:#d2a798}.bottom-note{position:absolute;right:4%;bottom:60px;font-size:10px;letter-spacing:1.4px;color:#b5b9ae}.concept{position:absolute;right:4%;top:148px;font-size:10px;letter-spacing:1.5px;color:#c0c1b9}.toast{position:absolute;left:50%;bottom:143px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#f2f0e7;color:#20221e;padding:13px 21px;border-radius:30px;transition:.4s;font-size:14px;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}#studio[data-light=golden] .scene{filter:sepia(.22) saturate(1.15) brightness(.88)}#studio[data-light=golden] .lightwash{opacity:.4}#studio[data-light=night] .scene{filter:brightness(.52) saturate(.7)}#studio[data-light=night] .lightwash{background:#637388;opacity:.3}.exploring .intro{opacity:0;transform:translateX(-25px);pointer-events:none}.exploring .scene{transform:scale(1.12) translateX(-2%)}.exploring .scene-name{bottom:185px}.exploring .hotspot>span{box-shadow:0 0 0 12px #ffffff0b}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:450px;max-width:100%;height:100%;max-height:100%;padding:62px 36px 36px;background:#191d19f5;backdrop-filter:blur(30px);color:#eeeee5;border:0;border-left:1px solid #ffffff20;box-shadow:-20px 0 70px #0005;animation:panelIn .55s cubic-bezier(.2,.8,.2,1)}dialog::backdrop{background:#0005;backdrop-filter:blur(5px)}.close{position:absolute;top:20px;right:24px;background:#ffffff0d;width:34px;height:34px;border-radius:50%;font-size:25px}.handle{display:none}dialog .eyebrow{margin-top:15px}dialog h2{font:500 36px/1.15 'Manrope',sans-serif;letter-spacing:-1.5px;margin:20px 0}dialog p{color:#b9bdb4;font-size:15px;line-height:1.7}.material-photo{width:100%;height:180px;object-fit:cover;border-radius:15px;margin:8px 0 20px}.swatches{display:flex;gap:13px;margin:26px 0}.swatch{width:54px;height:54px;border-radius:50%;border:5px solid #191d19;outline:1px solid #ffffff25;transition:.3s;background:var(--swatch)}.swatch.selected{outline:2px solid #e3c4af;transform:scale(1.08)}.selection-title{display:flex;justify-content:space-between;font-size:16px}.selection-title span{font-size:12px;color:#c0a590}dialog .primary{width:100%;justify-content:space-between;margin-top:27px}dialog .note{font-size:12px;border-top:1px solid #ffffff20;padding-top:18px;margin-top:22px}.project-row{border-bottom:1px solid #ffffff18;padding:16px 0;display:flex;justify-content:space-between;font-size:14px}.project-row span{color:#a8b1a3}.contact-link{display:block;padding:18px;border:1px solid #ffffff24;margin:12px 0;border-radius:15px;font-size:15px}.contact-link small{display:block;color:#acb5a4;margin-top:5px}.secondary{background:#ffffff0c;border:1px solid #ffffff20;border-radius:26px;padding:14px 20px;margin-top:15px;width:100%;font-size:14px}.entry{animation:entry 1.2s ease both}header{animation:entry 1s ease both}.intro{animation:entry 1.2s .2s ease both}.dock{animation:dockIn 1s .5s ease both}@keyframes entry{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes dockIn{from{opacity:0;margin-bottom:-15px}to{opacity:1;margin-bottom:0}}@keyframes panelIn{from{transform:translateX(100%);opacity:.3}to{transform:none;opacity:1}}@keyframes breathe{50%{box-shadow:0 0 0 12px #ffffff03}}
@media(min-width:1600px){.intro{top:28%}.scene-name{bottom:200px}}@media(max-width:1100px){.partner{display:none}.atmosphere{bottom:151px;width:275px}.bottom-note{bottom:60px;max-width:135px;line-height:1.8}.scene-name{bottom:165px}h1{font-size:68px}.intro{left:5%}}@media(max-width:600px){#studio{min-height:700px;height:100svh}header{top:max(24px,env(safe-area-inset-top));left:24px;right:24px}.brand{font-size:27px}.brand span{font-size:9px}.contact{font-size:12px;padding:10px 12px}.tiny-icon{padding-left:8px}.edition{left:25px;top:108px;font-size:9px;letter-spacing:1.5px}.concept,.bottom-note{display:none}.scene{inset:-3% -48%}.scene img,.scene video{object-position:62% 50%}.shade{background:linear-gradient(180deg,#10131150,transparent 40%,#111510 89%),linear-gradient(90deg,#11151155,transparent 80%)}.intro{top:158px;left:26px;right:20px}.intro .eyebrow{font-size:9px;margin-bottom:15px}h1{font-size:57px;letter-spacing:-3.2px;line-height:1.02;margin-bottom:18px}.lead{font-size:14px;line-height:1.6;margin-top:0;max-width:235px}.primary{padding:13px 18px;font-size:13px;gap:17px}.intro .primary{margin-top:22px;background:#eeeae1ed;backdrop-filter:blur(20px)}.intro .primary svg{width:17px}.scene-name{right:25px;bottom:224px}.scene-name>span{font-size:8px;letter-spacing:1.6px}.scene-name strong{font-size:19px}.scene-name p{font-size:11px;margin-bottom:0}.spot-stone{left:66%;top:57%}.spot-wood{left:67%;top:35%}.hotspot b{display:none}.hotspot>span{height:30px;width:30px;font-size:20px}.atmosphere{left:25px;right:25px;bottom:132px;width:auto}.control-label{font-size:9px;margin-bottom:7px}.light-options{width:100%;justify-content:space-between}.light-options button{font-size:12px;flex:1;padding:10px 7px}.dock{bottom:max(20px,env(safe-area-inset-bottom));width:calc(100% - 32px);justify-content:space-around;gap:0;padding:6px;border-radius:25px}.dock button{min-width:0;flex:1;padding:12px 3px;gap:6px}.dock button span{font-size:10px}.dock svg{width:21px;height:21px}.toast{bottom:220px;font-size:12px;max-width:90%;white-space:normal;text-align:center}.exploring .scene{transform:scale(1.09) translateX(-2%)}.exploring .scene-name{bottom:231px}dialog{inset:auto 0 0;width:100%;height:auto;max-height:89svh;border:1px solid #ffffff20;border-bottom:0;border-radius:28px 28px 0 0;padding:34px 27px max(30px,env(safe-area-inset-bottom));animation:sheetIn .5s cubic-bezier(.2,.8,.2,1)}.handle{display:block;width:35px;height:4px;border-radius:4px;background:#ffffff35;position:absolute;top:12px;left:calc(50% - 17px)}dialog h2{font-size:30px}.material-photo{height:120px}.swatches{margin:18px 0}dialog .eyebrow{margin-top:9px;font-size:10px}dialog p{font-size:14px}.close{top:19px;right:20px}.contact-link{padding:14px}.exploring .spot-stone{top:53%}}@keyframes sheetIn{from{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scene{transform:none!important}}
@media(max-width:600px){#studio:not(.exploring) .scene-name,#studio:not(.exploring) .hotspot{opacity:0;pointer-events:none}.scene-name,.hotspot{transition:opacity .7s,transform .8s}}
/* Original film / seamless architectural canvas */
:root{color:#24241f;background:#eeece6}#studio{background:#eeece6}.scene{inset:5% -3% 4% 23%;transform:none;filter:none!important;z-index:-5}.scene img,.scene video{object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,black 18%,black 94%,transparent),linear-gradient(180deg,transparent,black 13%,black 77%,transparent);mask-composite:intersect}.shade{background:linear-gradient(90deg,#eeece6 0%,#eeece6f5 21%,#eeece600 57%),linear-gradient(0deg,#eeece6 3%,#eeece600 38%,#eeece600 80%,#eeece6 99%)}.lightwash{display:none}.partner,.edition,.concept{color:#64665c}.brand{color:#25251e}.contact{background:#ffffff40;border-color:#27271e30}.intro{left:5%;top:27%;max-width:550px}h1{font-size:clamp(55px,5.3vw,85px);letter-spacing:-4.5px}h1 em{color:#9c302e}.eyebrow{color:#8c6559}.lead{color:#626256}.primary{background:#b62d30;color:#fff;box-shadow:0 8px 25px #aa2b3022}.primary:hover{background:#9c2628}.scene-name{color:#28291f}.scene-name>span,.scene-name p{color:#67695e}.scene-name strong{font-size:30px}.atmosphere{width:300px}.control-label{color:#626657}.light-options{background:#fff8;border-color:#55551b20}.light-options button{color:#686958}.light-options .active{background:#292d26;color:white}.dock{background:#242821ed;border-color:#ffffff33;color:#fff}.bottom-note{color:#696c5e}.hotspot{display:none}.exploring .scene{transform:scale(1.04)}.exploring .intro{opacity:0;transform:translateX(-25px)}.scene-name{transition:opacity .4s}.intro .primary{color:white}.toast{background:#282e25;color:#fff}.process-step{padding:18px 0;border-bottom:1px solid #ffffff20;display:flex;gap:18px}.process-step>span{font-size:12px;color:#c39587;margin-top:3px}.process-step strong{font-size:17px}.process-step p{margin:5px 0 0;font-size:14px}.timeline-fill{position:absolute;bottom:0;left:0;height:2px;width:0;background:#b72d31;transition:width .3s linear}.scene-caption{position:absolute;right:6%;top:25%;color:#fff;background:#292b25cc;backdrop-filter:blur(18px);border:1px solid #fff4;border-radius:20px;padding:18px 22px;max-width:240px;transition:opacity .4s,translate .4s}.scene-caption small{font-size:10px;letter-spacing:1.5px;color:#deded3}.scene-caption strong{font:500 24px/1.2 'Manrope';display:block;margin-top:10px}.scene-caption p{font-size:12px;color:#deded3;margin-bottom:0}.dock i{display:none}
@media(max-width:1100px){.intro{max-width:450px}h1{font-size:60px}.scene-caption{top:19%;right:5%;max-width:200px}.scene-caption strong{font-size:19px}}
@media(max-width:600px){#studio{min-height:760px}.edition{font-size:8px;letter-spacing:1px;top:99px}.intro{top:143px;left:25px;right:20px;max-width:none}h1{font-size:45px;letter-spacing:-2.6px;line-height:1.08}.intro .eyebrow{font-size:8px;margin-bottom:12px}.lead{font-size:12px;line-height:1.6}.intro .primary{background:#b62d30;color:white;margin-top:18px;font-size:12px;padding:12px 16px}.scene{inset:235px -30% 100px -30%;transform:none}.scene img,.scene video{object-fit:cover;object-position:50% 50%;mask-image:linear-gradient(180deg,transparent,black 23%,black 68%,transparent);mask-composite:add}.shade{background:linear-gradient(180deg,#eeece6 12%,#eeece600 50%,#eeece600 65%,#eeece6 83%)}.scene-name{display:none}.scene-caption{top:auto;right:24px;bottom:235px;max-width:180px;padding:13px 15px;border-radius:15px}.scene-caption strong{font-size:18px;margin-top:5px}.scene-caption small{font-size:8px}.scene-caption p{display:none}.atmosphere{width:auto;bottom:133px;left:25px;right:25px}.dock{bottom:20px}.exploring .scene{inset:90px -25% 110px;transform:scale(1.025)}.exploring .scene-caption{bottom:235px;right:25px}.exploring .intro{opacity:0}.contact{color:#282923}.scene-caption{pointer-events:none}.scene-caption.hidden{opacity:0;translate:0 10px}}
@media(max-width:600px){#studio{min-height:680px}h1{font-size:clamp(35px,9.4vw,45px)}.intro{top:133px}.intro .lead{max-width:340px;font-size:12px}.scene{inset:245px -25% 100px}.scene-caption{bottom:217px;max-width:175px}.atmosphere{bottom:122px}.dock{bottom:14px}.exploring .scene-caption{bottom:217px}}
/* Cards choreographed to the original film */
.scene-caption.process-card{background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;width:325px;max-width:325px;right:6%;top:24%;perspective:1100px;pointer-events:auto}.card-face{position:relative;padding:25px 26px 22px;color:#282722;border:1px solid #fff9;border-radius:26px;background:linear-gradient(135deg,#fffdf2dd,#f3ede1aa);backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 24px 65px #30271929,inset 0 1px 0 #fff9;transform-origin:70% 80%;animation:cardArrive .8s cubic-bezier(.16,1,.3,1) both}.card-top{display:flex;align-items:center;gap:11px}.step-badge{width:33px;height:33px;border-radius:50%;background:#292924;color:#fff;display:grid;place-items:center;font-size:14px;font-weight:600;flex-shrink:0}.card-kicker{font-size:11px;letter-spacing:1.2px;font-weight:700;color:#646159;flex:1}.card-top svg{width:23px;height:23px;color:#9f2d30;opacity:.85}.process-card h2{font:600 27px/1.15 'Manrope',sans-serif;letter-spacing:-1px;margin:19px 0 0}.scene-caption.process-card p{color:#726d61;font-size:13px;line-height:1.5;margin:11px 0 0}.card-chapters{display:flex;gap:5px;margin-top:20px}.card-chapters i{height:3px;flex:1;background:#2c261316;border-radius:5px}.card-chapters i.complete{background:#bb3d3b}.card-ghost{position:absolute;inset:0;pointer-events:none;animation:cardLeave .58s ease both}.final-card .card-face{background:linear-gradient(120deg,#f8f1e7df,#e6c8b2c9 60%,#eeb6b3bd);border-color:#fff9}.final-card .step-badge{background:#c62c32}.card-cta{background:#c3262e;color:#fff;border-radius:30px;width:100%;padding:15px 14px;margin-top:20px;font-size:14px;font-weight:600;box-shadow:0 8px 20px #b72d3020;transition:transform .3s,background .3s}.card-cta:hover{transform:translateY(-2px);background:#a91d27}@keyframes cardArrive{from{opacity:0;transform:translate3d(18px,30px,-70px) rotateX(8deg) scale(.94);filter:blur(8px)}to{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1);filter:blur(0)}}@keyframes cardLeave{to{opacity:0;transform:translate3d(-18px,-18px,-100px) scale(.94);filter:blur(6px)}}
@media(max-width:1100px){.scene-caption.process-card{width:275px;max-width:275px;right:4%;top:22%}.process-card h2{font-size:24px}.card-face{padding:20px}}
@media(max-width:600px){.scene-caption.process-card,.exploring .scene-caption.process-card{top:auto;right:22px;bottom:218px;width:226px;max-width:calc(100% - 44px);perspective:800px}.card-face{padding:17px 18px 15px;border-radius:22px}.step-badge{width:27px;height:27px;font-size:12px}.card-top{gap:8px}.card-kicker{font-size:9px;letter-spacing:.8px}.card-top svg{width:19px;height:19px}.process-card h2{font-size:21px;margin-top:13px;letter-spacing:-.7px}.scene-caption.process-card p{display:block;font-size:11px;line-height:1.5;margin-top:8px}.card-chapters{margin-top:15px}.card-cta{font-size:12px;padding:12px 10px;margin-top:14px}.scene-caption.process-card.final-card{bottom:210px}.intro .primary{position:relative;z-index:2}.scene-caption.process-card:not(.final-card){bottom:220px}.exploring .scene-caption.process-card{bottom:220px}}
@media(prefers-reduced-motion:reduce){.card-ghost{display:none}}
@media(max-width:600px){.intro .primary{display:none}.scene-caption.process-card{z-index:3}.intro .lead{margin-bottom:0}}
html{scroll-behavior:smooth}.scroll-cue{position:absolute;left:50%;bottom:143px;translate:-50% 0;display:flex;align-items:center;gap:12px;font-size:11px;color:#757264;letter-spacing:1px}.scroll-cue span{font-size:24px;animation:scrollHint 2s ease-in-out infinite}.dock{position:fixed;z-index:50}.island-story{height:300vh;background:#eeece6;position:relative}.island-sticky{height:100svh;min-height:650px;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding:70px 5% 140px;overflow:hidden}.island-heading{display:flex;justify-content:space-between;margin-bottom:50px;border-top:1px solid #26291822;padding-top:22px}.island-heading .eyebrow{margin:0}.story-counter{font-size:10px;color:#7d7b70;letter-spacing:1.6px}.island-composition{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:5%}.island-visual{min-width:0;position:relative;margin-left:-9%}#island-canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;filter:drop-shadow(0 20px 18px #3027190b)}.island-footnote{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.4px;color:#8b897f;padding:20px 5% 0 9%}.island-copy .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:18px}.island-copy h2{font:500 clamp(38px,4vw,66px)/1.08 'Manrope',sans-serif;letter-spacing:-3px;margin:0 0 25px}.island-copy h2 em{font-style:normal;color:#9c302e}.island-description{font-size:16px;line-height:1.7;color:#77786d;max-width:360px}.detail-readout{display:flex;gap:17px;margin-top:32px;min-height:92px;align-items:flex-start}.detail-number{font-size:11px;background:#302f26;color:#fff;border-radius:50%;width:29px;height:29px;flex-shrink:0;display:grid;place-items:center}.detail-readout h3{font-size:17px;font-weight:600;margin:2px 0 8px}.detail-readout p{font-size:14px;line-height:1.5;margin:0;color:#787769;max-width:320px}.island-progress{height:2px;background:#2e30241c;width:100%;max-width:350px;margin:19px 0 12px}.island-progress span{display:block;height:100%;width:0;background:#b72d31}.scroll-instruction{font-size:11px;color:#8a877b}.island-contact{background:none;color:#393c2f;display:flex;gap:40px;align-items:center;padding:16px 0;font-size:14px;border-bottom:1px solid #33352550;margin-top:15px}.island-contact span{font-size:24px}.closing{background:#272b25;color:#edece3;text-align:center;padding:100px 25px 180px}.closing .eyebrow{font-size:11px;letter-spacing:2px;color:#bcb6a2}.closing h2{font:500 clamp(40px,5vw,74px)/1.08 'Manrope',sans-serif;letter-spacing:-2px;margin:20px 0 32px}.closing .primary{margin:auto}.closing>p:last-child{font-size:11px;margin-top:36px;color:#a4aa9b}.island-copy.changing .detail-readout{animation:detailIn .5s ease}.island-story:focus-within{outline:none}@keyframes detailIn{from{opacity:.2;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes scrollHint{50%{translate:0 4px}}
@media(max-width:1100px){.island-copy h2{font-size:44px;letter-spacing:-2px}.island-composition{gap:3%;grid-template-columns:1.25fr 1fr}.island-sticky{padding-left:4%;padding-right:4%}.island-heading{margin-bottom:45px}}
@media(max-width:600px){.scroll-cue{bottom:105px;font-size:9px;gap:6px;white-space:nowrap}.scroll-cue span{font-size:17px}.island-story{height:280svh}.island-sticky{min-height:680px;height:100svh;padding:28px 24px 116px;justify-content:flex-start}.island-heading{margin:0 0 10px;padding-top:16px}.island-heading .eyebrow{font-size:9px}.story-counter{font-size:8px;letter-spacing:.8px}.island-composition{display:flex;flex-direction:column;gap:0}.island-visual{width:calc(100% + 48px);margin:0 -24px}#island-canvas{width:100%;min-height:0}.island-footnote{padding:0 25px;font-size:8px;letter-spacing:.8px}.island-copy{width:100%;padding-top:27px}.island-copy .eyebrow{font-size:8px;margin-bottom:10px}.island-copy h2{font-size:36px;letter-spacing:-1.9px;margin-bottom:12px}.island-description{font-size:12px;line-height:1.6;max-width:330px;margin:0}.detail-readout{margin-top:19px;min-height:61px;gap:12px}.detail-readout h3{font-size:14px;margin:0 0 5px}.detail-readout p{font-size:11px;max-width:260px}.detail-number{width:25px;height:25px;font-size:10px}.island-progress{margin:13px 0 8px;max-width:none}.scroll-instruction{font-size:9px;margin:0}.island-contact{font-size:12px;padding:10px 0;margin-top:4px;gap:24px}.island-contact span{font-size:19px}.closing{padding-top:70px}.closing h2{font-size:41px}.island-sticky .island-contact{display:none}}
@media(max-width:600px) and (max-height:720px){.island-copy{padding-top:17px}.island-copy h2{font-size:32px}.island-visual{width:calc(100% + 16px)}.island-heading{margin-bottom:0}.island-description{font-size:11px}.detail-readout{margin-top:14px}.island-sticky{padding-top:22px}}
/* Compact, scene-specific annotations: each step occupies a different quiet edge. */
#studio .scene-caption.process-card{width:235px;max-width:calc(100% - 40px);left:auto;right:5%;top:24%;bottom:auto;transition:none;pointer-events:none}
#studio .process-card .card-face{padding:15px 17px;border-radius:19px;background:linear-gradient(135deg,#fffdf3d9,#f0eadead);box-shadow:0 12px 32px #30271918;animation:annotationIn .65s cubic-bezier(.16,1,.3,1) both}
#studio .process-card .card-top{gap:8px}#studio .process-card .step-badge{width:25px;height:25px;font-size:12px}#studio .process-card .card-kicker{font-size:10px;letter-spacing:.8px}#studio .process-card .card-top svg{width:19px;height:19px}#studio .process-card h2{font-size:20px;letter-spacing:-.6px;margin-top:10px}#studio .process-card p,#studio .process-card .card-chapters{display:none}
#studio .process-card .card-cta{pointer-events:auto;margin-top:13px;padding:12px;font-size:13px;min-height:44px}
#studio .process-card[data-phase="0"]{right:9%;top:60%;--entry-x:12px;--entry-y:14px}
#studio .process-card[data-phase="1"]{right:5%;top:25%;--entry-x:18px;--entry-y:4px}
#studio .process-card[data-phase="2"]{right:3%;top:47%;--entry-x:18px;--entry-y:0px}
#studio .process-card[data-phase="3"]{left:47%;right:auto;top:68%;--entry-x:-12px;--entry-y:14px}
#studio .process-card[data-phase="4"]{right:24%;top:22%;--entry-x:-14px;--entry-y:4px}
#studio .process-card[data-phase="5"]{right:5%;top:43%;width:245px;--entry-x:8px;--entry-y:14px}
#studio .process-card.departing{z-index:2;pointer-events:none}#studio .process-card.departing .card-face{animation:annotationOut .3s ease forwards}
@keyframes annotationIn{from{opacity:0;transform:translate(var(--entry-x,12px),var(--entry-y,10px)) scale(.97);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes annotationOut{to{opacity:0;transform:translateY(-8px) scale(.97);filter:blur(2px)}}
@media(max-width:1100px) and (min-width:601px){#studio .process-card{max-width:205px}#studio .process-card[data-phase="3"]{left:45%;top:67%}#studio .process-card[data-phase="4"]{right:8%;top:19%}}
@media(max-width:600px){
 #studio .scene-caption.process-card{width:185px;max-width:calc(100% - 40px);top:auto;bottom:200px;left:auto;right:20px}
 #studio .process-card .card-face{padding:12px 14px;border-radius:16px}#studio .process-card .step-badge{width:22px;height:22px;font-size:11px}#studio .process-card .card-kicker{font-size:9px;letter-spacing:.5px}#studio .process-card .card-top svg{width:16px;height:16px}#studio .process-card h2{font-size:17px;letter-spacing:-.5px;margin-top:8px;line-height:1.2}
 #studio .process-card[data-phase="0"]{left:20px;right:auto;top:auto;bottom:207px}
 #studio .process-card[data-phase="1"]{left:auto;right:20px;top:auto;bottom:260px}
 #studio .process-card[data-phase="2"]{left:20px;right:auto;top:auto;bottom:230px}
 #studio .process-card[data-phase="3"]{left:auto;right:20px;top:auto;bottom:195px}
 #studio .process-card[data-phase="4"]{left:20px;right:auto;top:auto;bottom:270px;width:200px}
 #studio .process-card[data-phase="5"]{left:auto;right:20px;top:auto;bottom:193px;width:203px}
 #studio .process-card .card-cta{font-size:12px;margin-top:10px;padding:10px}
}
@media(prefers-reduced-motion:reduce){#studio .process-card .card-face{animation:none}#studio .process-card.departing{display:none}}
.island-phone{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:15px;margin-top:15px;font-weight:600}.island-phone span{font-size:11px;font-weight:400;color:#77786d}.island-copy .detail-readout{min-height:102px}.island-copy .island-description{max-width:410px}.island-copy .detail-readout p{max-width:355px}
@media(max-width:600px){.island-copy .island-description{font-size:12px;line-height:1.5}.island-copy .detail-readout{min-height:72px;margin-top:15px}.island-copy .detail-readout p{font-size:12px;line-height:1.4;max-width:310px}.island-sticky .island-contact{display:flex;padding:8px 0;margin-top:8px;font-size:13px}.island-phone{font-size:13px;margin-top:10px;gap:6px 12px}.island-phone span{font-size:10px}.island-copy{padding-top:17px}.island-copy h2{font-size:32px;margin-bottom:10px}.island-visual{width:100%;margin:0}.island-visual canvas{height:clamp(145px,25svh,215px);object-fit:contain;width:100%}.island-progress{margin:10px 0 7px}.island-heading{margin-bottom:4px}.island-footnote{padding:0;font-size:8px}.island-copy .eyebrow{margin-bottom:8px}}
@media(max-width:600px){#island-canvas{height:clamp(135px,23svh,200px);min-height:0;object-fit:contain}.island-copy .detail-readout{min-height:65px}.island-copy .island-description{font-size:12px}.island-phone{margin-top:8px}}
/* Sales-oriented studio flow: source-backed visit tools, selectable intent, direct conversion. */
.studio-tour{background:#191b18;color:#f1efe8;padding:clamp(78px,12vw,160px) 8%;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.studio-tour .eyebrow,.benefit-strip .eyebrow,.service-picker .eyebrow,.visit-card .eyebrow,.review-invite .eyebrow{color:#ab9b85;margin-bottom:22px}.tour-copy h2,.section-intro h2,.service-heading h2,.visit-card h2,.review-invite h2{font:500 clamp(44px,5.5vw,82px)/1.04 'Manrope',sans-serif;letter-spacing:-3px;margin:0 0 24px}.tour-copy h2 em,.section-intro h2 em,.service-heading h2 em,.visit-card h2 em,.review-invite h2 em{font-style:normal;color:#c7a98d}.tour-copy>p:not(.eyebrow),.service-heading>p,.review-invite>p:not(.eyebrow){color:#a9aaa1;font-size:15px;line-height:1.75;max-width:390px}.tour-link{display:flex;justify-content:space-between;align-items:center;max-width:340px;padding:16px 0;border-bottom:1px solid #ffffff35;font-size:14px;margin-top:20px}.tour-link span{font-size:20px;color:#e6b997}.tour-link.secondary{opacity:.72;margin-top:0}.tour-visual{min-height:400px;height:36vw;max-height:580px;position:relative;overflow:hidden;border-radius:30px;background:radial-gradient(ellipse at 50% 52%,#d9ccb2 0,#a69c83 24%,#4f5046 55%,#272923 85%);display:grid;place-items:center}.tour-visual:before,.tour-visual:after{content:"";position:absolute;border:1px solid #fff5;border-radius:50%;width:66%;aspect-ratio:1;animation:orbit 18s linear infinite}.tour-visual:after{width:86%;animation-duration:28s;animation-direction:reverse}.tour-orb{position:relative;z-index:1;width:160px;height:160px;border:1px solid #fff9;border-radius:50%;background:#ece4d5dd;color:#262822;display:grid;place-items:center;font:500 40px 'Manrope';box-shadow:0 30px 80px #0005;backdrop-filter:blur(12px);transition:transform .5s}.tour-orb i{position:absolute;right:12px;top:14px;font:20px 'DM Sans';font-style:normal}.tour-visual:hover .tour-orb{transform:scale(1.08)}.tour-caption{position:absolute;bottom:24px;left:28px;color:#fff;font-size:9px;letter-spacing:1.8px}.benefit-strip{background:#eeece6;color:#24251f;padding:110px 8% 120px;display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:start}.benefit-strip .eyebrow,.service-picker .eyebrow,.visit-card .eyebrow{color:#8d6653}.section-intro h2{font-size:clamp(42px,4.8vw,70px)}.section-intro h2 em,.service-heading h2 em,.visit-card h2 em{color:#a3493e}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 24px}.benefit-grid article{border-top:1px solid #25281d2c;padding-top:17px}.benefit-grid article>span{font-size:21px;color:#a3493e}.benefit-grid h3{font:600 16px 'Manrope';margin:19px 0 8px}.benefit-grid p{font-size:12px;color:#77786d;line-height:1.65;margin:0}.service-picker{background:#f7f5ef;color:#252620;padding:110px 8% 100px}.service-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.service-heading h2{font-size:clamp(42px,5vw,70px);margin-bottom:0}.service-heading>p{margin:0 0 8px}.service-options{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #25281d2c}.service-option{display:flex;align-items:center;gap:22px;text-align:left;background:transparent;color:#292a25;border-bottom:1px solid #25281d2c;padding:18px 16px;font:500 clamp(17px,2vw,24px) 'Manrope';transition:background .3s,color .3s;padding-right:24px}.service-option:nth-child(odd){border-right:1px solid #25281d2c}.service-option span{font:10px 'DM Sans';color:#9a9384}.service-option i{font-style:normal;font-size:18px;margin-left:auto;color:#a3493e;opacity:0;transform:translate(-5px,5px);transition:.3s}.service-option:hover,.service-option.selected{background:#e8e4da}.service-option.selected i,.service-option:hover i{opacity:1;transform:none}.service-action{display:flex;align-items:center;justify-content:space-between;padding-top:26px}.service-action>span{font-size:12px;color:#77786d}.service-action .primary{background:#a73f39;color:white}.visit-card{background:#dedbd2;color:#292a24;padding:100px 8%;display:grid;grid-template-columns:1.1fr 1fr;gap:22px 8%;align-items:start}.visit-card h2{font-size:clamp(40px,4.6vw,64px)}.location-card{border:1px solid #25281d30;border-radius:22px;padding:24px;min-height:250px}.location-index{font-size:9px;letter-spacing:1.4px;color:#8f6653}.location-card h3{font:600 19px 'Manrope';margin:29px 0 13px}.location-card p{font-size:12px;line-height:1.7;color:#6d6e65}.location-card a{display:inline-block;margin-top:13px;font-size:12px;border-bottom:1px solid #333;padding-bottom:5px}.review-invite{background:#292d27;color:#f1efe8;text-align:center;padding:100px 24px 110px}.review-invite .eyebrow{margin-bottom:20px}.review-invite h2{margin-bottom:20px}.review-invite>p:not(.eyebrow){margin:0 auto 23px}.review-invite>a{display:inline-flex;border:1px solid #ffffff55;border-radius:40px;padding:14px 22px;gap:20px;font-size:12px}.review-invite>a span{color:#dfad91}.site-footer{background:#171916;color:#edeae2;padding:45px 8% 115px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .brand{font-size:23px}.site-footer .brand span{font-size:8px}.site-footer>p{font-size:11px;color:#aaa99e}.site-footer>div{display:flex;gap:18px;flex-wrap:wrap}.site-footer>div a{font-size:11px;color:#d0cec5}.route-link{display:inline-block;border-bottom:1px solid #fff5;padding-bottom:7px;font-size:12px}.service-option:focus-visible,.tour-link:focus-visible{outline-color:#a3493e}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:800px){.studio-tour{grid-template-columns:1fr;gap:40px;padding:76px 7%}.tour-visual{height:65vw;min-height:290px}.benefit-strip{grid-template-columns:1fr;gap:38px;padding:75px 7%}.benefit-grid{grid-template-columns:repeat(2,1fr)}.service-picker{padding:75px 7%}.service-heading{display:block}.service-heading>p{margin-top:18px}.visit-card{grid-template-columns:1fr 1fr;padding:75px 7%}.visit-card>div{grid-column:1/-1}.site-footer{flex-wrap:wrap;padding:35px 7% 100px}.site-footer>div{width:100%}}
@media(max-width:520px){.studio-tour{padding:66px 24px;gap:28px}.tour-copy h2,.section-intro h2,.service-heading h2,.visit-card h2,.review-invite h2{letter-spacing:-2px}.tour-copy>p:not(.eyebrow){font-size:13px}.tour-visual{height:74vw;min-height:260px;border-radius:22px}.tour-orb{width:124px;height:124px;font-size:31px}.benefit-strip{padding:66px 24px 72px}.benefit-grid{gap:23px 15px}.benefit-grid h3{font-size:14px}.benefit-grid p{font-size:11px}.service-picker{padding:68px 24px}.service-heading{margin-bottom:28px}.service-options{grid-template-columns:1fr}.service-option:nth-child(odd){border-right:0}.service-option{font-size:18px;padding:16px 10px}.service-action{align-items:flex-start;flex-direction:column;gap:16px}.service-action .primary{width:100%;justify-content:center}.visit-card{grid-template-columns:1fr;padding:66px 24px;gap:14px}.visit-card>div{grid-column:auto;margin-bottom:12px}.location-card{min-height:0;padding:20px}.location-card h3{margin:22px 0 10px;font-size:17px}.review-invite{padding:74px 24px}.site-footer{padding:34px 24px 100px;align-items:flex-start;flex-direction:column}.site-footer>div{gap:15px}}
.review-rating{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 auto 22px}.review-rating strong{font:500 34px 'Manrope'}.review-rating span{color:#e2b47f;letter-spacing:2px}.review-rating small{font-size:10px;color:#aaa99e}.review-invite blockquote{font:400 19px/1.5 'Manrope',sans-serif;color:#d8d4ca;margin:0 auto 14px;max-width:560px}.review-invite blockquote:before,.review-invite blockquote:after{color:#c7a98d}.review-invite blockquote:before{content:'“'}.review-invite blockquote:after{content:'”'}
.brand-image{display:flex;align-items:center;gap:10px;letter-spacing:0}.brand-image>img{width:46px;height:46px;object-fit:cover;object-position:center;border-radius:11px;border:1px solid #ffffff2b}.brand-image>span{font:700 9px/1.5 'DM Sans',sans-serif;letter-spacing:1.8px}.brand-image>span small{display:block;font:800 16px/1 'Manrope',sans-serif;letter-spacing:2px}.partner{display:flex;justify-content:center}.partner img{display:block;width:min(190px,20vw);height:auto;max-height:56px;object-fit:contain}.site-footer .brand-image>img{width:42px;height:42px}.site-footer .brand-image>span{font-size:8px}.site-footer .brand-image>span small{font-size:14px}
@media(max-width:600px){.brand-image{gap:7px}.brand-image>img{width:36px;height:36px;border-radius:8px}.brand-image>span{font-size:7px;letter-spacing:1.2px}.brand-image>span small{font-size:13px}.partner img{width:min(125px,30vw);max-height:40px}}
.quick-actions{display:none}.quote-form{display:grid;gap:13px;margin-top:24px}.quote-form label{display:grid;gap:7px;font-size:12px;color:#d6d7d0}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #ffffff24;border-radius:12px;background:#ffffff0b;color:#f5f3ed;padding:12px;font:14px 'DM Sans',sans-serif}.quote-form select option{color:#20211d}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#92968d}.quote-form textarea{resize:vertical}.quote-form .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quote-form .upload-label{border:1px dashed #ffffff4a;padding:14px;border-radius:14px}.quote-form .upload-label input{padding:7px;border:0}.quote-form .upload-label small,.form-privacy{font-size:10px;line-height:1.5;color:#aaa99e}.quote-form .primary{width:100%;justify-content:space-between;background:#a73f39;color:white;margin-top:4px}.quote-form input[type=file]::file-selector-button{background:#e9e4d9;border:0;border-radius:8px;padding:9px;margin-right:8px;color:#24251f}
@media(max-width:600px){.dock{display:none}.quick-actions{position:fixed;z-index:60;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:7px;padding:8px;border:1px solid #ffffff2a;border-radius:20px;background:#1c201deb;color:#fff;box-shadow:0 10px 40px #0005;backdrop-filter:blur(25px)}.quick-actions a,.quick-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;border-radius:14px;background:#ffffff0b;padding:13px 6px;font:600 11px 'DM Sans',sans-serif;color:#f4f2eb}.quick-actions span{font-size:15px;color:#d7ad8c}.quick-actions button{background:#a73f39}.site-footer{padding-bottom:105px}dialog{padding:58px 22px 104px!important;overflow-y:auto}.quote-form .primary{margin-bottom:8px}}
/* The eight conversion paths now sit beside the scroll-controlled film. */
.island-sticky{padding-top:42px;padding-bottom:110px}.island-heading{margin-bottom:26px}.island-copy h2{font-size:clamp(36px,3.4vw,54px);letter-spacing:-2.4px;margin-bottom:12px}.island-copy .island-description{font-size:13px;line-height:1.5;margin:0;max-width:430px}.island-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:17px}.island-service-grid .service-option{display:flex;align-items:center;justify-content:flex-start;gap:9px;text-align:left;min-width:0;min-height:43px;padding:8px 10px;border:1px solid #28291f24;border-radius:12px;background:#fff9;color:#36382e;font:500 12px 'DM Sans',sans-serif;transition:background .25s,border-color .25s,transform .25s}.island-service-grid .service-option:hover{transform:translateY(-1px);background:#fff}.island-service-grid .service-option.selected{background:#272b25;color:#f5f1e8;border-color:#272b25}.island-service-grid .service-option svg{width:19px;height:19px;flex:none;color:#a3493e}.island-service-grid .service-option.selected svg{color:#e1b89c}.selected-service-label{font-size:10px;color:#88877c;margin:10px 0 0}.island-copy .detail-readout{min-height:68px;margin-top:12px;gap:11px}.island-copy .detail-number{width:25px;height:25px}.island-copy .detail-readout h3{font-size:14px;margin:1px 0 5px}.island-copy .detail-readout p{font-size:11px;line-height:1.35;max-width:340px}.island-copy .island-progress{margin:10px 0 7px}.island-copy .scroll-instruction{font-size:9px;margin:0}.island-copy .island-contact{margin-top:5px;padding:10px 0;font-size:12px}.island-copy .island-phone{margin-top:7px;font-size:13px}.island-copy .island-phone span{font-size:10px}
@media(max-width:1100px){.island-sticky{padding-top:34px;padding-bottom:104px}.island-heading{margin-bottom:18px}.island-composition{grid-template-columns:1.15fr 1fr;gap:3%}.island-copy h2{font-size:39px}.island-service-grid{gap:5px;margin-top:12px}.island-service-grid .service-option{min-height:40px;padding:7px 8px;font-size:11px}.island-service-grid .service-option svg{width:16px;height:16px}.island-copy .detail-readout{min-height:58px;margin-top:8px}.island-copy .island-description{font-size:12px}}
@media(max-width:600px){.island-sticky{padding:22px 22px 112px}.island-heading{margin:0 0 2px}.island-composition{gap:0}.island-visual{width:100%;margin:0}.island-copy{padding-top:13px}.island-copy h2{font-size:30px;line-height:1.05;letter-spacing:-1.5px;margin-bottom:7px}.island-copy .eyebrow{font-size:8px;margin-bottom:6px}.island-copy .island-description{font-size:10px;line-height:1.4}.island-service-grid{margin-top:9px;gap:5px}.island-service-grid .service-option{min-height:35px;padding:5px 7px;border-radius:9px;gap:6px;font-size:10px}.island-service-grid .service-option svg{width:14px;height:14px}.selected-service-label{font-size:9px;margin-top:6px}.island-copy .detail-readout{min-height:47px;margin-top:7px;gap:8px}.island-copy .detail-number{width:21px;height:21px;font-size:9px}.island-copy .detail-readout h3{font-size:12px;margin-bottom:3px}.island-copy .detail-readout p{font-size:9px;line-height:1.25}.island-copy .island-progress{margin:7px 0 5px}.island-copy .scroll-instruction{font-size:8px}.island-copy .island-contact{font-size:11px;padding:8px 0;margin-top:3px}.island-copy .island-phone{font-size:11px;margin-top:5px;gap:5px 10px}.island-copy .island-phone span{font-size:9px}}
@media(max-width:600px) and (max-height:720px){.island-sticky{padding-top:15px;padding-bottom:108px}.island-heading .eyebrow{font-size:8px}.island-copy{padding-top:7px}.island-copy h2{font-size:27px}.island-copy .island-description{font-size:9px}.island-service-grid{margin-top:6px}.island-service-grid .service-option{min-height:31px;padding:4px 6px;font-size:9px}.island-copy .detail-readout{min-height:40px;margin-top:5px}.island-copy .island-contact{padding:6px 0}}
/* Six clear customer benefits beside the scroll story. */
.advantage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.advantage-card{position:relative;min-height:66px;padding:11px 23px 10px 54px;border:1px solid #2729202a;border-radius:13px;background:#fbfaf6;color:#272820;transition:transform .3s,box-shadow .3s,border-color .3s}.advantage-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #33271a12;border-color:#a7423b77}.advantage-icon{position:absolute;left:10px;top:11px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f1e2d8;color:#9d3538}.advantage-icon svg{width:19px;height:19px;stroke-width:1.8}.advantage-index{position:absolute;top:8px;right:9px;font-size:8px;color:#969185}.advantage-card h3{font:700 11px/1.2 'Manrope',sans-serif;margin:4px 0 0;max-width:calc(100% - 6px)}.advantage-card p{font-size:9px;line-height:1.3;color:#75756b;margin:4px 0 0}.advantage-card.featured{background:#a93737;border-color:#a93737;color:#fff}.advantage-card.featured .advantage-icon{background:#ffffff24;color:#fff}.advantage-card.featured .advantage-index,.advantage-card.featured p{color:#f6dbd2}
.island-copy .detail-readout{margin-top:11px}.island-copy .detail-readout p{max-width:360px}.island-copy .island-description{max-width:460px}
@media(max-width:1100px){.advantage-grid{gap:6px;margin-top:12px}.advantage-card{min-height:60px;padding:9px 18px 8px 44px;border-radius:11px}.advantage-icon{left:7px;top:10px;width:29px;height:29px;border-radius:8px}.advantage-icon svg{width:16px;height:16px}.advantage-card h3{font-size:10px}.advantage-card p{font-size:8px}.island-copy h2{font-size:37px}}
@media(max-width:600px){.advantage-grid{gap:5px;margin-top:8px}.advantage-card{min-height:52px;padding:8px 15px 6px 38px;border-radius:9px}.advantage-icon{left:6px;top:9px;width:26px;height:26px;border-radius:7px}.advantage-icon svg{width:15px;height:15px}.advantage-index{font-size:7px;top:5px;right:6px}.advantage-card h3{font-size:9px;line-height:1.1;margin-top:3px}.advantage-card p{font-size:7.5px;margin-top:3px}.island-copy h2{font-size:28px}.island-copy .island-description{font-size:9px}}
@media(max-width:600px) and (max-height:720px){.advantage-card{min-height:47px;padding-top:6px;padding-bottom:5px}.advantage-icon{top:7px;width:24px;height:24px}.advantage-card h3{font-size:8.5px}.advantage-card p{font-size:7px}}
/* Post-hero: one full-width scrollytelling section, with the six benefits beside the film. */
.intro .eyebrow{margin-bottom:14px}.intro h1{font-size:clamp(52px,5.7vw,88px);line-height:1;letter-spacing:-4px;margin-bottom:15px}.intro .lead{font-size:15px;line-height:1.45;margin:0 0 20px}.island-sticky{padding:38px 4.5% 72px}.island-heading{margin-bottom:25px;padding-top:14px}.island-composition{width:100%;max-width:1600px;margin:0 auto;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:clamp(32px,5vw,82px)}.island-visual{margin:0}.island-footnote{padding-left:0;padding-right:0}.island-copy{width:100%;max-width:640px}.advantage-card{background:#fffefa}.island-copy .detail-readout{margin-top:14px;min-height:64px}.island-copy .detail-readout h3{font-size:15px;margin-bottom:4px}.island-copy .detail-readout p{font-size:12px;line-height:1.4}.island-progress{margin:10px 0 8px}.scroll-instruction{margin:0}.island-contact{margin-top:7px;padding:9px 0}.atelier-proof{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);gap:clamp(42px,8vw,130px);align-items:center;padding:clamp(84px,10vw,155px) 9%;background:#242822;color:#f1efe6}.atelier-proof-mark{position:relative;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff25;border-radius:28px;background:radial-gradient(circle at 50% 40%,#ffffff12,transparent 65%),#ffffff05;overflow:hidden}.atelier-proof-mark::before,.atelier-proof-mark::after{content:"";position:absolute;width:190px;height:190px;border:1px solid #ffffff13;border-radius:50%;animation:proofOrbit 18s linear infinite}.atelier-proof-mark::after{width:270px;height:270px;animation-direction:reverse}.atelier-proof-mark span{z-index:1;font-size:11px;letter-spacing:4px;color:#c7bda9}.atelier-proof-mark strong{z-index:1;font:700 clamp(70px,9vw,130px)/.95 'Manrope',sans-serif;letter-spacing:-8px;color:#f3eee1}.atelier-proof-mark i{z-index:1;position:absolute;right:24px;top:20px;color:#df514d;font-style:normal;font-size:20px}.atelier-proof-copy{max-width:800px}.atelier-proof-copy .eyebrow{color:#e78f81;font-size:10px;letter-spacing:1.8px;margin-bottom:18px}.atelier-proof-copy h2{font:500 clamp(38px,5vw,68px)/1.04 'Manrope',sans-serif;letter-spacing:-2.8px;margin:0 0 22px}.atelier-proof-copy h2 em{color:#dd8d7c;font-style:normal}.atelier-proof-copy>p:not(.eyebrow){max-width:620px;color:#c3c3b7;font-size:15px;line-height:1.7}.atelier-proof-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px 0}.atelier-proof-steps div{min-height:105px;border-top:1px solid #ffffff30;padding:13px 7px 0 0;display:flex;flex-direction:column;gap:7px}.atelier-proof-steps span{font-size:10px;letter-spacing:1.4px;color:#e78f81}.atelier-proof-steps strong{font-size:13px}.atelier-proof-steps small{font-size:11px;color:#aaa99d}.atelier-proof-copy .primary{background:#f0eee8;color:#252720}@keyframes proofOrbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.island-sticky{padding:32px 3.5% 66px}.island-heading{margin-bottom:20px}.island-composition{grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:3.2%}.atelier-proof{padding-left:7%;padding-right:7%}}
@media(max-width:760px){.island-sticky{padding:28px 4% 62px}.island-heading{margin-bottom:12px}.island-composition{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px}.island-copy h2{font-size:34px}.island-description{font-size:12px}.advantage-card{min-height:61px;padding:9px 15px 8px 44px}.advantage-icon{left:7px;top:10px;width:29px;height:29px}.advantage-card h3{font-size:10px}.advantage-card p{font-size:8px}.atelier-proof{grid-template-columns:1fr;gap:32px;padding:72px 7%}.atelier-proof-mark{min-height:200px}.atelier-proof-mark strong{font-size:88px}}
@media(max-width:600px){.intro .eyebrow{margin-bottom:12px}.intro h1{font-size:clamp(47px,13vw,68px);letter-spacing:-3px}.intro .lead{font-size:14px;line-height:1.4}.island-sticky{padding:28px 24px 116px}.island-heading{margin:0 0 10px}.island-composition{display:flex;flex-direction:column;gap:0}.island-visual{width:calc(100% + 48px);margin:0 -24px}.island-copy{width:100%;padding-top:16px}.island-copy .eyebrow{font-size:8px;margin-bottom:8px}.island-copy h2{font-size:30px;letter-spacing:-1.4px;margin-bottom:9px}.island-description{font-size:10px;line-height:1.45}.advantage-grid{gap:6px;margin-top:10px}.advantage-card{min-height:58px;padding:8px 14px 7px 42px}.advantage-icon{left:6px;top:9px;width:29px;height:29px}.advantage-card h3{font-size:10px}.advantage-card p{font-size:8px}.island-copy .detail-readout{margin-top:12px;min-height:55px}.island-copy .detail-readout h3{font-size:13px}.island-copy .detail-readout p{font-size:10px}.atelier-proof{padding:58px 24px}.atelier-proof-copy h2{font-size:37px;letter-spacing:-1.5px}.atelier-proof-copy>p:not(.eyebrow){font-size:13px}.atelier-proof-steps{gap:9px;margin:25px 0}.atelier-proof-steps strong{font-size:11px}.atelier-proof-steps small{font-size:9px}}
.island-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}.island-actions .island-contact{margin:0;padding:8px 0;font-size:13px}.island-phone{display:flex;align-items:baseline;gap:8px;color:#34362d;font-size:13px;font-weight:700;white-space:nowrap}.island-phone span{font-size:9px;font-weight:500;color:#7d7d70}.island-copy .detail-readout{margin-top:9px;min-height:55px}.island-copy .detail-readout h3{font-size:14px;margin-bottom:3px}.island-copy .detail-readout p{font-size:11px}.island-progress{margin:7px 0 5px}.scroll-instruction{font-size:10px}
.dock{transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s}.story-active .dock{transform:translate(-50%,150%);opacity:0;visibility:hidden;pointer-events:none;animation:none}
@media(max-width:600px){.intro h1{font-size:clamp(36px,10vw,46px);line-height:1.05;letter-spacing:-1.8px;white-space:nowrap;margin-bottom:9px}.intro .eyebrow{font-size:9px;margin-bottom:9px}.intro .lead{font-size:12px;line-height:1.25;margin-bottom:14px}.intro .primary{font-size:12px;padding:13px 15px;gap:12px}}
@media(min-width:601px){.intro{max-width:none}.intro h1{font-size:clamp(48px,5vw,78px);white-space:nowrap;letter-spacing:-3.8px}.intro .lead{font-size:14px;line-height:1.35;margin:0 0 16px}.intro .eyebrow{margin-bottom:10px}}
.story-active .dock{display:none}.detail-readout{position:relative;padding:12px 14px;border:1px solid #2b2b2414;border-radius:14px;background:#e5e1d7}.detail-kicker{display:block;font-size:8px;font-weight:800;line-height:1;letter-spacing:1.2px;color:#a43336;margin-bottom:6px}.island-copy .detail-readout h3{margin:0 0 4px}.island-copy .detail-readout p{color:#626257}
/* Six benefits are a headline feature beside the scroll-controlled kitchen film. */
.island-copy .eyebrow{color:#a93637;font-weight:800;letter-spacing:1.25px;margin-bottom:12px}.island-copy h2{font-size:clamp(34px,3.15vw,52px);letter-spacing:-2.4px;line-height:1.04;margin-bottom:14px}.island-description{font-size:14px;line-height:1.5;margin:0 0 5px;color:#55574f}.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.advantage-card{min-height:75px;padding:13px 25px 11px 62px;border:1px solid #24251e28;border-radius:15px;background:#fffefa;box-shadow:0 5px 14px #2d27120a}.advantage-icon{left:11px;top:14px;width:39px;height:39px;border-radius:12px;background:#f4e6da;color:#a43235}.advantage-icon svg{width:22px;height:22px;stroke-width:2}.advantage-index{top:9px;right:10px;font-size:9px;font-weight:800;letter-spacing:.3px;color:#89877e}.advantage-card h3{font-size:13px;line-height:1.2;margin:7px 0 0;max-width:calc(100% - 7px);font-weight:800}.advantage-card p{font-size:10px;line-height:1.35;margin:5px 0 0;color:#62645b}.advantage-card.featured{background:#a93236;border-color:#a93236;box-shadow:0 10px 22px #a9323633}.advantage-card.featured .advantage-icon{background:#ffffff25;color:#fff}.advantage-card.featured .advantage-index,.advantage-card.featured p{color:#ffe6df}.advantage-card.featured h3{font-size:14px}.advantage-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #33271a18}
@media(max-width:1100px){.island-copy .eyebrow{font-size:9px}.island-copy h2{font-size:clamp(32px,3.2vw,42px);letter-spacing:-1.8px}.island-description{font-size:12px}.advantage-grid{gap:7px;margin-top:11px}.advantage-card{min-height:68px;padding:11px 19px 9px 50px;border-radius:12px}.advantage-icon{left:8px;top:12px;width:33px;height:33px}.advantage-icon svg{width:19px;height:19px}.advantage-card h3{font-size:11px;margin-top:6px}.advantage-card p{font-size:9px;margin-top:4px}.advantage-card.featured h3{font-size:12px}}
@media(max-width:600px){.island-copy .eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:8px}.island-copy h2{font-size:30px;letter-spacing:-1.4px;line-height:1.05;margin-bottom:9px}.island-description{font-size:10px;line-height:1.45}.advantage-grid{gap:6px;margin-top:10px}.advantage-card{min-height:58px;padding:8px 14px 7px 42px;border-radius:10px}.advantage-icon{left:6px;top:9px;width:29px;height:29px;border-radius:8px}.advantage-icon svg{width:17px;height:17px}.advantage-index{font-size:7px;top:5px;right:6px}.advantage-card h3{font-size:10px;line-height:1.15;margin-top:4px}.advantage-card p{font-size:8px;margin-top:3px}.advantage-card.featured h3{font-size:10.5px}}

/* Full-width customer benefits directly after the hero. */
.benefit-band{position:relative;z-index:1;padding:clamp(48px,6vw,88px) clamp(24px,5vw,84px);background:#f8f6f0;color:#252720;border-bottom:1px solid #27282018}
.benefit-band-heading{max-width:1600px;margin:0 auto 30px;display:flex;align-items:end;justify-content:space-between;gap:32px}
.benefit-band-heading .eyebrow{margin:0 0 12px;color:#a93637;font-size:10px;font-weight:800;letter-spacing:1.5px}
.benefit-band-heading h2{font:600 clamp(32px,3.5vw,52px)/1.02 'Manrope',sans-serif;letter-spacing:-2.4px;margin:0}
.benefit-band-heading h2 em{font-style:normal;color:#a93637}
.benefit-band-heading>p{max-width:360px;margin:0 0 4px;color:#68685f;font-size:14px;line-height:1.6}
.benefit-band .advantage-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.benefit-band .advantage-card{position:relative;min-height:176px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #27282024;border-radius:18px;background:#fff;box-shadow:0 8px 22px #30271909;transition:transform .3s ease,box-shadow .3s ease}
.benefit-band .advantage-icon{position:static;width:42px;height:42px;display:grid;place-items:center;margin-bottom:auto;border-radius:13px;background:#f3e7dc;color:#a43235}
.benefit-band .advantage-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefit-band .advantage-index{position:absolute;top:18px;right:16px;color:#99968d;font-size:9px;font-weight:800;letter-spacing:.6px}
.benefit-band .advantage-card h3{margin:20px 0 0;font-size:clamp(12px,.95vw,15px);line-height:1.25;font-weight:800;letter-spacing:-.2px}
.benefit-band .advantage-card p{margin:7px 0 0;color:#68685f;font-size:11px;line-height:1.45}
.benefit-band .advantage-card.featured{background:#a93236;border-color:#a93236;color:#fff}
.benefit-band .advantage-card.featured .advantage-icon{background:#ffffff22;color:#fff}
.benefit-band .advantage-card.featured .advantage-index,.benefit-band .advantage-card.featured p{color:#ffe6df}
.benefit-band .advantage-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #33271a18}
.process-steps{display:grid;gap:0;margin:25px 0 5px;border-top:1px solid #292a221f}
.process-steps article{display:grid;grid-template-columns:42px 1fr 20px;gap:12px;align-items:start;padding:15px 2px;border-bottom:1px solid #292a221f}
.process-steps article>span{color:#a93637;font-size:10px;font-weight:800;letter-spacing:.8px;padding-top:3px}
.process-steps h3{font-size:14px;line-height:1.25;margin:0;font-weight:800}
.process-steps p{font-size:11px;line-height:1.45;color:#68685f;margin:5px 0 0;max-width:360px}
.process-steps article>b{font-size:14px;color:#a93637;font-weight:500}
@media(max-width:1100px){.benefit-band .advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-band .advantage-card{min-height:155px}.benefit-band .advantage-card h3{font-size:14px}}
@media(max-width:600px){.benefit-band{padding:38px 20px 44px}.benefit-band-heading{display:block;margin-bottom:22px}.benefit-band-heading h2{font-size:34px;letter-spacing:-1.6px}.benefit-band-heading>p{font-size:12px;margin-top:12px;max-width:320px}.benefit-band .advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.benefit-band .advantage-card{min-height:135px;padding:13px;border-radius:14px}.benefit-band .advantage-icon{width:34px;height:34px;border-radius:10px}.benefit-band .advantage-icon svg{width:19px;height:19px}.benefit-band .advantage-index{top:13px;right:12px;font-size:8px}.benefit-band .advantage-card h3{font-size:12px;margin-top:15px}.benefit-band .advantage-card p{font-size:9px;margin-top:5px}.process-steps{margin:14px 0 2px}.process-steps article{grid-template-columns:30px 1fr 15px;gap:8px;padding:10px 0}.process-steps h3{font-size:12px}.process-steps p{font-size:9px;margin-top:3px}.island-copy .island-description{font-size:10px}}

/* Benefits are the first content after the hero: no intro block, stronger icons. */
.benefit-band{padding-top:clamp(38px,4vw,62px);padding-bottom:clamp(46px,5vw,72px)}
.benefit-band .advantage-grid{gap:14px}
.benefit-band .advantage-card{min-height:218px;padding:22px;border-radius:20px}
.benefit-band .advantage-icon{width:68px;height:68px;border-radius:19px;margin-bottom:auto}
.benefit-band .advantage-icon svg{width:36px;height:36px;stroke-width:1.65}
.benefit-band .advantage-index{top:22px;right:20px;font-size:10px}
.benefit-band .advantage-card h3{font-size:clamp(13px,1.05vw,17px);margin-top:28px}
.benefit-band .advantage-card p{font-size:12px;line-height:1.5;margin-top:8px}
@media(max-width:1100px){.benefit-band .advantage-card{min-height:190px}.benefit-band .advantage-icon{width:58px;height:58px}.benefit-band .advantage-icon svg{width:31px;height:31px}}
@media(max-width:600px){.benefit-band{padding:28px 18px 34px}.benefit-band .advantage-grid{gap:9px}.benefit-band .advantage-card{min-height:148px;padding:15px;border-radius:15px}.benefit-band .advantage-icon{width:48px;height:48px;border-radius:14px}.benefit-band .advantage-icon svg{width:27px;height:27px}.benefit-band .advantage-index{top:15px;right:13px;font-size:8px}.benefit-band .advantage-card h3{font-size:12px;margin-top:17px}.benefit-band .advantage-card p{font-size:9px;margin-top:5px}}

/* More character and depth for the six benefit cards. */
.benefit-band{background:linear-gradient(180deg,#f6f3ec 0%,#eeeae1 100%);padding-top:clamp(34px,4vw,58px);padding-bottom:clamp(48px,5vw,76px)}
.benefit-band .advantage-grid{gap:12px}
.benefit-band .advantage-card{isolation:isolate;overflow:hidden;min-height:244px;padding:22px 19px 21px;border:1px solid #34312620;border-radius:20px;background:linear-gradient(145deg,#fffefa 0%,#f8f5ed 100%);box-shadow:0 12px 26px #352b1c0d, inset 0 1px #fff;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.benefit-band .advantage-card::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 15% 20%,#b63d3510,transparent 52%);opacity:.9;transition:opacity .35s ease}
.benefit-band .advantage-card::after{content:"";position:absolute;left:19px;right:19px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#b43536;transform:scaleX(.18);transform-origin:left;transition:transform .35s ease}
.benefit-band .advantage-icon{width:72px;height:72px;border-radius:22px;margin-bottom:auto;background:linear-gradient(145deg,#f3e2d5,#e8d5c5);color:#a52f34;box-shadow:inset 0 1px #fff9,0 8px 18px #572d2012}
.benefit-band .advantage-icon svg{width:39px;height:39px;stroke-width:1.8}
.benefit-band .advantage-index{top:12px;right:15px;color:#aaa69b;font-size:37px;line-height:1;font-weight:700;letter-spacing:-2px;opacity:.22}
.benefit-band .advantage-card h3{position:relative;margin-top:28px;font-size:clamp(13px,1.02vw,16px);line-height:1.22;letter-spacing:-.35px}
.benefit-band .advantage-card p{position:relative;margin-top:8px;font-size:11px;line-height:1.5;color:#656257}
.benefit-band .advantage-card.featured{background:radial-gradient(circle at 82% 0%,#e45c56 0,transparent 44%),linear-gradient(145deg,#b2393a,#84272b);border-color:#982f31;color:white;box-shadow:0 17px 34px #9f34363b,inset 0 1px #ffffff40}
.benefit-band .advantage-card.featured::before{background:linear-gradient(135deg,#ffffff12,transparent 58%),radial-gradient(circle at 20% 80%,#f5b5a520,transparent 48%)}
.benefit-band .advantage-card.featured::after{background:#fff;transform:scaleX(.72)}
.benefit-band .advantage-card.featured .advantage-icon{background:linear-gradient(145deg,#ffffff38,#ffffff19);color:white;box-shadow:inset 0 1px #ffffff60,0 10px 20px #4f171d30}
.benefit-band .advantage-card.featured .advantage-index{color:#fff;opacity:.28}
.benefit-band .advantage-card.featured p{color:#f7dfd8}
.benefit-band .advantage-card:hover{transform:translateY(-8px);border-color:#ad383a66;box-shadow:0 22px 38px #352b1c1c,inset 0 1px #fff}
.benefit-band .advantage-card:hover::before{opacity:1}
.benefit-band .advantage-card:hover::after{transform:scaleX(1)}
.benefit-band .advantage-card.featured:hover{box-shadow:0 24px 42px #8d292d55,inset 0 1px #ffffff55}
@media(max-width:1100px){.benefit-band .advantage-card{min-height:210px}.benefit-band .advantage-icon{width:64px;height:64px}.benefit-band .advantage-icon svg{width:35px;height:35px}.benefit-band .advantage-index{font-size:32px}}
@media(max-width:600px){.benefit-band .advantage-grid{gap:10px}.benefit-band .advantage-card{min-height:166px;padding:15px 14px 17px;border-radius:16px}.benefit-band .advantage-card::after{left:14px;right:14px;height:2px}.benefit-band .advantage-icon{width:54px;height:54px;border-radius:16px}.benefit-band .advantage-icon svg{width:30px;height:30px}.benefit-band .advantage-index{font-size:27px;top:11px;right:12px}.benefit-band .advantage-card h3{font-size:12px;margin-top:18px}.benefit-band .advantage-card p{font-size:9px;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.benefit-band .advantage-card,.benefit-band .advantage-card::before,.benefit-band .advantage-card::after{transition:none}}
.benefits-active .dock{display:none}

.benefit-band .advantage-card{min-height:256px}
.benefit-band .advantage-icon{width:78px;height:78px;border-radius:23px;animation:benefitIconFloat 4.2s ease-in-out infinite;transform-origin:center}
.benefit-band .advantage-card:nth-child(2) .advantage-icon{animation-delay:-.6s}
.benefit-band .advantage-card:nth-child(3) .advantage-icon{animation-delay:-1.2s}
.benefit-band .advantage-card:nth-child(4) .advantage-icon{animation-delay:-1.8s}
.benefit-band .advantage-card:nth-child(5) .advantage-icon{animation-delay:-2.4s}
.benefit-band .advantage-card:nth-child(6) .advantage-icon{animation-delay:-3s}
.benefit-band .advantage-icon svg{width:44px;height:44px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.benefit-band .advantage-card h3{font-size:clamp(15px,1.18vw,19px);line-height:1.22;letter-spacing:-.45px;margin-top:28px}
.benefit-band .advantage-card:hover .advantage-icon svg{transform:scale(1.12) rotate(-4deg)}
.benefit-band .advantage-card.featured .advantage-icon svg{animation:benefitIconPulse 3.2s ease-in-out infinite}
@keyframes benefitIconFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes benefitIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@media(max-width:1100px){.benefit-band .advantage-card{min-height:220px}.benefit-band .advantage-icon{width:68px;height:68px}.benefit-band .advantage-icon svg{width:38px;height:38px}.benefit-band .advantage-card h3{font-size:16px}}
@media(max-width:600px){.benefit-band .advantage-card{min-height:178px}.benefit-band .advantage-icon{width:58px;height:58px;border-radius:17px}.benefit-band .advantage-icon svg{width:33px;height:33px}.benefit-band .advantage-card h3{font-size:14px;line-height:1.2;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.benefit-band .advantage-icon,.benefit-band .advantage-card.featured .advantage-icon svg{animation:none}.benefit-band .advantage-icon svg{transition:none}}

/* Align every benefit card's icon and copy from the same top edge. */
.benefit-band .advantage-card{justify-content:flex-start}
.benefit-band .advantage-icon{flex:0 0 auto;margin:0 0 24px}
.benefit-band .advantage-card h3{min-height:2.45em;margin:0;display:flex;align-items:flex-start}
.benefit-band .advantage-card p{margin:8px 0 0}
@media(max-width:600px){.benefit-band .advantage-icon{margin-bottom:17px}.benefit-band .advantage-card h3{min-height:2.4em}.benefit-band .advantage-card p{margin-top:5px}}
.benefit-band{padding-top:clamp(12px,1.8vw,26px)}
@media(max-width:600px){.benefit-band{padding-top:14px}}

/* Calm, conversion-first benefits: simple cards, then one clear next step. */
.benefit-band{background:#f7f5ef;padding:clamp(20px,2vw,30px) clamp(24px,5vw,84px) 34px}
.benefit-band .advantage-grid{gap:10px}
.benefit-band .advantage-card{min-height:190px;padding:17px 16px 16px;border:1px solid #2928201a;border-radius:14px;background:#fff;box-shadow:none;transition:border-color .2s ease,transform .2s ease}
.benefit-band .advantage-card::before{display:none}
.benefit-band .advantage-card::after{left:16px;right:auto;width:34px;height:2px;transform:none;background:#b43536}
.benefit-band .advantage-icon{width:56px;height:56px;margin:0 0 19px;border-radius:14px;background:#f5eee6;color:#a53236;box-shadow:none;animation:none}
.benefit-band .advantage-icon svg{width:31px;height:31px;animation:none;transition:transform .22s ease}
.benefit-band .advantage-index{display:none}
.benefit-band .advantage-card h3{min-height:2.4em;margin:0;font-size:clamp(14px,1.08vw,17px);line-height:1.2;letter-spacing:-.25px}
.benefit-band .advantage-card p{margin:6px 0 0;color:#69675f;font-size:11px;line-height:1.4}
.benefit-band .advantage-card.featured{background:#fff;color:#272720;border-color:#2928201a;box-shadow:none}
.benefit-band .advantage-card.featured::after{background:#b43536;transform:none}
.benefit-band .advantage-card.featured .advantage-icon{background:#f5eee6;color:#a53236;box-shadow:none}
.benefit-band .advantage-card.featured .advantage-index{display:none}
.benefit-band .advantage-card.featured p{color:#69675f}
.benefit-band .advantage-card:hover{transform:translateY(-2px);border-color:#b4353666;box-shadow:0 8px 20px #3027190a}
.benefit-band .advantage-card:hover .advantage-icon svg{transform:scale(1.06)}
.benefit-cta{max-width:1600px;margin:18px auto 0;padding:15px 18px;display:flex;align-items:center;gap:18px;border-radius:14px;background:#252720;color:#fff}
.benefit-cta>div{display:flex;flex-direction:column;gap:4px;margin-right:auto}
.benefit-cta strong{font-size:14px;font-weight:700}
.benefit-cta span{font-size:11px;color:#cbc9bf}
.benefit-cta .primary{min-height:44px;padding:0 19px;border-radius:999px;background:#b43536;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.benefit-cta .primary span{margin-left:9px;color:#fff;font-size:17px}
.benefit-cta>a{font-size:12px;font-weight:700;white-space:nowrap}
@media(max-width:1100px){.benefit-band .advantage-card{min-height:170px}.benefit-band .advantage-icon{width:50px;height:50px}.benefit-band .advantage-icon svg{width:28px;height:28px}.benefit-cta{gap:12px}}
@media(max-width:600px){.benefit-band{padding:14px 18px 24px}.benefit-band .advantage-grid{gap:8px}.benefit-band .advantage-card{min-height:155px;padding:13px 12px 14px;border-radius:12px}.benefit-band .advantage-card::after{left:12px}.benefit-band .advantage-icon{width:44px;height:44px;margin-bottom:14px;border-radius:12px}.benefit-band .advantage-icon svg{width:25px;height:25px}.benefit-band .advantage-card h3{font-size:13px;min-height:2.35em}.benefit-band .advantage-card p{font-size:9px;margin-top:4px}.benefit-cta{margin-top:12px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px;border-radius:12px}.benefit-cta>div{grid-column:1/-1}.benefit-cta strong{font-size:13px}.benefit-cta span{font-size:10px}.benefit-cta .primary{min-height:42px;padding:0 13px;font-size:11px}.benefit-cta>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.benefit-band .advantage-card,.benefit-band .advantage-icon svg{transition:none}}

/* Balanced premium treatment after the previous overcorrection. */
.benefit-band{background:#f5f3ed;padding:20px clamp(24px,5vw,84px) 30px}
.benefit-band .advantage-grid{gap:12px}
.benefit-band .advantage-card{min-height:182px;padding:17px 17px 18px;border:1px solid #30302618;border-radius:16px;background:#fffefa;box-shadow:0 3px 12px #30271906;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.benefit-band .advantage-card::before{display:none}
.benefit-band .advantage-card::after{left:17px;right:auto;bottom:0;width:28px;height:2px;background:#b43536;transform:none;transition:width .25s ease}
.benefit-band .advantage-icon{width:58px;height:58px;margin:0 0 17px;border-radius:16px;background:#f5eee7;color:#a53236;box-shadow:none;animation:none}
.benefit-band .advantage-icon svg{width:32px;height:32px;animation:none;transition:transform .25s ease}
.benefit-band .advantage-index{display:none}
.benefit-band .advantage-card h3{min-height:2.4em;margin:0;font-size:clamp(14px,1.05vw,17px);line-height:1.2;letter-spacing:-.25px}
.benefit-band .advantage-card p{margin:5px 0 0;color:#6d6a61;font-size:11px;line-height:1.4}
.benefit-band .advantage-card.featured{background:#f1e7df;color:#292920;border-color:#e8d8cc;box-shadow:none}
.benefit-band .advantage-card.featured::after{background:#b43536;width:38px}
.benefit-band .advantage-card.featured .advantage-icon{background:#e6d1c2;color:#9e3034;box-shadow:none}
.benefit-band .advantage-card.featured p{color:#6d6258}
.benefit-band .advantage-card:hover{transform:translateY(-3px);border-color:#b4353666;box-shadow:0 10px 20px #3027190d}
.benefit-band .advantage-card:hover::after{width:54px}
.benefit-band .advantage-card:hover .advantage-icon svg{transform:translateY(-2px) scale(1.06)}
.benefit-cta{margin:17px auto 0;padding:14px 2px 0;display:flex;align-items:center;gap:18px;border-radius:0;border-top:1px solid #3027191b;background:transparent;color:#272720}
.benefit-cta>div{gap:3px}
.benefit-cta strong{font-size:14px}
.benefit-cta span{font-size:11px;color:#77736a}
.benefit-cta .primary{min-height:44px;padding:0 19px;background:#ad3034;color:#fff;box-shadow:0 5px 13px #ad303428}
.benefit-cta .primary span{color:#fff}
.benefit-cta>a{font-size:12px;color:#33352e}
@media(max-width:1100px){.benefit-band .advantage-card{min-height:170px}.benefit-band .advantage-icon{width:52px;height:52px}.benefit-band .advantage-icon svg{width:29px;height:29px}}
@media(max-width:600px){.benefit-band{padding:14px 18px 24px}.benefit-band .advantage-grid{gap:8px}.benefit-band .advantage-card{min-height:153px;padding:13px 12px 14px;border-radius:13px}.benefit-band .advantage-card::after{left:12px}.benefit-band .advantage-icon{width:46px;height:46px;margin-bottom:14px;border-radius:13px}.benefit-band .advantage-icon svg{width:26px;height:26px}.benefit-band .advantage-card h3{font-size:13px;min-height:2.35em}.benefit-band .advantage-card p{font-size:9px;margin-top:4px}.benefit-cta{margin-top:12px;padding:12px 0 0;display:grid;grid-template-columns:1fr auto;gap:9px;border-radius:0}.benefit-cta>div{grid-column:1/-1}.benefit-cta strong{font-size:13px}.benefit-cta span{font-size:10px}.benefit-cta .primary{min-height:42px;padding:0 13px;font-size:11px}.benefit-cta>a{font-size:11px}}

/* New composition: one clear conversion panel beside a scannable benefit list. */
.benefit-band{padding:28px clamp(24px,5vw,84px);background:#f4f1e9}
.benefit-layout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.7fr);gap:clamp(36px,6vw,96px);align-items:center}
.benefit-lead{min-height:310px;padding:28px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:20px;background:#272a24;color:#f7f4ec}
.benefit-lead .eyebrow{margin:0 0 18px;color:#e29b88;font-size:9px;font-weight:800;letter-spacing:1.5px}
.benefit-lead h2{margin:0;font:600 clamp(29px,3vw,43px)/1.05 'Manrope',sans-serif;letter-spacing:-1.7px}
.benefit-lead-copy{max-width:340px;margin:14px 0 20px;color:#cbc9bf;font-size:12px;line-height:1.55}
.benefit-lead .primary{min-height:46px;padding:0 17px;border-radius:999px;background:#b43536;color:#fff;font-size:12px;font-weight:700}
.benefit-lead .primary span{margin-left:10px;color:#fff}
.benefit-phone{margin-top:14px;font-size:13px;font-weight:700}
.benefit-note{margin-top:4px;color:#aaa99e;font-size:9px}
.benefit-band .advantage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:0}
.benefit-band .advantage-card{position:relative;min-height:116px;padding:18px 0;display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto auto;column-gap:15px;align-content:center;border:0;border-bottom:1px solid #292a2220;border-radius:0;background:transparent;box-shadow:none;transition:background .2s ease}
.benefit-band .advantage-card::before{display:none}
.benefit-band .advantage-card::after{display:none}
.benefit-band .advantage-icon{grid-column:1;grid-row:1/3;width:46px;height:46px;margin:0;align-self:center;border-radius:50%;background:#e8dfd3;color:#a53236;box-shadow:none;animation:none}
.benefit-band .advantage-icon svg{width:25px;height:25px;animation:none;transition:transform .2s ease}
.benefit-band .advantage-index{display:none}
.benefit-band .advantage-card h3{grid-column:2;grid-row:1;min-height:0;margin:0;font-size:15px;line-height:1.25;letter-spacing:-.2px}
.benefit-band .advantage-card p{grid-column:2;grid-row:2;margin:5px 0 0;color:#6d6a61;font-size:11px;line-height:1.4}
.benefit-band .advantage-card.featured{background:transparent;color:#292920;border-color:#292a2220;box-shadow:none}
.benefit-band .advantage-card.featured .advantage-icon{background:#e8dfd3;color:#a53236;box-shadow:none}
.benefit-band .advantage-card.featured p{color:#6d6a61}
.benefit-band .advantage-card:hover{transform:none;background:#fff9;border-color:#292a2220;box-shadow:none}
.benefit-band .advantage-card:hover .advantage-icon svg{transform:scale(1.08)}
@media(max-width:900px){.benefit-layout{grid-template-columns:1fr;gap:20px}.benefit-lead{min-height:0;padding:22px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:18px;border-radius:16px}.benefit-lead .eyebrow,.benefit-lead h2,.benefit-lead-copy{grid-column:1}.benefit-lead .eyebrow{margin-bottom:8px}.benefit-lead h2{font-size:34px}.benefit-lead-copy{margin:8px 0 0}.benefit-lead .primary{grid-column:2;grid-row:2/4}.benefit-phone{grid-column:2;grid-row:4}.benefit-note{grid-column:1}}
@media(max-width:600px){.benefit-band{padding:14px 18px 24px}.benefit-layout{gap:13px}.benefit-lead{padding:19px;grid-template-columns:1fr;gap:0;border-radius:14px}.benefit-lead .eyebrow,.benefit-lead h2,.benefit-lead-copy,.benefit-lead .primary,.benefit-phone,.benefit-note{grid-column:1;grid-row:auto}.benefit-lead .eyebrow{font-size:8px;margin-bottom:8px}.benefit-lead h2{font-size:30px}.benefit-lead-copy{font-size:11px;margin:8px 0 13px}.benefit-lead .primary{min-height:42px}.benefit-phone{margin-top:11px}.benefit-note{margin-top:3px}.benefit-band .advantage-grid{grid-template-columns:1fr;gap:0}.benefit-band .advantage-card{min-height:78px;padding:12px 2px;grid-template-columns:42px minmax(0,1fr);column-gap:12px}.benefit-band .advantage-icon{width:38px;height:38px}.benefit-band .advantage-icon svg{width:21px;height:21px}.benefit-band .advantage-card h3{font-size:13px}.benefit-band .advantage-card p{font-size:10px;margin-top:3px}}

/* 2030 direction: tactile, spatial benefit interface with a clear sales action. */
.benefit-band{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,4vw,58px) clamp(24px,5vw,84px) clamp(26px,3vw,42px);background:#171a19;color:#f5f2e9}
.benefit-band::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 8% 12%,#a537342e,transparent 38%),radial-gradient(ellipse at 92% 82%,#a27d4b16,transparent 36%),linear-gradient(120deg,#ffffff05 1px,transparent 1px),linear-gradient(30deg,#ffffff04 1px,transparent 1px);background-size:auto,auto,54px 54px,54px 54px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.benefit-shell{max-width:1600px;margin:0 auto}
.benefit-band .advantage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;perspective:1200px}
.benefit-band .advantage-card{position:relative;isolation:isolate;overflow:hidden;min-height:188px;padding:22px 24px;display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:18px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(135deg,#ffffff0c,#ffffff04 55%,#ffffff08);box-shadow:inset 0 1px #ffffff10,0 10px 28px #00000016;transform-style:preserve-3d;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s,background .32s,box-shadow .32s}
.benefit-band .advantage-card::before{content:"";position:absolute;z-index:-1;inset:-1px;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#cf6a4b28,transparent 62%);opacity:0;transition:opacity .3s}
.benefit-band .advantage-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff3d,#ffffff03 42%,#d0916328);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.benefit-band .advantage-icon{grid-column:1;grid-row:1/3;width:60px;height:60px;margin:0;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:17px;background:linear-gradient(145deg,#ffffff17,#ffffff07);color:#e4b79b;box-shadow:inset 0 1px #ffffff18;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}
.benefit-band .advantage-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s}
.benefit-band .advantage-index{display:none}
.benefit-band .advantage-card h3{grid-column:2;grid-row:1;min-height:0;margin:0;color:#f8f5ee;font-size:clamp(16px,1.25vw,20px);line-height:1.2;letter-spacing:-.4px}
.benefit-band .advantage-card p{grid-column:2;grid-row:2;margin:7px 0 0;color:#b8b9b2;font-size:12px;line-height:1.45}
.benefit-band .advantage-card.featured{background:linear-gradient(135deg,#a6383b82,#ffffff08 65%);border-color:#e8998163;box-shadow:inset 0 1px #ffffff20,0 14px 34px #0003}
.benefit-band .advantage-card.featured .advantage-icon{border-color:#f0b4a15c;background:linear-gradient(145deg,#ffffff28,#ffffff0b);color:#ffe2d2}
.benefit-band .advantage-card.featured p{color:#f0d5ca}
.benefit-band .advantage-card:hover,.benefit-band .advantage-card:focus-within{transform:translateY(-4px) rotateX(var(--rx,1.2deg)) rotateY(var(--ry,0deg));border-color:#efb59b88;background:linear-gradient(135deg,#ffffff14,#ffffff08 55%,#c1755420);box-shadow:inset 0 1px #ffffff20,0 20px 42px #0005}
.benefit-band .advantage-card:hover::before{opacity:1}
.benefit-band .advantage-card:hover .advantage-icon{transform:translateZ(14px) scale(1.04);background:#f1ddcc20;color:#ffd8bd}
.benefit-band .advantage-card:hover .advantage-icon svg{transform:scale(1.07)}
.benefit-band .advantage-card.featured:hover{background:linear-gradient(135deg,#b446488c,#ffffff0c 70%)}
.benefit-next{margin-top:18px;padding:18px 2px 0;display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff20}
.benefit-next>div{display:flex;flex-direction:column;gap:5px;margin-right:auto}
.benefit-next span{color:#d7a58e;font-size:9px;font-weight:800;letter-spacing:1.4px}
.benefit-next strong{font-size:15px;font-weight:600;color:#f4f1e9}
.benefit-next .primary{min-height:46px;padding:0 20px;border-radius:999px;background:#b53639;color:#fff;font-size:12px;font-weight:750;box-shadow:0 8px 22px #a8323640}
.benefit-next .primary b{margin-left:12px;font-size:16px}
.benefit-next>a{font-size:13px;font-weight:700;color:#eee9dd;white-space:nowrap}
@media(max-width:900px){.benefit-band .advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-band .advantage-card{min-height:160px;padding:19px;grid-template-columns:52px minmax(0,1fr);column-gap:14px}.benefit-band .advantage-icon{width:52px;height:52px;border-radius:15px}.benefit-band .advantage-icon svg{width:28px;height:28px}}
@media(max-width:600px){.benefit-band{padding:16px 16px 24px}.benefit-band .advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.benefit-band .advantage-card{min-height:154px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;border-radius:14px}.benefit-band .advantage-icon{width:44px;height:44px;margin-bottom:15px;border-radius:13px}.benefit-band .advantage-icon svg{width:24px;height:24px}.benefit-band .advantage-card h3{font-size:13px;line-height:1.2}.benefit-band .advantage-card p{font-size:9px;line-height:1.35;margin-top:5px}.benefit-next{margin-top:12px;padding-top:13px;display:grid;grid-template-columns:1fr auto;gap:9px}.benefit-next>div{grid-column:1/-1}.benefit-next span{font-size:8px}.benefit-next strong{font-size:13px}.benefit-next .primary{min-height:42px;padding:0 13px;font-size:11px}.benefit-next>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.benefit-band .advantage-card,.benefit-band .advantage-icon,.benefit-band .advantage-icon svg{transition:none;animation:none}.benefit-band .advantage-card:hover{transform:none}}
@media(max-width:600px){.benefit-band{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}
/* Keep the benefit area on the hero's exact base tone. */
.benefit-band{background-color:#141414;background-image:none}
.benefit-band::before{background-image:linear-gradient(120deg,#ffffff035 1px,transparent 1px),linear-gradient(30deg,#ffffff025 1px,transparent 1px);background-size:54px 54px,54px 54px;opacity:.45}

/* Match the visible warm, light hero scene instead of switching to a dark block. */
.benefit-band{background-color:#f2f0e8;color:#252720}
.benefit-band::before{background-image:radial-gradient(ellipse at 16% 10%,#fff9,transparent 45%),linear-gradient(120deg,#796c5310 1px,transparent 1px),linear-gradient(30deg,#796c5309 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;opacity:.24}
.benefit-band .advantage-card{border-color:#3836291b;background:linear-gradient(135deg,#ffffffb8,#ffffff70 55%,#ebe7db88);box-shadow:inset 0 1px #fff,0 8px 24px #534b3710}
.benefit-band .advantage-card::before{background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#cb75512b,transparent 65%)}
.benefit-band .advantage-card::after{background:linear-gradient(135deg,#ffffffd9,#ffffff05 42%,#a9664a40);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.benefit-band .advantage-icon{border-color:#8f78632b;background:linear-gradient(145deg,#fff9,#e8dfd2b8);color:#a53236;box-shadow:inset 0 1px #fff,0 5px 12px #5144320b}
.benefit-band .advantage-card h3{color:#252720}
.benefit-band .advantage-card p{color:#69675f}
.benefit-band .advantage-card.featured{background:linear-gradient(135deg,#eedbd0dd,#ffffff9c 68%);border-color:#b5444140;box-shadow:inset 0 1px #fff,0 10px 25px #74433a12}
.benefit-band .advantage-card.featured .advantage-icon{border-color:#b14b4533;background:linear-gradient(145deg,#fff9,#e4cfc1);color:#a53236}
.benefit-band .advantage-card.featured p{color:#6a5e54}
.benefit-band .advantage-card:hover,.benefit-band .advantage-card:focus-within{border-color:#aa4b4770;background:linear-gradient(135deg,#fff,#fff9 58%,#f0e7db);box-shadow:inset 0 1px #fff,0 16px 34px #51443218}
.benefit-band .advantage-card.featured:hover{background:linear-gradient(135deg,#f0dacf,#fff 76%)}
.benefit-next{border-color:#38362924}
.benefit-next span{color:#9b5145}
.benefit-next strong{color:#252720}
.benefit-next>a{color:#32332c}
@media(prefers-reduced-transparency:reduce){.benefit-band .advantage-card{background:#fff}.benefit-band .advantage-card.featured{background:#f0e1d8}}
/* Carry the same kitchen image through the benefits, so the section feels attached to the hero. */
.benefit-band{background:#eeeae0 url('original-poster.jpg') center 54% / cover no-repeat}
.benefit-band::before{background:linear-gradient(90deg,#f2f0e8b0 0%,#f2f0e89c 52%,#f2f0e8b8 100%);background-size:cover;opacity:1}
.benefit-band .advantage-card{backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);background:linear-gradient(135deg,#fffdf3d9,#ffffffa8 56%,#f6f1e5c9)}
.benefit-band .advantage-card.featured{background:linear-gradient(135deg,#f1ddd2e8,#fffdf1bd 72%)}
.benefit-band .advantage-card:hover,.benefit-band .advantage-card:focus-within{background:linear-gradient(135deg,#fffef9ed,#ffffffcf 60%,#f4e8d9e6)}
/* Same continuous warm background as the hero; no repeated photo or contrasting band. */
.benefit-band{background:#f2f0e8}
.benefit-band::before{background:none;opacity:0}
.benefit-band .advantage-card{background:linear-gradient(135deg,#fffdf6d9,#ffffffa8 56%,#f6f1e5c9)}

/* Desktop: one row, with an elegant staggered reveal as the section scrolls in. */
@media(min-width:1101px){.benefit-band .advantage-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.benefit-band .advantage-card{min-height:188px;padding:18px 15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}.benefit-band .advantage-icon{width:50px;height:50px;margin:0 0 17px;border-radius:15px}.benefit-band .advantage-icon svg{width:27px;height:27px}.benefit-band .advantage-card h3{font-size:clamp(13px,.95vw,16px);line-height:1.18}.benefit-band .advantage-card p{font-size:10px;line-height:1.35;margin-top:6px}}
@media(min-width:901px) and (max-width:1100px){.benefit-band .advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.benefit-motion-ready .benefit-band .advantage-card{opacity:0;transform:perspective(900px) translateY(30px) rotateX(8deg) scale(.97);transition:opacity .7s ease,transform .8s cubic-bezier(.18,.72,.18,1),border-color .32s,background .32s,box-shadow .32s;transition-delay:var(--card-delay,0ms);will-change:transform,opacity}
.benefit-motion-ready .benefit-band .advantage-card.is-visible{opacity:1;transform:perspective(900px) translateY(0) rotateX(0) scale(1)}
.benefit-motion-ready .benefit-band .advantage-card.is-visible:hover{transform:perspective(900px) translateY(-4px) rotateX(var(--rx,1deg)) rotateY(var(--ry,0deg))}
.benefit-band .advantage-icon{transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}
.benefit-band .advantage-card.is-visible .advantage-icon{animation:benefitIconArrival .7s cubic-bezier(.18,.72,.18,1) both;animation-delay:calc(var(--card-delay,0ms) + 160ms)}
@keyframes benefitIconArrival{from{opacity:.35;transform:translateY(8px) scale(.78)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.benefit-motion-ready .benefit-band .advantage-card{opacity:1;transform:none;transition:none;will-change:auto}.benefit-band .advantage-card.is-visible .advantage-icon{animation:none}}
.benefit-motion-ready .benefit-band .advantage-card:hover{transition-delay:0ms}

/* Make the desktop iconography and scroll entrance unmistakable. */
@media(min-width:1101px){.benefit-band .advantage-card{min-height:214px;padding:22px 18px;align-items:flex-start;justify-content:center}.benefit-band .advantage-icon{width:72px;height:72px;margin:0 0 21px;border-radius:20px}.benefit-band .advantage-icon svg{width:42px;height:42px;stroke-width:1.5}.benefit-band .advantage-card h3{font-size:clamp(14px,1.04vw,18px)}.benefit-band .advantage-card p{font-size:11px}}
.benefit-motion-ready .benefit-band .advantage-card{opacity:0;filter:blur(6px);transform:perspective(900px) translateY(76px) rotateX(15deg) scale(.94);transition:opacity .95s ease,filter .95s ease,transform 1.15s cubic-bezier(.16,1,.3,1),border-color .32s,background .32s,box-shadow .32s;transition-delay:var(--card-delay,0ms)}
.benefit-motion-ready .benefit-band .advantage-card.is-visible{opacity:1;filter:blur(0);transform:perspective(900px) translateY(0) rotateX(0) scale(1)}
.benefit-motion-ready .benefit-band .advantage-card.is-visible::before{animation:benefitLightSweep 1s ease-out both;animation-delay:var(--card-delay,0ms)}
@keyframes benefitLightSweep{0%{opacity:0}30%{opacity:.9}100%{opacity:0}}
@media(max-width:1100px){.benefit-band .advantage-icon{width:60px;height:60px}.benefit-band .advantage-icon svg{width:35px;height:35px}}
@media(max-width:600px){.benefit-band .advantage-icon{width:50px;height:50px}.benefit-band .advantage-icon svg{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.benefit-motion-ready .benefit-band .advantage-card{opacity:1;filter:none;transform:none;transition:none}.benefit-band .advantage-card.is-visible::before{animation:none}}
@media(min-width:1101px){.benefit-band .advantage-card{min-height:232px;padding:23px 19px}.benefit-band .advantage-icon{width:88px;height:88px;margin-bottom:19px;border-radius:24px}.benefit-band .advantage-icon svg{width:50px;height:50px;stroke-width:1.45}}
.benefit-motion-ready .benefit-band .advantage-card{transform:perspective(900px) translateY(108px) rotateX(20deg) scale(.9);filter:blur(9px);transition:opacity 1.05s ease,filter 1.1s ease,transform 1.35s cubic-bezier(.16,1,.3,1),border-color .32s,background .32s,box-shadow .32s}
@media(prefers-reduced-motion:reduce){.benefit-motion-ready .benefit-band .advantage-card{opacity:1;filter:none;transform:none;transition:none}}
@supports (animation-timeline:view()){.benefit-motion-ready .benefit-band .advantage-card{animation-name:benefitScrollReveal;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 0% entry 78%;transition-delay:0ms}}
@keyframes benefitScrollReveal{0%{opacity:0;filter:blur(8px);transform:perspective(900px) translateY(110px) rotateX(19deg) scale(.91)}100%{opacity:1;filter:blur(0);transform:perspective(900px) translateY(0) rotateX(0) scale(1)}}
@media(prefers-reduced-motion:reduce){@supports (animation-timeline:view()){.benefit-motion-ready .benefit-band .advantage-card{animation:none;opacity:1;filter:none;transform:none}}}

/* Drive the benefit cards directly from their own viewport progress. */
@supports (animation-timeline:view()){
  .benefit-band .advantage-card{
    animation:benefitScrollReveal linear both!important;
    animation-timeline:view()!important;
    animation-range:entry 0% entry 78%!important;
    transition:none!important;
  }
}

/* Final readable, pronounced state for the JS scroll scrubber. */
.benefit-scroll-ready .benefit-band .advantage-card{
  opacity:var(--card-opacity,.4)!important;
  filter:blur(var(--card-blur,3.5px))!important;
  transform:perspective(1000px) translate3d(0,var(--card-rise,92px),0) rotateX(var(--card-tilt,14deg)) scale(var(--card-scale,.88))!important;
}
.benefit-scroll-ready .benefit-band .advantage-icon{
  transform:translateY(var(--icon-rise,18px)) rotate(var(--icon-turn,-26deg)) scale(var(--icon-scale,.72));
}

/* Keep cards readable while their scroll progress remains obvious. */
.benefit-scroll-ready .benefit-band .advantage-card{
  opacity:var(--card-opacity,.4)!important;
  filter:blur(var(--card-blur,3.5px))!important;
  transform:perspective(1000px) translate3d(0,var(--card-rise,92px),0) rotateX(var(--card-tilt,14deg)) scale(var(--card-scale,.88))!important;
}
.benefit-scroll-ready .benefit-band .advantage-icon{
  transform:translateY(var(--icon-rise,18px)) rotate(var(--icon-turn,-26deg)) scale(var(--icon-scale,.72));
}

/* Scroll-scrubbed 3D motion is driven by benefit-scroll.js. */
.benefit-scroll-ready .benefit-band .advantage-card{
  animation:none!important;
  opacity:var(--card-progress,0)!important;
  filter:blur(var(--card-blur,10px))!important;
  transform:perspective(1000px) translate3d(0,var(--card-rise,138px),0) rotateX(var(--card-tilt,21deg)) scale(var(--card-scale,.8))!important;
  transition:none!important;
  will-change:transform,opacity,filter;
}
.benefit-scroll-ready .benefit-band .advantage-icon{
  transform:translateY(calc((1 - var(--card-progress,0)) * 22px)) rotate(var(--icon-turn,-24deg)) scale(calc(.68 + var(--card-progress,0) * .32));
  transition:none!important;
}
@media(prefers-reduced-motion:reduce){
  .benefit-scroll-ready .benefit-band .advantage-card{opacity:1!important;filter:none!important;transform:none!important;will-change:auto}
  .benefit-scroll-ready .benefit-band .advantage-icon{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .benefit-band .advantage-card{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
}

/* Scroll-scrubbed reveal: card state follows the actual page scroll both ways. */
.benefit-band .advantage-card{animation:none!important;animation-timeline:auto!important}
.benefit-motion-ready .benefit-band .advantage-card{opacity:var(--scroll-opacity,0);filter:blur(var(--scroll-blur,8px));transform:perspective(900px) translateY(var(--scroll-y,104px)) rotateX(var(--scroll-rx,18deg)) rotateY(var(--ry,0deg)) scale(var(--scroll-scale,.91));transition:none;will-change:opacity,filter,transform}
.benefit-motion-ready .benefit-band .advantage-card:hover{transform:perspective(900px) translateY(calc(var(--scroll-y,0px) - 4px)) rotateX(calc(var(--scroll-rx,0deg) + var(--rx,0deg))) rotateY(var(--ry,0deg)) scale(var(--scroll-scale,1))}
@media(prefers-reduced-motion:reduce){.benefit-motion-ready .benefit-band .advantage-card{opacity:1;filter:none;transform:none;will-change:auto}}

/* Final override: bind reveal to viewport progress so it reverses with scroll. */
@supports (animation-timeline:view()){
  .benefit-band .advantage-card{
    animation-name:benefitScrollReveal!important;
    animation-timing-function:linear!important;
    animation-fill-mode:both!important;
    animation-timeline:view()!important;
    animation-range:entry 0% entry 78%!important;
    transition:none!important;
  }
}

/* Final readable, pronounced state for the JS scroll scrubber. */
.benefit-scroll-ready .benefit-band .advantage-card{
  opacity:var(--card-opacity,.4)!important;
  filter:blur(var(--card-blur,3.5px))!important;
  transform:perspective(1000px) translate3d(0,var(--card-rise,92px),0) rotateX(var(--card-tilt,14deg)) scale(var(--card-scale,.88))!important;
}
.benefit-scroll-ready .benefit-band .advantage-icon{
  transform:translateY(var(--icon-rise,18px)) rotate(var(--icon-turn,-26deg)) scale(var(--icon-scale,.72));
}

/* Lightweight scroll motion: composited movement, no blur or 3D repaint. */
.benefit-scroll-ready .benefit-band .advantage-card{
  filter:none!important;
  transform:translate3d(0,var(--card-rise,56px),0) scale(var(--card-scale,.96))!important;
  transform-origin:50% 80%;
  backface-visibility:hidden;
}
.benefit-scroll-ready .benefit-band .advantage-icon{
  transform:translate3d(0,var(--icon-rise,8px),0) scale(var(--icon-scale,.92))!important;
  backface-visibility:hidden;
}
@media(prefers-reduced-motion:reduce){
  .benefit-scroll-ready .benefit-band .advantage-card,
  .benefit-scroll-ready .benefit-band .advantage-icon{transform:none!important}
}

/* Browser-native scroll timeline: no per-scroll JavaScript work. */
@supports (animation-timeline:view()){
  .benefit-band .advantage-grid .advantage-card{
    animation-name:benefitNativeReveal!important;
    animation-duration:1s!important;
    animation-timing-function:linear!important;
    animation-fill-mode:both!important;
    animation-timeline:view(block)!important;
    animation-range:cover 0% cover 100%!important;
    filter:none!important;
    will-change:transform,opacity;
  }
  .benefit-band .advantage-grid .advantage-icon{
    animation-name:benefitNativeIcon!important;
    animation-duration:1s!important;
    animation-timing-function:linear!important;
    animation-fill-mode:both!important;
    animation-timeline:view(block)!important;
    animation-range:entry 0% cover 45%!important;
  }
}
@keyframes benefitNativeReveal{
  from{opacity:.58;transform:translate3d(0,88px,0) scale(.94)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes benefitNativeIcon{
  from{transform:translate3d(0,18px,0) scale(.88)}
  to{transform:translate3d(0,0,0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
  .benefit-band .advantage-grid .advantage-card,.benefit-band .advantage-grid .advantage-icon{animation:none!important;opacity:1!important;transform:none!important;will-change:auto}
}

/* Cached layout positions plus one RAF transform update keep scroll scrubbing light. */
.benefit-scroll-ready .benefit-band .advantage-grid .advantage-card{
  animation:none!important;
  opacity:var(--card-opacity,.48)!important;
  filter:none!important;
  transform:perspective(720px) translate3d(0,var(--card-rise,84px),var(--card-depth,48px)) rotateX(var(--card-tilt,-4deg)) rotateY(var(--card-yaw,34deg)) scale(var(--card-scale,.88))!important;
  transform-origin:var(--door-hinge, left) 50%;
  transition:none!important;
  will-change:transform,opacity;
  backface-visibility:hidden;
}
.benefit-scroll-ready .benefit-band .advantage-grid .advantage-icon{
  transform:translate3d(0,var(--icon-rise,8px),0) scale(var(--icon-scale,.9))!important;
  backface-visibility:hidden;
}
@media(prefers-reduced-motion:reduce){
  .benefit-scroll-ready .benefit-band .advantage-grid .advantage-card,
  .benefit-scroll-ready .benefit-band .advantage-grid .advantage-icon{animation:none!important;opacity:1!important;transform:none!important;will-change:auto}
}
/* Keep the dark studio navigation visible along the bottom of the hero. */
body[data-page="home"] #studio .dock{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateX(-50%)!important;bottom:24px;z-index:30}