/* Independent, fixed artwork. No sizing rule depends on document height. */
html.site-story-frame{--decor-content:1000px;--decor-frame:1660px}
html.site-story-frame body::before{position:fixed;inset:0;width:100%;height:100vh;min-height:0;background:radial-gradient(ellipse at center,#fffaf0 48%,#f5e7c8 100%)!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;pointer-events:none}
.site-decor-piece{position:fixed;pointer-events:none!important;user-select:none;cursor:default;overflow:hidden}
.site-decor-piece img{display:block;pointer-events:none!important;max-width:none}
.site-decor-left,.site-decor-right{top:0;bottom:0;z-index:5;width:max(0px,calc((min(100vw,var(--decor-frame)) - var(--decor-content))/2 + 10px))}
.site-decor-left{left:max(0px,calc((100vw - var(--decor-frame))/2))}
.site-decor-right{right:max(0px,calc((100vw - var(--decor-frame))/2))}
.site-decor-left img,.site-decor-right img{position:absolute;top:0;height:100%;width:auto}
.site-decor-left img{left:0}.site-decor-right img{right:0}
.site-decor-topLeft,.site-decor-topRight{top:0;z-index:1;width:clamp(130px,calc((100vw - var(--decor-content))/2 + 180px),440px);height:clamp(42px,13vh,130px)}
.site-decor-topLeft{left:max(0px,calc((100vw - var(--decor-frame))/2))}
.site-decor-topRight{right:max(0px,calc((100vw - var(--decor-frame))/2))}
.site-decor-topLeft img,.site-decor-topRight img{width:100%;height:auto}
html.site-decor-hidden .site-decor-piece{display:none}
@media(min-width:1051px) and (max-width:1200px){
 .site-decor-left,.site-decor-right{opacity:.6;width:max(0px,calc((100vw - var(--decor-content))/2 + 5px))}
}
@media(max-width:1050px){
 .site-decor-left,.site-decor-right{display:none}
 .site-decor-topLeft,.site-decor-topRight{width:160px;height:50px;opacity:.65}
}
@media(max-width:700px){
 .site-decor-topLeft,.site-decor-topRight{width:120px;height:32px;opacity:.5}
 html.site-story-frame .forest-header #menu-toggle{position:relative;z-index:3}
 html.site-story-frame .forest-header .language-switch{right:12px;top:4px}
}
/* Static by design; any later animation must honor this preference. */
@media(prefers-reduced-motion:reduce){.site-decor-piece,.site-decor-piece img{animation:none!important;transition:none!important}}

/* Thin seasonal leaf accents, sourced from each theme's corner artwork. */
.site-decor-mobileLeft,.site-decor-mobileRight{display:none}
@media(max-width:700px){
 .site-decor-topLeft,.site-decor-topRight{width:140px;height:54px;opacity:.65}
 html.site-story-frame:not(.site-decor-hidden) :is(.site-decor-mobileLeft,.site-decor-mobileRight){display:block;top:160px;width:12px;height:min(58vh,460px);z-index:4;opacity:.72;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 65%,transparent)}
 .site-decor-mobileLeft{left:0}.site-decor-mobileRight{right:0}
 .site-decor-mobileLeft img,.site-decor-mobileRight img{position:absolute;top:0;height:100%;width:auto}
 .site-decor-mobileLeft img{left:0}.site-decor-mobileRight img{right:0}
}
@media(max-width:700px){
 html.site-story-frame:not(.site-decor-hidden) :is(.site-decor-mobileLeft,.site-decor-mobileRight){top:130px;width:18px;opacity:.78}
}

/* Optional seasonal layers; never replace or stretch the real building photo. */
.site-decor-top{left:50%;top:0;transform:translateX(-50%);width:min(100%,1000px);height:70px;z-index:0}
.site-decor-top img{width:100%;height:100%;object-fit:contain}
.site-decor-buildingOverlay{position:absolute;top:240px;right:0;width:min(65%,700px);height:540px;z-index:-1}
.site-decor-buildingOverlay img{width:100%;height:100%;object-fit:contain}
.site-decor-extra{right:max(0px,calc((100vw - 1660px)/2));bottom:0;width:clamp(0px,calc((100vw - 1000px)/2),180px);height:160px;z-index:1}
.site-decor-extra img{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.site-decor-top{height:36px;opacity:.5}.site-decor-extra{display:none}.site-decor-buildingOverlay{top:350px;width:100%;height:240px}}

/* Candy-festival accessories sit over the unchanged original tree assets. */
.site-decor-leftOverlay,.site-decor-rightOverlay{top:0;bottom:0;z-index:6;width:max(0px,calc((min(100vw,var(--decor-frame)) - var(--decor-content))/2 + 10px))}
.site-decor-leftOverlay{left:max(0px,calc((100vw - var(--decor-frame))/2))}.site-decor-rightOverlay{right:max(0px,calc((100vw - var(--decor-frame))/2))}
.site-decor-leftOverlay img,.site-decor-rightOverlay img{position:absolute;top:0;height:100%;width:auto}.site-decor-leftOverlay img{left:0}.site-decor-rightOverlay img{right:0}
html.site-story-frame[data-decor-theme=candy] body::before{background:radial-gradient(ellipse at 50% 0,#444162 0,#b87860 18%,#fff4dc 48%,#f5e7c8 100%)!important}
html.site-story-frame[data-decor-theme=candy] .forest-header{position:relative}
.decor-event-badge{position:absolute;right:28px;top:46px;width:270px;padding:14px 18px;text-align:center;color:#5b2e16;background:repeating-linear-gradient(0deg,#edba6d 0,#f8d398 4px,#edbd7a 5px,#f2c78b 26px);border:3px solid #bf8748;border-radius:12px;box-shadow:0 3px 0 #9f6038,0 6px 16px #61432e24;font:700 24px/1.15 Georgia,serif;pointer-events:none;transform:rotate(-2deg)}
.decor-event-badge .decor-label-en{display:none}html[lang=en] .decor-event-badge .decor-label-ro{display:none}html[lang=en] .decor-event-badge .decor-label-en{display:inline}
@media(max-width:1050px){.site-decor-leftOverlay,.site-decor-rightOverlay{width:44px;opacity:.65}.decor-event-badge{right:20px;top:50px;width:220px;font-size:20px}}
@media(max-width:700px){.site-decor-leftOverlay,.site-decor-rightOverlay{top:0;bottom:auto;height:440px;width:16px;opacity:.65}.decor-event-badge{position:relative;right:auto;top:auto;grid-column:1/-1;width:auto;justify-self:center;margin:0 auto 5px;padding:5px 14px;font-size:13px;border-width:2px;border-radius:7px;transform:none}.site-decor-buildingOverlay{top:300px;height:340px}}

/* Keep all four wooden signs unobscured by seasonal accessories. */
@media(min-width:1051px){.site-decor-leftOverlay{mask-image:linear-gradient(to bottom,#000 0,#000 29%,transparent 32%,transparent 51%,#000 54%,#000 100%)}}
html.site-story-frame[data-decor-theme=candy] body::before{background:linear-gradient(to bottom,#55416d 0,#e7b28d 160px,#fff4dc 330px,#f5e7c8 100%)!important}
@media(min-width:701px){html.site-story-frame .site-shell::before{background-image:var(--decor-building-overlay,none),var(--decor-building-image,url('assets/fundal-pastel-v4.png'));background-position:center 200px,center 26px;background-size:100% auto,100% auto;background-repeat:no-repeat}}
@media(max-width:700px){html.site-story-frame .site-shell .hero::after{background-image:var(--decor-building-overlay,none),var(--decor-building-image,url('assets/fundal-pastel-v4.png'));background-size:100% auto,140% auto;background-position:center bottom,right 75%;background-repeat:no-repeat}}

html.site-decor-hidden .decor-event-badge{display:none}

/* National Day keeps the bright autumn setting and the original trees. */
html.site-story-frame:is([data-decor-theme=romania],[data-decor-theme=union]) .forest-header{position:relative}
html.site-story-frame:is([data-decor-theme=romania],[data-decor-theme=union]) body::before{background:linear-gradient(to bottom,#c7e6f6 0,#edf7f6 200px,#fff7e7 430px,#f5e7c8 100%)!important}
html.site-story-frame:is([data-decor-theme=romania],[data-decor-theme=union]) .decor-event-badge{color:#153f63;background:linear-gradient(#fffaf0,#f8edda);border-color:#d8ba83;box-shadow:0 3px 0 #b98c54,0 6px 16px #61432e20}
html.site-story-frame:is([data-decor-theme=romania],[data-decor-theme=union]) .decor-event-badge::after{content:'';display:block;height:4px;margin-top:7px;border-radius:2px;background:linear-gradient(to right,#104eab 0 33.333%,#ffcf26 33.333% 66.666%,#d62430 66.666%)}

/* Snowy Saint Nicholas artwork uses the same independent layout and mobile gutters. */
html.site-story-frame[data-decor-theme=nicholas] .forest-header{position:relative}
html.site-story-frame[data-decor-theme=nicholas] body::before{background:linear-gradient(to bottom,#d5eaf9 0,#f1f8fd 230px,#fffaf0 500px,#e6eff4 100%)!important}
html.site-story-frame[data-decor-theme=nicholas] .decor-event-badge{color:#164d4a;background:linear-gradient(#fffdf7,#edf5f4);border-color:#c3d8d4;box-shadow:0 3px 0 #8faeab,0 6px 16px #32596120}
html.site-story-frame[data-decor-theme=nicholas] .decor-event-badge::after{content:'';display:block;width:48px;height:3px;border-radius:2px;background:#b4213d;margin:8px auto 0}
/* Seasonal corners remain independent of the permanent mobile heart accents. */
@media(max-width:700px){
 html.site-story-frame .site-decor-topLeft,html.site-story-frame .site-decor-topRight{width:clamp(140px,42vw,210px);height:70px;opacity:.82}
 html.site-story-frame:not(.site-decor-hidden) :is(.site-decor-mobileLeft,.site-decor-mobileRight){width:14px;opacity:.68;top:160px;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 64%,transparent)}
}

/* Winter and Christmas change only the active decorative theme. */
html.site-story-frame:is([data-decor-theme=winter],[data-decor-theme=christmas]) .forest-header{position:relative}
html.site-story-frame[data-decor-theme=winter] body::before{background:linear-gradient(to bottom,#cde7f8 0,#edf6fc 230px,#fffaf0 500px,#e7f0f5 100%)!important}
html.site-story-frame[data-decor-theme=christmas] body::before{background:linear-gradient(to bottom,#284b76 0,#cbdde9 210px,#fffaf0 460px,#e6edf3 100%)!important}
html.site-story-frame[data-decor-theme=winter] .decor-event-badge{color:#164b6d;background:linear-gradient(#fffefa,#e7f2fa);border-color:#bfd7e6;box-shadow:0 3px 0 #9bb7cb,0 6px 16px #32596120}
html.site-story-frame[data-decor-theme=christmas] .decor-event-badge{color:#8c1832;background:linear-gradient(#fffcf3,#f8edd8);border-color:#d5b776;box-shadow:0 3px 0 #a48a54,0 6px 16px #61432e20}

/* Prepared seasonal sets keep the same fixed frame and responsive sizing. */
html.site-story-frame:is([data-decor-theme=newyear],[data-decor-theme=spring],[data-decor-theme=martisor],[data-decor-theme=mother],[data-decor-theme=easter],[data-decor-theme=children],[data-decor-theme=summer],[data-decor-theme=welcome]) .forest-header{position:relative}
html.site-story-frame[data-decor-theme=newyear] body::before{background:linear-gradient(to bottom,#253c71 0,#cbddeb 210px,#fffaf0 460px,#edf0f6 100%)!important}
html.site-story-frame:is([data-decor-theme=spring],[data-decor-theme=martisor],[data-decor-theme=mother],[data-decor-theme=easter]) body::before{background:linear-gradient(to bottom,#d9f0fa 0,#f0f8ee 230px,#fffaf0 500px,#f2f1dc 100%)!important}
html.site-story-frame:is([data-decor-theme=children],[data-decor-theme=summer]) body::before{background:linear-gradient(to bottom,#c7edfc 0,#eef9f3 230px,#fffaf0 500px,#eff1d9 100%)!important}
html.site-story-frame[data-decor-theme=newyear] .decor-event-badge{color:#57400b;background:linear-gradient(#fffdf3,#f6e8bd);border-color:#cfb364;box-shadow:0 3px 0 #aa8b43,0 6px 16px #61432e20}
html.site-story-frame:is([data-decor-theme=spring],[data-decor-theme=summer],[data-decor-theme=children]) .decor-event-badge{color:#24583c;background:linear-gradient(#fffdf1,#edf6df);border-color:#b8cf98;box-shadow:0 3px 0 #8fa973,0 6px 16px #32596120}
html.site-story-frame:is([data-decor-theme=martisor],[data-decor-theme=mother],[data-decor-theme=easter]) .decor-event-badge{color:#9b244b;background:linear-gradient(#fffdf5,#fcebf0);border-color:#ddb5c2;box-shadow:0 3px 0 #b78a99,0 6px 16px #61432e20}