/* Actual screens unfold inside the existing exhibit; no extra section. */
.case-page.tf2 .case-cover-image{container-type:inline-size}
.case-page.tf2 .case-cover-image .case-terminal-screen{transition:opacity .45s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
.case-page.tf2 .case-cover-image.tf2-layers-open .case-terminal-screen{opacity:0!important;transform:perspective(1400px) rotateY(12deg) scale(.93)}
.tf2-layers-v18{position:absolute;z-index:7;left:5%;top:18%;width:55%;aspect-ratio:1265/790;perspective:1100px;pointer-events:none;opacity:0;transition:opacity .35s ease}
.tf2-layers-open .tf2-layers-v18{opacity:1}
.case-page.tf2 .tf2-layer-v18{position:absolute;inset:0;width:100%;height:max-content;margin:0;padding:0;border:1px solid #cbaa706b;background:#111112;box-shadow:0 18px 40px #000a;color:#efe5d4;appearance:none;text-align:left;transform:translate(0,0) scale(.82);transform-origin:left center;opacity:0;transition:transform .75s cubic-bezier(.16,.8,.22,1),opacity .4s,border-color .3s,box-shadow .3s;cursor:zoom-in;overflow:hidden}
.case-page.tf2 .tf2-layer-v18 img{display:block;position:static;width:100%;height:auto;aspect-ratio:1265/712;object-fit:contain;border:0;box-shadow:none;filter:none}
.tf2-layer-v18>span{display:block;padding:11px 13px;font:500 clamp(9px,1.05cqi,13px)/1.4 var(--mono,monospace);letter-spacing:.025em;border-top:1px solid #cbaa702e;background:linear-gradient(100deg,#2d251b,#141214);white-space:nowrap}
.tf2-layers-open .tf2-layer-v18{opacity:1;pointer-events:auto}
.tf2-layers-open .tf2-layer-v18:nth-child(1){transform:translate(-1%,10%) rotateY(10deg) rotateZ(-3deg) scale(.7);transition-delay:0s}
.tf2-layers-open .tf2-layer-v18:nth-child(2){transform:translate(42%,-7%) rotateY(0deg) scale(.76);transition-delay:.08s}
.tf2-layers-open .tf2-layer-v18:nth-child(3){transform:translate(89%,15%) rotateY(-10deg) rotateZ(3deg) scale(.7);transition-delay:.16s}
.tf2-layers-open .tf2-layer-v18.is-selected{z-index:3;border-color:#ead7a8;box-shadow:0 22px 65px #000d,0 0 27px #d8b47720;transition-delay:0s}
.tf2-layers-open .tf2-layer-v18:nth-child(1).is-selected{transform:translate(-1%,5%) rotateY(3deg) rotateZ(-1deg) scale(.81)}
.tf2-layers-open .tf2-layer-v18:nth-child(2).is-selected{transform:translate(40%,-10%) scale(.86)}
.tf2-layers-open .tf2-layer-v18:nth-child(3).is-selected{transform:translate(81%,10%) rotateY(-3deg) rotateZ(1deg) scale(.81)}
.tf2-layer-toggle-v18{position:absolute;bottom:19px;left:20px;z-index:9;display:flex;gap:9px;align-items:center;min-height:40px;padding:9px 13px;border:1px solid #cbaa704d;background:#101012e8;color:#dfd3bf;font:400 10px/1.4 var(--mono,monospace);letter-spacing:.03em;backdrop-filter:blur(12px);cursor:pointer;transition:color .2s,border-color .2s}
.tf2-layer-toggle-v18>span{font-size:20px;line-height:1;color:#cbaa70}
.tf2-layer-toggle-v18:hover,.tf2-layer-toggle-v18[aria-expanded=true]{border-color:#cbaa7099;color:#fff2d8}
.tf2-layer-v18:focus-visible,.tf2-layer-toggle-v18:focus-visible,.tf2-screen-open-v18:focus-visible{outline:2px solid #e5c38a;outline-offset:-3px}
.tf2-screen-open-v18{appearance:none;position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:#0e0e10;cursor:zoom-in;color:#f3ead9;text-align:left}
.case-page.tf2 .tf2-screen-open-v18>img{display:block;width:100%;height:auto;aspect-ratio:1265/712;object-fit:contain}
.tf2-screen-open-v18>span{position:absolute;right:12px;bottom:12px;display:flex;gap:16px;align-items:center;padding:9px 12px;background:#100f12eb;border:1px solid #cbaa7055;font:500 10px/1.4 var(--mono,monospace);backdrop-filter:blur(8px);transition:border-color .2s,color .2s}
.tf2-screen-open-v18:hover>span{border-color:#cbaa70;color:#fff4de}
.tf2-screen-dialog-v18{position:fixed;inset:0;width:calc(100vw - 48px);max-width:1520px;height:calc(100dvh - 48px);max-height:1040px;margin:auto;padding:0;border:1px solid #cbaa7055;background:#0c0c0f;color:#eae7e8;box-shadow:0 40px 140px #000c;overflow:hidden}
.tf2-screen-dialog-v18::backdrop{background:#040407e8;backdrop-filter:blur(16px)}
.tf2-screen-shell-v18{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}
.tf2-screen-shell-v18>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px;border-bottom:1px solid #ffffff13;background:linear-gradient(110deg,#cbaa7007,transparent)}
.tf2-screen-kicker-v18{display:block;color:#b39c78;font:400 9px/1.4 var(--mono,monospace);letter-spacing:.09em;margin-bottom:7px}
.tf2-screen-shell-v18 h2{font-size:clamp(17px,2vw,26px);font-weight:500;line-height:1.15;margin:0;letter-spacing:-.035em}
.tf2-screen-tools-v18{display:flex;align-items:center;gap:12px}
.tf2-screen-tools-v18 button,.tf2-screen-nav-v18 button{appearance:none;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #ffffff25;color:#dfd8ce;background:#ffffff03;cursor:pointer;font-family:inherit;font-size:12px;font-weight:400;line-height:1.3;padding:10px 14px;transition:border-color .2s,background .2s}
.tf2-screen-tools-v18 button:hover,.tf2-screen-nav-v18 button:hover{background:#cbaa7010;border-color:#cbaa70aa}
.tf2-screen-dialog-v18 button:focus-visible,.tf2-screen-stage-v18:focus-visible{outline:2px solid #e5c38a;outline-offset:-3px}
.tf2-screen-tools-v18 .tf2-screen-close-v18{font-size:26px;padding:0;width:44px}
.tf2-screen-stage-v18{min-height:0;overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 50% 60%,#25201938,transparent 75%),#08090b;display:flex;align-items:center;justify-content:center;padding:18px;touch-action:pan-y pinch-zoom;scrollbar-color:#857154 #111116;scrollbar-width:thin}
.tf2-screen-stage-v18>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.tf2-screen-stage-v18.is-enlarged{display:block;touch-action:pan-x pan-y pinch-zoom}
.tf2-screen-stage-v18.is-enlarged>img{width:max(100%,1265px);max-width:none;max-height:none;height:auto;margin:0 auto}
.tf2-screen-shell-v18>footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 25px;border-top:1px solid #ffffff13}
.tf2-screen-description-v18{max-width:820px;min-width:0}
.tf2-screen-description-v18 p{margin:0;font-size:11px;line-height:1.65;color:#a29ca6}
.tf2-screen-swipe-v18{display:none;color:#726a75;font:400 9px/1.5 var(--mono,monospace);margin-top:6px}
.tf2-screen-nav-v18{display:flex;align-items:center;gap:17px;flex-shrink:0}
.tf2-screen-nav-v18>span{font:400 10px/1 var(--mono,monospace);color:#baa98b;white-space:nowrap;min-width:55px;text-align:center}
.tf2-screen-nav-v18 button{font-size:20px;padding:0}
@media(max-width:600px){
 .tf2-layers-v18{width:67%;left:7%;top:30%}
 .tf2-layers-open .tf2-layer-v18:nth-child(1){transform:translate(-2%,11%) rotate(-3deg) scale(.63)}
 .tf2-layers-open .tf2-layer-v18:nth-child(2){transform:translate(30%,-13%) scale(.67)}
 .tf2-layers-open .tf2-layer-v18:nth-child(3){transform:translate(65%,14%) rotate(3deg) scale(.63)}
 .tf2-layers-open .tf2-layer-v18:nth-child(1).is-selected{transform:translate(-2%,3%) rotate(-1deg) scale(.75)}
 .tf2-layers-open .tf2-layer-v18:nth-child(2).is-selected{transform:translate(27%,-14%) scale(.76)}
 .tf2-layers-open .tf2-layer-v18:nth-child(3).is-selected{transform:translate(57%,6%) rotate(1deg) scale(.75)}
 .tf2-layer-v18>span{font-size:11px;padding:10px}
 .tf2-layer-toggle-v18{left:12px;bottom:12px;min-height:40px;padding:8px 10px;font-size:9px;gap:7px}
 .tf2-screen-open-v18>span{right:9px;bottom:9px;font-size:9px;padding:8px 10px}
 .tf2-screen-dialog-v18{width:100%;height:100dvh;max-height:none;max-width:none;border:0}
 .tf2-screen-shell-v18>header{gap:10px;padding:calc(17px + env(safe-area-inset-top)) 15px 16px}
 .tf2-screen-kicker-v18{font-size:7px;letter-spacing:.01em;margin-bottom:8px}
 .tf2-screen-shell-v18 h2{font-size:19px}
 .tf2-screen-tools-v18{gap:7px}
 .tf2-screen-tools-v18 button{font-size:10px;padding:8px;min-width:44px}
 .tf2-screen-stage-v18{padding:8px}
 .tf2-screen-shell-v18>footer{flex-direction:column;align-items:stretch;gap:17px;padding:16px 18px calc(16px + env(safe-area-inset-bottom))}
 .tf2-screen-description-v18 p{font-size:10px;line-height:1.6}
 .tf2-screen-nav-v18{justify-content:space-between;gap:20px}
 .tf2-screen-nav-v18 button{width:55px}
}
@media(hover:none){.tf2-screen-swipe-v18{display:block}}
@media(prefers-reduced-motion:reduce){.case-page.tf2 .case-cover-image .case-terminal-screen,.tf2-layers-v18,.case-page.tf2 .tf2-layer-v18{transition:none!important}}