:root{
  --blue:#1778f2;
  --blue-dark:#0f5fc9;
  --ink:#101820;
  --muted:#6f7b87;
  --line:#e4e9ee;
  --soft:#f6f8fa;
  --white:#fff;
  --max:1420px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;left:16px;top:-60px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border:1px solid var(--line);border-radius:4px}.skip-link:focus{top:16px}
.section-shell{width:min(calc(100% - 64px),var(--max));margin:0 auto}

.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--line);color:var(--ink)}
.site-header.scrolled{box-shadow:0 8px 26px rgba(16,24,32,.06)}
.header-inner{width:min(calc(100% - 64px),var(--max));height:88px;margin:auto;display:grid;grid-template-columns:290px 1fr 48px;align-items:center;gap:24px}
.brand{display:inline-flex;flex-direction:column;width:max-content;line-height:1;color:#101820}
.brand-script{font-family:"Segoe Script","Brush Script MT",cursive;font-weight:500;letter-spacing:-.04em;font-size:27px}
.brand-group{font-size:12px;letter-spacing:.42em;margin-top:3px;padding-left:2px}
.brand-tagline{font-size:8px;letter-spacing:.06em;color:#6a7480;margin-top:7px}
.desktop-nav{display:flex;justify-content:center;gap:44px;align-items:center;font-size:14px;font-weight:650}
.desktop-nav a{position:relative;padding:34px 0 31px;transition:color .2s ease}
.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}
.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}
.menu-toggle{width:44px;height:44px;border:0;border-radius:3px;background:var(--blue);display:grid;place-content:center;gap:5px;cursor:pointer;padding:0;box-shadow:0 7px 18px rgba(23,120,242,.16)}
.menu-toggle span{width:21px;height:2px;background:#fff;display:block;transition:transform .2s ease,opacity .2s ease}
.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{display:none;background:#fff;border-top:1px solid var(--line);padding:8px 28px 22px;box-shadow:0 18px 36px rgba(16,24,32,.08)}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-weight:650}
.mobile-nav a.active{color:var(--blue)}

.collage-section{position:relative;background:#fff;padding-bottom:48px}
.angled-collage{height:clamp(310px,35vw,510px);display:flex;overflow:hidden;background:#dfe5ea;border-bottom:1px solid #fff}
.collage-panel{position:relative;flex:1 1 20%;background-image:var(--photo);background-size:cover;background-position:center;transform:skewX(-8deg);margin-left:-28px;border-right:7px solid #fff;overflow:hidden}
.collage-panel:before{content:"";position:absolute;inset:-25px;background-image:var(--photo);background-size:cover;background-position:center;transform:skewX(8deg) scale(1.08)}
.panel-1{margin-left:-55px;flex-basis:23%}.panel-1:before{background-position:center 46%}
.panel-2{flex-basis:20%}.panel-3{flex-basis:19%}.panel-4{flex-basis:19%}.panel-5{flex-basis:23%;margin-right:-50px}
.collage-title-wrap{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;pointer-events:none}
.collage-title-panel{background:#fff;min-width:min(620px,75vw);padding:22px 46px 16px;text-align:center;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}
.collage-title-panel h1{margin:0;font-size:clamp(36px,4.6vw,64px);letter-spacing:-.045em;line-height:1;font-weight:760;color:#17212c}

.capability-section{background:#fff;padding:18px 0 44px;border-bottom:1px solid var(--line)}
.capability-rail{display:grid;grid-template-columns:repeat(12,minmax(86px,1fr));align-items:stretch;overflow:visible;padding-top:8px}
.capability{min-width:0;text-align:center;padding:20px 12px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px}
.capability:last-child{border-right:0}
.capability svg{width:38px;height:38px;fill:none;stroke:var(--blue);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.capability h2{margin:0;font-size:11px;line-height:1.32;font-weight:700;color:#273340;letter-spacing:-.01em}

.scale-strip{background:#fff;padding:38px 0 46px;border-bottom:1px solid var(--line)}
.scale-heading{text-align:center;margin-bottom:26px}
.scale-heading h2{margin:0;font-size:30px;letter-spacing:-.03em}
.scale-heading p{margin:8px 0 0;color:#9aa4ae;font-size:12px}
.scale-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.scale-stat{text-align:center;padding:26px 16px;border-right:1px solid var(--line)}
.scale-stat:last-child{border-right:0}
.scale-stat strong{display:block;color:var(--blue);font-size:34px;line-height:1;font-weight:780}
.scale-stat span{display:block;margin-top:9px;color:#2e3944;font-size:12px;font-weight:650}

.home-section{padding:96px 0;background:#fff;border-bottom:1px solid var(--line)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px}
.section-head span,.section-kicker{text-transform:uppercase;letter-spacing:.17em;color:var(--blue);font-size:10px;font-weight:800}
.section-head h2,.compact-center h2,.footprint-simple h2,.connect-light h2{margin:10px 0 0;font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-.045em}
.text-link{display:inline-flex;gap:10px;align-items:center;color:#21303f;font-weight:750;font-size:13px;white-space:nowrap}
.text-link b{color:var(--blue);font-size:18px}
.feature-assets{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature-asset{position:relative;height:390px;overflow:hidden;background:#d8dde3;isolation:isolate}
.feature-asset:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--photo);background-size:cover;background-position:center;transition:transform .45s ease}
.feature-asset:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,20,28,0) 35%,rgba(12,20,28,.82) 100%)}
.feature-asset:hover:before{transform:scale(1.035)}
.feature-asset>div{position:absolute;left:22px;right:22px;bottom:22px;color:#fff}
.feature-asset h3{margin:0;font-size:22px;line-height:1.15}
.feature-asset p{margin:8px 0 0;color:rgba(255,255,255,.82);font-size:12px;line-height:1.5}
.compact-center{text-align:center;max-width:1120px}
.placeholder-band{margin:34px auto 26px;min-height:150px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;color:#9aa4ae;font-size:12px}
.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 25px;background:var(--blue);color:#fff;font-size:13px;font-weight:750;border-radius:2px;transition:background .2s ease,transform .2s ease}
.primary-button:hover{background:var(--blue-dark);transform:translateY(-1px)}
.footprint-simple{display:grid;grid-template-columns:1.15fr 1fr auto;gap:42px;align-items:end}
.muted{color:var(--muted);line-height:1.7;font-size:15px;max-width:560px;margin-bottom:0}
.location-placeholder{min-height:96px;padding:24px;border-left:2px solid var(--blue);background:var(--soft);display:flex;align-items:center;color:#8b96a1;font-size:12px}
.media-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.media-strip img{width:100%;height:250px;object-fit:cover;transition:transform .35s ease}
.media-strip img:hover{transform:scale(1.012)}
.connect-light{text-align:center;max-width:1100px}
.connect-light>p{max-width:760px;margin:18px auto 26px;color:var(--muted);font-size:16px;line-height:1.7}
.contact-mini{display:grid;grid-template-columns:.7fr 1.1fr 1.2fr;margin-top:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}
.contact-mini>a,.contact-mini>div{padding:22px 28px;border-right:1px solid var(--line)}
.contact-mini>*:last-child{border-right:0}
.contact-mini small,.site-footer small{display:block;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-size:9px;font-weight:800;margin-bottom:7px}
.contact-mini strong{font-size:13px;line-height:1.45;font-weight:650}

.site-footer{background:#f7f9fb;color:#2c3742;padding:46px 0 22px;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.35fr .75fr 1.15fr .8fr;gap:42px;align-items:end}
.footer-brand{display:inline-flex;flex-direction:column;width:max-content}
.footer-brand .brand-script{font-size:29px;color:#17212c}
.footer-grid a,.footer-grid span{font-size:12px}
.footer-bottom{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font-size:10px;color:#8d98a3}

.page-shell{min-height:calc(100vh - 88px);padding:90px 0 110px;background:#fff}
.page-hero{width:min(calc(100% - 64px),1100px);margin:0 auto}
.page-label{text-transform:uppercase;letter-spacing:.17em;color:var(--blue);font-size:10px;font-weight:800}
.page-hero h1{font-size:clamp(48px,6vw,80px);letter-spacing:-.055em;line-height:1;margin:14px 0 22px}
.page-hero p{max-width:720px;color:var(--muted);font-size:16px;line-height:1.75}
.preview-note{margin-top:44px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#95a0aa;font-size:12px}

@media(max-width:1180px){
  .desktop-nav{gap:26px}.header-inner{grid-template-columns:245px 1fr 48px}
  .capability-rail{grid-template-columns:repeat(6,1fr)}.capability:nth-child(6n){border-right:0}.capability:nth-child(n+7){border-top:1px solid var(--line)}
  .feature-assets{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.25fr 1fr 1.2fr}
}
@media(max-width:900px){
  .section-shell,.header-inner{width:min(calc(100% - 36px),var(--max))}.header-inner{height:78px;grid-template-columns:1fr 44px}.desktop-nav{display:none}.menu-toggle{grid-column:2}.brand-script{font-size:24px}
  .angled-collage{height:390px}.collage-panel{margin-left:-24px;border-right-width:5px}.panel-5{display:none}.collage-panel{flex-basis:25%}.panel-1{margin-left:-42px}.collage-title-panel{padding:18px 32px 14px}
  .capability-section{padding-top:14px}.capability-rail{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 18px 16px;width:100%;gap:0;scrollbar-width:none}.capability-rail::-webkit-scrollbar{display:none}.capability{flex:0 0 150px;border-top:0!important;border-right:1px solid var(--line);scroll-snap-align:start}
  .scale-grid{grid-template-columns:repeat(2,1fr)}.scale-stat{border-bottom:1px solid var(--line)}.scale-stat:nth-child(even){border-right:0}.scale-stat:last-child{grid-column:1/-1;border-bottom:0}
  .section-head{align-items:flex-start;flex-direction:column}.feature-assets{grid-template-columns:repeat(2,1fr)}.footprint-simple{grid-template-columns:1fr;align-items:start}.media-strip{grid-template-columns:repeat(2,1fr)}
  .contact-mini{grid-template-columns:1fr}.contact-mini>a,.contact-mini>div{border-right:0;border-bottom:1px solid var(--line);padding-left:0;padding-right:0}.contact-mini>*:last-child{border-bottom:0}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:620px){
  .section-shell{width:calc(100% - 28px)}.site-header{position:sticky}.header-inner{width:calc(100% - 28px)}
  .angled-collage{height:300px}.panel-4{display:none}.collage-panel{flex-basis:33.333%}.collage-title-panel{min-width:82vw;padding:16px 18px 12px}.collage-title-panel h1{font-size:34px}
  .capability{flex-basis:132px;padding-left:10px;padding-right:10px}.capability svg{width:34px;height:34px}.capability h2{font-size:10px}
  .scale-grid{grid-template-columns:1fr}.scale-stat,.scale-stat:nth-child(even){border-right:0}.scale-stat:last-child{grid-column:auto}
  .home-section{padding:72px 0}.feature-assets{grid-template-columns:1fr}.feature-asset{height:340px}.media-strip{grid-template-columns:1fr}.media-strip img{height:225px}.footer-grid{grid-template-columns:1fr;gap:26px}.footer-brand{grid-column:auto}.footer-bottom{text-align:center}
  .page-shell{padding:68px 0 88px}.page-hero{width:calc(100% - 28px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-asset:before,.primary-button,.media-strip img{transition:none}}
