:root{--surface:#f5f5f2;--text:#161616;--muted:#68685f;--rule:#cecec6}
html[data-theme="dark"]{color-scheme:dark;--paper:#080808;--ink:#f5f5f2;--surface:#080808;--text:#f5f5f2;--muted:#bcbcb6;--rule:#383838;--blue:#929cff}
.theme-toggle{display:grid;place-items:center;width:34px;height:34px;padding:7px;border:1px solid var(--rule);border-radius:50%;background:transparent;color:inherit;flex-shrink:0}
.theme-toggle svg{width:18px;height:18px}.theme-toggle .sun{display:none}html[data-theme="dark"] .theme-toggle .sun{display:block}html[data-theme="dark"] .theme-toggle .moon{display:none}
.header-tools{display:flex;align-items:center;gap:14px;justify-self:end}.home-header>.header-tools{grid-column:3;grid-row:1}
.mobile-menu-toggle{display:none}.mobile-menu{position:fixed;inset:0 auto 0 0;width:min(88vw,420px);height:100dvh;max-height:none;max-width:none;margin:0;padding:30px 26px;border:0;background:var(--surface);color:var(--text);transform:translateX(-100%);transition:transform .48s cubic-bezier(.22,.68,0,1);overflow-y:auto;z-index:3000}
.mobile-menu[open]{transform:translateX(0)}@starting-style{.mobile-menu[open]{transform:translateX(-100%)}}
.mobile-menu.closing{transform:translateX(-100%)}.mobile-menu::backdrop{background:#0006;backdrop-filter:blur(3px)}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:64px}.mobile-menu-head strong{font-size:25px;letter-spacing:-1px}.mobile-menu-close{border:0;background:transparent;color:inherit;font-size:30px;padding:4px 10px}
.mobile-menu nav{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:0;overflow:visible}.mobile-menu nav a{display:block;padding:21px 0;border-bottom:1px solid var(--rule);font-size:18px;letter-spacing:1.5px}.mobile-menu .menu-about{font-size:12px;margin-top:32px;display:block}
#turkish-touch .men-banner-cta{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
html[data-theme="dark"] body{background:var(--surface);color:var(--text)}
html[data-theme="dark"] :is(header,.home-header,.editorial-home,.home-chapters,.collections-heading,.konsept-footer,.home-block,.block-content,.collection-alt,.designer-dialog,.designer-card,.concept-copy){background-color:var(--surface);color:var(--text);border-color:var(--rule)}
html[data-theme="dark"] :is(.collections-heading h2,.language-menu select,.lang button,.collection-intro,.product-card p,.concept-copy p,.footer-bottom,.collection-back){color:var(--muted)}
html[data-theme="dark"] :is(.product-card,.collection-panel,.designer-card,.facts div,.section-top){border-color:var(--rule)}
html[data-theme="dark"] .collection-panel{background:#141414;color:var(--text)}
html[data-theme="dark"] .hero-copy{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .language-menu::after{border-color:var(--muted)}
html[data-theme="dark"] .language-menu option{background:#111;color:#fff}
@media(max-width:1050px) and (min-width:751px){.home-header>.header-tools{grid-column:2}}
@media(max-width:750px){
 .world-pause{display:none!important}.world-band:hover .world-track{animation-play-state:running}
 header.home-header{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;padding:10px 16px;min-height:62px;background:var(--surface);color:var(--text)}
 .home-header>nav{display:none!important}.home-header>.logo{grid-column:2;grid-row:1;justify-self:center;font-size:26px;letter-spacing:-1.6px}
 .mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;border:0;padding:10px 8px;background:none;color:inherit;grid-column:1;grid-row:1;justify-self:start}
 .mobile-menu-toggle span{display:block;width:21px;height:1px;background:currentColor}
 .home-header>.header-tools{grid-column:3;gap:6px}.home-header .language-menu{border:0;padding:0}
 .home-header .language-menu select{width:39px;height:30px;padding:0 12px 0 2px;font-size:9px;letter-spacing:.5px}
 .home-header .language-menu::after{right:3px;top:11px;width:3px;height:3px}.theme-toggle{width:28px;height:28px;padding:5px}
 .editorial-home>.hero{position:sticky;top:0;z-index:0;display:flex;flex-direction:column;height:calc(100svh - var(--intro-chrome,98px));min-height:0;border:0;overflow:hidden;background:var(--surface)}
 .editorial-home .hero-copy{flex:0 0 auto;padding:18px 6% 16px;min-height:0;background:var(--surface)}
 .editorial-home .hero h1{font-size:clamp(36px,10.5vw,64px);line-height:.95;letter-spacing:-2px;margin:0 0 12px}
 .editorial-home .hero p{font-size:clamp(12px,3.4vw,16px);line-height:1.4;margin:0;max-width:340px}
 .editorial-home .hero-image{flex:1;min-height:0;max-height:none;aspect-ratio:auto;width:100%;margin:0;background:#2435ef}
 .editorial-home .hero-image img{width:100%;height:100%;object-fit:contain;object-position:center}
 .home-chapters{position:relative;z-index:2;display:flow-root;background:var(--surface);padding-top:22px;min-height:100svh;box-shadow:0 -18px 50px #0002;scroll-margin-top:0}
 .editorial-home .home-chapters .collections-heading{margin:0 0 18px}
 .home-scroll-cue{display:flex;align-items:center;justify-content:center;gap:10px;position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:8px 12px;background:#080808c9;color:#fff;white-space:nowrap;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;z-index:1}
 .konsept-footer{position:relative;z-index:2;background:var(--surface)}
}
@media(min-width:751px){.home-scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){.mobile-menu{transition:none}html{scroll-behavior:auto}}
@media(max-width:750px){.editorial-home .hero-image img{object-fit:cover;object-position:55% center}}
html[data-theme="dark"] :is(.description,.intro p,.product p,.home-coming p,.about-dedication p){color:var(--muted)}
html[data-theme="dark"] :is(.about-dialog,.intro,.behind-page,.home-collection-page){background-color:var(--surface);color:var(--text)}
html[data-theme="dark"] :is(.products-head,.meet-billur,.home-coming,.concept-signature){border-color:var(--rule)}
.home-header~.editorial-home .hero p{text-transform:uppercase}
@font-face{font-family:KonseptSans;src:url('jost-regular.woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:KonseptSerif;src:url('cormorant-garamond.woff2');font-style:normal;font-weight:400;font-display:swap}
body,body :is(a,button,select,input,label,small,dt,dd){font-family:KonseptSans,'Century Gothic',Arial,sans-serif!important}
body :is(h1,h2,h3,h4,h5,p){font-family:KonseptSerif,Georgia,serif!important}
body :is(.touch-door h2,.touch-page-title,.radio-genre-heading,.radio-eyebrow,.radio-state,.radio-track,.radio-track *,.radio-mini *,.men-banner h2,.men-banner-cta,.taste-kicker,.eyebrow){font-family:KonseptSans,'Century Gothic',Arial,sans-serif!important}
body :is(.logo,.footer-logo,.culture-logo,.taste-page-logo,.explore-logo,.touch-page-logo),body .hero h1{font-family:Arial,Helvetica,sans-serif!important}
body .hero p{font-family:KonseptSans,'Century Gothic',Arial,sans-serif!important}
.language-menu{display:flex;align-items:center;gap:5px}.language-globe{width:14px;height:14px;display:inline-block;flex-shrink:0;vertical-align:middle;color:inherit}.lang .language-globe{margin:0 5px}.home-header .language-menu select{padding-left:3px}
@media(max-width:750px){.language-globe{width:12px;height:12px}.home-header .language-menu{gap:2px}}

/* Compact language label and chevron. */
header .language-menu{position:relative}
header .language-menu select,header.home-header .language-menu select{appearance:none;-webkit-appearance:none;box-sizing:border-box;min-width:0;width:calc(1.4em + 7px);padding:0 7px 0 0;letter-spacing:0;text-align:left}
header .language-menu::after,header.home-header .language-menu::after{content:"";position:absolute;right:1px;top:50%;width:4px;height:4px;border:0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-65%) rotate(45deg);pointer-events:none}
header .language-menu select#language-select{padding:0 7px 0 0}

/* Pointer clicks keep the clean text treatment; keyboard focus stays visible. */
.about-open:focus:not(:focus-visible){outline:none;box-shadow:none}


/* Native language choices with a small gap before the arrow. */
header .language-menu select,header.home-header .language-menu select,header .language-menu select#language-select{display:block;appearance:none;-webkit-appearance:none;background:transparent;color:inherit;border:0;border-radius:0;box-shadow:none;width:42px;min-width:42px;padding:6px 15px 6px 0;font-family:inherit;font-size:11px;line-height:1.4;cursor:pointer}
header .language-menu::after,header.home-header .language-menu::after{display:block;right:2px;pointer-events:none}
header .language-menu select:focus:not(:focus-visible){outline:none;box-shadow:none}
header .language-menu select:focus-visible{outline:1px solid currentColor;outline-offset:4px}
header .language-menu option{background:#f5f5f2;color:#161616}

/* Text-only language choices: no native popup, border, fill or shadow. */
header .language-menu select[hidden]{display:none!important}
header .language-menu::after,header.home-header .language-menu::after{display:none}
header .language-menu{position:relative;z-index:60}
header .language-trigger,header .language-choices button{appearance:none;background:none!important;border:0!important;border-radius:0;box-shadow:none!important;color:inherit;padding:6px 0;font:inherit;font-size:11px;line-height:1.4;cursor:pointer;-webkit-tap-highlight-color:transparent}
header .language-trigger{display:inline-flex;align-items:center;gap:6px}
header .language-trigger::after{content:'';width:4px;height:4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
header .language-choices{position:absolute;right:0;top:100%;display:flex;gap:12px;align-items:center;background:transparent;border:0;box-shadow:none;padding:0;white-space:nowrap}
header .language-choices[hidden]{display:none!important}
header .language-choices button[aria-pressed="true"]{text-decoration:underline;text-underline-offset:3px}
header .language-trigger:focus:not(:focus-visible),header .language-choices button:focus:not(:focus-visible){outline:none}
header .language-trigger:focus-visible,header .language-choices button:focus-visible{outline:1px solid currentColor;outline-offset:3px}

/* The current language stays on top; its alternative appears underneath. */
header .language-choices{flex-direction:column;align-items:flex-start;gap:0;right:auto;left:19px;min-width:0}
header .language-choices button{padding:6px 0}
header .language-choices button[aria-pressed="true"]{display:none}

@media(max-width:750px){header .language-choices{left:17px}.home-header .language-choices{left:14px}}

/* Compact translucent navigation, matching the collection drawers. */
.mobile-menu{inset:76px auto auto 16px;width:min(310px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 100px);margin:0;padding:24px;border:1px solid #ffffff80;background:rgba(250,250,247,.93);color:#161616;box-shadow:0 16px 50px #00000014;backdrop-filter:blur(14px);transform:translateX(-18px);opacity:0;transition:transform .22s ease,opacity .22s ease}
.mobile-menu[open]{transform:translateX(0);opacity:1}@starting-style{.mobile-menu[open]{transform:translateX(-18px);opacity:0}}.mobile-menu.closing{transform:translateX(-18px);opacity:0}.mobile-menu::backdrop{background:#ffffff35;backdrop-filter:none}.mobile-menu-head{margin-bottom:20px}.mobile-menu-head strong{font-size:17px;letter-spacing:.2px}.mobile-menu-close{font-size:24px;padding:0 4px}.mobile-menu nav a{padding:16px 0;font-size:12px;letter-spacing:1.2px;border-color:#16161625}.mobile-menu nav a:last-child{border-bottom:0}html[data-theme=dark] .mobile-menu{background:#191919ed;color:#f5f5f2;border-color:#ffffff20}html[data-theme=dark] .mobile-menu nav a{border-color:#ffffff25}
#persistent-player .sound-toggle svg{width:21px;height:21px;display:block} @media(prefers-reduced-motion:reduce){.mobile-menu{transition:none}}

/* A deliberate left-to-right entrance, including browsers without starting-style. */
@keyframes konsept-menu-enter{from{transform:translateX(calc(-100% - 18px));opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes konsept-menu-exit{from{transform:translateX(0);opacity:1}to{transform:translateX(calc(-100% - 18px));opacity:0}}
@media(prefers-reduced-motion:no-preference){
 .mobile-menu[open]{animation:konsept-menu-enter .65s cubic-bezier(.22,1,.36,1) both;transition:none}
 .mobile-menu[open].closing{animation:konsept-menu-exit .4s cubic-bezier(.4,0,.6,1) both}
}
@media(max-width:750px) and (prefers-reduced-motion:no-preference){
 .women-category-dialog[open]{animation:konsept-menu-enter .65s cubic-bezier(.22,1,.36,1) both}
}

/* Mobile navigation meets the viewport edges, like the 24S reference. */
@media(max-width:750px){
 .mobile-menu{box-sizing:border-box;inset:0 0 auto 0;width:100%;max-width:100%;height:auto;max-height:100dvh;margin:0;padding:20px 24px 24px;border:0;border-radius:0;background:var(--surface);color:var(--text);box-shadow:0 8px 24px #0002;backdrop-filter:none}
 html[data-theme=dark] .mobile-menu{background:var(--surface);color:var(--text)}
 .mobile-menu-head{position:relative;justify-content:center;min-height:44px;margin:0 0 16px}
 .mobile-menu-head strong{font:900 26px Arial,sans-serif;letter-spacing:-1.6px}
 .mobile-menu-close{position:absolute;left:-10px;top:0;width:44px;height:44px;padding:0;font-size:28px}
 .mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:15px 0;font-size:14px;letter-spacing:.4px;border-bottom:1px solid var(--rule)}
 .mobile-menu nav a::after{content:'›';font:24px Arial,sans-serif}
 .mobile-menu nav a:last-child{border-bottom:1px solid var(--rule)}
}

/* Category panels roll down and retract upward. */
@keyframes konsept-category-down{from{transform:translateY(-105%)}to{transform:translateY(0)}}
@keyframes konsept-category-up{from{transform:translateY(0)}to{transform:translateY(-105%)}}
@media(prefers-reduced-motion:no-preference){
 .women-category-dialog[open],.mobile-menu[open]{animation:konsept-category-down .7s cubic-bezier(.25,.8,.25,1) both!important;transition:none}
 .women-category-dialog[open].is-closing,.mobile-menu[open].closing{animation:konsept-category-up .55s cubic-bezier(.4,0,.6,1) both!important}
 .women-category-dialog[open] .women-categories{animation:none}
}
@media(prefers-reduced-motion:reduce){.women-category-dialog[open],.mobile-menu[open]{animation:none!important;transition:none}}
@media(max-width:750px){
 .konsept-footer.homepage-minimal-footer .footer-main{align-items:stretch}
 .konsept-footer.homepage-minimal-footer .footer-main .footer-behind{align-self:flex-end;margin-left:auto;justify-content:flex-end;text-align:right;padding-right:0}
}

@media(max-width:750px){.konsept-footer.homepage-minimal-footer .footer-main .footer-behind{margin-top:auto;padding-right:0!important}}

.women-category-dialog{inset:0 auto auto 0;margin:0;height:auto;max-height:90dvh;transform:none;clip-path:none;will-change:transform}
.women-category-dialog::backdrop,.mobile-menu::backdrop{background:#0004}
/* Readable mobile collection doors, with the same breathing room as Home. */
@media(max-width:700px){
 .women-collection:not(.home-collection) .women-edits{gap:18px!important;background:transparent!important}
 .women-collection:not(.home-collection) .women-edits>.women-edit{min-height:0;border-radius:0}
 .dvd-mobile-detail{scroll-margin-top:100px}
}
/* Editorial labels use words and small marks instead of decorative numbering. */
.collection-grid .product-card::before{content:none!important}
.chapter-nav a{justify-content:center;gap:0!important;text-align:center}
.chapter-nav strong{flex:0 1 auto;max-width:none!important}
.chapter-nav a::before{content:none!important}
.chapter-heading{grid-template-columns:minmax(0,1fr) auto}
.chapter-heading>.eyebrow{grid-column:auto}
.fashion-motion-steps button .story-dot{display:block;width:7px;height:7px;margin:auto;border-radius:50%;background:currentColor;opacity:.35}
.fashion-motion-steps button[aria-pressed=true] .story-dot{width:18px;border-radius:5px;opacity:1}
.taste-scene-top>span:first-child{display:none}
.explore-footer.explore-return-only{padding:26px 6%;background:transparent}
.explore-footer.explore-return-only>a{margin:0;padding-bottom:6px;font-size:11px}
@media(max-width:700px){.chapter-heading{grid-template-columns:minmax(0,1fr)}.chapter-heading>.eyebrow{grid-column:1}}

/* Four-language controls on all catalogue and editorial headers. */
header .language-menu{position:relative;display:flex;align-items:center;gap:5px;flex-shrink:0;color:inherit}
header .language-globe{width:13px;height:13px;flex-shrink:0}
header .language-choices{z-index:100;background:var(--surface,#f5f5f2);padding:5px 10px;left:9px;min-width:42px}
header[data-no-theme]>.language-menu{margin-left:auto;color:#fff}
html[lang="ru"] .fashion-sphere-hint,html[lang="tr"] .fashion-sphere-hint{font-size:6px;letter-spacing:.7px;max-width:70%;white-space:normal;text-align:center}
html[lang="ru"] .women-edit-copy h2{overflow-wrap:break-word}
