.scroll-story{position:relative;min-height:250vh;background:#1e303b;color:white;--progress:0}.story-sticky{height:calc(100svh - 62px);position:sticky;top:62px;overflow:hidden}.story-sticky figure{position:absolute;inset:0;width:58%;margin:0;overflow:hidden}.story-sticky img{width:100%;height:100%;object-fit:cover;object-position:55% center;will-change:transform}.story-sticky figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12212bd9,transparent 60%)}.story-sticky figcaption{position:absolute;z-index:1;bottom:22px;left:30px;font-size:12px;color:#e1e8eb}.story-intro{position:absolute;left:5vw;top:45px;text-shadow:0 2px 20px #15232c;background:#1e303b9c;padding:20px;max-width:490px;border-radius:5px}.story-intro h2{font-size:clamp(38px,4vw,60px)}.story-intro .eyebrow{font-size:11px}.story-progress{height:2px;margin-top:28px;background:#ffffff40}.story-progress span{display:block;transform-origin:left;transform:scaleX(var(--progress));width:100%;height:100%;background:#e0d0b9}.story-chapters{position:relative;width:42%;margin-left:58%;margin-top:calc(-100svh + 62px);padding:12vh 4vw}.story-chapters article{min-height:72vh;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;opacity:.45;transition:opacity .4s}.story-chapters article.is-current{opacity:1}.story-chapters article>span{font-size:12px;letter-spacing:2px;color:#cbb695;margin-bottom:22px}.story-chapters h3{font-size:clamp(28px,3vw,45px)}.story-chapters p{color:#d3dfe5;max-width:380px;font-size:17px}.story-chapters .button{margin-top:25px;background:#e0d0b9;color:#21323d}.materials-block{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:white}.materials-block>div>p{max-width:440px;color:var(--muted)}.palette-card{padding:30px;background:#f0f4f6;border-radius:8px}.palette-swatches{display:flex;height:140px;gap:8px;margin-bottom:30px}.palette-swatches span{flex:1;border-radius:3px;background:#a58059;transition:background-color .4s}.palette-swatches span:nth-child(2){background:#eee8dc}.palette-swatches span:nth-child(3){background:#a1a8a6}.palette-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.palette-options button{border:1px solid var(--line);border-radius:30px;padding:9px 17px;background:white;font-size:14px}.palette-options button[aria-pressed=true]{background:var(--ink);color:white}.prepare-block{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.prepare-block p{max-width:430px;color:var(--muted)}.prepare-block .button{margin-top:30px}.prepare-block ul{padding:0;margin:0;list-style:none}.prepare-block li{border-top:1px solid var(--line);padding:22px 0}.prepare-block li b{display:block;font-size:20px;font-weight:500}.prepare-block li span{display:block;color:var(--muted);margin-top:7px}.faq-block{display:grid;grid-template-columns:1fr 1.3fr;gap:7vw;background:#eaf0f3}.faq-block details{border-top:1px solid #c3cfd6;padding:22px 0}.faq-block summary{font-size:18px;cursor:pointer}.faq-block details p{color:var(--muted);padding-right:25px}.cabinet-link{font-size:13px;border:1px solid #ffffff50;padding:8px 12px;border-radius:5px}.dashboard-heading h1{font-size:36px}.dashboard-heading{flex-wrap:wrap}.dashboard-heading>div{flex:1}.dashboard-heading .button{font-size:14px}.dashboard .notice{border-left:3px solid #64899e}
@media(max-width:850px){.scroll-story{min-height:0}.story-sticky{position:relative;top:0;height:65vh;min-height:420px}.story-sticky figure{width:100%}.story-intro{top:25px}.story-chapters{width:100%;margin:0;padding:20px 6vw 45px}.story-chapters article{min-height:0;padding:35px 0;opacity:1;border-top:1px solid #ffffff30}.story-chapters h3{font-size:34px}.story-chapters p{max-width:none}.materials-block,.prepare-block,.faq-block{grid-template-columns:1fr;gap:35px}.demo-bar nav{flex-wrap:wrap}.cabinet-link{font-size:12px}.palette-swatches{height:110px}.dashboard-heading h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.story-chapters article{opacity:1;transition:none}.story-sticky img{transform:none!important;will-change:auto}.palette-swatches span{transition:none}}
.offer-detailed article{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:38px 0;border-top:1px solid var(--line)}.offer-number{font-size:25px;color:#728793}.offer-detailed h2{font-size:30px;letter-spacing:-.025em}.offer-detailed h3{font-size:16px;letter-spacing:0;font-weight:600;margin-top:25px}.offer-detailed ul{padding-left:20px}.offer-detailed li{margin:10px 0;color:#405a69;line-height:1.65}.offer-benefit{background:#e3eee9;padding:18px 22px;border-left:3px solid #6f9785}.offer-bottom p{margin-top:20px}@media(max-width:700px){.offer-detailed article{grid-template-columns:1fr;gap:12px}.offer-detailed h2{font-size:25px}}