:root{--paper:#f0f0f0;--ink:#1e1e1e;--gutter:clamp(12px,1.16vw,24px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,Arial,sans-serif;font-size:16px}body.menu-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button{border:0;background:none;padding:0}h1,h2,h3,p{margin:0}h1,h2,h3,.pill,.discover,nav,.header-contact{font-family:Raleway,Arial,sans-serif}img{display:block;max-width:100%}main{padding:var(--gutter)}.photo{position:relative;isolation:isolate;overflow:hidden;border-radius:clamp(12px,1.16vw,20px);color:#fff}.photo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.photo:after{content:"";position:absolute;inset:0;background:#0003;z-index:-1;pointer-events:none}.hero{height:min(64vw,calc(100svh - 24px));min-height:590px}.hero>.photo-bg{object-position:left center}.hero:after{background:linear-gradient(180deg,#0002 45%,#0005)}header{display:flex;align-items:center;justify-content:space-between;position:relative;padding:22px 3.15%;height:114px}.menu-toggle{width:46px;min-height:44px;display:grid;place-items:center}.menu-toggle img{width:46px}.brand{position:absolute;left:50%;transform:translateX(-50%)}.brand img{width:144px;height:74px;object-fit:contain}.header-contact{font-size:16px;font-weight:700;letter-spacing:.09em;padding:16px 30px}.hero-bottom{position:absolute;bottom:3.8%;left:3.15%;right:2.4%;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hero-copy{max-width:520px}h1{font-size:clamp(28px,2.8vw,48px);font-weight:700;line-height:1.2}.hero-copy p{font-size:clamp(16px,1.4vw,24px);max-width:470px;margin:10px 0 24px;line-height:1.45}.discover{display:inline-block;letter-spacing:.12em;font-size:clamp(14px,1.15vw,18px);font-weight:700;padding:12px 32px}.project-card{width:36%;min-width:340px;padding:25px 22px;display:flex;align-items:center;gap:18px;border:1px solid white;border-radius:16px;outline:1px solid #ffffffab;outline-offset:-9px;background:#ffffff16;min-height:162px}.monogram{width:70px;height:75px;object-fit:contain}.project-card h2{font-size:clamp(17px,1.6vw,26px);margin-bottom:7px}.project-card p{font-size:clamp(14px,1.4vw,21px);line-height:1.45}.plus{display:grid;place-items:center;flex:none;background:#050505;border-radius:50%;font-size:28px;width:43px;height:43px}.intro{text-align:center;padding:70px 20px 52px;max-width:1220px;margin:auto}.intro h2,.sectors>h2{font-size:clamp(32px,4.85vw,80px);line-height:1.12;font-weight:700}.intro p{max-width:980px;font-size:clamp(17px,1.85vw,30px);line-height:1.35;margin:54px auto 40px}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:40px;padding:15px 32px;font-size:16px;font-weight:700;letter-spacing:.09em}.dark{background:var(--ink);color:white}.outline{border:1px solid white}.ranges{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 20px}.range{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 20px 20px}.range:after{background:#0004}.range .archi{object-position:right center}.range .design{object-position:right center}.range-audience,.range h2{font:700 clamp(16px,1.86vw,32px) Raleway,Arial,sans-serif;letter-spacing:.09em}.range-bottom{text-align:center}.range-bottom img{height:95px;width:100px;object-fit:contain;margin:0 auto 16px}.sectors{text-align:center;padding:115px 3% 95px}.sectors>p{font-size:clamp(16px,1.85vw,28px);margin:15px 0 38px;line-height:1.5}.sector-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.sector{aspect-ratio:305/428;display:flex;align-items:flex-end;text-align:left;padding:16px 12px}.sector:before,.catalog:before{content:"";position:absolute;inset:6px;border:1px solid #ffffffbe;border-radius:inherit;pointer-events:none}.sector h3{font-size:clamp(12px,1.2vw,21px);letter-spacing:.14em;overflow-wrap:anywhere}.sector:after{background:linear-gradient(transparent 55%,#0005)}.sector:nth-child(1) img{object-position:top}.craft{padding:35px 3% 110px;display:grid;grid-template-columns:1.8fr .85fr;gap:6%;align-items:start}.craft h2{font-size:clamp(30px,2.8vw,48px);letter-spacing:.09em}.eyebrow{text-transform:uppercase;font-size:clamp(16px,1.33vw,23px);margin:8px 0 44px}.craft-copy{font-size:clamp(16px,1.33vw,23px);line-height:1.65}.craft-copy p{margin-bottom:32px}.craft .pill{margin-top:10px}.catalog{aspect-ratio:491/647;margin-top:72px;display:flex;align-items:flex-end;padding:20px 17px}.catalog img{object-position:48% center;transform:scale(1.25)}.catalog h3{font-size:clamp(18px,1.85vw,30px);letter-spacing:.07em}.custom{aspect-ratio:1689/900;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:5% 20px}.custom>.photo-bg{object-position:left center}.custom:after{background:linear-gradient(#0001,#0005)}.custom h2{font-size:clamp(28px,3.7vw,64px);letter-spacing:.08em}.custom p{font-size:clamp(14px,1.85vw,30px);margin:8px 0 35px}footer{padding:36px 2% 15px}.footer-features{display:grid;grid-template-columns:repeat(3,1fr);gap:9%;padding:0 0 28px;border-bottom:1px solid #333}.footer-features>a,.footer-features>button{display:flex;align-items:center;gap:20px;text-align:left}.footer-features h3{font-size:20px;margin-bottom:4px}.footer-features p{font-size:14px;line-height:1.5}.footer-features span{font-size:28px}.footer-columns{display:grid;grid-template-columns:.7fr 1.15fr 1fr .8fr 1.7fr;gap:24px;padding-top:30px}.footer-columns h3{font-size:16px;letter-spacing:.075em;margin:0 0 28px}.footer-columns>div>a,.footer-columns>div>span,.footer-columns>div>button{display:block;font-size:14px;text-align:left;line-height:1.5;margin-bottom:8px}.newsletter{border:1px solid;border-radius:10px;padding:20px;align-self:start}.newsletter h3{margin-bottom:20px}.newsletter input:not([type=checkbox]){width:100%;min-width:0;background:transparent;border:1px solid #333;border-radius:30px;padding:10px 14px;font-size:14px}.names{display:flex;gap:12px;margin-bottom:14px}.newsletter>.pill{margin:16px 0 12px;min-height:40px;font-size:14px;padding:10px 25px;letter-spacing:0}.consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.55}.consent input{flex:none;margin-top:4px}.form-status{font-size:13px;margin-top:10px}.footer-bottom{display:flex;align-items:center;gap:25px;margin-top:110px}.footer-logo{width:235px}.footer-bottom address{font-style:normal;font-size:13px;line-height:1.6}.social{margin-left:auto;text-align:center}.social h3{font-size:18px;letter-spacing:.1em;margin-bottom:14px}.social>div{display:flex;justify-content:center;gap:8px}.social img{width:34px;height:34px}.social>button{font-size:12px;margin-top:14px}dialog#menu{position:fixed;inset:20px auto 20px 20px;margin:0;width:clamp(320px,26vw,429px);max-width:calc(100vw - 32px);height:calc(100dvh - 40px);max-height:none;border:1px solid #ffffff70;border-radius:19px;background:linear-gradient(160deg,#141414f5 50%,#353535e8);color:#eee;padding:22px 18px 10px;box-shadow:0 6px 24px #0008;overflow:auto}dialog#menu[open]{display:flex;flex-direction:column;animation:menu-in .25s ease-out}dialog::backdrop{background:#0005;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.menu-top{display:flex;align-items:flex-start;justify-content:space-between;padding:0 8px}.close-menu{font:300 42px/1 Arial;width:44px;height:44px;text-align:left}.menu-top img{width:44px;height:46px;object-fit:contain}nav{margin:clamp(36px,7vh,80px) 0 30px;font-size:17px;font-weight:700;letter-spacing:.16em}nav>a,nav summary{display:block;padding:11px 0;cursor:pointer}nav summary{list-style:none}nav summary::-webkit-details-marker{display:none}nav summary span{display:inline-block;margin-left:14px;transition:transform .2s}nav details[open] summary span{transform:rotate(90deg)}.submenu{padding:0 0 8px 15px;border-left:1px solid #ffffff50;margin:3px 0 10px}.submenu a{display:block;font:400 15px/1.5 Poppins,sans-serif;letter-spacing:0;padding:6px 0}.menu-bottom{margin-top:auto}.legal{display:grid;gap:10px;margin:20px 0}.legal>*{text-align:left;font-size:14px}.appointment{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#212529;border-radius:12px;padding:20px 18px;font:700 17px Raleway,Arial,sans-serif}.appointment span{display:grid;place-items:center;background:white;color:#111;border-radius:50%;width:34px;height:34px;font:24px Arial;flex:none}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;width:max-content;max-width:calc(100vw - 32px);padding:16px 22px;border-radius:12px;background:#fff;color:#111;box-shadow:0 4px 30px #0004;font-size:14px}.skip{position:fixed;top:-100px;left:20px;z-index:40;background:#fff;padding:15px}.skip:focus{top:10px}:focus-visible{outline:3px solid #748bba;outline-offset:5px}a:hover,.legal button:hover,.footer-columns button:hover{opacity:.8}.pill:hover{filter:brightness(1.25)}@keyframes menu-in{from{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1800px){main{max-width:1920px;margin:auto}}@media(max-width:1100px){.hero{min-height:620px}.project-card{min-width:300px;padding:22px 17px;gap:12px}.monogram{width:50px}.project-card h2{font-size:17px}.project-card p{font-size:14px}.footer-columns{grid-template-columns:repeat(4,1fr)}.newsletter{grid-column:span 2}.footer-columns h3{font-size:14px}.sector-grid{gap:12px}.craft{gap:5%}.sectors{padding-top:80px}.footer-bottom{margin-top:65px}}@media(max-width:700px){main{padding:10px}.hero{height:calc(100svh - 20px);min-height:650px;max-height:920px}header{height:94px;padding:18px}.brand img{width:105px;height:60px}.menu-toggle{width:34px}.menu-toggle img{width:32px}.header-contact{font-size:12px;padding:10px 0;letter-spacing:.05em}.hero>.photo-bg{object-position:43% center}.hero-bottom{left:22px;right:22px;bottom:22px;display:block}.hero-copy{max-width:340px}h1{font-size:32px}.hero-copy p{font-size:16px;max-width:285px;margin:12px 0 13px}.discover{font-size:15px;padding:12px 0}.project-card{width:100%;min-width:0;margin-top:25px;min-height:110px;padding:20px 18px;gap:13px}.project-card .monogram{width:45px;height:56px}.project-card h2{font-size:16px}.project-card p{font-size:14px}.plus{width:33px;height:33px;font-size:23px}.intro{padding:58px 13px 40px}.intro h2,.sectors>h2{font-size:34px}.desktop-break{display:none}.intro p{font-size:17px;line-height:1.6;margin:28px 0}.pill{font-size:13px;min-height:46px;padding:14px 25px}.ranges{padding:0;grid-template-columns:1fr;gap:15px}.range{padding:25px 15px 20px}.range-audience,.range h2{font-size:21px}.range-bottom img{height:73px;width:80px}.sectors{padding:68px 3px 50px}.sectors>p{font-size:16px;line-height:1.6;margin:18px 12px 28px}.sector-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sector:last-child{grid-column:span 2;aspect-ratio:2/1}.sector:last-child img{object-position:center 43%}.sector h3{font-size:12px;letter-spacing:.08em}.sector{padding:16px 12px}.craft{padding:24px 13px 55px;display:flex;flex-direction:column;gap:35px}.craft h2{font-size:29px}.eyebrow{font-size:14px;margin-bottom:28px}.craft-copy{font-size:16px;line-height:1.7}.craft-copy p{margin-bottom:25px}.catalog{margin:0;width:100%;aspect-ratio:4/3}.catalog h3{font-size:22px}.custom{min-height:470px;aspect-ratio:auto;padding:40px 22px}.custom h2{font-size:31px;line-height:1.2;letter-spacing:.05em}.custom p{font-size:15px;line-height:1.5;margin:15px 0 25px}.custom>.photo-bg{object-position:44% center}footer{padding:35px 12px 20px}.footer-features{grid-template-columns:1fr;gap:25px}.footer-features h3{font-size:20px}.footer-features a,.footer-features button{justify-content:space-between}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.footer-columns h3{font-size:14px;margin-bottom:18px;line-height:1.4}.footer-columns>div>a,.footer-columns>div>span,.footer-columns>div>button{font-size:13px}.newsletter{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;margin-top:55px;gap:24px}.footer-logo{width:170px}.footer-bottom address{font-size:12px}.social{margin:10px 0 0;text-align:left}.social>div{justify-content:flex-start}dialog#menu{inset:12px auto 12px 12px;width:350px;height:calc(100dvh - 24px);max-width:calc(100vw - 24px);padding:18px 16px 10px}nav{font-size:16px;margin-top:35px}nav>a,nav summary{padding:10px 0}.legal{gap:8px}.appointment{padding:16px}.menu-top img{width:39px;height:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Frosted glass: home hero controls and shared open navigation. */
.hero .project-card,.hero .header-contact,.hero .discover{
 background:linear-gradient(135deg,#ffffff24,#ffffff0a),#212529b8;
 border:1px solid #ffffff70;
 box-shadow:inset 0 1px 0 #ffffff30,0 8px 28px #0002;
 color:#fff;
 transition:background-color .2s ease,border-color .2s ease;
}
.hero .header-contact,.hero .discover{border-radius:40px}
.hero .project-card{outline-color:#ffffff65}
.hero .project-card:hover,.hero .header-contact:hover,.hero .discover:hover{
 opacity:1;background-color:#39404780;border-color:#ffffffb3;
}
dialog#menu{
 background:linear-gradient(145deg,#ffffff14,#ffffff03),#171b20f2;
 border-color:#ffffff60;
 box-shadow:inset 0 1px 0 #ffffff26,0 18px 60px #0005;
}
dialog#menu::backdrop{background:#0005;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .hero .project-card,.hero .header-contact,.hero .discover{
  background-color:#21252940;
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
 }
 .hero .project-card:hover,.hero .header-contact:hover,.hero .discover:hover{background-color:#39404765}
 dialog#menu{
  background-color:#171b209e;
  -webkit-backdrop-filter:blur(28px) saturate(125%);
  backdrop-filter:blur(28px) saturate(125%);
 }
}
@media(max-width:700px){
 .hero .header-contact{padding:11px 15px}
 .hero .discover{padding:12px 22px}
}
@media(prefers-reduced-transparency:reduce){
 .hero .project-card,.hero .header-contact,.hero .discover,dialog#menu{background:#282c30;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Shared interaction for clickable photographs; keep frames and labels fixed. */
a.photo > .photo-bg{transition:filter .45s ease,scale .45s ease}
a.photo:hover{opacity:1}
@media (hover:hover){
 a.photo:hover > .photo-bg{filter:brightness(.8);scale:1.035}
}
a.photo:focus-visible > .photo-bg{filter:brightness(.8);scale:1.035}
@media (prefers-reduced-motion:reduce){
 a.photo > .photo-bg{transition:none}
 a.photo:hover > .photo-bg,a.photo:focus-visible > .photo-bg{scale:1}
}

/* Extra breathing room between page blocks on tablet and desktop. */
@media (min-width:701px){
 main{display:grid;grid-template-columns:minmax(0,1fr);row-gap:50px}
 main > *{min-width:0}
 main > .intro,main > .custom-intro,main > .editorial-intro{width:100%}
 main .product-showcases{row-gap:calc(var(--gutter) + 50px)}
 main .option-story + .option-story{margin-top:50px}
 .b2c-page .b2c-gallery,.architecture-product-page .b2c-gallery{row-gap:calc(clamp(40px,5vw,86px) + 50px)}
}

/* Navigation floats above every page without occupying hero space. */
.site-header{position:fixed;z-index:100;top:var(--gutter);left:max(var(--gutter),calc((100vw - 1920px)/2 + var(--gutter)));right:max(var(--gutter),calc((100vw - 1920px)/2 + var(--gutter)));height:114px;border-radius:100px;color:#fff;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}
.site-header .header-contact{border-radius:40px;background:#ffffff24;border:1px solid #ffffff70;padding:12px 28px;font-size:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.site-header--light{color:var(--ink)}
.site-header--light .menu-toggle img{filter:brightness(0)}
.site-header--light .header-contact{background:#1e1e1e;color:#fff}
.site-header.is-scrolled{background:#21252940;color:#fff;height:84px;padding-block:12px}
.liquid-glass-filter{position:absolute;pointer-events:none}
.site-header.liquid-glass{backdrop-filter:url(#liquidGlass) blur(5px);-webkit-backdrop-filter:url(#liquidGlass) blur(5px);box-shadow:0 30px 30px rgba(0,0,0,.1),inset 0 0 20px rgba(0,0,0,.1),inset 3px 3px 2px -2px rgba(255,255,255,.8),inset -3px -3px 2px -2px rgba(255,255,255,.8)}
.site-header .brand img{transition:width .3s ease,height .3s ease}
@media(min-width:1101px){.site-header.is-scrolled .brand img{width:108px;height:55.5px}}
@media(prefers-reduced-transparency:reduce){.site-header.liquid-glass{background:#212529;backdrop-filter:none;-webkit-backdrop-filter:none}}
.site-header--light.is-scrolled .brand img,.site-header--light.is-scrolled .menu-toggle img{filter:brightness(0) invert(1)}
.site-header.is-hidden{transform:translateY(calc(-100% - var(--gutter) - 12px));opacity:0;pointer-events:none}
.site-header:focus-within{transform:none;opacity:1;pointer-events:auto}
@media(max-width:700px){.site-header{top:10px;left:10px;right:10px;height:94px;padding:18px}.site-header .header-contact{font-size:10px;padding:11px 15px}}

@media(max-width:700px){.site-header.is-scrolled{height:74px;padding-block:10px}}

/* Shared liquid glass, matching the client's SVG filter and light reflections. */
.liquid-glass{backdrop-filter:url(#liquidGlass) blur(5px)!important;-webkit-backdrop-filter:url(#liquidGlass) blur(5px)!important;box-shadow:0 30px 30px rgba(0,0,0,.1),inset 0 0 20px rgba(0,0,0,.1),inset 3px 3px 2px -2px rgba(255,255,255,.8),inset -3px -3px 2px -2px rgba(255,255,255,.8)!important}
.pill.liquid-glass{background-color:#ffffff12}
.pill.dark.liquid-glass{background-color:#212529c9}
dialog#menu.liquid-glass{background:linear-gradient(160deg,#141414a8,#35353580)}
.newsletter.liquid-glass{background:#ffffff16}
.liquid-glass:hover{opacity:1}
@media(prefers-reduced-transparency:reduce){
 .liquid-glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 dialog#menu.liquid-glass,.site-header.liquid-glass,.pill.dark.liquid-glass{background:#212529}
 .newsletter.liquid-glass{background:var(--paper)}
}

/* Only the inset surface of the project widget carries the glass effect. */
.hero .project-card,.hero .project-card:hover{position:relative;isolation:isolate;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;outline:none;border:1px solid #ffffffab}
.project-card-glass{position:absolute;inset:9px;border:1px solid #ffffff65;border-radius:8px;background:linear-gradient(135deg,#ffffff24,#ffffff0a),#21252940;pointer-events:none;z-index:-1}
@media(prefers-reduced-transparency:reduce){.project-card-glass{background:#282c30}}

/* Home hero: a gentle lateral slide, with stationary foreground content. */
.home-hero-slides{position:absolute;inset:0 auto 0 0;width:200%;height:100%;display:flex;z-index:-2;transition:transform 1.4s cubic-bezier(.4,0,.2,1);pointer-events:none}
.home-hero-slides img{flex:0 0 50%;width:50%;height:100%;max-width:none;object-fit:cover;object-position:left center}
.hero.is-interior-slide .home-hero-slides{transform:translateX(-50%)}
@media(max-width:700px){.home-hero-slides img:first-child{object-position:48% center}.home-hero-slides img:last-child{object-position:43% center}}

/* Solid contact control over the dark Design product heroes. */
:is(.b2c-page,.architecture-category-page) .site-header .header-contact{background:#fff;color:#1e1e1e;border-color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
:is(.b2c-page,.architecture-category-page) .site-header .header-contact:hover{opacity:1;background:#fff;color:#1e1e1e}

/* A consistent Contact button in the floating glass navigation on every page. */
body .site-header.is-scrolled .header-contact,
body .site-header.is-scrolled .header-contact:hover{
 background:#fff;color:#1e1e1e;border-color:#fff;opacity:1;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;
}

/* Match the home Discover hover on the glass Contact controls. */
.site-header:not(.is-scrolled) .header-contact.liquid-glass{
 background:linear-gradient(135deg,#ffffff24,#ffffff0a),#21252940;
 border-color:#ffffff70;
 transition:background-color .2s ease,border-color .2s ease;
}
.site-header:not(.is-scrolled) .header-contact.liquid-glass:hover{
 background-color:#39404765;border-color:#ffffffb3;opacity:1;
}

/* Shared menu: distinguish each range from its category links. */
#menu .menu-range-group + .menu-range-group{margin-top:18px}
#menu .submenu .menu-range-title{font-family:Raleway,Arial,sans-serif;font-size:22px;font-weight:700;line-height:1.25;letter-spacing:.02em;padding:10px 0}
@media(max-width:700px){#menu .submenu .menu-range-title{font-size:20px}}

/* Current menu item: fine rounded frame, no filled background. */
#menu nav>a,#menu .submenu a{border:1px solid transparent;border-radius:16px;padding-left:10px;padding-right:10px}
#menu nav a[aria-current]{border-color:#fff}

/* Shared large photo callout: paired actions, including on narrow screens. */
.custom .custom-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:22px}
.custom .custom-actions .pill{margin:0}
.custom .custom-catalog-link,.custom .custom-catalog-link:hover{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:1px solid white;color:white}
@media(max-width:700px){.custom .custom-actions{gap:12px}.custom .custom-actions .pill{font-size:12px;padding:12px 22px}}

/* Trim the marked outer corner of this export without changing its source. */
.custom>.photo-bg[src="assets/topaz-imgFrame7.webp?v=0f4aab15ea98d464"]{transform:scale(1.09);transform-origin:left top}

/* Reusable mobile-only slider: swipe and pagination, no arrow controls. */
.mobile-slider-dots{display:none}
@media(max-width:700px){
 .mobile-slider[data-mobile-slider]{display:flex;flex-wrap:nowrap;align-items:stretch;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0;scroll-behavior:smooth;margin-bottom:0}
 .mobile-slider[data-mobile-slider]::-webkit-scrollbar{display:none}
 .mobile-slider[data-mobile-slider]>*{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
 .mobile-slider[data-mobile-slider]>.sector{aspect-ratio:305/428;grid-column:auto;padding:22px}
 .mobile-slider[data-mobile-slider]>.sector h3{font-size:20px;letter-spacing:.09em}
 .mobile-slider[data-mobile-slider].founder-grid{padding-top:55px;padding-bottom:8px}
 .mobile-slider[data-mobile-slider]>.option-story{display:flex;flex-direction:column;margin:0;padding-bottom:8px}
 .mobile-slider[data-mobile-slider]>.option-story figure{width:100%;flex:none}
 .mobile-slider[data-mobile-slider]>.option-story>div{flex:1}
 .mobile-slider-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;margin:12px auto 24px;max-width:100%}
 .mobile-slider-dots button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent}
 .mobile-slider-dots button:before{content:"";width:7px;height:7px;border-radius:50%;background:#b9b9b9;transition:background .2s,transform .2s}
 .mobile-slider-dots button[aria-current=true]:before{background:#212529;transform:scale(1.2)}
}
@media(prefers-reduced-motion:reduce){.mobile-slider[data-mobile-slider]{scroll-behavior:auto}}

/* Topaz: keep the Gemini-marked bottom edge outside the photo frame. */
img[src="assets/topaz-agencement-imgRectangle31.webp?v=37d42f2bb47dc699"]{scale:1.12;transform-origin:center top}
img[src="assets/topaz-design0-imgHeroComponent.webp?v=32ee479fa96ea874"]{scale:1.12;transform-origin:center top}
img[src="assets/topaz-product-mobilier-business-imgRectangle31.webp?v=808d8549e9331842"]{scale:1.12;transform-origin:center top}

/* Shared bottom cookie notice: native modal keeps the background inert. */
body.cookie-notice-open{overflow:hidden}
#cookie-notice{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:80dvh;border:0;border-radius:0;padding:28px 80px 28px 32px;background:#fff;color:#1e1e1e;box-shadow:0 -1px 0 #0001;font:400 13px/1.65 Poppins,Arial,sans-serif}
#cookie-notice::backdrop{background:rgba(0,0,0,.5)}
.cookie-notice-content{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1600px;margin:auto}
.cookie-notice-content a{flex-shrink:0;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.cookie-notice-close{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center}
#cookie-notice :focus-visible{outline:2px solid #1e1e1e;outline-offset:4px}
@media(max-width:700px){#cookie-notice{padding:24px 64px calc(24px + env(safe-area-inset-bottom)) 24px}.cookie-notice-content{display:block}.cookie-notice-content a{display:inline-block;margin-top:12px}.cookie-notice-close{top:12px;right:10px;transform:none}}

.newsletter-data-note{font-size:10px;line-height:1.5;margin:10px 0}.newsletter-data-note a{text-decoration:underline;overflow-wrap:anywhere}.newsletter [type="submit"]:disabled{opacity:.6;cursor:wait}

.social-contact{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1e1e1e;color:#fff}.social [hidden]{display:none!important}
/* Keep menu close focus consistent with the monochrome navigation. */
.close-menu:focus,.close-menu:focus-visible{outline:none}
.close-menu:focus-visible{color:#fff;text-shadow:0 0 8px #fff9}
.close-menu{-webkit-tap-highlight-color:transparent}