/* DIALIX in a hypercar-maison language: pure black, condensed capitals, typewriter labels,
   one signature script, rounded full-bleed panels and blur-to-focus reveals. */
:root{--bx-black:#050405;--bx-white:#B9937C;--bx-grey:#B9937C;--bx-line:rgba(185,147,124,.6);--bx-gold:#B9937C;
  --bx-cond:'Barlow Condensed','Arial Narrow',Arial,sans-serif;--bx-mono:'Space Mono','Courier New',monospace;--bx-script:'Herr Von Muellerhoff','Brush Script MT',cursive}
html body{background:var(--bx-black)!important;color:var(--bx-white)}
main>section:not(.hero):not(.sourcing):not(.contact),body .site-footer{background:var(--bx-black)!important}

/* Header: MENU left, maison centred, quiet tools right */
body header.nav{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center;padding:0 3%!important;height:84px}
body header.nav .desktop-nav{display:none!important}
body header.nav .brand{grid-column:2;justify-self:center;gap:10px}
body header.nav .brand span{font:600 22px/1 var(--bx-cond)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--bx-white)!important;background:none!important;-webkit-text-fill-color:currentColor}
body header.nav .brand img{width:22px!important;height:26px!important}
body header.nav .header-tools{grid-column:3;justify-self:end;gap:18px}
body header.nav .header-tools select,body header.nav .header-cart{font:400 11px/1 var(--bx-mono)!important;letter-spacing:.08em}
body header.nav .menu{position:absolute;left:3%;top:50%;transform:translateY(-50%);display:flex!important;align-items:center;gap:12px;padding:10px 0!important;color:var(--bx-white)}
body header.nav .menu span{width:18px!important;margin:4px 0!important}
body header.nav .menu::after{content:'MENU';font:400 11px/1 var(--bx-mono);letter-spacing:.1em;margin-left:2px}
body header.nav .menu{flex-direction:row}
body header.nav .menu span+span{margin-top:0!important}
body header.nav .menu{background:none;border:0}
body header.nav .menu::before{content:'';display:none}
@media(max-width:760px){body header.nav{height:68px;padding:0 18px!important}body header.nav .brand span{font-size:16px!important;letter-spacing:.12em!important}body header.nav .brand img{display:none!important}body header.nav .menu{left:18px}body header.nav .menu::after{display:none}body header.nav .header-tools select{max-width:52px}}

/* Hero: script signature, typewriter line, outline pill */
body .hero .hero-content{left:50%!important;right:auto!important;top:auto!important;bottom:clamp(90px,13vh,150px)!important;transform:translateX(-50%)!important;width:min(1100px,92%)!important;text-align:center!important;display:grid;justify-items:center;gap:0}
body .hero .hero-content h1{display:flex;flex-direction:column;align-items:center;text-align:center!important;margin:0!important;font-size:inherit!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;font-weight:400!important}
body .hero .hero-content h1 br{display:none!important}
body .hero .hero-content h1{font:400 12px/1.4 var(--bx-mono)!important;letter-spacing:.32em!important;text-transform:uppercase!important;color:var(--bx-white)!important}
body .hero .hero-content h1 em{display:block;font:italic 400 clamp(64px,8.6vw,138px)/1 'Cormorant Garamond',Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--bx-white)!important;margin:.06em 0 .02em;text-shadow:0 6px 40px rgba(0,0,0,.45)}
body .hero .hero-sub{font:400 12px/1.7 var(--bx-mono)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--bx-white)!important;max-width:44em!important;margin:6px auto 0!important;text-align:center}
body .hero .hero-actions{justify-content:center!important;margin-top:30px!important}
body .hero .hero-shade{background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.72) 26%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.35) 100%)!important}
body .hero .hero-glass{display:none}
body .hero .hero-tagline{font:400 10px/1 var(--bx-mono)!important;letter-spacing:.24em!important;color:var(--bx-grey)!important}
@media(max-width:760px){body .hero .hero-content{bottom:96px!important;width:calc(100% - 36px)!important}body .hero .hero-content h1{font-size:10px!important;letter-spacing:.26em!important}body .hero .hero-content h1 em{font-size:clamp(54px,15vw,80px)!important}body .hero .hero-sub{font-size:10px!important;letter-spacing:.1em!important}body .hero .hero-actions .hero-button.secondary{display:none!important}}

