@import url('stack-atmosphere.css');
/* Collection discovery: calm controls, cinematic scroll-linked cards. */
.hero-copy{margin-top:45px}
.category-stack{position:relative;height:420svh;background:#252c28}
.stack-stage{position:sticky;top:var(--stack-top,91px);height:calc(100svh - var(--stack-top,91px));min-height:480px;overflow:hidden;isolation:isolate}
.stack-card{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;padding:7% 8%;color:#f6f4eb;background:#59604d;transform-origin:50% 0;will-change:transform,filter;overflow:hidden}
.stack-card:nth-child(2){background:#cbc4b5;color:#2b3029}
.stack-card:nth-child(3){background:#303d3d}
.stack-card:nth-child(4){background:#d8d8cb;color:#2b3029}
.stack-copy{z-index:2;align-self:center}
.stack-copy .eyebrow{margin-bottom:20px}
.stack-copy h2{font-size:clamp(60px,7vw,112px);letter-spacing:-.045em;line-height:.98}
.stack-copy p:not(.eyebrow){font-size:20px;line-height:1.5;margin:25px 0 35px}
.stack-cta{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid currentColor;padding-bottom:12px;font-size:16px}
.stack-card>img{width:100%;height:85%;min-height:0;object-fit:contain;filter:drop-shadow(10px 22px 22px #0002);pointer-events:none}
.stack-all-images{position:relative;height:100%;min-height:350px;pointer-events:none}
.stack-all-images img{position:absolute;object-fit:contain;width:72%;height:80%;top:10%;left:14%}
.stack-all-images img:first-child{left:-8%;transform:rotate(-13deg);width:62%}
.stack-all-images img:last-child{left:40%;transform:rotate(12deg);width:62%}
.stack-all-images img:nth-child(2){z-index:1;top:19%}
.stack-tools{position:absolute;z-index:5;left:5%;right:5%;top:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.stack-tools a,.stack-chapters{background:#f7f6efa8;backdrop-filter:blur(12px);color:#282e28;border-radius:30px}
.stack-tools a{padding:10px 16px;font-size:14px}
.stack-chapters{display:flex;padding:5px;gap:5px}
.stack-chapters button{width:34px;height:34px;border-radius:50%;font-size:14px}
.stack-chapters button[aria-current=true]{background:#2a302a;color:#fff}
.stack-card:focus-visible{outline:3px solid #fff;outline-offset:-7px}
.collection-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.filter-launch{border:1px solid #afb4a6;border-radius:30px;display:flex;align-items:center;gap:10px;padding:10px 17px;font-size:14px;white-space:nowrap}
.filter-launch svg{width:18px;height:18px}
.filter-launch span:empty{display:none}
.filter-launch span{background:#2b3029;color:white;border-radius:50%;min-width:20px;line-height:20px;text-align:center;font-size:12px}
.filter-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-6px 0 24px;min-height:28px}
.filter-summary:empty{display:none}
.result-count{color:var(--muted);font-size:14px;margin-right:auto}
.filter-chip{border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:14px;display:flex;gap:12px}
.clear-filters{font-size:14px;text-decoration:underline;padding:8px}
#product-grid{position:relative;overflow-anchor:none}
.collection-category-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid var(--line);padding-top:23px;margin-top:17px}
.collection-category-heading:first-child{margin-top:0}
.collection-category-heading h3{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(27px,2.4vw,36px);font-weight:400;letter-spacing:-.025em;margin:0}
.collection-category-heading span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.filter-ghost{position:absolute;pointer-events:none;z-index:2}
#filter-panel{max-width:min(460px,100vw);width:460px;padding:0;overscroll-behavior:contain}
#filter-panel[open]{animation:filter-in 300ms cubic-bezier(.22,1,.36,1)}
#filter-panel.is-closing{animation:filter-out 220ms ease-in forwards}
.filter-panel-head{position:sticky;top:0;background:var(--paper);z-index:2;padding:25px 28px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.filter-panel-head h2{font-size:32px}
.filter-panel-body{padding:0 28px}
.filter-group{border:0;border-bottom:1px solid var(--line);margin:0;padding:26px 0}
.filter-group legend{float:left;width:100%;font-size:16px;font-weight:500;padding:0 0 17px}
.filter-options{clear:both;display:flex;gap:9px;flex-wrap:wrap}
.filter-option{position:relative}
.filter-option input{position:absolute;opacity:0;width:1px;height:1px}
.filter-option span{display:block;padding:10px 13px;border:1px solid #c5cabd;border-radius:24px;font-size:14px}
.filter-option input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.filter-option input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}
.price-inputs{display:flex;gap:16px;clear:both}
.price-inputs label{font-size:14px;flex:1;min-width:0}
.price-inputs input{display:block;width:100%;background:transparent;border:1px solid #bfc4b6;padding:12px;margin-top:9px;color:var(--ink);font:inherit}
.price-hint{font-size:14px;line-height:1.5;color:var(--muted);margin:14px 0 0}
.filter-panel-foot{position:sticky;bottom:0;padding:20px 28px;background:var(--paper);border-top:1px solid var(--line);display:flex;align-items:center;gap:18px}
.filter-panel-foot .clear-filters{white-space:nowrap}
@keyframes filter-in{from{transform:translateX(100%);opacity:.4}to{transform:translateX(0);opacity:1}}
@keyframes filter-out{to{transform:translateX(100%);opacity:0}}
@media(max-width:800px){.collection-bar{flex-wrap:wrap}.collection-controls{width:100%;justify-content:space-between}.collection-note{display:block;font-size:12px}.stack-card{grid-template-columns:1fr;padding:85px 7% 30px;grid-template-rows:auto 1fr;gap:0}.stack-copy{align-self:start}.stack-copy h2{font-size:clamp(50px,10vw,78px)}.stack-copy .eyebrow{margin-bottom:10px}.stack-copy p:not(.eyebrow){font-size:16px;margin:12px 0 15px}.stack-cta{font-size:14px;padding-bottom:7px}.stack-card>img{height:100%;max-height:47svh}.stack-all-images{height:100%;min-height:0}.stack-all-images img{height:100%;top:0}.stack-all-images img:nth-child(2){top:8%}.stack-tools{top:16px}.stack-stage{min-height:570px}.hero-copy{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.category-stack{height:auto!important}.stack-stage{height:auto;min-height:0;position:relative;top:auto;overflow:visible}.stack-card{position:relative;min-height:650px;transform:none!important;filter:none!important;will-change:auto}.stack-tools{display:none}.stack-card>img{max-height:400px}.stack-all-images{min-height:320px}.stack-card{grid-template-rows:auto 350px}}

/* A short pinned deck: 1.25 viewports of scroll, visible category spines. */
.category-stack{height:calc(225svh - var(--stack-top,91px));background:#e6e7de}
.stack-stage{background:#e6e7de;min-height:500px;--peek:62px}
.stack-card{inset:70px 5% auto;height:calc(100% - 70px - 3 * var(--peek) - 20px);border-radius:16px;padding:60px 6% 20px;box-shadow:0 8px 28px #111b2425;border:1px solid #ffffff35;transform-origin:50% 0}
.stack-peek{position:absolute;left:22px;right:22px;top:0;display:flex;align-items:center;justify-content:space-between;height:var(--peek);font-size:16px;font-weight:500;letter-spacing:.02em}
.stack-peek img{width:56px;height:56px;object-fit:contain}
.stack-copy h2{font-size:clamp(40px,5vw,76px)}
.stack-copy .eyebrow{font-size:12px;margin-bottom:10px}
.stack-copy p:not(.eyebrow){font-size:18px;margin:16px 0 24px}
.stack-card>img{height:100%;max-height:100%}
.stack-all-images{min-height:0}
.sort-control{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}
.sort-control select{border:1px solid #afb4a6;background:transparent;color:var(--ink);padding:10px 28px 10px 12px;border-radius:22px;font:inherit;max-width:190px}
.collection-controls{gap:12px}.collection-controls .collection-note{width:100%;text-align:right}
@media(max-width:800px){.stack-stage{--peek:52px}.stack-card{inset:65px 4% auto;height:calc(100% - 65px - 3 * var(--peek) - 16px);padding:62px 6% 15px;grid-template-rows:auto minmax(0,1fr)}.stack-copy h2{font-size:clamp(32px,8vw,52px)}.stack-copy .eyebrow{display:none}.stack-copy p:not(.eyebrow){font-size:16px;margin:8px 0 12px}.stack-card>img{max-height:100%;min-height:0}.stack-peek{font-size:14px;left:18px;right:18px}.stack-peek img{height:48px;width:48px}.stack-all-images{min-height:0}.sort-control{gap:6px}.sort-control select{max-width:160px;font-size:14px}.collection-controls .collection-note{display:none}}
@media(prefers-reduced-motion:reduce){.stack-card{inset:auto;height:auto;min-height:500px;margin:18px 4%;padding-top:70px;grid-template-rows:auto 300px}.stack-stage{min-height:0}.stack-card>img{max-height:300px}}