/* ============================================================
   Головна: фірмовий стиль Beauty Games на світлому тлі.
   Шар поверх styles.css і squid.css. Рожевий, золото на дії,
   Montserrat — усе своє; темне лишається тільки у футері.
   ============================================================ */
html.plain{
  --blush:#FFEAF2; --pearl:#FFF4F8; --rose-2:#FFDCE9; --rose-line:rgba(230,0,126,.18); --plum-ink:#3A0F28; --plum-soft:#7A4A63;
  --pink:#E6007E; --accent:#E6007E; --accent-rgb:230,0,126;
}
/* усі секції — у рожевих відтінках, чергуються */
.plain .sec,.plain .sec-light{background:var(--pearl);}
.plain .sec:nth-of-type(even){background:var(--blush);}
.plain .form-sec{background:var(--rose-2);}
html.plain body{background:var(--pearl);color:var(--plum-ink);}
body.locked{overflow:hidden;}
.plain .bg-mesh,.plain .bg-grid{display:none;}

/* ---------- вхід ---------- */
.intro{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:var(--blush);overflow:hidden;}
.intro[hidden]{display:none;}
.intro[data-step="open"]{background:transparent;pointer-events:none;}
.curtain{position:absolute;top:0;bottom:0;width:50.5%;transition:transform 1.5s cubic-bezier(.76,0,.2,1);}
.curtain-l{left:0;background:repeating-linear-gradient(90deg,#FF2E88 0 34px,#FF6AA8 34px 58px,#E6007E 58px 90px);}
.curtain-r{right:0;background:repeating-linear-gradient(270deg,#FF2E88 0 34px,#FF6AA8 34px 58px,#E6007E 58px 90px);}
.curtain::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(150,0,80,.3));}
.intro[data-step="open"] .curtain-l{transform:translateX(-102%);}
.intro[data-step="open"] .curtain-r{transform:translateX(102%);}
.stage{position:relative;z-index:2;display:grid;place-items:center;width:min(340px,86vw);transition:opacity .5s,transform .6s;}
.intro[data-step="open"] .stage{opacity:0;transform:scale(1.08);}
.intro-k{font:700 12px/1.3 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;}
.load{display:grid;justify-items:center;gap:18px;grid-area:1/1;color:#fff;transition:opacity .4s;}
.intro:not([data-step="load"]) .load{opacity:0;}
.load svg{width:84px;height:88px;animation:breathe 1.6s ease-in-out infinite;}
.bar{width:200px;height:3px;background:rgba(255,255,255,.35);overflow:hidden;border-radius:3px;}
.bar i{display:block;height:100%;background:#fff;transform:scaleX(var(--p,0));transform-origin:left;}
@keyframes breathe{50%{opacity:.6;}}
.invite{grid-area:1/1;width:100%;aspect-ratio:5/7;padding:28px 22px;display:grid;justify-items:center;align-content:center;gap:14px;text-align:center;color:var(--plum-ink);
  background:#fff;border:1px solid #E9C67E;border-radius:18px;
  box-shadow:0 30px 80px rgba(120,0,70,.4),inset 0 0 0 7px #fff,inset 0 0 0 8px #E9C67E;
  transform:translateY(26px) rotate(-3deg);opacity:0;transition:opacity .6s,transform .8s cubic-bezier(.2,1.2,.3,1);}
.intro[data-step="load"] .invite{pointer-events:none;}
.intro[data-step="invite"] .invite{opacity:1;transform:none;}
.invite svg{width:58px;height:60px;color:#E6007E;}
.invite-h{margin:0;font:900 clamp(26px,7vw,31px)/1.08 "Montserrat",sans-serif;text-transform:uppercase;text-wrap:balance;}
.invite p:not(.invite-h){margin:0;color:var(--plum-soft);font-size:14px;}
.skip{position:absolute;z-index:3;right:16px;top:calc(14px + env(safe-area-inset-top,0px));padding:8px 4px;background:none;border:0;color:#fff;cursor:pointer;font:700 12px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;}

/* ---------- шапка ---------- */
.plain .nav{background:rgba(255,255,255,.82);border-color:var(--rose-line);box-shadow:0 8px 30px rgba(230,0,126,.1);backdrop-filter:blur(12px);}
.plain .nav a:not(.btn),.plain .nav-burger{color:var(--plum-ink);}
.plain .brand-logo{filter:brightness(0) saturate(100%) invert(11%) sepia(92%) saturate(6500%) hue-rotate(322deg) brightness(92%);}
.plain .lang-a{color:var(--plum-soft);}
.plain .lang-a.on{background:var(--pink);color:#fff;}
.plain .mobile-menu{background:#fff;}
.plain .mobile-menu a:not(.btn){color:var(--plum-ink);}

/* ---------- перший екран: палац ---------- */
.plain .hero{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;background:var(--blush);padding:0;}
.world{position:absolute;inset:0;z-index:-2;overflow:hidden;}
.world img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block;}
.playing .world img{animation:push 16s ease-out both;}
@keyframes push{from{transform:scale(1.1);}to{transform:scale(1);}}
.world img{transform-origin:50% 12%;}
#dust{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;}
/* рисунок показуємо цілком: героїні згори, текст на сходах і в хмарах */
.plain .hero{min-height:min(66.6vw,1180px);}
.plain .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 52%,rgba(255,240,246,.72) 68%,var(--pearl) 98%);}
.plain .hero-inner{width:100%;max-width:980px;margin:0 auto;padding-top:0;padding-bottom:30px;display:grid;justify-items:center;align-content:end;gap:16px;text-align:center;}
.plain .hero-brand{display:none;}
.plain .hero .h-xl{color:var(--plum-ink);font-size:clamp(30px,4.2vw,60px);line-height:1.04;margin:0;text-shadow:0 2px 0 #fff,0 0 28px rgba(255,255,255,.8);}
.plain .hero .glow{color:var(--pink);text-shadow:0 2px 0 #fff;}
.plain .hero-dates{width:min(760px,100%);margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;}
.plain .date-card{background:#fff;border:1px solid var(--rose-line);box-shadow:0 12px 30px rgba(230,0,126,.1);color:var(--plum-ink);}
.plain .date-card .label{color:var(--pink);}
.plain .date-card .d{color:var(--plum-ink);}
.plain .date-card .n{color:var(--plum-soft);}

/* ---------- про проєкт ---------- */
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;}
.trio-c{padding:24px 22px;border-radius:22px;background:#fff;border:1px solid var(--rose-line);box-shadow:0 14px 34px rgba(230,0,126,.08);}
.trio-c .icon{width:34px;height:34px;color:var(--pink);}
.trio-c h3{margin:12px 0 6px;font:900 18px/1.2 "Montserrat",sans-serif;text-transform:uppercase;color:var(--plum-ink);}
.trio-c p{margin:0;color:var(--plum-soft);font-size:15.5px;line-height:1.5;}

@media (max-width:720px){
  /* на телефоні рисунок згори, текст під ним на рожевому */
  .plain .hero{display:block;min-height:0;padding-top:0;}
  .world{position:relative;inset:auto;height:60vh;min-height:420px;margin-top:64px;}
  .world img{object-position:50% 0;}
  .plain .hero::after{z-index:1;top:calc(60vh - 26px);bottom:auto;height:92px;background:linear-gradient(180deg,transparent,var(--pearl) 90%);}
  .plain .hero-inner{position:relative;z-index:2;padding-top:6px;padding-bottom:30px;background:var(--pearl);}
  .plain .hero-dates{grid-template-columns:1fr;text-align:left;}
  .trio{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .load svg,.playing .world img{animation:none;}
  .curtain,.stage,.invite{transition:none;}
}

/* ---------- темні компоненти старої сторінки на рожевому тлі ---------- */
html.plain{--text:#3A0F28;--muted:#7A4A63;--pink-soft:#C2005F;--accent-lt:#C2005F;--line:rgba(230,0,126,.16);}
.plain footer,.plain .foot{--text:#EDEAF3;--muted:#A29BB2;--pink-soft:#FF8FC0;}
.plain .glass,.plain .pack,.plain .form-box,.plain .acc-item,.plain .pcard{background:#fff;border-color:var(--rose-line);box-shadow:0 14px 34px rgba(230,0,126,.08);}
.plain .form-box h2,.plain .form-box .h-lg,.plain .form-box b,.plain .pack h3,.plain .acc-q,.plain .acc-q .tx,.plain b,.plain strong{color:var(--plum-ink);}
.plain .form-box .glow{color:var(--pink);text-shadow:none;}
.plain .form-box input,.plain .form-box select,.plain .form-box textarea{background:#FFF8FB;color:var(--plum-ink);border-color:var(--rose-line);}
.plain .form-box label{color:var(--plum-soft);}
.plain .acc-btn,.plain .acc-btn .tx,.plain .acc-btn .mi{color:var(--plum-ink);}
.plain .acc-btn .mi{color:#C2005F;}
.plain .acc-panel,.plain .acc-panel li,.plain .acc-panel p{color:var(--plum-soft);}

/* ---------- гра для бʼюті: хмари, золоті рамки, прикраси ---------- */
.plain .sec{position:relative;}
.plain .sec:not(#about)::before,.plain .form-sec::before{content:"";position:absolute;left:0;right:0;top:0;height:110px;background:url(assets/home/clouds.jpg) center top/100% 100%;mix-blend-mode:multiply;opacity:.55;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent);}
.plain .sec>.wrap{position:relative;z-index:1;}
.plain .eyebrow{background:linear-gradient(180deg,#FFE9B8,#E9C67E);color:#5A3400;box-shadow:0 4px 12px rgba(169,119,43,.25),inset 0 1px 0 #fff;}
.plain .sec-head .h-lg{text-shadow:0 2px 0 #fff;}
.plain .glass,.plain .pack,.plain .form-box,.plain .trio-c,.plain .way,.plain .date-card,.plain .acc-item,.plain .star{background:#fff;border:1px solid #E9C67E;box-shadow:0 14px 34px rgba(230,0,126,.1),inset 0 0 0 3px #fff,inset 0 0 0 4px rgba(233,198,126,.55);}
.deco{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 12px 20px rgba(150,0,90,.22));}
.deco-l{left:max(1vw,calc(50% - 760px));width:clamp(90px,10vw,150px);margin-top:-90px;transform:rotate(-14deg);}
.deco-r{right:max(1vw,calc(50% - 760px));width:clamp(90px,10vw,140px);margin-top:-70px;transform:rotate(10deg);}
.deco-c{right:max(1vw,calc(50% - 720px));width:clamp(80px,9vw,130px);margin-top:-60px;transform:rotate(12deg);}
@media (max-width:980px){.deco{display:none;}}