.pillow-experience{padding-block:100px;background:#eeeae56e;margin-block:90px 0;overflow:hidden}
.pillow-depth-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:60px;align-items:center}
.pillow-depth-copy,.pillow-depth-visual{min-width:0}
.pillow-depth-copy>.eyebrow{color:var(--red);font-size:10px;letter-spacing:2.5px}
.pillow-depth-copy h2{font-size:clamp(40px,4.2vw,64px);font-weight:600;line-height:1.1;letter-spacing:-.045em}
.pillow-depth-intro{font-size:15px;line-height:1.9;color:var(--muted);margin-top:25px;max-width:390px}
.pillow-product-tabs{display:flex;gap:8px;margin-top:26px}
.pillow-product-tabs button{min-height:44px;padding:10px 18px;border:1px solid #d8d0c6;border-radius:25px;font-size:12px}
.pillow-product-tabs button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:white}
.pillow-product-proof{display:flex;align-items:center;gap:17px;margin-top:27px;padding-top:24px;border-top:1px solid var(--line)}
.pillow-product-proof>img{width:110px;height:78px;object-fit:contain;border-radius:10px;background:var(--stone);flex-shrink:0}
.pillow-product-proof .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:8px;color:var(--muted)}
.pillow-product-proof h3{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.4px}
.pillow-product-proof p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted);margin-top:5px}
.pillow-verified-features{list-style:none;padding:0;margin:20px 0 25px;display:flex;flex-wrap:wrap;gap:9px 18px;max-width:430px}
.pillow-verified-features li{font-size:11px;color:#6d625c;line-height:1.7}
.pillow-verified-features li:before{content:'·';color:var(--red);margin-right:8px}
.pillow-depth-copy>.button{font-size:12px;min-height:49px}
.pillow-stage{height:480px}
.pillow-word{position:absolute;left:50%;top:5px;transform:translateX(-50%);font-size:185px;font-weight:600;line-height:1;letter-spacing:-.075em;color:#e5dfd8;pointer-events:none}
.pillow-floor{position:absolute;left:16%;right:16%;height:60px;top:70%;background:#61534b18;border-radius:50%;filter:blur(21px);pointer-events:none}
.depth-mattress.pillow-model{position:absolute;inset:0;width:100%;height:100%;transform:none;transform-origin:center;pointer-events:none}
.pillow-canvas{position:absolute;inset:0;opacity:0;transition:opacity .35s}
.pillow-canvas canvas{display:block;width:100%;height:100%}
.pillow-fallback{position:absolute;inset:0;width:100%;height:100%;transition:opacity .3s}
.pillow-model[data-ready=true] .pillow-canvas{opacity:1}
.pillow-model[data-ready=true] .pillow-fallback{opacity:0}
.pillow-softness{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:0;flex-wrap:wrap;min-height:46px}
.pillow-press{display:flex;align-items:center;gap:9px;border:1px solid #cbbdb2;border-radius:28px;min-height:46px;padding:10px 20px;font-size:12px;background:#ffffff75;touch-action:manipulation;user-select:none}
.pillow-press .icon{width:19px;height:19px;color:var(--red)}
.pillow-press[aria-pressed=true]{background:#fff;color:var(--red)}
.pillow-press-hint{font-size:10px;color:#89786d}
.pillow-depth-visual .depth-toolbar{margin-top:19px}
.pillow-depth-visual .depth-instructions{max-width:470px}
.approved-product .pillow-experience{margin-top:0;margin-bottom:60px;padding-block:70px}
@media(max-width:1100px){.pillow-depth-layout{gap:25px;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr)}.pillow-depth-copy h2{font-size:46px}.pillow-stage{height:430px}.pillow-word{font-size:150px}.pillow-product-proof>img{width:90px;height:67px}.pillow-product-proof h3{font-size:18px}}
@media(max-width:900px){.pillow-experience{margin-top:65px;padding-block:65px}.pillow-depth-layout{grid-template-columns:minmax(0,1fr);gap:26px}.pillow-depth-copy{max-width:600px}.pillow-depth-copy h2{font-size:50px}.pillow-depth-intro{max-width:540px}.pillow-stage{height:470px}.pillow-word{font-size:185px}.pillow-product-proof>img{width:110px;height:78px}.pillow-product-proof h3{font-size:21px}.approved-product .pillow-experience{padding-block:55px}}
@media(max-width:600px){.pillow-experience{margin-top:55px;padding-block:50px 38px}.pillow-depth-copy h2{font-size:40px;letter-spacing:-1.6px}.pillow-depth-copy>.eyebrow{font-size:9px}.pillow-depth-intro{font-size:14px;line-height:1.85;margin-top:21px}.pillow-depth-layout{gap:14px}.pillow-product-tabs{margin-top:21px}.pillow-product-tabs button{font-size:11px;padding-inline:16px}.pillow-product-proof{margin-top:23px;gap:13px}.pillow-product-proof>img{width:92px;height:68px}.pillow-product-proof h3{font-size:18px}.pillow-product-proof p:not(.eyebrow){font-size:11px}.pillow-verified-features{gap:7px 12px}.pillow-verified-features li{font-size:10px}.pillow-stage{height:330px;margin-inline:-10px}.pillow-word{font-size:130px;top:4px}.pillow-floor{top:68%;height:40px;filter:blur(17px)}.pillow-softness{gap:9px}.pillow-press{min-height:46px;padding:10px 16px;font-size:11px}.pillow-press-hint{font-size:9px}.pillow-depth-visual .depth-toolbar{margin-top:16px}.pillow-depth-visual .depth-instructions{font-size:9px;max-width:340px}.approved-product .pillow-experience{padding-block:42px;margin-bottom:40px}}
@media(max-width:360px){.pillow-depth-copy h2{font-size:36px}.pillow-product-proof h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.pillow-canvas,.pillow-fallback{transition:none}}
