/* v24 — contemporary cultural institution: legible type, immersive photography. */
@font-face{font-family:Boska;src:url(fonts/boska-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
:root{--paper:#f7f7f2;--ink:#142b48;--muted:#506174;--line:#cdd5dc;--gutter:clamp(24px,5.5vw,104px)}
body{font-size:17px;line-height:1.7}
h1,h2,h3{font-family:var(--sans);font-weight:500;text-wrap:balance}
h1 em,h2 em,h3 em,.footer-main>p em{font-style:normal}
h2,.intro-layout h2,.voices-heading h2,.houses .section-heading h2,.legacy h2,.architecture h2{font-family:var(--sans);font-size:clamp(38px,4.35vw,72px);line-height:1.08;letter-spacing:-.045em;font-weight:500}
.section{padding-top:100px;padding-bottom:100px}
.section-label{font-size:11px;letter-spacing:.12em;margin-bottom:30px}
.section-label>span{font-size:11px;font-variant-numeric:tabular-nums}
.site-header{height:82px;background:#f7f7f2f5;backdrop-filter:blur(18px)}
.site-header:after{height:2px;bottom:-2px}
.brand>span{font-family:var(--sans);font-weight:500;font-size:15px;letter-spacing:.12em}
.brand small{font-size:8px;letter-spacing:.3em;line-height:2.5}
.desktop-nav{font-size:12px;gap:24px}.header-cta{font-size:11px;padding:12px 18px}
.languages{font-size:11px}.text-link,.pillar-card .text-link{font-size:13px;font-weight:500;min-height:46px}
.button{font-size:14px;min-height:58px}
.museum-hero h1,.lang-en .museum-hero h1{font-family:var(--sans);font-weight:500;font-size:clamp(62px,6.5vw,112px);line-height:1.02;letter-spacing:-.055em;max-width:1000px;text-shadow:none}
.museum-hero h1 em{color:#bfdfec}
.hero-intro{width:100%;max-width:none;padding-top:60px;gap:35px}
.hero .eyebrow{font-size:11px;letter-spacing:.12em}.hero .tiny-star{font-size:18px}
.hero-invitation{max-width:480px}.hero-invitation>p:first-child{font-size:18px;line-height:1.6;max-width:440px;color:#f2f5fa}
.hero-invitation .text-link{font-size:13px;gap:50px}
.museum-hero .hero-bottom{font-size:11px;letter-spacing:.03em;background:#102e53}
.hero-architecture:after{background:linear-gradient(90deg,#061d36ed,#08264b75 55%,#08264b08 85%),linear-gradient(0deg,#061d3680,transparent 40%)}
.voices-gallery{background:#eeecf4;padding-top:74px;padding-bottom:48px}
.voices-heading>p{font-size:15px;max-width:330px}
.voice-tabs button{font-size:13px;min-height:76px;gap:12px}.voice-tabs img{width:36px;height:44px}
.voice-copy blockquote{font-family:var(--serif);font-size:clamp(32px,3.4vw,54px);font-weight:500;line-height:1.16;letter-spacing:-.018em;color:#302e4b}
.voice-context-date{font-size:11px;letter-spacing:.06em}.voice-copy h3{font-size:15px}.voice-role,.quote-language{font-size:11px}
.voice-context{font-size:14px;line-height:1.75;max-width:580px}.voice-copy .text-link{font-size:12px}.voices-note{font-size:11px}
.intro-layout{gap:8vw}.intro-body{font-size:16px;max-width:560px}.intro-body .lead{font-size:23px;line-height:1.5}
.principles h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;max-width:300px}.principles p{font-size:15px;line-height:1.7}
.principles>div{border-top-width:2px}.principle-number{font-size:12px}
.legacy{margin:0;grid-template-columns:1fr 1fr;background:#123b70}.legacy-copy{padding:90px var(--gutter)}
.legacy h2{font-size:clamp(36px,3.7vw,60px)}.legacy-image{min-height:760px}
.legacy-copy>p:not(.section-label){font-size:16px;max-width:480px}.legacy-tags span{font-size:11px}.legacy .text-link{font-size:12px}
.section-heading>p{font-size:16px;line-height:1.6;max-width:360px}.pillars .section-heading{margin-bottom:48px}
.pillar-grid{gap:64px 36px}
.pillar-card:first-child{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:0 8vw;border:0;padding:0 0 12px;color:var(--ink)}
.pillar-card:first-child figure{grid-column:1/-1;grid-row:1;aspect-ratio:1.9;align-self:stretch;background:#080e14}
.pillar-card:first-child img{object-fit:cover;object-position:center 55%}
.pillar-card:first-child .card-title{grid-column:1;grid-row:2/4;margin-top:32px}
.pillar-card:first-child h3{font-size:clamp(36px,4.2vw,66px);line-height:1.08;letter-spacing:-.045em}
.pillar-card:first-child>p{grid-column:2;grid-row:2;margin-top:35px;max-width:600px;font-size:17px;line-height:1.7}
.pillar-card:first-child>.text-link{grid-column:2;grid-row:3;margin-top:15px}
.pillar-card figcaption,.pillar-card:first-child figcaption{font-size:10px;line-height:1.4;background:#071725bd;padding:10px 14px;color:#f5f6fa;letter-spacing:0}
.pillar-card .card-title>span{font-size:11px;letter-spacing:.09em}.card-title h3{font-size:38px;font-family:var(--sans);font-weight:500;letter-spacing:-.035em}
.pillar-card:not(:first-child){border:0;padding-bottom:36px}.pillar-card:nth-child(3){margin-top:0}
.pillar-card:not(:first-child) figure{aspect-ratio:1.5}.pillar-card:not(:first-child)>p{font-size:16px;line-height:1.75}
.pillar-card:nth-child(2){background:#075449}.pillar-card:nth-child(3){background:#4e2c75}
.immersive-journey{background:#e9eff4}
.immersive-journey .experience-intro{font-size:17px;line-height:1.7;max-width:660px}
.immersive-journey .experience-layout{grid-template-columns:.85fr 1.15fr;gap:7vw}
.journey-premise{background:#132f51;padding:40px}.journey-label{font-size:11px;letter-spacing:.1em}
.journey-premise h3{font-size:clamp(44px,4.4vw,66px);line-height:1.05;letter-spacing:-.045em}
.journey-premise h3 em{color:#c7b4ee}.journey-copy{font-size:16px;line-height:1.75}
.journey-premise h4{font-size:14px}.journey-premise li p{font-size:14px}.journey-premise li>span{font-size:11px}
.immersive-journey .experience-questions summary{font:500 clamp(22px,2vw,30px)/1.25 var(--sans);letter-spacing:-.025em;padding:26px 0}
.experience-questions details>div{font-size:15px;line-height:1.75}.experience-questions details>div p:first-child{font-size:18px;line-height:1.55}
.experience-layout .historical-reference figcaption{font-size:11px}
.architecture{background:#075449;gap:7vw}.architecture-copy{font-size:17px;line-height:1.75;max-width:580px}.architecture-values{font-size:12px}
.houses{background:#f7f7f2}.houses-grid{gap:30px;grid-template-columns:1fr 80px 1fr}
.houses-grid h3{font-size:32px;line-height:1.15;letter-spacing:-.035em}.houses-grid p{font-size:16px;max-width:480px}
.house-location,.house-status{font-size:11px}.houses-note>span{font:500 24px/1.4 var(--sans);letter-spacing:-.02em}.houses-note p{font-size:15px}
.roadmap{background:#eeecf4}.roadmap-intro>p:not(.section-label){font-size:16px;max-width:470px}.roadmap-list h3{font-size:25px;line-height:1.25}
.roadmap-list p,.rigor-note p{font-size:15px}.phase,.step-number{font-size:11px}.rigor-note h3{font-size:26px;line-height:1.25}
.circle{background:#432765}.circle h2{font-family:var(--sans);font-size:clamp(42px,5vw,82px);line-height:1.07;letter-spacing:-.045em;max-width:1200px}
.circle:before{display:none}.circle-body>div:last-child>p{font-size:17px}.founders>p{font:500 30px/1.3 var(--serif)}
.founders>span{font-size:14px}.founders>small{font-size:12px}.collaboration-options summary{font-size:15px}.collaboration-options p{font-size:15px}
.immersive-footer{background:#060e17;padding-top:0}
.immersive-footer .footer-scene{height:100%;bottom:0}.footer-scene img{object-position:center center}
.immersive-footer .footer-scene:after{background:linear-gradient(180deg,#060e1700 0%,#060e1700 42%,#060e1770 64%,#060e17f5 91%)}
.footer-scene figcaption{font-size:10px;background:#07172599}
.immersive-footer .footer-main{min-height:800px;padding-top:530px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:34px}
.immersive-footer .footer-main>p{grid-column:1/-1;grid-row:1;font-family:var(--sans);font-size:clamp(36px,4.1vw,66px);font-weight:500;letter-spacing:-.045em;line-height:1.1;max-width:1000px}
.immersive-footer .footer-main>p em{color:#adcedd}.immersive-footer .footer-main>.brand{grid-row:2}
.immersive-footer .footer-main>.text-link{grid-row:2;font-size:12px}.immersive-footer .footer-bottom{font-size:11px;padding-top:25px}.immersive-footer .credits{font-size:12px}
.immersive-footer .credits[open]{background:#060e17f5}.footer .brand>span{font-family:var(--sans)}
.lang-ar h1,.lang-ar h2,.lang-ar h3{font-family:var(--sans);letter-spacing:0;font-weight:500;line-height:1.5}
.lang-ar .museum-hero h1{font-size:clamp(54px,6vw,94px);line-height:1.4;max-width:1000px}
.lang-ar .voice-copy blockquote{font-family:Amiri,serif;font-weight:400;font-size:38px;line-height:1.6}
.lang-ar .journey-premise h3{font-size:54px;line-height:1.45}.lang-ar .immersive-journey .experience-questions summary{font-family:var(--sans);font-size:25px;letter-spacing:0;line-height:1.6}
.lang-ar .immersive-footer .footer-main>p{font-family:var(--sans);font-size:46px;line-height:1.55;letter-spacing:0}
.lang-ar .hero-architecture:after{background:linear-gradient(270deg,#061d36ed,#08264b75 55%,#08264b08 85%)}
@media(max-width:1100px){
 .desktop-nav{font-size:11px;gap:16px}.header-cta{display:none}
 .legacy-copy{padding:65px 35px}.legacy-image{min-height:700px}
 .voice-tabs button{font-size:12px;gap:8px}.voice-portrait{min-height:440px}
 .pillar-card:first-child{gap:0 40px}.pillar-card:first-child>p{font-size:16px}
 .immersive-journey .experience-layout{gap:40px}.journey-premise{padding:30px}
 .immersive-footer .footer-main{min-height:730px;padding-top:470px}
}
@media(max-width:850px){
 .desktop-nav{display:none}.site-header{height:76px}.hero-intro{gap:30px}
 .museum-hero h1,.lang-en .museum-hero h1{font-size:clamp(50px,7.4vw,70px)}
 .voices-heading{gap:30px}.voices-heading>p{font-size:14px;max-width:250px}
 .voice-tabs button{font-size:11px}.voice-tabs img{display:none}.voice-copy blockquote{font-size:36px}
 .legacy h2{font-size:35px}.legacy-copy{padding:55px 30px}.legacy-copy>p:not(.section-label){font-size:15px}
 .architecture{grid-template-columns:1fr;gap:35px}.architecture-copy{max-width:680px}
}
@media(max-width:700px){
 .site-header{height:74px}.brand>span{font-size:13px}.brand small{font-size:7px}.section{padding-top:66px;padding-bottom:66px}
 h2,.intro-layout h2,.voices-heading h2,.houses .section-heading h2,.legacy h2,.architecture h2{font-size:clamp(32px,8.6vw,48px);line-height:1.12;letter-spacing:-.04em}
 .section-label{font-size:10px;letter-spacing:.1em;margin-bottom:26px}
 .museum-hero{grid-template-rows:minmax(640px,calc(100svh - 120px)) auto}
 .museum-hero h1,.lang-en .museum-hero h1{font-size:clamp(38px,10.2vw,66px);line-height:1.07;letter-spacing:-.05em}
 .hero-intro{padding:44px var(--gutter) 65px;gap:160px;justify-content:space-between}
 .hero .eyebrow{font-size:9px}.hero-invitation>p:first-child{font-size:17px}.hero-invitation .text-link{font-size:13px}
 .hero-architecture:after,.lang-ar .hero-architecture:after{background:linear-gradient(180deg,#061d36e6,#061d3610 55%,#061d36ed)}
 .museum-hero .hero-bottom{font-size:10px;letter-spacing:0}.hero-bottom>a{max-width:200px}
 .voices-heading>p{font-size:15px;max-width:100%}.voice-tabs button{font-size:12px;gap:10px}.voice-tabs img{display:block}
 .voice-portrait{min-height:0}.voice-copy blockquote{font-size:34px;line-height:1.16}.voice-context{font-size:14px}.voices-note{font-size:10px}
 .intro-body{font-size:16px}.intro-body .lead{font-size:21px}.principles h3{font-size:25px}.principles p{font-size:15px}
 .legacy{grid-template-columns:1fr}.legacy-copy{padding:60px var(--gutter)}.legacy-image{min-height:440px}.legacy-copy>p:not(.section-label){font-size:16px}
 .section-heading>p{font-size:15px}.pillars .section-heading{margin-bottom:32px}
 .pillar-grid{gap:42px}.pillar-card:first-child{display:block;padding:0}.pillar-card:first-child figure{aspect-ratio:1.2}
 .pillar-card:first-child img{object-position:62% center}.pillar-card:first-child .card-title{margin-top:24px}.pillar-card:first-child h3{font-size:37px}
 .pillar-card:first-child>p{margin-top:0;font-size:16px}.pillar-card:first-child>.text-link{margin-top:15px}
 .pillar-card:not(:first-child) figure{aspect-ratio:1.35}.card-title h3{font-size:32px}.pillar-card figcaption,.pillar-card:first-child figcaption{font-size:9px}
 .immersive-journey .experience-intro{font-size:16px}.immersive-journey .experience-layout{grid-template-columns:1fr;gap:34px;margin-top:35px}
 .journey-premise{position:static;padding:30px}.journey-premise h3{font-size:52px}.journey-copy{font-size:16px}
 .immersive-journey .experience-questions summary{font-size:23px;gap:14px}.experience-questions details>div{padding-inline-start:26px;font-size:15px}
 .experience-questions details>div p:first-child{font-size:17px}.experience-layout .historical-reference figcaption{font-size:10px}
 .architecture-copy{font-size:16px}.houses-grid{grid-template-columns:1fr;gap:15px}.houses-grid h3{font-size:29px}
 .houses-note{gap:20px}.houses-note p{font-size:15px}.roadmap-list h3{font-size:24px}.rigor-note h3{font-size:24px}
 .circle h2{font-size:clamp(33px,8.7vw,55px);line-height:1.1}.circle-body>div:last-child>p{font-size:16px}
 .founders>p{font-size:29px}.collaboration-options summary{font-size:14px}
 .immersive-footer .footer-scene{height:590px;bottom:auto}.footer-scene img{object-position:48% top}
 .immersive-footer .footer-scene:after{background:linear-gradient(180deg,transparent 20%,#060e1715 40%,#060e17 100%)}
 .immersive-footer .footer-main{min-height:740px;padding:420px 0 28px;display:flex;flex-direction:column;align-items:start;gap:30px}
 .immersive-footer .footer-main>p{order:-1;font-size:35px;line-height:1.13;letter-spacing:-.04em;margin:0}
 .immersive-footer .footer-main>.text-link{margin:0}.footer-scene figcaption{font-size:9px;max-width:90%}
 .immersive-footer .footer-bottom{font-size:10px}.immersive-footer .credits{font-size:11px}
 .lang-ar .museum-hero h1{font-size:clamp(39px,10vw,58px);line-height:1.5}
 .lang-ar h2,.lang-ar .voices-heading h2,.lang-ar .intro-layout h2,.lang-ar .architecture h2,.lang-ar .legacy h2,.lang-ar .houses h2,.lang-ar .circle h2{font-size:33px;letter-spacing:0;line-height:1.5}
 .lang-ar .voice-copy blockquote{font-size:31px}.lang-ar .journey-premise h3{font-size:44px}
 .lang-ar .immersive-journey .experience-questions summary{font-size:23px}.lang-ar .immersive-footer .footer-main>p{font-size:30px;line-height:1.6;letter-spacing:0}
}
@media(max-width:360px){
 :root{--gutter:20px}.header-actions{gap:4px}.brand>span{font-size:11px}.languages{gap:7px;font-size:10px}
 .museum-hero h1,.lang-en .museum-hero h1{font-size:35px}.hero .eyebrow{font-size:8px}
 .voice-copy blockquote{font-size:30px}.pillar-card:first-child h3{font-size:34px}.journey-premise{padding:25px}
 .immersive-journey .experience-questions summary{font-size:21px}.immersive-footer .footer-main>p{font-size:30px}
 .lang-ar .museum-hero h1{font-size:37px}.lang-ar h2,.lang-ar .intro-layout h2,.lang-ar .voices-heading h2,.lang-ar .legacy h2,.lang-ar .architecture h2,.lang-ar .houses h2,.lang-ar .circle h2{font-size:29px}
}