/* Main photo, purchasing choices and navigation form one catalogue cover. */
.catalogue-cover {
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);align-items:stretch;
  max-width:1920px;margin:0 auto;background:var(--chalk,#f1ebdf);color:var(--ink);
}
.cover-head {padding:clamp(26px,3.6vw,70px) clamp(25px,3.4vw,68px) clamp(24px,3.2vw,62px) max(var(--edge),calc((100vw - 1690px)/2));align-self:center}
.cover-head .eyebrow {color:var(--deep-blue);letter-spacing:.17em}
.cover-head :is(h1,h2) {font:400 clamp(50px,6.2vw,115px)/.91 var(--serif);letter-spacing:-.077em;margin:.2em 0}
.cover-head :is(h1,h2) em {display:block;color:var(--forest,#293c35)}
.cover-description {max-width:36ch;font-size:clamp(14px,1.05vw,18px);line-height:1.55}
.cover-offers {display:grid;margin-top:clamp(18px,2vw,34px);border-top:1px solid var(--border)}
.cover-offers>a {display:grid;grid-template-columns:52px 1fr auto 16px;gap:clamp(8px,1vw,17px);align-items:center;padding:8px 0;min-height:65px;color:var(--ink);border-bottom:1px solid var(--border);text-decoration:none}
.cover-offers>a:hover .offer-name strong,.cover-offers>a:focus-visible .offer-name strong {text-decoration:underline;text-underline-offset:3px}
.cover-offers .offer-photo {display:grid;position:relative;overflow:hidden;width:52px;height:49px;place-items:center;background:var(--stone,#e4dfd4)}
.offer-photo img {position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:contain;mix-blend-mode:multiply}
.offer-photo-pair img {position:absolute;width:77%;height:88%;top:0;left:0}
.offer-photo-pair img+img {top:auto;left:auto;bottom:0;right:-2px;width:57%;height:80%}
.cover-offers .offer-name {display:grid;gap:0;min-width:0}
.offer-name small,.piece-family {font:650 9px/1.45 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.offer-name small {color:var(--quiet,#595f58)}
.offer-name strong {font-size:clamp(14px,1.05vw,18px);font-weight:650;line-height:1.3}
.offer-price {font:400 clamp(19px,1.65vw,29px)/1 var(--serif);white-space:nowrap;font-variant-numeric:lining-nums}
.cover-offers i {font-style:normal;text-align:right;color:var(--deep-blue)}
.cover-delivery {font-size:11px;color:var(--quiet,#595f58);line-height:1.5;margin-top:10px}
.cover-picture {position:relative;display:block;width:100%;aspect-ratio:3/2;align-self:center;min-height:0;background:var(--stone,#e4dfd4);overflow:hidden;text-decoration:none}
.cover-picture picture {display:block;width:100%;height:100%}
.cover-photo {position:absolute;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center}
.catalogue-home .material-band {border-bottom:1px solid var(--border)}
.catalogue-title {display:flex;justify-content:space-between;align-items:end;gap:clamp(16px,4vw,70px);padding-bottom:clamp(18px,2.4vw,42px)}
.catalogue-title h2 {font:400 clamp(56px,6vw,115px)/.93 var(--serif);letter-spacing:-.075em}
.catalogue-title .eyebrow {margin-bottom:12px;color:var(--deep-blue)}
.catalogue-title>p {max-width:37ch;font-size:14px;color:var(--quiet,#595f58)}
.piece-catalogue,.look-catalogue {max-width:none;padding-block:clamp(45px,5.5vw,95px);background:var(--paper);color:var(--ink)}
.catalogue-filters {display:flex;gap:clamp(10px,1.4vw,30px);flex-wrap:wrap;border-bottom:1px solid var(--border)}
.catalogue-filters a {display:inline-flex;align-items:center;min-height:38px;position:relative;text-decoration:none;font-size:13px;color:var(--quiet,#595f58)}
.catalogue-filters a[aria-current=true] {font-weight:700;color:var(--ink)}
.catalogue-filters a[aria-current=true]::after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:currentColor}
.piece-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.7vw,42px) clamp(12px,1.7vw,30px)}
.piece-grid>article {min-width:0}
.piece-catalogue:has(.piece-panel[open]) .piece-grid {display:none}
.piece-link {display:block;text-decoration:none;color:var(--ink)}
.piece-photo,.looks-grid .look-photo {position:relative;display:block;overflow:hidden;background:var(--stone,#e4dfd4)}
.piece-photo {aspect-ratio:4/5}
.piece-photo img,.looks-grid .look-photo img {width:100%;height:100%;object-fit:contain}
.piece-link:hover h3,.piece-link:focus-visible h3 {text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}
.piece-family {display:block;color:var(--deep-blue);padding-top:13px}
.piece-identity,.piece-foot {display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.piece-identity h3,.look-information h3 {font:400 clamp(24px,2.3vw,42px)/1.08 var(--serif);letter-spacing:-.055em;margin:2px 0 3px}
.piece-identity strong,.look-price strong {font:650 14px/1.3 var(--sans);white-space:nowrap}
.piece-foot {font-size:12px;color:var(--quiet,#595f58)}
.piece-foot span:last-child {font-size:17px;color:var(--deep-blue)}
.piece-panel>summary {display:none}
.piece-panel[open] {margin-block:var(--section-space,50px) 0;border-block:1px solid var(--border);background:var(--ice);color:var(--ink)}
.piece-panel :where([id]),.look-inspector :where([id]) {scroll-margin-top:12px}
.piece-return {padding-top:14px;padding-bottom:14px}
.piece-return a {display:inline-flex;align-items:center;min-height:32px;font-weight:650;font-size:13px;text-decoration:none}
.piece-return a:hover {text-decoration:underline}
.stitch-info {display:none;font-size:12px;line-height:1.5;color:var(--quiet,#595f58);padding-top:10px}
.piece-inspectors:has(.piece-panel[open]) .stitch-info {display:block}
.wordmark-inspection {display:inline-flex;align-items:center;gap:8px;min-height:35px;margin:0 8px 10px 0;font-size:13px;font-weight:600;color:var(--deep-blue)}
.piece-panel .edition-sky {min-height:clamp(110px,12vw,235px)}
.piece-panel .edition-head {padding-block:20px}
.piece-panel .edition-head h2,.piece-panel .pants-heading h2 {font-size:clamp(41px,4.3vw,75px)}
.piece-panel .edition-head>p {display:none}
.piece-panel .edition-body,.piece-panel .pants-collection {padding-block:clamp(22px,3.4vw,55px)}
.piece-panel .fit-section,.piece-panel .print-inner {padding-block:clamp(24px,3.2vw,54px)}
.piece-panel .fit-section h2,.piece-panel .print-story h2 {font-size:clamp(39px,4vw,65px)}
.piece-studio-detail {padding-bottom:clamp(22px,3vw,45px)}
.piece-studio-detail .tee-panel {display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.8fr) minmax(0,.75fr);grid-template-rows:auto auto;column-gap:clamp(18px,3vw,50px);align-items:start}
.piece-studio-detail .tee-stage {grid-column:1;grid-row:1/3;align-self:center}
.piece-studio-detail .tee-description,.piece-studio-detail .tee-options {grid-column:2}
.piece-studio-detail .tee-description {grid-row:1;align-self:end}
.piece-studio-detail .tee-options {grid-row:2;align-self:start}
.piece-studio-detail .garment-styled {grid-column:3;grid-row:1/3;align-self:center;margin:0}
.piece-studio-detail .garment-styled img {width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
.look-catalogue {background:var(--stone,#e4dfd4)}
.looks-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,34px)}
.looks-grid .look-photo {aspect-ratio:4/5}
.look-information {padding-top:10px}
.look-information h3 {font-size:clamp(23px,2.2vw,38px)}
.look-information>p {font-size:13px;line-height:1.4;color:var(--quiet,#595f58)}
.look-price {display:flex;align-items:center;gap:10px;margin:9px 0 12px}
.look-price strong {color:var(--ink)}
.look-price span {font-size:11px}
.look-choose {display:inline-flex;align-items:center;gap:12px;min-height:31px;color:var(--deep-blue);font-size:13px;font-weight:650}
.look-inspector {width:min(100%,1720px);margin:clamp(22px,3vw,50px) auto 0}
.look-inspector>summary {cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-inline:var(--edge);border-block:1px solid var(--border);padding:12px 0;font-size:14px;font-weight:650;list-style:none}
.look-inspector[open]>summary span {transform:rotate(45deg)}
.look-inspector>summary::-webkit-details-marker {display:none}
.look-inspector[open] .set-feature {margin-top:20px}
.catalogue-archive>.piece-catalogue:first-child {padding-top:var(--section-space)}
.reverse-study {padding-block:clamp(32px,4.6vw,80px);background:var(--linen);color:var(--ink);border-top:1px solid var(--border)}
.reverse-study>.frame {display:grid;grid-template-columns:minmax(0,.78fr) repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,28px);align-items:center}
.reverse-study header h2 {font:400 clamp(42px,4.4vw,79px)/.95 var(--serif);letter-spacing:-.065em;margin-top:13px}
.reverse-study header em {color:var(--deep-blue)}
.reverse-study .style-photo,.reverse-study .style-photo :is(a,.photo-surface) {width:100%;margin:0;aspect-ratio:4/5}
.reverse-study .style-photo img {width:100%;height:100%;object-fit:contain}
.native-hoodie-main .native-extra[data-frame=rear] img {aspect-ratio:4/5;object-fit:contain}
@media(min-width:1720px) { .cover-head {padding-left:max(var(--edge),calc((100% - 650px)/2))} }
@media(max-width:1090px) {
  .piece-studio-detail .tee-panel {grid-template-columns:1fr 1fr}
  .piece-studio-detail .tee-stage {grid-column:1/-1;grid-row:1}
  .piece-studio-detail .tee-description,.piece-studio-detail .tee-options {grid-column:1}
  .piece-studio-detail .tee-description {grid-row:2;align-self:start}
  .piece-studio-detail .tee-options {grid-row:3}
  .piece-studio-detail .garment-styled {grid-column:2;grid-row:2/4;margin-top:15px}
  .looks-grid {grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
}
@media(max-width:820px) {
  .catalogue-cover {grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)}
  .cover-head {padding-inline:var(--edge) 20px}
  .cover-offers>a {grid-template-columns:44px minmax(0,1fr) auto 12px;gap:7px}
  .cover-offers .offer-photo {width:44px;height:43px}
  .catalogue-title {align-items:start;flex-direction:column}
  .catalogue-title>p {max-width:42ch}
  .piece-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px) {
  .catalogue-cover {display:flex;flex-direction:column}
  .cover-head {order:1;width:100%;padding:21px var(--edge) 16px}
  .cover-head :is(h1,h2) {font-size:clamp(47px,11vw,70px);margin:9px 0}
  .cover-head :is(h1,h2) em {display:inline}
  .cover-head .eyebrow {font-size:9px}
  .cover-picture {order:2;width:100%;aspect-ratio:4/5;height:auto;max-height:none}
  .cover-photo {object-fit:contain}
  .cover-description {max-width:44ch;font-size:14px}
  .cover-offers {grid-template-columns:repeat(3,minmax(0,1fr));margin-top:13px}
  .cover-offers>a {grid-template:"photo price" 37px "label label" auto / minmax(0,1fr) auto;align-items:center;align-content:start;min-height:86px;gap:4px 3px;padding:7px}
  .cover-offers>a:first-child {padding-left:0}
  .cover-offers>a:last-child {padding-right:0}
  .cover-offers>a+a {border-left:1px solid var(--border)}
  .cover-offers .offer-photo {width:35px;height:35px;grid-area:photo}
  .cover-offers .offer-price {grid-area:price;font-size:20px}
  .cover-offers .offer-name {grid-area:label}
  .offer-name strong {font-size:11px;line-height:1.35}
  .offer-name small {font-size:8px;letter-spacing:.06em}
  .cover-offers i {display:none}
  .catalogue-title {gap:10px}
  .catalogue-title h2 {font-size:clamp(48px,12.5vw,75px)}
  .catalogue-title .eyebrow {margin-bottom:7px}
  .catalogue-filters {gap:15px}
  .catalogue-filters a {font-size:12px}
  .piece-grid {gap:21px 12px}
  .piece-family {font-size:8px;letter-spacing:.08em;padding-top:9px}
  .piece-identity {flex-wrap:wrap;gap:0 5px}
  .piece-identity h3 {font-size:clamp(21px,5.1vw,29px);width:100%}
  .piece-identity strong {font-size:12px}
  .piece-foot {font-size:10px}
  .piece-studio-detail .tee-panel {display:block}
  .piece-studio-detail .garment-styled {margin-top:10px}
  .look-information h3 {font-size:clamp(22px,5.1vw,29px)}
  .look-information>p {font-size:12px}
  .look-price {gap:6px;margin-block:7px}
  .looks-grid {gap:23px 12px}
  .look-choose {font-size:12px}
  .reverse-study>.frame {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .reverse-study header h2 {font-size:clamp(37px,10.3vw,53px)}
}