/* The shop extends the homepage's black, paper and restrained red direction. */
.catalog-main{padding-bottom:90px}
.breadcrumb{display:flex;gap:13px;align-items:center;color:var(--muted);padding-top:28px;font-size:.75rem}
.breadcrumb a:hover{color:var(--paper)}
.breadcrumb [aria-current]{color:var(--paper)}
.catalog-heading{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:38px 0 48px}
.catalog-heading .eyebrow{margin-bottom:13px;font-size:.75rem}
.catalog-heading h1{font:400 clamp(70px,8.4vw,126px)/1.05 var(--display);letter-spacing:-.02em}
.catalog-heading h1>.scrawl{display:inline-block;font-size:.9em;transform:rotate(-5deg);margin-left:15px;color:var(--red)}
.catalog-heading-note{text-align:right}
.catalog-heading-note .scrawl{font-size:clamp(25px,3vw,41px);line-height:1.06;transform:rotate(-7deg);margin:0 6px 23px 0}
.catalog-heading-note>.mono{font-size:.75rem;color:var(--muted)}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0}
.filter-group{display:flex;align-items:center;gap:29px}
.filter-group>button{padding:23px 0;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--muted);font:700 .875rem/1.4 var(--mono);white-space:nowrap}
.filter-group>button>span{font-size:.75rem;vertical-align:top;margin-left:5px;color:#73786B}
.filter-group>button[aria-pressed=true]{color:var(--paper);border-bottom-color:var(--red)}
.filter-group>button:hover{color:var(--paper)}
.sort-control{display:flex;align-items:center;gap:14px;font:700 .75rem var(--mono);color:var(--muted)}
.sort-control select{font:700 .875rem/1.4 var(--mono);color:var(--paper);background:var(--black);border:0;max-width:205px;min-height:48px;padding:12px 6px;cursor:pointer;color-scheme:dark}
.catalog-status{display:flex;align-items:center;justify-content:space-between;padding:21px 0;color:var(--muted);font-size:.75rem}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.catalog-card{min-width:0}
.card-stage{background:var(--paper);color:var(--ink);position:relative;overflow:hidden}
.card-topline{display:flex;align-items:center;justify-content:space-between;position:absolute;left:19px;right:19px;top:19px;z-index:2;font-size:.75rem;pointer-events:none}
.card-preview{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/5;padding:48px 0 57px;background:none;border:0;position:relative}
.card-preview>.catalog-image{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.card-preview>.catalog-image.is-flat{position:absolute;inset:48px 8px 57px;width:calc(100% - 16px);height:calc(100% - 105px);aspect-ratio:auto;min-height:0;background:none}
.card-preview>.is-sprite{margin:0 15px;width:calc(100% - 30px)}
.card-preview:hover>.catalog-image{transform:scale(1.045)}
.card-preview:focus-visible{outline-color:var(--blue);outline-offset:-6px}
.card-cta{position:absolute;bottom:0;left:0;width:100%;min-height:49px;display:flex;justify-content:space-between;align-items:center;padding:13px 19px;background:var(--ink);color:var(--paper);font-size:.75rem;transform:translateY(100%);transition:transform .3s}
.card-cta>span{font:400 22px/1 Arial,sans-serif}
.card-preview:hover .card-cta,.card-preview:focus-visible .card-cta{transform:translateY(0)}
.card-flip{position:absolute;bottom:15px;right:15px;z-index:3;padding:10px 11px;border:1px solid #0004;background:var(--paper);color:var(--ink);font-size:.75rem;transition:background .2s,color .2s}
.card-flip:hover,.card-flip[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.card-flip:focus-visible{outline-color:var(--blue)}
.catalog-card[data-id=woodland] .card-cta{padding-right:112px}
.mockup-stamp{position:absolute;left:19px;bottom:18px;color:#67665E;font-size:.75rem;pointer-events:none;transition:opacity .2s}
.card-stage:has(.card-preview:hover) .mockup-stamp,.card-stage:has(.card-preview:focus-visible) .mockup-stamp{opacity:0}
.card-caption{padding-top:22px}
.card-caption-top{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:.75rem}
.card-caption-top>span:last-child{color:var(--paper);font-size:.875rem}
.card-caption h2{font:400 clamp(27px,2.8vw,41px)/1.2 var(--display);margin-top:7px;letter-spacing:.01em}
.card-caption h2>button{font:inherit;letter-spacing:inherit;background:none;border:0;padding:0;text-align:left}
.card-caption h2>button:hover{color:var(--red)}
.card-color{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:.75rem;margin-top:11px}
.catalog-swatch{width:10px;height:10px;display:inline-block;border:1px solid #66665D}
.swatch-olive{background:var(--olive)}.swatch-black{background:#171717}.swatch-red{background:var(--red)}
.catalog-disclaimer{font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:45px;padding-top:23px;border-top:1px solid var(--line)}
.collection-story{margin-top:88px;padding:32px 0 36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.25fr auto;gap:5vw;align-items:center}
.story-image{height:275px;overflow:hidden;transform:rotate(-2deg)}
.story-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.collection-story .eyebrow{font-size:.75rem;margin-bottom:17px}
.collection-story h2{font:400 clamp(36px,4vw,61px)/1.05 var(--display)}
.collection-story h2 .scrawl{display:inline-block;font-size:.67em;line-height:1.25;margin-top:9px;transform:rotate(-3deg)}
.collection-story .text-link{font-size:.75rem;margin-top:17px}
.story-index{writing-mode:vertical-rl;color:var(--muted);font-size:.75rem}
.quick-dialog{width:min(1100px,94vw);max-height:92dvh;overflow:auto;border:0}
.quick-layout{display:grid;grid-template-columns:1.08fr 1fr;min-height:630px}
.quick-visual{background:var(--paper);color:var(--ink);display:flex;flex-direction:column;min-width:0;position:relative}
.quick-meta{display:flex;justify-content:space-between;gap:15px;padding:26px;font-size:.75rem}
.quick-media{display:flex;align-items:center;flex:1;padding:22px 10px}
.quick-media .is-sprite{margin:25px 12px}
.quick-views{display:flex;justify-content:center;gap:20px;padding:0 20px 30px}
.quick-views>button{font:700 .875rem/1.5 var(--mono);border:0;border-bottom:2px solid transparent;background:none;color:#64645B;min-height:44px;padding:10px 4px}
.quick-views>button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--red)}
.quick-visual :focus-visible{outline-color:var(--blue)}
.quick-content{padding:80px 36px 35px;position:relative;background:var(--black)}
.quick-content>.close-dialog{position:absolute;right:20px;top:20px}
.quick-content .eyebrow{font-size:.75rem;margin-bottom:17px}
.quick-content h2{font:400 clamp(38px,4.2vw,60px)/1.1 var(--display)}
.quick-type{font-size:.75rem;color:var(--muted);margin-top:12px;letter-spacing:.07em}
.quick-price{font-size:26px;line-height:1.4;margin:20px 0}
.quick-description{color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:25px}
.quick-content .sizes legend{font-size:.75rem}
.quick-add{width:100%}
.quick-feedback{font-size:.75rem;color:var(--paper);margin-top:14px;min-height:0}
.quick-feedback:empty{display:none}
.quick-bag{width:100%;font-size:.75rem;margin-top:8px}
.quick-details{border-top:1px solid var(--line);margin-top:25px}
.quick-details summary{font-size:.75rem}
.quick-details p{font-size:16px}
@media(hover:none){.card-cta{transform:translateY(0)}.mockup-stamp{display:none}.card-flip{bottom:55px}}
@media(max-width:1100px){.filter-group{gap:20px}.sort-control>span{display:none}.catalog-grid{gap:22px}.card-topline{left:14px;right:14px;font-size:.75rem}.card-topline>span:last-child{display:none}.card-caption h2{font-size:31px}.card-caption-top{font-size:.75rem;gap:8px}.card-caption-top>span:last-child{font-size:.75rem}.card-preview{aspect-ratio:3/4}.card-cta{padding-left:12px;padding-right:12px;font-size:.75rem}.mockup-stamp{font-size:.75rem;left:14px}.collection-story{gap:35px}.quick-content{padding-left:28px;padding-right:28px}.quick-layout{grid-template-columns:1fr 1fr}.quick-meta{padding:22px}.quick-meta>span:last-child{display:none}}
@media(max-width:800px){.catalog-heading{padding:32px 0 40px}.catalog-heading h1{font-size:89px}.catalog-heading-note .scrawl{font-size:31px}.catalog-heading-note>.mono{max-width:20ch;display:block}.catalog-toolbar{flex-wrap:wrap;gap:0}.filter-group{flex:1;gap:26px}.filter-group>button{font-size:.75rem}.sort-control select{font-size:.75rem;max-width:170px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 23px}.card-preview{aspect-ratio:4/5}.card-cta{transform:translateY(0)}.card-flip{bottom:55px}.mockup-stamp{display:none}.card-caption h2{font-size:35px}.catalog-card:first-child .card-cta{padding-right:15px}.card-caption-top>span:last-child{font-size:.875rem}.collection-story{grid-template-columns:1fr 1.2fr;gap:30px;margin-top:65px}.story-index{display:none}.story-image{height:245px}.collection-story h2{font-size:40px}.collection-story .eyebrow{max-width:25ch}.quick-dialog{width:94vw}.quick-layout{grid-template-columns:1fr 1fr}.quick-content{padding:80px 23px 25px}.quick-content h2{font-size:44px}.quick-content .sizes legend{flex-wrap:wrap;gap:6px}.quick-meta{padding:18px}.quick-content .action-link{font-size:.75rem;padding:15px;gap:15px}.quick-media{padding:10px 0}}
@media(max-width:600px){.catalog-heading{align-items:flex-end;gap:15px;padding:27px 0 35px}.catalog-heading h1{font-size:65px}.catalog-heading h1>.scrawl{margin-left:6px}.catalog-heading-note>.mono{display:none}.catalog-heading-note .scrawl{font-size:23px;margin-bottom:6px}.catalog-heading .eyebrow{font-size:.75rem;letter-spacing:0;max-width:21ch;margin-bottom:13px}.breadcrumb{padding-top:24px}.catalog-toolbar{display:block}.filter-group{justify-content:space-between;gap:12px}.filter-group>button{padding:19px 0}.filter-group>button>span{margin-left:2px}.sort-control{border-top:1px solid var(--line);justify-content:space-between;padding:3px 0}.sort-control>span{display:block;font-size:.75rem}.sort-control select{font-size:.75rem;max-width:210px;text-align:right}.catalog-status{font-size:.75rem;padding:18px 0}.catalog-status>span:last-child{max-width:19ch;text-align:right}.catalog-grid{grid-template-columns:1fr;gap:38px}.card-preview{aspect-ratio:1}.card-caption{padding-top:18px}.card-topline{left:18px;right:18px}.card-topline>span:last-child{display:block}.card-caption h2{font-size:37px}.card-cta{padding-left:18px;padding-right:18px}.card-caption-top{font-size:.75rem}.catalog-disclaimer{margin-top:35px}.collection-story{grid-template-columns:1fr;gap:33px;margin-top:52px;padding-top:25px}.story-image{height:190px;width:92%;margin:0 auto}.collection-story h2{font-size:46px}.collection-story .eyebrow{max-width:none;font-size:.75rem}.collection-story .text-link{font-size:.875rem}.catalog-main{padding-bottom:60px}.quick-dialog{width:96vw;max-height:94dvh}.quick-layout{display:block}.quick-visual{min-height:270px}.quick-meta{padding:18px 70px 15px 18px}.quick-media{max-width:360px;width:100%;margin:0 auto;padding:0 20px 20px}.quick-media .is-sprite{margin:10px 0}.quick-content{position:static;padding:25px 24px}.quick-content>.close-dialog{position:absolute;right:12px;top:12px;background:var(--paper);color:var(--ink);z-index:2;border-color:#0006}.quick-content h2{font-size:47px}.quick-content .sizes legend{flex-wrap:nowrap}.quick-content .action-link{font-size:.875rem}.quick-views{padding-bottom:20px}.quick-meta>span:last-child{display:none}}
@media(max-width:360px){.catalog-heading h1{font-size:58px}.catalog-heading-note .scrawl{font-size:19px}.filter-group{gap:8px}.filter-group>button{font-size:.75rem}.filter-group>button>span{display:none}.card-preview{aspect-ratio:4/5}.card-caption h2{font-size:33px}.quick-content{padding:23px 19px}.quick-content h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.card-preview:hover>.catalog-image{transform:none}}
.motion-paused .card-preview:hover>.catalog-image{transform:none}