/* Real architectural context, one image and one design question at a time. */
.studio .company-experience-v18{background:var(--paper);color:var(--ink);padding:100px 0 92px}
.company-sector-heading{max-width:860px;margin:0 auto 54px;text-align:center}
.studio .company-sector-heading .eyebrow{margin:0 0 22px}
.studio .company-sector-heading h2{font-size:var(--sib-section-title);line-height:1.05;letter-spacing:-.045em;max-width:850px;margin:0}
.company-sector-intro{font-size:var(--sib-body);line-height:1.65;color:var(--muted);max-width:625px;margin:24px auto 0}
.company-sector-gallery{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,2fr);gap:clamp(32px,5vw,80px);align-items:start}
.company-sector-index{border-top:1px solid var(--line)}
.company-sector-index button{font:inherit;background:none;color:var(--muted);border:0;border-bottom:1px solid var(--line);width:100%;min-height:72px;padding:20px 0;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:13px;align-items:baseline;text-align:left;cursor:pointer;transition:color .22s}
.company-sector-index button>span:nth-child(2){font-family:var(--display);font-weight:500;font-size:clamp(21px,1.8vw,27px);line-height:1.12;letter-spacing:-.025em}
.company-sector-number{font-size:18px;font-variant-numeric:tabular-nums;line-height:1.2}
.company-sector-arrow{opacity:0;transform:translate(-4px,4px);transition:opacity .22s,transform .22s}
.company-sector-index button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--red)}
.company-sector-index button[aria-pressed=true] .company-sector-number{color:var(--red)}
.company-sector-index button[aria-pressed=true] .company-sector-arrow,.company-sector-index button:hover .company-sector-arrow{opacity:1;transform:none}
.company-sector-index button:hover{color:var(--ink)}
.company-sector-index button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.company-sector-stage{min-width:0}
.company-sector-scene{margin:0}
.company-sector-scene[hidden]{display:none}
.company-sector-photo{overflow:hidden;aspect-ratio:1.52;background:transparent}
.company-sector-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.company-sector-photo:hover img{transform:scale(1.025)}
.company-sector-scene.is-entering .company-sector-photo{animation:sector-photo-in .6s cubic-bezier(.2,.7,.2,1) both}
.company-sector-scene.is-entering figcaption{animation:sector-copy-in .5s .07s both}
.studio .company-sector-scene figcaption{display:block;padding:23px 0 0}
.company-sector-caption-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;line-height:1.5}
.company-sector-count{font-variant-numeric:tabular-nums}
.studio .company-sector-scene h3{color:var(--ink);font-family:var(--display);font-weight:500;font-size:clamp(26px,2.5vw,36px);line-height:1.12;letter-spacing:-.035em;margin:17px 0 14px;max-width:760px}
.company-sector-scene figcaption>p{font-size:var(--sib-body);line-height:1.65;color:var(--muted);max-width:650px;margin:0}
.company-sector-note{font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin:42px 0 0;max-width:820px}
@keyframes sector-photo-in{from{opacity:.4;clip-path:inset(0 0 4% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes sector-copy-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.company-sector-gallery{grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr);gap:30px}.company-sector-index button{min-height:64px;padding:18px 0;gap:9px;grid-template-columns:30px minmax(0,1fr) 16px}.company-sector-index button>span:nth-child(2){font-size:22px}.company-sector-photo{aspect-ratio:1.2}.company-sector-number{font-size:17px}}
@media(max-width:760px){.studio .company-experience-v18{padding:65px 0}.company-sector-heading{margin-bottom:31px}.company-sector-intro{margin-top:20px}.company-sector-gallery{display:flex;flex-direction:column;gap:27px}.company-sector-index{width:100%;display:flex;overflow-x:auto;gap:22px;border-top:0;scrollbar-width:thin;scroll-snap-type:x proximity;padding-bottom:6px}.company-sector-index button{flex:0 0 auto;width:auto;min-height:0;max-width:none;display:flex;align-items:baseline;gap:9px;padding:13px 0;scroll-snap-align:start}.company-sector-index button>span:nth-child(2){font-size:21px;white-space:nowrap}.company-sector-arrow{display:none}.company-sector-number{font-size:16px}.company-sector-stage{width:100%}.company-sector-photo{aspect-ratio:1.25}.studio .company-sector-scene h3{font-size:28px}.studio .company-sector-scene figcaption{padding-top:19px}.company-sector-caption-heading,.company-sector-note{font-size:11px}.company-sector-note{margin-top:31px}}
@media(prefers-reduced-motion:reduce){.company-sector-scene.is-entering .company-sector-photo,.company-sector-scene.is-entering figcaption{animation:none}.company-sector-photo img,.company-sector-arrow{transition:none}.company-sector-photo:hover img{transform:none}}