/* Shared monochrome editorial theme. */
:root{color-scheme:dark;--bg:#080808;--panel:#111;--ink:#f7f7f5;--muted:#aaa;--line:#2c2c2c}
body{background:var(--bg);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.65}
::selection{background:#eee;color:#080808}
button{color:inherit}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:5px}
header{display:grid;grid-template-columns:auto 1fr auto;min-height:112px;padding:18px 4%;gap:28px;background:var(--bg);border-bottom:1px solid var(--line)}
header .logo-mark{width:210px;color:var(--ink)}header .logo-ink>img{filter:none;mix-blend-mode:screen}header>nav{gap:8px 24px;justify-content:center}header>nav a{font-size:14px;letter-spacing:.025em;color:#ccc}header>nav a:hover,header>nav a[aria-current]{color:white;text-underline-offset:7px}
header .legal-menu{align-self:center}.legal-menu summary{border-color:var(--line);font-size:14px}.legal-menu summary:hover{border-color:#888}header .legal-dropdown{background:var(--panel);border-color:var(--line);box-shadow:0 20px 60px #0009}.legal-dropdown a,.legal-dropdown button{color:var(--ink)}.legal-dropdown a:hover,.legal-dropdown button:hover{background:#242424}
h1,h2{font-weight:400;letter-spacing:-.035em;line-height:1.08}h2{font-size:clamp(36px,4.5vw,68px)}.eyebrow,.edition{font-size:12px;letter-spacing:.17em;color:#b5b5b5}
.hero{height:clamp(580px,52vw,800px);max-height:none;min-height:580px;background:var(--bg);border-bottom:1px solid var(--line)}.hero>img{width:55%;object-position:center 36%}.hero:after{background:linear-gradient(90deg,#080808 0%,#080808 35%,#080808e6 43%,#08080800 70%)}.hero-copy{padding:clamp(110px,12vw,180px) 4% 70px;max-width:850px}.hero h1{font-size:clamp(50px,6.5vw,100px);font-weight:400;letter-spacing:-.04em;line-height:1.02;margin:32px 0}.hero p{color:#c0c0c0;font-size:.875rem}.hero-number{color:white;text-shadow:0 1px 8px #000}
.button{background:var(--ink);color:#090909;border:1px solid var(--ink);min-height:50px;padding:16px 24px;letter-spacing:.035em;font-size:14px;transition:background .2s,color .2s}.button:hover{background:transparent;color:white}
.intro{padding:100px 5%;gap:40px;border-bottom:1px solid var(--line);margin-bottom:60px}.intro p,.section-head>p,.contact-page>p,.film p{color:var(--muted)}
.collection,.editorial,.lookbook{padding:35px 4% 100px}.section-head{margin-bottom:36px}.section-head>span{color:var(--muted)}.products{gap:44px 20px}.product,.lookbook-card{color:var(--ink)}.product .photo,.lookbook-card img{background:var(--panel)}.product label{font-size:.875rem;padding-top:18px}.product small,.lookbook-card small{color:var(--muted);font-size:13px}.lookbook-card>span{padding-top:3px}.product img{transition:transform .6s ease}
.signature{background:#101010;border-block:1px solid var(--line)}.signature-copy{padding:80px 10%}.signature-copy h2{font-weight:400}.signature-copy p{font-size:.875rem;color:#b8b8b8}.signature-art{opacity:.8}.editorial{padding-top:100px}.editorial-grid{gap:24px}figcaption{font-size:12px;color:#b5b5b5;letter-spacing:.14em;padding-top:18px}.editorial-gallery span{background:#0b0b0bed;color:white;border:1px solid #ffffff40}.strength-preview{background:var(--panel);border-color:var(--line)}
.film{background:#101010;border-block:1px solid var(--line);padding:80px 10%;gap:80px}.film video{background:#080808}.lookbook{padding-top:100px}.lookbook-grid{gap:40px 20px}
footer{background:#080808;border-top:1px solid var(--line);padding:60px 5% 28px;gap:18px}footer small{border-color:var(--line)}footer .ai-disclosure{color:#999}footer .logo-mark{width:260px}
.contact-page,.legal-page{padding-top:80px;padding-bottom:100px}.contact-links,.contact-links>a,.legal-page section,.cookie-category{border-color:var(--line)}.contact-links span{color:var(--muted)}.legal-page p,.legal-page address{color:#ccc}
dialog{background:#111;color:var(--ink);border:1px solid #333}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.close,.cookie-close,#gallery-controls button,#gallery-thumbs button,.instagram-close,.instagram-controls button{background:#171717;color:white;border:1px solid #444}.close:hover,.cookie-close:hover,#gallery-controls button:hover,.instagram-controls button:hover{background:#333}#gallery-media,#instagram-stage{background:#080808}#gallery-thumbs button[aria-current="true"]{border-color:white}
.instagram-page{padding:70px 4% 90px}.instagram-page h1{font-size:clamp(36px,5vw,72px);letter-spacing:-.035em;font-weight:400}.instagram-page>p{color:var(--muted)}.instagram-grid{gap:6px;margin-top:40px}.instagram-card{background:#111;color:white;border:1px solid #fff;overflow:hidden}.instagram-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;transition:opacity .2s}.instagram-card:hover img{opacity:.85}
@media(max-width:1200px){header{grid-template-columns:1fr auto;gap:10px 20px}header .logo-mark{width:185px}header>nav{grid-row:2;grid-column:1/-1;justify-content:flex-start}header .legal-menu{grid-row:1;grid-column:2}.hero h1{font-size:clamp(48px,6.5vw,78px)}}
@media(max-width:900px){.hero{height:auto;min-height:0;display:flex;flex-direction:column;background:#080808;overflow:hidden}.hero>img{position:relative;width:100%;height:clamp(370px,65vw,600px);object-position:center 35%}.hero:after{display:none}.hero-copy{padding:38px 6% 55px;max-width:none}.hero h1{font-size:clamp(40px,8.5vw,72px);letter-spacing:-.04em;margin:24px 0}.hero p{font-size:.875rem}.intro{padding:60px 6%;margin-bottom:30px}.signature-copy{padding:40px 6%;gap:16px 24px}.signature-copy h2{font-size:38px}.signature-copy p{font-size:.875rem}.film{padding:55px 6%;gap:35px}}
@media(max-width:600px){header{padding:14px 5% 12px;gap:12px}header .logo-mark{width:150px}.legal-menu summary{padding:9px;gap:8px;min-height:44px}.legal-menu summary>span:last-child{max-width:100px;font-size:12px;line-height:1.4}header>nav{display:flex;width:100%;gap:2px 18px;justify-content:center}header>nav a{font-size:14px;min-height:44px}header .legal-menu{align-self:center}.hero>img{height:430px}.hero-copy{padding:32px 6% 44px}.hero .eyebrow{font-size:12px;letter-spacing:.1em}.hero h1{font-size:clamp(36px,9vw,54px)}h2,.intro h2{font-size:38px}.intro{gap:24px}.collection,.editorial,.lookbook{padding:30px 5% 60px}.products{gap:30px 12px}.product label{font-size:14px}.signature-copy h2{font-size:34px}.signature-copy .signet{width:180px}.editorial-grid{gap:32px}.lookbook-grid{gap:30px 12px}.film{gap:26px;padding:45px 6%}.instagram-page{padding:42px 5% 60px}.instagram-grid{gap:4px;margin-top:28px}.contact-page,.legal-page{padding-top:48px;padding-bottom:64px}footer{padding:45px 6% 24px}}
@media(prefers-reduced-motion:reduce){.button,.product img,.instagram-card img{transition:none}}

/* Monochrome arrow icons avoid colored emoji rendering on iOS. */
.arrow-up-right{display:inline-block;width:1em;height:1em;vertical-align:-.1em;flex:none}

/* Give the signature pattern more vertical space on phones and tablets. */
@media(max-width:1100px){.signature-art{height:clamp(160px,24vw,240px)}}

/* Automatic campaign carousel with uncropped portrait artwork. */
.hero-carousel{display:grid;grid-template-columns:1fr 1fr;align-items:center;height:auto;min-height:0;overflow:hidden}.hero-carousel:after{display:none}.hero-carousel .hero-copy{grid-column:1;grid-row:1;padding:70px 8%;max-width:none}.hero-slider{grid-column:2;grid-row:1;position:relative;display:grid;justify-self:center;width:min(100%,calc(82svh * .5625));height:auto;min-width:0;background:#080808;overflow:hidden}.hero-slide{grid-area:1/1;display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;opacity:0;transition:opacity .8s ease;pointer-events:none}.hero-slide.is-active{opacity:1}.hero-slider-controls{grid-area:1/1;justify-self:center;position:relative;z-index:2;margin:12px 0;display:flex;gap:8px;align-items:center;padding:4px;background:#080808d9;border:1px solid #ffffff60;color:#fff;white-space:nowrap}.hero-slider-controls button{min-width:44px;min-height:44px;padding:8px 12px;border:0;background:transparent;color:white;font-size:.875rem;cursor:pointer}.hero-slider-controls button:hover{background:#333}.hero-slider-controls span{font-size:14px;min-width:44px;text-align:center}
@media(max-width:900px){.hero-carousel{display:flex;flex-direction:column}.hero-slider{width:min(100%,calc(76svh * .5625));height:auto;min-height:0;flex:none}.hero-carousel .hero-copy{padding:32px 6% 44px;width:100%}.hero-slider-controls{margin:10px 0}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* Full-width portraits on phones; viewport-scaled portraits on larger screens. */
@media(max-width:600px){.hero-slider{width:100%}.hero-carousel .hero-copy{padding-top:24px}}
@media(min-width:901px){.hero-carousel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-carousel .hero-copy{min-width:0}.hero-carousel h1{font-size:clamp(40px,5.6vw,90px)}}

/* Signature brand statement. */
.signature-copy h2{font-size:clamp(28px,3.3vw,50px);overflow-wrap:normal}.signature-claim strong{display:block;color:#fff;margin-bottom:18px;line-height:1.5}.signature-claim span{display:block;line-height:1.7}

.hero-slider-controls[hidden]{display:none}

/* Subtle navigation directly over the slider artwork. */
.hero-slider-controls{position:absolute;inset:0;display:block;width:100%;margin:0;padding:0;border:0;background:none;pointer-events:none}.hero-slider-controls [data-slide-count],.hero-slider-controls [data-slide-pause]{display:none}.hero-slider-controls button[data-slide-prev],.hero-slider-controls button[data-slide-next]{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:10px;background:#0005;border:1px solid #ffffff40;border-radius:50%;color:#fff;pointer-events:auto}.hero-slider-controls [data-slide-prev]{left:10px}.hero-slider-controls [data-slide-next]{right:10px}.hero-slider-controls button:hover{background:#0009}.hero-slider-controls svg{width:24px;height:24px}

/* Footer navigation back to the top of each page. */
footer .back-to-top-wrap{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:20;width:48px;margin:0;flex-basis:auto}footer .back-to-top{display:grid;place-items:center;width:48px;height:48px;margin:0 auto;border:1px solid #ffffff60;border-radius:50%;color:#fff;background:#080808e6;box-shadow:0 4px 18px #0006}footer .back-to-top:hover{background:#292929;border-color:#fff}footer .back-to-top svg{width:24px;height:24px}

/* The header stays in place while the opaque page content scrolls over it. */
body{overflow-x:clip}
body>header{position:sticky;top:0;z-index:30}
body>main{position:relative;z-index:1;isolation:isolate;background:var(--bg);margin-top:clamp(36px,6vw,88px)}
body>main:before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:var(--bg);z-index:-1;pointer-events:none}
body>footer{position:relative;z-index:1}
body>header:has(.legal-menu[open]){z-index:30}

/* Keep the opening slider section behind the subsequent scrolling content. */
.hero-carousel{position:sticky;top:var(--hero-sticky-top,0px);z-index:0}.scrolling-content{position:relative;z-index:1;display:flow-root;background:var(--bg)}

html{scroll-padding-top:calc(var(--site-header-height,112px) + 16px)}

/* Branded, dismissible Instagram invitation. */
dialog.instagram-invitation{position:fixed;inset:0;box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:28px 28px 36px;overflow:auto;border:1px solid #ffffff50;background:#000;color:#fff;text-align:center;box-shadow:0 24px 100px #0008}
.instagram-invitation::backdrop{background:#000a;backdrop-filter:blur(4px)}
.instagram-invitation-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;background:transparent;color:#fff;cursor:pointer}
.instagram-invitation-close svg{width:24px;height:24px}
.instagram-invitation-logo{display:block;width:100%;max-width:300px;height:auto;margin:0 auto -16px}
.instagram-invitation h2{margin:0;font-size:clamp(22px,5vw,28px);font-weight:400;line-height:1.25;letter-spacing:0}
.instagram-invitation p{margin:14px 0 26px;color:#ccc;font-size:18px}
.instagram-invitation-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 22px;border:1px solid #fff;background:transparent;color:#fff;text-decoration:none;font-size:15px}
.instagram-invitation-link:hover{background:transparent;color:#fff;text-decoration:underline;text-underline-offset:4px}
.instagram-invitation :focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-height:620px){.instagram-invitation-logo{max-width:190px}.instagram-invitation p{margin:10px 0 18px}}

/* Accessible, non-modal privacy information at the bottom of every page. */
body{padding-bottom:var(--privacy-banner-height,0px)}
.privacy-banner{position:fixed;inset:auto 0 0;z-index:40;display:flex;align-items:center;gap:24px;padding:22px max(5%,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom));background:#111;color:#fff;border-top:1px solid #666;box-shadow:0 -10px 40px #0006;max-height:70dvh;overflow:auto;text-align:left}
.privacy-banner[hidden]{display:none}
.privacy-banner-copy{flex:1;min-width:0;padding-right:20px}
.privacy-banner h2{font-size:20px;line-height:1.3;letter-spacing:0;margin:0 0 8px}
.privacy-banner p{font-size:.875rem;line-height:1.55;color:#ccc;margin:0;max-width:850px}
.privacy-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex-shrink:0;padding-right:28px}
.privacy-banner-actions button,.privacy-banner-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #777;background:transparent;color:#fff;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
.privacy-banner-actions .privacy-banner-dismiss{background:#fff;color:#111;border-color:#fff}
.privacy-banner-actions button:hover,.privacy-banner-actions a:hover{background:#333;color:#fff}
.privacy-banner-close{position:absolute;top:6px;right:8px;width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}
footer .back-to-top-wrap{bottom:calc(18px + env(safe-area-inset-bottom,0px) + var(--privacy-banner-height,0px))}
@media(max-width:1100px){.privacy-banner{align-items:flex-start;flex-direction:column;gap:16px}.privacy-banner-actions{padding-right:0}.privacy-banner-copy{padding-right:24px}}
@media(max-width:400px){.privacy-banner{padding-left:16px;padding-right:16px}.privacy-banner-actions{gap:8px}.privacy-banner-actions button,.privacy-banner-actions a{padding:10px}}

.instagram-feed-note{max-width:800px;font-size:.875rem;line-height:1.65;color:#ccc}.instagram-feed-note a{text-decoration:underline}.instagram-feed-note[hidden]{display:none}.instagram-card-unavailable{min-height:220px;aspect-ratio:3/4;display:grid;place-items:center;padding:24px;font:inherit;border:1px solid #555}.instagram-slide-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px 0}.instagram-slide-controls button{min-height:44px;background:transparent;border:1px solid #777;padding:8px 16px;color:#fff;cursor:pointer}#instagram-stage{display:flex;flex-direction:column;align-items:center;height:auto;min-height:100px}#instagram-stage>img,#instagram-stage>video{max-height:65dvh;object-fit:contain;width:100%;height:auto}#instagram-stage>a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;margin:8px 0}.instagram-caption{width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem;line-height:1.6;color:#ccc;text-align:left}#instagram-viewer{max-height:94dvh;overflow:auto}#instagram-count{font-size:14px;text-align:center}

/* Additional collection: horizontal jacket and coat editorial. */
.jacket-collection{margin-top:80px;padding-top:44px;border-top:1px solid var(--line)}
.jacket-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}
.jacket-heading-row h3{font-size:clamp(28px,3.7vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:12px 0 0}
.jacket-arrows{display:flex;gap:10px;flex:none}.jacket-arrows button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #777;background:transparent;color:#fff;cursor:pointer}.jacket-arrows svg{width:24px;height:24px}.jacket-arrows button:hover{background:#222}.jacket-arrows button:disabled{opacity:.3;cursor:default}
.jacket-track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:24px 16px 30px;margin-inline:-16px;scrollbar-width:thin;scrollbar-color:#888 #161616}
.jacket-card{position:relative;flex:0 0 calc((100% - 48px)/3);min-width:0;padding:0;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start;transition:transform .3s ease;transform-origin:center center}
.jacket-card img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:center;background:#101010;border:1px solid #ffffff50}.jacket-card>span{display:block;font-size:.875rem;line-height:1.4;padding-top:14px;min-height:3.7em}.jacket-card:focus-visible{outline:2px solid white;outline-offset:5px}
@media(hover:hover) and (pointer:fine){.jacket-card:hover{transform:scale(1.045);z-index:2}.jacket-card:hover img{border-color:#fff}}
@media(max-width:1000px){.jacket-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:600px){.jacket-collection{margin-top:50px;padding-top:30px}.jacket-heading-row{gap:14px;align-items:center}.jacket-heading-row h3{font-size:28px}.jacket-arrows{gap:6px}.jacket-arrows button{width:44px;height:44px}.jacket-track{gap:16px;padding-top:18px}.jacket-card{flex-basis:83%}}
@media(prefers-reduced-motion:reduce){.jacket-card{transition:none}}

.jacket-track{align-items:flex-start}

/* Uniform portrait previews throughout the lookbook. */
.lookbook-grid{align-items:start}.lookbook-card img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:center}.lookbook-card>span{min-height:2.8em}

/* Uniform editorial previews, including the existing detail image. */
#editorial .editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px;align-items:start}
#editorial .editorial-grid>figure{margin:0;min-width:0}
#editorial .editorial-grid>figure>button{position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
#editorial .editorial-grid>figure>img,#editorial .editorial-grid>figure>button>img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:center;background:#111}
#editorial figcaption{min-height:3.5em;font-size:13px;line-height:1.5;letter-spacing:.08em;padding-top:14px}
.editorial-video-label{position:absolute;right:12px;bottom:12px;padding:8px 12px;background:#080808dc;border:1px solid #ffffff80;color:#fff;font-size:14px}
@media(max-width:1100px){#editorial .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#editorial .editorial-grid{grid-template-columns:1fr;gap:28px}}
