/* Quiet, spacious editorial design; readable type and original brand geometry. */
.institute{--paper:#faf9f5;--forest:#173f3b;--green:#087f7d;--rule:#d8dfd7;background:var(--paper)}
.institute .wrap{width:min(1380px,calc(100% - 96px))}
.institute .header{background:#fffefbf2;border-bottom:1px solid #e0e4dc}
.institute .header-inner{min-height:100px}
.institute .topbar{background:#173f3b;font-size:14px;padding:9px 0}
.institute .nav{font-size:20px;gap:24px}
.institute .nav .button{font-size:18px}
.institute .institute-brand{gap:13px;flex-shrink:0}
.institute .institute-brand img{width:55px;height:55px;mix-blend-mode:multiply}
.institute .institute-brand strong{font:400 21px/1.15 Georgia,'Times New Roman',serif;letter-spacing:.005em;white-space:nowrap}
.institute .institute-brand small{font:400 11px/1.35 Arial,sans-serif;letter-spacing:.025em;text-align:center;margin-top:5px}
.institute .footer .institute-brand img{filter:grayscale(1) invert(1) brightness(2) contrast(2);mix-blend-mode:screen}
.institute .footer .institute-brand strong{font:400 23px/1.15 Georgia,'Times New Roman',serif;letter-spacing:.005em}
.institute .footer .institute-brand small{color:#fff}
.institute .button{border-radius:999px;background:#173f3b;border:1px solid #173f3b;box-shadow:none;min-height:56px;padding:15px 24px;font-weight:400}
.institute .button:hover{background:#096c65;border-color:#096c65;box-shadow:0 8px 24px #173f3b14}
.institute h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(46px,4.8vw,76px);letter-spacing:-.045em;line-height:1.1}
.institute h2 em{font-family:inherit;font-weight:400;font-style:italic}
.institute .section-index{font-size:18px;letter-spacing:.09em;margin-bottom:26px;color:#49665d}
.institute .motion-section{padding:94px 0}
.institute .landing-hero{padding:0;border-bottom:1px solid var(--rule);background:#f8f9f6}
.hero-film{position:relative;height:min(700px,72svh);min-height:410px;background:#f8f9f6;overflow:hidden;isolation:isolate}
.hero-film-poster,.hero-film-poster img,.hero-film .opening-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.hero-film .opening-video{opacity:0;z-index:1}
.hero-film.has-video .opening-video{opacity:1}
.hero-film.has-video .hero-film-poster{visibility:hidden}
.hero-film-controls{position:absolute;bottom:24px;left:max(32px,calc((100vw - 1380px)/2));z-index:2}
.hero-film-controls button{min-height:48px;border:1px solid #a3b8ac;border-radius:999px;padding:12px 20px;background:#fffefbe8;color:#173f3b;font:18px/1.3 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(12px)}
.hero-film-controls button:hover{background:#173f3b;color:white}
.hero-film-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 0 30px;border-top:1px solid #dfe5dd}
.hero-film-footer p{font-size:21px;max-width:600px;margin:0}
.hero-film-footer .button{flex-shrink:0}
.institute .intro-heading{grid-template-columns:1.1fr .8fr;gap:0 90px;align-items:end;margin-bottom:48px}
.intro-title h2{margin:0}
.institute .intro-title .intro-manifesto{font:23px/1.55 Arial,sans-serif;color:#365a52;margin:28px 0 0;max-width:570px}
.institute .intro-heading>div:not(.intro-title)>p:first-child{font-size:21px;line-height:1.7}
.institute .room-panorama{border-radius:3px}
.institute .room-panorama img{height:520px}
.institute .care-section{background:#eef1e9}
.institute .care-layout{gap:95px;grid-template-columns:.85fr 1.15fr}
.institute .care-heading h2{font-size:clamp(46px,4.5vw,72px)}
.institute .care-detail>summary{grid-template-columns:1fr 25px;font-size:27px;gap:22px}
.institute .care-detail>div{padding-left:0;padding-right:35px}
.institute .display-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:0 50px;align-items:end;margin-bottom:48px}
.display-heading>.section-index{grid-column:1/-1}
.institute .display-heading h2{font-size:clamp(46px,5vw,78px)}
.institute .display-heading>p{position:static;font-size:21px;max-width:270px;margin:0 0 8px}
.institute .carlo-feature{grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.institute .carlo-image{aspect-ratio:1.03;border-radius:3px}
.institute .carlo-image>span{display:none}
.institute .doctor-info h3{font:400 42px/1.15 Georgia,serif;letter-spacing:-.035em;margin-top:17px}
.institute .doctor-info p{font-size:20px;line-height:1.65;margin:20px 0}
.institute .doctor-info .specialties{font-size:26px;line-height:1.3;margin:25px 0}
.institute .doctor-info .registration{font-size:17px;margin:14px 0}
.institute .colleague-grid{gap:70px;margin-top:70px}
.institute .colleague{grid-template-columns:.8fr 1fr;gap:28px}
.institute .colleague h3{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.15}
.institute .colleague-portrait{border-radius:3px}
.institute .technology-section{background:#e9eee4}
.institute .technology-gallery{grid-template-columns:1.35fr .65fr;gap:45px;align-items:start}
.institute .technology-gallery img{transform:none!important;transition:none;border-radius:3px}
.institute .tech-main img{height:auto;width:100%;object-fit:contain}
.institute .tech-detail img{height:auto;width:100%;object-fit:contain}
.institute .technology-gallery figcaption{background:transparent}
.institute .plans-section .split-heading{margin-bottom:35px}
.coverage-directory{border:1px solid #d7dfd4;border-radius:18px;padding:32px 36px;background:#fffefa}
.coverage-search{max-width:none;margin-bottom:12px}
.coverage-search>label{font-size:23px}
.search-field{max-width:900px;border-radius:10px;border-color:#9ab1a5;min-height:62px}
.coverage-search>p{font-size:18px}
.coverage-toggle{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;width:100%;text-align:left;padding:16px 0 2px;margin-top:12px;color:#173f3b;background:none;border:0;border-top:1px solid #dce3d7;font:20px/1.4 Arial,sans-serif;cursor:pointer}
.coverage-toggle span{font-size:27px}
.coverage-columns{padding-top:25px;margin-top:24px;gap:35px;grid-template-columns:1.5fr 1fr}
.coverage-title{margin-bottom:14px}
.institute .coverage-title h3{font:400 27px/1.2 Georgia,serif;margin:0}
.coverage-title>span{font-size:17px}
.coverage-list{column-gap:22px}
.coverage-list li{font-size:18px;min-height:50px;padding:10px 0;line-height:1.4}
.coverage-list small{font-size:16px}
.coverage-columns .coverage-block+.coverage-block{padding-left:30px}
.institute .coverage-caption,.institute .plan-others,.institute .notice{font-size:17px;line-height:1.55}
.institute .notice{padding:16px;margin-top:20px}
.institute .voices-section{background:#173f3b}
.institute .voices-section .section-index,.institute .hub-invitation .section-index{color:#c6dcd0}
.review-carousel{padding-top:32px}
.review-context{font-size:18px;letter-spacing:.04em;color:#b8d6c7;margin-bottom:25px}
.review-attribution p+p{font-size:16px}
.review-slide{min-height:300px;max-width:1050px}
.review-slide blockquote{font-size:clamp(28px,3vw,44px);line-height:1.4;letter-spacing:-.025em}
.institute .review-attribution p{color:#d0e0d8}
.institute .hub-invitation h2{font-size:clamp(43px,4.3vw,68px)}
.institute .arrival-heading h2{font-size:clamp(48px,5.7vw,84px)}
.institute .arrival-section{background:#eef1e9}
.institute .footer{background:#173f3b}
@media(min-width:1321px) and (max-width:1500px){.institute .nav{font-size:18px;gap:17px}.institute .institute-brand strong{font-size:19px}.institute .institute-brand img{width:49px;height:49px}}
@media(max-width:1100px){.institute .wrap{width:calc(100% - 64px)}.institute .intro-heading,.institute .care-layout,.institute .carlo-feature{gap:40px}.institute .colleague{display:flex}.institute .colleague-grid{gap:40px}.institute .doctor-info h3{font-size:36px}.institute .display-heading{grid-template-columns:1fr}.institute .display-heading>p{margin-top:25px;max-width:100%}.hero-film{height:62svh;min-height:400px}}
@media(max-width:760px){.institute .motion-section{padding:68px 0}.institute .intro-heading,.institute .care-layout,.institute .carlo-feature{grid-template-columns:1fr;gap:28px}.institute .intro-title .intro-manifesto{font-size:22px;margin-top:22px}.institute .room-panorama img{height:420px}.institute .carlo-image{aspect-ratio:1.25}.institute .technology-gallery{gap:25px;grid-template-columns:1.1fr .9fr}.coverage-columns{grid-template-columns:1fr}.coverage-columns .coverage-block+.coverage-block{padding:24px 0 0}.coverage-list,.coverage-block+.coverage-block .coverage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-film-footer{gap:20px}.hero-film-footer p{font-size:20px}.hero-film-footer .button{width:auto}}
@media(max-width:620px){
 .institute .wrap{width:calc(100% - 40px)}.institute .header-inner{min-height:86px}.institute .institute-brand{gap:9px}.institute .institute-brand img{width:42px;height:42px}.institute .institute-brand strong{font-size:16px;letter-spacing:0}.institute .institute-brand small{font-size:9px;letter-spacing:.02em;margin-top:4px}.institute .menu-button{padding:10px 12px;font-size:17px}.institute .nav{font-size:21px}
 .institute h2,.institute .care-heading h2,.institute .display-heading h2{font-size:clamp(42px,11vw,60px);line-height:1.12}
 .hero-film{height:min(740px,78svh);min-height:460px}.hero-film-controls{left:20px;bottom:17px}.hero-film-controls button{font-size:17px}
 .hero-film-footer{flex-direction:column;align-items:stretch;padding:25px 0}.hero-film-footer .button{width:100%}
 .institute .intro-title .intro-manifesto{font-size:21px}.institute .intro-title .intro-manifesto br{display:none}
 .institute .room-panorama img{height:340px}.institute .room-panorama figcaption{font-size:18px}
 .institute .care-detail>summary{font-size:24px}.institute .care-detail>div{padding-right:0}
 .institute .doctor-info h3{font-size:37px}.institute .colleague-grid{gap:42px}.institute .colleague h3{font-size:34px}
 .institute .technology-gallery{grid-template-columns:1fr;gap:34px}.institute .tech-detail{max-width:440px;width:100%;justify-self:center}
 .coverage-directory{padding:23px 20px;border-radius:12px}.coverage-search>label{font-size:22px}.search-field{padding-left:12px}.search-field input{font-size:18px}.coverage-toggle{font-size:19px}.coverage-list,.coverage-block+.coverage-block .coverage-list{grid-template-columns:1fr}.coverage-list li{font-size:19px;padding:10px 0}.coverage-title>span{display:block;margin-top:8px}
 .institute .review-slide{min-height:340px}.review-slide blockquote{font-size:30px}.institute .arrival-heading h2{font-size:54px}
 .institute .footer .institute-brand strong{font-size:20px}.institute .footer .institute-brand img{width:48px;height:48px}
}
@media(max-width:360px){.institute .institute-brand strong{font-size:14px}.institute .institute-brand img{width:35px;height:35px}.institute .institute-brand{gap:7px}.institute .menu-button{padding:9px;font-size:16px}}
