.interface-showcase{grid-column:1/-1;background:#cbc8cc;padding:24px;min-width:0;margin-top:10px}
.interface-heading{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#43504c;margin-bottom:35px}
.interface-stage{position:relative;aspect-ratio:16/11;margin:0 10px;cursor:pointer;touch-action:pan-y;isolation:isolate;outline-offset:10px}
.interface-page{position:absolute;inset:0;margin:0;background:#f8f5ed;padding:8px;box-shadow:0 9px 22px #293b3420;transform-origin:50% 70%;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s,visibility .65s;will-change:transform}
.interface-page img{width:100%;height:100%;display:block;object-fit:contain;filter:none}
.interface-page[data-position="0"]{z-index:3;transform:translateY(0) rotate(0deg);opacity:1}
.interface-page[data-position="1"]{z-index:2;transform:translate(8px,-13px) rotate(2deg);opacity:1}
.interface-page[data-position="2"]{z-index:1;transform:translate(-7px,-23px) rotate(-2deg);opacity:1}
.interface-page[data-position="3"],.interface-page[data-position="4"]{z-index:0;transform:translateY(16px) scale(.96);opacity:0;visibility:hidden}
.interface-stage.is-turning .interface-page[data-position="0"]{transform:translate(32px,-24px) rotate(4deg);opacity:0}
.interface-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}
#interface-caption strong{font-size:17px;font-weight:650}#interface-caption p{font-size:11px;line-height:1.7;margin-top:7px;color:#55615b}
.interface-controls,.interface-full-controls{display:flex;align-items:center;gap:14px;font-size:11px}
.interface-controls button,.interface-full-controls button{border:1px solid #89968b;border-radius:24px;padding:10px 14px;white-space:nowrap;font-size:11px}
.interface-controls button:hover,.interface-full-controls button:hover{background:#60756b;color:#f8f5ed}.interface-hint{font-size:10px;color:#59665e;margin-top:18px}
#interface-lightbox{width:min(1400px,96vw);max-height:95svh;padding:20px}#interface-full{width:100%;height:auto;max-height:76svh;object-fit:contain;display:block;margin-top:14px}.interface-full-controls{justify-content:space-between;margin-top:16px}
.art-card img,.art-interface img,.front-sheet img,.ppt-picker img,.dialog-image{filter:none}
.gallery-footer a{text-decoration:underline;text-underline-offset:5px}.gallery-footer{gap:20px;flex-wrap:wrap}
@media(max-width:650px){.interface-showcase{padding:17px 14px}.interface-heading{font-size:9px;margin-bottom:30px}.interface-stage{margin:0 4px;aspect-ratio:4/3}.interface-page{padding:4px}.interface-bottom{align-items:flex-start;flex-direction:column;gap:18px}#interface-caption strong{font-size:16px}#interface-caption p{font-size:11px}.interface-controls{align-self:flex-end;gap:12px}.interface-controls button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.interface-page{transition:none;will-change:auto}}
.motion-paused .interface-page{transition:none}

.interface-page:not([data-position="0"]):not([data-position="1"]):not([data-position="2"]){z-index:0;transform:translateY(16px) scale(.96);opacity:0;visibility:hidden}
.interface-tabs{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #8c988d55;margin-top:22px;padding-top:18px}.interface-tabs button{border:1px solid #86958b;background:transparent;border-radius:22px;padding:8px 13px;font-size:11px;transition:background .2s,color .2s}.interface-tabs button[aria-pressed="true"]{background:#60756b;color:#f8f5ed}.interface-tabs button:hover{background:#879a8d;color:#fff}@media(max-width:650px){.interface-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.interface-tabs button{font-size:9px;padding:8px 4px}}

.opening{grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);gap:30px 6vw}.opening>.label{grid-column:1/-1}.opening>p{font-size:clamp(40px,5.5vw,82px);line-height:1.24;letter-spacing:-.055em}.opening-note{font-size:13px;line-height:1.9;align-self:end;max-width:410px}.hero-bottom{justify-content:flex-end}.medical-heading>div>p{max-width:480px}.contact-title .type-sticker{margin-top:0}@media(max-width:650px){.opening{grid-template-columns:1fr;gap:25px}.opening>p{font-size:clamp(30px,7.8vw,48px)}.opening-note{font-size:12px;max-width:100%}.about-row>p{font-size:20px}}
