/* Spatial compositions based on the author's Vdokhnovenie kulturoy gallery. */
.sy-home-body{height:100svh;overflow:hidden;isolation:isolate;background:#14170f}.sy-home-body #app{height:100%;display:flex;flex-direction:column}.sy-home-body .header{flex:none;height:82px;background:linear-gradient(#090e0ccb,#111a1130);backdrop-filter:blur(4px);border-bottom:1px solid #d7c49b25}.sy-home-body .header-mark{display:none}.sy-backgrounds{position:fixed;inset:0;z-index:-1}.sy-background{position:absolute;inset:-2%;background-size:cover;background-position:center;opacity:0;transform:scale(1.025);transition:opacity 1.2s ease;filter:blur(3px) saturate(.72)}.sy-background.is-visible{opacity:1}.sy-veil{position:absolute;inset:0;background:linear-gradient(180deg,#10120ccb,transparent 26%,#0b120c40 65%,#081008df),radial-gradient(ellipse at 50% 48%,#111e1220 15%,#0c140a90 95%)}.sy-home{position:relative;flex:1;min-height:0;isolation:isolate}.sy-intro{position:absolute;top:28px;left:4vw;z-index:10;max-width:260px;pointer-events:none}.sy-intro h1{font-size:clamp(28px,2.4vw,39px);line-height:1.04;margin:10px 0 14px}.sy-intro p:not(.eyebrow){font-family:var(--serif);font-size:20px;line-height:1.35;color:#d6d2be}.sy-intro .eyebrow{font-size:12px;letter-spacing:.13em}.sy-era-tabs{position:absolute;right:4vw;top:30px;z-index:20;display:flex;gap:20px}.sy-era-tabs button{font-size:14px;line-height:1.4;padding:9px 0;color:#cbcbbd;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.sy-era-tabs button[aria-pressed=true]{color:#efd4a4;border-color:#cfb078}.sy-carousel{position:absolute;inset:0 0 70px;touch-action:pan-y pinch-zoom;user-select:none}.sy-stage{position:absolute;inset:5% 0 85px;perspective:1600px;transform-style:preserve-3d;cursor:grab;touch-action:pan-y pinch-zoom;overflow:hidden}.sy-stage.dragging{cursor:grabbing}.sy-diorama{--d:0;--z:0px;--r:0deg;--s:1;--o:1;position:absolute;left:50%;top:50%;width:min(48vw,740px);height:100%;border:0;background:none;padding:0;transform-style:preserve-3d;transform:translate(-50%,-50%) translateX(calc(var(--d)*35vw)) translateZ(var(--z)) rotateY(var(--r)) scale(var(--s));opacity:var(--o);will-change:transform}.sy-diorama.is-far{visibility:hidden;pointer-events:none}.sy-art{position:absolute;inset:0 0 110px;display:block;filter:drop-shadow(0 30px 28px #0009);pointer-events:none}.sy-art img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.sy-caption{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:7px;text-align:center;text-shadow:0 2px 16px #000;pointer-events:none}.sy-caption small{color:#dbcbaa;font-size:14px;letter-spacing:.06em}.sy-caption strong{font-family:var(--serif);font-size:clamp(39px,4vw,62px);line-height:.95;font-weight:400;letter-spacing:.015em}.sy-caption em{font-family:var(--serif);font-size:21px;font-style:normal;line-height:1.2;color:#e1dbc9}.sy-diorama:not(.is-active) .sy-caption{opacity:.65}.sy-home-controls{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;z-index:30;white-space:nowrap}.sy-round{width:46px;height:46px;display:grid;place-items:center;border:1px solid #d4bb886e;border-radius:50%;background:#141a11b5;font-size:24px;backdrop-filter:blur(8px)}.sy-round:hover{border-color:#e5c68d;background:#3f3826}.sy-home-controls>span{font-size:14px;letter-spacing:.12em;color:#ddceb0;min-width:48px;text-align:center}.sy-open{font-family:var(--serif);font-size:24px;display:flex;gap:25px;align-items:center;padding:10px 23px;border:1px solid #d0b580;background:#391d19ba;border-radius:3px;margin-left:9px;min-height:48px}.sy-open:hover{background:#5e2e25}.sy-open>span{font-family:var(--sans);font-size:24px}.sy-diorama:focus-visible{outline:1px solid #e1c592;outline-offset:-12px;border-radius:35px}
@media(max-width:1100px){.sy-intro{max-width:200px}.sy-intro h1{font-size:30px}.sy-intro p:not(.eyebrow){font-size:18px}.sy-era-tabs{gap:15px;right:3vw}.sy-era-tabs button{font-size:13px}.sy-diorama{width:59vw;transform:translate(-50%,-50%) translateX(calc(var(--d)*42vw)) translateZ(var(--z)) rotateY(var(--r)) scale(var(--s))}.sy-stage{inset:11% 0 85px}}
@media(max-width:700px){.sy-home-body .header{height:82px;padding:12px 5vw 9px;gap:8px}.sy-home-body .header .brand{font-size:25px}.sy-home-body .header nav{gap:30px}.sy-home-body .header nav a,.sy-home-body .header nav button{font-size:14px}.sy-intro{top:14px;left:6vw;right:6vw;max-width:none}.sy-intro h1{font-size:29px;margin:5px 0 0}.sy-intro p:not(.eyebrow){display:none}.sy-intro .eyebrow{font-size:11px;letter-spacing:.12em}.sy-era-tabs{top:76px;left:6vw;right:6vw;justify-content:space-between;gap:12px}.sy-era-tabs button{font-size:13px;padding:7px 0}.sy-carousel{inset:113px 0 76px}.sy-stage{inset:0 0 77px}.sy-diorama{top:50%;width:88vw;transform:translate(-50%,-50%) translateX(calc(var(--d)*76vw)) translateZ(var(--z)) rotateY(var(--r)) scale(var(--s))}.sy-art{inset:0 -4% 94px;filter:drop-shadow(0 15px 16px #0009)}.sy-caption{gap:5px}.sy-caption strong{font-size:44px}.sy-caption small{font-size:13px}.sy-caption em{font-size:18px;max-width:88%;align-self:center}.sy-home-controls{bottom:3px;gap:9px;max-width:94vw}.sy-round{width:40px;height:40px;font-size:22px}.sy-home-controls>span{font-size:12px;min-width:35px;letter-spacing:.03em}.sy-open{font-size:21px;gap:12px;margin-left:4px;padding:8px 14px;min-height:44px}.sy-open>span{font-size:20px}.sy-background{filter:blur(2px) saturate(.8)}.sy-veil{background:linear-gradient(180deg,#10150dcc,transparent 40%,#10170d40 65%,#071009ed),radial-gradient(ellipse at 50% 50%,transparent,#0d170b70)}}
@media(max-height:680px) and (min-width:701px){.sy-home-body .header{height:65px}.sy-intro{top:15px}.sy-intro p:not(.eyebrow){display:none}.sy-stage{inset:8% 0 68px}.sy-art{bottom:85px}.sy-caption strong{font-size:41px}.sy-caption em{font-size:18px}.sy-home-controls{bottom:0}.sy-carousel{bottom:55px}}
@media(max-height:680px) and (max-width:700px){.sy-intro h1{font-size:26px}.sy-intro .eyebrow{display:none}.sy-era-tabs{top:50px}.sy-carousel{top:88px;bottom:66px}.sy-art{bottom:72px}.sy-caption strong{font-size:35px}.sy-caption em{font-size:16px}.sy-caption small{font-size:12px}.sy-stage{bottom:62px}.sy-home-controls{bottom:0}.sy-open{font-size:19px}.sy-home-body .header{height:76px}}
@media(max-height:460px){.sy-home-body{height:auto;min-height:100svh;overflow:auto}.sy-home-body #app{height:auto}.sy-home{height:650px;min-height:650px;flex:none}}
@media(prefers-reduced-motion:reduce){.sy-background{transition:none}.sy-diorama{will-change:auto}}
/* Transparent cinematic cutouts retain opaque faces and period materials. */
.sy-stage,.sy-diorama{mix-blend-mode:normal}.sy-art img{background:transparent}.sy-background{filter:blur(3px) saturate(.8) brightness(.78)}
@media(max-width:700px){.sy-art{bottom:108px}.sy-caption em{font-size:17px;max-width:96%}.sy-caption strong{font-size:42px}}
@media(max-height:680px) and (max-width:700px){.sy-art{bottom:88px}.sy-caption strong{font-size:35px}.sy-caption em{font-size:16px}}

@media(max-width:360px){.sy-home-controls{gap:5px;width:max-content;max-width:94vw}.sy-home-controls .sy-round{width:36px;height:36px;flex-shrink:0}.sy-home-controls>span{min-width:30px;font-size:11px}.sy-home-controls .sy-open{font-size:16px;gap:7px;padding:8px;margin-left:0}.sy-home-controls .sy-open>span{font-size:18px}}

/* Keep the existing first-screen stage; allow editorial routes below it. */
.sy-home-body{height:auto;min-height:100svh;overflow-x:clip;overflow-y:auto}.sy-home-body #app{height:auto;display:block}.sy-home{height:calc(100svh - 82px);min-height:620px;flex:none}.sy-home-body .reading-start{position:relative;background:linear-gradient(#111714ed,#111714);max-width:none;padding:36px max(5%,calc((100% - 1060px)/2));}.sy-home-body .reading-start-grid>a{min-width:0}.sy-home-body .reading-start-grid h3{font-weight:400}.sy-home-body .reading-start-grid p{font:16px/1.6 var(--sans)}.sy-home-body .sy-round{min-width:44px;min-height:44px}.sy-home-body .sy-era-tabs button{min-height:44px}
@media(max-width:700px){.sy-home{height:calc(100svh - 100px);min-height:590px}.sy-home-body .reading-start{padding:30px 6%}.sy-home-body .reading-start-grid{grid-template-columns:1fr}.sy-home-body .reading-start-grid>a{padding:22px 0}}
@media(max-width:360px){.sy-home-controls{gap:4px}.sy-home-body .sy-round{min-width:40px;min-height:44px}.sy-home-controls .sy-open{padding:8px 5px;font-size:16px}}
@media(max-width:700px){.sy-home-controls{width:calc(100% - 24px);max-width:none;gap:6px}.sy-home-controls>span{font-size:11px;min-width:30px}.sy-home-controls .sy-open{font-size:18px;gap:7px;padding:8px;min-width:0;margin-left:0;flex:1;white-space:normal;justify-content:center;text-align:center}.sy-home-body .sy-round{width:44px;min-width:44px;min-height:44px;flex-shrink:0}}