/* Auren-style black & gold accents for Dialix */
:root{--g1:#E6CC9A;--g2:#B9937C;--g3:#8E6C3D}
.brand span,.menu-brand span,.site-footer .brand span{background:linear-gradient(180deg,#EBD6AC,#C39C61 60%,#A07B45);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.eyebrow{color:#B9937C!important}
.line-link{border-bottom-color:#B9937C!important}
.line-link:hover{color:#D9BB86!important}
.hero-button.primary{background:#F2EADC!important;color:#050405!important;border-color:#F2EADC!important}
.hero-button.primary:hover{background:#D9BB86!important;border-color:#D9BB86!important}
.hero-button.secondary{border-color:rgba(185,147,124,.7)!important;color:#B9937C!important}
.hero-button.secondary:hover{background:#B9937C!important;color:#050405!important}
.header-tools a[href*="inquiry"],.header-tools .private-inquiry{border-color:rgba(185,147,124,.6)!important}
.carousel-arrow{border-color:rgba(185,147,124,.45)!important}
.carousel-arrow:hover{background:#B9937C!important;color:#050405!important}
.navigation-halo{display:none!important}
.hero-glass{display:none!important}.hero{background:#050405}
/* keep hero text readable over every scene */
.hero-content{z-index:3}
.hero-content::before{content:"";position:absolute;left:50%;top:50%;width:150%;height:190%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(5,4,5,.62) 0%,rgba(5,4,5,.38) 45%,rgba(5,4,5,0) 72%);z-index:-1;pointer-events:none}
.hero-content h1{text-shadow:0 2px 28px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.5)}
.hero-content .eyebrow{color:#E2C68F!important;text-shadow:0 1px 10px rgba(0,0,0,.9)}
/* closing CTA: same pill as hero buttons */
section .contact-link{display:inline-flex!important;align-items:center;justify-content:center;border-radius:100px!important;min-height:54px;padding:16px 31px!important;border:1px solid rgba(185,147,124,.7)!important;color:#B9937C!important;background:#05040512!important;text-transform:uppercase;letter-spacing:.16em;font-size:10px;line-height:1.5;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
section .contact-link:hover{background:#B9937C!important;border-color:#B9937C!important;color:#050405!important}
/* Auren-style typography & hover */
.desktop-nav a,.header-tools a,.header-tools button,.header-tools select{font-size:12px!important;letter-spacing:.2em!important;font-weight:400!important;transition:color .3s,background .3s,border-color .3s}
.desktop-nav a:hover,.header-tools a:hover,.header-tools button:hover,.header-tools select:hover,.desktop-nav a[aria-current="page"]{color:#D9BB86!important}
.header-tools .nav-inquiry:hover{background:#B9937C!important;border-color:#B9937C!important;color:#050405!important}
.footer-contact a,.site-footer nav a,.footer-social a{transition:color .3s}.footer-contact a:hover,.site-footer nav a:hover,.footer-social a:hover{color:#D9BB86!important}
.hero-button,section .contact-link{font-size:12px!important;font-weight:500!important;letter-spacing:.18em!important}
.eyebrow{font-size:12px!important;letter-spacing:.32em!important}
.hero-sub{margin:20px auto 0;max-width:36em;font-size:clamp(16px,1.3vw,19px);line-height:1.7;font-weight:300;color:#B9937C;text-shadow:0 1px 16px rgba(0,0,0,.85)}
.body-copy,.hero-content p:not(.eyebrow){color:#CFC6B7!important}
/* legibility over bright photos */
header.nav{background:linear-gradient(180deg,rgba(5,4,5,.9) 0%,rgba(5,4,5,.55) 60%,rgba(5,4,5,0) 100%)!important}
.desktop-nav a,.header-tools a,.header-tools button{text-shadow:0 1px 8px rgba(0,0,0,.7)}
.hero-content::before{background:radial-gradient(ellipse at center,rgba(5,4,5,.72) 0%,rgba(5,4,5,.45) 45%,rgba(5,4,5,0) 72%)!important}
.sourcing-steps span,.sourcing-steps .num,details summary span{color:#D9BB86!important}
.site-footer,.site-footer p,.site-footer small,.site-footer span{color:#B9937C}
/* header Private Inquiry = same pill as the other buttons */
.desktop-nav a[href="#contact"],.desktop-nav a[href$="#contact"]{border:1px solid rgba(185,147,124,.7)!important;border-radius:100px!important;color:#B9937C!important;background:#05040512!important;padding:12px 22px!important;font-weight:500!important;text-shadow:none!important;transition:background .25s,color .25s,border-color .25s}
.desktop-nav a[href="#contact"]:hover,.desktop-nav a[href$="#contact"]:hover{background:#B9937C!important;border-color:#B9937C!important;color:#050405!important}
/* carousel watches: smaller, more refined */
.piece-photo{height:420px!important}
.piece-photo img{width:62%!important;height:70%!important}
.showcase-image img{height:72%!important;max-width:70%!important}
@media(max-width:760px){.piece-photo{height:270px!important}.piece-photo img{width:70%!important;height:78%!important}}
.collection-slide:not([dir=rtl]) .piece-copy{padding-left:36px!important}.collection-slide[dir=rtl] .piece-copy{padding-right:36px!important}
/* new hero scenes: graded black & gold photography */
.hero .hero-image{background-color:#050405!important;background-size:cover!important;background-repeat:no-repeat!important}
.hero .hero-image:not(.scene-two):not(.scene-three){background-image:url('assets/hero-boutique.jpg')!important;background-position:center 55%!important}
.hero .scene-two{background-image:url('assets/hero-wrist.jpg')!important;background-position:62% center!important}
.hero .scene-three{background-image:url('assets/hero-macro.jpg')!important;background-position:right center!important}
.hero-shade{background:linear-gradient(0deg,#050405 0%,rgba(5,4,5,.55) 22%,rgba(5,4,5,.38) 55%,rgba(5,4,5,.55) 100%)!important}
/* inner pages: logo first, then DIALIX WATCH, on the left (like home) */
header>a.logo{position:static!important;left:auto!important;right:auto!important;transform:none!important;display:flex!important;flex-direction:row-reverse!important;align-items:center!important;gap:12px!important;margin:0 auto 0 3%!important;width:auto!important;text-align:left!important}
header>a.logo .brand-symbol{margin:0!important;width:26px!important;height:26px!important;flex:none}
header>a.logo .brand-wordmark{font-family:'Cinzel',Georgia,serif;letter-spacing:.22em;background:linear-gradient(180deg,#EBD6AC,#C39C61 60%,#A07B45);-webkit-background-clip:text;background-clip:text;color:transparent!important}
/* home nav: never wrap on smaller laptops */
.desktop-nav a{white-space:nowrap}
@media(max-width:1280px){.desktop-nav a,.header-tools select{font-size:11px!important;letter-spacing:.14em!important}}
@media(max-width:1100px){.desktop-nav{gap:18px!important}.desktop-nav a,.header-tools select{font-size:10px!important;letter-spacing:.1em!important}.desktop-nav a[href="#contact"]{padding:10px 16px!important}}

header>a.logo .brand-symbol{background:url('assets/dialix-symbol.png') center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important;opacity:1!important}
header>#menu{left:auto!important;right:5%!important}
header>.header-tools{right:calc(5% + 110px)!important;left:auto!important}
@media(max-width:760px){header>.header-tools{right:calc(5% + 52px)!important;top:23px!important}header>a.logo{margin-left:5%!important}}
header>a.logo{position:absolute!important;left:3%!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
@media(max-width:760px){header>a.logo{left:5%!important;top:14px!important;transform:none!important}}
header>a.logo .brand-wordmark{font-size:18px!important}
/* carousel captions centred under each watch, tidy spacing */
.collection-slide .piece-copy,.collection-slide[dir=rtl] .piece-copy{text-align:center!important;padding:28px 24px 12px!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.collection-slide .piece-copy .eyebrow{margin:0 0 10px!important}
.collection-slide .piece-copy h3{margin:0 0 10px!important;max-width:none!important}
.collection-slide .piece-reference{margin:0 0 16px!important}
.collection-slide .piece-description{margin:0 auto!important;max-width:380px!important;text-align:center!important}
.collection-slide .piece-copy .line-link{margin-top:22px!important;align-self:center!important}
.piece-photo{margin:0 auto!important}
/* tighter watch-to-caption spacing and centred controls */
.piece-photo{height:360px!important}
.piece-photo img{height:82%!important;width:64%!important}
.collection-slide .piece-copy,.collection-slide[dir=rtl] .piece-copy{padding-top:14px!important}
#collection-preview .carousel-controls{display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;margin-top:34px!important;flex-wrap:wrap}
#collection-preview .carousel-controls .hero-button{margin-left:18px!important}
@media(max-width:760px){.piece-photo{height:250px!important}#collection-preview .carousel-controls .hero-button{margin:12px 0 0!important;flex-basis:100%;max-width:280px}}
#collection-preview .section-heading{text-align:center!important;justify-content:center!important;flex-direction:column!important;align-items:center!important}#collection-preview .section-heading>div{display:flex;flex-direction:column;align-items:center}
/* carousel: only the essentials + subtle explore link */
.collection-slide .piece-description{display:none!important}
.collection-slide .piece-reference{margin:0 0 14px!important}
.collection-slide .piece-explore{margin-top:4px!important;font-size:10px!important;letter-spacing:.32em!important;color:#B9937C!important;border-bottom:0!important;padding:6px 0!important;gap:10px;opacity:.85;transition:opacity .3s,color .3s}
.collection-slide .piece-explore:hover{opacity:1;color:#E2C68F!important}
.collection-slide .piece-explore svg{width:16px!important}
.collection-slide .piece-copy .piece-explore{margin-top:-6px!important}
/* carousel explore: no side arrow */
.collection-slide .piece-explore svg,.collection-slide .piece-explore::after,.collection-slide .piece-explore::before{display:none!important}
/* sourcing: simple and clean — title, one line, one button */
section.sourcing .sourcing-steps{display:none!important}
section.sourcing .body-copy{max-width:34em;margin-left:auto!important;margin-right:auto!important}
section.sourcing .line-link{display:inline-flex!important;align-items:center;justify-content:center;margin-top:34px!important;min-height:54px;padding:16px 34px!important;border:1px solid rgba(185,147,124,.7)!important;border-radius:100px!important;color:#B9937C!important;background:rgba(5,4,5,.25)!important;font-size:12px!important;font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s}
section.sourcing .line-link svg,section.sourcing .line-link::after,section.sourcing .line-link::before{display:none!important}
section.sourcing .line-link:hover{background:#B9937C!important;border-color:#B9937C!important;color:#050405!important}

/* sourcing: deep espresso-bronze tone, no image */
section.sourcing{background:radial-gradient(ellipse 70% 80% at 50% 45%,#3A2F22 0%,#241D16 45%,#15110D 100%)!important}
section.sourcing::before,section.sourcing::after{display:none!important}
/* final call to action */
section.contact .contact-sub{margin:18px auto 0;max-width:30em;font-size:clamp(16px,1.3vw,19px);line-height:1.7;color:#B9937C}
section.contact .contact-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:36px}
section.contact .contact-primary{min-height:58px!important;padding:18px 40px!important}
section.contact h2{font-size:clamp(40px,6vw,92px)!important;line-height:1.05!important}
/* final section: Dubai penthouse photograph */
section.contact{position:relative!important;isolation:isolate;overflow:hidden;background:#050405!important;min-height:min(92vh,900px);display:flex!important;flex-direction:column;justify-content:center;align-items:center}
section.contact::before{content:""!important;display:block!important;position:absolute!important;inset:-3%!important;z-index:-2!important;background:#050405 url('assets/closing-penthouse.jpg') center 40%/cover no-repeat!important;animation:dlx-kb 26s ease-in-out infinite alternate!important;opacity:1!important}
section.contact::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;background:radial-gradient(ellipse 60% 55% at 50% 42%,rgba(5,4,5,.7),rgba(5,4,5,.4) 70%,rgba(5,4,5,.25)),linear-gradient(180deg,#050405 0%,rgba(5,4,5,0) 18%,rgba(5,4,5,0) 80%,#050405 100%)!important;pointer-events:none}
section.contact h2,section.contact .contact-sub{text-shadow:0 2px 24px rgba(0,0,0,.8)}
@keyframes dlx-kb{from{transform:scale(1.06)}to{transform:scale(1)}}
/* Auren-style even veil: soft, hazy, uniform wash over photographs */
section.contact::after{background:rgba(5,4,5,.6)!important}
section.contact::before{filter:saturate(.85) contrast(.92)!important}
.hero-shade{background:linear-gradient(0deg,#050405 0%,rgba(5,4,5,0) 22%),rgba(5,4,5,.52)!important}
.hero .hero-image{filter:saturate(.85) contrast(.92)}
.hero-content::before{display:none!important}
/* hero + closing: editorial left-aligned layout (different from Auren) */
.hero .hero-content{left:6%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-42%)!important;width:min(760px,88%)!important;text-align:left!important}
.hero .hero-content h1{text-align:left!important;font-size:clamp(44px,5.6vw,84px)!important;line-height:1.04!important}
.hero .hero-content h1 br{display:block!important}
.hero .hero-content .eyebrow{text-align:left!important}
.hero .hero-sub{margin:22px 0 0!important;max-width:30em;font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(19px,1.6vw,24px)!important;line-height:1.5!important;font-weight:400!important;color:#B9937C!important}
.hero .hero-actions{justify-content:flex-start!important}
section.contact{align-items:flex-start!important;text-align:left!important;padding-left:6%!important;padding-right:6%!important}
section.contact>*{max-width:820px}
section.contact h2,section.contact .eyebrow{text-align:left!important}
section.contact h2 br{display:block!important}
section.contact .contact-sub{margin:20px 0 0!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(19px,1.6vw,24px)!important;line-height:1.5!important;color:#B9937C!important}
section.contact .contact-actions{justify-content:flex-start!important}
section.contact::after{background:linear-gradient(90deg,rgba(5,4,5,.78) 0%,rgba(5,4,5,.55) 55%,rgba(5,4,5,.45) 100%)!important}
@media(max-width:760px){.hero .hero-content{left:7%!important;width:86%!important;transform:translateY(-35%)!important}section.contact{padding-left:7%!important;padding-right:7%!important}}
section.contact h2{margin-bottom:0!important}section.contact .contact-sub{margin-top:18px!important}
/* calmer page: no section circles, fewer repeated buttons */
.section-timer,.scroll-cue,.motion-control{display:none!important}
.hero .hero-actions .hero-button.secondary{display:none!important}
section.contact .contact-actions .hero-button.secondary{display:none!important}
/* boutique accent: one key phrase in gold serif italic */
main h1 em,main h2 em{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:400!important;text-transform:none!important;letter-spacing:.005em!important;color:#D9BB86!important;font-size:1.12em;line-height:1}
html[lang=ar] main h1 em,html[lang=ar] main h2 em{font-family:inherit!important;font-style:normal!important;font-size:1em}
/* tighter rhythm: no full-screen empty sections */
main>section:not(.hero):not(.contact){min-height:0!important;height:auto!important}
main>section.manifesto,main>section.selection,main>section.detail-story,main>section.sourcing{padding-top:clamp(80px,8vw,120px)!important;padding-bottom:clamp(80px,8vw,120px)!important}

/* hero: tighter block, tagline centred at the bottom */
.hero .hero-content h1{margin:0!important}
.hero .hero-sub{margin-top:14px!important}
.hero .hero-actions{margin-top:26px!important}
.hero-tagline{position:absolute;left:0;right:0;bottom:64px;z-index:4;margin:0;text-align:center;font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:#E2C68F;text-shadow:0 1px 10px rgba(0,0,0,.9);pointer-events:none}
@media(max-width:760px){.hero-tagline{bottom:58px;font-size:10px;letter-spacing:.28em;padding:0 20px}}
.hero .scene-indicators{display:none!important}.hero-tagline{bottom:48px!important}
section.contact{justify-content:flex-end!important;padding-bottom:clamp(70px,9vh,110px)!important;padding-top:clamp(140px,22vh,240px)!important}section.contact::after{background:linear-gradient(0deg,rgba(5,4,5,.85) 0%,rgba(5,4,5,.55) 45%,rgba(5,4,5,.4) 100%),linear-gradient(90deg,rgba(5,4,5,.5),rgba(5,4,5,0) 65%)!important}
section.contact .contact-primary{min-height:54px!important;padding:16px 31px!important}section.contact .contact-actions{margin-top:28px!important}
.hero .hero-content{top:auto!important;bottom:clamp(120px,17vh,170px)!important;transform:none!important}@media(max-width:760px){.hero .hero-content{bottom:110px!important;transform:none!important}}
/* client stories */
main>section.stories{background:#050405;text-align:center;padding:clamp(90px,9vw,130px) 6%!important;min-height:0!important}
.stories h2{margin:14px 0 0}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:56px auto 0;max-width:1180px;text-align:left}
.story{margin:0;padding:38px 34px 32px;border:1px solid rgba(185,147,124,.28);background:linear-gradient(180deg,rgba(185,147,124,.05),rgba(185,147,124,0));display:flex;flex-direction:column;gap:22px;transition:border-color .4s,transform .4s}
.story:hover{border-color:rgba(185,147,124,.6);transform:translateY(-4px)}
.story .q{font-family:'Cormorant Garamond',Georgia,serif;font-size:64px;line-height:.5;color:#B9937C;height:22px}
.story blockquote{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(19px,1.5vw,23px);line-height:1.5;color:#B9937C;flex:1}
.story figcaption{display:flex;flex-direction:column;gap:6px;padding-top:18px;border-top:1px solid rgba(185,147,124,.2)}
.story figcaption strong{font-weight:400;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#D9BB86}
.story figcaption span{font-size:12px;letter-spacing:.12em;color:#A89C8A}
@media(max-width:900px){.story-grid{grid-template-columns:1fr;max-width:520px}}
section.stories h2{font-family:Jost,Arial,sans-serif!important;font-weight:200!important;font-size:clamp(40px,4.2vw,61px)!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:#B9937C!important;line-height:1.1!important}
/* client stories: compact carousel, 3 visible */
main>section.stories{padding:clamp(70px,7vw,100px) 6%!important}
section.stories h2{font-size:clamp(30px,3vw,44px)!important}
.story-wrap{max-width:1080px;margin:40px auto 0}
.story-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.story-track::-webkit-scrollbar{display:none}
.story{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;padding:24px 24px 20px!important;gap:14px!important}
.story .q{font-size:42px!important;height:14px!important}
.story blockquote{font-size:17px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.story figcaption{padding-top:12px!important;gap:4px!important}
.story figcaption strong{font-size:11px!important}.story figcaption span{font-size:11px!important}
.story-ctrl{display:flex;justify-content:center;gap:14px;margin-top:26px}
@media(max-width:900px){.story{flex-basis:82%}}
.story-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(185,147,124,.45);background:transparent;color:#B9937C;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s}
.story-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.story-btn:hover{background:#B9937C;color:#050405}
.story{text-align:left!important}
.piece-photo{height:260px!important}.piece-photo img{height:80%!important;width:auto!important;max-width:44%!important}@media(max-width:760px){.piece-photo{height:200px!important}.piece-photo img{max-width:60%!important}}
#collection-preview .carousel-controls{justify-content:flex-start!important;padding-left:0!important}
/* mega menu */
.mega-trigger{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;color:#B9937C;text-shadow:0 1px 8px rgba(0,0,0,.7);transition:color .3s;white-space:nowrap}
.mega-trigger svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .3s}
.mega-trigger:hover,.mega-trigger[aria-expanded=true]{color:#D9BB86}
.mega-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
@media(max-width:1280px){.mega-trigger{font-size:11px;letter-spacing:.14em}}@media(max-width:1100px){.mega-trigger{font-size:10px;letter-spacing:.1em}}
.mega-menu{position:absolute;left:0;right:0;top:100%;z-index:60;background:rgba(5,4,5,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(185,147,124,.25);border-bottom:1px solid rgba(185,147,124,.25);opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s;pointer-events:none}
.mega-menu.open{opacity:1;transform:none;pointer-events:auto}
.mega-inner{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:0;max-width:1320px;margin:0 auto;padding:44px 5% 48px}
.mega-col{display:flex;flex-direction:column;gap:14px;padding-right:32px;margin-right:32px;border-right:1px solid rgba(185,147,124,.18)}
.mega-h{margin:0 0 8px;font-size:11px;letter-spacing:.38em;text-transform:uppercase;color:#B9937C;font-weight:400}
.mega-col a{font-size:15px;letter-spacing:.06em;color:#B9937C;text-decoration:none;font-weight:300;transition:color .25s,padding .25s}
.mega-col a:hover{color:#D9BB86;padding-left:4px}
.mega-col a.mega-all{margin-top:6px;font-weight:500;color:#B9937C;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.mega-feature{position:relative;display:block;min-height:240px;overflow:hidden;text-decoration:none;border:1px solid rgba(185,147,124,.25)}
.mega-feature-img{position:absolute;inset:0;background:url('assets/hero-boutique.jpg') center/cover;filter:saturate(.85) contrast(.92);transition:transform 1.2s}
.mega-feature:hover .mega-feature-img{transform:scale(1.05)}
.mega-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,4,5,.92) 10%,rgba(5,4,5,.35) 70%)}
.mega-feature-txt{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;display:flex;flex-direction:column;gap:8px}
.mega-feature strong{font-weight:200;font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:#B9937C}
.mega-feature strong em{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;text-transform:none;color:#D9BB86;font-size:1.15em;letter-spacing:0}
.mega-cta{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#B9937C;margin-top:4px}
@media(max-width:900px){.mega-menu{display:none!important}}
.menu-brand{display:flex!important;align-items:center;gap:12px}
.menu-brand img{width:28px;height:28px;object-fit:contain}
.menu-brand span{font-family:'Cinzel',Georgia,serif;font-size:18px;letter-spacing:.22em}

/* Inner pages, UX pass: cream for reading, copper for accents */
body[data-page],body[data-page] h1,body[data-page] h2,body[data-page] h3,body[data-page] p,body[data-page] li,body[data-page] .card h3,body[data-page] .detail-info h2,body[data-page] header a,body[data-page] header button,body[data-page] footer a,body[data-page] #mobile-nav a{color:#F9ECDF!important}
body[data-page] .eyebrow,body[data-page] .reference,body[data-page] .card-meta,body[data-page] .detail-ref,body[data-page] h1 em,body[data-page] h2 em,body[data-page] .small-location,body[data-page] .about-principles span,body[data-page] .preview-note{color:#B9937C!important}
body[data-page] .text-link{color:#F9ECDF!important;border-color:#B9937C!important}
body[data-page] .cart-add,body[data-page] .detail-info .cart-add{color:#050405!important}