/* Quiet editorial framing for a first-person cinematic opening. */
.institute{--paper:#f8f9f6;--forest:#183e3d;--green:#078486;--rule:#d6ded7;background:var(--paper)}
.institute .header{background:#ffffffed;border-bottom-color:#e3e8e2}
.institute .topbar{background:#183e3d;font-size:12px;letter-spacing:.025em;padding:5px 0}
.institute .header-inner{min-height:90px}
.institute .brand img,.institute .footer .brand img{filter:none;border-radius:0;background:white;object-fit:contain}
.institute .brand strong{font-size:21px;letter-spacing:-.025em}
.institute .brand small{font-size:12px;letter-spacing:.11em;margin-top:5px}
.institute .nav{font-size:14px;gap:24px}
.institute .nav .button{font-size:15px;min-height:48px;padding:12px 18px}
.institute .button{border-radius:3px;transition:background .2s,transform .2s}
.institute h1 em,.institute h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.055em}
.cinema-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;padding-top:48px;padding-bottom:40px}
.cinema-eyebrow{display:block;font-size:11px;letter-spacing:.19em;color:#517571;margin-bottom:21px}
.institute .cinema-heading h1{font-size:clamp(40px,4vw,68px);line-height:1.03;letter-spacing:-.052em;margin:0}
.cinema-intro{display:flex;align-items:flex-end;gap:32px;padding-bottom:4px}
.cinema-intro p{font-size:16px;line-height:1.55;margin:0;color:#526c66}
.cinema-intro .button{font-size:16px;min-height:54px;white-space:nowrap}
.cinema-screen{width:min(1480px,calc(100% - 96px));margin:0 auto;aspect-ratio:16/9;position:relative;overflow:hidden;background:#f9faf7;isolation:isolate}
.cinema-poster,.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.cinema-video{opacity:0}
.cinema-screen.has-frame:not(.is-static) .cinema-poster{visibility:hidden}
.cinema-screen.is-playing .cinema-video,.cinema-screen.has-frame .cinema-video{opacity:1}
.cinema-screen.is-static .cinema-video{opacity:0}
.cinema-corner{position:absolute;left:30px;top:27px;display:flex;align-items:center;gap:9px;letter-spacing:.18em;font-size:10px;color:white;opacity:0;transition:opacity .6s}
.cinema-dot{width:4px;height:4px;border-radius:50%;background:#b3ddd5}
.cinema-caption{position:absolute;left:32px;bottom:28px;color:#fff;display:flex;align-items:center;gap:18px;opacity:0;transition:opacity .6s;text-shadow:0 1px 12px #000}
.cinema-caption [data-phase-number]{font:11px Arial;letter-spacing:.1em;color:#c9ddd8}
.cinema-caption [data-phase-label]{font:21px Georgia,serif}
.cinema-screen.has-frame:not(.is-final) .cinema-corner,.cinema-screen.has-frame:not(.is-final) .cinema-caption{opacity:1}
.cinema-toolbar{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:17px;padding-bottom:17px;border-bottom:1px solid var(--rule)}
.cinema-toolbar[hidden]{display:none}
.cinema-toolbar button{border:0;background:none;color:#284e49;font:13px Arial,sans-serif;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:5px 0}
.cinema-toolbar button:hover{color:#00878a}
.cinema-transport{display:flex;gap:25px;align-items:center;min-width:160px}
[data-toggle-icon]{font-size:17px;min-width:15px}
.cinema-progress{display:flex;align-items:center;gap:22px;flex:1;max-width:620px}
.cinema-progress input{accent-color:#087f80;cursor:pointer;height:3px;min-width:60px;flex:1}
.cinema-progress span{font:10px Arial,sans-serif;color:#5e7770;white-space:nowrap;font-variant-numeric:tabular-nums}
.cinema-footnote{display:flex;justify-content:space-between;gap:25px;padding-top:18px;padding-bottom:24px;font-size:12px;letter-spacing:.02em;color:#61766f}
.cinema-footnote>span:last-child{display:flex;align-items:center;gap:30px}
.institute .editorial-intro{padding-top:90px}
.institute .intro-heading h2{font-size:clamp(65px,7vw,118px)}
.institute .care-section,.institute .arrival-section{background:#edf1eb}
.institute .section-index{font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.institute .room-panorama,.institute .carlo-image,.institute .technology-gallery figure{border-radius:3px}
.institute .voices-section{background:#183e3d}
.institute .floating{border-radius:3px;background:#183e3d;font-size:14px;padding:14px 20px}
@media(min-width:1700px){.cinema-heading{padding-top:45px;padding-bottom:35px}}
@media(max-width:1200px){.cinema-intro{flex-direction:column;gap:16px;align-items:flex-start}.cinema-intro p{font-size:15px}.institute .nav{gap:16px}}
@media(max-width:760px){.cinema-heading{gap:25px;padding-top:35px;padding-bottom:30px}.cinema-eyebrow{font-size:9px;letter-spacing:.12em}.cinema-intro p{display:none}.cinema-intro .button{font-size:14px;padding:13px;min-height:48px;gap:14px}.cinema-screen{width:100%;aspect-ratio:4/3;max-height:none}.cinema-poster,.cinema-video{object-fit:cover}.cinema-toolbar{gap:22px}.cinema-progress{gap:10px}.cinema-transport{min-width:0;gap:22px}.cinema-skip{font-size:0!important}.cinema-skip span{font-size:19px}.cinema-corner{left:22px;top:22px}.cinema-caption{left:22px;bottom:22px}.cinema-caption [data-phase-label]{font-size:19px}.cinema-footnote{font-size:11px}.cinema-footnote>span:last-child{gap:12px}}
@media(max-width:620px){.institute .header-inner{min-height:78px}.institute .brand strong{font-size:18px}.institute .brand small{font-size:10px}.institute .brand img{width:42px;height:42px}.cinema-heading{display:block;padding-top:29px;padding-bottom:26px}.institute .cinema-heading h1{font-size:clamp(38px,9.5vw,55px);line-height:1.08}.cinema-eyebrow{margin-bottom:16px}.cinema-intro{display:none}.cinema-screen{aspect-ratio:4/3;max-height:none}.cinema-poster,.cinema-video{object-fit:cover}.cinema-transport button span:not([data-toggle-icon]){display:none}.cinema-toolbar{gap:18px;padding-top:7px;padding-bottom:7px}.cinema-toolbar button{min-width:30px;justify-content:center}.cinema-transport{gap:10px}.cinema-progress{gap:12px}.cinema-progress span{font-size:9px}.cinema-footnote{font-size:10px;gap:15px;padding-top:13px;padding-bottom:16px}.cinema-footnote>span:last-child{max-width:95px;text-align:right}.cinema-footnote>span:last-child>span{display:none}.cinema-corner{font-size:8px;left:20px;top:20px}.cinema-caption{left:20px;bottom:22px;gap:12px}.cinema-caption [data-phase-label]{font-size:17px}.institute .editorial-intro{padding-top:58px}.institute .floating{font-size:0;border-radius:50%;width:58px;height:58px;padding:15px}.institute .intro-heading h2{font-size:65px}}
@media(prefers-reduced-motion:reduce){.cinema-video,.cinema-corner,.cinema-caption{transition:none}.cinema-screen.is-static .cinema-corner,.cinema-screen.is-static .cinema-caption{opacity:0}.institute .button{transition:none}}