/* Buttons and links */
body .hero-button,body .hero-button.primary,body .hero-button.secondary,body .contact-primary{background:transparent!important;color:var(--bx-white)!important;border:1px solid var(--bx-line)!important;border-radius:999px!important;font:400 11px/1 var(--bx-mono)!important;letter-spacing:.14em!important;text-transform:uppercase;min-height:48px!important;padding:16px 28px!important}
body .hero-button:hover{background:var(--bx-white)!important;color:#000!important;border-color:var(--bx-white)!important}
body .line-link{font:400 11px/1 var(--bx-mono)!important;letter-spacing:.1em!important;text-transform:uppercase;color:var(--bx-white)!important;border-bottom:1px solid var(--bx-white)!important;padding:0 0 6px!important;gap:0!important}
body .line-link:after{display:none!important}

/* Type: condensed capitals, typewriter labels */
body .eyebrow{font:400 11px/1.5 var(--bx-mono)!important;letter-spacing:.18em!important;color:var(--bx-gold)!important}
body .manifesto h2,body .section-heading h2,body .sourcing h2,body .contact h2,body .zs-copy h2,body .detail-copy h2{font:500 clamp(44px,5.6vw,92px)/.98 var(--bx-cond)!important;letter-spacing:.005em!important;text-transform:uppercase!important}
body .manifesto h2 em,body .section-heading h2 em,body .sourcing h2 em,body .contact h2 em,body .zs-copy h2 em{font:inherit!important;font-style:normal!important;color:var(--bx-gold)!important;letter-spacing:inherit!important;text-transform:uppercase!important}
body .body-copy,body .contact-sub,body .piece-description,body .sourcing-steps details p{font:400 13px/1.75 var(--bx-mono)!important;color:var(--bx-grey)!important}

/* The art of discovery: left-aligned like a maison index */
body main>section.manifesto{text-align:left!important;padding-left:3%!important;padding-right:3%!important}
body .manifesto h2{margin:18px 0 22px!important;max-width:14ch}
body .manifesto .body-copy{margin:0 0 30px!important;max-width:46ch}
.bt{border-radius:8px}
.bt figcaption strong{font:500 26px/1 var(--bx-cond)!important;text-transform:uppercase;letter-spacing:.01em}
.bt.half figcaption strong{font-size:21px!important}
.bt figcaption span{font:400 10px/1 var(--bx-mono)!important;color:var(--bx-grey)!important;letter-spacing:.14em!important}
.bento-run{-webkit-mask-image:none;mask-image:none;margin-top:56px}
.bento-arr{border-color:var(--bx-line)!important}
.bento-arr:hover{background:var(--bx-white)!important;border-color:var(--bx-white)!important;color:#000!important}
.maisons{border-top:1px solid rgba(185,147,124,.14)!important;justify-content:flex-start!important}
.maisons li{font:400 11px/1.4 var(--bx-mono)!important;letter-spacing:.14em!important;color:var(--bx-grey)!important}

/* Objects of desire: card index with condensed titles */
body .section-heading{text-align:left}
body .piece-copy h3{font:500 32px/1 var(--bx-cond)!important;text-transform:uppercase;letter-spacing:.01em}
body .piece-copy .eyebrow{color:var(--bx-grey)!important}
body .piece-reference{font:400 10px/1.5 var(--bx-mono)!important;letter-spacing:.12em!important;color:var(--bx-grey)!important}
body .showcase .collection-slide .piece-photo{border-radius:8px}
body .carousel-controls .carousel-arrow{border-color:var(--bx-line)!important}

/* Full-width rounded panels with centred copy */
body main>section.sourcing,body main>section.contact{margin:0 3% 48px!important;border-radius:10px!important;overflow:hidden!important}
body main>section.sourcing{text-align:center}
body main>section.contact{align-items:center!important;text-align:center!important}
body main>section.contact h2,body main>section.contact .eyebrow{text-align:center!important}
body main>section.contact .contact-sub{margin:20px auto 0!important;text-align:center}
body main>section.contact .contact-actions{justify-content:center!important}
body .sourcing-steps summary>strong{font:500 26px/1 var(--bx-cond)!important;text-transform:uppercase}
body .sourcing-steps summary>span{font-family:var(--bx-mono)!important;color:var(--bx-grey)!important}
@media(max-width:760px){body main>section.sourcing,body main>section.contact{margin:0 12px 32px!important}}

/* Zoom story copy */
body .zs-ref{font-family:var(--bx-mono)!important;color:var(--bx-grey)!important;letter-spacing:.14em!important}
body .zs-hint{font-family:var(--bx-mono)!important}

/* Footer */
body .site-footer,body .site-footer a,body .site-footer p,body .footer-index{font-family:var(--bx-mono)!important}
body .footer-primary a{font:500 26px/1.1 var(--bx-cond)!important;text-transform:uppercase}
body .footer-identity .brand{font:600 20px/1 var(--bx-cond)!important;letter-spacing:.14em}

/* Blur-to-focus reveal */
.bx-reveal{filter:blur(16px);opacity:.35;transition:filter 1.3s cubic-bezier(.2,.7,.2,1),opacity 1.3s ease}
.bx-reveal.bx-in{filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){.bx-reveal{filter:none;opacity:1;transition:none}}
body header.nav .menu span{display:none!important}
body header.nav .menu::before{content:'';display:block!important;width:20px;height:1px;background:currentColor;box-shadow:0 6px 0 currentColor;transform:translateY(-3px)}
body main>section.contact .contact-sub,body main>section.contact h2{font-family:var(--bx-mono)!important}
body main>section.contact h2{font:500 clamp(44px,5.6vw,92px)/.98 var(--bx-cond)!important;text-transform:uppercase!important}
body main>section.contact .contact-sub{font-size:13px!important;line-height:1.75!important;letter-spacing:.04em;color:var(--bx-grey)!important}
body .hero .hero-sub{font-family:var(--bx-mono)!important}

body .hero .hero-content h1 em{color:var(--bx-gold)!important;margin:.12em 0 .14em!important}
body .hero-button:hover{background:var(--bx-gold)!important;border-color:var(--bx-gold)!important;color:#050405!important}
body .line-link{color:var(--bx-white)!important;border-bottom-color:var(--bx-gold)!important}
body .bt figcaption span,body .piece-copy .eyebrow,body .zs-ref{color:var(--bx-gold)!important}

/* Gallery tiles double as the collection index */
.bt figcaption{gap:6px}
.bt .bt-link{justify-self:start;margin-top:6px;font:400 10px/1 var(--bx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bx-white);border-bottom:1px solid var(--bx-gold);padding-bottom:5px;pointer-events:auto}
.bt .bt-link:hover{color:var(--bx-gold)}
.bt .bt-link:focus-visible{outline:1px solid var(--bx-gold);outline-offset:4px}

/* Rhythm between the last three blocks: the watch fades out, then two panels with one even gap */
.zs-sticky::after{content:'';position:absolute;left:0;right:0;bottom:0;height:22%;pointer-events:none;background:linear-gradient(180deg,rgba(5,4,5,0),#050405)}
body main>section.sourcing{margin:72px 3% 20px!important;padding-top:clamp(70px,7vw,100px)!important;padding-bottom:clamp(70px,7vw,100px)!important}
body main>section.contact{margin:0 3% 72px!important}
@media(min-width:761px){
  body main>section.contact{min-height:min(78vh,700px)!important;padding-top:clamp(80px,9vh,120px)!important;padding-bottom:clamp(80px,9vh,120px)!important;justify-content:center!important;border:1px solid rgba(185,147,124,.28)}
  body main>section.contact::before{inset:0!important;background-size:cover!important;background-position:center 64%!important}
  body main>section.contact::after{background:linear-gradient(0deg,rgba(5,4,5,.82) 0%,rgba(5,4,5,.4) 45%,rgba(5,4,5,.62) 100%)!important}
}
@media(max-width:760px){body main>section.sourcing{margin:48px 12px 14px!important}body main>section.contact{margin:0 12px 48px!important}}

/* Section 2 opening: one bold two-line title, copy and link set against it on the right */
@media(min-width:761px){
  body main>section.manifesto{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,400px);column-gap:6vw;align-items:end;padding-left:max(3%,calc((100vw - 1640px)/2))!important;padding-right:max(3%,calc((100vw - 1640px)/2))!important}
  body main>section.manifesto>*{grid-column:1/-1}
  body main>section.manifesto>.eyebrow{grid-column:1;grid-row:1}
  body main>section.manifesto>h2{grid-column:1;grid-row:2;max-width:none!important;margin:16px 0 0!important;font-size:clamp(52px,6.2vw,112px)!important;text-wrap:balance}
  body main>section.manifesto>.body-copy{grid-column:2;grid-row:2;align-self:end;margin:0 0 14px!important;max-width:none!important}
  body main>section.manifesto>.line-link{grid-column:2;grid-row:3;justify-self:start;margin-top:6px}
  body main>section.manifesto>.maisons{justify-content:space-between!important;max-width:none;width:100%}
}
body main>section.manifesto>.section-timer{display:none}
.bento-ctrl{justify-content:flex-start}
@media(max-width:760px){body .manifesto h2{max-width:none!important}.bento-ctrl{justify-content:center}}
@media(min-width:1200px){body main>section.manifesto>h2{white-space:nowrap}}

/* DIALIX palette: no white type anywhere, every letter in the logo's brushed golds */
html body,body .hero,body .site-footer{color:#B9937C}
body .hero .hero-content h1,body .hero .hero-content h1 em{color:#B9937C!important}
body .manifesto h2,body .section-heading h2,body .sourcing h2,body .contact h2,body .zs-copy h2,body .piece-copy h3,.bt figcaption strong,body .footer-primary a,body header.nav .brand span{color:#B9937C!important}
body .manifesto h2 em,body .section-heading h2 em,body .sourcing h2 em,body .contact h2 em,body .zs-copy h2 em{color:#B9937C!important}
body .hero-button,body .hero-button.primary,body .hero-button.secondary,body .contact-primary{color:#B9937C!important;border-color:rgba(185,147,124,.75)!important}
body .hero-button:hover{background:#B9937C!important;border-color:#B9937C!important;color:#050405!important}
body .line-link,body .bt .bt-link{color:#B9937C!important;border-bottom-color:#B9937C!important}
body header.nav .menu,body header.nav .header-tools,body header.nav .header-tools select,body .header-cart{color:#B9937C!important}
.bento-arr,body .carousel-controls .carousel-arrow{color:#B9937C!important;border-color:rgba(185,147,124,.7)!important}
.bento-arr:hover{background:#B9937C!important;border-color:#B9937C!important;color:#050405!important}

/* Client palette: 050405 · 201818 · 46454A · 736866 · B9937C · F9ECDF */
body .manifesto h2 em,body .section-heading h2 em,body .sourcing h2 em,body .contact h2 em,body .zs-copy h2 em{color:#736866!important}
body .hero .hero-content h1 em{color:#B9937C!important}
body main>section.sourcing{background:linear-gradient(180deg,#201818 0%,#050405 100%)!important;border-color:#46454A!important}
body main>section.contact{border-color:#46454A!important}
.maisons,body .site-footer .footer-index,body .site-footer .footer-social{border-color:#46454A!important}

/* UX pass: cream for reading (#F9ECDF), copper for accents (#B9937C), grey kept off text */
html body,body .hero,body .site-footer{color:#F9ECDF}
body .hero .hero-content h1 em,body .manifesto h2,body .section-heading h2,body .sourcing h2,body .contact h2,body .zs-copy h2,body .piece-copy h3,.bt figcaption strong,body .footer-primary a,body .footer-identity .brand,body header.nav .brand span{color:#F9ECDF!important}
body .manifesto h2 em,body .section-heading h2 em,body .sourcing h2 em,body .contact h2 em,body .zs-copy h2 em{color:#B9937C!important}
body .body-copy,body .contact-sub,body .hero .hero-sub,body .piece-description,body .sourcing-steps details p,body .site-footer p,body .footer-contact a,body .footer-social{color:rgba(249,236,223,.84)!important}
body .eyebrow,body .hero .hero-content h1,body .hero .hero-tagline,body .zs-ref,.bt figcaption span,body .piece-copy .eyebrow,body .piece-reference,.maisons li,body .footer-index,body .sourcing-steps summary>span{color:#B9937C!important}
body .sourcing-steps summary>strong{color:#F9ECDF!important}
body .hero-button,body .hero-button.primary,body .hero-button.secondary,body .contact-primary{color:#F9ECDF!important;border-color:#B9937C!important}
body .hero-button:hover{background:#B9937C!important;border-color:#B9937C!important;color:#050405!important}
body .line-link,.bt .bt-link{color:#F9ECDF!important;border-bottom-color:#B9937C!important}
body header.nav .menu,body header.nav .header-tools,body header.nav .header-tools select,body .header-cart{color:#F9ECDF!important}
.bento-arr,body .carousel-controls .carousel-arrow{color:#F9ECDF!important;border-color:#B9937C!important}
.bento-arr:hover{background:#B9937C!important;color:#050405!important}

/* Objects of desire: still showcase with maison filter (replaces the moving carousel) */
#collection-preview .showcase{display:none!important}
.vitrine{display:grid;gap:28px;margin-top:40px}
.vt-tabs{display:flex;gap:8px;flex-wrap:wrap}
.vt-tabs button{flex:none;min-height:44px;padding:0 20px;border:1px solid #46454A;border-radius:999px;background:transparent;color:rgba(249,236,223,.85);font:400 10px/1 var(--bx-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s,border-color .3s;-webkit-tap-highlight-color:transparent}
.vt-tabs button[aria-pressed=true]{background:#B9937C;border-color:#B9937C;color:#050405}
.vt-tabs button:focus-visible{outline:1px solid #B9937C;outline-offset:3px}
.vt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.vt-card{position:relative;display:grid;gap:12px;padding:22px 18px 20px;border:1px solid transparent;border-radius:10px;background:linear-gradient(180deg,#201818,#050405);color:#F9ECDF;text-decoration:none;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s,opacity .28s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.vt-card[hidden]{display:none}
.vt-card.vt-fade{opacity:0}
.vt-shot{position:relative;height:clamp(150px,17vw,230px);display:flex;align-items:center;justify-content:center}
.vt-shot img{width:82%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.9));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.vt-shot:after{content:'';position:absolute;left:18%;right:18%;bottom:4px;height:22px;border-radius:50%;background:radial-gradient(ellipse,rgba(185,147,124,.45),transparent 70%);opacity:0;transition:opacity .5s;filter:blur(4px)}
.vt-meta{display:grid;gap:7px}
.vt-brand{font:400 10px/1 var(--bx-mono);letter-spacing:.16em;text-transform:uppercase;color:#B9937C}
.vt-model{font:500 clamp(19px,1.8vw,24px)/1.05 var(--bx-cond);text-transform:uppercase;color:#F9ECDF}
.vt-reveal{display:grid;gap:10px;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .4s}
.vt-ref{font:400 10px/1.4 var(--bx-mono);letter-spacing:.1em;color:#B9937C}
.vt-explore{justify-self:start;font:400 10px/1 var(--bx-mono);letter-spacing:.14em;text-transform:uppercase;color:#F9ECDF;border-bottom:1px solid #B9937C;padding-bottom:5px}
.vt-card:focus-visible{outline:1px solid #B9937C;outline-offset:3px}
@media(hover:hover){
  .vt-card:hover{border-color:rgba(185,147,124,.5);transform:translateY(-6px)}
  .vt-card:hover .vt-shot img{transform:translateY(-8px) scale(1.04)}
  .vt-card:hover .vt-shot:after{opacity:1}
  .vt-card:hover .vt-reveal{max-height:60px;opacity:1}
  .vt-tabs button:hover{border-color:#B9937C}
}
.vt-card:focus-visible .vt-reveal{max-height:60px;opacity:1}
/* touch screens (iOS, Android): no hover, so details stay visible */
@media(hover:none){.vt-reveal{max-height:60px;opacity:1}.vt-shot:after{opacity:.6}.vt-card:active{transform:scale(.98)}}
.vt-all{justify-self:start}
@media(max-width:1000px){.vt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .vitrine{gap:20px;margin-top:26px}
  .vt-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -24px;padding:0 24px 4px;scroll-padding:0 24px}
  .vt-tabs::-webkit-scrollbar{display:none}
  .vt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .vt-card{padding:14px 12px 14px;gap:10px}
  .vt-shot{height:clamp(130px,38vw,170px)}
  .vt-model{font-size:17px}
  .vt-ref{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.vt-card,.vt-shot img,.vt-reveal{transition:none}}
@media(max-width:760px){body header.nav .header-tools select,body header.nav #language{display:none!important}body header.nav .brand{max-width:calc(100vw - 150px)}}
@media(max-width:760px){body main>section.manifesto>h2,body .manifesto h2{font-size:clamp(30px,10.4vw,44px)!important;overflow-wrap:normal;word-break:keep-all;hyphens:none}body .sourcing h2,body .contact h2,body .zs-copy h2{font-size:clamp(30px,10vw,42px)!important;overflow-wrap:normal;word-break:keep-all}}