.browse-page{min-height:100svh;background:#dfd9d1 url("assets/window-light.svg") left top / 100% 100svh no-repeat;color:#1d272a}
.catalog-shell{container-type:inline-size;--gutter:4cqw;width:min(100%,max(1100px,calc(100svh * 2)));margin-inline:auto}
.browse-main{padding:2cqw 4cqw 2.5cqw;margin:auto}
.browse-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:2.6cqw}
.browse-heading h1{font-family:Anton,sans-serif;font-size:clamp(64px,7.5cqw,250px);line-height:1;text-transform:uppercase;letter-spacing:-.025em;font-weight:400;transform:scaleX(1.08);transform-origin:left}
.browse-heading p{font-family:Manrope,sans-serif;font-size:clamp(14px,1.1vw,30px);color:#6a6d6c;line-height:1.5;margin-top:10px}
.category-filters{display:flex;gap:clamp(8px,1vw,28px);margin-right:23%;margin-bottom:-8px;flex-shrink:0}
.category-filters button{padding:8px 20px;min-height:44px;font-size:clamp(14px,.9vw,26px);letter-spacing:.1em;border-radius:2px;transition:background .2s,color .2s}
.category-filters button[aria-pressed="true"]{background:#202a2d;color:#fff}.category-filters button:hover{background:#202a2d18}.category-filters button[aria-pressed="true"]:hover{background:#344044}
.browse-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(220px,17.3cqw));gap:1cqw}
.browse-tile{position:relative;min-width:0;overflow:hidden;background:#b9b2a7;text-align:left;border-radius:2px;color:white;isolation:isolate}
.browse-tile.featured{grid-row:auto}.browse-tile img{position:absolute;inset:0;transition:transform .6s;object-position:center}
.browse-tile.overshirt{background:#bcb5aa url("assets/window-light.svg") center / cover}.browse-tile.overshirt img{inset:0 auto auto 10%;width:auto;height:150%;aspect-ratio:2/3;object-fit:fill;clip-path:url(#model-silhouette)}.browse-tile.featured img{object-position:center 60%}
.browse-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(#0003,transparent 28%,transparent 48%,#000b);z-index:1;pointer-events:none}
.browse-tile:hover img{transform:scale(1.035)}.browse-tile:focus-visible{outline-offset:-5px;outline-color:#fff}
.tile-category{position:absolute;top:22px;left:24px;z-index:2;font-size:clamp(12px,.8vw,24px);letter-spacing:.3em;text-transform:uppercase;text-shadow:0 1px 8px #0008}
.browse-tile-copy{position:absolute;left:24px;right:20px;bottom:22px;z-index:2}
.browse-tile-name{display:block;font-family:Barlow,sans-serif;font-size:clamp(25px,1.8cqw,58px);line-height:1.15}
.browse-tile-action{display:flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:.25em;font-size:clamp(12px,.75vw,24px);margin-top:8px}.browse-tile-action>span{font-size:28px;line-height:1}
.browse-note{font-family:Manrope,sans-serif;font-size:12px;color:#666b69;margin-top:18px}
.browse-empty{padding:65px 0;border-block:1px solid #aaa49b;font-family:Manrope,sans-serif;font-size:18px}
.browse-grid.is-filtered{grid-template-columns:repeat(3,1fr);grid-template-rows:minmax(280px,24vw)}.browse-grid.is-filtered .featured{grid-row:auto}
.browse-tile[hidden],.browse-empty[hidden]{display:none}
.browse-grid[hidden]{display:none}
@media(max-width:1200px){.catalog-shell{width:100%}.category-filters{margin-right:0}.browse-heading{flex-wrap:wrap;gap:24px}.browse-grid{grid-template-columns:1.1fr 1fr;grid-template-rows:repeat(3,250px)}.browse-tile.featured{grid-row:auto}.browse-grid.is-filtered{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px}}
@media(min-width:1201px){.browse-heading{position:relative;padding-bottom:0}.category-filters{position:absolute;left:45.5%;bottom:0;margin:0}}
@media(max-width:640px){.catalog-shell{width:100%}.browse-main{padding:20px 5vw 28px}.browse-heading{margin-bottom:24px;gap:24px}.browse-heading h1{font-size:18vw;transform:none}.browse-heading p{font-size:14px;max-width:310px}.category-filters{width:100%;gap:4px;justify-content:space-between;margin:0}.category-filters button{font-size:13px;padding:8px 10px;letter-spacing:.04em}.browse-grid,.browse-grid.is-filtered{display:grid;grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:280px;gap:14px}.browse-tile.featured{grid-row:auto;min-height:0}.browse-grid:not(.is-filtered) .featured{height:380px}.browse-grid:not(.is-filtered){grid-template-rows:380px}.tile-category{left:20px;top:20px}.browse-tile-copy{left:20px;bottom:20px}.browse-note{line-height:1.6}.browse-empty{font-size:16px}}