/* One alignment system across the six primary pages. */
:root{--page-edge:calc(var(--media-gutter,5vw) / 2);--header-height:96px}
.preview{padding-inline:max(var(--page-edge),calc((100vw - 2200px) / 2));align-items:center}.preview>span{max-width:none}.preview>div{flex-wrap:wrap;justify-content:flex-end}.preview a{white-space:nowrap}
.site-header{padding-inline:max(var(--page-edge),calc((100vw - 2200px) / 2));gap:28px;min-height:96px}.site-header nav{gap:clamp(16px,1.5vw,30px);font-size:14px}.site-header nav a{font-size:14px;white-space:nowrap}.site-header .header-cta{flex-shrink:0;max-width:none}.site-header .brand{flex-shrink:0}
body.primary-page main .primary-width,body.primary-page main>.page-intro>.wrap,body.primary-page main>.section>.wrap,body.primary-page .planning-intro-grid,body.primary-page .wide-hero>.wrap{width:calc(100% - var(--media-gutter));max-width:2200px;margin-inline:auto}
body.primary-page .page-intro{padding:36px 0 26px;border-bottom:1px solid var(--line)}body.primary-page .page-intro>.wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(32px,5vw,100px);align-items:end}
body.primary-page .page-intro .breadcrumbs{grid-column:1/-1;margin:0 0 22px;font-size:13px;line-height:1.6}.breadcrumbs a{display:inline-block;padding-block:4px}.breadcrumbs [aria-current=page]{color:var(--muted)}
body.primary-page .page-intro h1{font-size:clamp(40px,4.25vw,72px);line-height:1.08;max-width:21ch;margin:0;letter-spacing:-.035em}body.primary-page .page-intro .lead{font-size:clamp(16px,1.25vw,20px);line-height:1.6;margin:0;max-width:56ch;color:var(--text)}
.primary-sections{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;min-height:56px;border-top:1px solid var(--line);padding:12px 0 0;margin-top:24px;grid-column:1/-1}.primary-sections a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;border-bottom:2px solid transparent;color:var(--muted);transition:color .18s,border-color .18s}.primary-sections a:hover,.primary-sections a:focus-visible{color:var(--gold);border-color:var(--gold);text-decoration:none}
body.primary-page .page-intro+.section{padding-top:30px}body[data-view="projects.html"] .filters{margin:0 0 15px;gap:12px;min-height:48px}body[data-view="projects.html"] .filters label{font-size:14px}body[data-view="projects.html"] #project-count{margin:0 0 22px}body[data-view="projects.html"] .case-list{gap:40px}body[data-view="projects.html"] .case-list .case-card{padding:0 0 30px;gap:clamp(30px,3vw,60px)}body[data-view="projects.html"] .case-card-body{padding:24px}
body[data-view="products.html"] .catalogue-visual-strip{margin-top:28px;margin-bottom:0}body[data-view="products.html"] .catalogue-visual-strip+.section{padding-top:28px}body[data-view="products.html"] .filters{margin-top:0}
body[data-view="blog.html"] #blog-featured{padding-top:32px}body[data-view="blog.html"] #blog-featured .section-head{margin-bottom:24px}body[data-view="blog.html"] #blog-featured .section-head h2{font-size:clamp(30px,3vw,44px)}
body[data-view="solutions.html"] .solution-intro{padding:36px 0 32px}body[data-view="solutions.html"] .planning-intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,100px);align-items:center}body[data-view="solutions.html"] .planning-intro-grid .breadcrumbs{margin-bottom:18px}body[data-view="solutions.html"] .planning-intro-grid h1{font-size:clamp(44px,4.3vw,72px);max-width:15ch}body[data-view="solutions.html"] .planning-intro-grid>div:first-child{max-width:760px}body[data-view="solutions.html"] .planning-board{margin:0;max-width:none}body[data-view="solutions.html"] .primary-sections{margin-top:22px}body[data-view="solutions.html"] #choose-scene{padding-top:32px}
body[data-view="about.html"] .wide-hero{height:clamp(430px,58svh,640px)}body[data-view="about.html"] .wide-hero .breadcrumbs{color:#F3F0E8;margin-bottom:20px}body[data-view="about.html"] .wide-hero .breadcrumbs [aria-current=page]{color:#F3F0E8}body[data-view="about.html"] .wide-hero .wrap{bottom:42px}body[data-view="about.html"] .wide-hero h1{font-size:clamp(44px,4.5vw,76px)}.primary-section-band{background:var(--mist);border-bottom:1px solid var(--line)}.primary-section-band .primary-sections{margin-top:0;padding-block:8px;border-top:0}
.primary-page main section[id]{scroll-margin-top:calc(var(--site-chrome,126px) + 18px)}
.home-view .hero>.wrap{width:calc(100% - var(--media-gutter));max-width:2200px}.home-view .hero-copy{max-width:850px}
@media(min-width:1051px){.site-header .menu-toggle{display:none}.site-header #navigation{display:flex;position:static;padding:0;border:0;flex-direction:row;background:transparent}}
@media(max-width:1050px){.site-header .menu-toggle{display:block;margin-left:auto}.site-header #navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:18px var(--page-edge);border-top:1px solid var(--line);background:#191D21;flex-direction:column;align-items:stretch;max-height:calc(100svh - 100px);overflow:auto}.site-header #navigation.open{display:flex}.site-header #navigation a{font-size:16px;min-height:44px;padding:10px 0}.site-header{gap:18px}.primary-sections{gap:8px 22px}body.primary-page .page-intro>.wrap{column-gap:32px}body[data-view="solutions.html"] .planning-intro-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:750px){body.primary-page .page-intro{padding:24px 0 18px}body.primary-page .page-intro>.wrap{grid-template-columns:minmax(0,1fr)}body.primary-page .page-intro .breadcrumbs{margin-bottom:15px}body.primary-page .page-intro h1{font-size:clamp(38px,8vw,54px);max-width:none;margin-bottom:15px}body.primary-page .page-intro .lead{font-size:16px;max-width:60ch}.primary-sections{margin-top:20px;flex-wrap:nowrap;gap:22px;overflow-x:auto;overscroll-behavior-inline:contain;padding-top:8px;scroll-padding-inline:0}.primary-sections a{flex-shrink:0;font-size:13px;min-height:44px}body.primary-page .page-intro+.section{padding-top:24px}body[data-view="solutions.html"] .planning-intro-grid{grid-template-columns:minmax(0,1fr);gap:24px}body[data-view="solutions.html"] .planning-intro-grid h1{font-size:45px;max-width:none}body[data-view="solutions.html"] .solution-intro{padding-top:24px}body[data-view="solutions.html"] .planning-board{width:100%}body[data-view="about.html"] .wide-hero{height:480px}body[data-view="about.html"] .wide-hero .wrap{bottom:28px}body[data-view="about.html"] .wide-hero h1{font-size:45px}body[data-view="projects.html"] .filters{gap:10px}body[data-view="projects.html"] .filters label{font-size:12px}body[data-view="projects.html"] .filters select{font-size:13px;padding:10px;min-width:0}body[data-view="projects.html"] .case-card-body{padding:18px}body[data-view="projects.html"] .case-list .case-card{gap:0}.preview{gap:10px;align-items:start}.preview>span{max-width:210px}.preview>div{gap:8px 12px}.site-header{min-height:85px;gap:12px}.site-header .header-cta{font-size:11px;max-width:123px;white-space:normal}.site-header .menu-toggle{font-size:12px;padding:10px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.primary-sections a{transition:none}}