/* === assets/css/frontend-v19.css === */
/* ES FASHIONS v19 — Reference Luxury Redesign
   Visual direction: black editorial luxury, champagne gold, ivory, dense image-led storytelling. */
:root{
  --v19-black:#070706;
  --v19-black-2:#0d0b09;
  --v19-ink:#17130f;
  --v19-cream:#f3eee4;
  --v19-paper:#fbf8f2;
  --v19-gold:#d4b06a;
  --v19-gold-2:#b98a3d;
  --v19-line:rgba(212,176,106,.34);
  --v19-white:#fffdf8;
  --v19-muted:#b9afa2;
  --v19-shadow:0 24px 70px rgba(0,0,0,.22);
}
html{scroll-behavior:smooth;background:var(--v19-black)}
body.v5-page{background:var(--v19-paper);color:var(--v19-ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}
body.v5-page main{overflow:hidden}
body.v5-page h1,body.v5-page h2,body.v5-page h3,.v19-serif{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.025em}
body.v5-page .eyebrow{font-family:"Manrope",sans-serif;font-size:.7rem;letter-spacing:.28em;font-weight:700;text-transform:uppercase}
body.v5-page .container{max-width:1500px;width:min(94%,1500px)}

/* utility + masthead */
.v6-utility.v8-utility{background:#050505!important;border-bottom:1px solid rgba(255,255,255,.16)!important;color:#eee7dc!important;min-height:30px!important}
.v6-utility-inner{min-height:30px!important;font-size:.64rem!important;letter-spacing:.12em;text-transform:uppercase}
.v6-utility-message strong{color:var(--v19-gold)!important}.v6-utility-message span{opacity:.9}.v6-utility-links a{color:#eee7dc!important;opacity:.9}
.v8-header{background:rgba(5,5,5,.965)!important;border-bottom:1px solid rgba(212,176,106,.24)!important;box-shadow:none!important;backdrop-filter:blur(18px)}
.v8-header.v5-scrolled{background:rgba(5,5,5,.985)!important}
.v8-nav{min-height:68px!important}
.v8-brand .v5-monogram{font-family:"Playfair Display",serif!important;font-size:2.5rem!important;line-height:.8!important;color:var(--v19-gold)!important;border:none!important;background:none!important;width:auto!important;height:auto!important;border-radius:0!important;letter-spacing:-.08em!important}
.v8-brand .v5-brand-copy b{color:#fff!important;font-family:"Playfair Display",serif!important;letter-spacing:.28em!important;font-size:.92rem!important}.v8-brand .v5-brand-copy small{color:#9c9388!important;letter-spacing:.15em!important;font-size:.54rem!important}
.v8-desktop-nav .mega-trigger{color:#f7f2ea!important;font-size:.69rem!important;letter-spacing:.06em!important;text-transform:uppercase!important;padding:26px 10px 22px!important;border-radius:0!important;position:relative}
.v8-desktop-nav .mega-trigger:after{content:"";position:absolute;left:10px;right:10px;bottom:14px;height:2px;background:var(--v19-gold);transform:scaleX(0);transform-origin:left;transition:.25s ease}
.v8-desktop-nav .mega-trigger:hover:after,.v8-desktop-nav .mega-trigger.open:after,.v8-desktop-nav .mega-trigger.is-active:after{transform:scaleX(1)}
.v8-icon-btn{color:#fff!important;border-color:rgba(255,255,255,.18)!important}.v8-directory-btn{color:#ddd3c6!important;border-color:rgba(212,176,106,.28)!important}.v8-project-btn{background:linear-gradient(135deg,#e2c783,#c89b4f)!important;color:#090806!important;border:none!important;border-radius:2px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:.7rem!important;font-weight:800!important;box-shadow:none!important}
.v8-category-rail{background:#0b0a09!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(212,176,106,.18)!important}.v8-category-rail a{color:#cfc4b4!important;font-size:.62rem!important;letter-spacing:.1em!important;text-transform:uppercase!important;white-space:nowrap}.v8-category-rail a:hover{color:var(--v19-gold)!important}

/* Mega menu — large editorial panel inspired by supplied references */
.v8-mega{background:rgba(5,5,5,.985)!important;border-top:1px solid rgba(212,176,106,.2)!important;border-bottom:1px solid rgba(212,176,106,.25)!important;box-shadow:0 40px 80px rgba(0,0,0,.5)!important}
.v8-mega-shell{padding:22px 0 26px!important}.v8-mega-view{grid-template-columns:.82fr 1.25fr 1.05fr!important;gap:20px!important;min-height:385px!important}.v8-mega-intro{padding:24px 28px 24px 4px!important;border-right:1px solid rgba(212,176,106,.22)}
.v8-mega-intro>span{color:var(--v19-gold)!important;letter-spacing:.23em!important}.v8-mega-intro h3{font-size:2.6rem!important;color:#fff!important;margin:.45rem 0 .8rem!important;line-height:.98}.v8-mega-intro p{color:#bdb3a7!important;line-height:1.72!important}.v8-mega-intro>a{color:var(--v19-gold)!important;font-weight:700!important}
.v8-mega-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px 8px!important;padding:12px 6px!important;align-content:start}.v8-mega-links small{grid-column:1/-1;color:#83786c!important;letter-spacing:.2em!important;margin:9px 0 3px!important}.v8-mega-links>a{padding:12px 12px!important;border:1px solid transparent!important;border-radius:2px!important;transition:.2s ease!important}.v8-mega-links>a:hover,.v8-mega-links>a[data-active-preview="true"]{background:#14110e!important;border-color:rgba(212,176,106,.28)!important}.v8-mega-links b{color:#f7f1e7!important;font-size:.82rem!important}.v8-mega-links span{color:#8f8579!important;font-size:.7rem!important;line-height:1.45!important}
.v8-mega-preview{height:340px!important;border-radius:1px!important;overflow:hidden!important;border:1px solid rgba(212,176,106,.28)!important;position:relative!important}.v8-mega-preview img{width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,transform .55s ease}.v8-mega-preview:hover img{transform:scale(1.02)}.v8-mega-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.78) 100%)}.v8-mega-preview figcaption{z-index:2!important}.v8-mega-preview figcaption span{color:var(--v19-gold)!important}

/* Global page rhythm */
.section{padding:92px 0!important}.section-soft{background:var(--v19-cream)!important}.section-dark{background:var(--v19-black)!important;color:#fff!important}
.section-head{margin-bottom:36px!important}.section-head h2{font-size:clamp(2.3rem,4.4vw,5rem)!important;line-height:.98!important}.section-head.split>p{max-width:570px!important;font-size:1rem!important;line-height:1.8!important}
.section-dark .section-head p,.section-dark p{color:#bcb2a6!important}
.btn{border-radius:1px!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-size:.7rem!important;font-weight:800!important;padding:15px 22px!important;min-height:47px!important}.btn-primary{background:linear-gradient(135deg,#e2c783,#c59649)!important;color:#080706!important;border-color:transparent!important}.btn-dark{background:#090807!important;color:#fff!important;border-color:#090807!important}.btn-outline,.btn-glass{border-color:rgba(212,176,106,.56)!important;color:inherit!important;background:transparent!important}

/* Homepage — editorial hero */
.v19-home-hero{min-height:700px;background:#080706;position:relative;color:#fff;display:grid;align-items:stretch;border-bottom:1px solid rgba(212,176,106,.36)}
.v19-home-hero-bg{position:absolute;inset:0;overflow:hidden}.v19-home-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:65% 28%;filter:saturate(.92) contrast(1.04)}.v19-home-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.96) 0%,rgba(5,5,5,.76) 34%,rgba(5,5,5,.12) 62%,rgba(5,5,5,.72) 100%),linear-gradient(0deg,rgba(4,4,4,.5),transparent 40%)}
.v19-home-hero .container{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:60px;align-items:end;padding-top:110px;padding-bottom:72px}
.v19-hero-copy{max-width:710px}.v19-hero-copy .eyebrow{color:#d1bd93}.v19-hero-copy h1{font-size:clamp(4.2rem,7vw,7.8rem);font-weight:500;line-height:.78;margin:18px 0 22px;text-transform:uppercase;letter-spacing:-.055em}.v19-hero-copy h1 em{display:block;color:var(--v19-gold);font-weight:500}.v19-hero-copy>p{max-width:620px;color:#eee7dc;font-size:1.08rem;line-height:1.68}.v19-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.v19-hero-side{align-self:center;justify-self:end;max-width:330px;border-left:1px solid rgba(212,176,106,.58);padding-left:30px}.v19-hero-side blockquote{font-family:"Playfair Display",serif;font-style:italic;font-size:2rem;line-height:1.22;margin:0 0 30px}.v19-hero-side ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.v19-hero-side li{text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;color:#d8d0c6}
.v19-hero-proof{position:absolute;left:0;right:0;bottom:0;background:rgba(5,5,5,.84);border-top:1px solid rgba(255,255,255,.12);display:none}

.v19-category-strip{background:#080706;color:#fff;display:grid;grid-template-columns:repeat(8,1fr);border-bottom:1px solid #1f1c18}.v19-category-card{min-height:248px;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.14);color:#fff}.v19-category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.83) contrast(1.05);transition:transform .5s ease}.v19-category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.82) 86%)}.v19-category-card:hover img{transform:scale(1.045)}.v19-category-card div{position:absolute;z-index:2;left:18px;right:18px;bottom:17px}.v19-category-card h3{font-size:1.25rem;margin:0 0 5px;color:#fff}.v19-category-card p{font-size:.66rem;margin:0;color:#e4ded4;line-height:1.45}.v19-category-card b{display:block;margin-top:9px;font-size:.65rem;color:var(--v19-gold);text-transform:uppercase;letter-spacing:.12em}
.v19-trustbar{background:var(--v19-paper);border-bottom:1px solid #ddd5c8}.v19-trustbar .container{display:grid;grid-template-columns:repeat(6,1fr);padding:18px 0}.v19-trustbar article{display:flex;gap:11px;align-items:center;padding:0 18px;border-right:1px solid #ddd3c4}.v19-trustbar article:last-child{border-right:0}.v19-trustbar i{font-style:normal;color:var(--v19-gold-2);font-size:1.4rem}.v19-trustbar b{font-family:"Manrope";font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.v19-trustbar small{display:block;color:#786e63;font-size:.62rem;margin-top:2px}

.v19-home-about{display:grid;grid-template-columns:.9fr 1fr 1fr;min-height:520px}.v19-home-about>div{min-width:0}.v19-about-copy{background:var(--v19-paper);padding:60px 7vw 50px 5vw}.v19-about-copy h2{font-size:clamp(3rem,4.8vw,5.6rem);line-height:.85;text-transform:uppercase;margin:12px 0 22px}.v19-about-copy p{line-height:1.78;color:#62584e}.v19-about-image img,.v19-about-detail img{width:100%;height:100%;object-fit:cover;display:block}.v19-about-detail{position:relative}.v19-about-detail:after{content:"GLOBAL\A FASHION & TEXTILE\A HOUSE";white-space:pre;position:absolute;right:28px;bottom:28px;color:#fff;font-family:"Playfair Display",serif;font-size:1.45rem;line-height:1.1;text-align:right;text-shadow:0 2px 18px #000}
.v19-global-band{background:#080706;color:#fff;display:grid;grid-template-columns:1.35fr 1fr}.v19-global-band .visual{min-height:420px;background:url('../images/mockups/mockup-02-luxury-studio-showcase.png') center/cover no-repeat;position:relative}.v19-global-band .visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.82))}.v19-global-copy{padding:70px 8vw 65px 5vw;align-self:center}.v19-global-copy h2{font-size:clamp(3rem,4vw,5.4rem);line-height:.9;margin:10px 0 20px}.v19-global-copy p{color:#bfb5aa;line-height:1.8}.v19-global-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.v19-global-list span{padding:12px 0;border-bottom:1px solid rgba(212,176,106,.22);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}

/* Generic marketing page hero */
.page-hero,.v9-campaign-hero{min-height:570px!important;background:#080706!important;position:relative!important;color:#fff!important;border-bottom:1px solid rgba(212,176,106,.34)!important}.page-hero-media,.v9-campaign-media{position:absolute!important;inset:0!important}.page-hero-media img,.v9-campaign-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:65% 28%!important;filter:saturate(.88) contrast(1.04)!important}.page-hero-overlay,.v9-campaign-shade{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.72) 38%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.46) 100%)!important}.page-hero-inner,.v9-campaign-content{min-height:570px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;padding-top:120px!important;padding-bottom:65px!important;position:relative!important;z-index:2!important}.page-breadcrumb{color:#b8ada0!important;font-size:.68rem!important;letter-spacing:.12em!important;text-transform:uppercase!important}.page-breadcrumb a{color:#d8c9b0!important}.page-hero h1,.v9-campaign-hero h1{font-size:clamp(3.9rem,6vw,7.4rem)!important;line-height:.84!important;max-width:880px!important;text-transform:uppercase!important;font-weight:500!important;margin:15px 0 17px!important}.page-hero p,.v9-campaign-hero p{max-width:680px!important;color:#e7dfd4!important;font-size:1.04rem!important;line-height:1.7!important}.page-hero .eyebrow,.v9-campaign-hero .eyebrow{color:var(--v19-gold)!important}.page-hero-actions,.v9-hero-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:20px!important}
.v9-service-ribbon{margin-top:30px!important;padding-top:18px!important;border-top:1px solid rgba(212,176,106,.32)!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important}.v9-service-ribbon span{background:rgba(0,0,0,.36)!important;border:1px solid rgba(212,176,106,.27)!important;color:#ddd3c6!important;border-radius:0!important;font-size:.63rem!important;letter-spacing:.07em!important;text-transform:uppercase!important;padding:8px 11px!important}

/* Page proof/trust strip injected on every public page */
.v19-page-proof{background:#090807;color:#fff;border-top:1px solid rgba(212,176,106,.2);border-bottom:1px solid rgba(212,176,106,.28)}.v19-page-proof .container{display:grid;grid-template-columns:repeat(5,1fr)}.v19-page-proof div{padding:18px 16px;border-right:1px solid rgba(255,255,255,.1);min-width:0}.v19-page-proof div:last-child{border-right:0}.v19-page-proof b{display:block;color:var(--v19-gold);font-family:"Manrope";font-size:.64rem;text-transform:uppercase;letter-spacing:.13em}.v19-page-proof span{display:block;color:#d9d1c7;font-size:.72rem;margin-top:5px;line-height:1.45}

/* Universal editorial enhancement */
.v19-editorial{background:var(--v19-paper);padding:92px 0}.v19-editorial-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:center}.v19-editorial-copy h2{font-size:clamp(3rem,5vw,6rem);line-height:.88;text-transform:uppercase;margin:10px 0 20px}.v19-editorial-copy p{font-size:1rem;line-height:1.8;color:#645a50}.v19-editorial-notes{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:26px 0}.v19-editorial-notes article{padding:13px 0;border-top:1px solid #d8cdbd}.v19-editorial-notes b{display:block;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase}.v19-editorial-notes span{font-size:.76rem;color:#756b60}.v19-editorial-images{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:270px 270px;gap:8px}.v19-editorial-images figure{margin:0;overflow:hidden;position:relative;background:#111}.v19-editorial-images figure:first-child{grid-row:1/3}.v19-editorial-images img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.v19-editorial-images figure:hover img{transform:scale(1.025)}.v19-editorial-images figcaption{position:absolute;left:13px;bottom:12px;background:rgba(0,0,0,.72);color:#fff;padding:7px 10px;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}

/* Cards/grids brought closer to the references */
.v6-department-grid,.v9-campaign-link-grid,.v7-company-grid{gap:8px!important}.v6-department-card,.v7-company-card,.v9-campaign-link-grid>a,.service-card,.process-card,.v6-business-card,.v6-sector-card,.v6-tailoring-card,.v6-fabric-card,.v11-showroom-card{border-radius:0!important;box-shadow:none!important;border-color:#d8d0c4!important}.v6-department-card{background:#fff!important}.v6-department-card .v6-department-image{height:260px!important}.v6-department-card h3{font-size:1.55rem!important}.v6-department-card b{color:var(--v19-gold-2)!important;text-transform:uppercase;font-size:.67rem;letter-spacing:.1em}
.v9-image-triptych{gap:8px!important}.v9-image-triptych figure{border-radius:0!important;min-height:400px!important}.v9-image-triptych figcaption{background:rgba(0,0,0,.78)!important;color:#fff!important;border-radius:0!important}
.v9-chapters article{border-radius:0!important;border-color:rgba(212,176,106,.24)!important;background:#0e0c0a!important}.v9-chapters h3{color:#fff!important}.v9-chapters b{color:var(--v19-gold)!important}.v9-capability-cloud span{border-radius:1px!important;border-color:#cfc4b5!important;background:#fff!important}

/* Dark luxury forms and product tools */
body[data-page="configurator"],body[data-page="account"],body[data-page="project"],body[data-page="showroom"]{background:#0a0908!important}.v12-config-shell,.v13-project-shell,.customer-v14-shell,.v11-showroom-shell{--panel:#12100e;--panel2:#17130f}.v12-config-card,.v13-panel,.customer-v14-panel,.v11-showroom-card{border-radius:2px!important;border-color:rgba(212,176,106,.22)!important}.v12-config-hero,.customer-v14-hero{background:linear-gradient(135deg,#0b0a09,#1a140e)!important}.v12-config-hero h1,.customer-v14-hero h1{font-family:"Playfair Display",serif!important}.v12-config-shell input,.v12-config-shell select,.v12-config-shell textarea,.customer-v14-shell input,.customer-v14-shell select,.customer-v14-shell textarea{border-radius:1px!important}

/* Footer */
.v8-footer{background:#070706!important;border-top:1px solid rgba(212,176,106,.28)!important}.v8-footer-hero{padding-top:60px!important;padding-bottom:48px!important;border-bottom:1px solid rgba(212,176,106,.18)!important}.v8-footer-hero h2{font-size:clamp(2.6rem,4.5vw,5.2rem)!important;line-height:.92!important;color:#fff!important}.v8-footer-hero p{color:#a99f93!important}.v5-footer-links h4{color:var(--v19-gold)!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:.65rem!important}.v5-footer-links a,.v5-footer-brand p,.v5-footer-bottom{color:#a99f93!important}.v5-footer-links a:hover{color:#fff!important}

/* Mobile */
@media (max-width:1180px){
  .v8-desktop-nav{display:none!important}.v8-directory-btn{display:none!important}.v5-menu-btn{display:flex!important}
  .v19-category-strip{grid-template-columns:repeat(4,1fr)}.v19-trustbar .container{grid-template-columns:repeat(3,1fr);row-gap:18px}.v19-trustbar article:nth-child(3){border-right:0}.v19-home-about{grid-template-columns:1fr 1fr}.v19-about-copy{grid-column:1/-1}.v19-global-band{grid-template-columns:1fr 1fr}
  .v8-mega{display:none!important}
}
@media (max-width:820px){
  body.v5-page .container{width:min(92%,740px)}
  .v6-utility-links{display:none!important}.v6-utility-message span{display:none!important}.v8-project-btn{display:none!important}.v8-category-rail{display:none!important}.v8-nav{min-height:62px!important}.v8-brand .v5-monogram{font-size:2.1rem!important}.v8-brand .v5-brand-copy small{display:none!important}
  .v19-home-hero{min-height:690px}.v19-home-hero .container{grid-template-columns:1fr;align-items:end;padding-top:90px;padding-bottom:42px}.v19-home-hero-bg img{object-position:68% 20%}.v19-home-hero-bg:after{background:linear-gradient(180deg,rgba(4,4,4,.15) 0%,rgba(4,4,4,.62) 43%,rgba(4,4,4,.97) 80%)}.v19-hero-copy{align-self:end}.v19-hero-copy h1{font-size:clamp(3.3rem,14vw,5.4rem);line-height:.82;margin-top:300px}.v19-hero-copy>p{font-size:.95rem}.v19-hero-side{display:none}
  .v19-category-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.v19-category-card{flex:0 0 72vw;scroll-snap-align:start;min-height:285px}.v19-category-strip::-webkit-scrollbar{display:none}
  .v19-trustbar .container{display:flex;overflow-x:auto;padding:16px 0;scrollbar-width:none}.v19-trustbar article{min-width:215px;border-right:1px solid #ddd3c4!important;padding:0 16px}
  .v19-home-about{grid-template-columns:1fr}.v19-about-copy{padding:52px 7vw}.v19-about-image,.v19-about-detail{min-height:430px}.v19-global-band{grid-template-columns:1fr}.v19-global-band .visual{min-height:320px}.v19-global-copy{padding:52px 7vw}.v19-global-list{grid-template-columns:1fr}
  .section{padding:62px 0!important}.section-head h2{font-size:clamp(2.4rem,11vw,4.3rem)!important}
  .page-hero,.v9-campaign-hero{min-height:650px!important}.page-hero-inner,.v9-campaign-content{min-height:650px!important;padding-bottom:42px!important}.page-hero h1,.v9-campaign-hero h1{font-size:clamp(3.3rem,13vw,5rem)!important}.page-hero-media img,.v9-campaign-media img{object-position:62% 20%!important}.page-hero-overlay,.v9-campaign-shade{background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.66) 50%,rgba(0,0,0,.96) 82%)!important}
  .v19-page-proof .container{display:flex;overflow-x:auto;scrollbar-width:none}.v19-page-proof div{min-width:210px}
  .v19-editorial-grid{grid-template-columns:1fr;gap:30px}.v19-editorial-copy h2{font-size:clamp(3rem,12vw,5rem)}.v19-editorial-images{grid-template-columns:1fr 1fr;grid-template-rows:360px 210px}.v19-editorial-images figure:first-child{grid-column:1/-1;grid-row:auto}.v19-editorial-images figure:nth-child(2),.v19-editorial-images figure:nth-child(3){min-height:210px}
  .v19-editorial-notes{grid-template-columns:1fr}.v19-editorial{padding:62px 0}
  .v9-image-triptych{grid-template-columns:1fr!important}.v9-image-triptych figure{min-height:420px!important}.v9-chapters{grid-template-columns:1fr!important}
  .v8-drawer{background:#070706!important}.v8-mobile-hero{border-radius:0!important}.v6-mobile-sections summary{color:#fff!important}.v6-mobile-sections a{color:#c9bfb3!important}
}
@media (max-width:480px){
  .v19-hero-copy h1{font-size:3.25rem;margin-top:260px}.v19-category-card{flex-basis:84vw}.v19-editorial-images{grid-template-columns:1fr;grid-template-rows:420px 260px 260px}.v19-editorial-images figure:first-child{grid-column:auto}.v19-global-copy h2,.v19-about-copy h2{font-size:3.1rem}.btn{width:100%;justify-content:center}.v19-hero-actions,.page-hero-actions,.v9-hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.v19-nav-link{display:flex;align-items:center;color:#f7f2ea!important;font-size:.69rem!important;letter-spacing:.06em!important;text-transform:uppercase!important;padding:26px 10px 22px!important;position:relative;text-decoration:none}.v19-nav-link:after{content:"";position:absolute;left:10px;right:10px;bottom:14px;height:2px;background:var(--v19-gold);transform:scaleX(0);transform-origin:left;transition:.25s ease}.v19-nav-link:hover:after,.v19-nav-link.is-active:after{transform:scaleX(1)}
/* Interactive/public-tool heroes share the same luxury campaign language */
.v11-showroom-hero,.v12-config-hero,.customer-hero,.v13-project-hero{background:#080706!important;color:#fff!important;border-bottom:1px solid rgba(212,176,106,.3)!important;position:relative!important}
.v11-showroom-hero{min-height:610px!important}.v11-showroom-hero-media,.v12-config-hero-media,.customer-hero-media{position:absolute!important;inset:0!important}.v11-showroom-hero-media img,.v12-config-hero-media img,.customer-hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:66% 24%!important;filter:saturate(.86) contrast(1.05)!important}.v11-showroom-hero-overlay,.v12-config-hero-overlay,.customer-hero-overlay{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.67) 44%,rgba(0,0,0,.14) 72%,rgba(0,0,0,.5))!important}
.v11-showroom-hero-inner,.v12-config-hero-inner,.customer-hero-inner{position:relative!important;z-index:2!important;min-height:610px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;padding-top:120px!important;padding-bottom:56px!important}.v11-showroom-hero h1,.v12-config-hero h1,.customer-hero h1,.v13-project-hero h1{font-family:"Playfair Display",serif!important;text-transform:uppercase!important;letter-spacing:-.04em!important;font-weight:500!important;font-size:clamp(3.8rem,6vw,7rem)!important;line-height:.84!important}.v11-showroom-hero p,.v12-config-hero p,.customer-hero p,.v13-project-hero p{color:#e0d7cc!important;max-width:690px!important;line-height:1.75!important}.v11-showroom-facts{border-top:1px solid rgba(212,176,106,.28)!important;margin-top:28px!important;padding-top:18px!important}.v11-showroom-facts strong{color:var(--v19-gold)!important;font-family:"Playfair Display",serif!important}.customer-hero-pills span{border-radius:0!important;border-color:rgba(212,176,106,.3)!important;background:rgba(0,0,0,.3)!important}
.v13-project-hero{background:radial-gradient(circle at 78% 20%,rgba(212,176,106,.17),transparent 32%),#080706!important}.v13-project-hero-inner{padding-top:100px!important;padding-bottom:70px!important}.v13-project-seal{border-color:var(--v19-gold)!important;color:var(--v19-gold)!important}
.v11-showroom-nav,.v12-source-strip{background:#0b0a09!important;border-color:rgba(212,176,106,.24)!important}.v11-showroom-tabs button,.v11-showroom-tools button,.v12-source-actions button{border-radius:0!important}.v11-showroom-tabs button.active,.v11-showroom-tools button.active{background:var(--v19-gold)!important;color:#080706!important}
.customer-auth-section{background:var(--v19-cream)!important}.customer-auth-card,.customer-dashboard-card,.v13-lookup-card{border-radius:0!important;box-shadow:none!important;border:1px solid #d8ccbb!important}.customer-auth-story h2,.v13-lookup-card h2{font-family:"Playfair Display",serif!important;font-size:clamp(2.5rem,4vw,4.4rem)!important;line-height:.95!important}.auth-switch button{border-radius:0!important}.auth-switch button.active{background:#0a0908!important;color:#fff!important}
@media(max-width:820px){.v11-showroom-hero,.v11-showroom-hero-inner,.v12-config-hero-inner,.customer-hero-inner{min-height:650px!important}.v11-showroom-hero h1,.v12-config-hero h1,.customer-hero h1,.v13-project-hero h1{font-size:clamp(3.1rem,13vw,4.8rem)!important}.v11-showroom-hero-overlay,.v12-config-hero-overlay,.customer-hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.65) 48%,rgba(0,0,0,.97) 82%)!important}}
.v8-nav{gap:14px!important}.v8-desktop-nav{gap:0!important;flex:1!important;justify-content:center!important;min-width:0!important}.v8-nav-actions{gap:6px!important}.v8-brand{min-width:210px!important}.v8-project-btn{white-space:nowrap!important}.v5-icon-btn{width:38px!important;height:38px!important}
@media(max-width:1280px){.v8-brand{min-width:180px!important}.v8-desktop-nav .mega-trigger,.v19-nav-link{font-size:.62rem!important;padding-left:7px!important;padding-right:7px!important}.v8-project-btn{padding-left:14px!important;padding-right:14px!important}}


/* === assets/css/frontend-v20.css === */
/* ES FASHIONS v20 — Visual Perfection Pass
   Focus: tighter luxury navigation, controlled typography, split editorial heroes,
   image-first department pages, and better desktop/mobile balance. */

:root{
  --v20-black:#060606;
  --v20-black-soft:#0b0a09;
  --v20-ink:#17130f;
  --v20-paper:#fbf8f1;
  --v20-cream:#f1eadf;
  --v20-gold:#d8b369;
  --v20-gold-dark:#a87932;
  --v20-line:rgba(216,179,105,.28);
  --v20-muted:#a99f93;
}

/* Header — two clean layers, not three crowded bars */
.v6-utility{min-height:28px!important;background:#050505!important;border-bottom:1px solid rgba(216,179,105,.16)!important}
.v6-utility-inner{min-height:28px!important;padding-top:0!important;padding-bottom:0!important}
.v6-utility-message,.v6-utility-links{font-size:.58rem!important;letter-spacing:.095em!important}
.v8-nav{min-height:76px!important;padding-top:0!important;padding-bottom:0!important}
.v8-brand{min-width:195px!important}
.v8-brand .v5-monogram{font-size:2.35rem!important}
.v8-brand .v5-brand-copy b{font-size:.85rem!important;letter-spacing:.24em!important}
.v8-brand .v5-brand-copy small{font-size:.48rem!important;letter-spacing:.12em!important}
.v8-desktop-nav .mega-trigger,.v19-nav-link{font-size:.64rem!important;padding:27px 8px 23px!important;letter-spacing:.055em!important}
.v8-project-btn{padding:13px 18px!important;font-size:.65rem!important;letter-spacing:.06em!important}
.v5-icon-btn{width:36px!important;height:36px!important}
.v8-category-rail{display:none!important}
.v8-mega{top:104px!important}

/* General page rhythm */
body.v5-page .container{width:min(94%,1420px)!important}
.section{padding:82px 0!important}
.section-head h2{font-size:clamp(2.8rem,4.4vw,5.3rem)!important;line-height:.94!important}
.section-head p{max-width:620px!important;line-height:1.76!important}
.btn{border-radius:0!important;font-size:.7rem!important;letter-spacing:.055em!important;min-height:46px!important;padding:0 20px!important}

/* Regular page hero gets more control, less billboard scale */
.page-hero{min-height:535px!important}
.page-hero-inner{min-height:535px!important;padding-top:92px!important;padding-bottom:54px!important}
.page-hero h1{font-size:clamp(3.35rem,5vw,6rem)!important;line-height:.89!important;max-width:800px!important}
.page-hero p{font-size:.98rem!important;max-width:650px!important}

/* Campaign hero: split black editorial composition on desktop */
@media (min-width:901px){
  .v9-campaign-hero{min-height:610px!important;overflow:hidden!important;background:var(--v20-black)!important}
  .v9-campaign-media{left:auto!important;right:0!important;top:0!important;bottom:0!important;width:59%!important;overflow:hidden!important}
  .v9-campaign-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 26%!important;filter:saturate(.94) contrast(1.04)!important}
  .v9-campaign-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,6,.9) 0%,rgba(6,6,6,.2) 20%,rgba(6,6,6,0) 46%),linear-gradient(0deg,rgba(6,6,6,.32),transparent 35%)}
  .v9-campaign-shade{background:linear-gradient(90deg,#060606 0%,#060606 37%,rgba(6,6,6,.93) 43%,rgba(6,6,6,.48) 52%,rgba(6,6,6,0) 74%)!important}
  .v9-campaign-content{min-height:610px!important;padding-top:76px!important;padding-bottom:60px!important;padding-right:52%!important;justify-content:center!important}
  .v9-campaign-hero h1{font-size:clamp(3.7rem,5vw,6rem)!important;line-height:.88!important;max-width:690px!important;margin:13px 0 15px!important}
  .v9-campaign-hero p{font-size:.98rem!important;line-height:1.68!important;max-width:620px!important}
  .v9-service-ribbon{max-width:760px!important;margin-top:24px!important}
}

/* Uniforms benchmark page */
.campaign-uniforms .v9-campaign-media{width:60%!important}
.campaign-uniforms .v9-campaign-media img{object-position:center 35%!important}
.v20-capability-label{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#bfb5a9;font-size:.6rem;letter-spacing:.13em;text-transform:uppercase}
.v20-capability-label:before{content:"";width:24px;height:1px;background:var(--v20-gold)}

.v20-page-subnav{background:#090807;border-bottom:1px solid var(--v20-line);color:#fff;overflow-x:auto;scrollbar-width:none}
.v20-page-subnav::-webkit-scrollbar{display:none}
.v20-page-subnav .container{display:flex;gap:0;min-width:max-content}
.v20-page-subnav a{padding:15px 17px;color:#d4cabd;text-transform:uppercase;font-size:.61rem;letter-spacing:.105em;border-right:1px solid rgba(255,255,255,.08)}
.v20-page-subnav a:hover{color:var(--v20-gold);background:rgba(216,179,105,.05)}

.v20-uniform-trust{background:#0a0908;color:#fff;border-bottom:1px solid rgba(216,179,105,.18)}
.v20-uniform-trust .container{display:grid;grid-template-columns:repeat(6,1fr)}
.v20-uniform-trust article{padding:20px 18px;border-right:1px solid rgba(255,255,255,.09);min-width:0}
.v20-uniform-trust article:last-child{border-right:0}
.v20-uniform-trust b{display:block;color:var(--v20-gold);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}
.v20-uniform-trust span{font-size:.73rem;color:#d8d0c6;line-height:1.45}

.v20-sector-intro{display:grid;grid-template-columns:1fr minmax(320px,.65fr);gap:70px;align-items:end;margin-bottom:30px}
.v20-sector-intro h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(3rem,4.7vw,5.7rem);line-height:.9;margin:10px 0 0;font-weight:500;text-transform:uppercase;letter-spacing:-.04em}
.v20-sector-intro p{color:#655a50;line-height:1.8;margin:0}
.v20-sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d9cfbf;border:1px solid #d9cfbf}
.v20-sector-card{position:relative;min-height:350px;overflow:hidden;background:#111;color:#fff}
.v20-sector-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;filter:saturate(.9) contrast(1.03)}
.v20-sector-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.16) 45%,rgba(0,0,0,.88) 100%)}
.v20-sector-card:hover img{transform:scale(1.035)}
.v20-sector-card>div{position:absolute;z-index:2;left:20px;right:20px;bottom:19px}
.v20-sector-card small{display:block;color:var(--v20-gold);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}
.v20-sector-card h3{color:#fff;font-size:1.45rem;margin:0 0 5px;line-height:1.05}
.v20-sector-card p{font-size:.72rem;color:#ddd5cb;line-height:1.5;margin:0 0 9px}
.v20-sector-card b{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--v20-gold)}

.v20-uniform-editorial{display:grid;grid-template-columns:1fr 1.08fr;background:#090807;color:#fff;min-height:560px}
.v20-uniform-editorial-copy{padding:70px 6vw;display:flex;flex-direction:column;justify-content:center}
.v20-uniform-editorial-copy .eyebrow{color:var(--v20-gold)}
.v20-uniform-editorial-copy h2{font-family:"Playfair Display",serif;font-size:clamp(3.2rem,4.6vw,5.5rem);line-height:.88;margin:12px 0 22px;text-transform:uppercase;font-weight:500}
.v20-uniform-editorial-copy p{color:#c8bfb4;line-height:1.8;max-width:620px}
.v20-uniform-editorial-quote{font-family:"Playfair Display",serif;font-size:1.85rem;font-style:italic;color:#f2e8da;border-left:1px solid var(--v20-gold);padding-left:20px;margin:25px 0}
.v20-uniform-editorial-media{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.v20-uniform-editorial-media figure{margin:0;position:relative;overflow:hidden;min-width:0}
.v20-uniform-editorial-media figure:first-child{grid-column:1/-1;height:340px}
.v20-uniform-editorial-media figure:nth-child(2),.v20-uniform-editorial-media figure:nth-child(3){height:220px}
.v20-uniform-editorial-media img{width:100%;height:100%;object-fit:cover;display:block}
.v20-uniform-editorial-media figcaption{position:absolute;left:14px;bottom:12px;background:rgba(0,0,0,.72);color:#fff;padding:7px 9px;font-size:.54rem;letter-spacing:.1em;text-transform:uppercase}

.v20-process-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16);margin-top:34px}
.v20-process-grid article{padding:24px 19px 27px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);min-height:210px}
.v20-process-grid b{color:var(--v20-gold);font-family:"Playfair Display",serif;font-size:1.6rem;font-weight:500}
.v20-process-grid h3{color:#fff;font-size:1.35rem;margin:22px 0 8px}
.v20-process-grid p{color:#aaa096;font-size:.77rem;line-height:1.65;margin:0}

.v20-management-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.v20-management-card{border:1px solid #d7ccbb;background:#fff;padding:27px;min-height:250px}
.v20-management-card span{color:var(--v20-gold-dark);font-size:.58rem;text-transform:uppercase;letter-spacing:.13em}
.v20-management-card h3{font-size:1.8rem;line-height:1.05;margin:12px 0}
.v20-management-card p{color:#6c6157;line-height:1.73;font-size:.86rem}
.v20-management-card ul{margin:18px 0 0;padding:0;list-style:none;border-top:1px solid #e7ded2}
.v20-management-card li{padding:9px 0;border-bottom:1px solid #eee6db;font-size:.76rem;color:#4f463e}

.v20-fabric-split{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;background:#efe8dd}
.v20-fabric-split .visual{position:relative;overflow:hidden}
.v20-fabric-split .visual img{width:100%;height:100%;object-fit:cover;display:block}
.v20-fabric-split .copy{padding:70px 6vw;display:flex;flex-direction:column;justify-content:center}
.v20-fabric-split h2{font-size:clamp(3rem,4.6vw,5.5rem);line-height:.9;text-transform:uppercase;margin:11px 0 20px}
.v20-fabric-split p{color:#64594e;line-height:1.78}
.v20-fabric-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.v20-fabric-chips span{border:1px solid #c9b99e;padding:9px 11px;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;background:#faf6ef}

.v20-proof-band{background:#f8f3eb;border-top:1px solid #d9cfbf;border-bottom:1px solid #d9cfbf}
.v20-proof-band .container{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;padding-top:45px;padding-bottom:45px}
.v20-proof-band h3{font-size:2.3rem;margin:8px 0 10px}.v20-proof-band p{max-width:830px;color:#665b51;line-height:1.75;margin:0}

/* All campaign pages get more editorial spacing */
.v9-story-section .v9-manifesto h2{font-size:clamp(2.8rem,4vw,4.8rem)!important;line-height:.95!important}
.v9-image-triptych{gap:1px!important;background:#d8cebf!important}
.v9-image-triptych figure{border-radius:0!important}
.v9-image-triptych img{filter:saturate(.93) contrast(1.03)}
.v9-final-cta h2{font-size:clamp(3rem,4.6vw,5.6rem)!important;line-height:.92!important}

@media(max-width:1180px){
  .v20-sector-grid{grid-template-columns:repeat(2,1fr)}
  .v20-uniform-trust .container{grid-template-columns:repeat(3,1fr)}
  .v20-uniform-trust article:nth-child(3n){border-right:0}
  .v20-process-grid{grid-template-columns:repeat(3,1fr)}
  .v20-management-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:900px){
  .v6-utility{display:none!important}.v8-nav{min-height:68px!important}.v8-brand{min-width:0!important}.v8-mega{top:68px!important}
  .page-hero{min-height:610px!important}.page-hero-inner{min-height:610px!important}
  .v9-campaign-hero{min-height:680px!important}.v9-campaign-media{position:absolute!important;inset:0!important;width:auto!important}.v9-campaign-content{min-height:680px!important;padding:320px 0 46px!important;justify-content:flex-end!important}.v9-campaign-shade{background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.52) 44%,rgba(0,0,0,.97) 76%)!important}.v9-campaign-hero h1{font-size:clamp(3.1rem,11vw,4.8rem)!important;line-height:.9!important}.v9-campaign-hero p{font-size:.92rem!important}.v9-service-ribbon{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;scrollbar-width:none}.v9-service-ribbon span{white-space:nowrap!important}
  .v20-sector-intro{grid-template-columns:1fr;gap:18px}.v20-uniform-editorial{grid-template-columns:1fr}.v20-uniform-editorial-copy{padding:55px 7vw}.v20-uniform-editorial-media{min-height:auto}.v20-process-grid{grid-template-columns:1fr 1fr}.v20-fabric-split{grid-template-columns:1fr}.v20-fabric-split .visual{min-height:400px}.v20-management-grid{grid-template-columns:1fr}.v20-proof-band .container{grid-template-columns:1fr;gap:24px}
}

@media(max-width:620px){
  body.v5-page .container{width:min(91%,560px)!important}
  .v20-uniform-trust .container{display:flex;overflow-x:auto;scrollbar-width:none}.v20-uniform-trust article{min-width:205px;border-right:1px solid rgba(255,255,255,.09)!important}
  .v20-sector-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:transparent;border:0;gap:10px;scrollbar-width:none}.v20-sector-card{flex:0 0 82vw;min-height:390px;scroll-snap-align:start}
  .v20-process-grid{grid-template-columns:1fr}.v20-uniform-editorial-media{grid-template-columns:1fr}.v20-uniform-editorial-media figure:first-child{grid-column:auto;height:340px}.v20-uniform-editorial-media figure:nth-child(2),.v20-uniform-editorial-media figure:nth-child(3){height:270px}
  .v20-fabric-split .copy{padding:50px 7vw}.v20-fabric-split .visual{min-height:340px}
  .v20-page-subnav a{padding:13px 14px}
}

/* Generic public heroes use the same editorial split composition on desktop. */
@media (min-width:901px){
  .page-hero{overflow:hidden!important;background:var(--v20-black)!important}
  .page-hero-media{left:auto!important;right:0!important;top:0!important;bottom:0!important;width:58%!important;overflow:hidden!important}
  .page-hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 28%!important}
  .page-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,6,.86),rgba(6,6,6,.18) 24%,rgba(6,6,6,0) 52%)}
  .page-hero-overlay{background:linear-gradient(90deg,#060606 0%,#060606 36%,rgba(6,6,6,.92) 44%,rgba(6,6,6,.45) 54%,rgba(6,6,6,0) 76%)!important}
  .page-hero-inner{padding-top:72px!important;padding-bottom:54px!important;padding-right:51%!important;justify-content:center!important}
  .page-hero h1{font-size:clamp(3.4rem,4.65vw,5.7rem)!important;line-height:.9!important;max-width:680px!important}
  .page-hero p{font-size:.96rem!important;max-width:610px!important}
}
@media(max-width:900px){
  .page-hero-media{position:absolute!important;inset:0!important;width:auto!important}
  .page-hero-inner{padding:300px 0 44px!important;justify-content:flex-end!important}
  .page-hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.55) 46%,rgba(0,0,0,.97) 78%)!important}
}


/* === assets/css/frontend-v21.css === */
/* ES FASHIONS v21 — Screenshot-driven refinement */
:root{--v21-black:#050505;--v21-gold:#d8b369;--v21-paper:#f7f2ea;--v21-ink:#17130f;--v21-line:rgba(216,179,105,.27)}

/* Header refinement from real browser screenshot */
.v6-utility{min-height:25px!important}.v6-utility-inner{min-height:25px!important}.v8-nav{min-height:70px!important}.v8-mega{top:95px!important}
.v8-brand{min-width:205px!important}.v8-desktop-nav{gap:2px!important}.v8-desktop-nav .mega-trigger,.v19-nav-link{padding:24px 7px 21px!important;font-size:.61rem!important}

.v21-page-subnav{background:#0b0a09;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid var(--v21-line);overflow-x:auto;scrollbar-width:none}.v21-page-subnav::-webkit-scrollbar{display:none}.v21-page-subnav .container{display:flex;min-width:max-content}.v21-page-subnav a{padding:11px 15px;color:#c7beb3;font-size:.57rem;letter-spacing:.095em;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.07)}.v21-page-subnav a:hover{color:var(--v21-gold)}

.v21-uniform-hero{display:grid;grid-template-columns:minmax(480px,43%) 1fr;min-height:560px;background:var(--v21-black);color:#fff;border-bottom:1px solid var(--v21-line)}
.v21-uniform-copy{display:flex;align-items:center;position:relative;z-index:2;background:linear-gradient(90deg,#050505 0%,#050505 88%,rgba(5,5,5,.96) 100%)}
.v21-uniform-copy-inner{padding:64px 5.6vw 54px 7.7vw;max-width:700px}.v21-uniform-copy .eyebrow{color:var(--v21-gold);letter-spacing:.18em}
.v21-uniform-copy h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(4rem,4.6vw,5.75rem);line-height:.86;letter-spacing:-.045em;text-transform:uppercase;font-weight:500;margin:14px 0 22px}.v21-uniform-copy h1 span{display:block;white-space:nowrap}.v21-uniform-copy p{max-width:620px;font-size:.96rem;line-height:1.72;color:#ddd5ca;margin:0}
.v21-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.v21-hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.14);margin-top:34px}.v21-hero-metrics article{padding:17px 15px 0 0}.v21-hero-metrics strong{display:block;color:var(--v21-gold);font-family:"Playfair Display",serif;font-size:1.18rem;font-weight:500}.v21-hero-metrics span{display:block;color:#a9a098;font-size:.64rem;line-height:1.45;margin-top:4px;max-width:150px}
.v21-uniform-visual{position:relative;margin:0;min-width:0;overflow:hidden;background:#111}.v21-uniform-visual img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center center;display:block}.v21-uniform-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.22),transparent 22%),linear-gradient(0deg,rgba(0,0,0,.33),transparent 30%)}.v21-uniform-visual figcaption{position:absolute;z-index:2;left:22px;bottom:18px;background:rgba(5,5,5,.76);border:1px solid rgba(216,179,105,.26);padding:9px 11px;max-width:360px}.v21-uniform-visual figcaption span{display:block;color:var(--v21-gold);font-size:.52rem;letter-spacing:.13em}.v21-uniform-visual figcaption small{display:block;color:#cfc6ba;font-size:.56rem;line-height:1.4;margin-top:3px}

.v21-trust-band{background:#0a0908;color:#fff;border-bottom:1px solid var(--v21-line)}.v21-trust-band .container{display:grid;grid-template-columns:repeat(6,1fr)}.v21-trust-band article{padding:18px 16px;border-right:1px solid rgba(255,255,255,.08)}.v21-trust-band article:last-child{border-right:0}.v21-trust-band b{display:block;color:var(--v21-gold);font-size:.57rem;letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px}.v21-trust-band span{display:block;font-size:.68rem;line-height:1.45;color:#cfc7bc}

.v21-sector-section{background:var(--v21-paper)}.v21-section-heading{display:grid;grid-template-columns:1.15fr .7fr;gap:70px;align-items:end;margin-bottom:30px}.v21-section-heading h2{font-family:"Playfair Display",serif;font-size:clamp(3rem,4.5vw,5.5rem);line-height:.9;text-transform:uppercase;font-weight:500;margin:10px 0 0;letter-spacing:-.04em}.v21-section-heading p{margin:0;color:#665b51;line-height:1.8}
.v21-sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#d9cfbf}.v21-sector-card{position:relative;min-height:350px;overflow:hidden;color:#fff;background:#111}.v21-sector-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.v21-sector-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.18) 52%,rgba(0,0,0,.9) 100%)}.v21-sector-card:hover img{transform:scale(1.035)}.v21-sector-card>div{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.v21-sector-card small{color:var(--v21-gold);font-size:.54rem;letter-spacing:.13em}.v21-sector-card h3{color:#fff;font-size:1.45rem;line-height:1.05;margin:6px 0}.v21-sector-card p{color:#ddd5cb;font-size:.7rem;line-height:1.48;margin:0 0 8px}.v21-sector-card b{color:var(--v21-gold);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}

.v21-editorial-split{display:grid;grid-template-columns:.9fr 1.1fr;background:#080706;color:#fff}.v21-editorial-copy{padding:70px 6vw;display:flex;flex-direction:column;justify-content:center}.v21-editorial-copy h2{font-family:"Playfair Display",serif;font-size:clamp(3.2rem,4.4vw,5.3rem);line-height:.9;text-transform:uppercase;font-weight:500;margin:12px 0 20px}.v21-editorial-copy p{color:#c5bcb1;line-height:1.8}.v21-editorial-copy blockquote{font-family:"Playfair Display",serif;font-size:1.7rem;font-style:italic;line-height:1.25;border-left:1px solid var(--v21-gold);padding-left:20px;color:#efe5d8;margin:24px 0}.v21-editorial-media{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;min-height:600px}.v21-editorial-media figure{position:relative;margin:0;overflow:hidden}.v21-editorial-media figure:first-child{grid-row:1/3}.v21-editorial-media img{width:100%;height:100%;object-fit:cover;display:block}.v21-editorial-media figcaption{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.75);padding:6px 8px;color:#fff;font-size:.53rem;text-transform:uppercase;letter-spacing:.09em}

.v21-process-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15);margin-top:34px}.v21-process-grid article{padding:23px 18px;min-height:205px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.v21-process-grid b{color:var(--v21-gold);font-family:"Playfair Display",serif;font-size:1.55rem}.v21-process-grid h3{color:#fff;font-size:1.25rem;margin:20px 0 8px}.v21-process-grid p{color:#aaa096;font-size:.75rem;line-height:1.6;margin:0}

.v21-management{background:#f7f2ea}.v21-management-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v21-management-grid article{background:#fff;border:1px solid #d9cfbf;padding:26px;min-height:265px}.v21-management-grid article>span{color:#9f742f;font-size:.56rem;letter-spacing:.13em}.v21-management-grid h3{font-size:1.8rem;line-height:1.05;margin:11px 0}.v21-management-grid p{color:#675c52;line-height:1.72;font-size:.83rem}.v21-management-grid ul{list-style:none;padding:0;margin:18px 0 0;border-top:1px solid #ece4d9}.v21-management-grid li{font-size:.74rem;color:#50473f;padding:9px 0;border-bottom:1px solid #eee6dd}

.v21-fabric-split{display:grid;grid-template-columns:1.05fr .95fr;min-height:500px;background:#ede5d8}.v21-fabric-visual{overflow:hidden}.v21-fabric-visual img{width:100%;height:100%;object-fit:cover;display:block}.v21-fabric-copy{padding:65px 6vw;display:flex;flex-direction:column;justify-content:center}.v21-fabric-copy h2{font-family:"Playfair Display",serif;font-size:clamp(3rem,4.3vw,5rem);line-height:.9;text-transform:uppercase;margin:10px 0 20px}.v21-fabric-copy p{color:#64594f;line-height:1.8}.v21-fabric-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 26px}.v21-fabric-tags span{background:#f8f3eb;border:1px solid #cdbd9f;padding:8px 10px;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}
.v21-proof-band{background:#faf6ef;border-top:1px solid #d9cfbf;border-bottom:1px solid #d9cfbf}.v21-proof-band .container{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding-top:40px;padding-bottom:40px}.v21-proof-band h3{font-size:2rem;margin:7px 0 9px}.v21-proof-band p{max-width:900px;margin:0;color:#655a51;line-height:1.7}.v21-final-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

@media(max-width:1180px){.v21-uniform-hero{grid-template-columns:48% 52%}.v21-uniform-copy-inner{padding-left:5vw;padding-right:3vw}.v21-uniform-copy h1{font-size:clamp(3.5rem,5.3vw,5rem)}.v21-sector-grid{grid-template-columns:repeat(2,1fr)}.v21-trust-band .container{grid-template-columns:repeat(3,1fr)}.v21-process-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.v21-page-subnav{display:none}.v21-uniform-hero{display:block;position:relative;min-height:700px}.v21-uniform-visual{position:absolute;inset:0}.v21-uniform-visual img{min-height:700px;object-position:63% center}.v21-uniform-visual:after{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.2) 38%,rgba(0,0,0,.94) 84%)}.v21-uniform-visual figcaption{display:none}.v21-uniform-copy{position:relative;z-index:2;min-height:700px;align-items:flex-end;background:transparent}.v21-uniform-copy-inner{padding:320px 7vw 48px;max-width:none}.v21-uniform-copy h1{font-size:clamp(3.3rem,9.8vw,5rem)}.v21-uniform-copy h1 span{white-space:normal}.v21-hero-metrics{display:none}.v21-section-heading{grid-template-columns:1fr;gap:18px}.v21-editorial-split{grid-template-columns:1fr}.v21-editorial-media{min-height:520px}.v21-process-grid{grid-template-columns:repeat(2,1fr)}.v21-management-grid{grid-template-columns:1fr}.v21-fabric-split{grid-template-columns:1fr}.v21-fabric-visual{min-height:360px}.v21-proof-band .container{grid-template-columns:1fr;gap:22px}}
@media(max-width:640px){.v21-uniform-copy-inner{padding:310px 6vw 38px}.v21-uniform-copy h1{font-size:clamp(3rem,14vw,4.2rem)}.v21-hero-actions{display:grid}.v21-trust-band .container{display:flex;overflow-x:auto;scrollbar-width:none}.v21-trust-band article{min-width:200px}.v21-sector-grid{display:flex;overflow-x:auto;gap:9px;background:transparent;scroll-snap-type:x mandatory}.v21-sector-card{flex:0 0 82vw;min-height:400px;scroll-snap-align:start}.v21-editorial-copy{padding:52px 7vw}.v21-editorial-media{grid-template-columns:1fr;grid-template-rows:auto}.v21-editorial-media figure:first-child{grid-row:auto;height:360px}.v21-editorial-media figure{height:270px}.v21-process-grid{grid-template-columns:1fr}.v21-fabric-copy{padding:50px 7vw}.v21-final-actions{display:grid}}


/* === assets/css/frontend-v22.css === */
/* ES FASHIONS v22 — screenshot-driven Uniform House polish */
:root{--v22-gold:#d8b369;--v22-black:#050505;--v22-line:rgba(216,179,105,.24)}

/* Uniform page: clean header-to-hero handoff. */
body[data-page="uniforms"] .v19-page-proof{display:none!important}
body[data-page="uniforms"] main{background:#050505}
body[data-page="uniforms"] .v21-page-subnav{position:relative;z-index:5}

/* Desktop campaign composition follows the natural wide source image ratio. */
body[data-page="uniforms"] .v21-uniform-hero{
  grid-template-columns:minmax(520px,40%) minmax(0,60%);
  min-height:500px;
  max-height:560px;
}
body[data-page="uniforms"] .v21-uniform-copy-inner{
  padding:48px 3.7vw 42px 7.5vw;
  max-width:660px;
}
body[data-page="uniforms"] .v21-uniform-copy h1{
  font-size:clamp(3.8rem,4.15vw,5.15rem);
  line-height:.88;
  margin:12px 0 18px;
}
body[data-page="uniforms"] .v21-uniform-copy p{
  max-width:575px;
  font-size:.93rem;
  line-height:1.65;
}
body[data-page="uniforms"] .v21-hero-actions{margin-top:24px;gap:10px}
body[data-page="uniforms"] .v21-hero-metrics{margin-top:30px;padding-top:18px}
body[data-page="uniforms"] .v21-uniform-visual{min-height:500px;background:#080706}
body[data-page="uniforms"] .v21-uniform-visual img{
  min-height:500px;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
body[data-page="uniforms"] .v21-uniform-visual:after{
  background:linear-gradient(90deg,rgba(5,5,5,.10),transparent 15%),linear-gradient(0deg,rgba(0,0,0,.28),transparent 28%)
}
body[data-page="uniforms"] .v21-uniform-visual figcaption{
  left:18px;bottom:16px;max-width:330px;padding:8px 10px
}

/* Give the first viewport a clear finish before the next content band. */
body[data-page="uniforms"] .v21-trust-band{border-top:1px solid rgba(255,255,255,.05)}
body[data-page="uniforms"] .v21-trust-band article{padding-top:16px;padding-bottom:16px}

/* Large laptop widths: retain two-line headline and wider image. */
@media (min-width:1181px) and (max-width:1500px){
  body[data-page="uniforms"] .v21-uniform-hero{grid-template-columns:42% 58%;min-height:490px}
  body[data-page="uniforms"] .v21-uniform-copy-inner{padding-left:6.2vw;padding-right:2.8vw}
  body[data-page="uniforms"] .v21-uniform-copy h1{font-size:clamp(3.55rem,4.35vw,4.75rem)}
  body[data-page="uniforms"] .v21-uniform-visual,
  body[data-page="uniforms"] .v21-uniform-visual img{min-height:490px}
}

@media (max-width:1180px) and (min-width:901px){
  body[data-page="uniforms"] .v21-uniform-hero{grid-template-columns:44% 56%;min-height:480px;max-height:none}
  body[data-page="uniforms"] .v21-uniform-copy-inner{padding:42px 3vw 38px 4vw}
  body[data-page="uniforms"] .v21-uniform-copy h1{font-size:clamp(3.25rem,5vw,4.2rem)}
  body[data-page="uniforms"] .v21-uniform-visual,
  body[data-page="uniforms"] .v21-uniform-visual img{min-height:480px}
}

@media(max-width:900px){
  body[data-page="uniforms"] .v21-uniform-hero{display:block;min-height:700px;max-height:none}
  body[data-page="uniforms"] .v21-uniform-visual,
  body[data-page="uniforms"] .v21-uniform-visual img{min-height:700px}
  body[data-page="uniforms"] .v21-uniform-visual img{object-position:55% center}
}


/* === assets/css/frontend-v25.css === */
/* ES FASHIONS v25 — Final Visual Polish & Page Consistency */
:root{
  --v25-black:#050505;
  --v25-ink:#0a0908;
  --v25-gold:#d8b36a;
  --v25-gold-soft:#ead7a8;
  --v25-ivory:#f5f0e7;
  --v25-line:rgba(216,179,106,.26);
  --v25-copy:#d8d1c7;
}

/* CLEAN GLOBAL HEADER ----------------------------------------------------- */
.v6-utility{min-height:28px!important;background:#050505!important;border-bottom:1px solid rgba(216,179,106,.2)!important}
.v6-utility-inner{min-height:28px!important;padding-top:0!important;padding-bottom:0!important}
.v6-utility-message strong,.v6-utility-message span,.v6-utility-links a{font-size:.56rem!important;letter-spacing:.12em!important}
.v5-header{background:rgba(5,5,5,.97)!important;box-shadow:none!important;border-bottom:1px solid rgba(216,179,106,.16)!important}
.v8-nav{min-height:94px!important}
.v5-brand-copy b{font-family:"Playfair Display",Georgia,serif!important;font-size:1.03rem!important;letter-spacing:.2em!important}
.v5-brand-copy small{font-size:.47rem!important;letter-spacing:.15em!important;color:#9b9287!important}
.v5-monogram{color:var(--v25-gold)!important;font-family:"Playfair Display",Georgia,serif!important}
.v5-desktop-nav .mega-trigger,.v19-nav-link{font-size:.66rem!important;letter-spacing:.045em!important;padding:34px 13px!important}
.v5-book-btn{background:linear-gradient(135deg,#eed391,#c99f4d)!important;color:#080706!important;border:0!important;padding:0 24px!important;font-weight:800!important;letter-spacing:.045em!important}
.v5-icon-btn{border-color:rgba(255,255,255,.18)!important;background:#0b0a09!important}
/* Remove the third always-visible nav band. Deep links remain in mega menu/mobile menu. */
.v6-category-rail{display:none!important}

/* HERO SYSTEM: COPY LEFT, CATEGORY IMAGE RIGHT ---------------------------- */
@media (min-width:901px){
  .page-hero,.v9-campaign-hero{min-height:545px!important;max-height:610px!important;background:var(--v25-black)!important;border-bottom:1px solid var(--v25-line)!important;overflow:hidden!important}
  .page-hero-media,.v9-campaign-media{position:absolute!important;left:auto!important;right:0!important;top:0!important;bottom:0!important;width:55%!important;overflow:hidden!important;border-left:1px solid rgba(216,179,106,.18)!important;background:#0b0a09!important}
  .page-hero-media img,.v9-campaign-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 28%!important;filter:saturate(.96) contrast(1.025)!important;transform:none!important}
  .page-hero-media:after,.v9-campaign-media:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(5,5,5,.66),rgba(5,5,5,.04) 22%,transparent 45%),linear-gradient(0deg,rgba(0,0,0,.18),transparent 38%)!important;pointer-events:none!important}
  .page-hero-overlay,.v9-campaign-shade{background:linear-gradient(90deg,#050505 0%,#050505 38%,rgba(5,5,5,.95) 44%,rgba(5,5,5,.36) 53%,transparent 70%)!important}
  .page-hero-inner,.v9-campaign-content{min-height:545px!important;padding:54px 52% 48px 0!important;justify-content:center!important}
  .page-hero h1,.v9-campaign-hero h1{font-size:clamp(3.05rem,4.15vw,5rem)!important;line-height:.91!important;letter-spacing:-.035em!important;max-width:650px!important;text-transform:none!important;margin:12px 0 16px!important}
  .page-hero p,.v9-campaign-hero p{font-size:.94rem!important;line-height:1.7!important;max-width:590px!important;color:#e4ddd3!important}
  .page-breadcrumb{margin-bottom:12px!important}
  .page-hero-actions,.v9-hero-actions{margin-top:22px!important}
  .v9-service-ribbon{max-width:650px!important;margin-top:24px!important;gap:6px!important}
  .v9-service-ribbon span{font-size:.56rem!important;padding:8px 10px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(216,179,106,.22)!important}
}

/* PAGE-SPECIFIC IMAGE POSITIONS */
body[data-page="bridal"] .v9-campaign-media img{object-position:center 18%!important}
body[data-page="menswear"] .v9-campaign-media img,body[data-page="tailoring"] .page-hero-media img{object-position:center 20%!important}
body[data-page="corporate-fashion"] .v9-campaign-media img{object-position:center 22%!important}
body[data-page="production"] .page-hero-media img{object-position:center 42%!important}
body[data-page="textiles"] .page-hero-media img,body[data-page="fabric-sewing"] .page-hero-media img{object-position:center center!important}
body[data-page="kidswear"] .page-hero-media img{object-position:center 18%!important}
body[data-page="traditional"] .v9-campaign-media img{object-position:center 20%!important}

/* HOME: clearer luxury framing -------------------------------------------- */
.v19-home-hero{min-height:650px!important;border-bottom:1px solid var(--v25-line)!important}
.v19-home-hero-bg img{filter:saturate(.94) contrast(1.035)!important;object-position:67% 24%!important}
.v19-home-hero-bg:after{background:linear-gradient(90deg,rgba(4,4,4,.97) 0%,rgba(5,5,5,.82) 31%,rgba(5,5,5,.14) 62%,rgba(5,5,5,.55) 100%),linear-gradient(0deg,rgba(4,4,4,.44),transparent 40%)!important}
.v19-home-hero .container{padding-top:78px!important;padding-bottom:58px!important;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr)!important}
.v19-hero-copy h1{font-size:clamp(4.5rem,7.1vw,7.7rem)!important;line-height:.78!important;text-transform:uppercase!important;letter-spacing:-.055em!important}
.v19-hero-copy>p{max-width:650px!important;font-size:.97rem!important;line-height:1.72!important}
.v19-hero-side{align-self:center!important;margin-top:80px!important;border-left:1px solid rgba(216,179,106,.32)!important;padding-left:28px!important}
.v19-hero-side blockquote{font-size:1.8rem!important;line-height:1.16!important}
.v19-category-strip{background:#080706!important;gap:1px!important;padding:1px!important;border-bottom:1px solid var(--v25-line)!important}
.v19-category-card{min-height:255px!important;background:#111!important;overflow:hidden!important}
.v19-category-card img{height:100%!important;min-height:255px!important;object-fit:cover!important;filter:saturate(.93) contrast(1.03)!important;transition:transform .6s ease,filter .4s ease!important}
.v19-category-card:hover img{transform:scale(1.025)!important;filter:saturate(1) contrast(1.04)!important}
.v19-category-card>div{background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.08) 72%)!important;padding:54px 15px 16px!important}
.v19-category-card h3{font-family:"Playfair Display",Georgia,serif!important;font-size:1.25rem!important;font-weight:500!important}
.v19-category-card p{font-size:.68rem!important;line-height:1.45!important}

/* CONTENT CONSISTENCY ----------------------------------------------------- */
.section{padding-top:82px!important;padding-bottom:82px!important}
.section-head{margin-bottom:32px!important}
.section-head h2{font-size:clamp(2.55rem,4vw,4.7rem)!important;line-height:.96!important;text-transform:none!important;letter-spacing:-.03em!important}
.eyebrow{letter-spacing:.19em!important;font-size:.61rem!important;color:var(--v25-gold)!important}
.btn{min-height:45px!important;border-radius:0!important;font-size:.66rem!important;letter-spacing:.055em!important}
.btn-primary{box-shadow:0 10px 28px rgba(198,151,66,.14)!important}

/* image-led content gets crisper consistent framing */
.v19-editorial-images figure,.v9-image-triptych figure,.v11-home-showroom-grid>a,.home-featured-work>a,.v6-department-card,.v21-sector-card{overflow:hidden!important;background:#0b0a09!important}
.v19-editorial-images img,.v9-image-triptych img,.v11-home-showroom-grid img,.home-featured-work img,.v6-department-card img,.v21-sector-card img{object-fit:cover!important;filter:saturate(.95) contrast(1.025)!important;transition:transform .55s ease!important}
.v19-editorial-images figure:hover img,.v9-image-triptych figure:hover img,.v11-home-showroom-grid>a:hover img,.v21-sector-card:hover img{transform:scale(1.02)!important}

/* Tailoring gateway should show suit imagery, not generic fashion */
body[data-page="tailoring"] .v9-tailoring-gateway{background:#080706!important;color:#fff!important;border:1px solid rgba(216,179,106,.22)!important}
body[data-page="tailoring"] .v9-tailoring-gateway img{object-fit:cover!important;object-position:center 18%!important}

/* Uniform House: keep exact uniform photography and clean composition */
body[data-page="uniforms"] .v21-uniform-hero{grid-template-columns:minmax(490px,39%) minmax(0,61%)!important;min-height:510px!important;max-height:570px!important}
body[data-page="uniforms"] .v21-uniform-copy-inner{padding-left:6.5vw!important;padding-right:2.8vw!important;max-width:660px!important}
body[data-page="uniforms"] .v21-uniform-copy h1{font-size:clamp(3.55rem,4vw,4.9rem)!important;line-height:.89!important}
body[data-page="uniforms"] .v21-uniform-visual img{object-fit:cover!important;object-position:center center!important;filter:saturate(.95) contrast(1.03)!important}
body[data-page="uniforms"] .v21-sector-card img{filter:saturate(.94) contrast(1.025)!important}

/* Customer account: make hero a real split rather than text over the image */
@media(min-width:901px){
  .customer-hero{min-height:500px!important;background:#050505!important;overflow:hidden!important}
  .customer-hero-media{left:auto!important;right:0!important;width:52%!important;border-left:1px solid rgba(216,179,106,.2)!important}
  .customer-hero-media img{object-fit:cover!important;object-position:center 25%!important}
  .customer-hero-overlay{background:linear-gradient(90deg,#050505 0%,#050505 42%,rgba(5,5,5,.5) 60%,transparent 79%)!important}
  .customer-hero-inner{min-height:500px!important;padding-right:52%!important;justify-content:center!important}
  .customer-hero h1{font-size:clamp(3rem,4vw,4.8rem)!important;line-height:.94!important}
}

/* Commission configurator + showroom: same split visual rule */
@media(min-width:901px){
  .v12-config-hero,.v11-showroom-hero{min-height:525px!important;background:#050505!important;overflow:hidden!important}
  .v12-config-hero-media,.v11-showroom-hero-media{left:auto!important;right:0!important;width:55%!important;border-left:1px solid rgba(216,179,106,.2)!important}
  .v12-config-hero-media img,.v11-showroom-hero-media img{object-fit:cover!important;object-position:center 24%!important;filter:saturate(.95) contrast(1.025)!important}
  .v12-config-hero-overlay,.v11-showroom-hero-overlay{background:linear-gradient(90deg,#050505 0%,#050505 39%,rgba(5,5,5,.9) 46%,rgba(5,5,5,.2) 60%,transparent 78%)!important}
  .v12-config-hero-inner,.v11-showroom-hero-inner{min-height:525px!important;padding-right:52%!important;justify-content:center!important}
  .v12-config-hero h1,.v11-showroom-hero h1{font-size:clamp(3.1rem,4.25vw,5rem)!important;line-height:.9!important}
}

/* Project portal now has a right-side fashion image */
.v13-project-hero{position:relative!important;overflow:hidden!important;background:#050505!important;border-bottom:1px solid var(--v25-line)!important}
.v25-project-hero-media{position:absolute;right:0;top:0;bottom:0;width:48%;overflow:hidden;border-left:1px solid rgba(216,179,106,.2)}
.v25-project-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:saturate(.94) contrast(1.025)}
.v25-project-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.72),transparent 35%)}
.v13-project-hero-inner{position:relative;z-index:2;padding-right:50%!important;min-height:410px!important;align-items:center!important}
.v13-project-seal{position:absolute!important;right:51%!important;bottom:34px!important}

/* Services + departments: use editorial images, not mockup-board look */
body[data-page="services"] .page-hero-media img,body[data-page="departments"] .page-hero-media img{object-position:center 24%!important}

/* Mega menu preview stays visual and clean */
.v8-mega{background:#080706!important;border-top:1px solid rgba(216,179,106,.22)!important;border-bottom:1px solid rgba(216,179,106,.24)!important}
.v8-mega-preview{min-height:360px!important;background:#0b0a09!important}
.v8-mega-preview img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.94) contrast(1.03)!important}
.v8-mega-links a:hover{background:rgba(216,179,106,.07)!important}

/* MOBILE ------------------------------------------------------------------ */
@media(max-width:900px){
  .v6-utility{display:none!important}
  .v8-nav{min-height:72px!important}
  .v5-header{position:sticky!important;top:0!important}
  .v19-home-hero{min-height:690px!important}
  .v19-home-hero .container{padding-top:70px!important;padding-bottom:40px!important}
  .v19-hero-copy h1{font-size:clamp(3.25rem,14vw,5.1rem)!important;margin-top:290px!important;line-height:.8!important}
  .v19-category-card{flex-basis:78vw!important;min-height:330px!important}
  .v19-category-card img{min-height:330px!important}
  .page-hero,.v9-campaign-hero,.customer-hero,.v12-config-hero,.v11-showroom-hero{min-height:680px!important;max-height:none!important}
  .page-hero-media,.v9-campaign-media,.customer-hero-media,.v12-config-hero-media,.v11-showroom-hero-media{position:absolute!important;inset:0!important;width:auto!important;border-left:0!important}
  .page-hero-overlay,.v9-campaign-shade,.customer-hero-overlay,.v12-config-hero-overlay,.v11-showroom-hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.43) 39%,rgba(0,0,0,.96) 76%)!important}
  .page-hero-inner,.v9-campaign-content,.customer-hero-inner,.v12-config-hero-inner,.v11-showroom-hero-inner{min-height:680px!important;padding:300px 6vw 42px!important;justify-content:flex-end!important}
  .page-hero h1,.v9-campaign-hero h1,.customer-hero h1,.v12-config-hero h1,.v11-showroom-hero h1{font-size:clamp(2.85rem,12vw,4.4rem)!important;line-height:.9!important}
  .v13-project-hero-inner{padding-right:0!important;min-height:620px!important;padding-top:310px!important;align-items:flex-end!important}
  .v25-project-hero-media{width:100%;height:100%}
  .v25-project-hero-media:after{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.92) 72%)}
  .v13-project-seal{display:none!important}
  body[data-page="uniforms"] .v21-uniform-hero{display:block!important;min-height:700px!important;max-height:none!important}
  body[data-page="uniforms"] .v21-uniform-copy-inner{padding:310px 7vw 42px!important;max-width:none!important}
  body[data-page="uniforms"] .v21-uniform-copy h1{font-size:clamp(3rem,12vw,4.25rem)!important}
  body[data-page="uniforms"] .v21-uniform-visual,body[data-page="uniforms"] .v21-uniform-visual img{min-height:700px!important}
  .section{padding-top:64px!important;padding-bottom:64px!important}
}

@media(max-width:560px){
  .v19-hero-copy h1{font-size:3.45rem!important}
  .page-hero h1,.v9-campaign-hero h1,.customer-hero h1,.v12-config-hero h1,.v11-showroom-hero h1{font-size:3.05rem!important}
  .v19-category-card{flex-basis:86vw!important}
  .btn{width:100%!important;justify-content:center!important}
}


/* === assets/css/frontend-v26.css === */
/* ES FASHIONS v26 — Deeper Page Experience */
:root{
  --v26-black:#070706;
  --v26-black-2:#0e0d0b;
  --v26-ivory:#f4efe5;
  --v26-gold:#d6b36a;
  --v26-gold-soft:#b89452;
  --v26-line:rgba(214,179,106,.22);
  --v26-muted:#a9a29a;
}

/* context rail */
.v26-page-rail{position:sticky;top:72px;z-index:34;background:rgba(7,7,6,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--v26-line);color:#fff}
.v26-page-rail .container{display:flex;align-items:center;gap:24px;min-height:44px;overflow-x:auto;scrollbar-width:none}
.v26-page-rail .container::-webkit-scrollbar{display:none}
.v26-page-rail strong{font-family:"Playfair Display",Georgia,serif;font-weight:500;color:var(--v26-gold);white-space:nowrap;font-size:.95rem}
.v26-page-rail a{color:#d8d2c8;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-decoration:none}
.v26-page-rail a:hover{color:#fff}
.v26-page-rail .v26-rail-cta{margin-left:auto;color:#070706;background:var(--v26-gold);padding:8px 14px;font-weight:700}

/* shared deep experience */
.v26-experience{background:var(--v26-ivory);color:#111;padding:94px 0 0;border-top:1px solid #ded7cb}
.v26-experience .eyebrow{color:#947138!important}
.v26-experience-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.55fr);gap:64px;align-items:end;margin-bottom:40px}
.v26-experience-head h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(3rem,5vw,6rem);line-height:.88;letter-spacing:-.045em;font-weight:500;margin:10px 0 0;max-width:850px}
.v26-experience-head p{font-size:.98rem;line-height:1.8;color:#514a43;max-width:570px;margin:0 0 4px}
.v26-gallery{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:310px 240px;gap:1px;background:#b8ad9d;border:1px solid #b8ad9d}
.v26-gallery-card{position:relative;overflow:hidden;background:#111;color:#fff;text-decoration:none}
.v26-gallery-card:first-child{grid-row:1 / span 2}
.v26-gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease;filter:saturate(.94) contrast(1.025)}
.v26-gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.05) 62%)}
.v26-gallery-card:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
.v26-gallery-copy{position:absolute;z-index:2;left:22px;right:20px;bottom:20px}
.v26-gallery-copy small{display:block;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:#e2c988;margin-bottom:7px}
.v26-gallery-copy h3{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.35rem,2vw,2.1rem);line-height:1;margin:0 0 6px;font-weight:500}
.v26-gallery-copy p{font-size:.75rem;line-height:1.5;color:#ddd5ca;margin:0;max-width:390px}

.v26-journey{background:#090908;color:#fff;padding:84px 0;border-top:1px solid var(--v26-line)}
.v26-journey-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:38px}
.v26-journey-head h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.7rem,4vw,4.8rem);font-weight:500;line-height:.92;letter-spacing:-.035em;margin:8px 0 0}
.v26-journey-head p{max-width:520px;color:#b8b0a5;line-height:1.75;margin:0}
.v26-process{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--v26-line);border-bottom:1px solid var(--v26-line)}
.v26-process article{padding:26px 22px 30px;border-right:1px solid var(--v26-line);min-height:190px}
.v26-process article:last-child{border-right:0}
.v26-process b{display:block;color:var(--v26-gold);font-size:.66rem;letter-spacing:.14em;margin-bottom:34px}
.v26-process h3{font-family:"Playfair Display",Georgia,serif;font-size:1.45rem;font-weight:500;margin:0 0 9px}
.v26-process p{font-size:.75rem;line-height:1.6;color:#aaa299;margin:0}

.v26-brief{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0;background:#111;color:#fff}
.v26-brief-copy{padding:74px max(6vw,58px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--v26-line)}
.v26-brief-copy h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.7rem,4vw,4.7rem);line-height:.92;font-weight:500;letter-spacing:-.035em;margin:10px 0 18px}
.v26-brief-copy p{color:#bdb6ad;line-height:1.75;max-width:590px}
.v26-checklist{display:grid;grid-template-columns:1fr 1fr;align-content:center}
.v26-checklist article{padding:31px 34px;border-right:1px solid var(--v26-line);border-bottom:1px solid var(--v26-line);min-height:135px}
.v26-checklist article:nth-child(even){border-right:0}
.v26-checklist article:nth-last-child(-n+2){border-bottom:0}
.v26-checklist span{display:block;color:var(--v26-gold);font-size:.61rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}
.v26-checklist h3{font-family:"Playfair Display",Georgia,serif;font-size:1.28rem;font-weight:500;margin:0 0 6px}
.v26-checklist p{font-size:.74rem;color:#a9a29a;line-height:1.55;margin:0}

.v26-related{background:#f7f3eb;color:#111;padding:72px 0 84px;border-top:1px solid #d9d0c3}
.v26-related-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}
.v26-related-head h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.2rem,3vw,3.4rem);font-weight:500;margin:7px 0 0}
.v26-related-links{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c9c0b4;background:#c9c0b4;gap:1px}
.v26-related-links a{background:#fff;padding:24px;text-decoration:none;color:#111;display:grid;grid-template-columns:1fr auto;gap:6px 18px;align-items:center;transition:background .25s ease}
.v26-related-links a:hover{background:#f2eadb}
.v26-related-links strong{font-family:"Playfair Display",Georgia,serif;font-size:1.35rem;font-weight:500}
.v26-related-links small{grid-column:1;color:#6a625a;line-height:1.45}
.v26-related-links b{grid-row:1 / span 2;grid-column:2;color:#9d7330;font-size:1.2rem}

/* premium visual frame used by all page hero images */
.v26-image-frame{position:relative;overflow:hidden;background:#0a0908}
.v26-image-frame:before{content:"";position:absolute;z-index:2;inset:14px;border:1px solid rgba(216,179,106,.24);pointer-events:none}

/* Compact conversion bar */
.v26-concierge{position:fixed;right:18px;bottom:18px;z-index:65;display:flex;align-items:center;gap:10px;background:#0b0a09;border:1px solid rgba(216,179,106,.42);box-shadow:0 18px 45px rgba(0,0,0,.35);padding:8px 8px 8px 15px;color:#fff}
.v26-concierge span{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#d2c8bb}
.v26-concierge a{background:var(--v26-gold);color:#090806;text-decoration:none;padding:10px 14px;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.v26-concierge button{border:0;background:transparent;color:#8f887e;cursor:pointer;font-size:1rem;padding:5px}

/* Mobile */
@media(max-width:900px){
  .v26-page-rail{top:72px}
  .v26-page-rail .container{min-height:42px;padding-left:18px;padding-right:18px;gap:18px}
  .v26-page-rail strong{display:none}
  .v26-page-rail .v26-rail-cta{margin-left:0}
  .v26-experience{padding-top:62px}
  .v26-experience-head{display:block;margin-bottom:26px}
  .v26-experience-head h2{font-size:clamp(2.75rem,13vw,4.5rem);margin-bottom:20px}
  .v26-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1px;background:#b8ad9d}
  .v26-gallery-card,.v26-gallery-card:first-child{min-width:82vw;height:480px;grid-row:auto;scroll-snap-align:start}
  .v26-journey{padding:62px 0}
  .v26-journey-head{display:block;margin-bottom:26px}
  .v26-journey-head h2{font-size:3rem;margin-bottom:16px}
  .v26-process{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .v26-process article{min-width:72vw;scroll-snap-align:start;border-bottom:0}
  .v26-brief{display:block}
  .v26-brief-copy{padding:58px 7vw;border-right:0;border-bottom:1px solid var(--v26-line)}
  .v26-checklist{grid-template-columns:1fr}
  .v26-checklist article,.v26-checklist article:nth-child(even),.v26-checklist article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--v26-line)}
  .v26-checklist article:last-child{border-bottom:0}
  .v26-related{padding:58px 0 90px}
  .v26-related-head{display:block}
  .v26-related-links{grid-template-columns:1fr}
  .v26-concierge{left:12px;right:12px;bottom:76px;justify-content:space-between}
}
@media(max-width:560px){
  .v26-gallery-card,.v26-gallery-card:first-child{min-width:88vw;height:430px}
  .v26-process article{min-width:82vw}
  .v26-concierge span{display:none}
  .v26-concierge a{flex:1;text-align:center}
}

/* Homepage pathways */
.v26-home-pathways{background:#f4efe5;color:#111;padding:88px 0;border-top:1px solid #d9d0c3;border-bottom:1px solid #d9d0c3}
.v26-path-head{display:grid;grid-template-columns:1fr minmax(320px,.55fr);gap:60px;align-items:end;margin-bottom:32px}
.v26-path-head h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.8rem,4.8vw,5.7rem);line-height:.9;font-weight:500;letter-spacing:-.04em;margin:8px 0 0}
.v26-path-head p{margin:0;color:#5d554d;line-height:1.75}
.v26-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#aaa095;border:1px solid #aaa095}
.v26-path-card{position:relative;min-height:460px;color:#fff;text-decoration:none;overflow:hidden;background:#111}
.v26-path-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.03);transition:transform .6s ease}
.v26-path-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.08) 65%)}
.v26-path-card:hover img{transform:scale(1.025)}
.v26-path-card>div{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}
.v26-path-card small{font-size:.57rem;letter-spacing:.15em;color:#e2c77f}
.v26-path-card h3{font-family:"Playfair Display",Georgia,serif;font-size:1.6rem;font-weight:500;line-height:1.05;margin:8px 0}
.v26-path-card p{font-size:.74rem;line-height:1.55;color:#d5cec5;margin:0 0 13px}
.v26-path-card b{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#f0d38e}
@media(max-width:900px){.v26-path-head{display:block}.v26-path-head h2{margin-bottom:18px}.v26-path-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.v26-path-card{min-width:82vw;scroll-snap-align:start}}

.v26-secondary-next{background:#0a0908;color:#fff;padding:66px 0;border-top:1px solid var(--v26-line)}
.v26-secondary-next>.container{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:50px;align-items:end}
.v26-secondary-next h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.4rem,3.5vw,4rem);font-weight:500;margin:8px 0 0}
.v26-secondary-links{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--v26-line);gap:1px;background:var(--v26-line)}
.v26-secondary-links a{background:#0e0d0b;color:#fff;text-decoration:none;padding:21px;min-height:125px;display:grid;grid-template-columns:1fr auto;gap:6px 14px}
.v26-secondary-links strong{font-family:"Playfair Display",Georgia,serif;font-size:1.15rem;font-weight:500}
.v26-secondary-links small{grid-column:1;color:#aaa299;line-height:1.5}
.v26-secondary-links b{grid-column:2;grid-row:1 / span 2;color:var(--v26-gold)}
@media(max-width:900px){.v26-secondary-next>.container{display:block}.v26-secondary-next h2{margin-bottom:22px}.v26-secondary-links{grid-template-columns:1fr}}


/* === assets/css/frontend-v27.css === */
/* ES FASHIONS v27 — luxury service landing pages */
:root{--v27-gold:#d7b56d;--v27-ink:#080807;--v27-cream:#f5efe5;--v27-line:rgba(215,181,109,.24)}
.v27-service-page{background:#090908}.v27-service-page main{overflow:hidden}
.v27-service-hero{min-height:680px;display:grid;grid-template-columns:minmax(430px,44%) 1fr;background:#080807;border-bottom:1px solid var(--v27-line)}
.v27-service-copy{display:flex;align-items:center;padding:72px 5vw 64px 6vw}.v27-service-copy-inner{max-width:640px}.v27-service-copy .page-breadcrumb{margin-bottom:28px;color:#a69c8e}.v27-service-copy .page-breadcrumb a{color:#cfc4b4}.v27-service-copy h1{font-family:"Playfair Display",serif;font-size:clamp(3.2rem,5vw,6.4rem);line-height:.93;letter-spacing:-.045em;margin:15px 0 24px;color:#fff;font-weight:500}.v27-service-copy>*,.v27-service-copy-inner>p{color:#d8d0c4}.v27-service-copy-inner>p{font-size:1.08rem;line-height:1.8;max-width:58ch}
.v27-service-image{margin:0;position:relative;min-height:680px;overflow:hidden;background:#171513}.v27-service-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.02)}.v27-service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,7,.35),transparent 24%),linear-gradient(0deg,rgba(8,8,7,.36),transparent 30%)}.v27-service-image figcaption{position:absolute;z-index:2;left:28px;bottom:24px;padding:9px 13px;background:rgba(6,6,5,.78);border:1px solid rgba(255,255,255,.15);color:#e4c983;letter-spacing:.13em;font-size:.7rem;text-transform:uppercase}
.v27-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.v27-hero-proof{display:flex;gap:0;margin-top:34px;border-top:1px solid var(--v27-line);border-bottom:1px solid var(--v27-line)}.v27-hero-proof span{padding:14px 18px 14px 0;margin-right:18px;color:#d9c8a8;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.v27-service-intro{background:#f3ede3;color:#15110d;padding:62px 0}.v27-service-intro .container{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:start}.v27-service-intro h2{font-family:"Playfair Display",serif;font-size:clamp(2.4rem,4vw,4.6rem);line-height:1.02;margin:10px 0}.v27-service-intro p{font-size:1.08rem;line-height:1.9;color:#51483f;margin:0;padding-top:22px}
.v27-deliverable-section{background:#fffaf2}.v27-deliverables{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8cbb8;border:1px solid #d8cbb8}.v27-deliverables article{background:#fffaf2;padding:28px;min-height:220px}.v27-deliverables span{font-family:"Playfair Display",serif;color:#ad8140;font-size:1.15rem}.v27-deliverables h3{font-family:"Playfair Display",serif;font-size:1.55rem;margin:35px 0 10px;color:#16110c}.v27-deliverables p{margin:0;color:#6a5e50;line-height:1.65}
.v27-process-section{background:#0b0a09}.v27-process{border-top:1px solid var(--v27-line)}.v27-process article{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.11)}.v27-process b{font-family:"Playfair Display",serif;font-size:1.8rem;color:var(--v27-gold)}.v27-process h3{margin:0 0 7px;color:#fff;font-family:"Playfair Display",serif;font-size:1.55rem}.v27-process p{margin:0;color:#a9a195;line-height:1.7}
.v27-prepare-section{background:#eee5d8}.v27-prepare-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.v27-prepare-grid h2{font-family:"Playfair Display",serif;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1;margin:12px 0 18px}.v27-prepare-grid>div>p{color:#625649;line-height:1.8;margin-bottom:25px}.v27-prepare-grid ul{list-style:none;margin:0;padding:0;border-top:1px solid #bbaa91}.v27-prepare-grid li{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #cbbda9;color:#302820}.v27-prepare-grid li span{color:#a77834;font-weight:700}
.v27-faq-section{background:#f8f5ef}.v27-faq{max-width:980px}.v27-faq details{border-bottom:1px solid #d8ccbc}.v27-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:21px 0;font-family:"Playfair Display",serif;font-size:1.35rem;color:#19140f}.v27-faq summary::-webkit-details-marker{display:none}.v27-faq details p{max-width:76ch;color:#685d51;line-height:1.75;margin:0;padding:0 44px 22px 0}.v27-faq details[open] summary span{transform:rotate(45deg)}
.v27-related-section{background:#fff}.v27-related{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d8ccbc;border-left:1px solid #d8ccbc}.v27-related a{display:flex;min-height:130px;flex-direction:column;justify-content:space-between;padding:22px;border-right:1px solid #d8ccbc;border-bottom:1px solid #d8ccbc;color:#1c1712;text-decoration:none}.v27-related a span{font-family:"Playfair Display",serif;font-size:1.35rem}.v27-related a b{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#9a6d2b}.v27-related a:hover{background:#15120f;color:#fff}
.v27-final-quote{background:#0b0a09;color:#fff;padding:86px 0;text-align:center}.v27-final-quote .container{max-width:920px}.v27-final-quote h2{font-family:"Playfair Display",serif;font-size:clamp(2.8rem,5vw,5.4rem);line-height:.98;margin:12px auto 18px}.v27-final-quote p{color:#beb4a7;line-height:1.8;max-width:68ch;margin:0 auto 28px}.v27-final-quote .btn{margin:5px}
@media(max-width:980px){.v27-service-hero{grid-template-columns:1fr;min-height:0}.v27-service-copy{padding:48px 6vw}.v27-service-image{min-height:58vw;order:-1}.v27-service-copy h1{font-size:clamp(2.8rem,10vw,5rem)}.v27-service-intro .container,.v27-prepare-grid{grid-template-columns:1fr;gap:25px}.v27-deliverables{grid-template-columns:repeat(2,1fr)}.v27-related{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.v27-service-copy{padding:36px 20px 46px}.v27-service-image{min-height:72vw}.v27-hero-proof{overflow-x:auto}.v27-hero-proof span{white-space:nowrap}.v27-deliverables{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:transparent;border:0;gap:12px}.v27-deliverables article{min-width:78vw;border:1px solid #d8cbb8;scroll-snap-align:start}.v27-process article{grid-template-columns:54px 1fr}.v27-related{grid-template-columns:1fr}.v27-final-quote{padding:64px 20px}}

.v27-service-gateway{background:#f7f2ea}.v27-service-gateway .v27-related{margin-top:22px}


/* === assets/css/frontend-v28.css === */
/* v28 clean photography overhaul */
:root{--v28-gold:#d9b462;--v28-ink:#070707;}
img{image-rendering:auto;}
.v19-category-card img,.v9-campaign-media img,.page-hero-media img,.v21-uniform-visual>img,.v27-service-hero-media img,.v26-make-card img,.v11-card-media img{filter:none!important;transform:none;}
.v19-category-card img,.v11-card-media img,.v26-make-card img{object-fit:cover;object-position:center top;}
.v11-showroom-card{overflow:hidden;border:1px solid rgba(30,20,10,.10);box-shadow:0 14px 38px rgba(21,13,8,.08)}
.v11-card-media{background:#111;aspect-ratio:4/5;overflow:hidden;display:block}
.v11-card-media img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.v11-showroom-card.inspiration .v11-proof-badge{background:#111;color:#f2d18a;border-color:#d9b462}
.v11-showroom-card.real .v11-proof-badge{background:#f3e1b7;color:#111}
.v9-campaign-media img,.v27-service-hero-media img{object-fit:cover;object-position:center top}
.v21-uniform-visual>img{object-fit:cover;object-position:center 24%}
@media(min-width:1000px){
  .page-hero:not(.page-hero-dark) .page-hero-media img,.page-hero-dark .page-hero-media img{object-position:center top}
  .v9-campaign-hero{min-height:680px}
}
@media(max-width:760px){
  .v11-card-media{aspect-ratio:3/4}
  .v19-category-card img,.v9-campaign-media img,.v27-service-hero-media img{object-position:center top}
}


/* === assets/css/frontend-v29.css === */
/* ES FASHIONS v29 — Visual QA, sharp photography & responsive composition */
:root{--v29-gold:#d9b462;--v29-black:#050505;--v29-cream:#f5efe6;}

/* Sharp photography first: no artificial softening, zoom or saturation filters. */
.v19-category-card img,.page-hero-media img,.v9-campaign-media img,.v27-service-image img,
.v21-uniform-visual img,.v21-sector-card img,.v11-card-media img,.v26-gallery-card img,
.v26-path-card img,.v19-editorial-images img,.v9-image-triptych img,.v8-mega-preview img,
.v12-config-hero-media img,.v11-showroom-hero-media img,.customer-hero-media img,
.v25-project-hero-media img,.v19-home-hero-bg img{
  filter:none!important; transform:none!important; image-rendering:auto!important;
  backface-visibility:hidden; -webkit-font-smoothing:antialiased;
}
.v19-category-card:hover img,.v21-sector-card:hover img,.v26-gallery-card:hover img,.v26-path-card:hover img,
.v19-editorial-images figure:hover img,.v9-image-triptych figure:hover img{transform:none!important;filter:none!important}

/* Image frames should look photographic, not like screenshots or UI boards. */
.v19-category-card,.v11-card-media,.v26-gallery-card,.v27-service-image,.v21-sector-card,
.v19-editorial-images figure,.v9-image-triptych figure{background:#0b0a09!important}
.v11-card-media img,.v19-category-card img,.v26-gallery-card img,.v21-sector-card img{
  width:100%!important;height:100%!important;object-fit:cover!important;
}

/* More predictable desktop split heroes. Portrait photography stays on the right. */
@media(min-width:981px){
  .page-hero,.v9-campaign-hero{min-height:560px!important;max-height:620px!important}
  .page-hero-media,.v9-campaign-media{width:54%!important}
  .page-hero-inner,.v9-campaign-content{padding-right:50%!important}
  .page-hero-media img,.v9-campaign-media img{object-fit:cover!important;object-position:center 18%!important}
  .v27-service-hero{min-height:620px!important;grid-template-columns:minmax(430px,43%) minmax(0,57%)!important}
  .v27-service-image{min-height:620px!important}
  .v27-service-image img{object-fit:cover!important;object-position:center 18%!important}
  .v27-service-copy{padding-top:58px!important;padding-bottom:58px!important}
  .v27-service-copy h1{font-size:clamp(3.05rem,4.25vw,5.5rem)!important;line-height:.95!important}
  .v11-showroom-hero-media,.v12-config-hero-media{width:54%!important}
}

/* Page/category focal points. */
.v29-photo-womenswear{object-position:center 15%!important}
.v29-photo-menswear{object-position:center 12%!important}
.v29-photo-kidswear{object-position:center 14%!important}
.v29-photo-bridal{object-position:center 12%!important}
.v29-photo-traditional{object-position:center 15%!important}
.v29-photo-uniforms{object-position:center 14%!important}
.v29-photo-textiles{object-position:center center!important}
.v29-photo-production{object-position:center 28%!important}

/* Showroom: consistent garment cards, no stretched image boards. */
.v11-showroom-grid{align-items:start!important}
.v11-showroom-card{border-radius:0!important;background:#fff!important;box-shadow:0 12px 34px rgba(16,10,6,.08)!important}
.v11-card-media{aspect-ratio:4/5!important;background:#111!important;overflow:hidden!important}
.v11-card-media img{object-fit:cover!important;object-position:center 16%!important}
.v11-showroom-card[data-department="textiles"] .v11-card-media img,
.v11-showroom-card[data-department="production"] .v11-card-media img{object-position:center center!important}
.v11-proof-badge{backdrop-filter:none!important}

/* Homepage category cards: keep the garment/person visible, not just background. */
.v19-category-strip{align-items:stretch!important}
.v19-category-card{min-height:280px!important}
.v19-category-card img{min-height:280px!important;object-position:center 16%!important}
.v19-category-card[href*="textiles"] img,.v19-category-card[href*="production"] img{object-position:center center!important}
.v19-category-card[href*="uniform"] img{object-position:center 12%!important}

/* Service-page figure captions stay subtle; image should lead. */
.v27-service-image figcaption{background:rgba(5,5,5,.74)!important;backdrop-filter:none!important}
.v27-service-image:after{background:linear-gradient(90deg,rgba(5,5,5,.22),transparent 18%),linear-gradient(0deg,rgba(5,5,5,.28),transparent 28%)!important}

/* Image-led cards get a consistent luxury proportion. */
.v26-gallery-card{aspect-ratio:4/5!important}
.v26-gallery-card img{object-position:center 16%!important}
.v21-sector-card{min-height:390px!important}
.v21-sector-card img{object-position:center 15%!important}

/* No giant decorative media zoom on hover: keep photographs visually stable. */
.v8-mega-preview img,.v19-category-card img,.v21-sector-card img,.v26-gallery-card img,.v26-path-card img{transition:opacity .25s ease!important}

/* Mobile: subject-first crops and calmer text/image balance. */
@media(max-width:980px){
  .v27-service-image{min-height:78vw!important;max-height:620px!important}
  .v27-service-image img{object-position:center 15%!important}
  .page-hero-media img,.v9-campaign-media img,.v11-showroom-hero-media img,.v12-config-hero-media img{object-position:center 15%!important}
  .v19-category-card{min-height:390px!important}
  .v19-category-card img{min-height:390px!important}
  .v11-card-media{aspect-ratio:4/5!important}
}
@media(max-width:620px){
  .v27-service-image{min-height:92vw!important}
  .v19-category-card{min-height:420px!important}
  .v19-category-card img{min-height:420px!important}
  .v11-card-media{aspect-ratio:3/4!important}
}


/* === assets/css/frontend-v31.css === */
/* ES FASHIONS v31 — service visual stories */
.v31-visual-story{background:#11100e;color:#fff;padding:74px 0;border-top:1px solid rgba(196,157,82,.24);border-bottom:1px solid rgba(196,157,82,.24)}
.v31-visual-story .section-head{margin-bottom:28px}.v31-visual-story .section-head p{color:#b9b0a4;max-width:64ch}
.v31-visual-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px;min-height:560px}
.v31-visual-card{position:relative;overflow:hidden;margin:0;background:#1b1814;min-height:100%;isolation:isolate}
.v31-visual-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 28%;transition:transform .5s ease}
.v31-visual-card:first-child img{object-position:center 32%}.v31-visual-card:hover img{transform:scale(1.018)}
.v31-visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,4,.83) 0%,rgba(5,5,4,.1) 45%,transparent 72%);z-index:1}
.v31-visual-card figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.v31-visual-card figcaption span{display:block;color:#d6b268;font-size:.68rem;letter-spacing:.17em;text-transform:uppercase;margin-bottom:7px}.v31-visual-card figcaption strong{display:block;font-family:"Playfair Display",serif;font-size:1.55rem;font-weight:500;line-height:1.05}.v31-visual-card figcaption small{display:block;color:#d2c9be;margin-top:7px;line-height:1.5}
.v31-service-note{margin-top:22px;color:#968d82;font-size:.76rem;letter-spacing:.04em}.v31-service-note strong{color:#d6b268;font-weight:600}
@media(max-width:980px){.v31-visual-grid{grid-template-columns:1fr 1fr;min-height:0}.v31-visual-card{min-height:460px}.v31-visual-card:first-child{grid-column:1/-1;min-height:540px}}
@media(max-width:640px){.v31-visual-story{padding:54px 0}.v31-visual-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:8px}.v31-visual-card,.v31-visual-card:first-child{min-width:82vw;min-height:440px;grid-column:auto;scroll-snap-align:start}.v31-visual-card figcaption{left:18px;right:18px;bottom:18px}}


/* === assets/css/frontend-v32.css === */
/* ES FASHIONS v32 — expanded pages, richer photography and public contact details */
.v32-expansion{padding:92px 0;background:#f4efe6;color:#0a0908;border-top:1px solid rgba(151,112,43,.18)}
.v32-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:60px;align-items:end;margin-bottom:34px}
.v32-head h2{font-family:"Playfair Display",serif;font-size:clamp(2.5rem,5vw,5.2rem);line-height:.96;letter-spacing:-.04em;margin:8px 0 0;max-width:900px}
.v32-head p{font-size:1rem;line-height:1.8;color:#5b5145;max-width:620px;margin:0}
.v32-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v32-image-card{position:relative;display:block;min-width:0;background:#0b0a09;color:white;text-decoration:none;overflow:hidden;border:1px solid rgba(174,138,73,.26);box-shadow:0 22px 55px rgba(31,21,8,.08)}
.v32-image-card figure{height:390px;margin:0;overflow:hidden;background:#16130f}
.v32-image-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.v32-image-card:hover img{transform:scale(1.025)}
.v32-image-card>div{padding:20px 20px 22px;min-height:190px;display:flex;flex-direction:column}
.v32-image-card>div>span{font-size:.7rem;letter-spacing:.18em;color:#d3ad61}
.v32-image-card h3{font-family:"Playfair Display",serif;font-size:1.7rem;line-height:1.05;margin:8px 0}
.v32-image-card p{font-size:.88rem;line-height:1.55;color:#c8c1b6;margin:0 0 18px}
.v32-image-card b{margin-top:auto;font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;color:#e1bd72}
.v32-capability-band{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;border-top:1px solid #d8cdbd;border-bottom:1px solid #d8cdbd}
.v32-capability-band article{padding:22px 24px;border-right:1px solid #d8cdbd}.v32-capability-band article:last-child{border-right:0}
.v32-capability-band b{display:block;font-family:"Playfair Display",serif;font-size:1.3rem;margin-bottom:6px}.v32-capability-band span{font-size:.8rem;line-height:1.5;color:#6a6054}
.v32-contact-band{padding:72px 0;background:#090806;color:white;border-top:1px solid rgba(211,173,97,.4)}
.v32-contact-inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:center}
.v32-contact-inner h2{font-family:"Playfair Display",serif;font-size:clamp(2.2rem,4.2vw,4.4rem);line-height:1;margin:8px 0 14px}.v32-contact-inner p{color:#b9b0a4;line-height:1.65;max-width:620px}
.v32-contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v32-contact-actions a{padding:18px 20px;border:1px solid rgba(255,255,255,.16);text-decoration:none;color:white;background:#11100d}.v32-contact-actions small{display:block;text-transform:uppercase;letter-spacing:.14em;color:#a99c89;font-size:.62rem;margin-bottom:5px}.v32-contact-actions strong{font-size:.92rem;word-break:break-word}.v32-contact-actions .v32-gold{background:#d6ae5a;color:#090806;border-color:#d6ae5a}.v32-contact-actions .v32-gold small{color:#4a3511}
.v32-whatsapp-float{position:fixed;right:18px;bottom:88px;z-index:80;background:#128c4a;color:#fff;text-decoration:none;padding:11px 16px;border-radius:999px;box-shadow:0 14px 34px rgba(0,0,0,.25);display:flex;gap:8px;align-items:center;font-size:.74rem}.v32-whatsapp-float span{font-weight:800}.v32-whatsapp-float b{font-weight:500}
.v32-direct-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.v32-direct-contact a{display:block;padding:18px;border:1px solid rgba(215,177,99,.35);text-decoration:none;color:inherit}.v32-direct-contact small{display:block;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:#aa8a4b;margin-bottom:6px}.v32-direct-contact strong{font-size:1rem}
.v8-footer .v32-footer-contact{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:8px}.v8-footer .v32-footer-contact a{color:#d8c49a;text-decoration:none;font-size:.86rem}
@media(min-width:1300px){.container{max-width:1480px}.v32-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v32-image-card figure{height:430px}}
@media(max-width:1100px){.v32-image-grid{grid-template-columns:repeat(2,1fr)}.v32-capability-band{grid-template-columns:repeat(2,1fr)}.v32-capability-band article:nth-child(2){border-right:0}.v32-head,.v32-contact-inner{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){.v32-expansion{padding:58px 0}.v32-head h2{font-size:2.7rem}.v32-image-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}.v32-image-card{min-width:82vw;scroll-snap-align:start}.v32-image-card figure{height:420px}.v32-capability-band{grid-template-columns:1fr}.v32-capability-band article{border-right:0;border-bottom:1px solid #d8cdbd}.v32-capability-band article:last-child{border-bottom:0}.v32-contact-band{padding:54px 0}.v32-contact-actions{grid-template-columns:1fr}.v32-whatsapp-float{right:12px;bottom:76px;padding:11px 14px}.v32-whatsapp-float b{display:none}.v32-direct-contact{grid-template-columns:1fr}}


/* === assets/css/frontend-v33.css === */
/* ES FASHIONS v33 — Mobile-First Consolidation
   Final responsive authority layer for all public pages.
   Desktop stays intact; tablet/phone rules below override legacy version conflicts. */

:root{
  --v33-safe-bottom: env(safe-area-inset-bottom, 0px);
  --v33-safe-top: env(safe-area-inset-top, 0px);
  --v33-mobile-nav: 68px;
}
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
body{max-width:100%;overflow-x:clip}
img,video,svg,canvas{max-width:100%}
img{height:auto}
iframe{max-width:100%}
input,select,textarea,button{max-width:100%}
*{min-width:0;box-sizing:border-box}
.v33-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}
.v33-table-scroll table{min-width:680px}

/* Tablet consolidation */
@media(max-width:1024px){
  .container{width:min(100% - 36px,1480px)!important;margin-inline:auto!important}
  .v5-desktop-nav,.v6-desktop-nav,.v8-desktop-nav{display:none!important}
  .v5-menu-btn{display:flex!important}
  .v6-category-rail,.v8-category-rail{display:none!important}
  .v8-project-btn,.v5-book-btn{display:none!important}
  .v6-utility-inner{min-height:34px!important}
  .v6-utility-message>span{display:none!important}
  .v6-utility-links a:nth-child(n+3){display:none!important}
  .v6-utility-links{gap:12px!important}
  .v5-nav,.v8-nav{min-height:72px!important;padding-block:8px!important}
  .v5-brand-copy small{font-size:.52rem!important;letter-spacing:.12em!important}
  .v5-monogram{font-size:2.2rem!important}

  .section{padding:70px 0!important}
  .section-head.split,.v32-head,.v26-path-head{grid-template-columns:1fr!important;gap:18px!important;align-items:start!important}
  .section-head h2,.v32-head h2{max-width:760px!important}

  .v27-service-hero{grid-template-columns:42% 58%!important;min-height:560px!important}
  .v27-service-copy-inner{padding:46px 30px 44px clamp(24px,4vw,54px)!important}
  .v27-service-copy h1{font-size:clamp(2.8rem,5vw,4.7rem)!important}
  .v27-service-intro .container,.v27-prepare-grid{grid-template-columns:1fr!important;gap:24px!important}
  .v27-deliverables{grid-template-columns:repeat(2,1fr)!important}
  .v27-process{grid-template-columns:repeat(2,1fr)!important}
  .v27-related{grid-template-columns:repeat(2,1fr)!important}
  .v31-visual-grid{grid-template-columns:repeat(2,1fr)!important}
  .v31-visual-card:first-child{grid-column:1/-1!important}

  .v11-showroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v11-showroom-nav,.v11-showroom-tools{flex-wrap:wrap!important}
  .v11-viewer{width:min(94vw,760px)!important}

  .v12-config-layout{grid-template-columns:1fr!important;gap:26px!important}
  .v12-config-preview{position:static!important;grid-template-columns:210px 1fr!important}
  .v12-source-strip{position:static!important}

  .customer-auth-grid,.message-layout,.customer-overview-grid{grid-template-columns:1fr!important}
  .customer-summary{grid-template-columns:repeat(2,1fr)!important}
  .fit-profile-grid,.payments-grid,.saved-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .v13-project-layout{grid-template-columns:1fr!important}
  .v13-project-side{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v13-summary-grid{grid-template-columns:repeat(2,1fr)!important}

  .v19-category-strip{overflow-x:auto!important;display:flex!important;scroll-snap-type:x proximity;padding-bottom:4px!important}
  .v19-category-card{min-width:260px!important;scroll-snap-align:start!important}
  .v19-home-about{grid-template-columns:1.15fr .85fr!important}
  .v19-about-detail{display:none!important}
  .v19-editorial-images{grid-template-columns:repeat(2,1fr)!important}
  .v19-editorial-images figure:last-child{grid-column:1/-1!important;max-height:520px!important}
  .v32-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Phone-first authority */
@media(max-width:820px){
  html{scroll-padding-top:78px}
  body{padding-bottom:calc(var(--v33-mobile-nav) + var(--v33-safe-bottom))!important}
  body.menu-open,body.drawer-open{overflow:hidden!important}
  .container{width:calc(100% - 28px)!important;margin-inline:auto!important}

  /* Header */
  .v6-utility,.v8-utility{display:none!important}
  .v5-header,.v6-header,.v8-header{position:sticky!important;top:0!important;z-index:120!important;background:rgba(6,6,5,.97)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(214,174,90,.24)!important}
  .v5-nav,.v8-nav{min-height:66px!important;padding:6px 0!important}
  .v5-brand{gap:8px!important}
  .v5-monogram{font-size:1.95rem!important;line-height:.86!important}
  .v5-brand-copy b{font-size:.82rem!important;letter-spacing:.12em!important}
  .v5-brand-copy small{font-size:.43rem!important;white-space:nowrap!important}
  .v5-nav-actions{gap:6px!important}
  .v5-icon-btn,.v8-icon-btn{width:38px!important;height:38px!important;min-width:38px!important}
  .v5-nav-actions>a.v5-icon-btn{display:none!important}
  .v5-menu-btn{width:42px!important;height:42px!important;min-width:42px!important;padding:11px!important}

  /* Full-screen mobile menu */
  .mobile-drawer,.v5-drawer,.v8-drawer{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:calc(14px + var(--v33-safe-top)) 16px calc(94px + var(--v33-safe-bottom))!important;background:#080706!important;z-index:300!important}
  .v5-drawer-top{position:sticky!important;top:0!important;z-index:3!important;background:#080706!important;padding-bottom:12px!important}
  .v8-mobile-hero{min-height:210px!important;border-radius:0!important;margin:8px 0 18px!important}
  .v6-mobile-sections details{border-top:1px solid rgba(255,255,255,.12)!important}
  .v6-mobile-sections summary{padding:16px 0!important;font-size:1rem!important}
  .v6-mobile-sections details div{grid-template-columns:1fr!important;padding:0 0 14px!important}
  .v6-mobile-sections details a{padding:10px 0!important;font-size:.92rem!important}
  .v5-drawer-foot{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .v5-drawer-foot .btn{grid-column:1/-1!important;width:100%!important}

  /* Bottom mobile navigation */
  .v5-bottom-nav,.v6-bottom-nav,.v8-bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--v33-mobile-nav) + var(--v33-safe-bottom))!important;padding:7px 6px var(--v33-safe-bottom)!important;background:rgba(7,7,6,.98)!important;border-top:1px solid rgba(214,174,90,.24)!important;z-index:180!important;backdrop-filter:blur(16px)!important}
  .v5-bottom-nav a{min-width:0!important;padding:4px 2px!important;gap:2px!important}
  .v5-bottom-nav small{font-size:.58rem!important;white-space:nowrap!important}
  .v5-bottom-nav span{font-size:1.08rem!important}
  .v5-bottom-design{transform:none!important}

  /* Global spacing and typography */
  .section{padding:54px 0!important}
  .section-head{margin-bottom:24px!important}
  .section-head.split{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .section-head h2,.v32-head h2,.global-next h2{font-size:clamp(2.15rem,10vw,3.45rem)!important;line-height:.98!important;letter-spacing:-.035em!important;margin-top:8px!important}
  .section-head p,.v32-head p{font-size:.94rem!important;line-height:1.65!important}
  .eyebrow{font-size:.62rem!important;letter-spacing:.15em!important;line-height:1.45!important}
  .btn{min-height:48px!important;padding:13px 16px!important;font-size:.72rem!important;line-height:1.15!important;white-space:normal!important;text-align:center!important;justify-content:center!important}
  .center-action .btn{width:100%!important}
  .page-breadcrumb{font-size:.6rem!important;line-height:1.55!important;flex-wrap:wrap!important;margin-bottom:15px!important}

  /* Homepage */
  .v19-home-hero{min-height:640px!important;height:auto!important;display:block!important}
  .v19-home-hero .container{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-height:640px!important;padding:220px 0 34px!important}
  .v19-home-hero-bg img{object-position:64% 18%!important}
  .v19-home-hero-bg:after{background:linear-gradient(180deg,rgba(4,4,4,.05) 0%,rgba(4,4,4,.22) 30%,rgba(4,4,4,.86) 65%,rgba(4,4,4,.99) 100%)!important}
  .v19-hero-copy h1{font-size:clamp(3.05rem,15vw,4.7rem)!important;line-height:.84!important;margin:0 0 16px!important;max-width:100%!important}
  .v19-hero-copy>p{font-size:.92rem!important;line-height:1.6!important;max-width:none!important}
  .v19-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
  .v19-hero-actions .btn{width:100%!important}
  .v19-hero-side{display:none!important}
  .v19-category-strip{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:0!important;padding:0!important;-webkit-overflow-scrolling:touch!important}
  .v19-category-card{min-width:72vw!important;height:360px!important;scroll-snap-align:start!important;border-right:1px solid rgba(255,255,255,.2)!important}
  .v19-trustbar .container{display:flex!important;overflow-x:auto!important;gap:0!important;padding-inline:14px!important}
  .v19-trustbar article{min-width:220px!important;padding:18px 12px!important}
  .v26-path-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;padding-bottom:8px!important}
  .v26-path-card{min-width:84vw!important;scroll-snap-align:start!important}
  .v19-home-about{grid-template-columns:1fr!important}
  .v19-about-copy{padding:52px 18px!important}
  .v19-about-image{min-height:430px!important}
  .v19-about-detail{display:none!important}
  .v19-editorial-images{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important}
  .v19-editorial-images figure{min-width:82vw!important;height:460px!important;scroll-snap-align:start!important}
  .v19-global-band{grid-template-columns:1fr!important}
  .v19-global-band .visual{min-height:330px!important;order:1!important}
  .v19-global-copy{padding:44px 18px 52px!important;order:2!important}
  .v19-global-list{grid-template-columns:1fr 1fr!important}
  .process-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important}
  .process-card{min-width:78vw!important;scroll-snap-align:start!important}

  /* Generic hero and campaign pages */
  .page-hero,.v9-campaign-hero,.customer-hero,.v12-config-hero,.v11-showroom-hero{min-height:620px!important;max-height:none!important;height:auto!important}
  .page-hero-media img,.v9-campaign-media img,.customer-hero-media img,.v12-config-hero-media img,.v11-showroom-hero-media img{object-position:center 18%!important}
  .page-hero-overlay,.v9-campaign-shade,.customer-hero-overlay,.v12-config-hero-overlay,.v11-showroom-hero-overlay{background:linear-gradient(180deg,rgba(5,4,3,.08) 0%,rgba(5,4,3,.22) 30%,rgba(5,4,3,.86) 67%,rgba(5,4,3,.99) 100%)!important}
  .page-hero-inner,.v9-campaign-content,.customer-hero-inner,.v12-config-hero-inner,.v11-showroom-hero-inner{min-height:620px!important;padding:270px 0 34px!important;justify-content:flex-end!important;width:calc(100% - 28px)!important;margin-inline:auto!important}
  .page-hero h1,.v9-campaign-hero h1,.customer-hero h1,.v12-config-hero h1,.v11-showroom-hero h1{font-size:clamp(2.65rem,12.5vw,4rem)!important;line-height:.9!important;letter-spacing:-.035em!important;max-width:100%!important;margin:10px 0 14px!important}
  .page-hero p,.v9-campaign-hero p,.customer-hero p,.v12-config-hero p,.v11-showroom-hero p{font-size:.92rem!important;line-height:1.6!important;max-width:100%!important}
  .page-hero-actions,.v9-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  .page-hero-actions .btn,.v9-hero-actions .btn{width:100%!important}

  /* Department campaign pages */
  .v9-story-section,.v9-manifesto,.v9-cross-sell{padding:54px 0!important}
  .v9-image-triptych{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important}
  .v9-image-triptych figure{min-width:82vw!important;scroll-snap-align:start!important}
  .v9-chapters{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important}
  .v9-chapters article{min-width:80vw!important;scroll-snap-align:start!important}
  .v9-service-ribbon{overflow-x:auto!important;white-space:nowrap!important}
  .v9-service-ribbon>*{min-width:max-content!important}
  .v9-capability-cloud{gap:7px!important}
  .v9-capability-cloud a,.v9-capability-cloud span{font-size:.7rem!important;padding:9px 11px!important}

  /* Service detail pages */
  .v27-service-hero{display:flex!important;flex-direction:column!important;min-height:0!important;background:#080706!important}
  .v27-service-image{order:1!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;min-height:0!important;margin:0!important;position:relative!important}
  .v27-service-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important}
  .v27-service-image figcaption{font-size:.58rem!important;left:12px!important;right:auto!important;bottom:10px!important;padding:7px 9px!important}
  .v27-service-copy{order:2!important;width:100%!important}
  .v27-service-copy-inner{padding:30px 14px 38px!important;max-width:none!important}
  .v27-service-copy h1{font-size:clamp(2.35rem,11vw,3.6rem)!important;line-height:.92!important;letter-spacing:-.035em!important;margin:10px 0 15px!important}
  .v27-service-copy p{font-size:.92rem!important;line-height:1.65!important}
  .v27-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .v27-hero-actions .btn{width:100%!important}
  .v27-hero-proof{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:20px!important}
  .v27-hero-proof span{width:100%!important;text-align:left!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
  .v27-service-intro{padding:42px 0!important}
  .v27-service-intro .container{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .v31-visual-story{padding:54px 0!important}
  .v31-visual-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:12px!important;padding-bottom:8px!important}
  .v31-visual-card,.v31-visual-card:first-child{min-width:84vw!important;width:84vw!important;grid-column:auto!important;scroll-snap-align:start!important}
  .v31-visual-card img{height:440px!important;object-fit:cover!important}
  .v27-deliverables{grid-template-columns:1fr!important;gap:10px!important}
  .v27-deliverables article{min-height:0!important;padding:20px!important}
  .v27-process{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important}
  .v27-process article{min-width:82vw!important;scroll-snap-align:start!important;padding:22px!important}
  .v27-prepare-grid{grid-template-columns:1fr!important;gap:24px!important}
  .v27-prepare-grid ul{padding:18px!important}
  .v27-faq details summary{padding:17px 2px!important;font-size:.9rem!important;gap:12px!important}
  .v27-faq details p{padding-right:0!important;font-size:.9rem!important;line-height:1.65!important}
  .v27-related{grid-template-columns:1fr!important;gap:8px!important}
  .v27-related a{padding:18px!important}
  .v27-final-quote{padding:54px 0!important}
  .v27-final-quote h2{font-size:clamp(2.3rem,10vw,3.6rem)!important}
  .v27-final-quote .container>div{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .v27-final-quote .btn{width:100%!important}

  /* v32 expansion galleries */
  .v32-expansion{padding:54px 0!important}
  .v32-head{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:22px!important}
  .v32-head h2{font-size:clamp(2.3rem,10vw,3.6rem)!important}
  .v32-image-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;padding-bottom:8px!important}
  .v32-image-card{min-width:82vw!important;scroll-snap-align:start!important}
  .v32-image-card figure{height:410px!important}
  .v32-image-card>div{min-height:172px!important;padding:18px!important}
  .v32-capability-band{grid-template-columns:1fr!important;margin-top:20px!important}
  .v32-capability-band article{border-right:0!important;border-bottom:1px solid #d8cdbd!important;padding:17px 4px!important}
  .v32-capability-band article:last-child{border-bottom:0!important}
  .v32-contact-band{padding:50px 0!important}
  .v32-contact-inner{grid-template-columns:1fr!important;gap:22px!important}
  .v32-contact-inner h2{font-size:clamp(2.2rem,10vw,3.4rem)!important}
  .v32-contact-actions,.v32-direct-contact{grid-template-columns:1fr!important}
  .v32-contact-actions a,.v32-direct-contact a{min-height:58px!important}
  .v32-whatsapp-float{right:10px!important;bottom:calc(var(--v33-mobile-nav) + 10px + var(--v33-safe-bottom))!important;padding:10px 12px!important;border-radius:50%!important;width:48px!important;height:48px!important;justify-content:center!important}
  .v32-whatsapp-float b,.v32-whatsapp-float span:not(:first-child){display:none!important}

  /* Showroom */
  .v11-showroom-facts{display:flex!important;overflow-x:auto!important;gap:8px!important}
  .v11-showroom-facts>*{min-width:210px!important}
  .v11-showroom-nav{position:sticky!important;top:66px!important;z-index:20!important;background:#f5efe7!important;margin-inline:-14px!important;padding:10px 14px!important;overflow-x:auto!important;flex-wrap:nowrap!important;box-shadow:0 8px 18px rgba(20,15,10,.06)!important}
  .v11-showroom-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;width:max-content!important;max-width:none!important}
  .v11-showroom-tabs button{white-space:nowrap!important;min-height:40px!important}
  .v11-showroom-tools{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:7px!important;margin-top:8px!important}
  .v11-showroom-grid{grid-template-columns:1fr!important;gap:14px!important}
  .v11-card-media{aspect-ratio:4/5!important}
  .v11-viewer-backdrop{align-items:flex-end!important;padding:0!important}
  .v11-viewer{width:100%!important;max-width:none!important;height:min(92dvh,900px)!important;border-radius:22px 22px 0 0!important;overflow-y:auto!important;padding-bottom:calc(18px + var(--v33-safe-bottom))!important}
  .v11-viewer-top{position:sticky!important;top:0!important;z-index:4!important;background:#fff!important}
  .v11-viewer-media{min-height:360px!important;max-height:52dvh!important}
  .v11-viewer-body{padding:18px!important}
  .v11-viewer-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .v11-viewer-actions .btn{width:100%!important}
  .v11-viewer-thumbs{overflow-x:auto!important;display:flex!important;gap:8px!important}
  .v11-viewer-thumbs button{min-width:74px!important}

  /* Configurator */
  .v12-config-section{padding:42px 0 76px!important}
  .v12-config-layout{grid-template-columns:1fr!important;gap:18px!important}
  .v12-config-preview{display:grid!important;grid-template-columns:100px 1fr!important;gap:14px!important;position:static!important;border-bottom:1px solid rgba(15,12,10,.1)!important;padding-bottom:18px!important}
  .v12-preview-frame{aspect-ratio:3/4!important;border-radius:16px!important}
  .v12-preview-copy{padding:0!important}
  .v12-preview-copy h2{font-size:1.55rem!important;margin:2px 0 10px!important}
  .v12-live-summary>div{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;padding:7px 0!important}
  .v12-live-summary strong{text-align:left!important}
  .v12-config-workspace{border-radius:18px!important;padding:18px 14px calc(82px + var(--v33-safe-bottom))!important}
  .v12-progress-head{align-items:flex-start!important;gap:10px!important}
  .v12-field-grid,.v12-option-grid,.v12-project-grid,.v12-pill-grid,.v12-colour-grid{grid-template-columns:1fr!important}
  .v12-choice-block{padding:18px!important}
  .v12-field input,.v12-field select,.v12-field textarea{font-size:16px!important;min-height:48px!important}
  .v12-step-actions{position:sticky!important;bottom:calc(var(--v33-mobile-nav) + var(--v33-safe-bottom))!important;z-index:30!important;background:rgba(247,243,237,.98)!important;backdrop-filter:blur(12px)!important;margin:24px -14px -18px!important;padding:10px 14px!important;border-top:1px solid rgba(15,12,10,.1)!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .v12-step-actions .btn{width:100%!important}
  .v12-review{overflow-wrap:anywhere!important}

  /* Account / forms */
  .customer-auth-section,.customer-dashboard{padding:48px 0!important}
  .customer-auth-grid{grid-template-columns:1fr!important;gap:26px!important}
  .customer-auth-story h2,.customer-dashboard-head h2{font-size:clamp(2.2rem,10vw,3.4rem)!important}
  .customer-auth-card{padding:18px!important;border-radius:20px!important}
  .auth-two,.field-grid,.measurement-grid,.fit-profile-grid,.payments-grid,.saved-account-grid{grid-template-columns:1fr!important}
  .auth-panel input,.auth-panel select,.fit-profile-form input,.fit-profile-form select,.fit-profile-form textarea,.message-compose textarea,.message-compose select,.profile-form input,.profile-form select,.field input,.field select,.field textarea{font-size:16px!important;min-height:48px!important}
  .customer-dashboard-head{display:grid!important;grid-template-columns:1fr!important;align-items:start!important}
  .customer-head-actions{display:grid!important;grid-template-columns:1fr!important}
  .customer-head-actions .btn{width:100%!important}
  .customer-summary{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .customer-stat{padding:16px!important;border-radius:14px!important}
  .customer-stat strong{font-size:1.55rem!important}
  .customer-tabs{border-radius:12px!important;overflow-x:auto!important;padding:4px!important}
  .customer-tabs button{padding:10px 12px!important;font-size:.78rem!important}
  .customer-main-card,.customer-wide-card{padding:18px!important;border-radius:18px!important}
  .message-layout{grid-template-columns:1fr!important}
  .public-track-row{grid-template-columns:1fr!important}

  /* Project portal */
  .v13-project-shell{padding-top:34px!important}
  .v13-project-header{display:grid!important;grid-template-columns:1fr!important;align-items:start!important}
  .v13-project-header h2{font-size:clamp(2.2rem,10vw,3.5rem)!important}
  .v13-header-actions,.v13-decision-actions{display:grid!important;grid-template-columns:1fr!important}
  .v13-header-actions .btn,.v13-decision-actions .btn{width:100%!important}
  .v13-summary-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .v13-summary-grid article{padding:16px!important;min-height:118px!important;border-radius:16px!important}
  .v13-summary-grid strong{font-size:1.45rem!important}
  .v13-project-layout{grid-template-columns:1fr!important}
  .v13-panel,.v13-side-card{padding:18px!important;border-radius:18px!important}
  .v13-panel-head{display:grid!important;grid-template-columns:1fr!important}
  .v13-quote-row{grid-template-columns:1fr!important;gap:5px!important;padding:14px 0!important}
  .v13-quote-row .money{grid-column:auto!important;text-align:left!important}
  .v13-quote-notes{grid-template-columns:1fr!important}
  .v13-project-side{grid-template-columns:1fr!important;position:static!important}
  .v13-milestone{grid-template-columns:34px 1fr!important}
  .v13-milestone>*:last-child{grid-column:2!important}
  .v13-account-project{padding:18px!important;border-radius:18px!important}
  .v13-account-project .v13-lookup-form,.v13-lookup-form{grid-template-columns:1fr!important}

  /* Footer */
  .v8-footer{padding-bottom:calc(var(--v33-mobile-nav) + 14px + var(--v33-safe-bottom))!important}
  .v8-footer-hero{grid-template-columns:1fr!important;gap:18px!important;padding-top:46px!important;padding-bottom:36px!important}
  .v8-footer-hero .v5-monogram{font-size:3rem!important}
  .v8-footer-hero h2{font-size:clamp(2rem,9vw,3rem)!important}
  .v8-footer-hero .btn{width:100%!important}
  .v5-footer-top,.v6-footer-top{grid-template-columns:1fr!important;gap:32px!important}
  .v5-footer-links,.v6-footer-links{grid-template-columns:1fr 1fr!important;gap:24px 16px!important}
  .v5-footer-bottom{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;text-align:center!important}
  .v5-footer-bottom>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .v5-footer-bottom select{width:100%!important}

  /* Search / lightbox / notices */
  .v5-search-inner{padding:92px 0 34px!important}
  .v5-search-inner h2{font-size:clamp(2.4rem,11vw,3.5rem)!important}
  .v5-search-inner input{font-size:16px!important}
  .lightbox{padding:0!important;align-items:flex-end!important}
  .lightbox-figure{width:100%!important;max-width:none!important;max-height:94dvh!important;border-radius:20px 20px 0 0!important;overflow-y:auto!important}
  .lightbox-figure img{max-height:66dvh!important;width:100%!important;object-fit:contain!important}
  .lightbox-figure figcaption{padding:16px 16px calc(18px + var(--v33-safe-bottom))!important}
  .lightbox-nav{display:none!important}
  .notice{left:12px!important;right:12px!important;bottom:calc(var(--v33-mobile-nav) + 14px + var(--v33-safe-bottom))!important;width:auto!important;max-width:none!important}

  /* Generic protection against fixed desktop widths */
  [style*="width:"]{max-width:100%}
  pre,code{max-width:100%;overflow-x:auto}
}

@media(max-width:520px){
  .container{width:calc(100% - 24px)!important}
  .v5-brand-copy small{display:none!important}
  .v5-brand-copy b{font-size:.78rem!important}
  .v5-icon-btn,.v8-icon-btn{display:none!important}
  .v19-home-hero .container{padding-top:200px!important}
  .v19-category-card{min-width:84vw!important}
  .v26-path-card,.v31-visual-card,.v31-visual-card:first-child,.v32-image-card{min-width:88vw!important;width:88vw!important}
  .v19-editorial-images figure{min-width:88vw!important}
  .page-hero-inner,.v9-campaign-content,.customer-hero-inner,.v12-config-hero-inner,.v11-showroom-hero-inner{padding-top:250px!important}
  .customer-summary,.v13-summary-grid{grid-template-columns:1fr!important}
  .v12-config-preview{grid-template-columns:86px 1fr!important}
  .v5-footer-links,.v6-footer-links{grid-template-columns:1fr!important}
  .v5-footer-bottom>div{grid-template-columns:1fr!important}
  .v19-global-list{grid-template-columns:1fr!important}
}

@media(max-width:390px){
  .container{width:calc(100% - 20px)!important}
  .v5-nav,.v8-nav{min-height:62px!important}
  .v5-monogram{font-size:1.72rem!important}
  .v5-brand-copy b{font-size:.7rem!important}
  .v5-menu-btn{width:38px!important;height:38px!important;min-width:38px!important}
  .v19-home-hero,.v19-home-hero .container{min-height:610px!important}
  .v19-home-hero .container{padding-top:180px!important}
  .v19-hero-copy h1{font-size:clamp(2.75rem,15vw,3.8rem)!important}
  .page-hero,.v9-campaign-hero,.customer-hero,.v12-config-hero,.v11-showroom-hero{min-height:590px!important}
  .page-hero-inner,.v9-campaign-content,.customer-hero-inner,.v12-config-hero-inner,.v11-showroom-hero-inner{min-height:590px!important;padding-top:235px!important}
  .page-hero h1,.v9-campaign-hero h1,.customer-hero h1,.v12-config-hero h1,.v11-showroom-hero h1{font-size:clamp(2.35rem,12vw,3.25rem)!important}
  .v27-service-copy h1{font-size:clamp(2.15rem,11vw,3rem)!important}
  .v27-service-image{aspect-ratio:1/1!important}
  .v31-visual-card img{height:390px!important}
  .v32-image-card figure{height:390px!important}
  .v11-showroom-tools{grid-template-columns:1fr!important}
  .v12-step-actions{grid-template-columns:1fr 1fr!important}
}

@media(max-width:340px){
  .container{width:calc(100% - 16px)!important}
  .v5-brand-copy{display:none!important}
  .v19-hero-copy h1{font-size:2.55rem!important}
  .page-hero h1,.v9-campaign-hero h1,.customer-hero h1,.v12-config-hero h1,.v11-showroom-hero h1{font-size:2.25rem!important}
  .v27-service-copy h1{font-size:2.05rem!important}
  .btn{font-size:.68rem!important;padding:12px 13px!important}
}

/* Touch devices: remove hover-only motion and make interactive targets generous */
@media(hover:none),(pointer:coarse){
  a,button,summary,label{touch-action:manipulation}
  button,a.btn,.v11-showroom-tabs button,.customer-tabs button{min-height:44px}
  .v32-image-card:hover img,.v19-category-card:hover img,.v31-visual-card:hover img{transform:none!important}
}


/* === assets/css/frontend-v34.css === */

/* ES FASHIONS v34 — Mobile Visual Perfection
   Final phone/tablet polish layer. Loaded after every previous public stylesheet.
   Objective: no squeezed desktop layouts, no horizontal overflow, clear image-first
   hierarchy, stable fixed navigation, keyboard-safe forms and consistent touch UX. */

:root{
  --v34-safe-top: env(safe-area-inset-top, 0px);
  --v34-safe-right: env(safe-area-inset-right, 0px);
  --v34-safe-bottom: env(safe-area-inset-bottom, 0px);
  --v34-safe-left: env(safe-area-inset-left, 0px);
  --v34-header-h: 66px;
  --v34-bottom-nav-h: 68px;
  --v34-gutter: clamp(10px, 3.6vw, 18px);
}
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
}
main,section,header,footer,nav,aside,article,figure,form{
  max-width:100%;
}
img,video,canvas,svg,iframe{
  max-width:100%;
}
img{
  display:block;
}
h1,h2,h3,h4,p,li,a,button,label,span,strong,small{
  overflow-wrap:break-word;
}
h1,h2,h3,h4{
  word-break:normal;
  hyphens:none;
}
a,button,input,select,textarea,summary{
  -webkit-tap-highlight-color:transparent;
}
section[id]{
  scroll-margin-top:calc(var(--v34-header-h) + 16px);
}

/* Hide horizontal scrollbars but keep touch scrolling */
.v19-category-strip,
.v26-path-grid,
.v19-editorial-images,
.process-grid,
.v9-image-triptych,
.v9-chapters,
.v31-visual-grid,
.v32-image-grid,
.v21-sector-grid,
.v21-trust-band .container,
.v21-process-grid,
.v11-showroom-tabs,
.v11-viewer-thumbs,
.customer-tabs,
.v34-snap-row{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.v19-category-strip::-webkit-scrollbar,
.v26-path-grid::-webkit-scrollbar,
.v19-editorial-images::-webkit-scrollbar,
.process-grid::-webkit-scrollbar,
.v9-image-triptych::-webkit-scrollbar,
.v9-chapters::-webkit-scrollbar,
.v31-visual-grid::-webkit-scrollbar,
.v32-image-grid::-webkit-scrollbar,
.v21-sector-grid::-webkit-scrollbar,
.v21-trust-band .container::-webkit-scrollbar,
.v21-process-grid::-webkit-scrollbar,
.v11-showroom-tabs::-webkit-scrollbar,
.v11-viewer-thumbs::-webkit-scrollbar,
.customer-tabs::-webkit-scrollbar,
.v34-snap-row::-webkit-scrollbar{
  display:none;
}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
  .v21-page-subnav .container{
    overflow-x:auto;
    display:flex;
    flex-wrap:nowrap;
    gap:6px;
    padding-block:8px;
  }
  .v21-page-subnav a{
    white-space:nowrap;
  }
  .v21-sector-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .v21-editorial-split{
    grid-template-columns:1fr!important;
  }
  .v21-editorial-media{
    min-height:520px!important;
  }
  .v21-management-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

/* ---------- Main mobile authority ---------- */
@media (max-width:820px){
  :root{
    --v34-header-h:64px;
    --v34-bottom-nav-h:66px;
  }
  html{
    scroll-padding-top:calc(var(--v34-header-h) + 12px);
  }
  body{
    padding-left:var(--v34-safe-left);
    padding-right:var(--v34-safe-right);
    padding-bottom:calc(var(--v34-bottom-nav-h) + var(--v34-safe-bottom))!important;
  }
  body.v34-keyboard-open{
    padding-bottom:var(--v34-safe-bottom)!important;
  }
  body.v34-keyboard-open .v5-bottom-nav,
  body.v34-keyboard-open .v6-bottom-nav,
  body.v34-keyboard-open .v8-bottom-nav,
  body.v34-keyboard-open .v32-whatsapp-float{
    display:none!important;
  }
  body.v34-keyboard-open .v12-step-actions{
    bottom:0!important;
  }

  .container{
    width:calc(100% - (var(--v34-gutter) * 2))!important;
    max-width:none!important;
    margin-inline:auto!important;
  }

  /* Header / shell */
  .v5-header,.v6-header,.v8-header{
    min-height:var(--v34-header-h)!important;
    height:auto!important;
  }
  .v5-nav,.v8-nav{
    min-height:var(--v34-header-h)!important;
    height:var(--v34-header-h)!important;
    gap:8px!important;
  }
  .v5-brand{
    min-width:0!important;
    max-width:calc(100vw - 116px)!important;
  }
  .v5-brand-copy{
    min-width:0!important;
  }
  .v5-brand-copy b{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .v5-menu-btn{
    flex:0 0 auto!important;
  }
  .v5-nav-actions{
    flex:0 0 auto!important;
  }
  .mobile-drawer,.v5-drawer,.v8-drawer{
    padding-left:max(16px,var(--v34-safe-left))!important;
    padding-right:max(16px,var(--v34-safe-right))!important;
  }
  .v5-drawer-foot select{
    font-size:16px!important;
    min-height:46px!important;
  }

  /* Fixed bottom nav must never cover page controls */
  .v5-bottom-nav,.v6-bottom-nav,.v8-bottom-nav{
    min-height:calc(var(--v34-bottom-nav-h) + var(--v34-safe-bottom))!important;
    height:calc(var(--v34-bottom-nav-h) + var(--v34-safe-bottom))!important;
    padding-bottom:calc(6px + var(--v34-safe-bottom))!important;
  }
  .v5-bottom-nav a{
    min-height:50px!important;
    min-width:0!important;
  }
  .v5-bottom-nav small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Global content rhythm */
  .section{
    padding:48px 0!important;
  }
  .section + .section{
    margin-top:0!important;
  }
  .section-head,
  .section-head.split,
  .v21-section-heading,
  .v32-head{
    margin-bottom:22px!important;
  }
  .section-head h2,
  .v21-section-heading h2,
  .v32-head h2,
  .global-next h2{
    max-width:100%!important;
    font-size:clamp(2.05rem,9.5vw,3.35rem)!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
  }
  .section-head p,
  .v21-section-heading p,
  .v32-head p{
    max-width:100%!important;
    font-size:.94rem!important;
    line-height:1.68!important;
  }
  .eyebrow{
    max-width:100%!important;
    white-space:normal!important;
  }

  /* Phone buttons */
  .btn,
  a.btn,
  button.btn{
    width:auto;
    min-width:0!important;
    max-width:100%!important;
    min-height:48px!important;
  }
  .page-hero-actions,
  .v9-hero-actions,
  .v21-hero-actions,
  .v27-hero-actions,
  .v21-final-actions,
  .v13-header-actions,
  .v13-decision-actions,
  .customer-head-actions,
  .v32-contact-actions{
    width:100%!important;
  }
  .page-hero-actions .btn,
  .v9-hero-actions .btn,
  .v21-hero-actions .btn,
  .v27-hero-actions .btn,
  .v21-final-actions .btn,
  .v13-header-actions .btn,
  .v13-decision-actions .btn,
  .customer-head-actions .btn,
  .v32-contact-actions .btn{
    width:100%!important;
  }

  /* Hero system: fit shorter phones without burying content */
  .v19-home-hero,
  .page-hero,
  .v9-campaign-hero,
  .customer-hero,
  .v12-config-hero,
  .v11-showroom-hero{
    min-height:min(690px,calc(100svh - var(--v34-header-h) + 90px))!important;
  }
  .v19-home-hero .container,
  .page-hero-inner,
  .v9-campaign-content,
  .customer-hero-inner,
  .v12-config-hero-inner,
  .v11-showroom-hero-inner{
    min-height:min(690px,calc(100svh - var(--v34-header-h) + 90px))!important;
    padding-top:clamp(210px,42svh,330px)!important;
    padding-bottom:30px!important;
  }
  .page-hero h1,
  .v9-campaign-hero h1,
  .customer-hero h1,
  .v12-config-hero h1,
  .v11-showroom-hero h1{
    margin-bottom:12px!important;
  }
  .v19-hero-copy>p,
  .page-hero p,
  .v9-campaign-hero p,
  .customer-hero p,
  .v12-config-hero p,
  .v11-showroom-hero p{
    margin-bottom:18px!important;
  }

  /* Uniform House — dedicated phone experience */
  .v21-page-subnav{
    display:none!important;
  }
  .v21-uniform-hero{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    background:#080706!important;
  }
  .v21-uniform-visual{
    order:1!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
  }
  .v21-uniform-visual img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:58% 22%!important;
  }
  .v21-uniform-visual:after{
    background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.12))!important;
  }
  .v21-uniform-visual figcaption{
    display:none!important;
  }
  .v21-uniform-copy{
    order:2!important;
    position:relative!important;
    min-height:0!important;
    background:#080706!important;
    align-items:stretch!important;
  }
  .v21-uniform-copy-inner{
    padding:30px var(--v34-gutter) 38px!important;
    max-width:none!important;
    width:100%!important;
  }
  .v21-uniform-copy h1{
    font-size:clamp(2.55rem,12vw,3.65rem)!important;
    line-height:.9!important;
    letter-spacing:-.045em!important;
    margin:10px 0 16px!important;
  }
  .v21-uniform-copy h1 span{
    display:block!important;
    white-space:normal!important;
  }
  .v21-uniform-copy p{
    font-size:.94rem!important;
    line-height:1.65!important;
    margin-bottom:20px!important;
  }
  .v21-hero-metrics{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin-top:22px!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
  }
  .v21-hero-metrics article{
    padding:12px 0!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
  }
  .v21-hero-metrics span{
    max-width:none!important;
  }
  .v21-trust-band .container{
    display:flex!important;
    width:100%!important;
    padding-left:var(--v34-gutter)!important;
    padding-right:var(--v34-gutter)!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
  }
  .v21-trust-band article{
    flex:0 0 72vw!important;
    min-width:0!important;
    scroll-snap-align:start!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
  }
  .v21-sector-grid{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    background:transparent!important;
    margin-right:calc(var(--v34-gutter) * -1)!important;
    padding-right:var(--v34-gutter)!important;
  }
  .v21-sector-card{
    flex:0 0 82vw!important;
    min-width:82vw!important;
    min-height:420px!important;
    scroll-snap-align:start!important;
    border-radius:16px!important;
  }
  .v21-sector-card>div{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
  }
  .v21-sector-card h3{
    font-size:1.55rem!important;
  }
  .v21-editorial-split{
    display:flex!important;
    flex-direction:column!important;
  }
  .v21-editorial-media{
    order:1!important;
    display:flex!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    min-height:0!important;
    gap:8px!important;
    padding:10px!important;
    background:#080706!important;
  }
  .v21-editorial-media figure,
  .v21-editorial-media figure:first-child{
    flex:0 0 84vw!important;
    width:84vw!important;
    height:430px!important;
    min-height:0!important;
    grid-row:auto!important;
    scroll-snap-align:start!important;
    border-radius:14px!important;
  }
  .v21-editorial-copy{
    order:2!important;
    padding:42px var(--v34-gutter) 50px!important;
  }
  .v21-editorial-copy h2{
    font-size:clamp(2.35rem,10vw,3.5rem)!important;
    line-height:.95!important;
  }
  .v21-editorial-copy blockquote{
    font-size:1.3rem!important;
    margin:20px 0!important;
  }
  .v21-process-grid{
    display:flex!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    border-left:0!important;
    gap:10px!important;
    margin-right:calc(var(--v34-gutter) * -1)!important;
    padding-right:var(--v34-gutter)!important;
  }
  .v21-process-grid article{
    flex:0 0 78vw!important;
    min-width:78vw!important;
    min-height:210px!important;
    scroll-snap-align:start!important;
    border:1px solid rgba(255,255,255,.14)!important;
  }
  .v21-management-grid{
    grid-template-columns:1fr!important;
  }
  .v21-management-grid article{
    min-height:0!important;
    padding:22px!important;
    border-radius:14px!important;
  }
  .v21-fabric-split{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  .v21-fabric-visual{
    order:1!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
  }
  .v21-fabric-copy{
    order:2!important;
    padding:42px var(--v34-gutter) 48px!important;
  }
  .v21-fabric-copy h2{
    font-size:clamp(2.35rem,10vw,3.5rem)!important;
  }
  .v21-proof-band .container{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  .v21-proof-band .btn{
    width:100%!important;
  }

  /* School/service landing pages */
  .v27-service-hero{
    overflow:hidden!important;
  }
  .v27-service-image{
    aspect-ratio:4/3!important;
  }
  .v27-service-copy-inner{
    padding-left:var(--v34-gutter)!important;
    padding-right:var(--v34-gutter)!important;
  }
  .v31-visual-grid,
  .v32-image-grid{
    margin-right:calc(var(--v34-gutter) * -1)!important;
    padding-right:var(--v34-gutter)!important;
  }
  .v31-visual-card,
  .v31-visual-card:first-child,
  .v32-image-card{
    min-width:84vw!important;
    width:84vw!important;
    flex-basis:84vw!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }
  .v31-visual-card img,
  .v32-image-card figure{
    height:auto!important;
    aspect-ratio:4/5!important;
  }
  .v27-deliverables article{
    border-radius:14px!important;
  }
  .v27-process{
    margin-right:calc(var(--v34-gutter) * -1)!important;
    padding-right:var(--v34-gutter)!important;
  }
  .v27-process article{
    min-width:82vw!important;
    border-radius:14px!important;
  }

  /* Showroom: clearer one-look-per-screen rhythm */
  .v11-showroom-nav{
    top:var(--v34-header-h)!important;
  }
  .v11-showroom-section{
    padding-top:28px!important;
  }
  .v11-showroom-grid{
    width:100%!important;
  }
  .v11-showroom-card,
  .v11-look-card{
    width:100%!important;
    min-width:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .v11-card-media{
    min-height:0!important;
    aspect-ratio:4/5!important;
  }
  .v11-viewer{
    max-height:calc(var(--v34-visual-vh, 100dvh) - 24px)!important;
  }
  .v11-viewer-media img{
    object-fit:contain!important;
    background:#0a0908!important;
  }

  /* Configurator: prevent sticky controls from overlapping fields */
  .v12-config-workspace{
    padding-bottom:calc(112px + var(--v34-safe-bottom))!important;
  }
  .v12-step-actions{
    bottom:calc(var(--v34-bottom-nav-h) + var(--v34-safe-bottom))!important;
    box-shadow:0 -12px 30px rgba(20,15,10,.08)!important;
  }
  .v12-step-actions .btn{
    min-height:50px!important;
  }
  .v12-field textarea{
    min-height:120px!important;
  }
  .v12-option-card,
  .v12-choice,
  .v12-project-card{
    min-height:52px!important;
  }

  /* Forms and account pages */
  input,select,textarea{
    font-size:16px!important;
  }
  textarea{
    resize:vertical;
  }
  .customer-auth-card,
  .customer-main-card,
  .customer-wide-card,
  .v13-panel,
  .v13-side-card{
    box-shadow:none!important;
  }
  .customer-tabs{
    display:flex!important;
    white-space:nowrap!important;
    scroll-snap-type:x proximity!important;
  }
  .customer-tabs button{
    flex:0 0 auto!important;
  }
  .v13-summary-grid,
  .customer-summary{
    gap:8px!important;
  }

  /* Tables */
  .v33-table-scroll,.v34-table-scroll{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }

  /* Contact blocks */
  .v32-direct-contact a{
    word-break:break-word!important;
  }
  .v32-whatsapp-float{
    z-index:175!important;
  }

  /* Footer */
  .v8-footer,
  .v5-footer,
  .v6-footer{
    overflow:hidden!important;
  }
}

/* Narrow phones */
@media (max-width:520px){
  :root{
    --v34-gutter:12px;
  }
  .v21-uniform-visual{
    aspect-ratio:1/1!important;
  }
  .v21-uniform-copy h1{
    font-size:clamp(2.35rem,12vw,3.15rem)!important;
  }
  .v21-trust-band article{
    flex-basis:82vw!important;
  }
  .v21-sector-card{
    flex-basis:88vw!important;
    min-width:88vw!important;
  }
  .v21-editorial-media figure,
  .v21-editorial-media figure:first-child{
    flex-basis:88vw!important;
    width:88vw!important;
    height:390px!important;
  }
  .v21-process-grid article{
    flex-basis:84vw!important;
    min-width:84vw!important;
  }
  .v31-visual-card,
  .v31-visual-card:first-child,
  .v32-image-card{
    min-width:88vw!important;
    width:88vw!important;
    flex-basis:88vw!important;
  }
}

/* 390px benchmark */
@media (max-width:390px){
  :root{
    --v34-header-h:62px;
    --v34-bottom-nav-h:64px;
    --v34-gutter:10px;
  }
  .v5-brand{
    max-width:calc(100vw - 88px)!important;
  }
  .v5-brand-copy b{
    font-size:.68rem!important;
    letter-spacing:.08em!important;
  }
  .v5-menu-btn{
    margin-left:auto!important;
  }
  .v19-home-hero,
  .page-hero,
  .v9-campaign-hero,
  .customer-hero,
  .v12-config-hero,
  .v11-showroom-hero{
    min-height:min(620px,calc(100svh - 20px))!important;
  }
  .v19-home-hero .container,
  .page-hero-inner,
  .v9-campaign-content,
  .customer-hero-inner,
  .v12-config-hero-inner,
  .v11-showroom-hero-inner{
    min-height:min(620px,calc(100svh - 20px))!important;
    padding-top:clamp(190px,38svh,245px)!important;
  }
  .v21-uniform-copy-inner{
    padding-top:26px!important;
  }
  .v21-uniform-copy p,
  .v27-service-copy p{
    font-size:.9rem!important;
  }
  .v11-showroom-nav{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .v12-config-preview{
    grid-template-columns:74px 1fr!important;
  }
  .v12-step-actions{
    margin-left:-10px!important;
    margin-right:-10px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}

/* 340–360px safety */
@media (max-width:360px){
  .v5-brand-copy{
    display:block!important;
  }
  .v5-brand-copy small{
    display:none!important;
  }
  .v5-brand-copy b{
    font-size:.62rem!important;
  }
  .v5-monogram{
    font-size:1.55rem!important;
  }
  .v5-menu-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  .v5-bottom-nav small{
    font-size:.52rem!important;
  }
  .v5-bottom-nav span{
    font-size:1rem!important;
  }
  .v21-uniform-copy h1{
    font-size:2.25rem!important;
  }
  .v27-service-copy h1{
    font-size:2rem!important;
  }
  .v11-showroom-tools{
    grid-template-columns:1fr!important;
  }
  .v12-step-actions{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v12-step-actions .btn{
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:.66rem!important;
  }
}

/* Small-height phones (landscape or browser chrome taking space) */
@media (max-width:820px) and (max-height:720px){
  .v19-home-hero,
  .page-hero,
  .v9-campaign-hero,
  .customer-hero,
  .v12-config-hero,
  .v11-showroom-hero{
    min-height:560px!important;
  }
  .v19-home-hero .container,
  .page-hero-inner,
  .v9-campaign-content,
  .customer-hero-inner,
  .v12-config-hero-inner,
  .v11-showroom-hero-inner{
    min-height:560px!important;
    padding-top:190px!important;
  }
}

/* Phone landscape: keep navigation usable and content compact */
@media (max-width:920px) and (orientation:landscape) and (max-height:520px){
  body{
    padding-bottom:0!important;
  }
  .v5-bottom-nav,.v6-bottom-nav,.v8-bottom-nav{
    display:none!important;
  }
  .v32-whatsapp-float{
    bottom:12px!important;
  }
  .v19-home-hero,
  .page-hero,
  .v9-campaign-hero,
  .customer-hero,
  .v12-config-hero,
  .v11-showroom-hero{
    min-height:500px!important;
  }
  .v19-home-hero .container,
  .page-hero-inner,
  .v9-campaign-content,
  .customer-hero-inner,
  .v12-config-hero-inner,
  .v11-showroom-hero-inner{
    min-height:500px!important;
    padding-top:150px!important;
  }
  .v21-uniform-hero{
    display:grid!important;
    grid-template-columns:44% 56%!important;
  }
  .v21-uniform-copy{
    order:1!important;
  }
  .v21-uniform-visual{
    order:2!important;
    aspect-ratio:auto!important;
    height:100%!important;
  }
  .v21-uniform-copy-inner{
    padding:26px 22px!important;
  }
  .v21-uniform-copy h1{
    font-size:2.45rem!important;
  }
  .v21-hero-metrics{
    display:none!important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}


@media (max-width:820px){
  .v34-overflow-contained{
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  .v34-overflow-contained img,
  .v34-overflow-contained video,
  .v34-overflow-contained svg{
    max-width:100%!important;
  }
  .v5-bottom-nav a.is-current{
    color:#d9b66f!important;
  }
  .v5-bottom-nav a.is-current::before{
    content:"";
    position:absolute;
    top:2px;
    left:50%;
    width:18px;
    height:2px;
    transform:translateX(-50%);
    background:#d9b66f;
    border-radius:2px;
  }
  .v5-bottom-nav a{position:relative!important}
}


/* === assets/css/frontend-v35.css === */

/* ==========================================================
   ES FASHIONS v35 — Screenshot-Driven Visual Cleanup
   Final public visual authority: typography, mobile spacing,
   WhatsApp submissions and non-repeating department imagery.
   ========================================================== */

:root{
  --v35-black:#070706;
  --v35-ink:#17140f;
  --v35-ivory:#f5efe5;
  --v35-gold:#d7ae5b;
  --v35-gold-deep:#a97b2d;
  --v35-line:rgba(215,174,91,.28);
  --v35-radius:22px;
}

/* One disciplined public typography system */
html,body,button,input,select,textarea,.btn,.v5-nav,.v8-nav,.v5-drawer,.v32-contact-band{
  font-family:"DM Sans",Arial,sans-serif!important;
}
h1,h2,h3,h4,.display-title,.v21-uniform-copy h1,.v21-section-heading h2,
.v32-head h2,.page-hero h1,.v27-service-hero h1,.v26-next-journey h2,
blockquote,.editorial-title{
  font-family:"Playfair Display",Georgia,serif!important;
  letter-spacing:-.035em;
}
body{
  overflow-x:hidden!important;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto}

/* Remove visible browser scrollbars from intentional swipe rails */
.v21-sector-grid,
.v32-image-grid,
.v31-story-grid,
.v26-card-rail,
.v35-swipe-rail{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.v21-sector-grid::-webkit-scrollbar,
.v32-image-grid::-webkit-scrollbar,
.v31-story-grid::-webkit-scrollbar,
.v26-card-rail::-webkit-scrollbar,
.v35-swipe-rail::-webkit-scrollbar{
  display:none!important;
}

/* Uniform House: stop repeating one image and give cards consistent crops */
.v21-sector-card{
  overflow:hidden;
  border-radius:var(--v35-radius);
}
.v21-sector-card img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center;
}
.v21-editorial-media figure{
  overflow:hidden;
}
.v21-editorial-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.v21-uniform-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 24%;
}

/* Proposal step becomes a real action rather than placeholder copy */
.v35-proposal-note{
  margin:18px 0 4px;
  padding:16px 18px;
  border:1px solid var(--v35-line);
  background:rgba(215,174,91,.07);
  border-radius:16px;
}
.v35-proposal-note strong{
  display:block;
  color:#9a6e24;
  margin-bottom:5px;
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.v35-proposal-note p{
  margin:0;
  line-height:1.6;
}

/* WhatsApp control: readable desktop pill, compact phone button */
.v32-whatsapp-float{
  right:18px!important;
  bottom:22px!important;
  display:flex!important;
  max-width:min(330px,calc(100vw - 36px))!important;
  min-height:48px!important;
  padding:11px 16px!important;
  gap:9px!important;
  white-space:nowrap!important;
  line-height:1!important;
  overflow:hidden!important;
}
.v32-whatsapp-float span{
  width:28px;height:28px;display:grid;place-items:center;
  flex:0 0 28px;border-radius:50%;
  background:rgba(255,255,255,.14);
  font-size:.72rem!important;font-weight:800!important;
}
.v32-whatsapp-float b{
  display:block!important;
  overflow:hidden;text-overflow:ellipsis;
  font-size:.76rem!important;
}

/* Keep CTA sections away from fixed mobile nav */
main{position:relative}
.v32-contact-band,
.v27-final-quote,
.v26-next-journey{
  position:relative;
  z-index:1;
}

/* Large desktop clean-up of the uniforms collage */
@media(min-width:821px){
  .v21-editorial-media{
    display:grid!important;
    grid-template-columns:1.15fr .85fr!important;
    grid-template-rows:1fr 1fr!important;
    min-height:720px!important;
  }
  .v21-editorial-media figure:first-child{
    grid-row:1 / span 2!important;
  }
  .v21-editorial-media figure:nth-child(2),
  .v21-editorial-media figure:nth-child(3){
    min-height:0!important;
  }
}

/* Phones / tablets */
@media(max-width:820px){
  :root{
    --v35-mobile-nav:72px;
  }
  body{
    padding-bottom:calc(var(--v35-mobile-nav) + env(safe-area-inset-bottom,0px) + 18px)!important;
  }

  /* Typography: no more giant desktop titles on phones */
  .v21-uniform-copy h1,
  .page-hero h1,
  .v27-service-hero h1,
  .campaign-hero h1,
  .hero-copy h1{
    font-size:clamp(2.65rem,12.4vw,4.1rem)!important;
    line-height:.9!important;
    letter-spacing:-.05em!important;
    text-wrap:balance;
  }
  .section-head h2,
  .v21-section-heading h2,
  .v32-head h2,
  .v26-next-journey h2{
    font-size:clamp(2.15rem,10vw,3.3rem)!important;
    line-height:.96!important;
  }
  body,p,li,input,select,textarea{
    font-size:16px;
  }

  /* Uniform hero: image and content both visible in first screen, no giant dead black area */
  .v21-uniform-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .v21-uniform-visual{
    order:1!important;
    min-height:48vh!important;
    height:48vh!important;
    margin:0!important;
  }
  .v21-uniform-copy{
    order:2!important;
    min-height:0!important;
    padding:34px 0 22px!important;
  }
  .v21-uniform-copy-inner{
    width:calc(100% - 36px)!important;
    margin-inline:auto!important;
    padding:0!important;
  }
  .v21-uniform-copy h1{
    margin:10px 0 18px!important;
  }
  .v21-hero-metrics{
    margin-top:24px!important;
  }

  /* Sector cards: one proper card at a time, no grey scrollbar */
  .v21-sector-grid{
    display:flex!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:18px!important;
    gap:12px!important;
    margin-inline:-18px!important;
    padding:0 18px 4px!important;
  }
  .v21-sector-card{
    flex:0 0 84vw!important;
    min-width:84vw!important;
    max-width:84vw!important;
    scroll-snap-align:start!important;
  }
  .v21-sector-card img{
    aspect-ratio:4/5!important;
  }

  /* Editorial images: stop showing the same photo three times full-width */
  .v21-editorial-media{
    display:flex!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    gap:12px!important;
    padding:0 18px 8px!important;
    margin:0 -18px!important;
    min-height:0!important;
  }
  .v21-editorial-media figure{
    flex:0 0 84vw!important;
    min-width:84vw!important;
    height:62vh!important;
    max-height:560px!important;
    scroll-snap-align:start!important;
  }

  /* Real-work/detail rails from screenshots */
  .v31-story-grid,
  .v32-image-grid{
    display:flex!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    gap:12px!important;
  }
  .v31-story-grid > *,
  .v32-image-grid > *{
    flex:0 0 84vw!important;
    min-width:84vw!important;
    scroll-snap-align:start!important;
  }

  /* WhatsApp button becomes icon-like and never breaks text vertically */
  .v32-whatsapp-float{
    right:14px!important;
    bottom:calc(var(--v35-mobile-nav) + env(safe-area-inset-bottom,0px) + 10px)!important;
    width:52px!important;
    height:52px!important;
    min-height:52px!important;
    max-width:52px!important;
    padding:0!important;
    border-radius:50%!important;
    justify-content:center!important;
    gap:0!important;
  }
  .v32-whatsapp-float span{
    width:auto!important;height:auto!important;background:none!important;
    font-size:.72rem!important;
  }
  .v32-whatsapp-float b{display:none!important}

  /* Fixed bottom nav breathing room */
  .v5-bottom-nav,.v6-bottom-nav,.v8-bottom-nav{
    min-height:var(--v35-mobile-nav)!important;
  }
  .v5-bottom-nav a,.v8-bottom-nav a{
    min-width:0!important;
  }

  /* Forms / configurator */
  #commissionForm .v12-step-actions,
  .wizard-actions{
    gap:8px!important;
  }
  #commissionForm input,
  #commissionForm select,
  #commissionForm textarea,
  #bookingForm input,
  #bookingForm select,
  #bookingForm textarea,
  #studio input,
  #studio select,
  #studio textarea{
    width:100%!important;
    max-width:100%!important;
    font-size:16px!important;
  }
  .field-grid.two,.v12-field-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:390px){
  .v21-uniform-copy h1,
  .page-hero h1,
  .v27-service-hero h1{
    font-size:clamp(2.45rem,12.2vw,3.45rem)!important;
  }
  .v21-sector-card,
  .v21-editorial-media figure,
  .v31-story-grid > *,
  .v32-image-grid > *{
    flex-basis:86vw!important;
    min-width:86vw!important;
    max-width:86vw!important;
  }
}


/* === assets/css/frontend-v36.css === */

/* ==========================================================
   ES FASHIONS v36 — WhatsApp Submission + Image Diversity
   + Screenshot-driven mobile fit corrections
   ========================================================== */

:root{
  --v36-ink:#080807;
  --v36-ivory:#f6f0e6;
  --v36-gold:#d9b15f;
  --v36-line:rgba(217,177,95,.28);
  --v36-mobile-nav:66px;
}

/* Final typography authority */
html,body,button,input,select,textarea,.btn,
.v5-nav,.v8-nav,.v5-drawer,.v32-contact-band,
.v27-service-page,.v12-config-shell{
  font-family:"DM Sans",Arial,sans-serif!important;
}
h1,h2,h3,h4,.display-title,.editorial-title,
.v21-uniform-copy h1,.v21-section-heading h2,.v27-service-hero h1,
.v32-head h2,.v31-visual-story h2,.v36-more-gallery h2{
  font-family:"Playfair Display",Georgia,serif!important;
  letter-spacing:-.035em!important;
}

/* ---------------- Desktop: clean uniform architecture ---------------- */
@media (min-width:821px){
  .v21-sector-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .v21-sector-card{
    min-height:380px!important;
    height:380px!important;
    border:1px solid rgba(217,177,95,.22)!important;
    border-radius:14px!important;
  }
  .v21-sector-card img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
  }
  .v21-editorial-media{
    min-height:620px!important;
  }
  .v21-editorial-media figure{
    min-height:0!important;
  }
  .v32-whatsapp-float{
    max-width:245px!important;
    padding:10px 14px!important;
    border-radius:999px!important;
  }
}

/* Proposal readiness */
.v36-proposal-readiness{
  margin:0 0 28px;
  padding:24px;
  border:1px solid var(--v36-line);
  background:linear-gradient(135deg,rgba(217,177,95,.08),rgba(255,255,255,.02));
  border-radius:18px;
}
.v36-proposal-readiness h3{
  margin:8px 0 10px;
  font-size:clamp(1.7rem,3vw,2.5rem);
}
.v36-proposal-readiness p{
  max-width:780px;
  line-height:1.7;
  color:inherit;
  opacity:.8;
}

/* Extra image gallery: more images without repeating what is already on the page */
.v36-more-gallery{
  padding:70px 0;
  background:#f5efe5;
  color:#17140f;
}
.v36-more-gallery .v36-gallery-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);
  gap:40px;
  align-items:end;
  margin-bottom:28px;
}
.v36-more-gallery h2{
  font-size:clamp(2.3rem,4.4vw,4.7rem);
  line-height:.95;
  margin:8px 0 0;
}
.v36-more-gallery .v36-gallery-head p{
  margin:0;
  color:#6b6155;
  line-height:1.7;
}
.v36-gallery-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.v36-gallery-card{
  display:block;
  text-decoration:none;
  color:inherit;
  background:#fff;
  border:1px solid #ded3c2;
  overflow:hidden;
  border-radius:14px;
}
.v36-gallery-card figure{
  margin:0;
  height:330px;
  overflow:hidden;
  background:#191612;
}
.v36-gallery-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.v36-gallery-card div{
  padding:16px 16px 18px;
}
.v36-gallery-card small{
  display:block;
  color:#9c7027;
  font-size:.66rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.v36-gallery-card strong{
  display:block;
  font-family:"Playfair Display",Georgia,serif;
  font-size:1.35rem;
  line-height:1.05;
}
.v36-gallery-card span{
  display:block;
  margin-top:7px;
  color:#6d6256;
  line-height:1.45;
  font-size:.8rem;
}

/* ---------------- Phones / tablets ---------------- */
@media (max-width:820px){
  html,body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body{
    padding-bottom:calc(var(--v36-mobile-nav) + env(safe-area-inset-bottom,0px) + 26px)!important;
  }

  /* Compact, organized type */
  .v21-uniform-copy h1,
  .v27-service-hero h1,
  .page-hero h1,
  .campaign-hero h1,
  .hero-copy h1{
    font-size:clamp(2.55rem,11.6vw,3.65rem)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
  }
  .section-head h2,
  .v21-section-heading h2,
  .v32-head h2,
  .v31-visual-story h2,
  .v36-more-gallery h2{
    font-size:clamp(2.05rem,9.7vw,3rem)!important;
    line-height:.98!important;
    text-wrap:balance!important;
  }
  p,li,.v31-service-note{
    line-height:1.62!important;
  }

  /* Uniform hero: remove dead black space and keep image + copy together */
  .v21-uniform-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
    height:auto!important;
  }
  .v21-uniform-visual{
    order:1!important;
    height:340px!important;
    min-height:340px!important;
    max-height:340px!important;
    margin:0!important;
  }
  .v21-uniform-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 24%!important;
  }
  .v21-uniform-copy{
    order:2!important;
    min-height:0!important;
    height:auto!important;
    padding:30px 0 24px!important;
  }
  .v21-uniform-copy-inner{
    width:calc(100% - 36px)!important;
    margin-inline:auto!important;
  }
  .v21-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .v21-hero-actions .btn{
    width:100%!important;
    justify-content:center!important;
  }

  /* Stop clipped horizontal cards from the screenshots.
     These image stories now stack cleanly on phones. */
  .v31-visual-grid,
  .v32-image-grid,
  .v21-sector-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:16px!important;
    scroll-snap-type:none!important;
  }
  .v31-visual-card,
  .v31-visual-card:first-child,
  .v32-image-card,
  .v21-sector-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex-basis:auto!important;
    min-height:0!important;
    height:auto!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }

  /* Controlled photo heights: no more 700px tall cropped card on a 390px phone */
  .v31-visual-card{
    height:360px!important;
  }
  .v31-visual-card img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center 28%!important;
  }
  .v31-visual-card figcaption{
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
  }
  .v31-visual-card figcaption small{
    font-size:.76rem!important;
  }

  .v32-image-card figure{
    height:300px!important;
    aspect-ratio:auto!important;
  }
  .v32-image-card img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .v32-image-card>div{
    min-height:0!important;
    padding:16px 16px 18px!important;
  }
  .v32-image-card h3{
    font-size:1.45rem!important;
  }

  .v21-sector-card{
    min-height:330px!important;
    height:330px!important;
  }
  .v21-sector-card img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    aspect-ratio:auto!important;
  }

  .v21-editorial-media{
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    gap:10px!important;
  }
  .v21-editorial-media figure{
    width:100%!important;
    min-width:0!important;
    height:290px!important;
    min-height:290px!important;
  }

  /* More examples / visual direction heading from screenshots */
  .v32-expansion,
  .v31-visual-story{
    padding:48px 0!important;
  }
  .v32-head,
  .v31-visual-story .section-head{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-bottom:20px!important;
  }

  /* New gallery is also clean and full width on phones */
  .v36-more-gallery{
    padding:48px 0!important;
  }
  .v36-more-gallery .v36-gallery-head{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-bottom:20px!important;
  }
  .v36-gallery-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .v36-gallery-card figure{
    height:300px!important;
  }

  /* Proposal fields */
  .v36-proposal-readiness{
    padding:18px!important;
    border-radius:14px!important;
  }

  /* WhatsApp + bottom navigation should never fight for space */
  .v32-whatsapp-float{
    right:14px!important;
    bottom:calc(var(--v36-mobile-nav) + env(safe-area-inset-bottom,0px) + 12px)!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    z-index:1200!important;
  }
  .v32-whatsapp-float span{
    width:auto!important;
    height:auto!important;
    margin:0!important;
    font-size:.69rem!important;
    line-height:1!important;
  }
  .v32-whatsapp-float b{
    display:none!important;
  }
  .v5-bottom-nav,.v6-bottom-nav,.v8-bottom-nav{
    height:calc(var(--v36-mobile-nav) + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(var(--v36-mobile-nav) + env(safe-area-inset-bottom,0px))!important;
  }
  main>section:last-child{
    margin-bottom:20px!important;
  }

  /* Forms: safe phone widths */
  input,select,textarea,button{
    max-width:100%!important;
  }
  input,select,textarea{
    font-size:16px!important;
  }
  .field-grid.two,.v12-field-grid,.auth-two,.two{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:390px){
  .v21-uniform-visual{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
  .v31-visual-card{
    height:330px!important;
  }
  .v32-image-card figure,
  .v36-gallery-card figure{
    height:270px!important;
  }
  .v21-sector-card{
    height:310px!important;
    min-height:310px!important;
  }
}

@media (max-width:350px){
  .v21-uniform-copy h1,
  .v27-service-hero h1,
  .page-hero h1{
    font-size:2.35rem!important;
  }
  .section-head h2,
  .v21-section-heading h2,
  .v32-head h2,
  .v31-visual-story h2{
    font-size:2rem!important;
  }
}


/* === assets/css/frontend-v37.css === */
/* ======================================================================
   ES FASHIONS v37 — Azure Pre-Deployment Responsive Authority
   Purpose: mobile-first fit, overflow safety, visual consistency,
   image-card discipline, and final cross-page polish.
   Loaded LAST so it can safely correct legacy v5–v36 conflicts.
   ====================================================================== */

:root{
  --v37-ink:#0b0a08;
  --v37-paper:#f6f0e7;
  --v37-paper-2:#eee5d7;
  --v37-gold:#c99a45;
  --v37-line:rgba(31,25,17,.16);
  --v37-mobile-header:64px;
  --v37-mobile-nav:70px;
  --v37-safe-inline:clamp(16px,4.5vw,24px);
}

/* ---------- universal fit safety ---------- */
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%}
img{height:auto}
iframe{max-width:100%}
main,section,article,aside,header,footer,nav,form,fieldset,div{min-width:0}
input,select,textarea,button{max-width:100%;font:inherit}
textarea{resize:vertical}
pre,code{max-width:100%;overflow-wrap:anywhere}
a,p,li,span,strong,small,h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere}

/* Keep section content bounded even when old versions set wide values. */
.container{
  width:min(1180px,calc(100% - 48px));
  max-width:1180px;
  margin-inline:auto;
}

/* Do not let grid/flex children force horizontal page overflow. */
[class*="grid"],[class*="split"],[class*="layout"],[class*="columns"],[class*="cards"]{min-width:0}
[class*="grid"]>* ,[class*="split"]>* ,[class*="layout"]>*{min-width:0}

/* Defensive image behavior across the 45 public pages. */
main figure{max-width:100%}
main figure img{display:block;max-width:100%}

.btn,
button,
input[type="submit"],
input[type="button"]{
  white-space:normal;
  text-wrap:balance;
  line-height:1.2;
}

/* Avoid overly long chips/pills causing overflow. */
.v9-service-ribbon,
.v27-hero-proof,
.customer-hero-pills,
.v21-fabric-tags,
.booking-badges{
  max-width:100%;
  flex-wrap:wrap!important;
}

/* ---------- v37 support gallery ---------- */
.v37-support-gallery{
  padding:72px 0;
  background:var(--v37-paper);
  color:#17130e;
  overflow:hidden;
}
.v37-support-gallery .v37-gallery-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);
  gap:36px;
  align-items:end;
  margin-bottom:28px;
}
.v37-support-gallery .v37-gallery-head h2{
  margin:8px 0 0;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(2.35rem,4.4vw,4.8rem);
  line-height:.96;
  letter-spacing:-.04em;
}
.v37-support-gallery .v37-gallery-head p{
  margin:0;
  color:#695f52;
  line-height:1.7;
}
.v37-support-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.v37-support-card{
  display:block;
  min-width:0;
  overflow:hidden;
  border:1px solid #dbcfbc;
  border-radius:16px;
  background:#fff;
  color:inherit;
  text-decoration:none;
}
.v37-support-card figure{
  margin:0;
  height:360px;
  overflow:hidden;
  background:#17130f;
}
.v37-support-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.v37-support-card:hover img{transform:scale(1.025)}
.v37-support-card>div{padding:17px 18px 20px}
.v37-support-card small{
  display:block;
  margin-bottom:7px;
  color:#9b7029;
  font-size:.66rem;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.v37-support-card strong{
  display:block;
  font-family:"Playfair Display",Georgia,serif;
  font-size:1.42rem;
  line-height:1.08;
}
.v37-support-card span{
  display:block;
  margin-top:8px;
  color:#6c6257;
  font-size:.82rem;
  line-height:1.5;
}

/* Make existing v36 visual cards less repetitive-looking and more fluid. */
.v36-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.v36-gallery-card figure{height:360px!important}

/* ---------- desktops / large tablets ---------- */
@media (min-width:821px){
  .v5-header,.v6-header,.v8-header{max-width:100%}
  .v8-mega-shell{max-height:calc(100vh - 140px);overflow:auto}
  .v12-config-layout,
  .customer-auth-grid,
  .message-layout,
  .v13-project-shell{align-items:start}
  .v32-whatsapp-float{z-index:60}
}

/* ======================================================================
   TABLET + PHONE AUTHORITY
   ====================================================================== */
@media (max-width:820px){
  :root{--v37-safe-inline:clamp(16px,4.6vw,22px)}

  body{
    padding-bottom:calc(var(--v37-mobile-nav) + env(safe-area-inset-bottom,0px) + 18px)!important;
  }
  .container{
    width:calc(100% - (var(--v37-safe-inline) * 2))!important;
    max-width:none!important;
    margin-inline:var(--v37-safe-inline)!important;
  }

  /* ---- Header: one compact mobile bar; old utility/desktop nav removed ---- */
  .v6-utility,.v8-utility{display:none!important}
  .v5-header,.v6-header,.v8-header{
    position:sticky!important;
    top:0!important;
    z-index:900!important;
    width:100%!important;
    min-height:var(--v37-mobile-header)!important;
    background:rgba(9,8,7,.97)!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .v5-nav,.v6-nav,.v8-nav{
    min-height:var(--v37-mobile-header)!important;
    height:var(--v37-mobile-header)!important;
    width:100%!important;
    margin:0!important;
    padding:0 var(--v37-safe-inline)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  .v5-brand,.v8-brand{min-width:0!important;max-width:calc(100% - 56px)!important}
  .v5-monogram{flex:0 0 auto}
  .v5-brand-copy{min-width:0!important}
  .v5-brand-copy b{font-size:.92rem!important;letter-spacing:.08em!important}
  .v5-brand-copy small{
    display:block!important;
    max-width:190px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:.5rem!important;
  }
  .v5-desktop-nav,.v6-desktop-nav,.v8-desktop-nav,
  .v5-book-btn,.v8-project-btn,
  .v5-icon-btn,.v8-icon-btn{display:none!important}
  .v5-nav-actions,.v8-nav-actions{margin-left:auto!important;display:flex!important;flex:0 0 auto!important}
  .v5-menu-btn{
    display:flex!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .v6-category-rail,.v8-category-rail{display:none!important}
  .v5-mega,.v6-mega,.v8-mega{display:none!important}

  /* ---- Mobile drawer: viewport-safe, scrollable and tap-friendly ---- */
  .mobile-drawer,.v5-drawer,.v6-drawer,.v8-drawer{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))!important;
  }
  .v5-drawer-top{position:sticky!important;top:0!important;z-index:2!important}
  .v8-mobile-hero{min-height:190px!important;max-height:230px!important}
  .v8-mobile-hero img{width:100%!important;height:100%!important;object-fit:cover!important}
  .v6-mobile-sections summary,
  .v6-mobile-sections a{min-height:46px!important;display:flex!important;align-items:center!important}
  .v5-drawer-foot{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .v5-drawer-foot select,.v5-drawer-foot .btn{width:100%!important}

  /* ---- Mobile bottom navigation ---- */
  .v5-bottom-nav,.v6-bottom-nav,.v8-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(var(--v37-mobile-nav) + env(safe-area-inset-bottom,0px))!important;
    padding-bottom:env(safe-area-inset-bottom,0px)!important;
    z-index:850!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  .v5-bottom-nav a,.v6-bottom-nav a,.v8-bottom-nav a{
    min-width:0!important;
    padding-inline:2px!important;
  }
  .v5-bottom-nav small,.v6-bottom-nav small,.v8-bottom-nav small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:.58rem!important;
  }

  /* ---- WhatsApp button stays above bottom nav and never spans the screen ---- */
  .v32-whatsapp-float{
    position:fixed!important;
    right:12px!important;
    left:auto!important;
    bottom:calc(var(--v37-mobile-nav) + env(safe-area-inset-bottom,0px) + 12px)!important;
    width:auto!important;
    max-width:calc(100vw - 24px)!important;
    min-height:44px!important;
    padding:10px 13px!important;
    border-radius:999px!important;
    z-index:840!important;
  }
  .v32-whatsapp-float b{font-size:.72rem!important;white-space:nowrap!important}

  /* ---- Global section rhythm and readable type ---- */
  .section,
  .v36-more-gallery,
  .v37-support-gallery{
    padding-top:clamp(48px,11vw,72px)!important;
    padding-bottom:clamp(48px,11vw,72px)!important;
  }
  h1,.display-title,
  .page-hero h1,
  .v9-campaign-hero h1,
  .v27-service-hero h1,
  .v21-uniform-copy h1,
  .customer-hero h1,
  .v12-config-hero h1,
  .v11-showroom-hero h1,
  .v13-project-hero h1{
    font-size:clamp(2.35rem,11vw,4rem)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    max-width:100%!important;
    text-wrap:balance!important;
  }
  h2,
  .section-head h2,
  .v21-section-heading h2,
  .v31-visual-story h2,
  .v32-head h2,
  .v36-more-gallery h2,
  .v37-support-gallery h2{
    font-size:clamp(2rem,9vw,3.15rem)!important;
    line-height:.98!important;
    text-wrap:balance!important;
  }
  h3{max-width:100%!important;text-wrap:balance!important}
  p,li{line-height:1.62!important}
  .eyebrow{font-size:.66rem!important;line-height:1.35!important;letter-spacing:.14em!important}

  /* ---- Generic buttons/actions: never squeeze three across ---- */
  .page-hero-actions,
  .v9-hero-actions,
  .v19-hero-actions,
  .v27-hero-actions,
  .v21-hero-actions,
  .v21-final-actions,
  .v13-header-actions,
  .wizard-actions,
  .v12-submit-row,
  .v11-showroom-cta{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .page-hero-actions .btn,
  .v9-hero-actions .btn,
  .v19-hero-actions .btn,
  .v27-hero-actions .btn,
  .v21-hero-actions .btn,
  .v21-final-actions .btn,
  .wizard-actions .btn,
  .v12-submit-row .btn,
  .v11-showroom-cta .btn{
    width:100%!important;
    min-height:48px!important;
    justify-content:center!important;
    text-align:center!important;
  }

  /* ---- Home: kill the legacy 260–300px heading margin and dead space ---- */
  .v19-home-hero{
    min-height:0!important;
    height:auto!important;
    display:grid!important;
    grid-template-rows:minmax(360px,54svh) auto!important;
    background:#080706!important;
  }
  .v19-home-hero-bg{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    min-height:360px!important;
    height:54svh!important;
  }
  .v19-home-hero-bg img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 20%!important;
  }
  .v19-home-hero-bg::after{
    background:linear-gradient(180deg,rgba(5,5,4,.06),rgba(5,5,4,.42) 68%,rgba(5,5,4,.92))!important;
  }
  .v19-home-hero>.container{
    position:relative!important;
    z-index:2!important;
    grid-row:2!important;
    display:block!important;
    padding:26px 0 34px!important;
    min-height:0!important;
  }
  .v19-hero-copy{max-width:none!important;align-self:auto!important}
  .v19-hero-copy h1{
    margin:10px 0 16px!important;
    font-size:clamp(2.55rem,12vw,4.15rem)!important;
    line-height:.9!important;
  }
  .v19-hero-copy>p{font-size:.96rem!important;max-width:none!important}
  .v19-hero-side{display:none!important}
  .v19-category-strip{overflow:hidden!important}
  .v19-category-strip .container{width:100%!important;margin:0!important;padding-inline:var(--v37-safe-inline)!important}
  .v19-category-scroll,
  .v19-category-grid{
    display:flex!important;
    gap:12px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    padding-bottom:8px!important;
  }
  .v19-category-scroll::-webkit-scrollbar,.v19-category-grid::-webkit-scrollbar{display:none}
  .v19-category-card{
    flex:0 0 min(82vw,330px)!important;
    width:min(82vw,330px)!important;
    min-width:0!important;
    scroll-snap-align:start!important;
  }
  .v19-editorial-images,
  .v19-home-about,
  .v19-global-band .container,
  .v26-home-pathways-grid,
  .v11-home-showroom-grid{
    grid-template-columns:1fr!important;
  }
  .v19-editorial-images{grid-template-rows:none!important}
  .v19-editorial-images figure{grid-column:auto!important;min-height:280px!important;height:min(112vw,520px)!important}
  .v19-about-image,.v19-about-detail{min-height:0!important}

  /* ---- Standard page hero: media first + copy second instead of text sitting off-screen ---- */
  .page-hero{
    min-height:0!important;
    height:auto!important;
    display:grid!important;
    grid-template-rows:minmax(300px,45svh) auto!important;
    overflow:hidden!important;
  }
  .page-hero-media{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    min-height:300px!important;
    height:45svh!important;
  }
  .page-hero-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  .page-hero-overlay{grid-row:1!important;position:absolute!important;inset:0!important;pointer-events:none!important}
  .page-hero-inner{
    position:relative!important;
    grid-row:2!important;
    align-self:auto!important;
    min-height:0!important;
    padding-top:26px!important;
    padding-bottom:34px!important;
  }
  .page-hero-inner h1{margin-top:10px!important;margin-bottom:14px!important}
  .page-breadcrumb{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px 8px!important;
    max-width:100%!important;
    font-size:.72rem!important;
  }

  /* ---- Campaign pages (menswear, bridal, textiles, production, etc.) ---- */
  .v9-campaign-hero{
    min-height:0!important;
    height:auto!important;
    display:grid!important;
    grid-template-rows:minmax(320px,48svh) auto!important;
    overflow:hidden!important;
  }
  .v9-campaign-media{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    min-height:320px!important;
    height:48svh!important;
  }
  .v9-campaign-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 22%!important}
  .v9-campaign-shade{position:absolute!important;inset:0!important;grid-row:1!important}
  .v9-campaign-content{
    position:relative!important;
    grid-row:2!important;
    padding-top:26px!important;
    padding-bottom:34px!important;
    min-height:0!important;
  }
  .v9-campaign-content p{max-width:none!important}
  .v9-service-ribbon{display:flex!important;gap:7px!important;margin-top:18px!important}
  .v9-service-ribbon span{font-size:.7rem!important}
  .v9-image-triptych,
  .v9-chapters,
  .v9-cross-sell,
  .v9-campaign-link-grid,
  .v9-tailoring-gateway{
    grid-template-columns:1fr!important;
  }
  .v9-image-triptych figure{min-height:320px!important}

  /* ---- v27 service pages: image/copy stack and all grids collapse ---- */
  .v27-service-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
    height:auto!important;
  }
  .v27-service-image{
    order:1!important;
    margin:0!important;
    height:min(108vw,470px)!important;
    min-height:300px!important;
  }
  .v27-service-image img{width:100%!important;height:100%!important;object-fit:cover!important}
  .v27-service-copy{order:2!important;min-height:0!important;height:auto!important;padding:28px 0 34px!important}
  .v27-service-copy-inner{width:calc(100% - (var(--v37-safe-inline) * 2))!important;max-width:none!important;margin-inline:auto!important}
  .v27-deliverables,
  .v27-process,
  .v27-prepare-grid,
  .v27-related,
  .v27-service-gateway,
  .v27-faq{
    grid-template-columns:1fr!important;
  }
  .v27-deliverables,.v27-process{overflow:visible!important}
  .v27-final-quote .container{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}

  /* ---- Uniform house ---- */
  .v21-uniform-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
    height:auto!important;
  }
  .v21-uniform-visual{order:1!important;height:min(108vw,460px)!important;min-height:320px!important;max-height:460px!important}
  .v21-uniform-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 25%!important}
  .v21-uniform-copy{order:2!important;min-height:0!important;height:auto!important;padding:30px 0 34px!important}
  .v21-uniform-copy-inner{width:calc(100% - (var(--v37-safe-inline) * 2))!important;margin-inline:auto!important;max-width:none!important}
  .v21-sector-grid,
  .v21-editorial-split,
  .v21-fabric-split,
  .v21-management-grid,
  .v21-process-grid,
  .v21-order-grid{
    grid-template-columns:1fr!important;
  }
  .v21-sector-grid{display:grid!important;overflow:visible!important;gap:12px!important}
  .v21-sector-card{height:min(115vw,480px)!important;min-height:330px!important;width:100%!important}
  .v21-editorial-media{min-height:0!important;grid-template-columns:1fr!important}
  .v21-editorial-media figure{height:min(115vw,500px)!important;min-height:320px!important}

  /* ---- Configurator: preview no longer steals width from fields ---- */
  .v12-config-hero{
    display:grid!important;
    grid-template-rows:minmax(320px,48svh) auto!important;
    min-height:0!important;
    height:auto!important;
  }
  .v12-config-hero-media{position:relative!important;inset:auto!important;grid-row:1!important;height:48svh!important;min-height:320px!important}
  .v12-config-hero-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  .v12-config-hero-overlay{grid-row:1!important;position:absolute!important;inset:0!important}
  .v12-config-hero-inner{grid-row:2!important;position:relative!important;padding-top:26px!important;padding-bottom:34px!important;min-height:0!important}
  .v12-config-layout{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}
  .v12-config-preview{position:static!important;top:auto!important;width:100%!important;max-width:100%!important;order:-1!important}
  .v12-config-workspace,.v12-config-preview{min-width:0!important}
  .v12-choice-grid,.v12-colour-grid,.v12-option-grid,.v12-form-grid{grid-template-columns:1fr!important}
  .v12-source-strip{overflow-x:auto!important;max-width:100%!important}
  .v12-submit-row{
    position:sticky!important;
    bottom:calc(var(--v37-mobile-nav) + env(safe-area-inset-bottom,0px) + 8px)!important;
    z-index:20!important;
    padding:10px!important;
    border-radius:14px!important;
    background:rgba(18,15,12,.94)!important;
    backdrop-filter:blur(12px)!important;
  }

  /* ---- Design studio wizard ---- */
  .wizard-wrap{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .wizard-layout,.wizard-grid,.choice-grid,.field-grid,.field-grid.two,.fit-grid,.fit-steps{
    grid-template-columns:1fr!important;
  }
  .wizard-step{min-width:0!important;width:100%!important}
  .choice-card,.fit-card{min-width:0!important;width:100%!important}
  .wizard-progress{max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}
  .wizard-progress::-webkit-scrollbar{display:none}
  .upload-box{max-width:100%!important}

  /* ---- Contact / newsletter forms ---- */
  .booking-grid,.newsletter-grid,.contact-grid,.contact-options,
  .form-grid,.form-grid.two,.booking-form .form-row,
  .newsletter-form .form-row{
    grid-template-columns:1fr!important;
  }
  .booking-form,.newsletter-form{min-width:0!important;max-width:100%!important}
  .booking-form input,.booking-form select,.booking-form textarea,
  .newsletter-form input,.newsletter-form select,.newsletter-form textarea{
    width:100%!important;min-width:0!important
  }

  /* ---- Customer account ---- */
  .customer-hero{
    display:grid!important;
    grid-template-rows:minmax(300px,44svh) auto!important;
    min-height:0!important;
    height:auto!important;
  }
  .customer-hero-media{position:relative!important;inset:auto!important;grid-row:1!important;height:44svh!important;min-height:300px!important}
  .customer-hero-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  .customer-hero-overlay{grid-row:1!important;position:absolute!important;inset:0!important}
  .customer-hero-inner{grid-row:2!important;position:relative!important;padding-top:26px!important;padding-bottom:34px!important;min-height:0!important}
  .customer-auth-grid,.customer-summary,.message-layout,.customer-dashboard-grid,.customer-benefits{
    grid-template-columns:1fr!important;
  }
  .customer-auth-card,.customer-auth-story,.customer-dashboard,.customer-panel{min-width:0!important;max-width:100%!important}
  .customer-tabs{display:flex!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important}
  .customer-tabs::-webkit-scrollbar{display:none}
  .customer-tabs button{flex:0 0 auto!important}
  .customer-head-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}

  /* ---- Client project portal ---- */
  .v13-project-hero{min-height:0!important;height:auto!important;padding:0!important}
  .v25-project-hero-media{position:relative!important;height:42svh!important;min-height:300px!important}
  .v25-project-hero-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  .v13-project-hero-inner{display:grid!important;grid-template-columns:1fr!important;gap:20px!important;padding-top:28px!important;padding-bottom:34px!important}
  .v13-project-seal{justify-self:start!important}
  .v13-project-shell,.v13-project-grid,.v13-lookup-form,.v13-summary-grid{
    grid-template-columns:1fr!important;
  }
  .v13-panel,.v13-lookup-card{min-width:0!important;width:100%!important}
  .v13-payment-list,.v13-event-list,.v13-milestone-list{max-width:100%!important;overflow:auto!important}

  /* ---- Showroom ---- */
  .v11-showroom-hero{
    display:grid!important;
    grid-template-rows:minmax(320px,48svh) auto!important;
    min-height:0!important;
    height:auto!important;
  }
  .v11-showroom-hero-media{position:relative!important;inset:auto!important;grid-row:1!important;height:48svh!important;min-height:320px!important}
  .v11-showroom-hero-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  .v11-showroom-hero-overlay{position:absolute!important;inset:0!important;grid-row:1!important}
  .v11-showroom-hero-inner{position:relative!important;grid-row:2!important;padding-top:26px!important;padding-bottom:34px!important;min-height:0!important}
  .v11-showroom-facts,.v11-showroom-grid,.v11-proof-key,.v11-colour-picker{
    grid-template-columns:1fr 1fr!important;
  }
  .v11-showroom-nav{max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important}
  .v11-showroom-nav::-webkit-scrollbar{display:none}
  .v11-showroom-card{min-width:0!important}

  /* ---- v31/v32 visual stories and expansion galleries ---- */
  .v31-visual-grid,.v31-visual-story,.v31-service-gallery,
  .v32-expansion-grid,.v32-grid,.v32-contact-grid{
    grid-template-columns:1fr!important;
  }
  .v31-visual-story figure,.v32-expansion figure{min-height:280px!important;height:min(112vw,500px)!important}

  /* ---- More gallery v36/v37 ---- */
  .v36-more-gallery .v36-gallery-head,
  .v37-support-gallery .v37-gallery-head{
    grid-template-columns:1fr!important;
    gap:16px!important;
    margin-bottom:20px!important;
  }
  .v36-gallery-grid,.v37-support-grid{grid-template-columns:1fr!important;gap:12px!important}
  .v36-gallery-card figure,.v37-support-card figure{height:min(112vw,470px)!important}

  /* ---- Footer ---- */
  .v8-footer-hero,.v5-footer-top,.v6-footer-top,.v5-footer-links,.v6-footer-links,.v5-footer-bottom{
    grid-template-columns:1fr!important;
    display:grid!important;
    gap:24px!important;
  }
  .v8-footer-hero .btn{width:100%!important;justify-content:center!important}
  .v5-footer-links,.v6-footer-links{grid-template-columns:1fr 1fr!important}
  .v5-footer-bottom{padding-bottom:22px!important}
  .v5-footer-bottom>div{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .v5-footer-bottom select{width:100%!important}

  /* ---- Tables / dense business data: internal scroll, never page overflow ---- */
  table{width:100%!important;max-width:100%!important}
  .table-wrap,.data-table-wrap,.v13-table-wrap,.customer-table-wrap{overflow-x:auto!important;max-width:100%!important;-webkit-overflow-scrolling:touch}

  /* ---- Search / lightbox / moodboard fit ---- */
  .v5-search,.v8-search,.lightbox,.moodboard-drawer{max-width:100vw!important}
  .v5-search-inner,.lightbox-figure{max-width:100%!important}
  .lightbox-figure{grid-template-columns:1fr!important}
  .lightbox-figure img{max-height:66svh!important;object-fit:contain!important}
  .moodboard-drawer{width:min(100vw,420px)!important}
}

/* ======================================================================
   SMALL PHONES — 520px and below
   ====================================================================== */
@media (max-width:520px){
  :root{--v37-safe-inline:16px}
  .v5-brand-copy small{max-width:150px!important}
  .v11-showroom-facts,.v11-showroom-grid,.v11-proof-key,.v11-colour-picker,
  .v5-footer-links,.v6-footer-links{grid-template-columns:1fr!important}
  .v19-home-hero{grid-template-rows:minmax(330px,50svh) auto!important}
  .v19-home-hero-bg{height:50svh!important;min-height:330px!important}
  .page-hero,.v9-campaign-hero,.v11-showroom-hero,.v12-config-hero,.customer-hero{
    grid-template-rows:minmax(280px,42svh) auto!important;
  }
  .page-hero-media,.v9-campaign-media,.v11-showroom-hero-media,.v12-config-hero-media,.customer-hero-media{
    height:42svh!important;min-height:280px!important;
  }
  .v27-service-image,.v21-uniform-visual{height:min(118vw,430px)!important}
  .v32-whatsapp-float b{display:none!important}
  .v32-whatsapp-float{width:48px!important;height:48px!important;padding:0!important;display:grid!important;place-items:center!important}
  .v32-whatsapp-float span{font-size:.72rem!important;font-weight:800!important}
  .v13-project-seal{transform:scale(.9);transform-origin:left top}
}

/* ======================================================================
   VERY NARROW PHONES — 360px and below
   ====================================================================== */
@media (max-width:360px){
  :root{--v37-safe-inline:13px}
  .v5-brand-copy small{display:none!important}
  .v5-brand-copy b{font-size:.84rem!important}
  h1,.page-hero h1,.v9-campaign-hero h1,.v27-service-hero h1,
  .v21-uniform-copy h1,.customer-hero h1,.v12-config-hero h1,.v11-showroom-hero h1,.v13-project-hero h1{
    font-size:clamp(2.1rem,10.8vw,3rem)!important;
  }
  .btn{padding-inline:14px!important}
  .v5-bottom-nav small,.v6-bottom-nav small,.v8-bottom-nav small{font-size:.52rem!important}
}

/* Short landscape phone: preserve usable vertical space. */
@media (max-width:820px) and (max-height:520px) and (orientation:landscape){
  .v19-home-hero-bg,.page-hero-media,.v9-campaign-media,.v11-showroom-hero-media,.v12-config-hero-media,.customer-hero-media{
    height:62svh!important;min-height:250px!important;
  }
  .mobile-drawer,.v5-drawer,.v6-drawer,.v8-drawer{height:100dvh!important}
}

/* Accessibility: avoid forced animation for users who request reduced motion. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* ======================================================================
   V38 BRAND LOGO + FABRIC EXPERIENCE
   ====================================================================== */

/* --- New ES FASHIONS gold logo across header, loaders, drawer and footer --- */
.es-logo-brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:184px!important;
  min-width:184px!important;
  height:68px!important;
  padding:0!important;
  overflow:visible!important;
}
.es-brand-logo{
  display:block!important;
  width:156px!important;
  height:auto!important;
  max-height:66px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 4px 14px rgba(203,163,91,.15));
}
.es-loader-mark{
  display:grid!important;
  place-items:center!important;
  width:min(72vw,340px)!important;
  min-height:160px!important;
  padding:22px!important;
}
.es-loader-mark img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 32px rgba(196,151,69,.2));
}
.v5-loader .es-loader-mark span,.v5-loader .es-loader-mark small,
.v8-transition .es-loader-mark span,.v8-transition .es-loader-mark small{display:none!important}
.es-footer-logo-wrap{display:flex;align-items:center;justify-content:flex-start;min-width:190px}
.es-footer-logo{display:block;width:min(210px,100%);height:auto;filter:drop-shadow(0 8px 22px rgba(212,176,106,.16))}

/* --- Fabric storytelling: tactile, editorial and premium --- */
.v38-fabric-story,
.v38-textile-library,
.v38-fabric-workbench{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 8%,rgba(194,153,87,.10),transparent 28%),
    linear-gradient(180deg,#f7f1e8 0%,#efe5d7 100%);
}
.v38-fabric-story::before,
.v38-textile-library::before,
.v38-fabric-workbench::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(105deg,rgba(255,255,255,.7) 0 1px,transparent 1px 9px),
    linear-gradient(15deg,rgba(75,52,30,.16) 0 1px,transparent 1px 11px);
  background-size:12px 12px,16px 16px;
  mix-blend-mode:multiply;
}
.v38-fabric-story>.container,
.v38-textile-library>.container,
.v38-fabric-workbench>.container{position:relative;z-index:1}
.v38-fabric-intro{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);
  gap:clamp(26px,5vw,80px);
  align-items:end;
  margin-bottom:34px;
}
.v38-fabric-intro h2{
  margin:8px 0 0;
  max-width:820px;
  font-size:clamp(3rem,5.4vw,6.6rem);
  line-height:.88;
  letter-spacing:-.045em;
}
.v38-fabric-intro>p{margin:0;color:#675b4e;line-height:1.8;max-width:610px}

.v38-fabric-stage{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);
  gap:10px;
  background:#0b0a09;
  padding:10px;
  box-shadow:0 30px 80px rgba(44,30,15,.14);
}
.v38-fabric-stage figure{margin:0;position:relative;overflow:hidden;background:#15120f}
.v38-fabric-main{min-height:660px}
.v38-fabric-main img,.v38-fabric-swatches img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .75s ease}
.v38-fabric-main:hover img,.v38-fabric-swatches figure:hover img{transform:scale(1.035)}
.v38-fabric-main::after,.v38-fabric-swatches figure::after,.v38-textile-card::after,.v38-workbench-grid figure::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.78) 100%);pointer-events:none
}
.v38-fabric-main figcaption{
  position:absolute;z-index:2;left:26px;right:26px;bottom:24px;color:#fff
}
.v38-fabric-main figcaption span,.v38-textile-card figcaption span,.v38-workbench-grid figcaption span{
  display:block;color:#d8b36d;font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px
}
.v38-fabric-main figcaption strong{display:block;font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1}
.v38-fabric-swatches{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}
.v38-fabric-swatches figure{min-height:210px}
.v38-fabric-swatches figcaption{position:absolute;z-index:2;left:16px;right:16px;bottom:15px;color:#fff}
.v38-fabric-swatches b{display:block;font-family:"Playfair Display",serif;font-size:1.35rem;line-height:1.05}
.v38-fabric-swatches small{display:block;margin-top:5px;color:rgba(255,255,255,.72);font-size:.68rem;letter-spacing:.04em}

.v38-fabric-notes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  margin-top:28px;
  border:1px solid #d5c8b6;
  background:#d5c8b6;
}
.v38-fabric-notes article{background:#f8f3eb;padding:28px;min-height:210px}
.v38-fabric-notes span{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #b89761;border-radius:50%;font-size:.62rem;font-weight:800;color:#8c6a35}
.v38-fabric-notes h3{font-size:1.5rem;margin:22px 0 10px}
.v38-fabric-notes p{margin:0;color:#6e6358;line-height:1.72}
.v38-fabric-story .center-action{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:32px!important}
.v38-fabric-story .btn-outline{border:1px solid #191611;background:transparent;color:#191611}

/* --- Textile library cards --- */
.v38-textile-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr .75fr;
  grid-auto-rows:320px;
  gap:10px;
}
.v38-textile-card{margin:0;position:relative;overflow:hidden;background:#111}
.v38-textile-card.feature{grid-row:span 2}
.v38-textile-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s ease,filter .75s ease}
.v38-textile-card:hover img{transform:scale(1.035);filter:saturate(1.06)}
.v38-textile-card figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;color:#fff}
.v38-textile-card figcaption strong{display:block;font-family:"Playfair Display",serif;font-size:1.55rem;line-height:1.05}
.v38-textile-card.feature figcaption strong{font-size:clamp(2rem,3vw,3.3rem)}
.v38-textile-card figcaption small{display:block;margin-top:6px;color:rgba(255,255,255,.72);line-height:1.45;max-width:330px}
.v38-textile-note{
  display:flex;justify-content:space-between;align-items:center;gap:32px;
  margin-top:28px;padding:28px 30px;border:1px solid #d4c3aa;background:rgba(255,255,255,.46);backdrop-filter:blur(8px)
}
.v38-textile-note h3{font-size:clamp(1.8rem,3vw,3.2rem);margin:7px 0 8px}
.v38-textile-note p{margin:0;color:#6c6053;max-width:760px;line-height:1.7}
.v38-textile-note .btn{flex:0 0 auto}

/* --- Fabric & Sewing workbench --- */
.v38-workbench-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr;
  grid-template-rows:300px 300px;
  gap:10px;
  padding:10px;
  background:#0a0908;
  box-shadow:0 28px 70px rgba(35,24,13,.14);
}
.v38-workbench-grid figure{margin:0;position:relative;overflow:hidden;background:#111}
.v38-workbench-large{grid-row:1/3}
.v38-workbench-grid figure:nth-child(4){grid-column:2/4}
.v38-workbench-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s ease}
.v38-workbench-grid figure:hover img{transform:scale(1.035)}
.v38-workbench-grid figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;color:#fff}
.v38-workbench-grid figcaption strong{display:block;font-family:"Playfair Display",serif;font-size:1.45rem}
.v38-workbench-grid figcaption small{display:block;margin-top:5px;color:rgba(255,255,255,.7);line-height:1.4}
.v38-workbench-large figcaption strong{font-size:clamp(2rem,3vw,3rem)}

@media (max-width:1100px){
  .es-logo-brand{width:150px!important;min-width:150px!important}.es-brand-logo{width:132px!important;max-height:58px!important}
  .v38-fabric-intro{grid-template-columns:1fr;gap:18px}
  .v38-textile-grid{grid-template-columns:1fr 1fr;grid-auto-rows:330px}.v38-textile-card.feature{grid-column:1/-1;grid-row:auto;min-height:520px}
  .v38-workbench-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 280px 280px}.v38-workbench-large{grid-column:1/-1;grid-row:auto}.v38-workbench-grid figure:nth-child(4){grid-column:1/-1}
}

@media (max-width:760px){
  .es-logo-brand{width:124px!important;min-width:124px!important;height:60px!important}.es-brand-logo{width:112px!important;max-height:54px!important}
  .es-logo-brand-mobile{width:145px!important;min-width:145px!important}.es-logo-brand-mobile .es-brand-logo{width:136px!important}
  .es-loader-mark{width:min(78vw,260px)!important;min-height:120px!important;padding:14px!important}
  .es-footer-logo-wrap{min-width:0}.es-footer-logo{width:170px}
  .v38-fabric-intro{margin-bottom:22px}
  .v38-fabric-intro h2{font-size:clamp(2.55rem,11vw,4.2rem)}
  .v38-fabric-stage{grid-template-columns:1fr;padding:7px;gap:7px}
  .v38-fabric-main{min-height:470px}
  .v38-fabric-swatches{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:7px}
  .v38-fabric-swatches figure{min-height:230px}
  .v38-fabric-swatches figure:last-child{grid-column:1/-1;min-height:260px}
  .v38-fabric-notes{grid-template-columns:1fr}
  .v38-fabric-notes article{min-height:0;padding:22px}
  .v38-fabric-story .center-action{display:grid!important;grid-template-columns:1fr!important}.v38-fabric-story .center-action .btn{width:100%!important}
  .v38-textile-grid{grid-template-columns:1fr;grid-auto-rows:360px}.v38-textile-card.feature{grid-column:auto;min-height:480px}.v38-textile-card{min-height:360px}
  .v38-textile-note{align-items:flex-start;flex-direction:column;padding:22px}.v38-textile-note .btn{width:100%!important;justify-content:center!important}
  .v38-workbench-grid{grid-template-columns:1fr;grid-template-rows:none;padding:7px;gap:7px}.v38-workbench-large,.v38-workbench-grid figure:nth-child(4){grid-column:auto;grid-row:auto}.v38-workbench-grid figure{min-height:330px}.v38-workbench-large{min-height:480px!important}
}

@media (max-width:420px){
  .es-logo-brand{width:104px!important;min-width:104px!important}.es-brand-logo{width:96px!important;max-height:48px!important}
  .es-logo-brand-mobile{width:132px!important;min-width:132px!important}.es-logo-brand-mobile .es-brand-logo{width:124px!important}
  .v38-fabric-main{min-height:400px}.v38-fabric-swatches{grid-template-columns:1fr}.v38-fabric-swatches figure,.v38-fabric-swatches figure:last-child{grid-column:auto;min-height:250px}
  .v38-textile-card,.v38-textile-grid{min-height:0}.v38-textile-grid{grid-auto-rows:320px}.v38-textile-card.feature{min-height:410px}
}