@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#162234;--muted:#526071;--brand:#075bc8;--paper:#faf9f5;--line:#dce1e6;--white:#fff;--navy:#10233b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{max-width:1440px;padding-left:clamp(24px,5.2vw,92px);padding-right:clamp(24px,5.2vw,92px);margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(250,249,245,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.navwrap{height:84px;display:flex;align-items:center;gap:32px;justify-content:space-between}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:800;color:#075bc8;letter-spacing:-1.2px}.navlinks{display:flex;align-items:center;gap:26px}.navlinks a{font-size:12px;font-weight:700;color:#384354}.navlinks a:hover,.navlinks a.current{color:var(--brand)}.menubtn{display:none;background:none;border:1px solid var(--line);padding:10px;color:var(--ink)}.eyebrow{display:block;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:23px}.heading{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.055em;line-height:1.09}.display{font-size:clamp(47px,6.2vw,94px);margin:0 0 34px}.h2{font-size:clamp(32px,4.2vw,59px);margin:0 0 28px}.h3{font-size:clamp(23px,2.5vw,34px);margin:0 0 18px}p{color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 20px}.lead{font-size:clamp(17px,1.7vw,21px);line-height:1.75;max-width:690px}.section{padding-top:106px;padding-bottom:106px}.section-divider{border-top:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:5%;align-items:center;min-height:670px;padding-top:90px;padding-bottom:100px}.hero .hero-logo{background:#faf9f5;min-height:450px;display:flex;align-items:center;justify-content:center}.hero-logo img{width:100%;max-width:490px;mix-blend-mode:multiply}.link{font-size:13px;font-weight:800;display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid currentColor;padding:12px 0;margin-top:12px}.link:hover{color:var(--brand)}.blueband{background:var(--brand);color:white;padding:85px 0}.blueband .eyebrow{color:#c8dfff}.blueband p{color:#e0ecff}.blueband .h2{max-width:1040px}.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:45px}.sec-head p{margin:0}.features{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{background:#fff;border:1px solid #e0e4e8;min-height:440px;display:flex;flex-direction:column;transition:transform .18s,border-color .18s;overflow:hidden}.feature:hover{transform:translateY(-3px);border-color:#bac7d8}.featurevisual{height:275px;display:flex;align-items:center;justify-content:center;padding:40px}.featurevisual img{max-width:155px;max-height:155px;object-fit:contain}.featurevisual.creative{background:#151515}.featurevisual.one{background:#eef4fa}.featurevisual.music{background:#e8eff7}.featurevisual.exception{background:#f53b04}.featurecontent{padding:27px 31px 32px;flex:1}.featurecontent span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.featurecontent h3{font:600 25px Manrope,sans-serif;letter-spacing:-.03em;margin:11px 0}.featurecontent p{font-size:14px;line-height:1.7;margin:0}.featurecontent .arrow{font-size:20px;float:right}.white{background:#fff}.navy{background:#10233b;color:white}.navy .eyebrow{color:#adcfff}.navy p{color:#ced8e4}.split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.statement{font-family:Manrope,sans-serif;font-size:clamp(25px,3vw,43px);font-weight:600;letter-spacing:-.04em;line-height:1.3}.subtle{color:#7c8794;font-size:12px}.page-hero{padding-top:125px;padding-bottom:100px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:1000px}.page-hero .lead{max-width:850px}.profiles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile{background:white;border:1px solid var(--line);padding:40px}.profile .eyebrow{margin-bottom:10px}.profile h3{margin:0 0 17px}.profile .text{font-size:14px}.detail-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.detail-logo{min-height:450px;display:flex;align-items:center;justify-content:center;padding:60px}.detail-logo img{width:55%;max-width:280px;object-fit:contain}.detail-logo.creative{background:#151515}.detail-logo.one,.detail-logo.music{background:#eef4fa}.detail-logo.exception{background:#f53b04}.detail-logo.music img{width:40%;max-width:190px}.music-name{font:700 clamp(28px,3vw,45px) Manrope,sans-serif;color:#14263d;line-height:1.05;letter-spacing:-.04em}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}.detail-grid article{border-top:1px solid var(--line);padding-top:26px}.detail-grid h3{font-size:17px;letter-spacing:-.015em}.detail-grid p{font-size:14px}.contactcard{border-top:1px solid var(--line);padding-top:35px}.photo-placeholder{min-height:460px;border:1px solid #d4d8db;background:#ecebe6;display:grid;place-items:center;color:#7a838f;font-size:12px;letter-spacing:.13em;text-align:center}.form{max-width:670px}.form label{display:block;font-size:12px;font-weight:700;margin:0 0 25px}.form input,.form textarea{display:block;background:white;width:100%;padding:16px;margin-top:11px;border:1px solid #bec6cf;border-radius:0;font-size:15px}.form button{border:0;background:var(--brand);color:white;padding:17px 28px;font-weight:700;cursor:pointer}.footer{padding:76px 0 26px;background:#10233b;color:white}.footer p,.footer a{color:#cbd8e4}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding-bottom:70px}.footer-top h3{font-size:25px;margin:0 0 18px}.footer-top a{display:block;font-size:13px;margin:0 0 13px}.footer-bottom{border-top:1px solid #44556c;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#bdcce0;font-size:11px}.no-news{border:1px solid var(--line);padding:55px;max-width:950px;background:white}.no-news p{max-width:660px}@media(max-width:940px){.navlinks{gap:12px}.hero{min-height:0;grid-template-columns:1fr 1fr}.hero .hero-logo{min-height:300px}.sec-head{grid-template-columns:1fr}.detail-intro{grid-template-columns:1fr 1fr}}@media(max-width:720px){.navwrap{height:70px}.menubtn{display:block}.navlinks{position:absolute;left:0;right:0;top:70px;display:none;background:var(--paper);flex-direction:column;align-items:flex-start;padding:30px 6%;border-bottom:1px solid var(--line);gap:22px}.navlinks.open{display:flex}.hero,.split,.detail-intro,.footer-top{grid-template-columns:1fr}.hero{padding-top:66px;padding-bottom:60px;gap:30px}.hero .hero-logo{min-height:0}.hero-logo img{max-width:380px}.section{padding-top:70px;padding-bottom:70px}.features,.profiles,.detail-grid{grid-template-columns:1fr}.featurevisual{height:235px}.page-hero{padding-top:70px;padding-bottom:65px}.detail-logo{min-height:310px}.footer-top{gap:15px}.footer-bottom{flex-direction:column}.no-news{padding:30px}}

