:root{--ink:#111315;--charcoal:#1b1e20;--paper:#f3f1eb;--white:#fff;--red:#bd3029;--line:rgba(255,255,255,.2);--max:1220px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
.skip-link{position:fixed;z-index:99;top:8px;left:8px;padding:10px 16px;background:#fff;color:#000;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header{height:88px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);color:#fff}
.brand{width:265px}
.brand img{width:100%}
.site-header nav{margin-left:auto;display:flex;gap:32px;align-items:center;font-size:13px;font-weight:600}
.site-header nav>a:not(.button):hover{color:#d9827c}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 22px;background:var(--red);color:#fff;font-weight:600;font-size:14px;transition:.2s}
.button:hover{background:#9f251f;transform:translateY(-2px)}
.button-small{padding:12px 17px;gap:16px}
.menu-toggle{display:none}
.hero{position:relative;min-height:780px;color:#fff;background:#111;display:flex;align-items:flex-end;overflow:hidden}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.86) 0%,rgba(7,9,10,.57) 45%,rgba(7,9,10,.15) 75%),linear-gradient(0deg,rgba(7,9,10,.76),transparent 55%)}
.hero-content{position:relative;z-index:1;padding:190px 0 170px}
.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:700;color:#d9827c;margin:0 0 22px}
.eyebrow.dark{color:var(--red)}
.hero h1,.section h2{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase;line-height:.96;letter-spacing:-.02em;margin:0}
.hero h1{font-size:clamp(58px,7.2vw,104px);max-width:850px}
.hero-copy{font-size:18px;max-width:700px;color:#e3e4e4;margin:30px 0 36px}
.hero-actions{display:flex;align-items:center;gap:34px}
.text-link,.arrow-link{font-size:14px;font-weight:600;border-bottom:1px solid;padding-bottom:5px}
.text-link span,.arrow-link span{margin-left:12px}
.hero-proof{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.hero-proof div{display:flex;align-items:center;gap:16px;padding:22px 28px;border-right:1px solid var(--line)}
.hero-proof div:first-child{padding-left:0}
.hero-proof strong{font-family:"Barlow Condensed";font-size:30px}
.hero-proof span{font-size:12px;line-height:1.35;color:#c9cbcc;max-width:140px}
.section{padding:120px 0}
.split{display:grid;grid-template-columns:1.5fr .75fr;gap:100px}
.section h2{font-size:clamp(44px,5.4vw,76px)}
.intro-copy{padding-top:35px}
.intro-copy p{font-size:17px;margin:0 0 30px;color:#4d5153}
.arrow-link{display:inline-block}
.solutions{background:var(--charcoal);color:#fff}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}
.section-heading>div{max-width:790px}
.section-heading>p{max-width:330px;color:#aeb1b2;margin:0 0 5px}
.card-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:330px 330px;gap:18px}
.feature-card{position:relative;overflow:hidden;min-height:330px}
.feature-card.large{grid-row:1/3}
.feature-card img{width:100%;height:100%;object-fit:cover;transition:.5s}
.feature-card:hover img{transform:scale(1.035)}
.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,8,.94),rgba(5,7,8,.07) 75%)}
.card-content{position:absolute;inset:auto 32px 28px}
.card-content h3,.steps h3{font-family:"Barlow Condensed";text-transform:uppercase;font-size:34px;line-height:1;margin:10px 0}
.card-content p{max-width:530px;color:#c7c9ca;margin:0 0 18px;font-size:14px}
.card-content a{font-size:13px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:4px}
.process-top{display:grid;grid-template-columns:1.4fr .6fr;gap:100px;align-items:end}
.process-top p{color:#5c6062;margin:0}
.steps{list-style:none;padding:0;margin:75px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbb}
.steps li{padding:28px 26px 0 0;border-right:1px solid #bbb;min-height:220px}
.steps li+li{padding-left:26px}
.steps li:last-child{border:0}
.steps span{color:var(--red);font-size:11px;font-weight:700}
.steps h3{font-size:30px;margin:24px 0 12px}
.steps p{font-size:14px;color:#5c6062;margin:0}
.support{background:#16191b;color:#fff}
.support-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:120px;align-items:center}
.support h2{max-width:700px}
.support p{max-width:620px;color:#bec1c2;margin:30px 0}
.ghost{background:transparent;border:1px solid #666}
.support blockquote{font-family:"Barlow Condensed";font-size:42px;line-height:1.1;text-transform:uppercase;margin:0;padding-left:55px;border-left:2px solid var(--red);color:#d9d9d7}
.contact-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:100px;align-items:end}
.contact-grid>div:last-child p{color:#5c6062}
.dark-button{background:var(--ink);margin:20px 20px 0 0}
.phone{font-weight:600;font-size:14px}
.contact{padding-bottom:140px}
footer{background:#0b0d0e;color:#b8bbbc;padding:60px 0;font-size:12px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr .7fr 1fr;gap:60px;align-items:start}
.footer-grid img{width:245px}
.footer-grid p{margin:0}
.footer-grid div{display:flex;flex-direction:column}
.footer-grid .footer-social{display:flex;flex-direction:row;gap:9px;margin-top:20px}
.footer-social a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #45494b;color:#d5d7d7;transition:.2s}
.footer-social svg{width:15px;height:15px;fill:currentColor}
.footer-social a:hover,.footer-social a:focus-visible{color:#fff;border-color:var(--red);background:var(--red);transform:translateY(-2px)}
.copyright{text-align:right}
.copyright span{color:inherit}

@media(max-width:850px){.wrap{width:min(calc(100% - 32px),var(--max))}
.site-header{height:74px;padding:0 16px}
.brand{width:210px}
.menu-toggle{margin-left:auto;display:flex;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;padding:8px;color:#fff}
.menu-toggle span{height:1px;background:#fff;width:100%}
.menu-toggle b{position:absolute;clip:rect(0 0 0 0)}
.site-header nav{display:none;position:absolute;top:74px;left:0;width:100%;background:#111;padding:25px 22px;flex-direction:column;align-items:stretch;gap:18px}
.site-header nav.open{display:flex}
.hero{min-height:760px}
.hero-content{padding:145px 0 175px}
.hero h1{font-size:58px}
.hero-copy{font-size:16px}
.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}
.hero-proof{grid-template-columns:1fr;width:calc(100% - 32px)}
.hero-proof div{display:none}
.hero-proof div:first-child{display:flex;padding:18px 0;border:0}
.section{padding:78px 0}
.split,.process-top,.support-grid,.contact-grid{grid-template-columns:1fr;gap:32px}
.intro-copy{padding:0}
.section-heading{display:block}
.section-heading>p{margin-top:25px}
.card-grid{grid-template-columns:1fr;grid-template-rows:none}
.feature-card.large{grid-row:auto}
.feature-card{min-height:390px}
.steps{grid-template-columns:1fr 1fr}
.steps li{border-bottom:1px solid #bbb}
.support blockquote{font-size:32px;padding-left:25px}
.footer-grid{grid-template-columns:1fr 1fr;gap:35px}
.copyright{text-align:left}
}

@media(max-width:520px){.hero h1{font-size:47px}
.hero-copy{font-size:15px}
.section h2{font-size:42px}
.card-content{inset:auto 22px 22px}
.steps{grid-template-columns:1fr}
.steps li,.steps li+li{padding:24px 0;min-height:auto;border-right:0}
.support-grid{gap:55px}
.contact-grid{gap:20px}
.phone{display:block;margin-top:22px}
.footer-grid{grid-template-columns:1fr}
.copyright{text-align:left}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important}
}

.site-header.solid{position:relative;background:#0b0d0e}
.site-header nav .active{color:#d9827c}
.page-hero{position:relative;background:#16191b;color:#fff;padding:145px 0 105px;overflow:hidden}
.page-hero .wrap{position:relative;z-index:2}
.page-hero h1{font-family:"Barlow Condensed";font-size:clamp(58px,7vw,108px);text-transform:uppercase;line-height:.92;max-width:1050px;margin:0}
.page-hero p:last-child{max-width:720px;color:#c8cbcc;font-size:18px}
.image-hero{min-height:650px;display:flex;align-items:flex-end}
.image-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.9),rgba(5,7,8,.3))}
.editorial-pair{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.editorial-pair.reverse>div{order:2}
.editorial-pair h2,.system-feature h2,.standards h2,.cta-band h2{font-family:"Barlow Condensed";font-size:clamp(48px,5vw,76px);line-height:.96;text-transform:uppercase;margin:0 0 30px}
.editorial-pair p{color:#565a5c}
.editorial-pair figure{margin:0}
.editorial-pair figure img{width:100%;max-height:620px;object-fit:cover}
.editorial-pair figcaption{font-size:12px;color:#686c6e;margin-top:12px}
.dark-section{background:#16191b;color:#fff}
.dark-section .editorial-pair p{color:#bdc0c1}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.values-grid>div{padding:25px 35px;border-left:1px solid #bbb}
.values-grid h3{font-family:"Barlow Condensed";text-transform:uppercase;font-size:32px;margin:20px 0 8px}
.values-grid p{font-size:14px;color:#64686a}
.cta-band{background:#202427;color:#fff;padding:65px 0;border-top:3px solid var(--red)}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}
.cta-band h2{margin:0}
.cta-band .button{background:#111}
.light-heading{color:#111}
.service-list{border-top:1px solid #bbb}
.service-evidence{margin:0 0 56px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}
.service-evidence img{width:100%;height:clamp(300px,38vw,520px);object-fit:cover;object-position:center}
.service-evidence figcaption{max-width:210px;font-size:11px;line-height:1.45;color:#666;margin:0}
.service-list article{display:grid;grid-template-columns:1fr;padding:45px 0;border-bottom:1px solid #bbb}
.service-list h3{font-family:"Barlow Condensed";font-size:42px;text-transform:uppercase;margin:0}
.service-list article div{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.service-list h3{grid-column:1/-1}
.service-list ul{margin:0}
.standards{background:#e1ded6;padding:85px 0}
.standards h2{font-size:clamp(40px,4.5vw,64px);max-width:760px}
.standards-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end;margin-bottom:48px}
.standards-intro>p{max-width:480px;color:#555a5c;margin:0 0 6px}
.standards-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b9b6af}
.standards-grid>div{padding:28px 26px 8px 0;border-right:1px solid #b9b6af}
.standards-grid>div+div{padding-left:26px}
.standards-grid>div:last-child{border-right:0}
.standards-grid h3{font-family:"Barlow Condensed";font-size:25px;line-height:1.05;text-transform:uppercase;margin:0 0 12px}
.standards-grid p{font-size:13px;line-height:1.55;color:#5c6062;margin:0}

@media(max-width:850px){
.standards-intro{grid-template-columns:1fr;gap:20px}
.standards-grid{grid-template-columns:1fr 1fr}
.standards-grid>div,.standards-grid>div+div{padding:24px 20px 24px 0;border-right:0;border-bottom:1px solid #b9b6af}
.standards-grid>div:nth-child(even){padding-left:20px}
.standards-grid>div:nth-last-child(-n+2){border-bottom:0}
.service-evidence{grid-template-columns:1fr;margin-bottom:42px}
.service-evidence img{height:340px}
}
.benefit-strip{padding:55px 0}
.system-feature{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}
.system-feature img{width:100%;max-height:650px;object-fit:cover}
.system-feature p,.system-feature li{color:#c5c8c9}
.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.module-grid article{background:#fff}
.module-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}
.module-grid article>div{padding:28px}
.module-grid h2{font-family:"Barlow Condensed";font-size:40px;line-height:1;text-transform:uppercase;margin:10px 0}
.module-grid p{color:#5d6163;margin:0}
.module-jump{display:flex;flex-wrap:wrap;gap:10px;margin:-35px 0 48px;padding-bottom:22px;border-bottom:1px solid #c5c2bb}
.module-jump a{padding:9px 14px;background:#e7e3da;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.module-jump a:hover{background:var(--ink);color:#fff}
.module-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.module-detail{background:#fff;display:flex;flex-direction:column;scroll-margin-top:30px}
.module-visual{position:relative;background:#f7f7f5;aspect-ratio:16/9;overflow:hidden}
.module-visual>img:first-child{width:100%;height:100%;object-fit:contain;padding:24px}
.module-detail-image{position:absolute;right:14px;bottom:14px;width:30%;height:34%;object-fit:cover;background:#fff;border:5px solid #fff;box-shadow:0 8px 25px rgba(0,0,0,.15)}
.module-copy{padding:34px 34px 38px;display:flex;flex:1;flex-direction:column}
.module-purpose{margin:0 0 9px;color:var(--red);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}
.module-copy h2{font-family:"Barlow Condensed";font-size:43px;line-height:1;text-transform:uppercase;margin:0 0 18px}
.module-copy>p:not(.module-purpose){color:#5d6163;margin:0 0 24px}
.module-copy>ul{margin:22px 0 0;padding:18px 0 0 18px;border-top:1px solid #ddd9d1;color:#555a5c;font-size:13px}
.module-copy>ul li+li{margin-top:6px}
.module-uses{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;list-style:none;padding-left:0!important}
.module-uses li{margin:0!important;padding-left:14px;position:relative}
.module-uses li:before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;background:var(--red)}
.module-specs{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid #ddd9d1;border-bottom:1px solid #ddd9d1}
.module-specs>div{padding:14px 12px 14px 0}
.module-specs>div+div{padding-left:12px;border-left:1px solid #ddd9d1}
.module-specs dt{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#777b7d}
.module-specs dd{font-family:"Barlow Condensed";font-size:19px;line-height:1.1;margin:4px 0 0;font-weight:700}
.module-source{max-width:820px;color:#767a7c;font-size:10px;line-height:1.5;margin:28px 0 0}
.module-detail-link{display:inline-flex;justify-content:center;gap:25px;align-self:center;margin:auto auto 0;padding:30px 8px 5px;border-bottom:1px solid #999;font-size:12px;font-weight:600;text-align:center}
.module-detail-link:hover{color:var(--red);border-color:var(--red)}
.contact-page{display:grid;grid-template-columns:1.5fr .5fr;gap:110px}
.contact-page form{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.contact-page label{font-size:12px;font-weight:600}
.contact-page input,.contact-page textarea{width:100%;margin-top:8px;border:1px solid #aaa;background:#fff;padding:15px;font:inherit}
.contact-page .wide{grid-column:1/-1}
.form-note{font-size:11px;color:#666}
.contact-page aside{border-left:1px solid #bbb;padding-left:45px}
.contact-page aside h2{font-family:"Barlow Condensed";font-size:42px;text-transform:uppercase;line-height:1}
.contact-page aside strong{font-size:12px;text-transform:uppercase;color:#777}

@media(max-width:850px){.site-header.solid{position:relative}
.page-hero{padding:95px 0 70px}
.page-hero h1{font-size:56px}
.image-hero{min-height:620px}
.editorial-pair,.system-feature,.contact-page{grid-template-columns:1fr;gap:45px}
.editorial-pair.reverse>div{order:0}
.values-grid{grid-template-columns:1fr}
.values-grid>div{border-left:0;border-top:1px solid #bbb;padding:25px 0}
.cta-band .wrap{align-items:flex-start;flex-direction:column}
.service-list article{grid-template-columns:1fr}
.service-list article div{grid-template-columns:1fr}
.module-grid{grid-template-columns:1fr}
.contact-page aside{border-left:0;border-top:1px solid #bbb;padding:35px 0 0}
}

@media(max-width:520px){.contact-page form{grid-template-columns:1fr}
.contact-page .wide{grid-column:auto}
.page-hero h1{font-size:46px}
.service-list article{grid-template-columns:1fr}
.service-list article>span{margin-bottom:12px}
}

.leadership-callout{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:end}
.leadership-callout h2,.leadership-practice h2{font-family:"Barlow Condensed";font-size:clamp(46px,5vw,72px);line-height:.96;text-transform:uppercase;margin:0}
.leadership-callout p{color:#5d6163}
.compact-section{padding-top:10px}
.leader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.portrait-placeholder{aspect-ratio:4/5;background:#202427;color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.portrait-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 25%,rgba(255,255,255,.08));transform:skewX(-10deg) translateX(-12%)}
.portrait-placeholder.composed:before{background:linear-gradient(180deg,transparent 20%,rgba(255,255,255,.07));transform:none}
.portrait-placeholder span,.portrait-placeholder strong{position:relative}
.portrait-placeholder span{text-transform:uppercase;letter-spacing:.14em;color:#c5c8c9;font-size:10px}
.portrait-placeholder strong{font-family:"Barlow Condensed";font-size:30px;line-height:1;text-transform:uppercase;max-width:270px;margin-top:10px}
.leader-grid h2{font-family:"Barlow Condensed";font-size:36px;line-height:1;text-transform:uppercase;margin:0}
.leader-grid h3{font-size:12px;text-transform:uppercase;color:#737779;margin:8px 0 18px}
.bio-note{font-size:14px;color:#5e6264}
.leadership-practice{background:#16191b;color:#fff;padding:86px 0}
.leadership-practice .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.practice-intro>p:last-child{max-width:560px;color:#c5c8c9;margin:24px 0 0}
.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #555}
.practice-grid article{padding:24px 24px 0 0;border-right:1px solid #555;min-height:190px}
.practice-grid article+article{padding-left:24px}
.practice-grid article:last-child{border-right:0;padding-right:0}
.practice-grid h3{font-family:"Barlow Condensed";font-size:28px;line-height:1;text-transform:uppercase;margin:0 0 16px}
.practice-grid p{font-size:14px;color:#c5c8c9;margin:0}

@media(max-width:850px){.leadership-callout,.leadership-practice .wrap{grid-template-columns:1fr;gap:42px}
.leader-grid{grid-template-columns:1fr}
.portrait-placeholder{aspect-ratio:5/4}
.practice-grid{grid-template-columns:1fr}
.practice-grid article,.practice-grid article+article{min-height:0;padding:22px 0;border-right:0;border-bottom:1px solid #555}
.practice-grid article:last-child{border-bottom:0}
}

.leader-portrait{aspect-ratio:4/5;margin:0;position:relative;overflow:hidden;background:#202427}
.leader-portrait img{width:100%;height:100%;display:block;object-fit:cover}
.leader-portrait figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:8px 10px;background:rgba(22,25,27,.86);color:#fff;font-size:9px;font-weight:600;letter-spacing:.1em;line-height:1.25;text-transform:uppercase}
@media(max-width:850px){.leader-portrait{aspect-ratio:5/4}
.leader-portrait img{object-position:center 30%}
}

.client-proof{padding:48px 0 42px;background:#e9e6de;border-top:1px solid #d1cec6;border-bottom:1px solid #d1cec6}
.client-proof-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:end;margin-bottom:24px}
.client-proof-heading .eyebrow{margin-bottom:10px}
.client-proof-heading h2{font-family:"Barlow Condensed";font-size:clamp(34px,3.2vw,48px);line-height:.96;text-transform:uppercase;margin:0}
.client-proof-heading>p{max-width:560px;color:#5d6163;margin:0 0 2px;font-size:14px}
.client-logo-grid{display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid #c7c4bd;border-left:1px solid #c7c4bd}
.client-logo-grid>div{height:104px;background:#fff;border-right:1px solid #c7c4bd;border-bottom:1px solid #c7c4bd;display:grid;place-items:center;padding:10px}
.client-logo-grid img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply;opacity:.76;transition:.2s}
.client-logo-grid>div:hover img{filter:grayscale(0);opacity:1}
.client-source{font-size:9px;color:#747779;margin:10px 0 0}
@media(max-width:850px){.client-proof{padding:40px 0 34px}
.client-proof-heading{grid-template-columns:1fr;gap:14px}
.client-logo-grid{grid-template-columns:repeat(4,1fr)}
.client-logo-grid>div{height:92px}
}
@media(max-width:520px){.client-logo-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:850px){
.module-jump{margin-top:-10px}
.module-detail-grid{grid-template-columns:1fr}
.module-copy{padding:28px 24px 32px}
.module-detail-link{align-self:flex-start;margin-left:0;margin-right:0;text-align:left}
}

@media(max-width:520px){
.module-specs{grid-template-columns:1fr}
.module-specs>div,.module-specs>div+div{padding:12px 0;border-left:0;border-bottom:1px solid #ddd9d1}
.module-specs>div:last-child{border-bottom:0}
.module-uses{grid-template-columns:1fr}
}

.module-breadcrumb{display:flex;gap:10px;align-items:center;margin:0 0 25px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#aeb1b2}
.module-breadcrumb a{border-bottom:1px solid #777}
.module-product{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center}
.module-product-media{background:#fff;min-height:500px;display:grid;place-items:center;padding:45px;position:relative}
.module-product-media>img:first-child{width:100%;height:100%;max-height:530px;object-fit:contain}
.module-product-media .module-detail-image{width:31%;height:30%}
.module-product-copy .module-purpose{margin-bottom:12px}
.module-product-copy h2,.module-story h2,.module-compatibility h2{font-family:"Barlow Condensed";font-size:clamp(45px,5vw,70px);line-height:.95;text-transform:uppercase;margin:0 0 25px}
.module-product-copy>p{color:#555a5c;font-size:17px}
.module-detail-specs{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0;border-top:1px solid #bbb;border-bottom:1px solid #bbb}
.module-detail-specs>div{padding:18px 12px 18px 0}
.module-detail-specs>div+div{padding-left:15px;border-left:1px solid #bbb}
.module-detail-specs dt{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#777}
.module-detail-specs dd{font-family:"Barlow Condensed";font-size:24px;font-weight:700;line-height:1.05;margin:4px 0 0}
.module-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:30px}
.module-actions .text-link{font-size:12px}
.module-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.module-story>div>p{color:#bdc0c1}
.module-feature-list{display:grid;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0;border-top:1px solid #555}
.module-feature-list li{padding:18px 20px 18px 0;border-bottom:1px solid #555;color:#d1d3d4;font-size:14px}
.module-feature-list li:nth-child(even){padding-left:20px;border-left:1px solid #555}
.module-gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;margin-top:45px}
.module-gallery figure{margin:0;background:#fff}
.module-gallery img{width:100%;height:430px;object-fit:contain;padding:30px}
.module-gallery figure+figure img{object-fit:cover;padding:0}
.module-gallery figcaption{font-size:11px;color:#666;padding:12px 15px}
.module-compatibility{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}
.module-compatibility p{color:#5d6163}
.related-modules{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.related-modules a{background:#e5e1d8;padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.related-modules a:hover{background:var(--ink);color:#fff}

@media(max-width:850px){
.module-product,.module-story,.module-compatibility{grid-template-columns:1fr;gap:40px}
.module-product-media{min-height:350px;padding:25px}
.module-gallery{grid-template-columns:1fr}
.module-gallery img{height:330px}
}

@media(max-width:520px){
.module-detail-specs,.module-feature-list{grid-template-columns:1fr}
.module-detail-specs>div,.module-detail-specs>div+div{padding:13px 0;border-left:0;border-bottom:1px solid #bbb}
.module-detail-specs>div:last-child{border-bottom:0}
.module-feature-list li:nth-child(even){padding-left:0;border-left:0}
}

/* Design-system reference */
.system-hero{padding-bottom:76px}
.system-hero .system-meta{display:flex;gap:18px;align-items:center;margin-top:32px;color:#aeb1b2;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.system-meta span+span:before{content:"";display:inline-block;width:28px;height:1px;background:#666;vertical-align:middle;margin-right:18px}
.system-layout{display:grid;grid-template-columns:250px minmax(0,790px);gap:90px;align-items:start}
.system-toc{position:sticky;top:24px;border-top:2px solid var(--red);padding-top:18px}
.system-toc>p{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#777;margin:0 0 14px}
.system-toc ul{list-style:none;margin:0;padding:0}
.system-toc li{margin:0}
.system-toc li li{display:none}
.system-toc a{display:block;padding:7px 0;font-size:12px;line-height:1.35;color:#555a5c}
.system-toc a:hover{color:var(--red)}
.system-doc h2{font-family:"Barlow Condensed";font-size:clamp(42px,4vw,60px);line-height:.96;text-transform:uppercase;margin:100px 0 34px;padding-top:24px;border-top:1px solid #bbb}
.system-doc h2:first-child{margin-top:0}
.system-doc h3{font-family:"Barlow Condensed";font-size:28px;line-height:1.05;text-transform:uppercase;margin:42px 0 14px}
.system-doc h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin:32px 0 10px}
.system-doc p,.system-doc li{color:#4f5355}
.system-doc strong{color:var(--ink)}
.system-doc ul,.system-doc ol{padding-left:22px}
.system-doc li{padding-left:5px;margin:7px 0}
.system-doc table{width:100%;border-collapse:collapse;margin:26px 0 38px;background:#fff;font-size:13px}
.system-doc th,.system-doc td{text-align:left;padding:13px 15px;border-bottom:1px solid #d0cdc5;vertical-align:top}
.system-doc th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6a6e70;background:#e8e5de}
.system-doc code{font-size:.9em;background:#e5e1d8;padding:2px 5px}
.color-value{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.color-swatch{display:inline-block;width:.95rem;height:.95rem;flex:0 0 .95rem;background:var(--swatch);border:1px solid rgba(17,19,21,.22);box-shadow:0 0 0 1px rgba(255,255,255,.28) inset}
.system-doc blockquote{margin:32px 0;padding:4px 0 4px 25px;border-left:2px solid var(--red)}
.system-doc blockquote p{font-family:"Barlow Condensed";font-size:30px;line-height:1.1;text-transform:uppercase;color:var(--ink);margin:0}
.system-status{margin-top:80px;padding:28px 30px;background:#e1ded6;border-left:3px solid var(--red)}
.system-status strong{display:block;font-family:"Barlow Condensed";font-size:26px;text-transform:uppercase;margin-bottom:5px}
.system-status p{margin:0;color:#555a5c}

@media(max-width:850px){
.system-layout{grid-template-columns:1fr;gap:50px}
.system-toc{position:static;columns:2}
.system-toc>p{column-span:all}
.system-doc h2{margin-top:76px}
}
@media(max-width:520px){
.system-toc{columns:1}
.system-meta span+span:before{display:none}
.system-hero .system-meta{align-items:flex-start;flex-direction:column;gap:6px}
.system-doc table{display:block;overflow-x:auto}
}