/* One reading rhythm across the existing tactile world. */
:root{--page-gutter:max(var(--gutter),calc((100vw - 1200px)/2));--section-space:80px}
.site-header{background:var(--bone);border-bottom:1px solid #17122024}
.site-header.on-dark{background:var(--ink);border-bottom-color:#d3c8ba24}
.menu-open .site-header{background:var(--deep)}
.site-header .motion-control{position:fixed;inset:30px auto auto calc(var(--gutter) + 58px);width:44px;height:44px;z-index:auto;background:transparent;color:inherit;border-color:#17122040}
.site-header.on-dark .motion-control{border-color:#d3c8ba66}
.hero.video-hero,.characters,.blueprint,.access,.faq,.footer{padding-inline:var(--page-gutter)}
.hero.video-hero{min-height:0;padding-top:120px;padding-bottom:36px}
.video-hero .hero-intro{grid-template-columns:minmax(0,1fr) 340px;gap:48px;margin-bottom:28px}
.hero.video-hero h1{font-size:clamp(88px,8vw,122px);line-height:.9}
.hero-promise p{font-size:16px;line-height:1.6;max-width:35ch;margin-bottom:12px}
.hero-promise p.hero-format-note{font-size:13px;margin-bottom:18px;color:var(--sand)}
.hero-enrol{min-height:52px;font-size:14px}
.hero-film-toolbar{padding-block:14px;gap:20px}
.hero-film-credit>span{font-size:13px}
.hero-film-control{font:600 12px var(--body);text-transform:none}
.hero-meta{padding-top:14px;font-size:13px;gap:20px}
.hero-meta a{min-height:36px}
.characters{padding-top:var(--section-space);padding-bottom:64px}
.character-heading{gap:40px;align-items:end}
.character-heading h2{font-size:clamp(64px,6.7vw,96px);line-height:.92;max-width:none;width:65%}
.character-heading p{font-size:16px;line-height:1.6;max-width:26ch;padding-bottom:2px}
.character-inspector-bar{margin-top:24px;padding-block:12px;font:400 14px/1.5 var(--body);color:var(--deep)}
.design-layers-toggle{font:600 12px var(--body);text-transform:none;gap:12px;padding:10px 14px}
.cast-lineup{margin-top:16px}
.cast-image{height:clamp(285px,28vw,360px)}
.cast-piece:nth-child(2){padding-bottom:24px}
.cast-piece:nth-child(3){padding-bottom:8px}
.cast-piece:nth-child(4){padding-bottom:20px}
.cast-piece figcaption{font:600 13px/1.4 var(--body);letter-spacing:0;text-transform:none;margin-top:12px;padding-top:12px;min-height:36px}
.character-bottom{margin-top:24px;padding-top:18px;gap:24px}
.character-bottom p,.character-bottom .text-link{font-size:14px}
.work .work-stage{padding-top:80px}
.work .backdrop-title{font-size:clamp(48px,5.2vw,72px);line-height:1;letter-spacing:-.02em}
.gallery-tab{font-size:13px;gap:10px;min-height:44px}
.gallery-tab span{font-size:10px;opacity:1}
.gallery-sound-note{font:400 13px var(--body);text-transform:none}
.gallery-foot{font-size:13px;margin-top:20px;padding-bottom:64px}
.blueprint{padding-top:var(--section-space);padding-bottom:var(--section-space);display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.blueprint .wide-title{font-size:clamp(60px,6.7vw,96px);line-height:.92;white-space:normal;color:var(--bone);margin:0;position:static;transform:none}
.learning-steps{list-style:none;padding:0;margin:0;counter-reset:none}
.learning-steps li{padding:20px 0;border-top:1px solid #d3c8ba4d}
.learning-steps li:first-child{padding-top:0;border-top:0}
.learning-steps li:last-child{padding-bottom:0}
.learning-steps h3{font:600 22px/1.3 var(--body);margin-bottom:10px;color:var(--bone)}
.learning-steps p{font:400 16px/1.6 var(--body);color:var(--sand);max-width:52ch}
.access{padding-top:var(--section-space);padding-bottom:64px}
.access>h2{font-size:clamp(60px,6.7vw,96px);line-height:1;white-space:normal;max-width:none}
.access-layout{margin-top:40px;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.access-price>p{font-size:clamp(100px,9.5vw,144px);line-height:1;margin:0 0 20px;font-variant-numeric:tabular-nums}
.access-price-original{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;color:#4f4758;font:400 15px/1.5 var(--body)}
.access-price-original s{font-weight:600;font-size:22px;text-decoration-thickness:1.5px;font-variant-numeric:tabular-nums}
.access-price-now{display:block;margin-bottom:6px;color:var(--purple);font:600 16px/1.5 var(--body);letter-spacing:0}
.access-price>span:last-child{font:400 17px/1.6 var(--body)}
.access-details{max-width:none;padding-top:0}
.access-details h3{font-size:18px;line-height:1.4;margin-bottom:18px}
.access-details ul{margin-bottom:24px}
.access-details li{font-size:16px;padding-block:12px}
.enquiry{min-height:56px;font-size:15px}
.access-action-note{font-size:14px;line-height:1.6;margin-top:12px}
.access-terms{font-size:14px;line-height:1.6;margin-top:20px;max-width:52ch;color:#4f4758}
.faq{padding-top:0;padding-bottom:var(--section-space);grid-template-columns:.85fr 1.15fr;gap:80px}
.faq h2{font-size:clamp(60px,6.7vw,96px);line-height:.95}
.faq-list details{padding-block:18px}
.faq summary{min-height:44px;font-size:17px;line-height:1.4}
.faq details p{font-size:16px;line-height:1.6;margin-top:12px;max-width:52ch}
.footer{padding-top:30px;padding-bottom:30px}
.footer-bottom{margin:0;display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:13px}
.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
.footer-brand{margin-right:auto;font-weight:600;color:var(--bone)}
.footer-bottom>span{margin-left:0}
@media(max-width:1000px){:root{--section-space:64px}.video-hero .hero-intro{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.hero.video-hero h1{font-size:10vw}.hero-film-credit>span{display:none}.hero-meta{font-size:12px}.blueprint,.access-layout,.faq{gap:48px}.learning-steps h3{font-size:20px}.cast-piece figcaption{font-size:12px}}
@media(max-width:700px){:root{--section-space:56px}.hero.video-hero{padding-top:106px;padding-bottom:40px}.video-hero .hero-intro{display:block;margin-bottom:24px}.hero.video-hero h1{font-size:clamp(76px,22vw,122px);line-height:.9;margin-bottom:22px}.hero-promise p{font-size:16px;max-width:36ch;margin-bottom:12px}.hero-promise p.hero-format-note{font-size:13px;margin-bottom:18px}.hero-enrol{font-size:14px}.hero-film-toolbar{padding-top:14px;padding-bottom:16px}.hero-film-credit{margin-bottom:12px}.hero-film-credit strong{font-size:26px}.hero-film-credit>span{display:block;max-width:23ch;font-size:12px}.hero-film-control{font-size:12px;min-height:44px}.hero-meta{font-size:12px;padding-top:12px;gap:10px 16px}.hero-meta>a:last-child{font-size:12px}.hero-meta a{min-height:36px}.characters{padding-bottom:44px}.character-heading{display:block}.character-heading h2{width:100%;font-size:clamp(58px,16vw,84px);max-width:none}.character-heading p{font-size:15px;max-width:none;margin-top:18px}.character-inspector-bar{margin-top:20px;display:flex;align-items:center;gap:14px;font-size:13px}.character-inspector-bar p{max-width:23ch}.design-layers-toggle{font-size:11px;gap:8px;flex-shrink:0;margin:0;padding:9px 10px}.cast-lineup{margin:20px -7px 0;gap:24px 12px}.cast-image{height:225px}.cast-piece:nth-child(2),.cast-piece:nth-child(3),.cast-piece:nth-child(4){padding-bottom:0;transform:none}.cast-piece figcaption{font-size:12px;min-height:34px;margin:10px 7px 0;padding-top:10px}.character-bottom{display:flex;align-items:center;margin-top:20px;padding-top:16px;gap:16px}.character-bottom p,.character-bottom .text-link{font-size:12px;margin-top:0}.character-bottom .text-link{gap:6px}.work .work-stage{padding-top:56px}.work .backdrop-title{font-size:42px}.gallery-browse{margin-top:16px}.gallery-tab{font-size:12px;padding-inline:11px}.gallery-tab span{font-size:10px}.work .study-item h3{font-size:12px;line-height:1.4;min-height:34px}.gallery-foot{font-size:12px;margin-top:16px;padding-bottom:44px;gap:10px}.blueprint{display:block}.blueprint .wide-title{font-size:clamp(58px,16vw,84px);margin-bottom:32px}.learning-steps li{padding-block:18px}.learning-steps h3{font-size:20px;margin-bottom:8px}.learning-steps p{font-size:15px;line-height:1.6}.access{padding-bottom:52px}.access>h2{font-size:clamp(58px,15vw,80px)}.access-layout{grid-template-columns:1fr;gap:32px;margin-top:32px}.access-price>p{font-size:112px;margin-bottom:16px}.access-price>span:last-child{font-size:16px}.access-details h3{font-size:18px;margin-bottom:16px}.access-details li{font-size:15px}.access-terms,.access-action-note{font-size:14px}.faq{grid-template-columns:1fr;gap:28px}.faq h2{font-size:clamp(58px,16vw,84px)}.faq summary{font-size:16px;gap:18px}.faq details p{font-size:15px;padding-right:0}.footer{padding-top:24px;padding-bottom:76px}.footer-bottom{display:flex;gap:4px 22px;font-size:12px}.footer-brand{width:100%;margin:0}.footer-bottom>span{width:100%;margin-top:12px}.menu-panel nav{gap:20px}.menu-panel nav a{font-size:clamp(40px,11vw,58px)}}
@media(max-width:359px){.hero-film-control{font-size:11px}.hero-film-credit>span{font-size:11px}.hero-meta{gap:8px 12px}.hero-social-proof{font-size:11px}.hero-meta>a:last-child{font-size:11px}.character-inspector-bar{gap:10px}.character-inspector-bar p{max-width:20ch}.design-layers-toggle{font-size:10px;padding-inline:9px}.cast-image{height:200px}.cast-piece figcaption{font-size:11px}.character-bottom{flex-wrap:wrap;gap:8px}.work .backdrop-title{font-size:36px}.gallery-tab{font-size:11px;gap:8px}.gallery-tab span{font-size:9px}.gallery-foot{font-size:11px}.access-price>p{font-size:100px}}
@media(min-width:701px) and (max-height:500px){.work .work-stage{padding-top:72px}.work .backdrop-title{font-size:42px}.gallery-foot{padding-bottom:24px}.hero.video-hero{padding-top:110px}.character-heading h2{font-size:72px}}
.gallery-tab span{font-size:11px}
.work .film-card-foot{font-size:11px}
.work .compact-study .sculpture-activate{font:600 12px var(--body)}
.film-player-note{font-size:12px}
.ci-live-readout{font-size:11px}
.ci-live-readout:after{font-size:10px}
@media(max-width:700px){.site-header .motion-control{inset:18px auto auto calc(var(--gutter) + 44px)}.menu-toggle{width:44px;height:44px}.work .backdrop-title{font-size:40px}.gallery-tab span{font-size:11px}.work .film-card-foot{font-size:11px}.work .compact-study .sculpture-activate{font-size:11px}.film-player-note{font-size:12px}.ci-live-readout{font-size:11px}.ci-live-readout:after{font-size:10px}}
@media(max-width:359px){.work .backdrop-title{font-size:32px}.access>h2{font-size:48px}.gallery-tab span{font-size:11px}.design-layers-toggle{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-enrol{transform:none}}
