:root{--paper:#ffffff;--ink:#12273f;--muted:#53636e;--faint:#7b898e;--rule:#d8dedc;--teal:#0b6f6f;--serif:'Instrument Serif',Georgia,serif;--sans:'IBM Plex Sans',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{overflow-x:clip;background:var(--paper);scroll-behavior:auto}body{margin:0;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:5px}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--ink);color:white;z-index:100}.skip:focus{top:15px}.brand{display:flex;align-items:center;gap:15px}.brand img{object-fit:contain}.brand span{font-size:13px;font-weight:600;letter-spacing:.22em;border-left:1px solid var(--rule);padding-left:15px}.workbench{display:inline-flex;gap:28px;align-items:center;border:1px solid var(--ink);padding:11px 17px;font-size:12px;transition:background .2s,color .2s}.workbench:hover{background:var(--ink);color:var(--paper)}#film{height:1050vh;position:relative}.theatre{height:100svh;position:sticky;top:0;overflow:hidden}.opening{position:absolute;z-index:4;left:4.4%;top:50%;transform:translate3d(0,-45%,0);max-width:660px;will-change:opacity;backface-visibility:hidden;isolation:isolate}.eyebrow{font:10px var(--mono);letter-spacing:.12em;color:var(--teal);margin:0 0 26px}.opening h1{font:400 clamp(43px,4.75vw,78px)/1.03 var(--serif);letter-spacing:-.015em;margin:0 0 28px;color:var(--muted)}h1 em,h2 em{font-style:normal;color:var(--ink)}.intro{font-size:16px;line-height:1.6;margin:0 0 29px;color:var(--muted)}#load-error{position:absolute;top:150px;left:5%;z-index:10;background:var(--paper);padding:20px}footer{display:flex;justify-content:space-between;padding:28px 4.4%;font-size:10px;color:var(--muted);border-top:1px solid var(--rule)}
@media(min-width:1700px){.opening{left:8%}}
@media(max-width:760px){.brand{gap:10px}.brand span{font-size:11px;padding-left:10px;letter-spacing:.16em}.brand img{width:23px;height:25px}.opening{left:24px;right:20px;top:160px;transform:translateZ(0);max-width:470px}.eyebrow{font-size:8px;line-height:1.5;margin-bottom:20px}.opening h1{font-size:46px;line-height:1.05;margin-bottom:23px}.intro{font-size:14px}footer{padding:24px;font-size:8px;gap:16px}#film{height:1100svh}}
@media(max-width:380px){.opening h1{font-size:40px}.opening{top:145px}.intro{font-size:13px;margin-bottom:15px}.brand span{font-size:10px}}
@media(max-height:700px) and (min-width:761px){.opening h1{font-size:48px}.opening .eyebrow{margin-bottom:15px}.opening .intro{margin-bottom:14px}.opening{transform:translate3d(0,-36%,0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.hazard-key{position:absolute;z-index:6;left:75%;right:4.4%;top:29%;max-width:340px;color:var(--ink)}.hazard-key .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:12px;color:#347fa8}.hazard-key h2{font:32px/1.05 var(--serif);margin:0 0 8px}.hazard-basis{font-size:11px;color:var(--muted);margin:0 0 21px}.hazard-class{display:flex;gap:12px;align-items:flex-start;margin:14px 0}.hazard-class i{width:14px;height:14px;flex:none;margin-top:2px}.zone-three{background:#347fa8}.zone-two{background:#99c7e8}.hazard-class strong{display:block;font-size:13px;font-weight:500;margin-bottom:4px}.hazard-class span{display:block;font-size:11px;line-height:1.5;color:var(--muted)}.hazard-caveat{font-size:11px;line-height:1.55;border-top:1px solid var(--rule);padding-top:12px;margin:17px 0 13px}.hazard-exposure{font-size:13px;line-height:1.45;margin:0 0 18px}.hazard-exposure span{font-size:11px;color:var(--muted)}.hazard-key>a{font-size:9px;color:#347fa8;border-bottom:1px solid #b7cfdb;display:inline-block;padding:5px 0}.hazard-credit{display:block;font-size:8px;color:var(--muted);margin-top:6px}
@media(max-width:1100px) and (min-width:761px){.hazard-key{left:76%;right:3%;top:28%}.hazard-key h2{font-size:28px}.hazard-class{margin:10px 0}}
@media(max-width:760px){.hazard-key{left:24px;right:24px;max-width:none;top:auto;bottom:171px;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;padding-top:10px;border-top:1px solid var(--rule);background:var(--paper)}.hazard-key .eyebrow{display:none}.hazard-key h2{grid-column:1/-1;font-size:24px;margin:0}.hazard-basis{grid-column:1/-1;font-size:9px;margin:0 0 3px}.hazard-class{margin:3px 0;gap:8px}.hazard-class i{width:11px;height:11px}.hazard-class strong{font-size:11px;margin-bottom:2px}.hazard-class span{font-size:9px;line-height:1.35}.hazard-caveat{grid-column:1/-1;border:0;margin:4px 0 0;padding:0;font-size:9px;line-height:1.3}.hazard-caveat br{display:none}.hazard-exposure{grid-column:1/-1;font-size:11px;margin:0;line-height:1.3}.hazard-exposure br{display:none}.hazard-exposure span{font-size:9px;margin-left:5px}.hazard-key>a{grid-column:1/-1;font-size:8px;justify-self:start;padding:3px 0}.hazard-credit{display:none}}
@media(max-height:760px) and (min-width:761px){.hazard-key{top:27%}.hazard-key h2{font-size:27px}.hazard-class{margin:8px 0}.hazard-basis{margin-bottom:12px}.hazard-caveat{margin:10px 0;padding-top:8px}.hazard-exposure{margin-bottom:7px}}
@media(min-width:761px) and (max-width:960px){.hazard-key{top:24%}.hazard-key .eyebrow{font-size:8px;margin-bottom:8px}.hazard-key h2{font-size:24px}.hazard-basis{font-size:9px;margin-bottom:12px}.hazard-class{margin:8px 0;gap:8px}.hazard-class i{width:12px;height:12px}.hazard-class strong{font-size:12px}.hazard-class span{font-size:10px;line-height:1.4}.hazard-caveat{font-size:10px;margin:10px 0;padding-top:10px}.hazard-exposure{font-size:11px;margin-bottom:10px}.hazard-exposure span{font-size:10px}.hazard-key>a{font-size:8px}.hazard-credit{font-size:7px}}#business-source{cursor:pointer}#business-source:hover text,#business-source:focus-visible text,#enquiry-source:hover text,#enquiry-source:focus-visible text{text-decoration:underline;text-underline-offset:4px}.matrix-mobile{position:absolute;z-index:6;top:154px;bottom:244px;left:22px;right:22px;background:#fff;border:1px solid var(--rule);display:flex;flex-direction:column;overflow:hidden}.matrix-mobile-heading{padding:12px 12px 0;display:flex;flex-direction:column;gap:4px;flex:none}.matrix-mobile-heading strong{font:9px var(--mono);letter-spacing:.06em}.matrix-mobile-heading span{font-size:9px;color:var(--muted)}.matrix-scroll-hint{margin:6px 12px 8px;font-size:9px;color:var(--teal)}.matrix-scroll{overflow:auto;min-height:0;flex:0 1 auto;overscroll-behavior:contain;scrollbar-width:thin;border-block:1px solid var(--rule)}#coverage-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:920px;font-size:11px}#coverage-table th,#coverage-table td{border-bottom:1px solid #edf0ef;padding:5px 4px;text-align:center;background:white}#coverage-table thead th{position:sticky;top:0;z-index:2;height:58px;font-size:9px;font-weight:400;line-height:1.3;color:var(--muted);border-bottom:1px solid var(--rule)}#coverage-table th:first-child{position:sticky;left:0;width:170px;text-align:left;padding-left:12px;z-index:3;border-right:1px solid var(--rule)}#coverage-table thead th:first-child{z-index:4}#coverage-table tbody th{font-size:11px;font-weight:400;height:34px}#coverage-table tr.selected th,#coverage-table tr.selected td{background:#eff6f5}#coverage-table tr.selected th{font-weight:600}#coverage-table th button{padding:4px 0;text-align:left;font-size:11px;color:var(--teal)}.coverage-cell{display:block;height:22px;width:100%;font-size:8px;line-height:22px}.coverage-e{background:#0b6f6f}.coverage-c{background:#b6d4d2}.coverage-n,.coverage-p{background:repeating-linear-gradient(135deg,#fff 0,#fff 5px,#b5c0c5 5px,#b5c0c5 6px);border:1px solid #aebbc1}.coverage-p{border-color:#b97743}.coverage-s{background:white;border:1px dashed #718797}.matrix-key{display:flex;gap:7px 10px;flex-wrap:wrap;padding:10px 12px 0;flex:none}.matrix-key span{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:4px;white-space:nowrap}.matrix-key i{display:inline-block;width:10px;height:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}



@media(max-width:760px){.matrix-mobile-heading{flex-direction:row;justify-content:space-between;align-items:center;padding:10px 10px 0;gap:8px}.matrix-mobile-heading strong{font-size:8px}.matrix-mobile-heading span{font-size:8px}.matrix-scroll-hint{margin:6px 10px 8px}#coverage-table thead th{height:46px}.matrix-mobile{bottom:250px}}.global-context{position:absolute;inset:128px 4.4% 154px;z-index:6;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.global-heading .eyebrow{font-size:9px;letter-spacing:.08em;margin:0 0 9px}.global-heading h2{font:36px/1.05 var(--serif);margin:0 0 9px}.global-heading>p:last-child{font-size:11px;color:var(--muted);margin:0}.global-evidence-key{align-self:center;background:#ffffff;padding:9px 16px 0}.global-scale{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted);font:10px var(--sans)}.global-scale i{display:block;width:175px;height:8px;background:linear-gradient(90deg,#fffaf0,#ead9b4,#d8b77d,#c79254,#b97141,#984c32)}.global-scale.drought i{background:linear-gradient(90deg,#a97238,#e3ceb0,#e4e9e5,#bcd5cf,#41867f)}.global-evidence-key nav{display:flex;gap:20px;align-items:center;margin-top:10px;font-size:10px;pointer-events:auto}.global-evidence-key button{padding:5px 0;color:var(--muted);border-bottom:1px solid transparent;font-size:11px}.global-evidence-key button[aria-current=true]{color:var(--ink);border-color:var(--teal)}.global-evidence-key a{color:var(--teal);font-size:9px;margin-left:14px}.global-evidence-key a:hover{text-decoration:underline}
@media(min-width:1700px){.global-context{left:8%;right:8%}}
@media(max-width:760px){.global-context{inset:119px 22px 257px}.global-heading .eyebrow{font-size:8px;margin-bottom:7px}.global-heading h2{font-size:29px;margin-bottom:7px}.global-heading>p:last-child{font-size:9px;max-width:340px}.global-evidence-key{padding:7px 0 0;align-self:stretch}.global-scale{font-size:9px;gap:8px}.global-scale i{width:146px;height:7px}.global-evidence-key nav{gap:18px;margin-top:6px;justify-content:center}.global-evidence-key button{font-size:10px}.global-evidence-key a{font-size:8px;margin-left:0}}.global-scale.heat i{background:linear-gradient(90deg,#fffaf0 0 14.28%,#f5eee0 14.28% 28.57%,#ead9b4 28.57% 42.85%,#d8b77d 42.85% 57.14%,#c79254 57.14% 71.42%,#b97141 71.42% 85.71%,#984c32 85.71% 100%)}.global-scale.drought i{background:linear-gradient(90deg,#a97238 0 14.28%,#c79b63 14.28% 28.57%,#e3ceb0 28.57% 42.85%,#e4e9e5 42.85% 57.14%,#bcd5cf 57.14% 71.42%,#79aba5 71.42% 85.71%,#41867f 85.71% 100%)}.map-no-data{font:9px var(--sans);display:flex;gap:5px;align-items:center;margin-left:6px;white-space:nowrap}.map-no-data:before{content:'';width:10px;height:8px;background:#edf1ef;border:1px solid #becbc8}
@media(max-width:760px){.global-scale i{width:120px}.global-scale{gap:6px}.map-no-data{font-size:8px;margin-left:2px}}
@media(max-width:760px) and (max-height:720px){.global-heading h2{font-size:25px}.global-heading .eyebrow{display:none}.global-heading>p:last-child{font-size:8px}.global-context{top:113px}.global-scale{font-size:8px}.global-scale i{width:110px}.global-evidence-key nav{gap:15px}.global-evidence-key a{font-size:7px}}/* Institution identity persists from the opening field to the comparison. */
.register-breath{animation:none;opacity:.76}:root{--concern-low:#94b9ac;--concern-moderate:#d1ac6a;--concern-high:#b86750}.low{background:var(--concern-low)}.moderate{background:var(--concern-moderate)}.high{background:var(--concern-high);color:white}.unknown{background:repeating-linear-gradient(135deg,#fafbfa 0,#fafbfa 5px,#bdc8c5 5px,#bdc8c5 6px)}.peer-context{position:absolute;z-index:6;top:132px;left:4.4%;right:4.4%;pointer-events:none}.peer-context .eyebrow{margin:0 0 10px;font-size:9px}.peer-context h2{font:38px/1.1 var(--serif);margin:0 0 20px}.peer-context nav{display:flex;gap:25px;width:fit-content;pointer-events:auto}.peer-context nav button{font-size:12px;padding:7px 0;border-bottom:1px solid transparent;color:var(--muted)}.peer-context nav button[aria-pressed=true]{border-color:var(--teal);color:var(--ink)}#dimension-question{font-size:11px;color:var(--muted);margin:12px 0}.peer-key{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.peer-key span{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}.peer-key i{display:block;width:11px;height:11px;flex:none}.peer-context .peer-key{margin-top:18px}#peer-matrix [role=button]:hover rect:first-of-type,#peer-matrix [role=button]:focus-visible rect:first-of-type{stroke:var(--teal);stroke-width:1.5}#peer-matrix [role=button]:focus-visible{outline:none}.evidence-panel{position:absolute;z-index:22;right:4.4%;top:153px;bottom:152px;width:min(450px,91.2%);padding:28px 30px;overflow:auto;overscroll-behavior:contain;background:white;border:1px solid var(--rule);box-shadow:-12px 0 36px #12273f0a}.evidence-close{position:absolute;top:10px;right:12px;width:36px;height:36px;font-size:27px;color:var(--muted)}.evidence-panel .eyebrow{font-size:9px;margin:0 32px 20px 0}.evidence-panel h2{font:40px/1.06 var(--serif);margin:6px 0 10px}.evidence-panel h3{font-size:12px;font-weight:500;margin:24px 0 8px}.evidence-panel p{font-size:13px;line-height:1.6;margin:0 0 12px;color:var(--muted)}#evidence-firm{font-size:12px;color:var(--ink)}#evidence-question{font-size:12px}.evidence-status{display:flex;align-items:center;justify-content:space-between;gap:10px;border-block:1px solid var(--rule);padding:16px 0;margin:20px 0}.evidence-level{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;background:none;color:var(--ink)}.evidence-level:before{content:'';width:13px;height:13px;background:var(--concern-moderate)}.evidence-level.low:before{background:var(--concern-low)}.evidence-level.high:before{background:var(--concern-high)}.evidence-level.unknown:before{background:repeating-linear-gradient(135deg,#fff 0,#fff 3px,#aab9b4 3px,#aab9b4 4px)}#evidence-confidence{font-size:10px;color:var(--muted)}.evidence-panel .evidence-origin{font-size:10px;margin-top:25px;padding-top:14px;border-top:1px solid var(--rule)}.evidence-links{display:flex;gap:20px;flex-wrap:wrap}.evidence-links a,.evidence-links button{font-size:11px;color:var(--teal);padding:6px 0;border-bottom:1px solid var(--teal)}
@media(min-width:1700px){.peer-context{left:8%;right:8%}}
@media(max-width:1100px) and (min-width:761px){.peer-context h2{font-size:33px}}
@media(max-width:760px){.peer-context{top:119px;left:22px;right:22px}.peer-context h2{font-size:29px;margin-bottom:12px}.peer-context .eyebrow{font-size:7px;letter-spacing:.045em}.peer-context nav{gap:18px}.peer-context nav button{font-size:10px;min-height:36px}.peer-context #dimension-question{font-size:10px;margin-top:8px}.peer-context .peer-key{gap:12px;margin-top:12px}.peer-context .peer-key span{font-size:8px}.matrix-mobile{top:145px;bottom:225px;left:22px;right:22px;border:0;overflow:visible}.matrix-mobile-heading{display:block;padding:0}.matrix-mobile-heading h2{font:29px/1.05 var(--serif);margin:0 0 8px}.matrix-mobile-heading span{font-size:9px}.matrix-scroll-hint{font-size:9px;margin:11px 0 10px}.matrix-scroll{border-color:var(--rule);flex:0 1 auto;min-height:70px}#coverage-table{width:100%;table-layout:fixed}#coverage-table th:first-child{width:31%;padding-left:0;border-right:0}#coverage-table thead th{height:45px;padding:4px 1px;font-size:9px}#coverage-table thead th button{font-size:9px;min-height:36px;letter-spacing:-.035em;text-align:center;padding:4px 0;border-bottom:1px solid transparent}#coverage-table thead th button[aria-pressed=true]{border-color:var(--teal)}#coverage-table tbody th{font-size:10px;font-weight:400;height:44px;white-space:normal;padding:4px 3px 4px 0}#coverage-table td{height:44px;padding:2px 3px}#coverage-table td.active-dimension{background:#f3f6f5}#coverage-table tr.selected td,#coverage-table tr.selected th{background:#edf4f2}#coverage-table tr.selected td.active-dimension{background:#e4eeea}.peer-row-mark{width:8px;height:8px;display:inline-block;margin-right:6px}.peer-cell{font-size:10px;width:36px;height:36px;display:block;margin:auto;padding:0}.matrix-mobile>.peer-key{gap:12px;margin:12px 0 0}.matrix-mobile>.peer-key span{font-size:8px}.matrix-mobile>.peer-key i{width:9px;height:9px}.evidence-panel{top:138px;bottom:137px;left:15px;right:15px;width:auto;padding:22px}.evidence-panel h2{font-size:33px}.evidence-panel p{font-size:12px}.evidence-panel .eyebrow{font-size:8px}.evidence-status{margin:14px 0;padding:12px 0}.evidence-panel h3{margin-top:18px}.evidence-panel .evidence-origin{font-size:9px}
}
@media(max-width:760px) and (max-height:720px){.matrix-mobile{top:142px;bottom:218px}.matrix-mobile-heading h2{font-size:25px}.matrix-mobile-heading span{font-size:8px}.matrix-scroll-hint{font-size:8px;margin:7px 0}.matrix-mobile>.peer-key{margin-top:8px;gap:11px}.peer-context h2{font-size:25px}.peer-context{top:112px}.peer-context .peer-key{margin-top:8px}.peer-context #dimension-question{margin:5px 0}.peer-context nav button{min-height:30px}}
@media(prefers-reduced-motion:reduce){.register-breath{animation:none!important;opacity:.76}}
@media(max-width:760px){.matrix-mobile{top:112px;bottom:185px}.matrix-scroll{scrollbar-width:thin;scrollbar-color:#b6c8c0 #fff}}
@media(max-width:760px) and (max-height:720px){.matrix-mobile{top:106px;bottom:174px}}


/* Keep the transport, caption and disclosure on one persistent compositor layer. */
.film-controls-layer{position:fixed;inset:0;height:100svh;z-index:8;pointer-events:none;transform:translateZ(0);will-change:transform;backface-visibility:hidden;isolation:isolate}.film-controls-layer .playback{pointer-events:auto}
#evidence-panel{position:fixed}
/* One frame of navigation and one narrative caption. */
.site-header{position:fixed;inset:0 0 auto;z-index:25;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 4.4%;background:var(--paper)}
.site-header nav{display:flex;align-items:center;font-size:12px}
#canvas{position:absolute;inset:120px 0 140px;width:100%;height:calc(100% - 260px);overflow:hidden}
.caption{position:absolute;left:4.4%;right:4.4%;bottom:112px;pointer-events:none}
.caption p{font:23px/1.15 var(--serif);margin:0}
.playback{position:absolute;bottom:34px;left:4.4%;right:4.4%;height:58px;border-top:1px solid var(--rule);display:flex;align-items:center;gap:20px;z-index:8}




.fiction{position:absolute;bottom:15px;left:4.4%;right:4.4%;font:9px/1.35 var(--mono);color:var(--faint)}
.ending{position:absolute;z-index:6;bottom:118px;left:4.4%;right:4.4%;display:flex;justify-content:flex-end;pointer-events:none}.ending a{font-size:12px;padding:8px 0;border-bottom:1px solid var(--ink);pointer-events:auto}.ending a:hover{color:var(--teal);border-color:var(--teal)}

@media(min-width:1700px){.caption,.playback,.fiction,.ending{left:8%;right:8%}}
@media(max-width:760px){
 .site-header{height:68px;padding:0 22px}.site-header .workbench{font-size:10px;padding:9px 10px;gap:9px}
 #canvas{top:106px;bottom:160px;height:calc(100% - 266px)}
 .opening{top:136px}.caption{left:22px;right:22px;bottom:111px}.caption p{font-size:19px;line-height:1.15}
 .playback{left:22px;right:22px;bottom:32px;height:58px;gap:18px}
 .fiction{left:22px;right:22px;bottom:12px;font-size:7px;letter-spacing:0}
 .ending{left:22px;right:22px;bottom:112px;justify-content:flex-start}.ending a{font-size:11px;padding:7px 0}
 .matrix-mobile{top:112px;bottom:185px}.matrix-mobile>.peer-key{gap:11px;margin-top:12px}.matrix-mobile>.peer-key span{font-size:8px}.matrix-scroll-hint{font-size:9px}
 .evidence-panel{top:100px;bottom:125px}

}
@media(max-width:760px) and (max-height:720px){.opening{top:122px}.matrix-mobile{top:106px;bottom:174px}.matrix-mobile>.peer-key{margin-top:8px}.matrix-scroll-hint{font-size:8px}.ending{bottom:107px}.caption{bottom:108px}.evidence-panel{top:88px;bottom:115px}}
@media(max-height:700px) and (min-width:761px){#canvas{top:104px;height:calc(100% - 232px)}.caption{bottom:103px}.ending{bottom:108px}.site-header{height:72px}}

/* One sentence: the italic connector leads directly into the square lettering. */
.opening{left:0;right:0;top:48%;width:min(1040px,calc(62vw + 60px));max-width:none;margin:0 auto;transform:translate3d(0,calc(-50% - clamp(16px,2.5vh,26px)),0);display:block}
.opening .eyebrow{font:500 10px var(--sans);letter-spacing:.14em;margin:0 0 24px;color:var(--muted)}
.opening h1{font:400 clamp(36px,3.6vw,52px)/1.04 var(--serif);letter-spacing:-.02em;margin:0;color:var(--ink)}
.headline-intro{display:block;white-space:nowrap}
.title-lockup{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:clamp(16px,1.7vw,28px);margin-top:28px;align-items:start}
.title-connector{font:italic clamp(42px,4.9vw,74px)/.85 var(--serif);letter-spacing:-.03em;margin-top:calc(var(--title-line-height,100px) - .85em)}
.square-title-frame{display:block;width:100%;aspect-ratio:var(--title-columns,87) / var(--title-rows,23)}
.opening .intro{font-size:15px;line-height:1.65;margin:38px 0 0;color:var(--muted)}
@media(min-width:1700px){.site-header{padding-inline:8%}}
@media(max-width:699px){
 .opening{width:calc(100% - 48px);top:46%}
 .opening .eyebrow{font-size:9px;letter-spacing:.10em;margin-bottom:22px}
 .opening h1{font-size:clamp(30px,6.2vw,40px);line-height:1.1}
 .title-lockup{margin-top:24px;column-gap:12px}
 .title-connector{font-size:clamp(32px,6.5vw,42px)}
 .opening .intro{font-size:14px;line-height:1.65;margin-top:30px}
}
@media(max-height:720px){.opening{top:46%}.opening .eyebrow{margin-bottom:18px}.opening .intro{margin-top:26px}.title-lockup{margin-top:24px}}

/* Ten chapter marks and one stable action, without a second navigation surface. */
.playback{height:88px;border:0;display:grid;grid-template-rows:44px 44px;gap:0}
.chapter-segments{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;min-width:0}
.chapter-segment{position:relative;min-width:0;height:44px;padding:0}
.segment-track{position:absolute;left:0;right:0;top:20px;height:3px;background:#dce3e0;overflow:hidden}
.segment-fill{position:absolute;inset:0;background:var(--teal);transform-origin:left;transform:scaleX(0)}
.chapter-segment[data-state=current] .segment-track{background:#c4d7d1}
.chapter-segment:focus-visible{outline-offset:0}
.segment-tooltip{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);padding:5px 8px;background:var(--paper);color:var(--teal);font:11px var(--sans);white-space:nowrap;visibility:hidden;pointer-events:none}
.chapter-segment:first-child .segment-tooltip{left:0;transform:none}
.chapter-segment:last-child .segment-tooltip{left:auto;right:0;transform:none}
.chapter-segment:focus-visible .segment-tooltip{visibility:visible}
@media(hover:hover){.chapter-segment:hover .segment-tooltip{visibility:visible}.film-action:hover{color:var(--teal)}}
.playback-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.film-action{width:180px;flex:none;height:44px;display:flex;align-items:center;gap:12px;padding:0;font:13px var(--sans);text-align:left}
.film-action-icon{width:20px;height:20px;flex:none;color:var(--teal);fill:currentColor}
.film-action-icon path{display:none}
.film-action[data-mode=play] .icon-play,.film-action[data-mode=pause] .icon-pause,.film-action[data-mode=replay] .icon-replay{display:block}
.current-chapter{margin:0;display:flex;align-items:center;gap:10px;font:12px var(--sans);color:var(--muted);white-space:nowrap}
#current-chapter-number{font:10px var(--mono);color:var(--teal)}
.chapter-separator{color:#a5b1ad}
.caption{bottom:140px}.ending{bottom:146px}
@media(max-width:760px){
 .chapter-segments{gap:5px}.film-action{width:160px;font-size:12px;gap:9px}
 .current-chapter{font-size:11px;gap:7px}#current-chapter-number{font-size:9px}
 .caption{bottom:134px}.ending{bottom:140px}
}