/* Company page, version 16: a clear brand story and original building typology drawings. */
.studio .company-story-intro{padding-block:clamp(76px,10vw,146px) clamp(55px,7vw,98px);grid-template-columns:1.35fr .65fr;gap:clamp(44px,8vw,128px);align-items:end}
.studio .company-story-intro .eyebrow{font-size:12px;letter-spacing:.17em;color:#4a64b6;margin-bottom:26px}
.studio .company-story-intro h1{max-width:920px;font-size:clamp(52px,6.7vw,96px);line-height:.99;letter-spacing:-.065em}
.studio .company-story-intro .page-lead{max-width:420px;font-size:17px;line-height:1.7;color:#536f80}
.studio .company-history-v16{display:block;background:#e4ebef;border-top:1px solid #cbd7dd;border-bottom:1px solid #cbd7dd;padding:clamp(62px,8vw,112px) 0 clamp(70px,9vw,126px)}
.studio .company-history-v16>.shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(50px,9vw,140px);align-items:start}
.studio .company-history-v16 .company-history-heading{position:static;max-width:450px}
.studio .company-history-v16 .company-history-heading .eyebrow{color:#4a64b6;font-size:11px;letter-spacing:.15em;margin-bottom:24px}
.studio .company-history-v16 .company-history-heading h2{font-size:clamp(38px,4.2vw,62px);line-height:1.04;letter-spacing:-.055em}
.studio .company-history-v16 .history-lead{margin-top:22px;color:#627b88;font-size:15px}
.studio .company-history-v16 .company-history-track{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);padding-top:35px}
.studio .company-history-v16 .company-history-track:before{content:"";position:absolute;left:8px;right:8px;top:0;height:1px;background:#aebfc8}
.studio .company-history-v16 .company-history-track:after{display:none}
.studio .company-history-v16 .company-history-track article{position:relative;display:block;border:0;padding:0;min-width:0}
.studio .company-history-v16 .company-history-track article:before{content:"";position:absolute;top:-40px;left:3px;width:11px;height:11px;border-radius:50%;background:#c82032;box-shadow:0 0 0 6px #e4ebef}
.studio .company-history-v16 .company-history-track article>span:first-child{display:block;margin:0 0 28px;font-size:clamp(50px,6vw,82px);letter-spacing:-.07em;line-height:.9;color:#425fb1}
.studio .company-history-v16 .company-history-track .eyebrow{color:#627b88;font-size:10px;letter-spacing:.14em;margin:0 0 10px}
.studio .company-history-v16 .company-history-track h3{font-size:clamp(23px,2.3vw,32px);letter-spacing:-.04em;margin:0 0 14px}
.studio .company-history-v16 .company-history-track p:not(.eyebrow){max-width:390px;color:#536f80;font-size:15px;line-height:1.7;margin:0 0 22px}
.studio .company-history-v16 .history-discipline{display:inline-block;border-top:1px solid #bac8cf;padding-top:14px;font-size:12px;line-height:1.5;color:#425fb1;max-width:300px}
.studio .company-experience{padding-block:clamp(76px,10vw,136px);background:#eef2f4}
.studio .company-experience .studio-heading-split{grid-template-columns:1.08fr .72fr;gap:clamp(48px,9vw,144px);margin-bottom:clamp(36px,5vw,68px)}
.studio .company-experience .studio-heading-split h2{max-width:720px;font-size:clamp(43px,5vw,72px);line-height:1.02;letter-spacing:-.06em}
.studio .company-experience .studio-intro{max-width:400px;font-size:16px;line-height:1.72;color:#526d7c}
.studio .experience-reel .experience-choices{gap:clamp(13px,2.3vw,32px);margin-bottom:30px}
.studio .experience-reel .experience-choices button{min-height:94px;padding:14px 0 17px;border-top-color:#bbc9cf;transition:color .3s,border-color .3s,transform .3s}
.studio .experience-reel .experience-choices button:hover{transform:translateY(-3px);color:#152f3d}
.studio .experience-reel .experience-number{font-size:15px;color:#687f8c}
.studio .experience-reel .experience-choices button>span:nth-child(2){font-size:clamp(17px,1.65vw,23px);line-height:1.18;letter-spacing:-.025em}
.studio .experience-reel .experience-scenes{gap:clamp(20px,3vw,42px)}
.studio .experience-reel .experience-scenes:after{flex-basis:calc(24% - clamp(20px,3vw,42px))}
.studio .experience-reel .experience-scene{flex-basis:76%}
.studio .experience-art{display:block;width:100%;height:auto;aspect-ratio:25/14;background:#e5edf1;overflow:hidden}
.studio .experience-reel .experience-scene figcaption{grid-template-columns:92px 1fr;gap:8px 24px;padding-top:25px}
.studio .experience-reel .experience-scene-index{font-size:22px;color:#c82032;margin-top:4px}
.studio .experience-reel .experience-scene h3{font-size:clamp(30px,3.1vw,46px);line-height:1.04;letter-spacing:-.05em}
.studio .experience-reel .experience-scene p{font-size:15px;line-height:1.6;color:#536f80}
.studio .experience-reel .experience-context-label{font-size:11px;letter-spacing:.04em;color:#738995;margin-top:6px}
.studio .experience-reel .experience-navigation{margin-top:36px;padding-top:22px}
.studio .experience-reel .experience-navigation button{width:54px;height:54px}
.studio .company-experience .confidentiality-note{max-width:780px;border-top:1px solid #cbd6db;padding-top:18px;font-size:12px;line-height:1.65;color:#637985;margin-top:34px}
.studio .company-principle{padding-block:clamp(70px,9vw,120px);gap:clamp(28px,5vw,72px)}
.studio .company-principle h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.05em}
.studio .company-principle>div>p{font-size:16px;line-height:1.72}
.studio .company-story-intro,.studio .company-history-v16,.studio .company-experience,.studio .company-principle{overflow:clip}
.studio .experience-scene.is-active .experience-art>g:nth-of-type(2) path{stroke-dasharray:1180;stroke-dashoffset:0;animation:company-network-draw 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes company-network-draw{from{stroke-dashoffset:1180}to{stroke-dashoffset:0}}
.studio .experience-reel :is(button,a):focus-visible{outline:2px solid #c82032;outline-offset:5px}
@media(max-width:1100px){
 .studio .company-history-v16>.shell{grid-template-columns:.72fr 1.28fr;gap:48px}
 .studio .company-history-v16 .company-history-track{gap:25px}
 .studio .experience-reel .experience-scenes:after{flex-basis:calc(24% - 26px)}
}
@media(max-width:760px){
 .studio .company-story-intro{padding-block:65px 48px}
 .studio .company-story-intro .eyebrow{font-size:10px;margin-bottom:20px}
 .studio .company-story-intro h1{font-size:clamp(43px,10.2vw,64px);line-height:1.01}
 .studio .company-story-intro .page-lead{font-size:15px;margin-top:22px}
 .studio .company-history-v16{padding-block:55px 63px}
 .studio .company-history-v16>.shell{display:block}
 .studio .company-history-v16 .company-history-heading{margin:0 0 52px}
 .studio .company-history-v16 .company-history-heading .eyebrow{font-size:9px;margin-bottom:17px}
 .studio .company-history-v16 .company-history-heading h2{font-size:40px}
 .studio .company-history-v16 .history-lead{font-size:14px;margin-top:15px}
 .studio .company-history-v16 .company-history-track{display:block;padding:0 0 0 25px;margin-left:8px}
 .studio .company-history-v16 .company-history-track:before{top:8px;bottom:14px;left:0;width:1px;height:auto;right:auto}
 .studio .company-history-v16 .company-history-track:after{display:none}
 .studio .company-history-v16 .company-history-track article{padding:0 0 39px 0}
 .studio .company-history-v16 .company-history-track article:last-child{padding-bottom:0}
 .studio .company-history-v16 .company-history-track article:before{top:2px;left:-30px;width:11px;height:11px}
 .studio .company-history-v16 .company-history-track article>span:first-child{font-size:55px;margin-bottom:17px}
 .studio .company-history-v16 .company-history-track .eyebrow{font-size:9px}
 .studio .company-history-v16 .company-history-track h3{font-size:27px;margin-bottom:11px}
 .studio .company-history-v16 .company-history-track p:not(.eyebrow){font-size:14px;margin-bottom:16px}
 .studio .company-experience{padding-block:62px 66px}
 .studio .company-experience .studio-heading-split{display:block;margin-bottom:31px}
 .studio .company-experience .studio-heading-split h2{font-size:40px}
 .studio .company-experience .studio-intro{font-size:14px;margin-top:19px}
 .studio .experience-reel .experience-choices{grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:23px}
 .studio .experience-reel .experience-choices button{min-height:69px;padding-block:11px;gap:11px;display:flex;align-items:center}
 .studio .experience-reel .experience-choices button>span:nth-child(2){font-size:17px}
 .studio .experience-reel .experience-number{font-size:14px;min-width:22px}
 .studio .experience-reel .experience-scenes{gap:18px}
 .studio .experience-reel .experience-scenes:after{flex-basis:calc(13% - 18px)}
 .studio .experience-reel .experience-scene{flex-basis:87%}
 .studio .experience-art{aspect-ratio:1.35}
 .studio .experience-reel .experience-scene figcaption{display:block;padding-top:19px}
 .studio .experience-reel .experience-scene-index{font-size:17px;margin:0 0 12px}
 .studio .experience-reel .experience-scene h3{font-size:31px;margin-bottom:9px}
 .studio .experience-reel .experience-scene p{font-size:14px}
 .studio .experience-reel .experience-context-label{font-size:10px;margin-top:13px}
 .studio .experience-reel .experience-navigation{margin-top:24px;gap:10px}
 .studio .experience-reel .experience-navigation>span:nth-child(2){display:none}
 .studio .experience-reel .experience-navigation button{width:46px;height:46px}
 .studio .company-experience .confidentiality-note{font-size:11px;margin-top:25px}
 .studio .company-principle{display:block;padding-block:59px}
 .studio .company-principle>.eyebrow{font-size:9px;margin:0 0 18px}
 .studio .company-principle h2{font-size:38px;margin-bottom:20px}
 .studio .company-principle>div>p{font-size:14px;margin-bottom:22px}
}
@media(max-width:380px){
 .studio .company-story-intro h1{font-size:41px}
 .studio .experience-reel .experience-choices{gap:0 13px}
 .studio .experience-reel .experience-choices button{gap:8px}
 .studio .experience-reel .experience-choices button>span:nth-child(2){font-size:15px}
 .studio .experience-reel .experience-number{font-size:12px;min-width:18px}
 .studio .experience-reel .experience-scene h3{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.studio .company-v16 *, .studio .company-experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}