.scroll-story{height:430vh;position:relative;margin-top:0}.story-stage{--scene-color:#eef5f5;position:sticky;top:64px;height:calc(100svh - 64px);min-height:540px;background:var(--scene-color);transition:background .65s;padding:28px max(5%,calc((100vw - 1200px)/2));display:flex;flex-direction:column;overflow:hidden}.story-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.09em;color:#61616a}.story-top a{letter-spacing:0;color:#333;font-size:12px}.story-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:1;min-height:0}.story-copy{z-index:1}.story-number{font-size:10px;color:#62626b;letter-spacing:.12em}.story-copy h2{font-size:clamp(36px,4.6vw,66px);line-height:1.04;letter-spacing:-.055em;margin:22px 0}.story-copy p{max-width:400px;font-size:16px;color:#696971;line-height:1.7;margin:0 0 25px}.story-art{position:relative;height:100%;max-height:550px;min-height:250px}.scene-art{position:absolute;inset:0;opacity:0;transform:translateY(45px) scale(.88) rotate(-5deg);transition:opacity .65s,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}.scene-art.visible{opacity:1;transform:translateY(0) scale(1) rotate(0)}.scene-art svg{width:100%;height:100%;filter:drop-shadow(0 28px 18px #00000010)}.story-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}.story-nav button{border:0;border-radius:10px;background:transparent;font-size:12px;padding:12px 9px;text-align:left;color:#707079;transition:background .3s,color .3s}.story-nav button span{display:block;font-size:9px;margin-bottom:7px;opacity:.7}.story-nav button[aria-pressed=true]{background:#ffffffb3;color:#111}.story-progress{height:2px;background:#0000000c;margin-top:18px;overflow:hidden}.story-progress span{display:block;height:100%;width:100%;background:#1d1d1f;transform:scaleX(0);transform-origin:left}.story-hint{padding-top:15px;font-size:10px;color:#6e6e73}.story-hint>span{margin-left:8px}.story-hint small{float:right;font-size:9px}.categories{grid-template-columns:repeat(3,1fr)}.categories button{width:100%}.category-art svg{filter:none}.products-section .toolbar{display:flex;flex-direction:column;align-items:stretch}.tabs{align-self:flex-start}.search-sort input{width:280px}.product-image svg{filter:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.revealed{opacity:1;transform:translateY(0)}
@media(max-width:850px){.story-copy h2{font-size:43px}.story-copy p{font-size:14px}.story-nav button{font-size:10px}.tabs{flex-wrap:wrap;border-radius:18px}.categories{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.scroll-story{height:380svh}.story-stage{top:86px;height:calc(100svh - 86px);min-height:550px;padding:20px}.story-top{font-size:8px;letter-spacing:.04em}.story-top a{font-size:10px}.story-content{grid-template-columns:1fr;grid-template-rows:auto minmax(140px,1fr);padding-top:22px}.story-copy h2{font-size:36px;margin:12px 0}.story-number{font-size:8px}.story-copy p{font-size:12px;line-height:1.6;margin-bottom:15px;max-width:330px}.story-copy .button{font-size:11px;padding:11px 17px}.story-art{min-height:130px;max-height:235px;height:100%}.story-nav{gap:3px;margin-top:5px;grid-template-columns:repeat(3,1fr)}.story-nav button{font-size:10px;padding:8px;border-radius:8px}.story-nav button span{display:inline;font-size:8px;margin:0 6px 0 0}.story-progress{margin-top:10px}.story-hint{padding-top:10px;font-size:9px}.categories{grid-template-columns:1fr}.tabs{justify-content:flex-start;width:100%;gap:3px;padding:5px}.tabs button{font-size:10px;padding:9px 12px}.search-sort input{width:60%;flex:1}.story-art svg{max-height:240px}}
@media(max-height:700px) and (min-width:651px){.story-stage{min-height:420px}.story-copy h2{font-size:40px}.story-copy p{font-size:13px}.story-art{min-height:180px}.story-nav button{padding:8px}.story-content{padding-top:15px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-stage{position:relative;top:0;height:auto;min-height:640px}.story-art{height:350px}.reveal{opacity:1;transform:none}.story-progress,.story-hint>span{display:none}.scene-art{transition:none;transform:none}.story-hint{font-size:0}.story-hint:before{content:'Choose a collection above';font-size:11px}.story-content{min-height:350px}}

.product-photo{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.hero-art>.product-photo{max-width:650px;margin:auto;object-fit:contain}.hero-art{margin-top:10px;height:370px}.scene-art .product-photo{max-width:520px;margin:auto}.category-art .product-photo{width:100%;height:100%}.product-image .product-photo{width:100%;height:100%;transition:transform .4s}.product-image:hover .product-photo{transform:scale(1.05)}.detail-art .product-photo{max-width:350px;margin:auto}.cart-row>.product-photo{width:70px;height:70px}.category-art{height:210px;bottom:0}.categories button{height:350px}.story-stage{background:#fff!important}.story-nav button[aria-pressed=true]{background:#f0f0f3}.scene-art svg{filter:drop-shadow(0 20px 16px #00000008)}@media(max-width:650px){.hero-art{height:280px}.categories button{height:265px}.category-art{height:190px;width:63%}.cart-row>.product-photo{width:45px;height:45px}.scene-art .product-photo{max-width:260px}}

/* Complete-product framing across screen widths and heights. */
.product-photo{object-fit:contain;object-position:center;max-width:100%;max-height:100%;min-width:0;min-height:0}.hero-art{display:flex;justify-content:center;align-items:center;width:100%;height:clamp(250px,38vw,410px);overflow:visible}.hero-art>.product-photo{position:static;width:min(650px,92vw);height:100%;max-height:100%;margin:0;object-fit:contain}.product-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;height:auto;padding:18px 0 6px;overflow:visible}.product-image>.product-photo{width:100%;height:100%;transform:none!important}.product-image:hover .product-photo{transform:none}.category-art{width:100%;height:205px;left:0;right:0;bottom:8px;padding:0 22px;display:flex;justify-content:center;align-items:center;overflow:visible}.category-art .product-photo{width:100%;height:100%;object-fit:contain}.categories button:hover .product-photo{transform:none}.scene-art{display:flex;align-items:center;justify-content:center;transform:translateY(20px);padding:10px}.scene-art.visible{transform:none}.scene-art .product-photo{width:100%;height:100%;max-width:520px;max-height:100%;margin:0;object-fit:contain}.story-art{min-width:0;min-height:0;height:100%;align-self:stretch}.story-content{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.story-copy h2{font-size:clamp(36px,4.4vw,62px)}.detail-art{height:min(360px,45svh);display:flex;align-items:center;justify-content:center;overflow:visible}.detail-art .product-photo{height:100%;width:100%;max-width:100%;margin:0}.cart-row>.product-photo{object-fit:contain;width:70px;height:70px}.categories button{padding-bottom:220px;overflow:visible}
@media(max-width:650px){.hero-art{height:280px}.category-art{width:60%;left:auto;right:5px;height:180px;bottom:10px;padding:0 8px}.categories button{padding-bottom:26px}.categories small{max-width:45%}.story-stage{min-height:0}.story-content{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:4px;padding-top:15px}.story-art{height:100%;min-height:0;max-height:none}.scene-art{padding:5px}.scene-art .product-photo{width:100%;height:100%;max-width:100%}.story-copy h2{font-size:32px;margin:10px 0}.story-copy p{font-size:12px}.cart-row>.product-photo{width:45px;height:45px}}
@media(max-height:720px){.scroll-story{height:auto}.story-stage{position:relative;top:0;height:auto;min-height:0;overflow:visible;padding-top:28px;padding-bottom:25px}.story-content{min-height:340px}.story-art{height:340px;max-height:none}.story-copy h2{font-size:36px}.story-progress{display:none}.story-hint{font-size:0}.story-hint:before{content:"Choose a collection above";font-size:11px}.story-hint>span{display:none}}
@media(max-height:720px) and (max-width:650px){.story-content{min-height:0;grid-template-rows:auto 240px}.story-art{height:240px}}
@media(prefers-reduced-motion:reduce){.story-stage{height:auto;min-height:0}.story-art{height:350px}.scene-art{transform:none}}

