:root {
--paper:#f8f6f5;--mist:#f1eeec;--ink:#182a29;--ink-soft:#1b6a65;--teal:#25938c;--teal-deep:#1b6a65;--teal-bright:#35b6ad;--pool:#23658b;--line:rgba(27,106,101,.26);--line-soft:rgba(24,42,41,.11);--shadow:0 28px 80px rgba(24,42,41,.14);--display:"Reem Kufi","Segoe UI",sans-serif;--body:"Rubik","Segoe UI",sans-serif;--latin:"Space Grotesk","Segoe UI",sans-serif;--ease:cubic-bezier(.22,.61,.36,1);--header-height:76px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-weight:300;line-height:1.85;text-rendering:optimizeLegibility}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.42;background-image:radial-gradient(rgba(24,42,41,.08) .55px,transparent .55px);background-size:7px 7px}
img{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}
:focus-visible{outline:3px solid var(--pool);outline-offset:4px}::selection{color:white;background:var(--teal-deep)}
.skip-link{position:fixed;top:10px;inset-inline-start:16px;z-index:100;padding:10px 18px;color:white;background:var(--ink);transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}
.reading-progress{position:fixed;inset:0 0 auto;z-index:90;height:3px;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--pool),var(--teal-bright));transform:scaleX(0);transform-origin:right}
.site-header{position:absolute;inset:0 0 auto;z-index:40;min-height:var(--header-height);display:grid;grid-template-columns:minmax(120px,.8fr) auto minmax(120px,.8fr);align-items:center;gap:24px;padding:12px clamp(20px,4vw,64px);color:var(--ink);background:rgba(248,246,245,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);transition:color .35s,background-color .35s,border-color .35s,box-shadow .35s}
.site-header.is-sticky{position:fixed;color:var(--ink);background:rgba(248,246,245,.93);border-color:var(--line-soft);box-shadow:0 10px 35px rgba(24,42,41,.08);backdrop-filter:blur(16px)}
.brand{justify-self:start;display:inline-flex;align-items:baseline;gap:10px;text-decoration:none;line-height:1}.brand-ar{font:700 28px/1.25 var(--display)}.brand-en{font:500 9px/1 var(--latin);letter-spacing:.3em;opacity:.78}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.4vw,38px)}.primary-nav a{position:relative;font-size:13px;font-weight:400;text-decoration:none;white-space:nowrap}.primary-nav a:after{content:"";position:absolute;inset:auto 0 -7px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .35s var(--ease)}.primary-nav a:hover:after,.primary-nav a:focus-visible:after{transform:scaleX(1)}
.header-tools{justify-self:end;display:flex;align-items:center;gap:8px}.text-button,.lang-toggle{min-height:42px;border:1px solid currentColor;border-radius:999px;background:transparent;font:500 12px/1 var(--body);cursor:pointer}.text-button{display:inline-flex;align-items:center;gap:8px;padding:0 14px}.lang-toggle{min-width:46px;padding:0 12px;font-family:var(--latin);letter-spacing:.05em}
.motion-mark{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(27,106,101,.14)}.site-header.is-sticky .motion-mark{box-shadow:0 0 0 4px rgba(27,106,101,.14)}.text-button[aria-pressed=true] .motion-mark{border-radius:0;transform:rotate(45deg)}
.kicker{margin:0 0 12px;color:var(--ink-soft);font:500 11px/1.5 var(--latin);text-transform:uppercase}html[lang=en] .kicker{letter-spacing:.2em}html[lang=ar] .kicker{font-family:var(--display)}
h1,h2,h3{margin-block:0;font-family:var(--display);line-height:1.35;text-wrap:balance}p{text-wrap:pretty}
.threshold{position:relative;min-height:min(760px,82svh);overflow:hidden;display:grid;align-items:end;color:white;background:var(--mist)}
.threshold-media,.threshold-media:after,.threshold-wash{position:absolute;inset:0}.threshold-media img{width:100%;height:100%;object-fit:cover;object-position:center 50%}.threshold-media:after{content:"";background:linear-gradient(180deg,rgba(18,25,23,.12),rgba(18,25,23,.03) 38%,rgba(18,25,23,.32))}
.threshold-wash{background:linear-gradient(90deg,rgba(24,42,41,.2),transparent 56%);mix-blend-mode:multiply}.threshold-copy{position:relative;z-index:2;width:min(700px,calc(100% - 40px));margin:clamp(118px,16vh,160px) clamp(20px,9vw,140px) clamp(42px,7vh,70px);padding:clamp(30px,4vw,52px);color:var(--ink);background:rgba(248,246,245,.94);box-shadow:0 24px 70px rgba(24,42,41,.16);backdrop-filter:blur(8px)}.threshold .kicker{color:var(--teal-deep)}.threshold h1{font-size:clamp(42px,6.4vw,96px);font-weight:400}.threshold h1 span,.threshold h1 strong{display:block}.threshold h1 strong{font-weight:600}.threshold-lead{max-width:56ch;margin:24px 0 0;font-size:clamp(15px,1.4vw,19px);color:var(--ink-soft)}
.threshold-enter{display:inline-flex;align-items:center;gap:20px;margin-top:34px;padding:12px 0;font-weight:500;text-decoration:none;color:var(--teal-deep);border-bottom:1px solid var(--teal-deep)}.threshold-enter svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .3s var(--ease)}.threshold-enter:hover svg{transform:translateY(5px)}
.threshold-note{position:absolute;z-index:2;inset-inline-end:clamp(20px,4vw,64px);bottom:clamp(38px,7vh,70px);margin:0;writing-mode:vertical-rl;font-size:10px;padding:7px 10px;color:white;background:var(--ink)}
.courtyard{padding:clamp(90px,13vw,180px) clamp(20px,4vw,64px)}.section-intro{width:min(1320px,100%);margin:0 auto clamp(50px,7vw,90px);display:grid;grid-template-columns:72px minmax(280px,1fr) minmax(280px,1fr);gap:clamp(24px,4vw,70px);align-items:start}
.section-index{margin:0;color:var(--teal-deep);font:500 14px/1 var(--display)}.section-intro h2{max-width:13ch;font-size:clamp(34px,5vw,70px);font-weight:500}.section-intro>p:last-child{max-width:48ch;margin:36px 0 0;color:var(--ink-soft);font-size:clamp(15px,1.3vw,18px)}
.courtyard-stage{width:min(1400px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(350px,.8fr);align-items:stretch;box-shadow:var(--shadow)}.image-frame{position:relative;overflow:hidden;background:var(--mist)}
.courtyard-image{min-height:760px;margin:0}.courtyard-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.courtyard-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(24,42,41,.54));pointer-events:none}
.courtyard-image figcaption{position:absolute;z-index:2;inset-inline-start:clamp(24px,4vw,60px);bottom:clamp(24px,4vw,54px);display:grid;padding:14px 18px;color:white;background:var(--ink);font-family:var(--display)}.courtyard-image figcaption>span{font-size:clamp(32px,4vw,58px);font-weight:500}.courtyard-image figcaption small{font-family:var(--body);font-size:12px}.chapter-chooser{display:flex;flex-direction:column;padding:clamp(24px,3vw,44px);background:var(--ink);color:white}.chooser-prompt{margin:0 0 auto;color:#d5ecea;font-size:14px}.chapter-chooser ol{margin:38px 0 0;padding:0;list-style:none}.chapter-chooser li{border-top:1px solid rgba(255,255,255,.2)}.chapter-chooser li:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
.chapter-chooser a{display:grid;grid-template-columns:66px 1fr 18px;gap:14px;align-items:center;min-height:132px;padding:13px 0;text-decoration:none;transition:color .3s,padding .3s var(--ease),background-color .3s}.chapter-chooser a:hover,.chapter-chooser a:focus-visible,.chapter-chooser a[aria-current=true]{color:#a8f3ed;padding-inline:10px;background:rgba(53,182,173,.08)}
.choice-thumb{width:66px;height:82px;overflow:hidden;background:#31504e}.choice-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform .5s var(--ease),filter .5s}.chapter-chooser a:hover .choice-thumb img,.chapter-chooser a:focus-visible .choice-thumb img{transform:scale(1.08);filter:saturate(1.1)}
.choice-copy{display:grid;gap:3px}.choice-copy strong{font:500 clamp(19px,2vw,26px)/1.4 var(--display)}.choice-copy small{color:#c5d7d5;font-size:10px;line-height:1.65}.choice-arrow{font-size:18px;transition:transform .3s var(--ease)}.chapter-chooser a:hover .choice-arrow{transform:translateX(-5px)}
.chapters{padding-top:clamp(60px,9vw,120px)}.chapters-heading{width:min(1320px,calc(100% - 40px));margin:0 auto clamp(40px,6vw,80px);display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;color:var(--ink-soft);font:500 12px/1 var(--display)}
.tri-line{height:12px;opacity:.65;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='12' viewBox='0 0 72 12'%3E%3Cpath d='M1 11 7 1l6 10L19 1l6 10L31 1l6 10L43 1l6 10L55 1l6 10L67 1l5 10' fill='none' stroke='%2325938C' stroke-width='1'/%3E%3C/svg%3E") repeat-x right center/72px 12px}
.chapter{width:min(1440px,100%);min-height:760px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:stretch}.chapter:nth-of-type(even){grid-template-columns:minmax(340px,.65fr) minmax(0,1.35fr)}.chapter:nth-of-type(even) .chapter-media{order:2}.chapter-media{min-height:720px}.chapter-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}.chapter.is-active .chapter-media img{transform:scale(1.025)}.chapter-light .chapter-media img{object-position:32% center}
.sun-trace{position:absolute;inset:-10% -15%;opacity:.2;background:linear-gradient(112deg,transparent 43%,rgba(255,246,214,.9) 50%,transparent 57%);transform:translateX(-24%)}.water-line{position:absolute;inset:auto 0 0;height:36%;opacity:.16;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 13px,rgba(255,255,255,.82) 14px 15px,transparent 16px 28px)}
.chapter-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,7vw,100px) clamp(28px,5vw,76px);background:var(--mist)}.chapter:nth-of-type(2n) .chapter-copy{background:var(--paper)}.chapter-water .chapter-copy{background:var(--paper);border-inline-start:3px solid var(--pool)}
.chapter-number{position:absolute;top:42px;inset-inline-end:42px;margin:0;color:var(--ink-soft);font:500 12px/1 var(--display)}.chapter-copy h2{max-width:11ch;font-size:clamp(38px,4.4vw,64px);font-weight:500}.chapter-thesis{max-width:44ch;margin:24px 0 0;color:var(--ink-soft);font-size:clamp(15px,1.25vw,18px)}
.meaning-note{margin:clamp(34px,5vw,56px) 0 0;border-top:1px solid var(--line)}.meaning-note>div{display:grid;grid-template-columns:84px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.meaning-note dt{color:var(--teal-deep);font:500 10px/1.7 var(--display)}html[lang=en] .meaning-note dt{font-family:var(--latin);letter-spacing:.12em}.meaning-note dd{margin:0;color:var(--ink);font-size:13px;line-height:1.75}
.return-link{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;margin-top:36px;padding:9px 0;color:var(--teal-deep);font-weight:500;font-size:13px;text-decoration:none;border-bottom:1px solid var(--teal-deep)}.return-link span:first-child{transition:transform .3s var(--ease)}.return-link:hover span:first-child{transform:translateY(-4px)}
.homes{padding:clamp(100px,14vw,190px) clamp(20px,4vw,64px)}.homes-intro{margin-bottom:clamp(55px,8vw,100px)}.home-grid{width:min(1320px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,36px);align-items:start}.home-card{border-top:1px solid var(--line);padding-top:16px}.home-card-tall{margin-top:72px}.home-card figure{height:clamp(300px,37vw,500px);margin:0;overflow:hidden;background:var(--mist)}.home-card:nth-child(2) figure{height:clamp(350px,43vw,570px)}.home-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.home-card:hover figure img{transform:scale(1.03)}
.home-card-copy{padding:26px 4px 0}.home-mark{margin:0 0 9px;color:var(--teal-deep);font:500 11px/1 var(--display)}.home-card h3{font-size:clamp(25px,2.8vw,38px);font-weight:500}.home-card-copy>p:last-child{max-width:36ch;margin:10px 0 0;color:var(--ink-soft);font-size:14px}
.story-close{position:relative;min-height:820px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;background:var(--mist);border-top:1px solid var(--line-soft)}.story-architecture{position:relative;min-height:720px;overflow:hidden}.story-architecture:before{content:"";position:absolute;inset:0;background:linear-gradient(165deg,var(--paper),var(--mist))}
.story-sun{position:absolute;top:12%;right:14%;width:clamp(210px,28vw,420px);aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.82);box-shadow:0 0 90px rgba(35,101,139,.12)}.story-architecture img{position:absolute;z-index:2;width:min(800px,108%);max-width:none;inset:auto 50% 0 auto;transform:translateX(50%);filter:drop-shadow(0 35px 30px rgba(24,42,41,.16))}
.story-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,9vw,130px) clamp(30px,7vw,110px);background:var(--paper);color:var(--ink);border-inline-start:1px solid var(--line)}.story-copy .kicker{color:var(--teal-deep)}.story-copy h2{max-width:10ch;font-size:clamp(42px,5.6vw,78px);font-weight:500}.story-copy>p{max-width:46ch;margin:24px 0 0;color:var(--ink-soft)}
.story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:44px}.primary-action{display:inline-flex;align-items:center;gap:28px;padding:14px 22px;color:white;background:var(--teal-deep);font-weight:500;text-decoration:none}.primary-action span:last-child{transition:transform .3s var(--ease)}.primary-action:hover span:last-child{transform:translateX(-5px)}.secondary-action{color:var(--ink-soft);font-size:13px;text-underline-offset:6px}.site-footer{display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center;padding:42px clamp(20px,4vw,64px);color:var(--ink-soft);background:var(--paper);border-top:1px solid var(--line-soft)}.footer-brand{display:flex;align-items:baseline;gap:9px;color:var(--ink)}.footer-brand span{font:700 27px/1.25 var(--display)}.footer-brand small{font:500 9px/1 var(--latin);letter-spacing:.22em}.site-footer p{margin:0;text-align:center;font-size:11px}.site-footer>a{font-size:12px;text-underline-offset:5px}
html[lang=en] .threshold-note{writing-mode:vertical-lr}html[lang=en] body,html[lang=en] button{font-family:var(--latin)}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3,html[lang=en] .section-index,html[lang=en] .courtyard-image figcaption,html[lang=en] .courtyard-image figcaption small,html[lang=en] .choice-copy strong,html[lang=en] .chapters-heading,html[lang=en] .chapter-number,html[lang=en] .home-mark{font-family:var(--latin)}html[lang=en] .brand-ar,html[lang=en] .footer-brand span{font-family:var(--display)}html[lang=en] .choice-arrow,html[lang=en] .primary-action span:last-child{transform:rotate(180deg)}html[lang=en] .primary-action:hover span:last-child{transform:rotate(180deg) translateX(-5px)}html[lang=en] .reading-progress span{transform-origin:left}
.js-ready .threshold-media img{transform:scale(1.035);transition:transform 1.4s var(--ease)}.js-ready .threshold.is-visible .threshold-media img{transform:scale(1)}
.js-ready .chapter-copy>*,.js-ready .section-intro>*,.js-ready .home-card{transform:translateY(8px);transition:transform .75s var(--ease)}.js-ready .is-visible.chapter-copy>*,.js-ready .is-visible.section-intro>*,.js-ready .home-card.is-visible{transform:none}.js-ready .chapter-copy>*:nth-child(2),.js-ready .section-intro>*:nth-child(2){transition-delay:.07s}.js-ready .chapter-copy>*:nth-child(3),.js-ready .section-intro>*:nth-child(3){transition-delay:.14s}.js-ready .chapter-copy>*:nth-child(n+4){transition-delay:.2s}
html.motion-reduced{scroll-behavior:auto}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.001ms!important;transition-delay:0ms!important}.motion-reduced.js-ready .chapter-copy>*,.motion-reduced.js-ready .section-intro>*,.motion-reduced.js-ready .home-card{transform:none}
@media(max-width:1080px){.site-header{grid-template-columns:auto 1fr auto}.primary-nav a:nth-child(2),.primary-nav a:nth-child(3){display:none}.section-intro{grid-template-columns:50px 1fr}.section-intro>p:last-child{grid-column:2;margin-top:0}.courtyard-stage{grid-template-columns:1.25fr .85fr}.courtyard-image{min-height:680px}.chapter,.chapter:nth-of-type(even){grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.chapter-media{min-height:650px}.story-close{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
:root{--header-height:68px}.site-header{grid-template-columns:1fr auto;gap:12px;padding-inline:18px}.primary-nav{display:none}.brand-ar{font-size:24px}.text-button{padding:0 11px}.threshold{min-height:min(620px,78svh)}.threshold-media img{object-position:52% center}.threshold-wash{background:linear-gradient(180deg,rgba(24,42,41,.03),rgba(24,42,41,.22))}.threshold-copy{width:calc(100% - 40px);margin:100px 20px 32px;padding:28px 22px}.threshold h1{font-size:clamp(42px,13vw,64px)}.threshold-lead{max-width:35ch}.threshold-note{display:none}
.courtyard{padding-inline:0}.section-intro{grid-template-columns:36px 1fr;padding-inline:20px;gap:16px}.section-intro>p:last-child{grid-column:2}.section-intro h2{font-size:clamp(34px,11vw,50px)}.courtyard-stage{display:block}.courtyard-image{min-height:72svh;box-shadow:none}.courtyard-image>img{object-position:45% center}.chapter-chooser{padding:30px 20px 20px}.chooser-prompt{margin-bottom:20px}.chapter-chooser ol{margin-top:0}.chapter-chooser a{min-height:108px;grid-template-columns:64px 1fr 18px}.choice-thumb{height:72px}
.chapters{padding-top:90px}.chapter,.chapter:nth-of-type(even){display:flex;min-height:0;flex-direction:column}.chapter:nth-of-type(even) .chapter-media{order:0}.chapter-media{min-height:68svh}.chapter-light .chapter-media img{object-position:28% center}.chapter-copy{min-height:620px;padding:76px 24px 56px}.chapter-copy h2{font-size:clamp(38px,12vw,56px)}.chapter-number{top:30px;inset-inline-end:24px}.meaning-note>div{grid-template-columns:74px 1fr;gap:14px}
.homes{padding-inline:20px}.homes .section-intro{padding-inline:0}.home-grid{grid-template-columns:1fr;gap:70px}.home-card-tall{margin-top:0}.home-card figure,.home-card:nth-child(2) figure{height:min(118vw,540px)}.home-card:nth-child(2) figure{height:min(135vw,600px)}.story-close{display:flex;flex-direction:column;min-height:0}.story-architecture{min-height:500px}.story-architecture img{width:120%}.story-copy{min-height:620px;padding:76px 24px}.story-copy h2{font-size:clamp(44px,13vw,64px)}.story-actions{align-items:stretch;flex-direction:column}.primary-action{justify-content:space-between}.secondary-action{align-self:flex-start}
.site-footer{grid-template-columns:1fr;justify-items:start;gap:16px}.site-footer p{text-align:start}
}
@media(max-width:360px){.text-button{padding-inline:9px;font-size:11px}.threshold-copy{width:calc(100% - 32px);margin-inline:16px}.threshold h1{font-size:39px}.chapter-copy{padding-inline:18px}.meaning-note>div{grid-template-columns:1fr;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js-ready .chapter-copy>*,.js-ready .section-intro>*,.js-ready .home-card{transform:none}}
@media print{.site-header,.reading-progress,.threshold-enter,.return-link,.story-actions,.site-footer>a{display:none!important}.threshold{min-height:60vh}.chapter,.story-close{break-inside:avoid}}.motion-reduced .threshold-media img,.motion-reduced .chapter.is-active .chapter-media img,.motion-reduced .chapter-chooser a:hover .choice-thumb img,.motion-reduced .chapter-chooser a:focus-visible .choice-thumb img,.motion-reduced .home-card:hover figure img{transform:none!important}
@media(prefers-reduced-motion:reduce){.threshold-media img,.chapter.is-active .chapter-media img,.chapter-chooser a:hover .choice-thumb img,.chapter-chooser a:focus-visible .choice-thumb img,.home-card:hover figure img{transform:none!important}}
.story-architecture img{width:min(800px,92%);height:auto;max-height:85%;inset:50% 50% auto auto;transform:translate(50%,-50%);object-fit:contain}

/* Courtyard cinema: the threshold is the scroll journey. */
.film{position:relative;min-height:max(620px,100svh);color:#fff;background:#163a38;isolation:isolate}.film-sticky{position:relative;min-height:max(620px,100svh);overflow:hidden}.film-media,.film-media:after,.film-wash{position:absolute;inset:0}.film-media{background:#173f3c}.film-media img,.film-media canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-media canvas{display:none}.film-media:after{content:"";background:linear-gradient(180deg,rgba(10,28,27,.14),rgba(10,28,27,.05) 42%,rgba(10,28,27,.5))}.film-wash{background:linear-gradient(90deg,rgba(9,31,29,.64),rgba(9,31,29,.12) 58%,rgba(9,31,29,.28));pointer-events:none}.film-captions{position:absolute;z-index:3;inset:0;pointer-events:none}.film-caption{position:absolute;inset-inline-start:clamp(20px,8vw,128px);bottom:clamp(54px,9vh,96px);width:min(650px,calc(100% - 40px));margin:0;padding:clamp(24px,3.6vw,48px);color:var(--ink);background:rgba(248,246,245,.94);box-shadow:0 28px 80px rgba(5,24,22,.22);backdrop-filter:blur(10px);pointer-events:auto}.film-caption:not(.is-active){display:none}.film-caption .kicker{color:var(--teal-deep)}.film-caption h1{font-size:clamp(42px,6vw,88px);font-weight:400}.film-caption h1 span,.film-caption h1 strong{display:block}.film-caption h1 strong{font-weight:600}.film-caption h2{max-width:12ch;font-size:clamp(38px,5vw,68px);font-weight:500}.film-caption>p:last-child,.film-lead{max-width:52ch;margin:20px 0 0;color:var(--ink-soft);font-size:clamp(14px,1.25vw,18px)}.film-enter{display:inline-flex;align-items:center;gap:18px;margin-top:26px;padding:10px 0;color:var(--teal-deep);font-weight:500;text-decoration:none;border-bottom:1px solid currentColor}.film-enter svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.5}.film-skip{position:absolute;z-index:6;inset-inline-end:clamp(18px,4vw,64px);top:calc(var(--header-height) + 24px);padding:8px 13px;color:#fff;background:rgba(24,42,41,.86);font-size:12px;text-underline-offset:4px}.film-note{position:absolute;z-index:5;inset-inline-end:clamp(20px,4vw,64px);bottom:50px;margin:0;padding:7px 10px;color:#fff;background:rgba(24,42,41,.9);font-size:10px}.film-meter{position:absolute;z-index:5;inset:auto 0 0;height:4px;background:rgba(255,255,255,.2)}.film-meter span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--teal-bright),#d9f5f1);transform:scaleX(0);transform-origin:right}.film-marker{display:none}.js-ready .film[data-mode="cinema"]{height:460svh}.js-ready .film[data-mode="cinema"] .film-sticky{position:sticky;top:0;height:100svh;min-height:0}.js-ready .film[data-mode="cinema"] .film-media canvas{display:block}.js-ready .film[data-mode="cinema"] .film-poster{visibility:hidden}.js-ready .film-caption{display:block;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .32s var(--ease),transform .42s var(--ease),visibility 0s linear .42s}.js-ready .film-caption.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}.js-ready .film-marker{display:block;position:absolute;top:23%;width:1px;height:1px}.motion-reduced .film,.motion-reduced.js-ready .film[data-mode="cinema"]{height:auto;min-height:min(760px,100svh)}.motion-reduced .film-sticky,.motion-reduced.js-ready .film[data-mode="cinema"] .film-sticky{position:relative;height:auto;min-height:min(760px,100svh)}.motion-reduced .film-media canvas{display:none!important}.motion-reduced .film-poster{visibility:visible!important}.motion-reduced .film-caption{display:none!important}.motion-reduced .film-caption:first-child{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important}.motion-reduced .film-note,.motion-reduced .film-meter{display:none}.motion-reduced .film-enter{display:none}
html[lang=en] .film-meter span{transform-origin:left}html[lang=en] body,html[lang=en] button{font-family:var(--latin)}html[lang=en] .film-caption h1,html[lang=en] .film-caption h2{font-family:var(--latin)}
@media(max-width:1080px){.primary-nav a:nth-child(2),.primary-nav a:nth-child(3){display:inline-block}.film-caption{inset-inline-start:clamp(20px,5vw,60px);width:min(590px,calc(100% - 40px))}}
@media(max-width:760px){:root{--header-height:112px}.site-header{grid-template-columns:auto 1fr auto;gap:8px 12px;padding:8px 16px}.primary-nav{display:flex;grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-start;gap:24px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:thin}.primary-nav a{display:inline-block!important}.header-tools{grid-column:3;grid-row:1}.film,.film-sticky{min-height:100svh}.film-caption{inset-inline:16px;bottom:20px;width:auto;padding:20px 18px}.film-caption h1{font-size:clamp(38px,11vw,56px)}.film-caption h2{font-size:clamp(34px,10vw,50px)}.film-caption>p:last-child,.film-lead{margin-top:12px;font-size:13px;line-height:1.7}.film-enter{margin-top:16px}.film-skip{top:calc(var(--header-height) + 12px);inset-inline-end:16px}.film-note{display:none}.film-wash{background:linear-gradient(180deg,rgba(9,31,29,.12),rgba(9,31,29,.08) 42%,rgba(9,31,29,.68))}}
@media(max-width:360px){.brand-en{display:none}.text-button{max-width:136px}.film-caption{inset-inline:10px;bottom:12px;padding:17px 15px}.film-caption h1{font-size:36px}.film-caption h2{font-size:32px}.film-caption>p:last-child,.film-lead{font-size:12px}.film-skip{inset-inline-end:10px}}.js-ready .film[data-mode="cinema"]:not(.film-canvas-ready) .film-poster{visibility:visible}.js-ready .film[data-mode="cinema"]:not(.film-canvas-ready) canvas{visibility:hidden}.js-ready .film-marker{top:10%}
@media(max-height:560px){.film-caption{bottom:10px;padding:14px 18px;max-height:calc(100svh - var(--header-height) - 28px);overflow:auto}.film-caption h1{font-size:clamp(34px,8vh,48px)}.film-caption h2{font-size:clamp(30px,7vh,42px)}.film-caption>p:last-child,.film-lead{margin-top:8px;font-size:12px;line-height:1.55}.film-enter{margin-top:10px}.film-skip{top:calc(var(--header-height) + 8px)}.film-note{display:none}}.film-sequence-failed .film-meter,.film-sequence-failed .film-note,.film-sequence-failed .film-enter{display:none}.film-sequence-failed .film-sticky{min-height:min(760px,100svh)}/* Preserve the sequence's bright daytime colour; captions provide their own contrast. */
.film-media:after{background:linear-gradient(180deg,rgba(12,30,28,.025),transparent 48%,rgba(12,30,28,.14))}.film-wash{background:linear-gradient(90deg,rgba(12,34,31,.16),transparent 58%,rgba(12,34,31,.05))}
@media(max-width:760px){.film-wash{background:linear-gradient(180deg,rgba(12,34,31,.025),transparent 48%,rgba(12,34,31,.18))}}
.film.film-sequence-failed{min-height:min(760px,100svh)}

/* Owner review follow-up 2026-09-16: reveal the film beneath every cinematic caption. */
.film-caption{
  color:#fffaf2;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  text-shadow:0 2px 18px rgba(5,24,22,.92),0 1px 3px rgba(5,24,22,.95)
}
.film-caption .kicker{color:#d9f5f1}
.film-caption>p:last-child,.film-caption .film-lead{color:#f4fbfa}
.film-caption .film-enter{
  color:#fffaf2;
  border-bottom-color:rgba(255,250,242,.82)
}
@media(max-width:760px){
  .film-caption{
    text-shadow:0 2px 14px rgba(5,24,22,.96),0 1px 3px rgba(5,24,22,1)
  }
}