body[data-page=overview]{background:#142836;color:#eaf0eb}
.overview-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px clamp(24px,5.3vw,100px);background:#142836;color:#eaf0eb}
.overview-wordmark{font-size:31px;line-height:1;letter-spacing:-.07em;font-weight:600}
.overview-header nav{display:flex;align-items:center;gap:32px;font-size:12px}
.overview-header nav button{border:1px solid #b9ccc950;padding:12px 19px;border-radius:5px;color:#eaf0eb}
.overview-header nav a:hover,.overview-footer a:hover{color:#c3d8c2}
.overview-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:610px;padding:28px clamp(24px,5.3vw,100px) 54px;gap:32px}
.overview-hero-copy{position:relative;z-index:1}
#overview-title{font-size:clamp(48px,5.65vw,88px);line-height:1.06;letter-spacing:-.06em;font-weight:400;max-width:13ch;text-wrap:balance}
.overview-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:38px}
.overview-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:13px 20px;border-radius:5px;background:#eaf0e8;color:#263c37;font-size:12px;font-weight:600;cursor:pointer}
.overview-primary:hover{background:#fff}
.overview-primary svg,.overview-story-link svg,.overview-play svg,.story-chapter-links svg{width:20px;height:20px;flex-shrink:0}
.overview-story-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#c0d1cd;min-height:44px}
.overview-story-link:hover{color:#fff}
.overview-story-link svg{width:17px;height:17px}
.overview-art{height:580px;min-width:0;margin-right:-30px}
.overview-art canvas{display:block;width:100%;height:100%}
.overview-art-unavailable .overview-art{display:none}
.overview-art-unavailable .overview-hero{grid-template-columns:1fr;min-height:440px}
.access-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,5vw,90px);padding:40px clamp(24px,5.3vw,100px) 80px;scroll-margin-top:28px}
.access-summary article{padding-top:26px;border-top:1px solid #a0b5b344}
.access-summary h2{font-size:clamp(22px,2vw,30px);line-height:1.2;letter-spacing:-.04em;font-weight:400;margin-bottom:16px}
.access-summary p{font-size:14px;line-height:1.8;color:#b9ccc9;max-width:30ch}
.story-invitation{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,140px);align-items:center;padding:100px clamp(24px,5.3vw,100px);background:#eaf0eb;color:#1b3942}
.story-option{font-size:12px;line-height:1.6;color:#617970;margin-bottom:22px}
.story-invitation h2{font-size:clamp(42px,5vw,78px);line-height:1.05;letter-spacing:-.055em;font-weight:400;margin-bottom:25px}
.story-invitation-copy>p:not(.story-option){font-size:14px;line-height:1.8;max-width:32ch;color:#59736e}
.overview-play{display:inline-flex;align-items:center;gap:34px;font-size:13px;min-height:48px;border-bottom:1px solid #789489;margin-top:24px;color:#24483f}
.story-chapter-links{border-top:1px solid #a1b6ad}
.story-chapter-links a{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #a1b6ad;padding:24px 0;font-size:21px;letter-spacing:-.025em}
.story-chapter-links small{display:block;font-size:12px;line-height:1.7;letter-spacing:0;color:#617970;margin-top:7px}
.story-chapter-links a:hover{color:#4d785e}
.overview-page .landing-questions{padding-block:90px;background:#eaf0eb;border-top:1px solid #b4c4b8}
.overview-contact{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:100px clamp(24px,5.3vw,100px);background:#24483f;color:#eaf0dc}
.overview-contact #contact-title{font-size:clamp(42px,5.6vw,88px);line-height:1.06;letter-spacing:-.055em;font-weight:400;max-width:15ch}
.overview-contact .overview-primary{flex-shrink:0}
.overview-footer{display:flex;align-items:center;gap:34px;padding:30px clamp(24px,5.3vw,100px);background:#24483f;color:#afc1aa;border-top:1px solid #b0c3a12b;font-size:11px}
.overview-footer .overview-wordmark{margin-right:auto;color:#eaf0dc;font-size:26px}
.experience-return{padding:28px;text-align:center;font-size:13px;background:#142836;color:#cadbd2}
body[data-page=experience] .leave-story{pointer-events:auto}
body[data-page=overview] .enquiry-dialog .enquiry-submit,body[data-page=experience] .enquiry-dialog .enquiry-submit{font-size:12px}
@media(max-width:1050px){.overview-hero{gap:0;min-height:530px}.overview-art{height:490px;margin-right:0}.overview-hero-actions{gap:16px}.overview-header nav{gap:22px}.access-summary{gap:28px}}
@media(max-width:700px){
 .overview-header{padding-block:25px;gap:16px}.overview-wordmark{font-size:28px}.overview-header nav{gap:18px;font-size:11px}.overview-header nav>a{display:none}.overview-header nav button{padding:10px 14px}
 .overview-hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:0;gap:16px;min-height:0}
 #overview-title{font-size:clamp(40px,9.3vw,58px);line-height:1.07;max-width:13ch}
 .overview-hero-actions{gap:20px;margin-top:28px}.overview-primary{min-height:48px;font-size:12px;padding:12px 17px;gap:22px}.overview-story-link{font-size:11px}
 .overview-art{height:270px;margin-inline:-14px}.access-summary{grid-template-columns:1fr;padding-top:20px;padding-bottom:64px;gap:28px}.access-summary article{padding-top:22px}.access-summary h2{font-size:25px;margin-bottom:12px}.access-summary p{font-size:14px;max-width:34ch;line-height:1.75}
 .story-invitation{grid-template-columns:1fr;gap:42px;padding-block:65px}.story-invitation h2{font-size:46px}.story-option{margin-bottom:18px}.story-invitation-copy>p:not(.story-option){font-size:14px}.story-chapter-links a{font-size:20px;padding-block:22px}.story-chapter-links small{font-size:12px;max-width:28ch}.overview-page .landing-questions{padding-block:64px}
 .overview-contact{align-items:flex-start;flex-direction:column;padding-block:70px;gap:30px}.overview-contact #contact-title{font-size:46px}.overview-footer{gap:20px;font-size:10px}.overview-footer .overview-wordmark{font-size:25px}
}