:root{--bg:#121212;--surface:#1d1d1b;--ink:#171714;--ivory:#f4f1ea;--paper:#fbfaf6;--muted:#aaa79f;--line:rgba(255,255,255,.16);--dark-line:rgba(23,23,20,.15);--accent:#f8a800;--display:'Arial Narrow','Helvetica Neue Condensed','Roboto Condensed',sans-serif;--body:'Helvetica Neue','Segoe UI',system-ui,sans-serif;--mono:'IBM Plex Mono','JetBrains Mono',ui-monospace,monospace}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.desktop-nav a[aria-current=page],.desktop-nav a[aria-current=location],.mobile-menu a[aria-current=page],.mobile-menu a[aria-current=location],.mobile-nav-parent[aria-current=page]{color:var(--accent)}
.nav-panel a[aria-current=location]{color:var(--accent);font-weight:780}
.nav-panel-company{width:260px;grid-template-columns:1fr}
.nav-company>a[aria-current=page],.mobile-company-parent[aria-current=page]{color:var(--accent)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65}body.menu-open{overflow:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1320px,calc(100% - 64px));margin:auto}.skip{position:fixed;left:18px;top:-80px;z-index:100;background:var(--accent);padding:10px 16px;color:#111}.skip:focus{top:18px}.announcement{height:31px;background:#0b0b0a;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);font:600 10px/31px var(--mono);letter-spacing:.12em;text-transform:uppercase;text-align:center}.site-header{position:absolute;inset:31px 0 auto;z-index:50;color:#fff}.nav-shell{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);transition:.3s}.site-header.is-scrolled,.site-header:has(.nav-group:hover),.site-header.is-open{position:fixed;inset:0 0 auto;background:rgba(16,16,15,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.site-header.is-scrolled .announcement,.site-header.is-open .announcement{display:none}.brand{width:142px;height:48px;display:flex;align-items:center}.brand img{object-fit:contain;object-position:left center}.desktop-nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.desktop-nav>a,.nav-group>a{min-height:78px;display:flex;align-items:center}.nav-group{position:relative}.nav-group>a:after{content:'+';margin-left:7px;color:var(--accent)}.nav-group:hover>a:after,.nav-group:focus-within>a:after{content:'−'}.nav-panel{position:absolute;top:78px;left:-24px;width:580px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:22px 24px;background:rgba(17,17,16,.94);backdrop-filter:blur(22px);border:1px solid var(--line);visibility:hidden;opacity:0;transform:translateY(8px);transition:.22s}.nav-group:hover .nav-panel,.nav-group:focus-within .nav-panel{visibility:visible;opacity:1;transform:none}.nav-panel a{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;text-transform:none;letter-spacing:0}.nav-panel a:hover{color:var(--accent)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--accent);background:var(--accent);color:#15130d;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}.nav-cta:hover,.button:hover{filter:brightness(1.06);transform:translateY(-1px)}.button.secondary{background:transparent;color:inherit;border-color:currentColor}.menu-button{display:none;width:48px;height:48px;border:1px solid var(--line);background:transparent;color:#fff}.mobile-menu{display:none}.page-hero{min-height:76vh;background:var(--bg);color:#fff;position:relative;display:flex;align-items:flex-end;padding:190px 0 88px;overflow:hidden}.page-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.28) 62%,rgba(0,0,0,.38))}.page-hero .hero-image{position:absolute;inset:0}.page-hero .container{position:relative;z-index:2}.hero-copy{max-width:860px}.eyebrow{margin:0 0 18px;color:var(--accent);font:700 11px/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase}.page-hero h1{margin:0;font:800 clamp(54px,7.5vw,118px)/.88 var(--display);letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance}.page-hero .lede{max-width:670px;margin:26px 0 0;color:#e8e5dc;font-size:clamp(18px,2vw,25px);line-height:1.45}.hero-actions{display:flex;gap:12px;margin-top:32px}.section{padding:110px 0}.section.dark{background:var(--bg);color:#fff}.section.stone{background:var(--ivory)}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:56px}.section h2{margin:0;font:800 clamp(38px,5vw,74px)/.95 var(--display);letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}.section h3{font:750 clamp(23px,2.3vw,34px)/1.08 var(--display);text-transform:uppercase;margin:0 0 14px}.lead{max-width:66ch;margin:0;color:#5e5c56;font-size:20px}.dark .lead{color:#c7c3ba}.image-split{display:grid;grid-template-columns:1.15fr .85fr;min-height:620px;background:var(--surface);color:#fff}.image-split figure{margin:0;min-height:620px}.image-split .copy{padding:70px;display:flex;flex-direction:column;justify-content:center}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--dark-line)}.fact{padding:30px 24px;border-right:1px solid var(--dark-line)}.fact:last-child{border-right:0}.fact strong{display:block;color:#bc7d00;font:800 clamp(34px,4vw,58px)/1 var(--display)}.fact span{display:block;margin-top:10px;font-size:14px}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--dark-line);border:1px solid var(--dark-line)}.editorial-card{background:var(--paper);padding:38px;min-height:260px}.dark .editorial-grid{background:var(--line);border-color:var(--line)}.dark .editorial-card{background:var(--surface)}.editorial-card .num{display:block;margin-bottom:54px;color:var(--accent);font:700 11px var(--mono);letter-spacing:.12em}.editorial-card p{margin:0;color:#67645e}.dark .editorial-card p{color:#bbb8af}.gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.gallery figure{margin:0;min-height:520px;position:relative;overflow:hidden}.gallery .stack{display:grid;gap:16px}.gallery .stack figure{min-height:252px}.caption{position:absolute;inset:auto 0 0;padding:50px 24px 20px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:13px}.product-layout{display:grid;grid-template-columns:320px 1fr;gap:64px}.side-index{position:sticky;top:110px;align-self:start;border-top:1px solid var(--dark-line)}.side-index a{display:block;padding:15px 0;border-bottom:1px solid var(--dark-line);font-size:14px}.side-index a:hover,.side-index a[aria-current='page']{color:#a66f00}.product-panel{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}.product-panel figure{margin:0;aspect-ratio:1}.spec-list{margin:32px 0 0;padding:0;list-style:none;border-top:1px solid var(--dark-line)}.spec-list li{display:flex;justify-content:space-between;gap:24px;padding:12px 0;border-bottom:1px solid var(--dark-line);font-size:14px}.faq{border-top:1px solid var(--dark-line)}.faq details{border-bottom:1px solid var(--dark-line);padding:0}.faq summary{cursor:pointer;padding:24px 0;font-weight:700}.faq p{max-width:70ch;margin:0 0 24px;color:#66635d}.cta-band{padding:80px 0;background:var(--accent);color:#15130d}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{max-width:760px;font-size:clamp(38px,5vw,70px)}.footer{background:#0b0b0a;color:#fff;padding:78px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:60px}.footer .brand{width:176px}.footer-column{display:grid;align-content:start;gap:10px;font-size:14px;color:#aaa79f}.footer-column strong{color:#fff;margin-bottom:10px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.footer-note{margin-top:64px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#88857f;font-size:12px}.modal{border:0;padding:0;background:#f8f6ef;width:min(900px,calc(100% - 32px));color:var(--ink)}.modal::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(7px)}.modal-inner{padding:48px}.modal-close{float:right;border:0;background:none;font-size:26px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea{width:100%;border:1px solid #cbc7bd;background:#fff;padding:14px}.field textarea{min-height:120px;resize:vertical}.form-status{min-height:24px;margin:12px 0 0}.reveal{opacity:0;transform:translateY(24px);transition:.75s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media(max-width:1100px){.desktop-nav{gap:14px}.desktop-nav>a,.nav-group>a{font-size:10px}.nav-cta{display:none}.section-head{grid-template-columns:1fr;gap:24px}.image-split{grid-template-columns:1fr}.image-split figure{min-height:480px}.product-layout{grid-template-columns:250px 1fr}.product-panel{grid-template-columns:1fr}.product-panel figure{max-width:650px}.footer-grid{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr 1fr}.fact:nth-child(2){border-right:0}}
@media(max-width:820px){.container{width:min(100% - 36px,1320px)}.desktop-nav,.nav-cta{display:none}.menu-button{display:block}.site-header.is-open{height:100vh}.mobile-menu{display:grid;position:fixed;inset:109px 0 0;padding:28px 18px;background:rgba(13,13,12,.96);visibility:hidden;opacity:0;transform:translateY(-12px);transition:.25s;align-content:start;gap:0}.site-header.is-open .mobile-menu{visibility:visible;opacity:1;transform:none}.mobile-menu a{padding:16px 0;border-bottom:1px solid var(--line);font-size:18px}.page-hero{min-height:680px;padding:170px 0 70px}.section{padding:78px 0}.editorial-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.gallery figure,.gallery .stack figure{min-height:360px}.product-layout{grid-template-columns:1fr}.side-index{position:static;display:flex;overflow:auto;gap:20px;border-bottom:1px solid var(--dark-line)}.side-index a{white-space:nowrap;border:0}.cta-band .container{align-items:flex-start;flex-direction:column}.image-split .copy{padding:40px}.footer-grid{grid-template-columns:1fr 1fr}.footer-note{flex-direction:column;gap:8px}}
@media(max-width:520px){body{font-size:16px}.announcement{font-size:8px;letter-spacing:.06em}.container{width:calc(100% - 28px)}.brand{width:116px}.nav-shell{height:68px}.mobile-menu{inset:99px 0 0}.page-hero{min-height:620px}.page-hero h1{font-size:50px}.hero-actions{align-items:stretch;flex-direction:column}.facts,.editorial-grid,.form-grid{grid-template-columns:1fr}.fact{border-right:0;border-bottom:1px solid var(--dark-line)}.image-split figure{min-height:330px}.image-split .copy,.editorial-card,.modal-inner{padding:28px}.gallery figure,.gallery .stack figure{min-height:290px}.footer-grid{grid-template-columns:1fr}.product-panel{gap:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Homepage parity: shared chrome, contact entry and responsive CTA */
.site-header{position:fixed;inset:0 0 auto;z-index:50;color:#fff;background:transparent;border-bottom:1px solid rgba(255,255,255,.16);transition:background 180ms ease,backdrop-filter 180ms ease,border-color 180ms ease}
.site-header.is-scrolled{background:rgba(18,18,18,.56);backdrop-filter:blur(14px) saturate(120%)}
.site-header:has(.nav-group:hover),.site-header:has(.nav-group:focus-within),.site-header.is-open{position:fixed;inset:0 0 auto;background:rgba(18,18,18,.72);backdrop-filter:blur(22px) saturate(125%);border-bottom-color:rgba(255,255,255,.26)}
.mobile-nav-parent{width:100%;min-height:58px;padding:0;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;font-family:var(--body);font-size:18px;font-weight:700;text-align:left;cursor:pointer}.mobile-nav-parent>span{color:var(--accent);font:400 22px/1 var(--mono);transition:transform 180ms ease}.mobile-nav-parent[aria-expanded=true]>span{transform:rotate(45deg)}.mobile-submenu{display:grid;gap:0;padding:7px 0 10px 18px;border-bottom:1px solid var(--line)}.mobile-submenu[hidden]{display:none}.mobile-submenu a{min-height:42px!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;font-family:var(--body)!important;font-size:15px!important;font-weight:500!important;text-transform:none!important}.mobile-submenu a:after{content:"→";font-size:14px}
.catalog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(38px,5vw,72px);align-items:start}.catalog-index{position:sticky;top:110px}.catalog-main{min-width:0}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--dark-line);border:1px solid var(--dark-line)}.catalog-card{display:flex;min-width:0;flex-direction:column;background:var(--paper);transition:transform 220ms ease,border-color 220ms ease}.catalog-card:hover{transform:translateY(-4px);position:relative;z-index:1}.catalog-card figure{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;background:var(--surface)}.catalog-card figure:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));pointer-events:none}.catalog-card img{width:100%;height:100%;object-fit:cover;transition:transform 600ms cubic-bezier(.2,.8,.2,1)}.catalog-card:hover img{transform:scale(1.035)}.catalog-card-body{display:flex;flex:1;flex-direction:column;padding:25px}.catalog-card-body .eyebrow{margin-bottom:10px}.catalog-card-body h3{margin:0;font-size:clamp(24px,2.3vw,36px);text-wrap:balance}.catalog-card-body p{margin:14px 0 0;color:#67645e;font-size:14px;line-height:1.5}.catalog-card-body .button{align-self:flex-start;margin-top:auto;padding-inline:16px}.catalog-card-specs{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 22px}.catalog-card-specs span{padding:5px 8px;border:1px solid var(--dark-line);color:#67645e;font:10px/1.2 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.catalog-intro{margin-bottom:28px;padding-bottom:26px;border-bottom:1px solid var(--dark-line)}.catalog-intro h2{max-width:18ch;margin:0;font-size:clamp(42px,4.8vw,72px);line-height:.92;text-wrap:pretty}.catalog-intro .lead{max-width:62ch;margin-top:20px;font-size:17px;line-height:1.48}.catalog-tab{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border:0;border-bottom:1px solid var(--dark-line);background:transparent;color:var(--ink);font:600 14px/1.35 var(--body);text-align:left;cursor:pointer;transition:color 180ms ease,padding 180ms ease}.catalog-tab span{color:#a66f00;font:400 20px/1 var(--mono);transition:transform 180ms ease}.catalog-tab:hover,.catalog-tab[aria-selected=true]{padding-left:10px;color:#a66f00}.catalog-tab[aria-selected=true] span{transform:rotate(45deg)}.catalog-product-group[hidden]{display:none}.catalog-active-label{margin:0 0 18px;color:#a66f00;font:700 11px/1.4 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.site-header.is-scrolled .announcement,.site-header.is-open .announcement{display:flex}
.announcement{height:auto;min-height:34px;display:flex;align-items:center;background:transparent;color:rgba(255,255,255,.82);border-bottom:1px solid rgba(255,255,255,.15);font:600 10px/1.25 var(--mono);letter-spacing:.1em;text-align:left;text-transform:uppercase}
.announcement-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.announcement strong{color:var(--accent);font-weight:700}.announcement-detail{color:rgba(255,255,255,.7);text-align:right}
.nav-shell{height:76px;gap:24px;border-bottom:0}.brand{width:148px;height:48px}.desktop-nav{gap:clamp(16px,2vw,32px)}.desktop-nav>a,.nav-group>a{min-height:76px}.nav-panel{top:75px;left:-22px;width:440px;padding:20px;gap:4px 22px;background:rgba(29,29,27,.88);transform:translateY(-8px);box-shadow:0 24px 70px rgba(0,0,0,.52)}.nav-panel a{min-height:40px;display:flex;align-items:center;padding:0;border-bottom:1px solid var(--line)}.nav-cta{min-height:42px;padding:0 15px;border-color:#fff;background:transparent;color:#fff}.nav-cta:hover{background:var(--accent);border-color:var(--accent);color:#15130d}
.menu-button{position:relative;font-size:0}.menu-button:before,.menu-button:after{content:"";position:absolute;left:12px;right:12px;height:1px;background:currentColor;transition:transform 180ms ease,top 180ms ease}.menu-button:before{top:18px}.menu-button:after{top:28px}.site-header.is-open .menu-button:before{top:23px;transform:rotate(45deg)}.site-header.is-open .menu-button:after{top:23px;transform:rotate(-45deg)}
.footer{padding:48px 0 28px}.footer-grid{grid-template-columns:1.2fr repeat(3,1fr);gap:clamp(28px,4vw,58px)}.footer-note{margin-top:44px;padding-top:18px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:45;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 15px 0 12px;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:rgba(18,18,18,.82);color:#fff;box-shadow:0 10px 32px rgba(0,0,0,.22);backdrop-filter:blur(14px);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:transform 180ms ease,background 180ms ease,border-color 180ms ease}.whatsapp-float:before{content:"";position:absolute;left:20px;top:50%;width:22px;height:22px;border:1px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%);animation:whatsapp-ring 2.4s ease-out infinite;pointer-events:none}.whatsapp-float:hover{transform:translateY(-2px);background:rgba(18,18,18,.94);border-color:var(--accent)}.whatsapp-float svg{width:20px;height:20px;flex:0 0 auto;color:var(--accent)}@keyframes whatsapp-ring{0%{opacity:.7;transform:translate(-50%,-50%) scale(.7)}70%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.65)}}
.cta-band{padding:62px 0;background:var(--bg);color:#fff;border-top:4px solid var(--accent)}.cta-band .container{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}.cta-band h2{max-width:22ch;margin:0;color:#fff;font:800 clamp(38px,4.2vw,58px)/.98 var(--display);letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance}.cta-band .button.secondary{min-width:190px;background:var(--accent);border-color:var(--accent);color:#15130d}
.modal{position:relative;width:min(940px,calc(100% - 34px));max-height:calc(100svh - 34px);padding:0;background:var(--paper);color:var(--ink)}.modal-shell{display:grid;grid-template-columns:.8fr 1.2fr;max-height:calc(100svh - 34px)}.modal-intro{padding:clamp(30px,5vw,56px);background:var(--bg);color:#fff}.modal-intro h2{margin:0;font:800 clamp(38px,5vw,64px)/.95 var(--display);text-transform:uppercase}.modal-intro p,.modal-intro li{color:var(--muted)}.modal-intro ul{padding-left:18px}.modal-form{padding:clamp(30px,5vw,56px);overflow-y:auto}.modal-close{position:absolute;right:14px;top:14px;z-index:2;width:44px;height:44px;border:1px solid var(--dark-line);background:var(--paper);color:var(--ink);font-size:22px;cursor:pointer}
@media(max-width:1180px){.desktop-nav,.nav-cta{display:none}.menu-button{display:block}.site-header.is-open{height:100vh}.mobile-menu{display:grid;position:fixed;inset:110px 0 0;padding:28px max(18px,calc((100vw - 1320px)/2));background:rgba(13,13,12,.96);visibility:hidden;opacity:0;transform:translateY(-12px);transition:.25s;align-content:start;gap:0}.site-header.is-open .mobile-menu{visibility:visible;opacity:1;transform:none}.mobile-menu a{padding:16px 0;border-bottom:1px solid var(--line);font-size:18px}.mobile-menu .button{margin-top:26px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.cta-band{padding:52px 0}.cta-band .container{grid-template-columns:1fr;align-items:start;gap:28px}.cta-band h2{max-width:19ch;font-size:clamp(36px,8vw,50px)}.cta-band .button.secondary{min-width:0}.modal-shell{grid-template-columns:1fr;overflow-y:auto}.modal-intro{padding-right:70px}.modal-form{overflow:visible}}
@media(max-width:620px){.announcement{min-height:32px;font-size:8px;letter-spacing:.075em}.announcement-inner{justify-content:center}.announcement-detail{display:none}.nav-shell{height:68px}.mobile-menu{inset:100px 0 0}.footer-grid{grid-template-columns:1fr}.whatsapp-float{right:14px;bottom:14px}.cta-band{padding:42px 0}.cta-band h2{max-width:100%;font-size:clamp(32px,10.5vw,43px);line-height:1.02}.cta-band .button.secondary{width:100%}.modal{width:100%;height:100svh;max-height:100svh}.modal-shell{max-height:100svh}}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.catalog-layout{grid-template-columns:1fr;gap:34px}.catalog-index{position:static}}
@media(max-width:820px){.catalog-tabs{display:flex;overflow-x:auto;gap:0;border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line);scrollbar-width:none}.catalog-tabs::-webkit-scrollbar{display:none}.catalog-tabs .catalog-tab{width:auto;min-width:max-content;padding:14px 18px;border:0;border-right:1px solid var(--dark-line);font-size:13px}.catalog-tabs .catalog-tab:first-child{padding-left:0}.catalog-tabs .catalog-tab:hover,.catalog-tabs .catalog-tab[aria-selected=true]{padding-left:18px}.catalog-tabs .catalog-tab:first-child:hover,.catalog-tabs .catalog-tab:first-child[aria-selected=true]{padding-left:0}}
@media(max-width:620px){.catalog-grid{grid-template-columns:1fr}.catalog-card-body{padding:20px}.catalog-card-body .button{align-self:stretch}}
@media(max-width:620px){.catalog-intro{margin-bottom:24px;padding-bottom:20px}.catalog-intro h2{max-width:13ch;font-size:clamp(38px,11vw,52px)}.catalog-intro .lead{margin-top:16px;font-size:16px}}

/* MARFA symbol + wordmark lockup */
.brand-lockup{width:190px;gap:8px}.brand-lockup .brand-mark{width:30px;height:36px;flex:0 0 30px;object-fit:contain}.brand-lockup .brand-wordmark{width:148px;height:40px;flex:0 0 148px;object-fit:contain}.footer .brand-lockup{width:210px}

/* Shared navigation, hero and catalog refinements */
.site-header.is-scrolled{background:rgba(38,38,36,.94);-webkit-backdrop-filter:blur(18px) saturate(118%);backdrop-filter:blur(18px) saturate(118%)}
.site-header:has(.nav-group:hover),.site-header:has(.nav-group:focus-within),.site-header.is-open{background:rgba(38,38,36,.97);-webkit-backdrop-filter:blur(24px) saturate(120%);backdrop-filter:blur(24px) saturate(120%);border-bottom-color:rgba(255,255,255,.28)}
.nav-panel{background:rgba(48,48,45,.97);-webkit-backdrop-filter:blur(26px) saturate(118%);backdrop-filter:blur(26px) saturate(118%);box-shadow:0 24px 70px rgba(0,0,0,.58)}
.page-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.38) 62%,rgba(0,0,0,.46))}
.page-hero .hero-copy,.page-hero .hero-copy.reveal{position:relative;max-width:860px;opacity:1;transform:none}
.page-hero .hero-copy:before{content:"";position:absolute;inset:2px auto 2px -24px;width:3px;background:var(--accent)}
.catalog-card-body>.eyebrow{display:none}
.catalog-card-body{padding:20px 25px 25px}
.catalog-card-body h3{margin-top:0}
@media(max-width:1180px){.mobile-menu{background:rgba(42,42,40,.98);-webkit-backdrop-filter:blur(24px) saturate(118%);backdrop-filter:blur(24px) saturate(118%)}}
@media(max-width:620px){.page-hero .hero-copy:before{left:-14px}.catalog-card-body{padding:18px 20px 22px}}

/* Visual consistency audit: readable typography, reference-matched actions, full-bleed media */
.page-hero .hero-image,.page-hero .hero-image img,.gallery figure img,.image-split figure img,.product-panel figure img,.catalog-card figure img{width:100%;height:100%}
.page-hero .hero-image img,.gallery figure img,.image-split figure img,.product-panel figure img,.catalog-card figure img{object-fit:cover;object-position:center}
.page-hero .hero-copy,.caption{color:#fff}
.page-hero h1,.page-hero .lede,.caption,.dark h2,.dark h3,.footer,.footer a{opacity:1;visibility:visible}
.stone h2,.stone h3,.stone .lead,.catalog-card-body h3,.catalog-card-body p,.catalog-card-specs span{opacity:1;visibility:visible}
.button,.nav-cta{
  position:relative;overflow:hidden;
  transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,transform 180ms ease,filter 180ms ease;
}
.button:hover,.nav-cta:hover{filter:none;transform:translateY(-2px);background:var(--accent);border-color:var(--accent);color:#15130d}
.button:active,.nav-cta:active{transform:translateY(0)}
.button.secondary{background:transparent;border-color:#a66f00;color:#a66f00}
.button.secondary:hover{background:var(--accent);border-color:var(--accent);color:#15130d}
.dark .button.secondary,.page-hero .button.secondary,.cta-band .button.secondary{border-color:rgba(255,255,255,.72);color:#fff}
.dark .button.secondary:hover,.page-hero .button.secondary:hover,.cta-band .button.secondary:hover{background:var(--accent);border-color:var(--accent);color:#15130d}
.catalog-card{overflow:hidden}
.catalog-card figure{aspect-ratio:4/3}
.catalog-card-body h3{color:var(--ink)}
.catalog-card-body p,.catalog-card-specs span{color:#5f5c55}
.product-panel figure{aspect-ratio:4/3;overflow:hidden;background:var(--surface)}
.product-panel figure img{transition:transform 650ms cubic-bezier(.2,.8,.2,1)}
.product-panel:hover figure img{transform:scale(1.025)}
@media(max-width:620px){.brand-lockup{width:168px;gap:6px}.brand-lockup .brand-mark{width:26px;height:32px;flex-basis:26px}.brand-lockup .brand-wordmark{width:136px;height:36px;flex-basis:136px}}
.cta-band{background:color-mix(in oklch,var(--surface) 68%,var(--ivory) 32%);color:var(--paper);border-top:1px solid color-mix(in oklch,var(--paper) 22%,transparent);border-bottom:1px solid color-mix(in oklch,var(--paper) 16%,transparent)}
.cta-band h2{color:var(--paper)}
.cta-band .button.secondary,.cta-band .button.secondary:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}

/* Buyer knowledge layer: same MARFA grid, density and amber action language */
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--dark-line);border:1px solid var(--dark-line)}
.resource-card{display:flex;min-height:280px;flex-direction:column;background:var(--paper);padding:34px;transition:transform 220ms ease,background 220ms ease}
.resource-card:hover{position:relative;z-index:1;background:#fff;transform:translateY(-3px)}
.resource-meta{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:48px}.resource-card .num{display:block;margin:0;color:var(--accent);font:700 11px var(--mono);letter-spacing:.12em}.resource-meta time{flex:none;color:#77736a;font:700 10px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.resource-card h3{margin:0;max-width:18ch}
.resource-card p{margin:15px 0 0;max-width:52ch;color:#67645e;font-size:15px;line-height:1.55}
.resource-card .text-link{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:24px;color:#8e6100;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.resource-card .text-link:after{content:'→';font-size:17px;transition:transform 180ms ease}.resource-card:hover .text-link:after{transform:translateX(4px)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(42px,7vw,100px);align-items:start}
.article-main{max-width:800px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;color:#77736a;font:700 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}.breadcrumbs a:hover{color:#8e6100}
.article-main h2{margin:54px 0 16px;font:800 clamp(30px,4vw,52px)/1 var(--display);letter-spacing:-.03em;text-transform:uppercase}.article-main h2:first-of-type{margin-top:0}
.article-main h3{margin:32px 0 10px;font:750 clamp(21px,2vw,29px)/1.1 var(--display);text-transform:uppercase}.article-main p{max-width:70ch;margin:0 0 18px;color:#4f4d47}.article-main ul,.article-main ol{max-width:70ch;margin:18px 0 24px;padding-left:23px;color:#4f4d47}.article-main li{margin:8px 0}.answer-callout{margin:0 0 36px;padding:26px 28px;border-left:3px solid var(--accent);background:#eeeadf;color:#27251f;font-size:20px;line-height:1.45}.article-aside{position:sticky;top:110px;border-top:1px solid var(--dark-line)}.article-aside h3{margin:18px 0 12px;font:700 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.article-aside a{display:block;padding:13px 0;border-bottom:1px solid var(--dark-line);font-size:14px}.article-aside a:hover{color:#8e6100}.article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;color:#77736a;font:11px var(--mono);letter-spacing:.05em;text-transform:uppercase}.faq-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--dark-line);border:1px solid var(--dark-line)}.faq-index .faq-group{background:var(--paper);padding:32px}.faq-index h3{margin:0 0 18px;font:750 28px/1 var(--display);text-transform:uppercase}.faq-index .faq-group p{margin:0;color:#67645e;font-size:15px}.faq-index .faq-group a{display:inline-flex;margin-top:20px;color:#8e6100;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:820px){.resource-grid,.faq-index{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-aside{position:static;order:-1}.article-main h2{margin-top:42px}.resource-card,.faq-index .faq-group{padding:28px}}

/* Unified navigation and footer standard */
.desktop-nav{font-family:var(--body);font-size:12px;font-weight:650;line-height:1;letter-spacing:.05em;text-transform:uppercase}
.desktop-nav>a,.desktop-nav .nav-group>a{font:inherit;letter-spacing:inherit}
.nav-panel a{font-family:var(--body);font-size:12px;font-weight:500;line-height:1.35;letter-spacing:0;text-transform:none}
.footer{padding:52px 0 28px;border-top:1px solid rgba(255,255,255,.16);background:#0b0b0a;color:#fff}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,58px)}
.footer-brand-copy{max-width:34ch;margin:20px 0 0;color:#aaa79f;font-size:14px;line-height:1.65}
.footer-column{display:flex;flex-direction:column;align-content:start;gap:10px;color:#aaa79f;font-size:14px;line-height:1.55}
.footer-column strong{margin-bottom:10px;color:#fff;font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.footer-column a{width:fit-content}.footer-column a:hover{color:#fff}
.footer-note{display:flex;justify-content:space-between;gap:24px;margin-top:44px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);color:#88857f;font-size:12px}
@media(max-width:1180px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.footer-grid{grid-template-columns:1fr;gap:34px}.footer-note{flex-direction:column;gap:8px}}
.solution-intro{max-width:76ch;margin:0;color:#4f4d47;font-size:20px;line-height:1.55}.dark .solution-intro{color:#d1cec6}.solution-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--dark-line);border:1px solid var(--dark-line)}.solution-route{display:flex;min-height:260px;flex-direction:column;justify-content:space-between;background:var(--paper);padding:34px}.solution-route .num{color:#8e6100;font:700 11px var(--mono);letter-spacing:.12em}.solution-route p{margin:18px 0 0;color:#67645e}.solution-route .text-link{margin-top:26px;color:#8e6100;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.scope-table{width:100%;margin:32px 0;border-collapse:collapse;font-size:15px}.scope-table th,.scope-table td{padding:16px 14px;border:1px solid var(--dark-line);text-align:left;vertical-align:top}.scope-table th{background:#eae6dc;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.proof-note{margin:32px 0;padding:24px 26px;border:1px solid var(--dark-line);background:#eeeadf;color:#4f4d47}.proof-note strong{display:block;margin-bottom:6px;color:#25231e}.article-main .checklist{display:grid;gap:0;margin:24px 0;border-top:1px solid var(--dark-line)}.article-main .checklist li{margin:0;padding:14px 0;border-bottom:1px solid var(--dark-line);list-style:none}.article-main .checklist li:before{content:'—';display:inline-block;width:26px;color:#8e6100;font-weight:700}.resource-pills{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}.resource-pills a{border:1px solid var(--dark-line);padding:9px 12px;font:700 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}.resource-pills a:hover{border-color:#8e6100;color:#8e6100}@media(max-width:820px){.solution-route-grid{grid-template-columns:1fr}.scope-table{font-size:14px}.scope-table th,.scope-table td{padding:13px 11px}.solution-route{min-height:0}}
.footer-legal{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:16px}.footer-legal a:hover{color:#fff}
.legal-hero{min-height:56vh}.legal-layout{display:grid;grid-template-columns:minmax(0,800px) 280px;gap:clamp(42px,7vw,100px);align-items:start}.legal-layout article h2{margin:0 0 14px;font:800 clamp(30px,4vw,48px)/1 var(--display);letter-spacing:-.03em;text-transform:uppercase}.legal-layout article h2:not(:first-child){margin-top:48px}.legal-layout article p{max-width:72ch;margin:0 0 18px;color:#4f4d47}.legal-layout .article-meta{margin-top:48px;padding-top:22px;border-top:1px solid var(--dark-line)}
.resource-link{display:inline-flex;align-items:center;margin-top:auto;padding-top:18px;color:#8e6100;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.resource-card:hover .resource-link{color:#5f4100}
@media(max-width:820px){.legal-layout{grid-template-columns:1fr}.legal-layout .article-aside{order:0}.footer-legal{justify-content:flex-start}}

.certificate-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--dark-line);border:1px solid var(--dark-line)}
.certificate-document{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--paper);transition:transform 180ms ease,box-shadow 180ms ease}
.certificate-document:hover{z-index:1;transform:translateY(-3px);box-shadow:0 16px 38px rgba(18,18,17,.13)}
.certificate-document img{height:380px;padding:24px;object-fit:contain;background:color-mix(in oklch,var(--paper) 96%,var(--ink))}
.certificate-document-copy{padding:22px 24px 26px;border-top:1px solid var(--dark-line)}
.certificate-document h3{margin:0;font-size:clamp(22px,2vw,30px)}
.certificate-document p{margin:10px 0 0;color:#67645e;font-size:14px}
.certificate-disclosure{margin:30px 0 0;padding:22px 24px;border:1px solid var(--dark-line);background:#eeeadf;color:#4f4d47}
.certificate-disclosure strong{color:#25231e}
@media(max-width:900px){.certificate-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.certificate-gallery{grid-template-columns:1fr}.certificate-document img{height:320px;padding:18px}}

@media(min-width:1181px){.desktop-nav{gap:clamp(18px,1.4vw,26px)}.nav-products .nav-panel{width:500px}}

@media(min-width:1181px){.nav-products .nav-panel{width:min(720px,calc(100vw - 48px));max-height:min(68vh,620px);overflow-y:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.nav-product-column{display:grid;align-content:start}.nav-panel .nav-product-heading{color:var(--accent);font-weight:760;border-bottom-color:color-mix(in oklch,var(--accent) 38%,transparent)}.nav-product-column>a:not(.nav-product-heading){min-height:36px}}
.whatsapp-float:before{left:22px}

/* Verified cross-page visual rules: left alignment, distinct CTA/footer tiers, dark text on the floating action. */
body,.announcement,.announcement-detail{text-align:left}
.cta-band{background:var(--ivory);color:var(--ink);border-top:1px solid var(--dark-line)}
.cta-band h2{color:var(--ink)}
.cta-band .button.secondary,.cta-band .button.secondary:hover{background:var(--accent);border-color:var(--accent);color:#15130d}
.whatsapp-float,.whatsapp-float:hover{background:var(--accent);border-color:var(--accent);color:#15130d}
.whatsapp-float svg{color:#15130d}

/* Resources, editorial reading and the homepage-matched scrolled header */
.site-header.is-scrolled,
.site-header.is-scrolled:has(.nav-group:hover),
.site-header.is-scrolled:has(.nav-group:focus-within){
  position:fixed;
  inset:0 0 auto;
  background:rgb(38,38,36);
  -webkit-backdrop-filter:blur(18px) saturate(118%);
  backdrop-filter:blur(18px) saturate(118%);
  border-bottom:1px solid rgba(255,255,255,.22);
  box-shadow:0 12px 34px rgba(0,0,0,.18);
}
.site-header.is-scrolled .announcement{display:flex}
.nav-resources .nav-panel{left:-24px;width:360px;grid-template-columns:1fr}
.nav-resources .nav-panel a{min-height:42px;display:flex;align-items:center}

/* Every desktop dropdown uses one readable vertical list. Products keeps its
   two semantic groups, but stacks those groups in the same single column. */
@media(min-width:1181px){
  .desktop-nav .nav-panel{
    width:min(380px,calc(100vw - 48px));
    grid-template-columns:1fr;
    gap:4px;
  }
  .desktop-nav .nav-products .nav-panel{
    width:min(400px,calc(100vw - 48px));
    max-height:min(68vh,620px);
    overflow-y:auto;
    grid-template-columns:1fr;
    gap:0;
  }
  .desktop-nav .nav-panel-company{width:260px}
  .desktop-nav .nav-panel-resources{width:360px}
  .desktop-nav .nav-panel .nav-all{grid-column:auto}
}

.resources-hub{padding:112px 0;background:var(--bg);color:#fff}
.resources-shell{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(48px,7vw,104px);align-items:start}
.resources-index{position:sticky;top:142px}
.resources-index h2{max-width:11ch;margin:0;font:800 clamp(42px,5vw,76px)/.94 var(--display);letter-spacing:-.04em;text-transform:uppercase}
.resources-index>p:not(.eyebrow){max-width:46ch;margin:24px 0 34px;color:#c7c3ba;font-size:17px}
.resources-index nav{border-top:1px solid var(--line)}
.resources-index nav a{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:55px;border-bottom:1px solid var(--line);color:#f7f5ef;font-size:14px;transition:color 180ms ease,padding-left 180ms ease}
.resources-index nav a span{color:var(--accent);font:700 10px var(--mono);letter-spacing:.1em}
.resources-index nav a:hover,.resources-index nav a:focus-visible{padding-left:8px;color:var(--accent)}
.resources-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.resource-feature-card{position:relative;min-height:270px;overflow:hidden;background:var(--surface);isolation:isolate}
.resource-feature-wide{grid-column:1/-1;min-height:390px}
.resource-feature-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(0,0,0,.84))}
.resource-feature-card img{position:absolute;inset:0;transition:transform 700ms cubic-bezier(.2,.8,.2,1)}
.resource-feature-card:hover img,.resource-feature-card:focus-visible img{transform:scale(1.035)}
.resource-feature-copy{position:absolute;z-index:2;inset:auto 24px 22px;display:grid;gap:4px;color:#fff}
.resource-feature-copy small{color:var(--accent);font:700 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.resource-feature-copy strong{font:750 clamp(24px,2.4vw,38px)/1 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.resource-feature-copy em{font-size:13px;font-style:normal;color:#e5e1d8}

.brochure-gate,.brochure-gallery{display:grid;grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr);gap:clamp(42px,6vw,86px);align-items:start}
.brochure-gate-copy h2{max-width:12ch;margin:0;font:800 clamp(42px,5vw,72px)/.95 var(--display);letter-spacing:-.04em;text-transform:uppercase}
.brochure-gate-copy>p:not(.eyebrow){max-width:52ch;margin:26px 0;color:#56534d;font-size:18px}
.brochure-gate-copy ul{display:grid;gap:0;margin:32px 0 0;padding:0;border-top:1px solid var(--dark-line);list-style:none}
.brochure-gate-copy li{padding:15px 0;border-bottom:1px solid var(--dark-line);color:#4f4d47}
.brochure-gate-copy li:before{content:"—";margin-right:12px;color:#8e6100}
.brochure-contact-link{margin-top:30px;color:#1d1d1a!important;border-color:#1d1d1a!important}
.brochure-display{min-width:0;padding:14px;background:#171716;border:1px solid rgba(24,23,20,.2);box-shadow:0 28px 72px rgba(24,23,20,.18)}
.brochure-display-bar{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 8px 12px;color:#d4d0c7;font:650 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.brochure-display-bar b{color:#f8a800}
.brochure-display-bar a{color:#fff}
.brochure-display-bar a:hover{color:#f8a800}
.brochure-gate-panel{min-height:520px;padding:clamp(28px,4vw,48px);background:var(--paper);border:1px solid var(--dark-line);box-shadow:0 24px 60px rgba(24,23,20,.09)}
.brochure-consent{display:flex;gap:12px;align-items:flex-start;margin-top:20px;color:#55524c;font-size:13px;line-height:1.45}
.brochure-consent input{width:18px;height:18px;flex:0 0 auto;margin-top:1px;accent-color:var(--accent)}
.brochure-privacy,.brochure-note{margin:15px 0 0;color:#77736a;font-size:12px;line-height:1.5}
.brochure-viewer-placeholder{min-height:300px;display:grid;place-content:center;padding:38px;border:1px solid var(--dark-line);background:var(--bg);color:#fff;text-align:left}
.brochure-viewer-placeholder span{color:var(--accent);font:700 11px var(--mono);letter-spacing:.18em}
.brochure-viewer-placeholder strong{display:block;margin-top:14px;font:750 clamp(27px,3vw,40px)/1 var(--display);text-transform:uppercase}
.brochure-viewer-placeholder p{max-width:42ch;margin:16px 0 0;color:#c7c3ba}

.resource-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.resource-story{min-width:0;background:var(--paper);border:1px solid var(--dark-line);transition:transform 220ms ease,box-shadow 220ms ease}
.resource-story:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(24,23,20,.11)}
.resource-story-featured{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr}
.resource-story-image{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface)}
.resource-story-featured .resource-story-image{height:100%;min-height:420px;aspect-ratio:auto}
.resource-story-image img{transition:transform 650ms cubic-bezier(.2,.8,.2,1)}
.resource-story:hover .resource-story-image img{transform:scale(1.025)}
.resource-story-body{display:flex;min-height:310px;flex-direction:column;padding:30px}
.resource-story-featured .resource-story-body{justify-content:center;padding:clamp(34px,5vw,64px)}
.resource-story .resource-meta{margin:0 0 28px}
.resource-story h3{max-width:20ch;margin:0;font-size:clamp(26px,2.8vw,43px);line-height:1.02}
.resource-story p{max-width:52ch;margin:18px 0 0;color:#5f5c55;font-size:15px;line-height:1.6}
.resource-story .text-link{display:inline-flex;align-items:center;margin-top:auto;padding-top:26px;color:#8e6100;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.resource-story .text-link:after{content:"→";margin-left:9px;transition:transform 180ms ease}
.resource-story:hover .text-link:after{transform:translateX(4px)}

.article-main{max-width:820px}
.article-main .article-meta{margin:0 0 28px}
.article-feature{margin:0 0 46px}
.article-feature img{aspect-ratio:16/9;object-fit:cover}
.article-feature figcaption{padding:12px 0;border-bottom:1px solid var(--dark-line);color:#77736a;font:600 11px/1.5 var(--mono);letter-spacing:.035em}
.article-main h2{margin:56px 0 18px;font-size:clamp(32px,3.8vw,48px);line-height:1.02}
.article-main h3{margin-top:36px}
.article-main p{font-size:18px;line-height:1.78}
.article-main li{font-size:17px;line-height:1.65}
.article-main .answer-callout{font-size:20px;line-height:1.55}

@media(max-width:980px){
  .resources-shell,.brochure-gate,.brochure-gallery{grid-template-columns:1fr}
  .resources-index{position:static}
  .resource-story-featured{display:block}
  .resource-story-featured .resource-story-image{min-height:0;aspect-ratio:16/9}
}
@media(max-width:680px){
  .resources-hub{padding:84px 0}
  .resources-showcase,.resource-editorial-grid{grid-template-columns:1fr}
  .resource-feature-wide,.resource-story-featured{grid-column:auto}
  .resource-feature-card,.resource-feature-wide{min-height:280px}
  .resource-story-body{min-height:0;padding:26px}
  .brochure-gate-panel{min-height:0;padding:24px}
  .brochure-display{padding:9px}
  .brochure-display-bar{align-items:flex-start;flex-direction:column;padding:8px 6px 12px}
  .brochure-viewer-placeholder{min-height:260px;padding:26px}
  .article-main p{font-size:17px}
}

.brochure-display .brochure-viewer{width:100%;min-height:620px;margin:0;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.18);box-shadow:none}
.brochure-display .brochure-viewer .fp-iframe{display:block;width:100%;height:clamp(620px,78vh,860px);border:0;background:#111}
.brochure-display .brochure-note{margin:12px 6px 2px;color:#aaa79f}
@media(max-width:680px){.brochure-display .brochure-viewer,.brochure-display .brochure-viewer .fp-iframe{min-height:480px;height:68vh}}

/* v28 footer mirrors the six current primary navigation groups. */
.footer-grid-v28{grid-template-columns:minmax(230px,.9fr) minmax(0,1.6fr);align-items:start;gap:clamp(46px,7vw,110px)}
.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,4vw,64px) clamp(24px,3vw,48px)}
.footer-grid-v28 .footer-column strong{color:#f8a800}
.footer-grid-v28 .footer-column a:last-child{margin-bottom:0}
@media(max-width:980px){.footer-grid-v28{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}}
@media(max-width:420px){.footer-nav{grid-template-columns:1fr}}
@media(max-width:680px){.brochure-viewer{min-height:460px}.brochure-viewer .fp-iframe{height:70svh;min-height:460px}}

/* Canonical two-state navigation surface: transparent over the opening hero,
   then a deep-grey frosted surface once the top sentinel leaves the viewport. */
.site-header{
  background:transparent!important;
  border-bottom-color:rgba(255,255,255,.16);
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.site-header.is-scrolled,
.site-header.is-scrolled:has(.nav-group:hover),
.site-header.is-scrolled:has(.nav-group:focus-within){
  background:rgba(38,38,36,.94)!important;
  border-bottom-color:rgba(255,255,255,.22);
  box-shadow:0 12px 34px rgba(0,0,0,.2);
  -webkit-backdrop-filter:blur(18px) saturate(118%);
  backdrop-filter:blur(18px) saturate(118%);
}
.site-header.is-open,
.site-header:has(.nav-group:hover),
.site-header:has(.nav-group:focus-within){
  background:rgba(38,38,36,.97)!important;
  -webkit-backdrop-filter:blur(24px) saturate(120%);
  backdrop-filter:blur(24px) saturate(120%);
}
.desktop-nav .nav-panel{
  background:rgb(48,48,45)!important;
}




/* MARFA shared header source of truth.
   Both the homepage and every subpage use these exact surface states. */
.topnav {
  position: fixed !important;
  inset: 0 0 auto !important;
  z-index: 50;
  color: #fff;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.16);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: background 180ms ease, backdrop-filter 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.topnav.is-scrolled {
  background: rgba(38,38,36,.94) !important;
  border-bottom-color: rgba(255,255,255,.24);
  box-shadow: 0 12px 34px rgba(0,0,0,.2);
  -webkit-backdrop-filter: blur(18px) saturate(118%);
  backdrop-filter: blur(18px) saturate(118%);
}
.topnav:has(.nav-group:hover),
.topnav:has(.nav-group:focus-within),
.topnav.is-open,
.topnav.is-menu-open {
  background: rgba(38,38,36,.97) !important;
  border-bottom-color: rgba(255,255,255,.26);
  -webkit-backdrop-filter: blur(24px) saturate(120%);
  backdrop-filter: blur(24px) saturate(120%);
}
.topnav .announcement {
  min-height: 34px;
  height: auto;
  display: flex;
  align-items: center;
  background: transparent;
  color: rgba(255,255,255,.82);
  border-bottom: 1px solid rgba(255,255,255,.15);
  font-family: var(--font-mono, var(--mono));
  font-size: 10px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.topnav .announcement-inner {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.topnav .announcement strong { color: #f8a800; font-weight: 700; }
.topnav .announcement-detail { color: rgba(255,255,255,.7); text-align: left; }
.topnav .topnav-inner {
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-bottom: 0;
}
.topnav .logo-lockup {
  width: auto;
  height: auto;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.topnav .logo-lockup img {
  width: 148px;
  height: 48px;
  object-fit: contain;
  object-position: left center;
}
.topnav .logo-lockup .logo-mark { display: none; }
.topnav .desktop-nav {
  display: flex;
  align-items: center;
  gap: clamp(16px,2vw,32px);
  font-size: inherit;
  letter-spacing: normal;
}
.topnav .desktop-nav > a,
.topnav .nav-group > a {
  min-height: 76px;
  display: inline-flex;
  align-items: center;
  color: rgba(255,255,255,.74);
  font-family: var(--font-body, var(--body));
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.topnav .desktop-nav a:hover,
.topnav .desktop-nav a:focus-visible { color: #fff; }
.topnav .desktop-nav [aria-current="page"],
.topnav .desktop-nav [aria-current="location"] { color: #f8a800; }
.topnav .mobile-nav-parent[aria-current="page"],
.topnav .mobile-menu > a[aria-current="page"],
.topnav .mobile-submenu a[aria-current="location"] { color: #f8a800; }
.topnav .nav-group { position: relative; }
.topnav .nav-group > a { gap: 8px; }
.topnav .nav-group > a::after {
  content: "+";
  margin-left: 0;
  color: rgba(255,255,255,.64);
  font-family: var(--font-mono, var(--mono));
}
.topnav .nav-group:hover > a::after,
.topnav .nav-group:focus-within > a::after { content: "\2212"; color: #f8a800; }
.topnav .nav-panel {
  position: absolute;
  top: calc(100% - 1px);
  left: -22px;
  width: 380px;
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-8px);
  background: rgba(48,48,45,.97) !important;
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 70px rgba(0,0,0,.58);
  -webkit-backdrop-filter: blur(26px) saturate(118%);
  backdrop-filter: blur(26px) saturate(118%);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms;
}
.topnav .nav-group:hover .nav-panel,
.topnav .nav-group:focus-within .nav-panel { visibility: visible; opacity: 1; transform: translateY(0); }
.topnav .nav-panel a {
  min-height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.16);
  color: #fff;
  font-size: 12px;
  letter-spacing: .05em;
}
.topnav .nav-panel a:hover,
.topnav .nav-panel a:focus-visible { color: #f8a800; }
.topnav .nav-panel .nav-all { grid-column: auto; margin-top: 8px; color: #f8a800; border-bottom: 0; }
.topnav .nav-panel-company { width: 260px; }
.topnav .nav-panel-resources { width: 360px; }
.topnav .header-quote {
  min-height: 42px;
  padding: 9px 15px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
.topnav .header-quote:hover,
.topnav .header-quote:focus-visible { background: #f8a800; border-color: #f8a800; color: #111; }
.topnav .header-actions { display: flex; align-items: center; gap: 12px; }
.topnav .menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,.3);
  background: transparent;
  color: #fff;
}
.topnav .menu-toggle:focus-visible,
.topnav a:focus-visible { outline: 2px solid #f8a800; outline-offset: 3px; }

@media (min-width:1181px) {
  .topnav .nav-products .nav-panel {
    width: min(720px,calc(100vw - 48px));
    max-height: min(68vh,620px);
    overflow-y: auto;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 0 28px;
  }
  .topnav .nav-product-column { display: grid; align-content: start; }
  .topnav .nav-panel .nav-product-heading { color: #f8a800; font-weight: 760; border-bottom-color: rgba(248,168,0,.38); }
  .topnav .nav-product-column > a:not(.nav-product-heading) { min-height: 36px; }
}

@media (max-width:1180px) {
  .topnav .desktop-nav,
  .topnav .header-quote { display: none; }
  .topnav .menu-toggle { display: block; }
  .topnav.is-open,
  .topnav.is-menu-open { height: 100vh; }
  .topnav .mobile-menu { inset: 110px 0 0; }
  .topnav.is-open .mobile-menu,
  .topnav.is-menu-open .mobile-menu,
  .topnav .mobile-menu.open { visibility: visible; opacity: 1; transform: none; }
  .topnav .mobile-menu .btn {
    min-height: 48px;
    margin-top: 26px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    border: 1px solid #f8a800;
    background: #f8a800;
    color: #111;
    font-family: var(--font-body, var(--body));
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
}

@media (max-width:680px) {
  .topnav .announcement-detail { display: none; }
  .topnav .announcement-inner { justify-content: flex-start; }
  .topnav .announcement { font-size: 9px; }
}



/* MARFA v18 optimisation layer */
:root{--accent-on-light:#795100}
.section:not(.dark) .eyebrow,.stone .eyebrow,.catalog-active-label,.side-index a:hover,.side-index a[aria-current="page"],.article-aside a:hover,.faq-index .faq-group a{color:var(--accent-on-light)}
.section:not(.dark) .editorial-card .num{color:var(--accent-on-light)}
.inquiry-consent{display:flex;align-items:flex-start;gap:12px;margin:18px 0 0;color:#55524c;font-size:13px;line-height:1.5}
.inquiry-consent input{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:var(--accent)}
.contact-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:38px;background:var(--line);border:1px solid var(--line)}
.contact-option{display:flex;min-height:190px;flex-direction:column;justify-content:space-between;padding:30px;background:var(--surface)}
.contact-option span{color:var(--muted);font-size:13px}.contact-option strong{font:750 clamp(23px,2.4vw,34px)/1.05 var(--display);text-transform:uppercase}.contact-option a{color:var(--accent);font-weight:700}
.guide-decision-record{margin-top:44px;padding-top:36px;border-top:1px solid var(--dark-line)}
.guide-decision-record h2{margin-top:0}.guide-decision-record .scope-table{margin-top:22px}
.third-party-note{margin-top:14px;color:#77736a;font-size:12px;line-height:1.5}
@media(max-width:820px){.contact-options{grid-template-columns:1fr}.contact-option{min-height:150px}}

/* v19 interaction and navigation consistency */
.topnav{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.topnav.is-scrolled{background:rgba(38,38,36,.88)!important;-webkit-backdrop-filter:blur(18px) saturate(118%)!important;backdrop-filter:blur(18px) saturate(118%)!important;border-bottom-color:rgba(255,255,255,.24);box-shadow:0 12px 34px rgba(0,0,0,.2)}
.topnav.is-menu-open,.topnav.is-open{background:rgba(38,38,36,.96)!important;-webkit-backdrop-filter:blur(24px) saturate(120%)!important;backdrop-filter:blur(24px) saturate(120%)!important}
:where(.button,.btn,.nav-cta,.header-quote,.catalog-tab,.category-tab,.filter-btn,.space-tab,.collection-tabs button,.text-link,.resource-feature-card,.resource-story){transition:transform 180ms ease,filter 180ms ease,box-shadow 180ms ease,color 180ms ease,background-color 180ms ease}
@media(hover:hover){:where(.button,.btn,.nav-cta,.header-quote,.category-tab,.filter-btn,.space-tab,.collection-tabs button):hover{transform:translateY(-2px)}:where(.catalog-tab,.text-link):hover{transform:translateY(-1px)}}
:where(.button,.btn,.nav-cta,.header-quote,.catalog-tab,.category-tab,.filter-btn,.space-tab,.collection-tabs button):active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){:where(.button,.btn,.nav-cta,.header-quote,.catalog-tab,.category-tab,.filter-btn,.space-tab,.collection-tabs button,.text-link,.resource-feature-card,.resource-story){transition:none!important}.topnav{transition:none!important}}

/* v20 reliable frosted navigation surface. The data state is managed by a
   standalone listener so embedded preview scroll containers are supported. */
html .topnav{isolation:isolate;background-color:transparent!important;background-image:none!important}
html .topnav::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:rgba(38,38,36,.94);-webkit-backdrop-filter:blur(20px) saturate(122%);backdrop-filter:blur(20px) saturate(122%);box-shadow:0 12px 36px rgba(0,0,0,.24);transition:opacity 180ms ease}
html .topnav>.announcement,html .topnav>.topnav-inner{position:relative;z-index:1}
html .topnav.is-scrolled,html .topnav[data-scroll-state="scrolled"]{background-color:rgba(38,38,36,.94)!important;background-image:linear-gradient(rgba(38,38,36,.94),rgba(38,38,36,.94))!important;border-bottom-color:rgba(255,255,255,.26)!important;-webkit-backdrop-filter:blur(20px) saturate(122%)!important;backdrop-filter:blur(20px) saturate(122%)!important}
html .topnav.is-scrolled::before,html .topnav[data-scroll-state="scrolled"]::before{opacity:1}
html .topnav[data-scroll-state="top"]:not(.is-menu-open):not(.is-open){background-color:transparent!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html .topnav[data-scroll-state="top"]:not(.is-menu-open):not(.is-open)::before{opacity:0}

/* v21 interaction states */
.hero-actions{position:relative;z-index:5;pointer-events:auto}
.hero-actions :is(a,button){position:relative;z-index:1;pointer-events:auto;touch-action:manipulation}
.nav-panel a.is-active-subnav,.mobile-submenu a.is-active-subnav,.nav-panel a[aria-current],.mobile-submenu a[aria-current]{color:#f8a800!important;font-weight:780}
.catalog-product-group[hidden]{display:none!important}
.catalog-product-group.is-active-catalog-group{display:block;animation:catalog-enter 220ms ease both}
.catalog-tab{position:relative;z-index:1;touch-action:manipulation}
@keyframes catalog-enter{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}
:target{scroll-margin-top:132px}
@media(prefers-reduced-motion:reduce){.catalog-product-group.is-active-catalog-group{animation:none}}

/* v22 linked product navigation, supplied models and contact inquiry */
.nav-group.has-active-subnav>a,.mobile-nav-group.has-active-subnav>.mobile-nav-parent{color:#f8a800!important}
.topnav .nav-products .nav-panel a.is-active-subnav,.topnav .nav-products .nav-panel a[aria-current="location"],.topnav .mobile-products-submenu a.is-active-subnav,.topnav .mobile-products-submenu a[aria-current="location"]{color:#f8a800!important;font-weight:800}
.catalog-tab[aria-selected="true"]{padding-left:10px;color:#a66f00!important;font-weight:800;background:rgba(166,111,0,.06)}
body[data-page="ready-made-furniture"] .catalog-card figure{background:#fff}
body[data-page="ready-made-furniture"] .catalog-card figure img{object-fit:contain;object-position:center;padding:12px}
.product-model{display:block;margin:0 0 10px;color:var(--accent-on-light);font:700 10px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.ready-product-card .catalog-card-body h3{font-size:clamp(22px,2vw,31px)}
.contact-inquiry-section{scroll-margin-top:132px}
.contact-inquiry-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(48px,7vw,104px);align-items:start}
.contact-form-intro{position:sticky;top:140px}
.contact-form-intro h2{max-width:12ch}
.contact-form-intro>p:not(.eyebrow){max-width:48ch;margin:24px 0;color:#5f5c55}
.contact-prep-list{margin-top:36px;border-top:1px solid var(--dark-line)}
.contact-prep-list>div{display:grid;grid-template-columns:38px 110px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--dark-line);align-items:start}
.contact-prep-list span{color:var(--accent-on-light);font:700 10px var(--mono)}
.contact-prep-list strong{font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.contact-prep-list p{margin:0;color:#69665f;font-size:13px;line-height:1.5}
.project-inquiry-form{padding:clamp(26px,4vw,48px);background:var(--paper);border:1px solid var(--dark-line);box-shadow:0 24px 60px rgba(24,23,20,.09)}
.project-inquiry-form .field input,.project-inquiry-form .field select,.project-inquiry-form .field textarea{border-color:#bdb9af}
.project-inquiry-form .field textarea{min-height:150px}
.project-inquiry-form .button{margin-top:24px}
.scope-options{margin:0;padding:0;border:0}
.scope-options legend{margin-bottom:9px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.scope-options label{display:inline-flex;align-items:center;gap:8px;margin:0 20px 8px 0;font-size:14px;text-transform:none;letter-spacing:0}
.scope-options input{width:18px!important;height:18px;accent-color:var(--accent)}
.file-field{padding:22px;border:1px dashed #aaa59a;background:#fff}
.file-field input[type="file"]{position:absolute;width:1px!important;height:1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.file-picker-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:9px;padding:0 18px;border:1px solid #8f8a80;background:#f7f5ef;color:#1d1d1a;font-size:12px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease}
.file-picker-button:hover,.file-field input[type="file"]:focus-visible+.file-picker-button{border-color:#a66f00;background:#a66f00;color:#fff}
.file-field .file-help,.file-summary{display:block;margin-top:9px;color:#706c63;font-size:12px;line-height:1.45}
.file-field p{margin:10px 0 0;color:#706c63;font-size:12px;line-height:1.5}
.file-summary{color:var(--accent-on-light);font-weight:700}
@media(max-width:980px){.contact-inquiry-layout{grid-template-columns:1fr}.contact-form-intro{position:static}}
@media(max-width:620px){.contact-prep-list>div{grid-template-columns:30px 1fr}.contact-prep-list p{grid-column:2}.project-inquiry-form{padding:22px}.scope-options label{display:flex;margin-right:0}}

/* v23 about-page editorial composition */
.about-craft-section{overflow:hidden}
.about-craft-section .about-craft-title,.about-craft-section .about-craft-copy{opacity:1!important;transform:none!important;visibility:visible!important}
.about-craft-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(60px,8vw,140px);align-items:start}
.about-craft-title h2{max-width:9ch;font-size:clamp(54px,7vw,112px);line-height:.86}
.about-craft-copy{padding-top:42px}
.about-craft-copy>.lead{max-width:39ch;font-size:clamp(22px,2.2vw,32px);line-height:1.38}
.about-craft-principles{margin-top:48px;border-top:1px solid var(--dark-line)}
.about-craft-principle{display:grid;grid-template-columns:42px 160px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--dark-line);align-items:start}
.about-craft-principle span{color:var(--accent-on-light);font:700 10px/1.4 var(--mono);letter-spacing:.12em}
.about-craft-principle strong{font-size:13px;line-height:1.4;text-transform:uppercase;letter-spacing:.05em}
.about-craft-principle p{max-width:44ch;margin:0;color:#66635d;font-size:15px;line-height:1.55}
@media(max-width:900px){.about-craft-grid{grid-template-columns:1fr;gap:22px}.about-craft-title h2{max-width:12ch}.about-craft-copy{padding-top:0}}
@media(max-width:620px){.about-craft-principle{grid-template-columns:34px 1fr}.about-craft-principle p{grid-column:2}}

/* v25 projects composition, responsive navigation and About Us hierarchy */
.projects-gallery{display:grid;grid-template-columns:1fr;gap:16px}
.projects-gallery>.projects-gallery-wide{width:100%;min-height:0;aspect-ratio:21/8}
.projects-gallery>.projects-gallery-wide img{object-position:center 55%}
.projects-gallery>.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.projects-gallery>.stack figure{min-height:0;aspect-ratio:16/10}

.topnav .menu-toggle{position:relative;flex:0 0 46px;cursor:pointer;z-index:72}
.topnav .menu-toggle::before,.topnav .menu-toggle::after,.topnav .menu-toggle{background-repeat:no-repeat}
.topnav .menu-toggle::before,.topnav .menu-toggle::after{content:"";position:absolute;left:11px;right:11px;height:2px;background:#fff;transition:top 180ms ease,transform 180ms ease,opacity 180ms ease}
.topnav .menu-toggle::before{top:15px;box-shadow:0 7px 0 #fff}
.topnav .menu-toggle::after{top:29px}
.topnav.is-menu-open .menu-toggle::before{top:22px;box-shadow:none;transform:rotate(45deg)}
.topnav.is-menu-open .menu-toggle::after{top:22px;transform:rotate(-45deg)}
@media(max-width:1180px){
  .topnav .mobile-menu{display:grid!important;position:fixed;inset:110px 0 0;z-index:69;padding:24px max(20px,calc((100vw - 1320px)/2));overflow-y:auto;align-content:start;background:rgba(28,28,27,.985);color:#fff;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity 180ms ease,transform 180ms ease,visibility 180ms ease}
  .topnav.is-menu-open .mobile-menu,.topnav .mobile-menu.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .topnav .mobile-menu>a,.topnav .mobile-nav-parent{min-height:58px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;font-size:17px;font-weight:700;text-align:left}
  .topnav .mobile-submenu{display:grid;padding:4px 0 10px 18px;border-bottom:1px solid rgba(255,255,255,.16)}
  .topnav .mobile-submenu[hidden]{display:none!important}
  .topnav .mobile-submenu a{min-height:43px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.8);font-size:14px}
}
@media(max-width:680px){.topnav .mobile-menu{inset:100px 0 0}.topnav .menu-toggle{width:44px;height:44px;flex-basis:44px}}

body[data-page="about"] .about-content-section .section-head{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:end;gap:clamp(48px,6vw,92px);margin-bottom:clamp(42px,6vw,72px)}
body[data-page="about"] .about-content-section .section-head>div{align-self:end}
body[data-page="about"] .about-content-section .section-head h2{max-width:none;font-size:clamp(46px,4.15vw,60px);line-height:.92;color:#181815;text-wrap:balance}
body[data-page="about"] .about-content-section .section-head .lead{align-self:end;justify-self:end;max-width:46ch;margin:0;color:#56534d;font-size:clamp(17px,1.35vw,20px);line-height:1.55}
body[data-page="about"] .about-content-section .eyebrow{color:#f8a800}
body[data-page="about"] .dark.about-content-section .section-head h2{color:#f7f4ec}
body[data-page="about"] .dark.about-content-section .section-head .lead{color:#cfcbc2}
body[data-page="about"] .dark.about-content-section .eyebrow{color:#f8a800}
.about-wide-media{margin:0;width:100%;height:clamp(440px,58vw,720px);overflow:hidden;background:#222}
.about-wide-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
body[data-page="about"] .about-craft-principles{margin-top:0}
@media(max-width:900px){body[data-page="about"] .about-content-section .section-head{grid-template-columns:1fr;align-items:start;gap:24px}body[data-page="about"] .about-content-section .section-head .lead{align-self:start}.about-wide-media{height:clamp(360px,76vw,560px)}}
@media(max-width:620px){.projects-gallery>.projects-gallery-wide,.projects-gallery>.stack figure{aspect-ratio:4/3}.projects-gallery>.stack{grid-template-columns:1fr}body[data-page="about"] .about-content-section .section-head h2{font-size:clamp(38px,11vw,52px)}}

/* v26 editorial heading system: homepage proportions are the shared standard. */
@media(min-width:1101px){
  .section-head{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:end;gap:clamp(48px,6vw,92px)}
  .section-head>div,.section-head>:first-child{align-self:end}
  .section-head h2{max-width:none;font-size:clamp(40px,3.5vw,52px);line-height:.94;text-wrap:balance}
  .section-head>.lead,.section-head>p:last-child{align-self:end;justify-self:end;max-width:46ch;margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.55}
}
@media(max-width:1100px){
  .section-head h2{max-width:18ch}
  .section-head>.lead,.section-head>p:last-child{max-width:58ch;margin:0}
}

/* v27: every section eyebrow/kicker uses the MARFA orange accent. */
.eyebrow,
.section:not(.dark) .eyebrow,
.stone .eyebrow,
.dark .eyebrow,
.client-logos .eyebrow,
body[data-page="about"] .about-content-section .eyebrow,
body[data-page="about"] .dark.about-content-section .eyebrow{color:#f8a800!important}