/* Case-led application gallery. All primary images use original source files. */
html:has(.scenes-nav){scroll-padding-top:0}
/* Compact editorial hero: original case images provide the visual evidence. */
.scenes-hero-band{position:relative;isolation:isolate;background:linear-gradient(180deg,#fff 0%,#f7faff 25%,#edf5fc 72%,#fff 100%)}
.scenes-hero-band:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 76% 52%,#bdd9ef80,transparent 57%),radial-gradient(ellipse at 28% 100%,#e2eefb80,transparent 65%);mask-image:linear-gradient(transparent,#000 16%,#000 75%,transparent)}
.scenes-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:25px;align-items:center;padding-block:34px 48px;min-height:420px}
.scenes-eyebrow{font-size:10px;letter-spacing:.16em;color:#7890a7;line-height:1.6}
.scenes-hero-copy{position:relative;z-index:2;padding-block:20px}
.scenes-hero-copy>.scenes-eyebrow{color:#557ca4;font-size:11px;letter-spacing:.2em}
.scenes-hero h1{font-size:clamp(37px,3.1vw,54px);line-height:1.42;color:#203b55;font-weight:600;font-style:normal;letter-spacing:-.045em;margin:18px 0 22px}
.scenes-hero h1 span{display:block;color:#3d6c9f}
.scenes-hero-description{font-size:14px;line-height:1.95;color:#667f96;margin:0;max-width:470px}
.scenes-mobile-break{display:none}
.scenes-hero-facts{display:flex;align-items:center;gap:18px;margin-top:28px;font-size:12px;color:#7c91a5}
.scenes-hero-facts strong{font-size:18px;font-weight:500;color:#406c98;font-variant-numeric:tabular-nums;margin-right:4px}
.scenes-hero-facts i{width:1px;height:12px;background:#b5c8d9;transform:rotate(18deg)}
.scenes-hero-art{position:relative;min-width:0;width:100%;aspect-ratio:1.68;perspective:1400px;isolation:isolate}
.scenes-hero-art:before{content:"";position:absolute;left:5%;right:-3%;top:16%;bottom:1%;background:radial-gradient(ellipse,#a8c9e755,transparent 68%);filter:blur(16px);z-index:-1;pointer-events:none}
.scene-preview{display:block;position:absolute;padding:4px;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#fff,#b1cce2 50%,#e6f1f9);box-shadow:0 19px 29px -19px #254e7c70,0 4px 9px -5px #335e8e55,inset 0 1px 1px #fff;transition:transform .6s cubic-bezier(.22,.7,.2,1),box-shadow .6s;transform-origin:center;will-change:transform}
.scene-preview img{display:block;width:100%;height:auto;border-radius:9px;object-fit:contain}
.scene-preview-main{width:86%;right:0;top:1%;transform:rotateY(-7deg) rotateX(2deg) rotateZ(-1deg);background:linear-gradient(135deg,#ebf4fc,#86a9c6 55%,#d4e6f4)}
.scene-preview-detail{width:49%;left:-7%;bottom:7%;z-index:2;transform:rotateY(5deg) rotateZ(1deg);padding:4px}
.scene-preview-caption{position:absolute;left:4px;right:4px;bottom:4px;display:flex;align-items:center;justify-content:space-between;padding:18px 12px 10px;border-radius:0 0 9px 9px;background:linear-gradient(transparent,#122f4aeb);color:white;font-size:10px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.scene-preview-caption small{font-size:9px;color:#c8e2f5}
.scene-preview-detail .scene-preview-caption{background:linear-gradient(transparent,#edf6fff5);color:#2d5275}
.scene-preview-detail .scene-preview-caption small{color:#557b9d}
.scenes-art-note{position:absolute;right:0;bottom:-2%;font-size:10px;letter-spacing:.07em;color:#6887a4}
.scene-preview:focus-visible{outline:2px solid #497fae;outline-offset:5px}
.scene-preview:focus-visible .scene-preview-caption{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.scene-preview-main:hover{transform:translateY(-5px) rotateY(-3deg) rotateX(0deg);box-shadow:0 24px 34px -19px #254e7c80,0 4px 9px -5px #335e8e55}.scene-preview-detail:hover{transform:translateY(-5px) rotateY(0deg) rotateZ(0deg)}.scene-preview:hover .scene-preview-caption{opacity:1;transform:none}}
.scenes-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;background:rgba(239,245,250,.94);backdrop-filter:blur(22px);border-radius:16px;position:sticky;top:var(--scenes-header-height,84px);z-index:25;box-shadow:0 12px 26px -23px #315a7b66,inset 0 1px #fff}
.scenes-nav a{display:flex;align-items:center;justify-content:center;gap:15px;min-height:52px;padding:8px 13px;color:#617c92;font-size:14px;border-radius:11px;transition:color .25s,background .25s,box-shadow .25s}
.scenes-nav a>span{font-size:9px;letter-spacing:.05em;color:#8ba3b7}
.scenes-nav a>small{font-size:9px;font-variant-numeric:tabular-nums;margin-left:9px;color:#91a6b7}
.scenes-nav a:hover{background:#ffffff85;color:#315f80}
.scenes-nav a[aria-current=location]{background:linear-gradient(135deg,#648dbc,#2f659c);color:#fff;box-shadow:0 5px 12px -8px #244e7b65,inset 0 1px #ffffff40;font-weight:500}
.scenes-nav a:focus-visible,.scene-choice:focus-visible,.scene-detail-link:focus-visible,.scene-footer a:focus-visible{outline:2px solid #6199bf;outline-offset:3px}
.scene-section{padding-top:49px;scroll-margin-top:calc(var(--scenes-header-height,84px) + 47px)}
.scene-section+.scene-section{padding-top:76px}
.scene-section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}
.scene-section-heading h2{font-size:29px;line-height:1.4;font-weight:600;letter-spacing:-.025em;color:#29465e;margin-top:9px}
.scene-section-heading>span{font-size:11px;color:#8398a9;padding-bottom:4px}
.scene-exhibit{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(260px,1fr);gap:24px;align-items:start}
.scene-display{margin:0;min-width:0;overflow:hidden;border-radius:20px;background:#f2f6fa;box-shadow:0 18px 35px -25px #24496545}
.scene-display-frame{position:relative;isolation:isolate;aspect-ratio:1.64;padding:39px 28px 27px;background:radial-gradient(ellipse at 60% 10%,#274c68,#142b41 68%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.scene-display-label{position:absolute;left:29px;top:16px;font-size:8px;letter-spacing:.17em;color:#8aabbf}
.scene-display-frame img{width:100%;height:100%;object-fit:contain;min-height:0;filter:drop-shadow(0 8px 12px #05172544);transition:opacity .22s,transform .45s}
.scene-display.is-changing .scene-display-frame img{opacity:.48;transform:scale(.992)}
.scene-display figcaption{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 28px;background:linear-gradient(120deg,#f7fafc,#eef4f9);min-height:104px}
.scene-display-number{font-size:9px;letter-spacing:.08em;color:#7c97ac;font-variant-numeric:tabular-nums}
.scene-display h3{font-size:20px;line-height:1.5;font-weight:500;color:#31536e;margin:6px 0 0}
.scene-detail-link{font-size:12px;flex-shrink:0;color:#466e8c;padding:11px 15px;background:#fff9;border-radius:10px;box-shadow:0 3px 9px -7px #21476a40;transition:background .25s,color .25s}
.scene-detail-link:hover{background:#fff;color:#244d6b}
.scene-index{padding:17px 0 0;min-width:0}
.scene-index-heading{display:flex;justify-content:space-between;align-items:center;padding:0 13px 17px;gap:12px}
.scene-index-heading>span:first-child{font-size:12px;color:#59748b}
.scene-index-heading>span:last-child{font-size:8px;letter-spacing:.11em;color:#94a5b3}
.scene-choices{display:flex;flex-direction:column;gap:7px}
.scene-choice{display:grid;grid-template-columns:65px minmax(0,1fr) 17px;align-items:center;gap:13px;min-height:64px;padding:10px 12px;border-radius:12px;color:#728698;background:#f8fafc;transition:background .25s,box-shadow .25s,color .25s}
.scene-choice img{display:block;width:65px;height:41px;object-fit:contain;background:#e9eff5;border-radius:5px;opacity:.7;transition:opacity .25s}
.scene-choice>span{font-size:12px;line-height:1.6}
.scene-choice>small{font-size:9px;color:#9baeba;font-variant-numeric:tabular-nums;text-align:right}
.scene-choice:hover{background:#edf4fa;color:#355c7c}
.scene-choice[aria-pressed=true]{background:linear-gradient(115deg,#e7f0f8,#f2f7fb);color:#294f6e;box-shadow:inset 3px 0 #80a5c2,0 8px 16px -13px #3e70994d}
.scene-choice[aria-pressed=true]>span{font-weight:500}
.scene-choice[aria-pressed=true] img,.scene-choice:hover img{opacity:1}
.scene-live{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.scene-footer{display:flex;align-items:center;gap:28px;padding:30px 35px;margin-top:65px;margin-bottom:75px;border-radius:18px;background:linear-gradient(115deg,#edf3f8,#f8fafc)}
.scene-footer>div{margin-right:auto}
.scene-footer h2{font-size:23px;color:#365b78;font-weight:500}
.scene-footer p{font-size:12px;color:#7a8c9d;margin-top:10px;line-height:1.8}
.scene-footer>a{font-size:12px;white-space:nowrap;color:#4f7796;padding-block:10px}
.scene-footer>a:last-child{background:white;padding:12px 20px;border-radius:11px;box-shadow:0 5px 12px -10px #2f5c7c55}
.case-image-note{font-size:13px;color:#7a8c9e;line-height:1.9;margin-top:24px}
.case-source-image{margin-top:0;margin-bottom:30px;padding:28px;background:#f1f5f9;border-radius:20px}
.case-source-image>img{display:block;width:auto;max-width:100%;height:auto;margin:auto;max-height:none;border-radius:7px}
.case-source-image figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#68839a;line-height:1.8;padding-top:22px}
.case-source-image figcaption>a{color:#3f7297;flex-shrink:0}
.case-image-actions{display:flex;gap:26px;font-size:13px;color:#527893;padding-bottom:44px}
.case-image-actions a:last-child{margin-left:auto}
@media(max-width:1100px){.scene-exhibit{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.scene-display-frame{aspect-ratio:1.4;padding:38px 18px 23px}.scene-display figcaption{display:block;padding:21px}.scene-detail-link{display:inline-block;margin-top:14px}.scene-choice{grid-template-columns:49px minmax(0,1fr) 13px;gap:10px;padding:9px}.scene-choice img{width:49px;height:37px}.scene-choice>span{font-size:11px}.scene-choice{min-height:61px}.scenes-nav a{font-size:12px;gap:8px}}
@media(max-width:800px){.scenes-nav{display:flex;overflow-x:auto;scrollbar-width:none;padding:5px;border-radius:13px}.scenes-nav a{flex-shrink:0;min-height:45px;padding:9px 14px;gap:10px}.scenes-nav a>small{display:none}.scene-section{padding-top:36px}.scene-section+.scene-section{padding-top:49px}.scene-section-heading h2{font-size:25px}.scene-section-heading>span{font-size:10px}.scene-exhibit{grid-template-columns:1fr;gap:17px}.scene-display-frame{aspect-ratio:1.65;padding:31px 16px 17px}.scene-display-label{left:17px;top:12px;font-size:7px}.scene-display figcaption{display:flex;gap:16px;padding:19px 20px;min-height:100px}.scene-display h3{font-size:18px}.scene-detail-link{margin:0;font-size:11px;padding:10px}.scene-index{padding:0}.scene-index-heading{padding:0 5px 11px}.scene-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.scene-choice{grid-template-columns:43px minmax(0,1fr);gap:9px;min-height:67px;padding:9px}.scene-choice img{width:43px;height:36px}.scene-choice>small{display:none}.scene-choice>span{font-size:11px}.scene-footer{display:flex;flex-wrap:wrap;padding:27px;margin-top:45px;margin-bottom:45px;gap:20px}.scene-footer>div{flex-basis:100%}.scene-footer h2{font-size:22px}.case-source-image{padding:14px;border-radius:13px}.case-source-image figcaption{display:block;font-size:11px;padding-top:15px}.case-source-image figcaption>a{display:block;margin-top:8px}.case-image-actions{font-size:11px;gap:17px;flex-wrap:wrap}.case-image-note{font-size:12px}}
@media(max-width:400px){.scene-display figcaption{display:block}.scene-detail-link{margin-top:14px}.scene-section-heading{gap:12px}.scene-section-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.scenes-nav a,.scene-display-frame img,.scene-detail-link,.scene-choice,.scene-choice img{transition:none}.scene-display.is-changing .scene-display-frame img{transform:none;opacity:1}}

.scenes-nav a[aria-current=location]>span,.scenes-nav a[aria-current=location]>small{color:#e5effa}
@media(min-width:1700px){.scenes-hero{min-height:480px;padding-block:42px 54px}.scenes-hero-art{max-width:820px;justify-self:end}.scenes-hero-description{font-size:16px}.scenes-hero-facts{font-size:13px}}
@media(max-width:1100px) and (min-width:801px){.scenes-hero{grid-template-columns:1fr 1fr;min-height:345px;gap:18px;padding-block:24px 38px}.scenes-hero h1{font-size:36px}.scenes-hero-description{font-size:12px}.scenes-hero-facts{margin-top:21px;font-size:11px}.scene-preview-detail{left:-3%;bottom:2%}.scenes-art-note{bottom:-9%}}
@media(max-width:800px){.scenes-hero{grid-template-columns:1fr;gap:18px;min-height:0;padding-block:25px 32px}.scenes-hero-copy{padding:0}.scenes-hero-copy>.scenes-eyebrow{font-size:9px}.scenes-hero h1{font-size:35px;margin:13px 0 17px;line-height:1.4}.scenes-hero-description{font-size:13px}.scenes-hero-facts{margin-top:18px;font-size:11px;gap:15px}.scenes-hero-facts strong{font-size:17px}.scenes-hero-art{width:94%;max-width:540px;justify-self:center;margin-top:12px;margin-bottom:9px;aspect-ratio:1.75}.scene-preview-main{width:86%;right:0}.scene-preview-detail{left:-3%;bottom:2%;width:49%}.scenes-art-note{font-size:8px;bottom:-7%}.scene-preview-caption{display:none}.scene-preview{border-radius:10px;padding:3px}.scene-preview img{border-radius:7px}.scenes-hero-band{background:linear-gradient(180deg,#fff,#f4f8fd 30%,#e9f3fc 76%,#fff)}.scenes-nav a[aria-current=location]{box-shadow:0 3px 7px -5px #244e7b65}}
@media(max-width:370px){.scenes-hero h1{font-size:31px}.scenes-mobile-break{display:block}}
@media(prefers-reduced-motion:reduce){.scene-preview,.scene-preview-caption{transition:none}.scene-preview-main:hover,.scene-preview-detail:hover{transform:none}}