/* Mouratoglou Apparel, global black / white charter, mobile first. */
.apparel-page{margin:0;background:var(--global-white,#fff);color:var(--global-black,#050505);overflow-x:hidden}
.apparel-page *,.apparel-page *::before,.apparel-page *::after{box-sizing:border-box}
.apparel-page main{display:block;overflow-x:clip}
:where(.apparel-page main) img{display:block;max-width:100%;height:auto}
.apparel-page main p{line-height:1.65}
.apparel-page main figure{margin:0}

/* Shared type */
.apparel-page .apparel-eyebrow{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}
.apparel-page main h2{margin:0 0 20px;font-size:clamp(34px,9vw,60px)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.04em!important;text-transform:none!important}
.apparel-section-head{max-width:760px}
.apparel-section-head>p:last-child:not(.apparel-eyebrow){margin:0;font-size:16px;color:var(--global-muted,#62676d)}

/* Buttons & links */
.apparel-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:16px 28px;border:1px solid var(--global-blue,#004b87);border-radius:999px;background:var(--global-blue,#004b87);color:#fff!important;font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;transition:filter .2s}
.apparel-button:hover{filter:brightness(1.15)}
.apparel-button-light{background:#fff;border-color:#fff;color:var(--global-black,#050505)!important}
.apparel-button-light:hover{filter:none;background:transparent;color:#fff!important}
.apparel-link{display:inline-flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px solid currentColor;color:inherit!important;font-size:12px;font-weight:700;letter-spacing:.1em;text-decoration:none}
.apparel-button span,.apparel-link span,.apparel-category-label>span span{display:inline-block;transition:transform .2s}
.apparel-button:hover span,.apparel-link:hover span,.apparel-category:hover .apparel-category-label>span span{transform:translateX(4px)}
.apparel-page a:focus-visible{outline:3px solid var(--global-blue,#004b87);outline-offset:4px}

/* Hero */
.apparel-hero{display:grid;background:var(--global-black,#050505);color:#fff}
.apparel-hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding:44px 20px 40px}
.apparel-page .apparel-hero h1{margin:18px 0 14px;color:#fff;font-size:clamp(52px,15vw,96px)!important;font-weight:900!important;line-height:.92!important;letter-spacing:-.05em!important}
.apparel-page .apparel-hero-lead{margin:0 0 28px;color:rgba(255,255,255,.85);font-size:clamp(20px,5.4vw,26px);font-weight:700;letter-spacing:-.01em;line-height:1.3}
.apparel-hero .apparel-button{width:100%}
.apparel-hero-media{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 30%}

/* Manifesto */
.apparel-manifesto{display:grid;gap:8px;padding:60px 20px;border-bottom:1px solid var(--global-line,#d9dde1)}
.apparel-page main h2.apparel-manifesto-lines{display:flex;flex-direction:column;gap:.12em;margin:0 0 28px;font-size:clamp(34px,10vw,84px)!important;line-height:.98!important}
.apparel-manifesto-lines>span{display:block}
.apparel-manifesto-lines>span:nth-child(2){color:var(--global-muted,#62676d)}
.apparel-manifesto-lines>span:nth-child(4){color:var(--global-muted,#62676d)}
.apparel-manifesto-lines .apparel-accent{color:var(--global-blue,#004b87)}
.apparel-manifesto-copy{max-width:620px}
.apparel-manifesto-copy p{margin:0 0 14px;font-size:16px}

/* Categories */
.apparel-categories{padding:60px 20px}
.apparel-category-grid{display:grid;gap:12px;margin-top:28px}
.apparel-category{position:relative;display:block;overflow:hidden;border-radius:14px;background:var(--global-black,#050505);color:#fff!important;text-decoration:none}
.apparel-category img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s,opacity .3s;opacity:.92}
.apparel-category:hover img{transform:scale(1.04);opacity:1}
.apparel-category::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,5,.78),rgba(5,5,5,0) 55%);pointer-events:none}
.apparel-category-label{position:absolute;left:20px;right:20px;bottom:18px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.apparel-category-label strong{font-size:clamp(34px,10vw,56px);font-weight:900;line-height:.9;letter-spacing:-.04em}
.apparel-category-label>span{font-size:11px;font-weight:700;letter-spacing:.12em;white-space:nowrap}

/* Worn on court */
.apparel-court{padding:60px 20px;background:var(--global-black,#050505);color:#fff}
.apparel-court .apparel-section-head>p:last-child{color:rgba(255,255,255,.78)}
.apparel-court-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
.apparel-court-grid figure{overflow:hidden;border-radius:12px}
.apparel-court-grid img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover}
.apparel-court-grid .apparel-court-wide{grid-column:1/-1}
.apparel-court-grid .apparel-court-wide img{aspect-ratio:16/10}

/* Products */
.apparel-products{padding:60px 20px}
.apparel-product-list{margin:0 0 24px;padding:0;list-style:none;border-top:1px solid var(--global-line,#d9dde1)}
.apparel-product-list li{padding:16px 0;border-bottom:1px solid var(--global-line,#d9dde1);font-size:clamp(24px,7vw,40px);font-weight:900;line-height:1.05;letter-spacing:-.035em}
.apparel-products-note{margin:0 0 22px;color:var(--global-muted,#62676d);font-size:16px}

/* Final CTA */
.apparel-cta{display:flex;flex-direction:column;align-items:flex-start;padding:60px 20px;background:var(--global-blue,#004b87);color:#fff}
.apparel-cta>p{margin:0 0 26px;color:rgba(255,255,255,.85);font-size:17px}
.apparel-cta .apparel-button{width:100%}
.apparel-cta p.apparel-source{margin:22px 0 0;font-size:12px;letter-spacing:.08em;color:rgba(255,255,255,.7)}

/* Tablet */
@media(min-width:600px){
  .apparel-hero .apparel-button,.apparel-cta .apparel-button{width:auto}
  .apparel-category-grid{grid-template-columns:repeat(3,1fr)}
  .apparel-category img{aspect-ratio:3/4}
  .apparel-category-label{flex-direction:column;align-items:flex-start;left:16px;right:16px}
  .apparel-category-label strong{font-size:clamp(30px,4.6vw,56px)}
  .apparel-court-grid{grid-template-columns:repeat(3,1fr)}
  .apparel-court-grid .apparel-court-wide{grid-column:span 2}
  .apparel-court-grid img,.apparel-court-grid .apparel-court-wide img{aspect-ratio:auto;min-height:260px}
  .apparel-product-list{display:flex;flex-wrap:wrap;gap:0 28px;border-top:0}
  .apparel-product-list li{border-bottom:0;padding:6px 0}
  .apparel-product-list li:not(:last-child)::after{content:" ·";color:var(--global-blue,#004b87)}
}
@media(min-width:600px) and (max-width:900px){
  .apparel-hero-copy,.apparel-manifesto,.apparel-categories,.apparel-court,.apparel-products,.apparel-cta{padding-left:40px;padding-right:40px}
  .apparel-hero-media{aspect-ratio:16/10}
}

/* Desktop */
@media(min-width:901px){
  .apparel-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:min(820px,100vh);padding-top:84px}
  .apparel-hero-copy{justify-content:center;padding:72px 5vw 80px}
  .apparel-page:not(#apparel-title) .apparel-hero h1{font-size:clamp(72px,7vw,110px)!important}
  .apparel-hero-media{height:100%;aspect-ratio:auto}
  .apparel-page main h2{font-size:clamp(42px,4.2vw,64px)!important}
  .apparel-manifesto{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);grid-template-areas:"eyebrow eyebrow" "lines copy";column-gap:clamp(48px,6vw,96px);align-items:end;padding:120px 5vw}
  .apparel-manifesto>.apparel-eyebrow{grid-area:eyebrow}
  .apparel-page main h2.apparel-manifesto-lines{grid-area:lines;margin:0;font-size:clamp(48px,5.6vw,88px)!important}
  .apparel-manifesto-copy{grid-area:copy}
  .apparel-categories,.apparel-court,.apparel-products{padding:110px 5vw}
  .apparel-category-grid{gap:16px;margin-top:44px}
  .apparel-category-label{left:28px;right:28px;bottom:26px;flex-direction:row;align-items:flex-end}
  .apparel-court-grid{gap:14px;margin-top:44px}
  .apparel-court-grid img,.apparel-court-grid .apparel-court-wide img{min-height:420px}
  .apparel-cta{align-items:center;padding:120px 5vw;text-align:center}
  .apparel-page main .apparel-cta h2{font-size:clamp(56px,6vw,96px)!important}
}
@media(prefers-reduced-motion:reduce){.apparel-page *{transition:none!important}}

/* Hero with full-bleed background video (copied from the brand site), text on top. */
.apparel-hero.apparel-hero-bg{position:relative;display:flex;align-items:flex-end;min-height:min(88vh,760px);padding-top:0;overflow:hidden;isolation:isolate}
.apparel-hero-bg .apparel-hero-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.apparel-hero-bg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,5,5,.78),rgba(5,5,5,.2) 60%,rgba(5,5,5,.35))}
.apparel-hero-bg .apparel-hero-copy{position:relative;width:100%;max-width:900px;box-sizing:border-box;padding:120px 20px 48px}
@media(min-width:901px){.apparel-hero.apparel-hero-bg{min-height:100vh}.apparel-hero-bg .apparel-hero-copy{padding:160px 5vw 96px}.apparel-hero-bg::after{background:linear-gradient(90deg,rgba(5,5,5,.72),rgba(5,5,5,.15) 65%),linear-gradient(0deg,rgba(5,5,5,.5),transparent 45%)}}
@media(max-width:900px){.apparel-hero-bg .apparel-hero-copy{padding-bottom:112px}}
/* Manifesto v2: editorial lines separated by thin rules, condensed uppercase, copy aligned to the top with a lead-in. */
.apparel-page main h2.apparel-manifesto-lines{gap:0!important;font-family:'Geometria Figures',Impact,sans-serif!important;font-weight:900!important;text-transform:uppercase;font-size:clamp(30px,5.2vw,76px)!important;line-height:1!important;letter-spacing:-.01em;margin:0!important;border-top:1px solid #d9dde1}
.apparel-manifesto-lines>span{padding:.22em 0;border-bottom:1px solid #d9dde1}
.apparel-manifesto-lines>span:nth-child(2),.apparel-manifesto-lines>span:nth-child(4){color:#9aa0a6!important}
.apparel-manifesto-lines .apparel-accent{color:#050505!important;position:relative}
.apparel-manifesto-lines .apparel-accent::after{content:"";display:inline-block;width:.42em;height:.42em;margin-left:.18em;border-radius:50%;background:var(--global-blue,#004b87);vertical-align:.08em}
.apparel-manifesto-copy{border-left:3px solid #050505;padding-left:24px}
.apparel-manifesto-copy p:first-child{font-size:20px!important;line-height:1.5;font-weight:700;color:#050505}
.apparel-manifesto-copy p{color:#4a4f55;line-height:1.7}
@media(min-width:901px){.apparel-manifesto{align-items:start!important;padding-top:96px!important;padding-bottom:96px!important}.apparel-manifesto-copy{position:sticky;top:120px;margin-top:8px}}
/* Apparel gallery: broken mosaic like the French Riviera page, lightbox on click. */
.apparel-gallery{position:relative}
.apparel-gallery .adult-gallery-grid{display:grid!important;gap:12px!important}
.apparel-gallery .adult-gallery-tile{border-radius:6px;overflow:hidden;border:0;padding:0;cursor:zoom-in}
.apparel-gallery .adult-gallery-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.apparel-gallery .adult-gallery-tile:hover img{transform:scale(1.04)}
.apparel-gallery .adult-gallery-all{position:absolute;right:16px;bottom:16px;background:#050505!important;color:#fff!important;border:0!important;box-shadow:0 8px 22px rgba(0,0,0,.25)}
@media(min-width:701px){
.apparel-gallery .adult-gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(3,clamp(150px,12vw,220px))!important}
.apparel-gallery .adult-gallery-tile:nth-child(1){grid-column:1/4!important;grid-row:1/3!important}
.apparel-gallery .adult-gallery-tile:nth-child(2){grid-column:4/6!important;grid-row:1!important}
.apparel-gallery .adult-gallery-tile:nth-child(3){grid-column:6/7!important;grid-row:1/3!important}
.apparel-gallery .adult-gallery-tile:nth-child(4){grid-column:4/5!important;grid-row:2!important}
.apparel-gallery .adult-gallery-tile:nth-child(5){grid-column:5/6!important;grid-row:2!important}
.apparel-gallery .adult-gallery-tile:nth-child(6){grid-column:1/3!important;grid-row:3!important}
.apparel-gallery .adult-gallery-tile:nth-child(7){grid-column:3/5!important;grid-row:3!important}
.apparel-gallery .adult-gallery-tile:nth-child(8){grid-column:5/7!important;grid-row:3!important}
}
@media(max-width:700px){.apparel-gallery .adult-gallery-grid{grid-template-columns:1fr 1fr!important;grid-auto-rows:150px}.apparel-gallery .adult-gallery-tile:first-child{grid-column:1/-1;grid-row:span 2}.apparel-gallery .adult-gallery-tile:nth-child(n+6){display:none}.apparel-gallery .adult-gallery-all{position:static;margin-top:12px}}