/* Balak v3: phi guides composition; legibility and available space take precedence. */
:root{--phi:1.618;--page-max:1440px;--page-gutter:clamp(20px,4.2vw,80px);--reading-measure:38ch}
html{scroll-padding-top:24px}body{overflow-wrap:break-word}main{min-width:0}img,svg,video{max-width:100%}button,a,input{touch-action:manipulation}
header{max-width:1600px;margin-inline:auto;padding-inline:var(--page-gutter)}
.home-opening{isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);direction:rtl;align-items:center;gap:0;min-height:min(840px,calc(100svh - 108px));height:auto;max-height:none;padding:clamp(40px,6vw,96px) var(--page-gutter) 56px;background:linear-gradient(130deg,#e8f4f1 2%,#c1e4e2 53%,#8fc6d0 100%);overflow:hidden}
.home-opening::before,.home-opening::after{content:none}
.home-opening .opening-intro{position:relative;inset:auto;text-align:start;z-index:2;max-width:550px;justify-self:end;width:100%;padding:0;transform:none}
.home-opening .chapter-label{font-size:clamp(13px,1vw,16px);margin-bottom:26px;display:block;letter-spacing:0}
.home-opening h1{font-size:clamp(60px,7.6vw,136px);line-height:1.32;letter-spacing:-.045em;margin:0 0 24px;font-weight:700;white-space:normal;max-width:none}
.home-opening h1 span{color:#315d90}.home-opening p{font-size:clamp(18px,1.65vw,26px);line-height:1.8;margin:0 0 26px;max-width:26ch}
.opening-presence{position:relative;min-width:0;display:grid;place-items:center;align-self:stretch;min-height:530px;isolation:isolate}
.opening-glow{position:absolute;inset:-15%;z-index:-1;background:radial-gradient(ellipse at 50% 48%,#53b0af66 0%,#53b0af3d 27%,#ebf6f080 46%,transparent 68%)}
.opening-character{width:clamp(260px,32vw,490px);height:auto;max-height:640px;object-fit:contain;transform:rotate(-5deg);filter:none;animation:none}
.editorial-spread,.editorial-spread.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);max-width:var(--page-max);margin-inline:auto;gap:clamp(32px,5vw,80px);padding-inline:var(--page-gutter)}
.spread-copy,.spread-art,.section-heading,.world-art{min-width:0}.section-heading p,.spread-copy p{max-width:var(--reading-measure);font-size:clamp(17px,1.4vw,21px);line-height:1.9}
.section-heading h2{font-size:clamp(34px,4.5vw,66px);line-height:1.5}.chapter-intro h1{font-size:clamp(48px,7vw,108px);line-height:1.4}
.chapter-intro,.chapter-body,.chapter-content,.world-index,.photo-story,.logo-studies,.word-section{max-width:var(--page-max);margin-inline:auto}
.photo-piece{max-width:900px;margin-inline:auto}.photo-piece img{width:100%;height:auto;object-fit:cover}.photo-piece.cover-photo img{height:auto;aspect-ratio:1.618;max-height:none}
.world-grid{gap:clamp(30px,4vw,70px)}.world-art{height:clamp(240px,25vw,370px)}
.art-scene{max-height:580px}.art-scene .buddy{max-width:55%;max-height:70%;object-fit:contain}
.expression-grid img{max-height:220px;object-fit:contain}.pose-lineup img{object-fit:contain}
@media(min-width:1800px){.home-opening{padding-inline:max(80px,calc((100vw - 1440px)/2));min-height:800px}.chapter-intro{padding-top:120px}}
@media(max-width:900px){.home-opening{grid-template-columns:1fr 1.1fr;min-height:620px}.opening-presence{min-height:450px}.home-opening h1{font-size:clamp(56px,8vw,78px)}.opening-character{width:90%;max-height:480px}.editorial-spread,.editorial-spread.reverse{grid-template-columns:1fr;gap:32px}.spread-copy{max-width:650px}.spread-art{width:100%}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-scene{min-height:350px}.chapter-intro{padding-inline:var(--page-gutter)}}
@media(max-width:600px){header{height:86px;padding-block:12px}.home-opening{grid-template-columns:1fr;padding:28px 24px 32px;min-height:calc(100svh - 86px);gap:12px}.home-opening .opening-intro{text-align:center;justify-self:center;max-width:none}.home-opening .chapter-label{margin-bottom:12px}.home-opening h1{font-size:clamp(50px,13.5vw,76px);line-height:1.3;margin-bottom:12px}.home-opening h1 br{display:none}.home-opening p{font-size:17px;line-height:1.7;margin:0 auto 8px}.home-opening p br{display:none}.home-opening .text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:8px}.opening-presence{min-height:290px;align-self:center}.opening-character{width:210px;max-height:310px}.opening-glow{inset:-15% 0}.section-heading h2{font-size:34px}.world-grid{grid-template-columns:1fr}.world-art{height:310px}.peace-banner{padding:64px 24px}.pose-lineup{flex-wrap:wrap}.pose-lineup figure{min-width:120px}.photo-piece{max-width:100%}.chapter-intro h1{font-size:clamp(44px,12vw,68px)}.chapter-intro p{font-size:18px}.chapter-next{gap:16px}}
@media(max-width:360px){.home-opening{padding-inline:20px}.opening-character{max-height:280px}.home-opening h1{font-size:46px}.opening-presence{min-height:260px}}
@media(max-width:600px){.home-opening h1 br{display:initial}.home-opening p br{display:initial}.home-opening .opening-intro{padding-top:16px}.home-opening{align-content:center;gap:8px}.opening-presence{min-height:280px}}

/* Language switch (header, both languages) */
.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:100px;font-size:15px;font-weight:700;line-height:1;flex:none;transition:border-color .2s,color .2s}
.lang-switch:hover{border-color:currentColor;color:var(--blue)}
.lang-switch:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:600px){.lang-switch{margin-inline-start:auto}.lang-switch+.menu-toggle{margin-inline-start:0}}