:root{--header-height:51px;--scene-padding:clamp(64px,9svh,110px)}
.hero{min-height:calc(100svh - var(--header-height));height:calc(100svh - var(--header-height));padding:clamp(20px,5svh,54px) 20px;display:grid;place-items:center}
.hero-layout{width:min(680px,100%);gap:clamp(20px,5svh,54px)}
.hero h1{font-size:clamp(38px,6.5svh,70px);line-height:1.15}
.hero .lead{margin-top:clamp(20px,6svh,64px);font-size:clamp(15px,1.85svh,20px)}
.flower-field .flower{width:clamp(150px,29svh,340px);height:clamp(150px,29svh,340px)}
.section{padding:var(--scene-padding) 0;min-height:calc(100svh - var(--header-height))}
.section>.wrap{width:min(1600px,calc(100% - 12vw))}
.narrative-grid{column-gap:clamp(64px,10vw,180px);min-height:calc(100svh - var(--header-height) - 2 * var(--scene-padding));align-items:stretch}
.narrative-copy{display:flex;flex-direction:column;max-width:none}.narrative-copy>p{max-width:570px}
.narrative-display{display:flex;flex-direction:column;justify-content:space-between;gap:54px}
.narrative-display h2{font-size:clamp(48px,4.8vw,92px);line-height:1.13;max-width:100%}
.scene-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:20px 28px;padding-top:36px}
.scene-actions .btn{font-size:15px;white-space:normal}.scene-actions .controls{margin:0;gap:18px;justify-content:flex-end}.scene-actions .controls button{margin:0;font-size:14px}
.narrative-copy .semantic-vector{width:100%;max-width:none;flex:1;min-height:240px;display:flex;align-items:center;margin-top:48px}.narrative-copy .semantic-vector svg{max-height:350px}.method-scene svg{max-height:360px}
.narrative-object{margin-top:44px}.object{padding:0;border:0;justify-content:center}.object .one{display:none}.object .flower{width:110px;height:110px}.flower-parameters{margin-top:18px}.moscow-scheme{margin-top:20px}.moscow-scheme>svg{max-height:300px}.map-caption{border:0;padding-top:4px}
.scene-experiment{margin-top:44px;flex:1}.scene-experiment .panel{grid-template-columns:minmax(0,1fr);border:0;padding:0;gap:28px;margin-bottom:0;align-items:start}
#intention .scene-experiment .panel>.stage{grid-column:1;grid-row:2;height:clamp(240px,32svh,380px);margin-top:12px}
#intention .scene-experiment .panel>div:last-child{grid-column:1;grid-row:1}.scene-experiment .panel p,.scene-experiment blockquote{font-size:17px;max-width:570px}.scene-experiment blockquote{margin:0}
.scene-actions .controls button[aria-pressed=true]{border-color:#eee}
@media(max-width:1050px){.section>.wrap{width:calc(100% - 64px)}.narrative-grid{column-gap:64px}.narrative-display h2{font-size:clamp(44px,5.5vw,64px)}.scene-actions{gap:16px}.scene-actions .controls{flex-direction:column;align-items:flex-end;gap:12px}}
@media(max-width:800px){.hero{height:auto;min-height:calc(100svh - var(--header-height))}.narrative-grid{gap:44px;min-height:0}.narrative-display{gap:32px}.scene-actions{justify-content:flex-start;padding-top:0}.scene-actions .controls{align-items:flex-start}.narrative-copy .semantic-vector{flex:none;min-height:180px;margin-top:32px}.narrative-copy .semantic-vector svg{max-height:240px}.section{min-height:0}.narrative-display h2{font-size:clamp(36px,6vw,56px)}}
@media(max-width:520px){.section>.wrap{width:calc(100% - 40px)}.section{padding:72px 0}.hero{padding:36px 20px}.hero h1{font-size:clamp(34px,9vw,46px)}.hero .lead{font-size:16px;line-height:1.5;margin-top:36px}.hero-layout{gap:36px}.flower-field .flower{width:min(230px,28svh);height:min(230px,28svh)}.narrative-display h2{font-size:38px}.scene-actions{flex-direction:column;align-items:flex-start;gap:12px}.scene-actions .controls{gap:8px}.flower-parameters{gap:8px}.narrative-object{margin-top:32px}.scene-experiment{margin-top:28px}#intention .scene-experiment .panel>.stage{height:250px}.narrative-copy .semantic-vector{min-height:150px}}
@media(max-height:560px) and (min-width:801px){.hero h1{font-size:34px}.hero .lead{font-size:14px}.hero-layout{gap:14px}.hero .lead{margin-top:18px}.flower-field .flower{width:130px;height:130px}.hero{padding:12px}}