/* A quieter collection frame with touch-sized controls and editorial category discovery. */
.studio-bands{display:grid;grid-auto-rows:1fr}
.studio-bands>.announce,.studio-motto{min-height:54px;box-sizing:border-box;padding:10px 64px;display:flex;align-items:center;justify-content:center;text-align:center}
.studio-bands>.announce{background:#1c5952;color:#fff;font-size:.875rem;line-height:1.5;letter-spacing:.025em;text-transform:none}
.studio-bands .announce__x{width:44px;height:44px;right:14px;font-size:1.5rem}
.studio-bands .announce__x:focus-visible{outline-color:#fff}
.studio-motto{position:relative;background:#641e35;color:#efd59b;gap:22px;padding-block:7px;box-shadow:none}
.studio-bands>.announce+.studio-motto::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:#d8b34f;pointer-events:none}
.studio-motto__lockup{display:flex;flex-direction:row;align-items:center;gap:10px;flex-shrink:0}
.studio-motto__lockup img{display:block;width:50px;height:25px;object-fit:contain}
.studio-motto p{font:500 1.125rem/1.2 var(--sans);letter-spacing:.2em;text-indent:.2em;margin:0;color:inherit}
.studio-motto__rule{height:1px;flex:0 1 65px;background:linear-gradient(90deg,transparent,#efd59b99)}
.studio-motto__rule:last-child{transform:scaleX(-1)}
@media(max-width:640px){.studio-bands>.announce,.studio-motto{padding:10px 46px}.studio-bands .announce__x{right:3px}.studio-bands>.announce{letter-spacing:0}.studio-motto{padding-block:8px;gap:20px}.studio-motto__rule{flex-basis:55px}}
.collection-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:7%;align-items:center;padding-block:65px 70px}
.collection-hero .crumb{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin-bottom:30px}
.collection-hero h1{font:400 clamp(56px,6.5vw,105px)/.97 var(--sans);letter-spacing:-.06em;color:var(--ink);margin:0}
.collection-hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}
.collection-hero__copy>p{font-size:1.0625rem;max-width:36ch;color:var(--soft);margin-top:26px}
.collection-hero__art{position:relative;overflow:hidden;margin:0;border-radius:90px 4px 4px 4px;background:var(--sand)}
.collection-hero__art img{width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;object-position:55% 50%;display:block}
.collection-hero__art figcaption{position:absolute;bottom:18px;left:18px;font-size:.75rem;letter-spacing:.04em;background:#f6f3eceb;color:var(--ink);padding:6px 10px}
.collection-body{padding-bottom:90px;scroll-margin-top:110px}
.collection-body .filters{display:flex;position:relative;top:auto;gap:4px;flex-wrap:nowrap;overflow-x:auto;padding:0 0 2px;margin:0;border-bottom:1px solid var(--line);background:none;z-index:1;scrollbar-width:thin;scroll-padding-inline:8px}
.collection-body .chip{flex-shrink:0;display:inline-flex;align-items:center;gap:18px;border:0;border-bottom:3px solid transparent;background:none;color:var(--stone);font-size:1rem;padding:18px 22px;min-height:64px;white-space:nowrap}
.collection-body .chip:first-child{padding-left:0;padding-right:28px}
.collection-body .chip.on{border-bottom-color:var(--accent);color:var(--ink);background:none}
.collection-body .chip:hover{color:var(--accent);background:var(--sand)}
.collection-body .chip span{font-size:.75rem;color:var(--stone);font-variant-numeric:tabular-nums}
.collection-body .chip.on span{color:var(--accent)}
.subcategories{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:22px 0 5px}
.subcategories[hidden]{display:none}
.subchip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line-2);border-radius:3px;background:transparent;color:var(--soft);padding:9px 17px;font-size:.875rem;line-height:1.4;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.subchip:hover{border-color:var(--accent);color:var(--accent)}
.subchip.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.collection-status{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-block:35px 28px}
.collection-status h2{font:400 clamp(25px,2.5vw,36px)/1.1 var(--sans);letter-spacing:-.035em;margin:0}
.collection-status p{font-size:.875rem;color:var(--stone);margin:8px 0 0}
.collection-status #results-count{font-size:.875rem;white-space:nowrap;margin:0}
.collection-notice{margin-top:45px;border-top:1px solid var(--line);padding-top:5px;color:var(--stone)}
.collection-notice summary{font-size:.875rem;letter-spacing:0;font-weight:400;min-height:48px;padding:18px 0;color:var(--soft)}
.collection-notice p{font-size:.875rem;max-width:78ch;line-height:1.65;padding:4px 0 15px}
.pcard__img img{transition:transform .8s var(--ease),opacity .45s ease;filter:none!important}
.pcard:hover .pcard__img>img:first-child{transform:none}
.pcard:hover .pcard__img .img-b{opacity:0}
.pcard__view{display:none;position:absolute;z-index:4;bottom:14px;right:14px;gap:20px;align-items:center;background:var(--cream);color:var(--ink);padding:10px 14px;font-size:.8125rem;transform:translateY(8px);opacity:0;transition:transform .3s,opacity .3s}
.pcard__view>span{font-size:1.2rem;line-height:1}
.pcard__colours{display:flex;gap:6px;align-items:center;margin-top:13px;min-height:16px}
.pcard__colours>span:not(.pcard__colour-label){width:11px;height:11px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #183d3920}
.pcard__colour-label{font-size:.75rem;color:var(--stone);margin-left:5px}
.pcard__sub{max-width:29ch}
.shopgrid .pcard__img,.s-core-grid .pcard__img{aspect-ratio:2/3}
.pcard__img img{object-position:center top}
.pcard--tee .pcard__img img,.pdp__stage--tee img{object-fit:contain}
.pdp__stage{aspect-ratio:2/3}
.pdp__stage img{object-position:center top}
.pcard--tee .pcard__img,.pdp__stage--tee,.s-editorial__image{background:#dedede}
.s-editorial__image img{object-fit:contain}
.pcard__name{font-weight:400}
.pcard__meta{border-bottom:1px solid var(--line);padding-bottom:15px}
.s-discover{background:var(--sand);padding-block:90px 100px;color:var(--ink)}
.s-discover .s-section-head{margin-bottom:42px}
.s-discover .s-section-head h2{font-size:clamp(40px,5vw,76px)}
.s-discover .s-section-head h2 em{font-family:var(--serif);font-weight:400}
.discover-links{display:block;height:auto}
.collection-body .chip:focus-visible{outline-offset:-4px}
.s-discover__body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,95px);align-items:center}
.s-discover__image{position:relative;margin:0;overflow:hidden;border-radius:4px;background:#d5dbd0}
.s-discover__image img{width:100%;height:auto;display:block;aspect-ratio:1/1.08;object-fit:cover;object-position:50% 50%}
.s-discover__image figcaption{position:absolute;bottom:20px;left:20px;color:var(--ink);background:#f6f3eced;font-size:.75rem;padding:7px 12px;letter-spacing:.04em}
.discover-link{display:grid;grid-template-columns:30px 1fr 30px;gap:15px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line-2);color:var(--ink)}
.discover-link:first-child{border-top:1px solid var(--line-2)}
.discover-link>span:first-child{font-size:.75rem;color:var(--copper);align-self:start;padding-top:7px}
.discover-link h3{font:400 clamp(28px,2.7vw,43px)/1.1 var(--sans);letter-spacing:-.04em;margin:0}
.discover-link p{font-size:.875rem;color:var(--stone);margin:9px 0 0}
.discover-link>span:last-child{font:400 1.7rem var(--sans);transition:transform .3s}
.discover-link:hover>span:last-child{transform:translate(4px,-4px)}
.discover-link:hover h3{color:var(--accent)}
@media(hover:hover) and (pointer:fine){
  .pcard__view{display:inline-flex}
  .pcard:hover .pcard__view,.pcard:focus-visible .pcard__view{transform:none;opacity:1}
  .pcard:hover .pcard__img>img:first-child{transform:scale(1.035)}
  .pcard:hover .pcard__img .img-b{opacity:1}
}
@media(max-width:980px){
  .collection-hero{gap:5%;padding-block:48px 55px}
  .collection-hero h1{font-size:clamp(48px,7vw,70px)}
  .collection-hero__art img{aspect-ratio:4/5}
  .collection-hero__art{border-top-left-radius:65px}
  .collection-body .chip{padding:17px 20px;font-size:.9375rem}
  .s-discover{padding-block:70px}
  .s-discover__body{gap:35px}
  .discover-link{padding:23px 0;gap:10px;grid-template-columns:24px 1fr 24px}
  .s-discover__image img{aspect-ratio:4/6}
  .discover-link h3{font-size:30px}
}
@media(max-width:640px){
  .collection-hero{grid-template-columns:1fr;padding-block:30px 32px;gap:28px}
  .collection-hero .crumb{margin-bottom:22px}
  .collection-hero h1{font-size:clamp(49px,12vw,70px)}
  .collection-hero__copy>p{font-size:1rem;margin-top:20px;max-width:36ch}
  .collection-hero__art{border-top-left-radius:55px}
  .collection-hero__art img{aspect-ratio:1.7;object-position:50% 60%}
  .collection-hero__art figcaption{left:12px;bottom:12px}
  .collection-body{padding-bottom:60px}
  .collection-body .filters{margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter);gap:0}
  .collection-body .chip{min-height:58px;padding:15px 18px;gap:12px}
  .collection-body .chip:first-child{padding-right:20px}
  .subcategories{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gutter)*-1);padding:19px var(--gutter) 7px;scrollbar-width:thin;gap:7px}
  .subchip{flex-shrink:0;padding-inline:14px}
  .collection-status{padding-block:27px 24px;align-items:start;gap:12px;flex-wrap:wrap}
  .collection-status h2{font-size:27px}
  .collection-status p{font-size:.875rem;max-width:34ch}
  .collection-status #results-count{font-size:.75rem;width:100%}
  .shopgrid,.s-core-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}
  .pcard__meta{padding-top:13px;padding-bottom:12px;display:block}
  .pcard__name{font-size:1rem;line-height:1.25;letter-spacing:-.02em}
  .pcard__sub{font-size:.8125rem;line-height:1.4;margin-top:5px}
  .pcard__price{font-size:.875rem;display:block;padding-top:10px}
  .pcard__tag{font-size:.6875rem;letter-spacing:.03em;left:8px;top:8px;padding:4px 6px}
  .pcard__colours{margin-top:10px;gap:5px;flex-wrap:wrap}
  .pcard__colour-label{font-size:.6875rem;margin-left:3px}
  .s-discover{padding-block:55px}
  .s-discover .s-section-head{margin-bottom:30px}
  .s-discover .s-section-head h2{font-size:42px}
  .s-discover__body{grid-template-columns:1fr;gap:30px}
  .s-discover__image img{aspect-ratio:1.15}
  .s-discover__image figcaption{left:14px;bottom:14px}
  .discover-link{padding:23px 0;grid-template-columns:24px 1fr 26px;gap:10px}
  .discover-link h3{font-size:29px}
  .discover-link p{font-size:.8125rem;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){
  .pcard:hover .pcard__img>img:first-child,.discover-link:hover>span:last-child{transform:none}
}