/* Harbour Group master identity system */
.wordmark{display:inline-flex;align-items:center;width:132px;flex:none}.wordmark img{display:block;width:100%;height:74px;object-fit:contain;object-position:left center}.hero-logo img{width:100%;height:auto;object-fit:contain}.blueband{position:relative;overflow:hidden;isolation:isolate}.blueband .shell{position:relative;z-index:2}.brand-motif{position:absolute;right:-10%;top:-40%;height:185%;width:auto;opacity:.095;filter:grayscale(1) brightness(0) invert(1);pointer-events:none;z-index:1}.footer-brand{width:160px;max-height:130px;object-fit:contain;object-position:left}.footer .footer-brand{filter:grayscale(1) brightness(0) invert(1)}@media(max-width:720px){.wordmark{width:94px}.wordmark img{height:58px}.brand-motif{height:130%;right:-65%;top:-15%}}

/* Harbour Group corporate identity — restrained geometric architecture */
.footer .footer-brand{filter:none;width:148px;max-height:125px;display:block;object-fit:contain;object-position:left center}
.brand-frame{position:relative;isolation:isolate;overflow:hidden}
.brand-frame::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;clip-path:polygon(17% 0,100% 0,100% 75%,84% 100%,0 100%,0 23%);background:rgba(255,255,255,.035)}
.brand-frame img,.brand-frame .music-name{position:relative;z-index:1}
.featurevisual.creative{background:#101010}
.featurevisual.exception{background:#ff4a1f}
.blueband .brand-motif{opacity:.07;right:-4%;top:-33%;height:165%;filter:grayscale(1) brightness(0) invert(1)}
@media(max-width:720px){.blueband .brand-motif{height:100%;right:-55%;top:0}.footer .footer-brand{width:126px}}

/* Brand marks: transparent artwork on continuous panels; official group geometry remains in the panel background. */
.featurevisual.creative,.detail-logo.creative{background-color:#101010}
.featurevisual.exception,.detail-logo.exception{background-color:#ff481a}
.featurevisual.creative img,.featurevisual.exception img,.detail-logo.creative img,.detail-logo.exception img{mix-blend-mode:normal;object-fit:contain}


/* Corporate homepage hero — editorial scale and balanced logo composition */
@media (min-width: 941px) {
  .hero {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr);
    gap: clamp(34px, 4.5vw, 76px);
    min-height: 520px;
    padding-top: clamp(55px, 5.5vw, 88px);
    padding-bottom: clamp(65px, 6vw, 92px);
    align-items: center;
  }
  .hero .display {
    font-size: clamp(48px, 4.15vw, 66px);
    line-height: 1.11;
    letter-spacing: -.052em;
    margin-bottom: 27px;
  }
  .hero .lead { max-width: 640px; }
  .hero .hero-logo {
    min-height: 0;
    align-self: center;
    background: transparent;
  }
  .hero-logo img {
    width: 100%;
    max-width: 560px;
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 721px) and (max-width: 940px) {
  .hero { gap: 35px; padding-top: 70px; padding-bottom: 72px; }
  .hero .display { font-size: clamp(43px, 5.3vw, 55px); line-height: 1.1; }
  .hero .hero-logo { min-height: 0; background: transparent; }
}
@media (max-width: 720px) {
  .hero .display { font-size: clamp(40px, 9vw, 56px); line-height: 1.12; margin-bottom: 23px; }
  .hero .hero-logo { background: transparent; }
  .hero-logo img { width: 100%; max-width: 380px; }
}

/* Homepage hero identity: official geometric symbol replaces duplicate full wordmark. */
.hero .hero-symbol{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}
.hero-symbol img{display:block;width:100%;max-width:465px;height:auto;aspect-ratio:986/826;object-fit:contain}
@media(min-width:941px){
  .hero{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
  .hero .hero-symbol{align-self:center;justify-content:center}
}
@media(min-width:721px) and (max-width:940px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:25px}
  .hero .hero-symbol{min-height:0}
  .hero-symbol img{max-width:310px}
}
@media(max-width:720px){
  .hero{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:58px;padding-bottom:53px}
  .hero .hero-symbol{min-height:0;justify-content:flex-end;overflow:visible}
  .hero-symbol img{width:min(47vw,210px);max-width:210px;height:auto}
}

/* Editorial video story: fixed Harbour Group silhouette; natural mobile scrolling. */
.video-story{border-top:1px solid var(--line);background:#fff;overflow:hidden}
.story-intro{padding-top:88px;padding-bottom:15px}.story-intro p{max-width:640px}
.story-scene{min-height:72vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.84fr);gap:9%;align-items:center;padding-top:66px;padding-bottom:66px;border-top:1px solid var(--line)}
.story-copy{max-width:550px}.story-copy p{font-size:18px}.story-motion{display:grid;place-items:center;min-width:0}
.story-symbol{width:min(100%,415px);aspect-ratio:986/826;background:#035bc9;clip-path:polygon(44.04% 0,100% 0,100% 54.54%,55.31% 100%,0 100%,0 44.54%);overflow:hidden;position:relative}
.story-symbol:after{content:"";position:absolute;inset:0;background:rgba(3,91,201,.08);pointer-events:none}
.story-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9)}
@media(max-width:720px){.story-intro{padding-top:56px;padding-bottom:6px}.story-scene{min-height:0;grid-template-columns:minmax(0,1fr);gap:25px;padding-top:42px;padding-bottom:50px}.story-copy h3{font-size:clamp(28px,8vw,42px)}.story-copy p{font-size:16px}.story-symbol{width:min(78vw,310px)}}
@media(prefers-reduced-motion:reduce){.story-video{display:none}}

/* Homepage narrative: one continuous editorial experience */
.story-intro{padding-bottom:29px}.story-intro p{max-width:690px}
.story-scene:last-child{border-bottom:0}
.group-bridge{position:relative;overflow:hidden;isolation:isolate;background:#075bc8;color:#fff;padding:clamp(92px,9vw,145px) 0}
.group-bridge-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:10%;align-items:end}
.group-bridge .eyebrow{color:#c9ddfc}.group-bridge h2{max-width:760px;margin-bottom:0}
.group-bridge-body{max-width:480px}
.group-bridge-body p{font-size:clamp(17px,1.45vw,20px);line-height:1.65;color:#e6efff}
.group-bridge-body p+p{font-size:15px;color:#d0e1f9;margin-top:22px}
.group-bridge .link{color:#fff;margin-top:23px}
.group-bridge-mark{position:absolute;width:min(55vw,780px);height:auto;right:-18%;top:-38%;opacity:.1;filter:grayscale(1) brightness(0) invert(1);pointer-events:none;z-index:0}
.home-companies{padding-top:clamp(85px,9vw,142px);padding-bottom:clamp(96px,10vw,155px)}
.home-companies .sec-head{margin-bottom:55px}
.home-companies .sec-head p{max-width:520px;line-height:1.85}
.home-outlook{background:#f1f2ef;border-top:1px solid #e1e3e0;border-bottom:1px solid #e1e3e0}
.home-outlook-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:11%;align-items:center}
.home-outlook h2{max-width:700px;margin-bottom:0}
.home-outlook-copy{max-width:480px}
.home-outlook-copy p{font-size:18px;line-height:1.8;margin-top:0}
.home-news{background:var(--paper);padding-top:clamp(95px,9vw,140px);padding-bottom:clamp(100px,10vw,155px)}
.home-news-inner{display:flex;align-items:end;justify-content:space-between;gap:55px}
.home-news h2{margin-bottom:20px}
.home-news p{max-width:590px;font-size:17px;line-height:1.75;margin-bottom:0}
.home-news .link{flex-shrink:0;margin-bottom:3px}
@media(max-width:940px){
 .group-bridge-inner,.home-outlook-inner{gap:7%}
 .group-bridge-mark{right:-35%;width:75vw}
}
@media(max-width:720px){
 .story-intro{padding-bottom:10px}
 .group-bridge{padding:74px 0 80px}
 .group-bridge-inner,.home-outlook-inner{grid-template-columns:1fr;gap:28px}
 .group-bridge h2,.home-outlook h2{font-size:clamp(32px,8vw,46px)}
 .group-bridge-mark{width:110vw;right:-74%;top:0;opacity:.065}
 .group-bridge-body p{font-size:17px}
 .group-bridge-body p+p{font-size:15px}
 .home-companies{padding-top:73px;padding-bottom:86px}
 .home-companies .sec-head{margin-bottom:34px}
 .home-outlook{padding-top:77px;padding-bottom:82px}
 .home-outlook-copy p{font-size:16px}
 .home-news{padding-top:77px;padding-bottom:96px}
 .home-news-inner{display:block}
 .home-news p{font-size:16px}
 .home-news .link{margin-top:27px}
}

/* Homepage company architecture: compact, branded geometric stack */
.home-companies{padding-top:clamp(90px,9vw,135px);padding-bottom:clamp(95px,9vw,135px)}
.company-showcase{display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:clamp(40px,7vw,110px);align-items:center;min-height:520px}
.company-editorial{max-width:560px}
.company-editorial h2{margin-bottom:23px}
.company-editorial-intro{font-size:18px;line-height:1.75;max-width:510px}
.company-active{margin-top:45px;min-height:175px;border-top:1px solid var(--line);padding-top:26px}
.company-count{display:block;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:14px}
.company-active h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(22px,2.2vw,29px);letter-spacing:-.035em;margin:0 0 10px;font-weight:650}
.company-active p{font-size:15px;line-height:1.7;max-width:460px;margin:0}
.company-active .link{margin-top:12px}
.company-controls{display:flex;align-items:center;gap:10px;margin-top:28px}
.company-nav{width:42px;height:42px;display:grid;place-items:center;background:transparent;border:1px solid #b7c1cc;color:var(--ink);font-size:20px;cursor:pointer;transition:background .2s,color .2s}
.company-nav:hover,.company-nav:focus-visible{background:var(--brand);border-color:var(--brand);color:white}
.company-controls-hint{font-size:12px;color:var(--muted);margin-left:14px}
.company-stack{position:relative;height:430px;width:100%;max-width:510px;justify-self:center;isolation:isolate}
.company-layer{position:absolute;left:0;top:0;width:77%;height:76%;padding:0;border:0;cursor:pointer;display:grid;place-items:center;clip-path:polygon(44.04% 0,100% 0,100% 54.54%,55.31% 100%,0 100%,0 44.54%);transform:translate(var(--offset-x),var(--offset-y)) scale(var(--layer-scale));transform-origin:50% 50%;transition:transform .4s ease,filter .4s ease,opacity .4s ease;z-index:var(--z);box-shadow:none}
.company-layer:focus-visible{outline:3px solid #162234;outline-offset:4px}
.company-layer:hover:not(.is-active){filter:brightness(1.07)}
.company-layer-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:16px;padding:18% 18% 15%}
.company-layer-inner img{display:block;width:49%;max-height:64%;object-fit:contain}
.company-layer.creative{background:#101010}
.company-layer.one{background:#e9f0f8}
.company-layer.music{background:#dceaf6}
.company-layer.exception{background:#ff481a}
.company-layer.one img{width:43%}
.company-layer.exception img{width:49%}
.company-layer-music{gap:12px;padding-left:12%;padding-right:13%}
.company-layer-music img{width:35%;flex:0 0 35%}
.company-layer-music span{font:700 clamp(14px,2vw,25px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.045em;text-align:left;color:#17263b}
.company-layer.is-active{filter:none}
.company-all{margin-top:42px;padding-top:23px;border-top:1px solid var(--line)}
@media(max-width:940px){
.company-showcase{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.company-stack{height:340px}
.company-layer-music span{font-size:16px}
}
@media(max-width:720px){
.home-companies{padding-top:75px;padding-bottom:85px}
.company-showcase{display:flex;flex-direction:column;gap:16px;align-items:stretch;min-height:0}
.company-editorial{display:contents}
.company-editorial .eyebrow,.company-editorial h2,.company-editorial-intro{order:0}
.company-editorial h2{margin:0 0 6px;font-size:clamp(31px,7.6vw,45px)}
.company-editorial-intro{font-size:16px;margin:0 0 15px}
.company-stack{order:1;height:auto;aspect-ratio:1.25;max-width:410px;align-self:center;overflow:hidden}
.company-layer{width:76%;height:82%}
.company-layer-music span{font-size:clamp(14px,4vw,21px)}
.company-active{order:2;margin:5px 0 0;padding-top:21px;min-height:155px}
.company-active h3{font-size:24px}
.company-controls{order:3;margin-top:0}
.company-controls-hint{font-size:11px}
.company-all{margin-top:33px}
}
@media(prefers-reduced-motion:reduce){.company-layer{transition:none}}

/* Simplified homepage identities: no carousel interface, only three direct profile links. */
.home-companies{padding-top:clamp(90px,9vw,135px);padding-bottom:clamp(100px,10vw,150px)}
.home-companies .company-showcase{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(40px,7vw,110px);min-height:0;align-items:center}
.home-companies .company-editorial{display:block;max-width:580px}
.home-companies .company-editorial h2{margin:0 0 25px}
.home-companies .company-editorial-intro{max-width:475px;font-size:18px;line-height:1.8;margin:0 0 28px}
.home-companies .company-stack{position:relative;width:100%;max-width:490px;height:auto;aspect-ratio:1.16;overflow:visible;isolation:isolate;justify-self:center}
.home-companies .company-layer{position:absolute;display:grid;place-items:center;width:69%;height:72%;padding:0;overflow:hidden;border:0;clip-path:polygon(44.04% 0,100% 0,100% 54.54%,55.31% 100%,0 100%,0 44.54%);transform:none;transition:transform .25s ease,filter .25s ease;cursor:pointer}
.home-companies .company-layer.creative{left:3%;top:3%;z-index:3;background:#101010}
.home-companies .company-layer.one{left:17%;top:14%;z-index:2;background:#e9f0f8}
.home-companies .company-layer.exception{left:31%;top:25%;z-index:1;background:#ff481a}
.home-companies .company-layer-inner{display:grid;place-items:center;width:100%;height:100%;padding:16%}
.home-companies .company-layer-inner img,.home-companies .company-layer.one img,.home-companies .company-layer.exception img{width:53%;max-height:62%;object-fit:contain}
.home-companies .company-layer:hover{filter:brightness(1.06);transform:translateY(-5px)}
.home-companies .company-layer:focus-visible{outline:none;filter:brightness(1.12);transform:translateY(-7px)}
@media(max-width:940px){
.home-companies .company-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.home-companies .company-stack{max-width:390px}
}
@media(max-width:720px){
.home-companies{padding-top:75px;padding-bottom:85px}
.home-companies .company-showcase{display:flex;flex-direction:column;align-items:stretch;gap:25px}
.home-companies .company-editorial{display:block}
.home-companies .company-editorial h2{font-size:clamp(31px,7.6vw,45px);margin:0 0 18px}
.home-companies .company-editorial-intro{font-size:16px;margin:0 0 15px}
.home-companies .company-stack{width:min(100%,380px);align-self:center;aspect-ratio:1.16;max-width:380px}
.home-companies .company-layer{width:69%;height:72%}
}
@media(prefers-reduced-motion:reduce){.home-companies .company-layer{transition:none}}

/* Premium card focus: keep the fixed architectural geometry, shift emphasis only. */
.home-companies .company-layer.one{background:#f1f2f0}
.home-companies .company-layer{transition:opacity .55s ease,filter .55s ease,transform .55s ease;will-change:opacity}
.home-companies .company-stack[data-ready] .company-layer{opacity:.67;filter:saturate(.88)}
.home-companies .company-stack[data-ready] .company-layer.is-featured{opacity:1;filter:none;z-index:5;transform:translateY(-5px)}
.home-companies .company-stack[data-ready] .company-layer:not(.is-featured):hover{opacity:.88;filter:none}
.home-companies .company-stack[data-ready] .company-layer:focus-visible{opacity:1;filter:none;outline:3px solid var(--brand);outline-offset:3px}
@media(max-width:720px){
.home-companies .company-stack[data-ready] .company-layer.is-featured{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){
.home-companies .company-layer,.home-companies .company-stack[data-ready] .company-layer{transition:none;will-change:auto}
}

/* All brand cards retain full colour; quieter companions only on pointer hover. */
.home-companies .company-stack[data-ready] .company-layer{opacity:1;filter:none}
@media(hover:hover) and (pointer:fine){
  .home-companies .company-stack[data-hovering] .company-layer:not(.is-featured){opacity:.6;filter:saturate(.8)}
}
.home-companies .company-stack[data-ready] .company-layer.is-featured{opacity:1;filter:none}
.company-caption-link{display:inline-flex;align-items:center;gap:18px;justify-self:center;align-self:start;font-size:13px;font-weight:700;color:var(--ink);border-bottom:1px solid #acb8c6;padding:7px 0 11px;margin-top:-2px;transition:color .2s}
.company-caption-link:hover,.company-caption-link:focus-visible{color:var(--brand)}
@media(min-width:721px){.home-companies .company-showcase{grid-template-rows:auto auto;row-gap:0}.home-companies .company-editorial{grid-column:1;grid-row:1 / span 2}.home-companies .company-stack{grid-column:2;grid-row:1}.home-companies .company-caption-link{grid-column:2;grid-row:2}}
@media(max-width:720px){.company-caption-link{align-self:center;margin-top:-12px;font-size:13px}}

/* About: coherent corporate narrative, with restrained geometric identity. */
.about-page{overflow:clip}
.about-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:5%;align-items:center;min-height:550px;padding-top:105px;padding-bottom:110px}
.about-hero h1{font-size:clamp(45px,4.6vw,72px);line-height:1.11;margin-bottom:32px}
.about-hero-copy>p:not(.lead){max-width:680px;font-size:17px}
.about-hero-art{display:grid;place-items:center;min-width:0}
.about-hero-art img{width:100%;max-width:400px;display:block}
.about-columns{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:12%;align-items:start}
.about-columns h2{max-width:620px}
.about-prose p{max-width:650px}
.about-prose p:last-of-type{margin-bottom:0}
.about-approach{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-section-head{max-width:860px}
.about-section-head>p{max-width:700px;font-size:18px}
.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:58px}
.about-principles article{border-top:1px solid #b8c3cd;padding-top:22px}
.about-principles article>span,.about-fields-grid>div>span{font-size:11px;letter-spacing:.13em;font-weight:700;color:var(--brand)}
.about-principles h3{font:600 clamp(19px,2vw,24px)/1.35 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:24px 0 13px}
.about-principles p{font-size:15px;line-height:1.75;max-width:360px}
.about-fields-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:46px}
.about-fields-intro p{font-size:17px}
.about-fields-intro .about-fields-note{font-size:13px;color:#657282;line-height:1.65}
.about-fields-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cdd5db;border-left:1px solid #cdd5db}
.about-fields-grid>div{min-height:166px;border-right:1px solid #cdd5db;border-bottom:1px solid #cdd5db;padding:23px;display:flex;flex-direction:column;justify-content:space-between}
.about-fields-grid h3{font:600 clamp(16px,1.5vw,20px)/1.3 Manrope,Arial,sans-serif;letter-spacing:-.03em;margin:23px 0 0}
.about-businesses{background:#fff;border-top:1px solid var(--line)}
.about-close{position:relative;overflow:hidden;background:#10233b;color:#fff}
.about-close-inner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:12%;padding-top:100px;padding-bottom:110px}
.about-close-inner>div{position:relative;z-index:1}
.about-close .eyebrow{color:#b9d6ff}.about-close h2{max-width:680px}
.about-close p{font-size:18px;color:#d6e0ec;max-width:530px}
.about-close .link{color:#fff}
.about-close-symbol{position:absolute;right:-19%;top:-50%;height:195%;width:auto;opacity:.06;filter:grayscale(1) brightness(0) invert(1);pointer-events:none}
@media(max-width:940px){.about-hero{min-height:0;padding-top:80px;padding-bottom:90px}.about-hero h1{font-size:clamp(40px,5vw,62px)}.about-columns{gap:7%}.about-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-principles{gap:24px}}
@media(max-width:720px){.about-hero{display:block;padding-top:66px;padding-bottom:65px}.about-hero h1{font-size:clamp(39px,9vw,57px)}.about-hero-copy>p:not(.lead){font-size:16px}.about-hero-art{display:none}.about-columns,.about-fields-intro,.about-close-inner{grid-template-columns:1fr;gap:24px}.about-principles{grid-template-columns:1fr;gap:18px;margin-top:33px}.about-principles article{padding-top:17px}.about-principles h3{margin-top:16px}.about-fields-intro{margin-bottom:29px}.about-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-fields-grid>div{min-height:140px;padding:16px}.about-fields-grid h3{font-size:15px}.about-close-inner{padding-top:77px;padding-bottom:85px}.about-close-symbol{right:-66%;top:-15%;height:125%}.about-close p{font-size:16px}}

/* About final editorial refinements */
.about-hero .lead{max-width:780px}
.about-hero-copy>p:not(.lead){max-width:720px}
.about-fit{background:#f1f3f2;border-top:1px solid #dce1df;border-bottom:1px solid #dce1df}
.about-fit .about-prose .lead{font-size:clamp(18px,1.7vw,21px);line-height:1.7}
.about-fit .about-prose p{line-height:1.8}
.about-fit .link{margin-top:16px}
.about-approach .about-principles h3{margin-top:21px}
.about-fields-grid>div{transition:background-color .2s ease}
@media(hover:hover){.about-fields-grid>div:hover{background:#f0f4f8}}
@media(max-width:720px){.about-fit{padding-top:73px;padding-bottom:79px}.about-fit .about-prose .lead{font-size:17px}.about-fields-grid>div{min-height:146px}}

/* About page: capability list and concise industry descriptors */
.about-hero h1{font-size:clamp(43px,4.1vw,64px);line-height:1.13}
.about-hero-copy .lead{max-width:750px}
.about-approach .about-principles{gap:28px}
.about-approach .about-principles article{padding-top:21px}
.about-approach .about-principles article>span{font-size:10px}
.about-approach .about-principles h3{font-size:clamp(19px,1.8vw,23px);margin-top:22px}
.about-approach .about-principles p{font-size:15px}
.about-contributions{background:#f1f3f2;border-top:1px solid #dce1df;border-bottom:1px solid #dce1df}
.about-capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #ccd4d8;margin-top:36px}
.about-capability-list>div{padding:23px 20px 26px 0;border-bottom:1px solid #ccd4d8;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px}
.about-capability-list>div:nth-child(odd){padding-right:30px}
.about-capability-list>div:nth-child(even){padding-left:30px;border-left:1px solid #ccd4d8}
.about-capability-list h3{font:600 17px/1.45 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin:0}
.about-capability-list p{font-size:14px;line-height:1.7;margin:0}
.about-contribution-note{margin:25px 0 0;font-size:13px;max-width:690px}
.about-fields-grid>div{min-height:189px}
.about-fields-grid h3{margin:16px 0 8px}
.about-fields-grid p{font-size:12px;line-height:1.55;margin:0;color:#647181}
@media(max-width:1100px){.about-capability-list>div{display:block}.about-capability-list h3{margin-bottom:12px}}
@media(max-width:720px){.about-hero h1{font-size:clamp(36px,8.4vw,52px)}.about-capability-list{grid-template-columns:1fr}.about-capability-list>div,.about-capability-list>div:nth-child(odd),.about-capability-list>div:nth-child(even){padding:19px 0 21px;border-left:0}.about-fields-grid>div{min-height:172px}.about-fields-grid h3{font-size:14px}.about-fields-grid p{font-size:11px}}

/* About hero: compact statement, aligned corporate symbol. */
@media(min-width:941px){
 .about-hero{grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);gap:clamp(35px,5vw,90px);min-height:0;padding-top:88px;padding-bottom:98px}
 .about-hero h1{font-size:clamp(42px,3.65vw,58px);line-height:1.13;margin-bottom:30px}
 .about-hero-copy .lead{font-size:clamp(17px,1.45vw,20px);line-height:1.7;max-width:660px;margin-bottom:0}
 .about-hero-art{align-self:center}
 .about-hero-art img{max-width:355px}
}
@media(min-width:721px) and (max-width:940px){
 .about-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;padding-top:75px;padding-bottom:80px}
 .about-hero h1{font-size:clamp(36px,4.4vw,45px)}
 .about-hero-art img{max-width:270px}
}
@media(max-width:720px){
 .about-hero{padding-top:64px;padding-bottom:66px}
 .about-hero h1{font-size:clamp(35px,8vw,49px);line-height:1.14;margin-bottom:24px}
 .about-hero-copy .lead{font-size:17px;line-height:1.7;margin-bottom:0}
}
