/* About and Contact. All rules are scoped to the new company-page components. */
.company-experience .section-heading h2{font-size:clamp(35px,3.5vw,50px);line-height:1.1;letter-spacing:-.045em}
.company-experience .section-heading>p{font-size:16px;line-height:1.8;max-width:400px}
.company-experience .eyebrow{font-size:11px;letter-spacing:.1em}
.company-hero{position:relative;overflow:hidden;padding:25px 0 58px;border-bottom:1px solid #DEE7ED;background:radial-gradient(ellipse at 91% 35%,#E7EDF5,transparent 51%),radial-gradient(ellipse at 30% 110%,#EAF3F4,transparent 58%),#fff}
.company-hero .breadcrumb{margin-bottom:29px}
.company-hero-grid{display:grid;grid-template-columns:1.18fr .92fr;gap:57px;align-items:center}
.company-hero-copy{min-width:0}
.company-hero-copy>.eyebrow{margin-bottom:23px}
.company-hero-copy h1{font-size:clamp(43px,4.2vw,60px);line-height:1.13;letter-spacing:-.045em}
.company-hero-copy h1>span{display:block}
.company-hero-copy h1 em{color:var(--teal)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .company-hero-copy h1 em{background:linear-gradient(110deg,#0E6B7C,#3E517C 70%,#9A2E86);background-clip:text;-webkit-background-clip:text;color:transparent}
}
.company-lead{font-size:19px;line-height:1.8;color:var(--ink);max-width:630px;margin-top:25px}
.company-detail{font-size:16px;line-height:1.85;max-width:620px;margin-top:17px}
.company-hero-copy .actions{margin-top:28px;gap:16px 24px}
.company-hero-copy .text-link{font-size:14px}
.company-visual{position:relative;width:100%;max-width:535px;min-width:0;margin:0 auto;perspective:1200px}
.company-visual-stage{position:relative;isolation:isolate;aspect-ratio:1}
.company-visual-grid{position:absolute;inset:0;background-image:radial-gradient(#A7BDCA .7px,transparent .7px);background-size:26px 26px;opacity:.45;mask-image:radial-gradient(ellipse,#000 10%,transparent 67%);pointer-events:none;z-index:-1}
.company-object{position:relative;transition:transform .6s var(--ease-premium);transform-style:preserve-3d}
.company-object img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none;animation:company-art-arrive 1.1s var(--ease-premium) both}
.company-visual figcaption{font-size:11px;line-height:1.8;color:var(--muted);text-align:center;margin:12px auto 0;max-width:400px}
.company-visual figcaption>span{display:block;color:var(--ink);font-size:12px;font-weight:600;margin-bottom:3px}
.company-expertise{margin-top:40px;padding-top:25px;border-top:1px solid #D4E1E8}
.company-expertise>.label{color:#586273;font-size:11px;letter-spacing:.09em;margin-bottom:18px}
.company-expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.company-expertise-link{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:15px;align-items:center;padding:22px;border:1px solid #D4E1E8;border-radius:12px;background:#FFFFFFE6;min-height:101px;box-shadow:0 5px 20px #20384E03;transition:border-color .3s,box-shadow .4s var(--ease-premium),transform .4s var(--ease-premium)}
.company-expertise-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #D6E2E9;background:var(--tint);color:var(--accent);border-radius:10px}
.company-expertise-icon svg{width:23px;height:23px}
.company-expertise-link strong{display:block;font-size:14px;line-height:1.6;font-weight:600;color:var(--ink)}
.company-expertise-link small{display:block;font-size:11px;line-height:1.7;color:#586273;margin-top:5px}
.company-expertise-link>.arrow{width:17px;height:17px;color:var(--accent)}
.company-expertise-link:hover{border-color:#A7C7D3;box-shadow:0 12px 25px #20384E08;transform:translateY(-3px)}
.company-expertise-link:hover>.arrow{transform:translateX(3px)}

.company-principles{padding:94px 0;background:#fff}
.company-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.company-principle-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #D9E3E9;border-radius:16px;background:linear-gradient(150deg,#fff 60%,#F3F7FA);box-shadow:0 8px 28px #20384E04;transition:border-color .3s,box-shadow .4s var(--ease-premium)}
.company-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 27px 6px;font-size:11px;line-height:1.6;color:#586273}
.company-card-top>span:first-child{color:var(--teal);font-weight:600;font-variant-numeric:tabular-nums}
.company-principle-art{height:161px;padding:0 13px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#EAF1F5,transparent 67%);margin-bottom:14px}
.company-principle-art svg{width:100%;height:161px;transition:transform .5s var(--ease-premium)}
.company-principle-copy{padding:0 27px 29px}
.company-principle-copy h3{font-size:25px;line-height:1.25;letter-spacing:-.035em;min-height:63px;margin-bottom:14px}
.company-principle-copy p{font-size:15px;line-height:1.8}
.company-thinking{position:relative;isolation:isolate;padding:96px 0;color:#fff;background:radial-gradient(ellipse at 3% 15%,#183A44,transparent 58%),linear-gradient(120deg,#141B26,#1C2637)}
.company-thinking:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#94B0C022 .7px,transparent .7px);background-size:26px 26px;mask-image:linear-gradient(90deg,#000,transparent 65%);pointer-events:none}
.company-thinking-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:75px;align-items:center}
.company-thinking-copy{min-width:0}
.company-thinking .eyebrow{color:#ADD7DE;margin-bottom:23px}
.company-thinking h2{font-size:clamp(35px,3.5vw,50px);line-height:1.13;letter-spacing:-.04em}
.company-thinking h2>span{color:#ADD7DE}
.company-thinking-lead{font-size:18px;line-height:1.85;color:#C0CBD8;max-width:485px;margin-top:27px}
.company-thinking-note{font-size:13px;line-height:1.9;color:#B5C5D3;border-left:2px solid #648B9D;padding-left:17px;max-width:450px;margin-top:28px}
.company-decision-frame{position:relative;isolation:isolate;min-width:0}
.company-decision-frame:before{content:"";position:absolute;inset:13px -9px -12px 9px;z-index:-1;border:1px solid #8197AC80;border-radius:15px;background:#FFFFFF0C;transform:rotate(1deg)}
.company-thinking .company-decision-sheet{border:1px solid #C7D7E1;border-radius:14px;box-shadow:0 30px 80px #00000024;background:#fff;color:var(--ink)}
.company-decision-sheet .sample-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 27px;background:linear-gradient(120deg,#E8F2F3,#F9FBFC);border-color:#D5E1E8}
.company-decision-sheet .sample-heading>.label{color:var(--teal);font-size:11px;letter-spacing:.055em}
.company-decision-sheet .sample-heading>span:last-child{font-size:11px;color:#586273}
.company-decision-sheet .sample-body{padding:31px}
.company-decision-sheet .sample-kicker{font-size:11px;line-height:1.6;color:var(--teal);margin-bottom:12px}
.company-decision-sheet .sample-body h3{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin-bottom:23px}
.company-decision-rows{border-top:1px solid #D7E2E9}
.company-decision-rows>div{display:grid;grid-template-columns:124px minmax(0,1fr);gap:19px;align-items:baseline;padding:19px 0;border-bottom:1px solid #D7E2E9}
.company-decision-rows dt{display:flex;align-items:baseline;gap:13px;color:var(--ink);font-size:13px;font-weight:600;line-height:1.7}
.company-decision-rows dt>span{font-size:10px;font-weight:400;color:var(--teal)}
.company-decision-rows dd{font-size:13px;line-height:1.8;color:#586273}
.company-decision-sheet .sample-body>.caption{font-size:11px;line-height:1.85;color:#586273;margin-top:24px}
.company-audiences{padding:94px 0 76px;background:radial-gradient(ellipse at 0% 10%,#EAF1F5,transparent 55%),var(--paper)}
.company-audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.company-audience-card{position:relative;min-width:0;padding:31px 33px;border:1px solid #D7E2E9;border-radius:14px;background:linear-gradient(150deg,#fff 70%,#F5F8FB);box-shadow:0 8px 28px #20384E03;transition:border-color .3s,box-shadow .4s var(--ease-premium)}
.company-audience-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}
.company-audience-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #D4E2E9;border-radius:11px;background:#F1F7F8;color:var(--teal);transition:transform .4s var(--ease-premium)}
.company-audience-icon svg{width:24px;height:24px}
.company-audience-index{font-size:11px;color:var(--teal);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.company-audience-card h3{font-size:26px;line-height:1.3;letter-spacing:-.03em;margin-bottom:14px}
.company-audience-card p{font-size:15px;line-height:1.8;max-width:500px}

.motion-paused .company-object img{animation-play-state:paused}
@keyframes company-art-arrive{from{opacity:.2;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){
  .company-visual:hover .company-object{transform:translateY(-4px) rotateY(2deg)}
  .company-principle-card:hover{border-color:#B3CDD8;box-shadow:0 18px 38px #20384E08}
  .company-principle-card:hover .company-principle-art svg{transform:translateY(-4px)}
  .company-audience-card:hover{border-color:#B3CDD8;box-shadow:0 14px 32px #20384E07}
  .company-audience-card:hover .company-audience-icon{transform:translateY(-3px)}
}
@media(max-width:1150px){
  .company-hero-grid{gap:36px;grid-template-columns:1.18fr .92fr}
  .company-hero-copy h1{font-size:clamp(42px,4.5vw,53px)}
  .company-lead{font-size:18px}
  .company-detail{font-size:15px}
  .company-hero-copy .btn{font-size:14px;padding-inline:18px}
  .company-expertise-grid{gap:15px}
  .company-expertise-link{grid-template-columns:35px minmax(0,1fr) 17px;gap:12px;padding:20px 18px}
  .company-expertise-icon{width:35px;height:35px;border-radius:9px}
  .company-expertise-icon svg{width:21px;height:21px}
  .company-expertise-link strong{font-size:13px}
  .company-expertise-link small{font-size:11px}
  .company-principle-grid{gap:19px}
  .company-card-top{padding:22px 22px 6px;font-size:11px;gap:10px}
  .company-principle-copy{padding:0 22px 26px}
  .company-principle-copy h3{font-size:23px;min-height:58px}
  .company-principle-copy p{font-size:14px}
  .company-thinking-grid{gap:48px}
  .company-thinking-lead{font-size:17px}
  .company-decision-sheet .sample-heading{display:block;padding:19px 24px}
  .company-decision-sheet .sample-heading>span:last-child{display:block;margin-top:5px}
  .company-decision-sheet .sample-body{padding:28px}
  .company-decision-rows>div{grid-template-columns:112px minmax(0,1fr);gap:15px}
}
@media(max-width:1000px){
}
@media(max-width:960px){
  .company-hero-grid{grid-template-columns:1fr;gap:22px}
  .company-hero-copy{max-width:780px}
  .company-hero-copy h1{font-size:56px}
  .company-detail{max-width:720px;font-size:16px}
  .company-visual{max-width:455px}
  .company-visual-stage{max-width:420px;margin-inline:auto}
  .company-expertise{margin-top:31px}
  .company-expertise-link{padding:18px 16px;gap:10px;grid-template-columns:32px minmax(0,1fr) 15px;min-height:112px}
  .company-expertise-icon{width:32px;height:32px;border-radius:8px}
  .company-expertise-link strong{font-size:12px}
  .company-expertise-link small{font-size:11px}
  .company-expertise-link>.arrow{width:15px;height:15px}
  .company-principles,.company-thinking,.company-audiences{padding:76px 0}
  .company-experience .section-heading{gap:35px}
  .company-experience .section-heading h2{font-size:41px}
  .company-experience .section-heading>p{max-width:340px;font-size:15px}
  .company-principle-grid{grid-template-columns:1fr;gap:20px}
  .company-principle-card{display:grid;grid-template-columns:.75fr 1.25fr}
  .company-card-top{grid-column:1/-1;padding:21px 28px 5px}
  .company-principle-art{grid-column:1;grid-row:2;margin:0;height:180px;align-self:center}
  .company-principle-art svg{height:180px}
  .company-principle-copy{grid-column:2;grid-row:2;padding:19px 28px 30px}
  .company-principle-copy h3{font-size:27px;min-height:0;margin-bottom:15px}
  .company-principle-copy p{font-size:15px}
  .company-thinking-grid{grid-template-columns:1fr;gap:37px}
  .company-thinking-copy{max-width:730px}
  .company-thinking h2{font-size:42px}
  .company-thinking-lead{max-width:690px;font-size:17px}
  .company-thinking-note{max-width:660px;margin-top:23px}
  .company-decision-frame{max-width:760px;width:100%;margin-inline:auto}
  .company-decision-sheet .sample-heading{display:flex;padding:21px 29px}
  .company-decision-sheet .sample-heading>span:last-child{margin-top:0}
  .company-decision-sheet .sample-body{padding:32px}
  .company-decision-sheet .sample-body h3{font-size:32px}
  .company-decision-rows>div{grid-template-columns:140px minmax(0,1fr);gap:20px;padding:20px 0}
  .company-decision-rows dt,.company-decision-rows dd{font-size:14px}
  .company-audience-grid{gap:20px}
  .company-audience-card{padding:28px}
  .company-audience-card h3{font-size:24px}
  .company-audience-card p{font-size:14px}
  .company-audiences{padding-bottom:60px}
}
@media(max-width:760px){
  .company-hero{padding:23px 0 45px}
  .company-hero .breadcrumb{font-size:11px;margin-bottom:28px}
  .company-hero-copy>.eyebrow{margin-bottom:20px}
  .company-hero-copy h1{font-size:clamp(38px,7vw,51px)}
  .company-lead{font-size:18px;margin-top:23px}
  .company-detail{font-size:16px;margin-top:16px}
  .company-hero-copy .actions{margin-top:26px;gap:14px 23px}
  .company-visual{max-width:390px}
  .company-visual-stage{max-width:350px}
  .company-expertise{padding-top:24px;margin-top:29px}
  .company-expertise-grid{grid-template-columns:1fr;gap:12px}
  .company-expertise-link{grid-template-columns:36px minmax(0,1fr) 18px;padding:17px 20px;gap:15px;min-height:83px}
  .company-expertise-icon{width:36px;height:36px;border-radius:9px}
  .company-expertise-link strong{font-size:14px}
  .company-expertise-link small{font-size:11px}
  .company-principles,.company-thinking{padding:62px 0}
  .company-experience .section-heading{margin-bottom:32px}
  .company-experience .section-heading h2{font-size:38px}
  .company-experience .section-heading>p{font-size:16px;max-width:620px;margin-top:21px}
  .company-principle-copy{padding:18px 25px 27px}
  .company-principle-copy h3{font-size:25px}
  .company-principle-copy p{font-size:14px}
  .company-card-top{padding:21px 25px 5px}
  .company-thinking h2{font-size:38px}
  .company-thinking-lead{font-size:16px;line-height:1.85;margin-top:24px}
  .company-thinking-note{font-size:12px}
  .company-decision-sheet .sample-heading{display:block;padding:19px 25px}
  .company-decision-sheet .sample-heading>span:last-child{display:block;margin-top:5px}
  .company-decision-sheet .sample-body{padding:28px}
  .company-decision-sheet .sample-body h3{font-size:30px}
  .company-decision-rows>div{grid-template-columns:130px minmax(0,1fr);gap:18px}
  .company-audiences{padding:62px 0 47px}
  .company-audience-card{padding:26px}
  .company-audience-card h3{font-size:23px}
  .company-audience-top{margin-bottom:21px}
}
@media(max-width:600px){
  .company-principle-card{display:flex}
  .company-card-top{padding:23px 26px 6px}
  .company-principle-art{height:151px;margin-bottom:17px;width:100%}
  .company-principle-art svg{height:151px}
  .company-principle-copy{padding:0 26px 28px}
  .company-principle-copy h3{font-size:27px}
  .company-principle-copy p{font-size:15px}
  .company-audience-grid{grid-template-columns:1fr;gap:20px}
  .company-audience-card{padding:29px}
  .company-audience-card h3{font-size:26px}
  .company-audience-card p{font-size:15px}
}
@media(max-width:480px){
  .company-hero{padding:21px 0 39px}
  .company-hero .breadcrumb{margin-bottom:25px}
  .company-hero-copy h1{font-size:clamp(34px,8.6vw,40px);line-height:1.14}
  .company-hero-copy>.eyebrow{font-size:11px;letter-spacing:.065em;margin-bottom:20px}
  .company-lead{font-size:17px;line-height:1.85;margin-top:23px}
  .company-detail{font-size:15px;line-height:1.85;margin-top:16px}
  .company-hero-copy .actions{flex-direction:column;align-items:stretch;gap:11px;margin-top:25px}
  .company-hero-copy .btn{width:100%;font-size:14px;padding-inline:15px}
  .company-hero-copy .text-link{align-self:start;font-size:14px}
  .company-hero-grid{gap:18px}
  .company-visual{max-width:330px}
  .company-visual-stage{max-width:285px}
  .company-visual figcaption{font-size:11px;margin-top:8px}
  .company-visual figcaption>span{font-size:11px}
  .company-expertise>.label{font-size:11px;letter-spacing:.07em;margin-bottom:16px}
  .company-expertise-link{padding:17px 18px;gap:13px;grid-template-columns:34px minmax(0,1fr) 16px}
  .company-expertise-icon{width:34px;height:34px}
  .company-expertise-link strong{font-size:13px}
  .company-expertise-link small{font-size:11px}
  .company-principles,.company-thinking{padding:55px 0}
  .company-experience .section-heading h2{font-size:35px}
  .company-experience .section-heading>p{font-size:15px;line-height:1.85}
  .company-principle-grid{gap:22px}
  .company-card-top{padding:22px 24px 5px}
  .company-principle-art,.company-principle-art svg{height:140px}
  .company-principle-copy{padding:0 24px 27px}
  .company-principle-copy h3{font-size:25px;margin-bottom:14px}
  .company-principle-copy p{font-size:14px;line-height:1.85}
  .company-thinking h2{font-size:35px}
  .company-thinking-lead{font-size:15px;line-height:1.9}
  .company-thinking-note{font-size:12px;margin-top:23px}
  .company-thinking-grid{gap:32px}
  .company-decision-frame:before{inset:9px -5px -8px 5px;transform:rotate(.6deg)}
  .company-decision-sheet .sample-heading{padding:18px 23px}
  .company-decision-sheet .sample-heading>.label{font-size:11px;letter-spacing:.025em}
  .company-decision-sheet .sample-body{padding:25px 23px}
  .company-decision-sheet .sample-body h3{font-size:27px}
  .company-decision-rows>div{grid-template-columns:1fr;gap:7px;padding:17px 0}
  .company-decision-rows dt{font-size:13px;gap:12px}
  .company-decision-rows dd{font-size:13px;line-height:1.85;padding-left:25px}
  .company-decision-sheet .sample-body>.caption{font-size:11px;line-height:1.9;margin-top:22px}
  .company-audiences{padding:55px 0 40px}
  .company-audience-card{padding:26px 25px}
  .company-audience-card h3{font-size:24px}
  .company-audience-card p{font-size:14px;line-height:1.85}
  .company-audience-top{margin-bottom:22px}
}
@media(max-width:360px){
  .company-hero-copy h1{font-size:33px}
  .company-visual-stage{max-width:260px}
  .company-expertise-link{padding-inline:16px;gap:11px;grid-template-columns:32px minmax(0,1fr) 15px}
  .company-expertise-link strong{font-size:12px}
  .company-principle-copy h3{font-size:23px}
  .company-experience .section-heading h2,.company-thinking h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
  .company-object,.company-object img{transform:none!important;animation:none!important;transition:none!important}
  .company-expertise-link:hover,.company-visual:hover .company-object,.company-principle-card:hover .company-principle-art svg,.company-audience-card:hover .company-audience-icon{transform:none}
}
@media print{
  .company-hero-grid,.company-thinking-grid{display:block}
  .company-visual,.company-decision-frame:before{display:none}
  .company-thinking{background:#fff;color:var(--ink)}
  .company-thinking h2>span,.company-thinking-lead,.company-thinking-note,.company-thinking .eyebrow{color:var(--ink)}
  .company-principle-grid,.company-audience-grid{grid-template-columns:1fr 1fr}
  .company-principle-card,.company-audience-card{break-inside:avoid;box-shadow:none}
  .company-principle-art{display:none}
  .company-principle-copy{padding-top:20px}
}
