/* Integrated specialty showcase with compact scroll states. */
.studio[data-page="/"] #expertise.has-showcase .focus-head{margin-bottom:clamp(28px,3.4vw,46px)}
.studio[data-page="/"] #expertise.has-showcase .focus-head h2{max-width:20ch;font-size:clamp(42px,4.4vw,62px);line-height:1.04}
.studio[data-page="/"] #expertise.has-showcase .expertise-showcase.expertise-scroll-story{grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);align-items:stretch;gap:clamp(34px,4.6vw,68px)}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-feature{position:sticky;top:clamp(92px,10vh,116px);display:block;align-self:start;padding:0;border:0;background:transparent}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-visual{aspect-ratio:1.48;box-shadow:0 22px 50px rgba(16,45,61,.16)}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-visual::after{inset:30% 0 0;background:linear-gradient(180deg,transparent 5%,rgba(7,25,35,.28) 42%,rgba(7,25,35,.96) 100%)}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-visual figcaption{top:18px;bottom:auto;align-items:center;font-size:9px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-visual-count{padding:7px 9px;border:1px solid rgba(255,255,255,.38);background:rgba(7,25,35,.42);font-size:9px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail{position:absolute;z-index:3;right:0;bottom:0;left:0;display:grid;min-height:0;grid-template-columns:70px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start;gap:0 16px;margin:0;padding:23px clamp(22px,2.5vw,34px) 25px;border:0;border-top:2px solid #c51f36;background:linear-gradient(180deg,rgba(10,34,46,.9),#102d3d 28%);color:#f5f8fa}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail::before{display:none}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail-top{grid-column:1;grid-row:1/span 3;flex-direction:column;align-items:flex-start;gap:8px;margin:0}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail-number{color:#e13249;font-size:clamp(46px,4.4vw,58px)}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail-index{max-width:80px;color:#a9c0ca;font-size:8px;line-height:1.45;letter-spacing:.13em}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail h3{grid-column:2;grid-row:1;max-width:27ch;color:#f5f8fa;font-size:clamp(24px,2.3vw,31px);line-height:1.1}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail>p{grid-column:2;grid-row:2;max-width:52ch;margin:8px 0 0;color:#c1d1d7;font-size:clamp(13px,.96vw,15px);line-height:1.52}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail-link{grid-column:2;grid-row:3;justify-self:start;min-height:38px;gap:22px;margin-top:13px;padding:0 13px;border:1px solid #c51f36;background:#c51f36;color:#fff;font-size:11px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail-link:hover,.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail-link:focus-visible{border-color:#e13249;background:#e13249;color:#fff}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-controls{--expertise-row:clamp(145px,17.5vh,184px);grid-template-rows:repeat(3,var(--expertise-row));align-content:start;padding:0}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-control-track{display:none!important}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice{position:relative;height:var(--expertise-row);grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;align-items:center;gap:5px 15px;padding:17px 25px 17px 16px;border:0;border-top:1px solid rgba(16,45,61,.16);border-left:2px solid transparent;background:transparent;color:#718995;transition:color .28s ease,background-color .28s ease,border-color .28s ease}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice:last-child{border-bottom:1px solid rgba(16,45,61,.16)}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice::before{display:none!important}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice[aria-pressed="true"]{border-left-color:#c51f36;background:rgba(255,255,255,.58);color:#102d3d}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice.is-complete:not([aria-pressed="true"]){color:#526e7c}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice::after{top:22px;right:14px;color:#c51f36;font-size:17px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice-number{grid-row:1/span 3;align-self:start;padding-top:1px;color:#849ba5;font-size:clamp(38px,3.6vw,48px)}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice[aria-pressed="true"] .expertise-choice-number,.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice.is-complete .expertise-choice-number{color:#c51f36}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice-title{padding:0 18px 0 0;font-size:clamp(18px,1.55vw,22px);line-height:1.22}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice-note{font-size:8px;letter-spacing:.14em}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice-description{display:block;align-self:start;max-width:42ch;margin:7px 0 0;color:#718995;font-size:clamp(12px,.89vw,13px);line-height:1.42;opacity:1}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice[aria-pressed="true"] .expertise-choice-description{color:#526e7c}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-feature.is-switching .expertise-visual img{opacity:.5;transform:scale(1.012)}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-feature.is-switching .expertise-detail>*{opacity:0;transform:translateY(5px)}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail>*{transition:opacity .28s ease,transform .36s cubic-bezier(.22,1,.36,1)}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-visual img{transition:opacity .42s ease,transform .85s cubic-bezier(.22,1,.36,1),filter .42s ease}
.studio[data-page="/"] #expertise.has-showcase .focus-credit{margin-top:24px;padding-top:13px;border-top:1px solid rgba(16,45,61,.13)}
@media(max-width:980px) and (min-width:721px){
.studio[data-page="/"] #expertise.has-showcase .expertise-showcase.expertise-scroll-story{grid-template-columns:minmax(0,1.05fr) minmax(290px,.95fr);gap:25px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-visual{aspect-ratio:1.3}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail{grid-template-columns:55px minmax(0,1fr);gap:0 12px;padding:18px 17px 19px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail-number{font-size:43px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail h3{font-size:23px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-controls{--expertise-row:clamp(142px,17vh,170px)}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice{grid-template-columns:48px minmax(0,1fr);gap:4px 11px;padding-right:18px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice-number{font-size:37px}
}
@media(max-width:720px){
.studio[data-page="/"] #expertise.has-showcase .expertise-showcase.expertise-scroll-story{gap:0}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-feature{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-visual{aspect-ratio:1.55}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-visual figcaption{top:12px;bottom:auto;left:12px;right:12px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail{position:relative;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto auto;gap:0 10px;padding:16px 16px 17px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail-top{gap:5px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail-number{font-size:38px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail-index{font-size:7px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail h3{font-size:clamp(20px,5.6vw,25px)}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail>p{margin-top:6px;font-size:12px;line-height:1.45}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail-link{min-height:35px;margin-top:9px;font-size:10px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-controls{--expertise-row:96px;margin-top:16px;grid-template-rows:repeat(3,var(--expertise-row))}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice{height:var(--expertise-row);min-height:0;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 10px;padding:12px 20px 12px 12px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice-number{grid-row:1/span 2;font-size:33px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice-title{font-size:16px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice-note{font-size:7px}
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice-description{display:none}
}
@media(prefers-reduced-motion:reduce){
.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-control-progress,.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-choice,.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-feature .expertise-visual img,.studio[data-page="/"] #expertise.has-showcase .expertise-scroll-story .expertise-detail>*{transition:none!important}
}