/* Page layouts (lib/layouts.js). Every rule lives under body[data-layout="…"], so the classic page is untouched. */
body[data-layout] .hero.ly-hero{display:block;grid-template-columns:none;min-height:0;height:auto;padding:0;margin:0;border-radius:0;background:none;color:inherit;overflow:visible;text-align:left;isolation:auto}
body[data-layout] .hero.ly-hero>div:first-child,body[data-layout] .hero.ly-hero.nomv>div:first-child{max-width:none}
body[data-layout] .hero.ly-hero>.wrap:first-child{max-width:1360px}
body[data-layout] .hero.ly-hero::before,body[data-layout] .hero.ly-hero::after{content:none}
.ly-k{display:inline-block;font:500 11.5px/1.2 var(--mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ly-ph{position:relative;margin:0;overflow:hidden;background:var(--sunken,var(--surface))}
.ly-ph img{display:block;width:100%;height:100%;object-fit:cover}
/* no photo yet: a calm panel in the page's colours with the first letter, never an empty grey box */
.ly-art{display:grid;place-items:center;background:radial-gradient(120% 90% at 20% 10%,color-mix(in srgb,var(--accent) 34%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--bg)) 70%)}
.ly-art i{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 18px,color-mix(in srgb,var(--ink) 5%,transparent) 18px 19px)}
.ly-art b{position:relative;font-size:clamp(90px,16vw,220px);line-height:1;color:color-mix(in srgb,var(--accent) 70%,var(--ink));opacity:.85}
.ly-logo{display:block;max-width:100%;height:auto;object-fit:contain}

/* ======================= 1. СПИСАНИЕ ======================= */
body[data-layout="editorial"] .ly-ed{padding-block:clamp(18px,3vw,36px) clamp(40px,6vw,80px)}
.ed-mast{border-bottom:2px solid var(--ink);padding-bottom:12px}
.ed-name{display:block;font-weight:var(--dfw,700);line-height:.82;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;overflow:hidden;color:var(--ink);padding-top:.04em}
.ed-meta{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font:500 12px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ed-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);padding-top:clamp(22px,3vw,40px);align-items:start}
.ed-cover{position:relative}
.ed-ph{aspect-ratio:4/5;border-radius:calc(var(--r,14px)*.4)}
.ed-cap{margin:12px 0 0;font-size:13px;color:var(--muted);border-left:2px solid var(--accent);padding-left:10px}
.ed-cap b{color:var(--ink);font-weight:600;margin-right:4px}
body[data-layout="editorial"] .ed-text h1{font-size:clamp(46px,6.2vw,104px);line-height:.9;margin-top:18px}
body[data-layout="editorial"] .ed-text .hero-p{font-size:18px;max-width:520px}
.ed-drop::first-letter{float:left;font-family:var(--display);font-size:3.4em;line-height:.8;padding:.06em .1em 0 0;color:var(--accent)}
.ed-toc{margin-top:clamp(26px,4vw,44px);border-top:1px solid var(--line);padding-top:16px}
.ed-toc ol{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column}
.ed-toc a{display:grid;grid-template-columns:auto auto minmax(16px,1fr) auto;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:padding .3s}
.ed-toc a:hover{padding-left:8px}
.ed-n{font:500 12px var(--mono,monospace);color:var(--accent)}
.ed-t{font-family:var(--display);font-size:19px;line-height:1.2}
.ed-toc i{border-bottom:1.5px dotted color-mix(in srgb,var(--ink) 30%,transparent);transform:translateY(-4px)}
.ed-p{font-weight:600;font-variant-numeric:tabular-nums}
/* the sections read like the pages of a magazine: numbered, ruled, with a big pull quote */
body[data-layout="editorial"] #main{counter-reset:edsec}
body[data-layout="editorial"] #main>.sec{counter-increment:edsec}
body[data-layout="editorial"] #main>.sec .sec-h{border-top:2px solid var(--ink);padding-top:14px;align-items:baseline}
body[data-layout="editorial"] #main>.sec .sec-h::before{content:counter(edsec,decimal-leading-zero);font:500 13px var(--mono,monospace);color:var(--accent);margin-right:14px;align-self:flex-start;padding-top:.6em}
body[data-layout="editorial"] .cat h3{font:500 12px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
body[data-layout="editorial"] .xq blockquote{font-size:clamp(30px,4.4vw,64px);line-height:1.05;border-block:1px solid var(--line);padding-block:clamp(24px,4vw,48px)}
@media (max-width:860px){
  .ed-grid{grid-template-columns:minmax(0,1fr)}
  .ed-ph{aspect-ratio:4/3}
  .ed-meta span:nth-child(2){display:none}
}

/* ======================= 2. РАЗДЕЛЕН ЕКРАН ======================= */
.sp-media{position:relative;overflow:hidden;background:var(--sunken,var(--surface))}
.sp-media .ly-ph{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease,transform 6s ease;transform:scale(1.06)}
.sp-media .ly-ph.on{opacity:1;transform:scale(1)}
.sp-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55));pointer-events:none}
.sp-badge{position:absolute;left:clamp(18px,3vw,40px);right:clamp(18px,3vw,40px);bottom:clamp(20px,3vw,40px);z-index:2;color:#fff;display:flex;flex-direction:column;gap:6px}
.sp-badge .ly-k{color:rgba(255,255,255,.75)}
.sp-badge .ly-name{font-size:clamp(34px,4vw,60px);line-height:.95;font-weight:var(--dfw,700);letter-spacing:var(--dls,-.02em);text-transform:var(--dtt,none)}
.sp-badge .ly-logo{max-height:90px;max-width:260px;filter:drop-shadow(0 4px 18px rgba(0,0,0,.4))}
.sp-badge small{font-size:14px;color:rgba(255,255,255,.85)}
.sp-dots{position:absolute;top:18px;right:18px;z-index:2;display:flex;gap:6px}
.sp-dots i{width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.4);transition:background .4s}
.sp-dots i.on{background:#fff}
body[data-layout="split"] .hero.ly-sp{padding:clamp(28px,5vw,72px) var(--gut) clamp(28px,4vw,56px)}
body[data-layout="split"] .sp-text h1{font-size:clamp(46px,5.6vw,96px);line-height:.92;margin-top:18px}
.sp-who{margin-top:16px;font-size:14px;color:var(--muted)}
.sp-who .stars{color:#E8A93C;letter-spacing:2px}
.sp-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:clamp(26px,4vw,44px) 0 0;background:var(--line);border:1px solid var(--line);border-radius:calc(var(--r,14px)*.8);overflow:hidden}
.sp-facts div{background:var(--bg);padding:14px 16px}
.sp-facts dt{font:500 11px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sp-facts dd{margin:4px 0 0;font-weight:600;font-size:15px}
@media (min-width:981px){
  /* the photo holds the left side of the screen; the menu bar and every section live on the right */
  body[data-layout="split"] .sp-media{position:fixed;left:0;top:0;bottom:0;width:44vw;z-index:30}
  body[data-layout="split"] .top,body[data-layout="split"] #main,body[data-layout="split"] .demo~.top{margin-left:44vw}
  body[data-layout="split"] #main .wrap{max-width:none}
  body[data-layout="split"] .top .wrap{max-width:none}
  /* the right column is narrow: the bar keeps the name and the booking button, the links go */
  body[data-layout="split"] .top #links{display:none}
}
@media (max-width:980px){
  body[data-layout="split"] .sp-media{height:min(62svh,560px);margin:12px var(--gut) 0;border-radius:calc(var(--r,14px)*1.4)}
  body[data-layout="split"] .hero.ly-sp{padding-top:22px}
  .sp-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sp-facts div:nth-child(3){display:none}
}

/* ======================= 3. БЕНТО ======================= */
body[data-layout="bento"] .hero.ly-bn{padding-block:clamp(14px,2vw,24px) clamp(28px,4vw,48px)}
.bn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"main main ph next" "main main ph hrs" "svc rate ph2 addr";gap:clamp(8px,1vw,14px)}
.bn-t{position:relative;border-radius:calc(var(--r,14px)*1.7);background:var(--surface);border:1px solid var(--line);padding:clamp(16px,1.6vw,24px);overflow:hidden;min-width:0;text-align:left;color:inherit;font:inherit;display:flex;flex-direction:column;justify-content:space-between;gap:10px;transition:transform .35s var(--ease,ease),box-shadow .35s}
button.bn-t{cursor:pointer}
button.bn-t:hover,.bn-t.bn-addr:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(0,0,0,.35)}
.bn-main{grid-area:main;justify-content:center;padding:clamp(22px,3vw,44px)}
body[data-layout="bento"] .bn-main h1{font-size:clamp(44px,5.4vw,92px);line-height:.9;margin-top:14px}
body[data-layout="bento"] .bn-main .hero-p{font-size:16px}
.bn-ph{grid-area:ph;padding:0;min-height:300px}.bn-ph2{grid-area:ph2;padding:0;min-height:170px}
.bn-ph .ly-ph,.bn-ph2 .ly-ph{position:absolute;inset:0}
.bn-ph .ly-art b,.bn-ph2 .ly-art b{font-size:90px}
.bn-next{grid-area:next;background:var(--accent);color:var(--on-accent);border-color:transparent}
.bn-next .ly-k{color:color-mix(in srgb,var(--on-accent) 75%,transparent)}
.bn-next b{font-size:clamp(26px,2.6vw,40px);line-height:1}
.bn-go{position:absolute;top:14px;right:16px;font-size:20px;transition:transform .3s}
.bn-next:hover .bn-go{transform:translate(3px,-3px)}
.bn-hrs{grid-area:hrs}.bn-hrs b{font-size:clamp(24px,2.4vw,36px);line-height:1}
.bn-dot{position:absolute;top:18px;right:18px;width:10px;height:10px;border-radius:50%;background:var(--muted)}
.bn-dot.on{background:#3DBE6B;box-shadow:0 0 0 0 rgba(61,190,107,.5);animation:bnp 2s infinite}
@keyframes bnp{70%,100%{box-shadow:0 0 0 9px rgba(61,190,107,0)}}
.bn-svc{grid-area:svc}.bn-svc b{font-size:18px;line-height:1.2}.bn-svc>span:not(.ly-k){color:var(--muted);font-size:14px}
.bn-plus{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font:500 22px/1 var(--body);transition:transform .3s}
.bn-svc[aria-pressed="true"] .bn-plus{transform:rotate(45deg)}
.bn-rate{grid-area:rate}.bn-rate b{font-size:clamp(40px,4vw,60px);line-height:.9}.bn-rate .stars{color:#E8A93C;letter-spacing:2px}.bn-rate small{color:var(--muted)}
.bn-addr{grid-area:addr}.bn-addr b{font-size:16px;line-height:1.3}.bn-addr a{color:var(--accent);text-decoration:none;font-weight:600;font-size:14px}
/* every section is a tile too */
body[data-layout="bento"] #main>section.wrap.sec{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r,14px)*2);width:calc(100% - 2*var(--gut));max-width:calc(1360px - 2*var(--gut));margin:clamp(8px,1vw,14px) auto;padding:clamp(22px,3vw,44px)}
@media (max-width:980px){.bn-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"main main" "ph ph" "next hrs" "svc rate" "ph2 addr"}.bn-ph{min-height:260px}}
@media (max-width:520px){.bn-grid{grid-template-areas:"main main" "ph ph" "next next" "hrs rate" "svc svc" "ph2 addr"}.bn-ph2{min-height:150px}}

/* ======================= 4. ТАБЕЛА ======================= */
body[data-layout="board"] .hero.ly-bd{padding-block:clamp(16px,3vw,40px) clamp(30px,5vw,64px)}
.bd-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(22px,4vw,64px);align-items:start}
.bd-board{position:relative;background:var(--ink);color:var(--bg);border-radius:calc(var(--r,14px)*1.2);padding:clamp(22px,3.4vw,48px);box-shadow:0 30px 70px -40px rgba(0,0,0,.6),inset 0 0 0 1px color-mix(in srgb,var(--bg) 14%,transparent),inset 0 0 0 10px color-mix(in srgb,var(--ink) 80%,#000)}
.bd-board::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.35;background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.25),transparent);background-size:7px 7px,11px 11px}
.bd-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding-bottom:18px;border-bottom:1px dashed color-mix(in srgb,var(--bg) 35%,transparent)}
.bd-head .ly-k{color:color-mix(in srgb,var(--bg) 60%,transparent)}
.bd-board .ly-name{display:block;width:100%;font-weight:var(--dfw,700);text-transform:uppercase;letter-spacing:-.02em;line-height:.95;color:var(--bg)}
.bd-board .ly-logo{max-height:110px;max-width:70%}
.bd-sub{font-family:var(--display);font-style:italic;color:var(--accent);font-size:22px}
.bd-list{list-style:none;margin:10px 0 0;padding:0}
.bd-row{width:100%;display:grid;grid-template-columns:auto minmax(18px,1fr) auto 30px;align-items:baseline;gap:12px;padding:13px 4px;background:none;border:0;border-bottom:1px solid color-mix(in srgb,var(--bg) 12%,transparent);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .25s,padding .3s}
.bd-row:hover{background:color-mix(in srgb,var(--bg) 6%,transparent);padding-inline:10px}
.bd-n{font-family:var(--display);font-size:clamp(18px,1.6vw,23px);line-height:1.2;text-transform:var(--dtt,none)}
.bd-n small{display:block;font:500 11.5px var(--body);color:color-mix(in srgb,var(--bg) 55%,transparent);letter-spacing:.04em;margin-top:2px;text-transform:none}
.bd-row i{border-bottom:2px dotted color-mix(in srgb,var(--bg) 35%,transparent);transform:translateY(-5px)}
.bd-p{font-family:var(--display);font-size:clamp(18px,1.6vw,24px);color:var(--accent);font-variant-numeric:tabular-nums}
.bd-pl{width:28px;height:28px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--bg) 35%,transparent);display:grid;place-items:center;align-self:center;transition:transform .3s,background .3s}
.bd-row[aria-pressed="true"] .bd-pl{background:var(--accent);border-color:var(--accent);color:var(--on-accent);transform:rotate(45deg)}
.bd-all{display:inline-block;margin-top:16px;color:var(--accent);text-decoration:none;font-weight:600}
body[data-layout="board"] .bd-side h1{font-size:clamp(42px,4.8vw,84px);line-height:.92;margin-top:16px}
.bd-phs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:clamp(22px,3vw,34px)}
.bd-phs .ly-ph{aspect-ratio:3/4;border-radius:calc(var(--r,14px)*.8)}
.bd-phs .bd-ph1{transform:translateY(22px)}
.bd-phs .ly-ph:only-child{grid-column:1/-1;aspect-ratio:16/10}
@media (max-width:900px){.bd-in{grid-template-columns:minmax(0,1fr)}.bd-side{order:-1}.bd-phs{display:none}}

/* ======================= 5. ПОРТФОЛИО ======================= */
body[data-layout="portfolio"] .hero.ly-pf{position:relative;padding:12px var(--gut) clamp(28px,4vw,56px)}
.pf-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,clamp(110px,12vw,190px));grid-template-areas:"t0 t0 t1 t2" "t0 t0 t1 t3" "t4 t5 t5 t6";gap:10px;max-width:1360px;margin:0 auto}
.pf-t{border-radius:calc(var(--r,14px)*.9)}
.pf-t img{transition:transform 1.2s var(--ease,ease)}
.pf-t:hover img{transform:scale(1.05)}
.pf-t0{grid-area:t0}.pf-t1{grid-area:t1}.pf-t2{grid-area:t2}.pf-t3{grid-area:t3}.pf-t4{grid-area:t4}.pf-t5{grid-area:t5}.pf-t6{grid-area:t6}
.pf-t .ly-art b{font-size:70px}
.pf-over{position:relative;margin-top:calc(-1 * clamp(120px,15vw,250px));display:flex;justify-content:flex-start;pointer-events:none}
.pf-card{pointer-events:auto;max-width:560px;background:var(--bg);border-radius:calc(var(--r,14px)*1.4);padding:clamp(22px,3vw,42px);box-shadow:0 30px 80px -30px rgba(0,0,0,.45);border:1px solid var(--line)}
.pf-card .ly-name{display:block;font:var(--dfw,700) 13px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.pf-card .ly-logo{max-height:56px}
body[data-layout="portfolio"] .pf-card h1{font-size:clamp(34px,3.6vw,60px);line-height:.94;margin-top:12px}
body[data-layout="portfolio"] .pf-card .hero-p{font-size:15.5px;margin-top:14px}
.pf-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:18px;font-size:14px;color:var(--muted)}
.pf-meta .stars{color:#E8A93C;letter-spacing:2px}
@media (max-width:760px){.pf-wall{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:150px 150px 110px;grid-template-areas:"t0 t0 t1" "t0 t0 t2" "t3 t4 t5"}.pf-t6{display:none}.pf-over{margin-top:-50px;padding:0 6px}}

/* ======================= 6. КИНО ======================= */
body[data-layout="cinema"] .hero.ly-cn{position:relative;min-height:calc(100svh - 64px);display:grid;grid-template-columns:minmax(0,1fr);place-items:center;text-align:center;color:#fff;overflow:hidden;isolation:isolate;background:#000}
.cn-bg{position:absolute;inset:0;z-index:-2}
.cn-bg img{animation:cnz 22s ease-out both}
@keyframes cnz{from{transform:scale(1.14)}}
/* the text sits on any photo, even a bright one: an even dark layer, deeper behind the words and at the edges */
body[data-layout="cinema"] .hero.ly-hero.ly-cn::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 46% at 50% 52%,rgba(0,0,0,.34),transparent 100%),radial-gradient(120% 90% at 50% 50%,transparent 40%,rgba(0,0,0,.6)),rgba(0,0,0,.42)}
.cn-in{text-shadow:0 2px 24px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.35)}
body[data-layout="cinema"] .ly-cn .cn-ctas .btn{text-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body[data-layout="cinema"] .ly-cn .cn-ctas .btn.btn-a{background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important}
body[data-layout="cinema"] .ly-cn .cn-ctas .btn.btn-l{background:rgba(0,0,0,.4)!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
body[data-layout="cinema"] .ly-cn h1 .acc{color:color-mix(in srgb,var(--accent) 70%,#fff)}
body[data-layout="cinema"] .ly-cn::before{content:none}
.cn-bar{position:absolute;left:0;right:0;height:clamp(28px,7vh,72px);background:#000;z-index:1;transition:height 1.4s var(--ease,ease)}
.cn-bar.t{top:0}.cn-bar.b{bottom:0}
.cn-in{position:relative;z-index:2;min-width:0;width:min(1180px,100% - 2*var(--gut));display:flex;flex-direction:column;align-items:center;gap:14px;padding-block:90px}
.cn-pre{font:600 12px var(--mono,monospace);letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.9)}
.cn-title{width:100%}
.cn-title .ly-name{display:block;width:100%;color:#fff;font-weight:var(--dfw,700);text-transform:uppercase;letter-spacing:.02em;line-height:.9}
.cn-title .ly-logo{max-height:160px;margin:0 auto;filter:drop-shadow(0 8px 30px rgba(0,0,0,.5))}
body[data-layout="cinema"] .ly-cn h1.cn-h1{font-size:clamp(22px,2.6vw,38px);line-height:1.15;margin-top:6px;color:#fff;font-weight:400}
body[data-layout="cinema"] .ly-cn h1.cn-h1>span{display:inline}
body[data-layout="cinema"] .ly-cn h1.cn-h1>span+span::before{content:' '}
body[data-layout="cinema"] .ly-cn h1 .acc{color:var(--accent)}
.cn-ctas{justify-content:center}
.cn-credits{margin:10px 0 0;font:600 12.5px var(--body);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.88)}
.cn-credits i{margin:0 10px;font-style:normal;opacity:.6}
.cn-down{position:absolute;left:50%;bottom:calc(clamp(28px,7vh,72px) + 18px);z-index:2;width:26px;height:42px;margin-left:-13px;border:2px solid rgba(255,255,255,.7);border-radius:14px}
.cn-down span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:cnd 1.8s infinite}
@keyframes cnd{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
body[data-layout="cinema"] #main{counter-reset:scene}
body[data-layout="cinema"] #main>.sec .sec-h{flex-direction:column;align-items:center;text-align:center}
body[data-layout="cinema"] #main>.sec{counter-increment:scene}
body[data-layout="cinema"] #main>.sec .sec-h::before{content:'Сцена ' counter(scene,decimal-leading-zero);font:500 11.5px var(--mono,monospace);letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}

/* ======================= 7. ПРИЛОЖЕНИЕ ======================= */
.ap-card{border-radius:calc(var(--r,14px)*2);background:var(--surface);border:1px solid var(--line);overflow:hidden;box-shadow:0 30px 70px -40px rgba(0,0,0,.4)}
.ap-ban{position:relative;height:150px}.ap-ban .ly-ph{position:absolute;inset:0}.ap-ban .ly-art b{font-size:60px;opacity:.3}
.ap-av{width:92px;height:92px;border-radius:28px;margin:-46px 0 0 22px;position:relative;z-index:1;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;border:4px solid var(--surface);overflow:hidden}
.ap-av img{width:100%;height:100%;object-fit:contain;background:#fff}
.ap-av b{font-size:44px;line-height:1}
.ap-body{padding:12px 22px 24px;display:flex;flex-direction:column;gap:6px}
.ap-name{font-size:30px;line-height:1.05;font-weight:var(--dfw,700);text-transform:var(--dtt,none)}
.ap-lab{color:var(--muted);font-size:14px}
.ap-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ap-chips .status{margin:0}
.ap-chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:13px;font-weight:600}
body[data-layout="app"] .ap-card h1.ap-h1{font-size:clamp(26px,2.4vw,34px);line-height:1.05;margin-top:14px}
body[data-layout="app"] .ap-card h1.ap-h1>span{display:inline}body[data-layout="app"] .ap-card h1.ap-h1>span+span::before{content:' '}
body[data-layout="app"] .ap-card .hero-p{font-size:15px;margin-top:8px}
body[data-layout="app"] .ap-card .ctas{margin-top:14px}
body[data-layout="app"] .ap-card .ctas .btn{flex:1 1 auto;justify-content:center}
.ap-addr{color:var(--muted);font-size:13.5px;margin-top:8px;text-decoration:none}
.ap-cats{position:sticky;top:70px;z-index:5;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px)}
.ap-cat{flex:none;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:600 14px var(--body);color:var(--ink);cursor:pointer}
.ap-cat:hover{border-color:var(--accent)}
body[data-layout="app"] #services .row{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r,14px)*1.1);margin-bottom:8px;padding-inline:16px}
@media (min-width:981px){
  body[data-layout="app"] #main{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);column-gap:clamp(24px,3vw,44px);max-width:1360px;margin:0 auto;padding:0 var(--gut);align-items:start}
  body[data-layout="app"] #main>*{grid-column:2;min-width:0}
  body[data-layout="app"] #main>.ly-ap{grid-column:1;grid-row:1/span 60;position:sticky;top:84px;padding-top:18px}
  body[data-layout="app"] #main .wrap{padding-inline:0;max-width:none}
}
@media (max-width:980px){body[data-layout="app"] .hero.ly-ap{padding:12px var(--gut) 8px}.ap-cats{padding-inline:var(--gut)}}

/* ======================= 8. ГЕРБ ======================= */
body[data-layout="heritage"] .hero.ly-hr{padding-block:clamp(24px,4vw,56px) clamp(36px,5vw,72px)}
.hr-in{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(18px,3vw,48px);align-items:center}
.hr-c{display:flex;flex-direction:column;align-items:center;text-align:center;grid-column:2}
.hr-cr{width:clamp(120px,13vw,170px)}
.hr-crest{display:block;width:100%;height:auto;overflow:visible}
.hr-crest .o{fill:none;stroke:var(--accent);stroke-width:2}
.hr-crest .i{fill:color-mix(in srgb,var(--accent) 10%,var(--bg));stroke:var(--accent);stroke-width:1;stroke-dasharray:2 4}
.hr-crest .ring{font:600 10.5px var(--body);letter-spacing:3px;fill:var(--ink)}
.hr-crest .ini{font-family:var(--display);font-size:56px;font-weight:700;fill:var(--accent)}
.hr-crest{animation:hrspin 60s linear infinite}
.hr-crest .ini,.hr-crest image{transform-origin:100px 100px;animation:hrspin 60s linear infinite reverse}
@keyframes hrspin{to{transform:rotate(360deg)}}
.hr-name{display:block;width:100%;margin-top:18px;text-transform:uppercase;letter-spacing:.16em;font-weight:var(--dfw,700);line-height:1}
.hr-orn{display:flex;align-items:center;gap:12px;color:var(--accent);margin:12px 0 4px;width:min(320px,80%)}
.hr-orn i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}.hr-orn i:last-child{transform:scaleX(-1)}
body[data-layout="heritage"] .hr-c h1{font-size:clamp(38px,4.6vw,78px);line-height:.95;margin-top:10px}
body[data-layout="heritage"] .hr-c .hero-p{margin-inline:auto}
body[data-layout="heritage"] .hr-c .ctas{justify-content:center}
.hr-st{margin-top:16px}
.hr-arch{aspect-ratio:3/4.4}
.hr-arch .ly-ph{width:100%;height:100%;border-radius:999px 999px calc(var(--r,14px)*.5) calc(var(--r,14px)*.5);box-shadow:0 0 0 6px var(--bg),0 0 0 7px var(--accent)}
.hr-arch.l{grid-column:1;grid-row:1;transform:translateY(24px)}.hr-arch.r{grid-column:3;grid-row:1;transform:translateY(-24px)}
body[data-layout="heritage"] #main>.sec .sec-h{flex-direction:column;align-items:center;text-align:center}
body[data-layout="heritage"] #main>.sec .sec-h h2::after{content:'✦';display:block;font-size:14px;color:var(--accent);margin-top:10px}
@media (max-width:900px){.hr-in{grid-template-columns:1fr 1fr}.hr-c{grid-column:1/-1;grid-row:1}.hr-arch.l,.hr-arch.r{grid-row:2;transform:none;max-height:300px}.hr-arch.l{grid-column:1}.hr-arch.r{grid-column:2}}

/* ======================= 9. КОЛАЖ ======================= */
body[data-layout="collage"] .hero.ly-cl{padding-block:clamp(22px,4vw,56px) clamp(40px,6vw,80px)}
.cl-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.cl-text{position:relative}
body[data-layout="collage"] .cl-text h1{font-size:clamp(46px,6vw,104px);line-height:.92;margin-top:16px}
.cl-scribble{display:block;width:min(340px,70%);height:22px;margin-top:6px;overflow:visible}
.cl-scribble path{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:cldraw 1.2s .6s cubic-bezier(.6,0,.2,1) forwards}
@keyframes cldraw{to{stroke-dashoffset:0}}
.cl-badge{position:absolute;right:0;top:-6px;width:104px;height:104px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg);box-shadow:4px 4px 0 var(--ink);animation:clwob 4s ease-in-out infinite}
.cl-badge b{font-size:30px;line-height:1}.cl-badge span{font-size:10px;letter-spacing:1px}.cl-badge small{font-size:11px}
@keyframes clwob{50%{transform:rotate(-4deg) scale(1.04)}}
.cl-pics{position:relative;height:clamp(380px,42vw,560px)}
.cl-pol{position:absolute;width:56%;background:#fff;padding:10px 10px 0;box-shadow:0 18px 40px -16px rgba(0,0,0,.4);transition:transform .5s cubic-bezier(.3,1.5,.5,1),z-index 0s}
.cl-pol .ly-ph{aspect-ratio:4/5}
.cl-pol .ly-art b{font-size:70px}
.cl-cap{display:block;padding:10px 4px 12px;font-family:'Caveat','Comic Sans MS',cursive;font-size:22px;color:#333;text-align:center}
.cl-tape{position:absolute;top:-12px;left:50%;width:90px;height:26px;margin-left:-45px;background:color-mix(in srgb,var(--accent) 45%,rgba(255,255,255,.6));opacity:.85;transform:rotate(-4deg);z-index:2}
.cl-pol.p0{left:0;top:4%;width:48%;transform:rotate(-7deg);z-index:2}.cl-pol.p1{right:0;top:0;width:48%;transform:rotate(6deg);z-index:1}.cl-pol.p2{left:27%;bottom:-4%;transform:rotate(-2deg);z-index:3;width:44%}
.cl-pol:hover{transform:rotate(0) scale(1.04);z-index:5}
body[data-layout="collage"] #main>.sec .sec-h h2{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--accent) 35%,transparent) 62%,color-mix(in srgb,var(--accent) 35%,transparent) 88%,transparent 88%);display:inline}
body[data-layout="collage"] .why-i:nth-child(odd),body[data-layout="collage"] .xo-i:nth-child(odd){transform:rotate(-1deg)}
body[data-layout="collage"] .why-i:nth-child(even),body[data-layout="collage"] .xo-i:nth-child(even){transform:rotate(1deg)}
@media (max-width:860px){.cl-in{grid-template-columns:minmax(0,1fr)}.cl-pics{height:min(110vw,460px)}.cl-badge{width:84px;height:84px;top:-18px}.cl-badge b{font-size:24px}}

/* ======================= 10. ДОВЕРИЕ ======================= */
.ck-bar{background:var(--ink);color:var(--bg);font-size:13px}
.ck-bar-in{display:flex;flex-wrap:wrap;gap:6px 26px;justify-content:center;padding-block:9px}
.ck-bar a{color:inherit;font-weight:600;text-decoration:none}
body[data-layout="clinic"] .hero.ly-ck{padding-bottom:clamp(30px,5vw,64px)}
.ck-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center;padding-top:clamp(26px,4vw,56px)}
body[data-layout="clinic"] .ck-text h1{font-size:clamp(40px,4.8vw,80px);line-height:.95;margin-top:16px}
.ck-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ck-list li{display:flex;align-items:center;gap:12px;font-weight:600}
.ck-list li::before{content:'✓';flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:13px}
.ck-trust{display:flex;gap:clamp(18px,3vw,40px);margin-top:clamp(22px,3vw,36px);padding-top:18px;border-top:1px solid var(--line)}
.ck-trust b{display:block;font-size:clamp(28px,3vw,42px);line-height:1;color:var(--accent)}
.ck-trust span{font-size:13px;color:var(--muted)}
.ck-media{position:relative}
.ck-ph{aspect-ratio:4/5;border-radius:calc(var(--r,14px)*3) calc(var(--r,14px)*3) calc(var(--r,14px)*3) 120px}
.ck-next{position:absolute;left:-24px;bottom:28px;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r,14px)*1.2);padding:14px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 24px 50px -24px rgba(0,0,0,.35);min-width:210px}
.ck-next b{font-size:20px}
.ck-next .btn{height:38px;padding:0 16px;font-size:14px;align-self:flex-start}
@media (max-width:900px){.ck-in{grid-template-columns:minmax(0,1fr)}.ck-ph{aspect-ratio:16/12;border-radius:calc(var(--r,14px)*2)}.ck-next{left:12px;bottom:12px}.ck-bar-in span:nth-child(2){display:none}}

/* ======================= 11. 3D (lib/stage3d.js) ======================= */
body[data-layout="stage"] .hero.ly-st{position:relative;min-height:calc(100svh - 64px);display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
body[data-layout="stage"] .hero.ly-st>.st-cv{position:absolute;z-index:0;inset:0 0 0 auto;width:56%;height:auto;max-width:none;margin:0;padding:0}
.st-cv canvas{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;opacity:0;transform:scale(.94) translateY(14px);transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 1.8s cubic-bezier(.16,1,.3,1)}
.st-cv.ready canvas{opacity:1;transform:none}
.st-poster{position:absolute;inset:0;display:none;place-items:center}
.st-cv.nogl .st-poster{display:grid}
.st-in{position:relative;z-index:1;flex:1;display:flex;align-items:center;width:100%;padding-block:clamp(56px,9vh,110px) clamp(110px,14vh,150px);pointer-events:none}
.st-in a,.st-in button,.st-in [data-ed]{pointer-events:auto}
.st-txt{width:min(640px,50%);min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.st-name{width:100%}
.st-name .ly-name{display:block;width:100%;line-height:.88}
.st-name .ly-logo{max-height:130px;max-width:min(420px,100%)}
.st-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.st-facts>*{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;font:600 13px var(--body);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.st-f small{font:500 10.5px var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.st-tick{position:absolute;left:0;right:0;bottom:0;z-index:2;overflow:hidden;white-space:nowrap}
.st-tick>div{display:inline-flex;align-items:center;gap:22px;padding-right:22px;animation:stTick 38s linear infinite}
.st-tick span b{margin-left:6px}
.st-tick i{font-style:normal;opacity:.55}
@keyframes stTick{to{transform:translateX(-50%)}}
.st-down{position:absolute;z-index:2;right:var(--gut,24px);bottom:76px;width:26px;height:42px;border-radius:14px;border:2px solid currentColor;opacity:.6}
.st-down span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:currentColor;animation:cnd 1.8s infinite}
@media (prefers-reduced-motion:reduce){.st-tick>div{animation:none}}
@media (max-width:760px){
  body[data-layout="stage"] .hero.ly-st{min-height:0}
  body[data-layout="stage"] .hero.ly-st>.st-cv{position:relative;inset:auto;width:100%;height:clamp(230px,36svh,330px);order:-1;flex-shrink:0}
  .st-in{padding-block:0 66px;margin-top:-30px}
  .st-txt{width:100%;gap:10px}
  .st-name .ly-name{line-height:.86}
  body[data-layout="stage"] .ly-st .hero-p{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body[data-layout="stage"] .ly-st .ctas{margin-top:4px;gap:8px;flex-wrap:nowrap;width:100%}
  body[data-layout="stage"] .ly-st .ctas .btn{flex:1 1 auto;min-width:0;padding-inline:14px}
  .st-facts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:calc(100% + var(--gut,16px));margin-right:calc(-1 * var(--gut,16px));padding-right:var(--gut,16px);margin-top:2px}
  .st-facts::-webkit-scrollbar{display:none}
  .st-facts>*{flex-shrink:0;height:34px;font-size:12.5px}
  .st-down{display:none}
}

/* --- БРЪСНАРНИЦА 3D: lit pole, chrome and glass; stripes run through the whole page --- */
body[data-scene="barber"] .hero.ly-st{background:radial-gradient(70% 80% at 74% 46%,color-mix(in srgb,var(--accent) 16%,#17120f),transparent 70%),radial-gradient(60% 60% at 10% 100%,#1a1411,transparent 70%),#0c0b0a;color:#f2ece4}
body[data-scene="barber"] .hero.ly-st::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,11,10,.92) 0%,rgba(12,11,10,.55) 38%,transparent 62%);opacity:.9}
.st-barber .st-poster .pl{width:min(13vw,130px);aspect-ratio:1/4.3;border-radius:14px;background:repeating-linear-gradient(-45deg,var(--accent) 0 18px,#f4f1ea 18px 36px,#1c3480 36px 54px,#f4f1ea 54px 72px);box-shadow:inset 18px 0 30px rgba(0,0,0,.35),inset -10px 0 20px rgba(255,255,255,.25),0 0 80px color-mix(in srgb,var(--accent) 40%,transparent);background-size:100% 102px;animation:stPole 2.4s linear infinite}
.st-barber .st-poster{grid-template-rows:auto}
.st-barber .st-poster .cap{display:none}
@keyframes stPole{to{background-position:0 -102px}}
.st-barber .st-pre{display:inline-flex;align-items:center;gap:10px;font:600 12px var(--mono,monospace);letter-spacing:.28em;text-transform:uppercase;color:rgba(242,236,228,.82)}
.st-barber .st-pre i{width:28px;height:8px;border-radius:2px;background:repeating-linear-gradient(-45deg,var(--accent) 0 4px,#f4f1ea 4px 8px,#1c3480 8px 12px,#f4f1ea 12px 16px)}
.st-barber .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,700);text-transform:uppercase;letter-spacing:-.01em;color:#f6f1ea;text-shadow:0 2px 40px rgba(0,0,0,.4)}
body[data-scene="barber"] .ly-st h1.st-h1{font-size:clamp(22px,2.3vw,34px);line-height:1.15;font-weight:500;color:#f2ece4;text-transform:none;letter-spacing:-.01em}
body[data-scene="barber"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="barber"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="barber"] .ly-st h1 .acc{color:color-mix(in srgb,var(--accent) 75%,#fff)}
body[data-scene="barber"] .ly-st .hero-p{color:rgba(242,236,228,.78);max-width:46ch;font-size:16.5px}
body[data-scene="barber"] .ly-st .ctas .btn.btn-a{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 14px 40px -14px color-mix(in srgb,var(--accent) 80%,transparent)}
body[data-scene="barber"] .ly-st .ctas .btn.btn-l{background:rgba(255,255,255,.06)!important;color:#f2ece4!important;border-color:rgba(242,236,228,.4)!important;backdrop-filter:blur(10px)}
body[data-scene="barber"] .st-facts>*{background:rgba(255,255,255,.06);border:1px solid rgba(242,236,228,.16);color:#f2ece4}
body[data-scene="barber"] .st-facts .status i{background:#43d17a}
body[data-scene="barber"] .st-facts .status.closed i{background:#e0a03b}
.st-barber .st-tick{height:54px;display:flex;align-items:center;background:var(--accent);color:#fff;font:600 15px var(--display);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 -1px 0 rgba(255,255,255,.12)}
.st-barber .st-tick::before,.st-barber .st-tick::after{content:'';position:absolute;left:0;right:0;height:6px;background:repeating-linear-gradient(-45deg,#f4f1ea 0 6px,#1c3480 6px 12px,#f4f1ea 12px 18px,var(--accent) 18px 24px);z-index:1}
.st-barber .st-tick::before{top:0}.st-barber .st-tick::after{bottom:0}
.st-barber .st-tick b{font-weight:800;opacity:.92}
.st-barber .st-down{color:#f2ece4}
/* the sections below: a pole stripe under every heading, numbered like a price board */
body[data-scene="barber"] #main{counter-reset:bb}
body[data-scene="barber"] #main>.sec{counter-increment:bb}
body[data-scene="barber"] #main>.sec .sec-h h2::after{content:'';display:block;width:72px;height:8px;margin-top:14px;border-radius:2px;background:repeating-linear-gradient(-45deg,var(--accent) 0 5px,#f4f1ea 5px 10px,#1c3480 10px 15px,#f4f1ea 15px 20px)}
body[data-scene="barber"] #main>.sec .sec-h::before{content:'№ ' counter(bb,decimal-leading-zero);display:block;flex-basis:100%;font:600 12px var(--mono,monospace);letter-spacing:.24em;color:var(--accent);margin-bottom:-6px}
@media (max-width:760px){
  body[data-scene="barber"] .hero.ly-st::after{background:linear-gradient(180deg,transparent 0,transparent 30%,rgba(12,11,10,.75) 42%,rgba(12,11,10,.9) 100%)}
  .st-barber .st-tick{height:42px;font-size:12.5px}
  body[data-scene="barber"] .ly-st h1.st-h1{font-size:21px}
}

/* --- ФРИЗЬОР 3D: light and airy, centred like a cover, silk strands across the whole opening --- */
body[data-scene="hair"] .hero.ly-st{background:radial-gradient(60% 70% at 50% 40%,#fffaf5,transparent 70%),linear-gradient(180deg,#f6efe8,#efe4da);color:var(--ink)}
body[data-scene="hair"] .hero.ly-st>.st-cv{inset:0;width:100%}
body[data-scene="hair"] .hero.ly-st::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(40% 40% at 50% 46%,rgba(250,245,240,.9),rgba(250,245,240,.55) 55%,transparent 82%)}
.st-hair .st-in{justify-content:center;padding-block:clamp(48px,8vh,96px) clamp(24px,4vh,40px)}
.st-hair .st-txt{width:min(820px,100%);margin-inline:auto;align-items:center;text-align:center;gap:14px}
.st-hair .st-pre{display:inline-flex;align-items:center;gap:14px;font:500 12.5px var(--body);letter-spacing:.32em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 70%,transparent)}
.st-hair .st-pre i{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.st-hair .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,500);font-style:italic;letter-spacing:-.02em;color:var(--ink);text-align:center;line-height:.9}
.st-hair .st-name .ly-logo{margin:0 auto}
body[data-scene="hair"] .ly-st h1.st-h1{font-family:var(--body);font-size:clamp(15px,1.25vw,18px);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
body[data-scene="hair"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="hair"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="hair"] .ly-st h1 .acc{color:var(--accent)}
body[data-scene="hair"] .ly-st .hero-p{max-width:52ch;margin-inline:auto;color:color-mix(in srgb,var(--ink) 75%,transparent)}
body[data-scene="hair"] .ly-st .ctas{justify-content:center}
body[data-scene="hair"] .ly-st .ctas .btn.btn-a{border-radius:999px!important;background:var(--ink)!important;color:var(--bg)!important;border-color:var(--ink)!important}
body[data-scene="hair"] .ly-st .ctas .btn.btn-l{border-radius:999px!important;background:rgba(255,255,255,.55)!important;color:var(--ink)!important;border-color:color-mix(in srgb,var(--ink) 25%,transparent)!important;backdrop-filter:blur(10px)}
body[data-scene="hair"] .st-facts{justify-content:center}
body[data-scene="hair"] .st-facts>*{background:rgba(255,255,255,.6);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink)}
.st-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;padding-bottom:clamp(20px,4vh,40px)}
.st-card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 20px;border-radius:20px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 50px -30px rgba(80,40,20,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .3s,box-shadow .3s}
.st-card:hover{transform:translateY(-3px);box-shadow:0 26px 60px -30px rgba(80,40,20,.45)}
.st-card small{font:500 11px var(--mono,monospace);color:var(--accent);letter-spacing:.1em}
.st-card b{font:500 17px var(--display);font-style:italic;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-card span{font:600 14px var(--body);color:var(--ink)}
.st-hair .st-poster{background:repeating-radial-gradient(120% 60% at 0% 100%,transparent 0 22px,rgba(184,106,67,.12) 22px 24px)}
body[data-scene="hair"] #main>.sec .sec-h{flex-direction:column;align-items:center;text-align:center}
body[data-scene="hair"] #main>.sec .sec-h h2{font-style:italic;font-weight:var(--dfw,500)}
body[data-scene="hair"] #main>.sec .sec-h h2::after{content:'';display:block;width:120px;height:14px;margin:14px auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cpath d='M2 7c10-8 18 8 28 0s18 8 28 0 18 8 28 0 18 8 28 0' fill='none' stroke='%23B86A43' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-hair>.st-cv{position:absolute;inset:0;width:100%;height:auto;order:0}
  .st-hair .st-in{margin-top:0;padding-block:28px 18px}
  body[data-scene="hair"] .hero.ly-st::after{background:linear-gradient(180deg,rgba(250,245,240,.7) 0%,rgba(250,245,240,.55) 50%,transparent 66%)}
  .st-cards{grid-template-columns:minmax(0,1fr);gap:8px;padding-bottom:22px}
  .st-card{padding:12px 16px}
  .st-cards .st-card:nth-child(3){display:none}
  body[data-scene="hair"] .st-facts{justify-content:flex-start}
}

/* --- МАНИКЮР 3D: blush and gloss; the bottle on the left, the words on the right, swatches that repaint the polish --- */
body[data-scene="nails"] .hero.ly-st{background:radial-gradient(55% 70% at 26% 50%,#fff6f8,transparent 70%),linear-gradient(135deg,#f9e8ed,#f3dbe3 60%,#f6e6ea);color:var(--ink)}
body[data-layout="stage"] .hero.st-nails>.st-cv{inset:0 auto 0 0;width:54%}
.st-nails .st-in{justify-content:flex-end}
.st-nails .st-txt{width:min(560px,44%);gap:14px}
.st-nails .st-pre{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;background:#fff;color:var(--accent);font:700 11.5px var(--body);letter-spacing:.18em;text-transform:uppercase;box-shadow:0 8px 24px -14px rgba(160,40,80,.5)}
.st-nails .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,700);letter-spacing:-.04em;line-height:.92;color:var(--ink)}
body[data-scene="nails"] .ly-st h1.st-h1{font-family:var(--body);font-size:clamp(18px,1.7vw,24px);font-weight:500;line-height:1.3;color:var(--ink);text-transform:none;letter-spacing:-.01em}
body[data-scene="nails"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="nails"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="nails"] .ly-st h1 .acc{color:var(--accent);font-weight:700}
body[data-scene="nails"] .ly-st .hero-p{color:color-mix(in srgb,var(--ink) 72%,transparent);max-width:46ch}
body[data-scene="nails"] .ly-st .ctas .btn{border-radius:999px!important}
body[data-scene="nails"] .ly-st .ctas .btn.btn-a{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 16px 36px -16px var(--accent)}
body[data-scene="nails"] .ly-st .ctas .btn.btn-l{background:#fff!important;color:var(--ink)!important;border-color:#fff!important}
.st-pick{display:flex;align-items:center;gap:14px;margin-top:4px}
.st-pick small{font:600 12px var(--body);color:color-mix(in srgb,var(--ink) 60%,transparent);white-space:nowrap}
.st-pick>div{display:flex;gap:8px}
.st-sw{all:unset;cursor:pointer;width:30px;height:30px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.75),transparent 34%),var(--c);box-shadow:0 6px 14px -6px var(--c),inset 0 -3px 6px rgba(0,0,0,.18);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.st-sw:hover{transform:translateY(-3px)}
.st-sw[aria-pressed="true"]{transform:scale(1.15);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--c)}
.st-sw:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.st-top{list-style:none;margin:6px 0 0;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);width:100%;max-width:420px;display:grid;gap:6px}
.st-top li{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:var(--ink)}
.st-top li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-top li b{font-weight:700;color:var(--accent)}
.st-nails .st-poster .pl{width:120px;height:150px;border-radius:30px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.7),transparent 30%),var(--accent);box-shadow:0 30px 60px -30px var(--accent)}
body[data-scene="nails"] #main>.sec .sec-h h2::after{content:'';display:block;width:96px;height:14px;margin-top:14px;background:radial-gradient(circle,var(--accent) 6px,transparent 6.5px) 0 0/24px 14px repeat-x;opacity:.85}
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-nails>.st-cv{position:relative;inset:auto;width:100%;height:clamp(230px,36svh,320px)}
  .st-nails .st-txt{width:100%}
  .st-nails .st-top{display:none}
  .st-pick{flex-wrap:wrap;gap:8px 12px}
}

/* --- МИГЛИ 3D: light pearl and lilac; black volume fans drift behind, rose-gold tweezers hold one; words on the left --- */
body[data-scene="lashes"] .hero.ly-st{background:radial-gradient(55% 65% at 72% 45%,#ffffff,transparent 70%),linear-gradient(160deg,#f4eef7,#ebe2f1 60%,#f2ecf5);color:var(--ink)}
body[data-layout="stage"] .hero.st-lashes>.st-cv{inset:0;width:100%}
body[data-scene="lashes"] .hero.ly-st::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(244,238,247,.9) 0%,rgba(244,238,247,.6) 36%,transparent 58%)}
.st-lashes .st-txt{width:min(600px,48%);gap:14px}
.st-lashes .st-pre{display:inline-flex;align-items:center;gap:10px;font:600 11.5px var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}
.st-lashes .st-pre i{width:26px;height:1.5px;background:var(--accent)}
.st-lashes .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,500);font-style:italic;letter-spacing:-.02em;line-height:.9;color:var(--ink)}
body[data-scene="lashes"] .ly-st h1.st-h1{font-family:var(--body);font-size:clamp(18px,1.6vw,23px);font-weight:500;color:var(--ink);text-transform:none}
body[data-scene="lashes"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="lashes"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="lashes"] .ly-st h1 .acc{color:var(--accent);font-family:var(--display);font-style:italic;font-weight:500}
body[data-scene="lashes"] .ly-st .hero-p{color:color-mix(in srgb,var(--ink) 72%,transparent);max-width:46ch}
body[data-scene="lashes"] .ly-st .ctas .btn{border-radius:999px!important}
body[data-scene="lashes"] .ly-st .ctas .btn.btn-a{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
body[data-scene="lashes"] .ly-st .ctas .btn.btn-l{background:rgba(255,255,255,.7)!important;color:var(--ink)!important;border-color:color-mix(in srgb,var(--ink) 18%,transparent)!important}
.st-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.st-chips span{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:rgba(255,255,255,.7);font-size:13px;color:color-mix(in srgb,var(--ink) 70%,transparent)}
.st-chips b{font-weight:600;color:var(--ink)}
.st-lashes .st-poster .pl{width:240px;height:150px;background:repeating-conic-gradient(from -50deg at 50% 100%,#1a1220 0 1.2deg,transparent 1.2deg 7deg);-webkit-mask:radial-gradient(circle at 50% 100%,transparent 18%,#000 19%,#000 70%,transparent 71%);mask:radial-gradient(circle at 50% 100%,transparent 18%,#000 19%,#000 70%,transparent 71%)}
body[data-scene="lashes"] #main>.sec .sec-h h2{font-style:italic}
body[data-scene="lashes"] #main>.sec .sec-h::before{content:'';display:block;flex-basis:100%;width:54px;height:20px;margin-bottom:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 20'%3E%3Cg fill='none' stroke='%231E1622' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M27 19C25 12 18 6 8 3'/%3E%3Cpath d='M27 19C26 11 22 5 16 1'/%3E%3Cpath d='M27 19C27 11 27 5 27 1'/%3E%3Cpath d='M27 19C28 11 32 5 38 1'/%3E%3Cpath d='M27 19C29 12 36 6 46 3'/%3E%3C/g%3E%3C/svg%3E") left/contain no-repeat}
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-lashes>.st-cv{position:relative;inset:auto;width:100%;height:clamp(220px,32svh,290px)}
  body[data-scene="lashes"] .hero.ly-st::after{content:none}
  .st-lashes .st-txt{width:100%}
  .st-chips span:nth-child(n+3){display:none}
}

/* --- BEAUTY 3D: chocolate and gold, a vanity scene, the words in a frosted glass card --- */
body[data-scene="beauty"] .hero.ly-st{background:radial-gradient(55% 70% at 70% 45%,#3a261c,transparent 72%),radial-gradient(50% 60% at 0% 100%,#2a1a14,transparent 70%),#160f0c;color:#f6ece0}
body[data-layout="stage"] .hero.st-beauty>.st-cv{inset:0 0 0 auto;width:64%}
.st-beauty .st-glass{width:min(540px,46%);padding:clamp(24px,3vw,40px);border-radius:28px;background:linear-gradient(160deg,rgba(255,240,225,.1),rgba(255,240,225,.03));border:1px solid rgba(255,230,200,.16);box-shadow:0 40px 80px -40px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);gap:14px}
.st-beauty .st-pre{font:500 11.5px var(--mono,monospace);letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}
.st-beauty .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,500);letter-spacing:-.01em;line-height:.95;color:#fbf2e6}
body[data-scene="beauty"] .ly-st h1.st-h1{font-family:var(--display);font-size:clamp(20px,1.9vw,28px);font-weight:400;font-style:italic;line-height:1.2;color:#f6ece0;text-transform:none}
body[data-scene="beauty"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="beauty"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="beauty"] .ly-st h1 .acc{color:var(--accent)}
body[data-scene="beauty"] .ly-st .hero-p{color:rgba(246,236,224,.72)}
body[data-scene="beauty"] .ly-st .ctas .btn.btn-a{background:linear-gradient(135deg,#f0d29a,var(--accent))!important;color:#1b120d!important;border-color:transparent!important}
body[data-scene="beauty"] .ly-st .ctas .btn.btn-l{background:transparent!important;color:#f6ece0!important;border-color:rgba(246,236,224,.3)!important}
.st-rit{list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,230,200,.14);display:grid;gap:10px;width:100%}
.st-rit li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;font-size:14.5px}
.st-rit i{font:italic 500 18px var(--display);color:var(--accent)}
.st-rit span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(246,236,224,.88)}
.st-rit b{font-weight:600;color:#f6ece0}
.st-beauty .st-poster .pl{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3dc,#e2b872 40%,#7a5428 80%);box-shadow:0 40px 80px -30px #e2b872}
body[data-scene="beauty"] #main>.sec .sec-h h2::after{content:'✦';display:block;margin-top:10px;font-size:18px;color:var(--accent);letter-spacing:.6em}
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-beauty>.st-cv{position:relative;inset:auto;width:100%;height:clamp(230px,34svh,300px)}
  .st-beauty .st-glass{width:100%;padding:20px;margin-top:-20px}
  .st-beauty .st-rit{display:none}
}

/* --- КОЗМЕТИКА 3D: clinical white and mint on lab paper; facts like a lab report --- */
body[data-scene="cosmetic"] .hero.ly-st{background:linear-gradient(color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px) 0 0/48px 48px,radial-gradient(60% 70% at 70% 45%,#ffffff,transparent 70%),#f2f7f6;color:var(--ink)}
body[data-layout="stage"] .hero.st-cosmetic>.st-cv{inset:0 0 0 auto;width:58%}
.st-cosmetic .st-txt{width:min(560px,44%);gap:14px}
.st-cosmetic .st-pre{display:inline-flex;align-items:center;gap:10px;font:600 12px var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.st-cosmetic .st-pre i{width:8px;height:8px;border-radius:2px;background:var(--accent)}
.st-cosmetic .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,600);letter-spacing:-.04em;line-height:.92;color:var(--ink)}
body[data-scene="cosmetic"] .ly-st h1.st-h1{font-family:var(--body);font-size:clamp(18px,1.6vw,23px);font-weight:500;color:var(--ink);text-transform:none;letter-spacing:-.01em}
body[data-scene="cosmetic"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="cosmetic"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="cosmetic"] .ly-st h1 .acc{color:var(--accent)}
body[data-scene="cosmetic"] .ly-st .hero-p{color:color-mix(in srgb,var(--ink) 70%,transparent);max-width:48ch}
body[data-scene="cosmetic"] .ly-st .ctas .btn{border-radius:14px!important}
body[data-scene="cosmetic"] .ly-st .ctas .btn.btn-a{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
body[data-scene="cosmetic"] .ly-st .ctas .btn.btn-l{background:#fff!important;color:var(--ink)!important;border-color:color-mix(in srgb,var(--ink) 14%,transparent)!important}
.st-lab{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:480px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:16px;background:rgba(255,255,255,.8);overflow:hidden;margin-top:4px}
.st-lab>div{padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.st-lab>div+div{border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}
.st-lab b{font:600 22px var(--display);letter-spacing:-.03em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-lab small{font:500 11px var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 55%,transparent)}
body[data-scene="cosmetic"] .st-facts>*{background:#fff;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}
.st-tag{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font:600 11.5px var(--mono,monospace);letter-spacing:.06em;color:var(--ink);box-shadow:0 10px 30px -16px rgba(0,60,50,.4);opacity:0;transition:opacity 1s .6s}
.st-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}
.st-cv.ready .st-tag{opacity:1}
.st-tag.t1{right:12%;top:22%}.st-tag.t2{left:16%;bottom:20%}
.st-cosmetic .st-poster .pl{width:140px;height:220px;border-radius:40px 40px 24px 24px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent) 30%,#fff));box-shadow:0 40px 60px -30px var(--accent)}
body[data-scene="cosmetic"] #main>.sec .sec-h::before{content:'0' counter(cs) ' /';display:block;flex-basis:100%;font:600 12px var(--mono,monospace);letter-spacing:.14em;color:var(--accent);margin-bottom:-6px}
body[data-scene="cosmetic"] #main{counter-reset:cs}
body[data-scene="cosmetic"] #main>.sec{counter-increment:cs}
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-cosmetic>.st-cv{position:relative;inset:auto;width:100%;height:clamp(230px,34svh,300px)}
  .st-cosmetic .st-txt{width:100%}
  .st-tag.t2{display:none}.st-tag.t1{right:6%;top:10%}
  body[data-scene="cosmetic"] .st-facts{display:none}
}

/* --- МАСАЖ 3D: dark sage and warm sand; stones over still water fill the top, everything centred and calm below --- */
body[data-scene="massage"] .hero.ly-st{background:radial-gradient(70% 50% at 50% 30%,#2a2f27,transparent 75%),linear-gradient(180deg,#161a15,#1b1f1a 55%,#121511);color:#ede8df}
body[data-layout="stage"] .hero.st-massage>.st-cv{inset:0 0 auto 0;width:100%;height:58%}
body[data-scene="massage"] .hero.ly-st::after{content:'';position:absolute;left:0;right:0;top:44%;height:16%;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent,#151914)}
.st-massage .st-in{align-items:flex-end;justify-content:center;padding-block:0 clamp(28px,5vh,56px);min-height:calc(100svh - 64px)}
.st-massage .st-txt{width:min(860px,100%);margin-inline:auto;align-items:center;text-align:center;gap:12px;padding-top:min(44vh,400px)}
.st-massage .st-pre{font:500 12px var(--body);letter-spacing:.42em;text-transform:uppercase;color:var(--accent)}
.st-massage .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,400);letter-spacing:.06em;text-transform:uppercase;line-height:.95;color:#f2ede4;text-align:center}
.st-massage .st-name .ly-logo{margin:0 auto}
body[data-scene="massage"] .ly-st h1.st-h1{font-family:var(--body);font-size:clamp(16px,1.4vw,19px);font-weight:400;color:rgba(237,232,223,.8);text-transform:none;letter-spacing:.02em}
body[data-scene="massage"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="massage"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="massage"] .ly-st h1 .acc{color:var(--accent)}
body[data-scene="massage"] .ly-st .ctas{justify-content:center}
body[data-scene="massage"] .ly-st .ctas .btn{border-radius:999px!important}
body[data-scene="massage"] .ly-st .ctas .btn.btn-a{background:var(--accent)!important;color:#171a15!important;border-color:var(--accent)!important}
body[data-scene="massage"] .ly-st .ctas .btn.btn-l{background:transparent!important;color:#ede8df!important;border-color:rgba(237,232,223,.3)!important}
.st-ritm{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-top:1px solid rgba(237,232,223,.14)}
.st-ritm li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px 0;min-width:0}
.st-ritm li+li{border-left:1px solid rgba(237,232,223,.1)}
.st-ritm small{font:500 11px var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.st-ritm span{font-size:15px;color:#ede8df;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-ritm b{font-weight:500;color:rgba(237,232,223,.7);font-size:14px}
.st-massage .st-poster .pl{width:180px;height:120px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#4a4b45,#1c1d1a 70%);box-shadow:0 60px 40px -40px rgba(0,0,0,.6)}
body[data-scene="massage"] #main>.sec .sec-h{flex-direction:column;align-items:center;text-align:center}
body[data-scene="massage"] #main>.sec .sec-h h2{font-weight:400;letter-spacing:.02em}
body[data-scene="massage"] #main>.sec .sec-h h2::after{content:'';display:block;width:42px;height:42px;margin:14px auto 0;border-radius:50%;border:1px solid var(--accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 12%,transparent),0 0 0 16px color-mix(in srgb,var(--accent) 6%,transparent)}
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-massage>.st-cv{position:absolute;inset:0 0 auto 0;width:100%;height:clamp(240px,36svh,320px)}
  body[data-scene="massage"] .hero.ly-st::after{top:auto;height:0}
  .st-massage .st-in{min-height:0;margin-top:0;padding-block:0 26px}
  .st-massage .st-txt{padding-top:clamp(232px,34svh,306px)}
  .st-ritm{grid-template-columns:minmax(0,1fr)}
  .st-ritm li{flex-direction:row;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(237,232,223,.08)}
  .st-ritm li+li{border-left:0}
  .st-ritm li:nth-child(3){display:none}
}
.st-massage .st-cv canvas{-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 98%);mask-image:linear-gradient(180deg,#000 62%,transparent 98%)}

/* --- РЕХАБИЛИТАЦИЯ 3D: bright medical blue; three columns: words, the spine (labels ride on it), the path of treatment --- */
body[data-scene="physio"] .hero.ly-st{background:radial-gradient(40% 70% at 52% 50%,#ffffff,transparent 70%),linear-gradient(180deg,#eef3fa,#e6eef9);color:var(--ink)}
body[data-layout="stage"] .hero.st-physio>.st-cv{inset:0 auto 0 33%;width:34%}
.st-physio .st-in{justify-content:space-between;gap:24px}
.st-physio .st-txt{width:min(470px,34%);gap:14px}
.st-physio .st-pre{font:700 12px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.st-physio .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,700);letter-spacing:-.04em;line-height:.92;color:var(--ink)}
body[data-scene="physio"] .ly-st h1.st-h1{font-family:var(--body);font-size:clamp(18px,1.5vw,22px);font-weight:600;color:var(--ink);text-transform:none;letter-spacing:-.01em}
body[data-scene="physio"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="physio"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="physio"] .ly-st h1 .acc{color:var(--accent)}
body[data-scene="physio"] .ly-st .hero-p{color:color-mix(in srgb,var(--ink) 70%,transparent)}
body[data-scene="physio"] .ly-st .ctas .btn{border-radius:12px!important}
body[data-scene="physio"] .ly-st .ctas .btn.btn-a{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 14px 30px -14px var(--accent)}
body[data-scene="physio"] .ly-st .ctas .btn.btn-l{background:#fff!important;color:var(--ink)!important;border-color:color-mix(in srgb,var(--ink) 14%,transparent)!important}
body[data-scene="physio"] .st-facts>*{background:#fff;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}
.st-steps{list-style:none;margin:0;padding:0;width:min(300px,26%);display:grid;gap:10px;position:relative}
.st-steps::before{content:'';position:absolute;left:21px;top:24px;bottom:24px;width:2px;background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 15%,transparent))}
.st-steps li{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:12px 14px 12px 0;border-radius:16px}
.st-steps i{grid-row:span 2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--accent);font:700 13px var(--mono,monospace);font-style:normal;color:var(--accent);position:relative;z-index:1}
.st-steps b{font:700 16px var(--body);color:var(--ink);align-self:end}
.st-steps small{font-size:13px;color:color-mix(in srgb,var(--ink) 62%,transparent);line-height:1.35}
.st-lbl{position:absolute;left:0;top:0;z-index:2;display:inline-flex;align-items:center;gap:8px;margin:-14px 0 0 30px;height:28px;padding:0 12px 0 8px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);font:600 12px var(--body);color:var(--ink);white-space:nowrap;box-shadow:0 8px 20px -12px rgba(20,40,90,.45);opacity:0;transition:opacity .8s .4s;will-change:transform}
.st-lbl i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}
.st-cv.ready .st-lbl{opacity:1}
.st-physio .st-poster .pl{width:46px;height:70%;border-radius:20px;background:repeating-linear-gradient(180deg,#f3efe8 0 26px,var(--accent) 26px 32px);opacity:.8}
body[data-scene="physio"] #main>.sec .sec-h h2::after{content:'';display:block;width:84px;height:6px;margin-top:14px;border-radius:3px;background:linear-gradient(90deg,var(--accent) 0 30%,color-mix(in srgb,var(--accent) 30%,transparent) 30% 65%,color-mix(in srgb,var(--accent) 12%,transparent) 65%)}
@media (max-width:1100px){ .st-steps{display:none} body[data-layout="stage"] .hero.st-physio>.st-cv{inset:0 0 0 auto;width:52%} .st-physio .st-txt{width:min(520px,46%)} }
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-physio>.st-cv{position:relative;inset:auto;width:100%;height:clamp(240px,36svh,320px)}
  .st-physio .st-txt{width:100%}
  body[data-scene="physio"] .st-facts{display:none}
}

/* --- ЙОГА 3D: sunrise; the name huge across the middle, the lotus breathing in front of it, a breathing word above --- */
body[data-scene="yoga"] .hero.ly-st{background:radial-gradient(50% 45% at 50% 46%,#fff4ea,transparent 75%),linear-gradient(180deg,#f7d9cc 0%,#f4e3e6 45%,#e9e1f2 100%);color:var(--ink)}
body[data-layout="stage"] .hero.st-yoga>.st-cv{inset:0;width:100%;z-index:1;pointer-events:none}
body[data-layout="stage"] .hero.st-yoga>.st-big{position:absolute;z-index:2;left:0;right:0;top:30%;max-width:none;margin:0;padding-inline:var(--gut,24px);text-align:center;pointer-events:none}
.st-big .ly-name{display:block;width:100%;font-family:var(--display);font-weight:var(--dfw,400);text-transform:uppercase;letter-spacing:.02em;line-height:.9;color:color-mix(in srgb,var(--ink) 88%,var(--accent));opacity:.9}
.st-big .ly-logo{margin:0 auto;max-height:160px}
.st-breath{position:absolute;z-index:2;left:0;right:0;top:9%;display:flex;justify-content:center;pointer-events:none}
.st-breath span{--b:0;display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.55);backdrop-filter:blur(8px);font:500 13px var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);opacity:0;transition:opacity 1s}
.st-breath span::before{content:'';width:10px;height:10px;border-radius:50%;background:var(--accent);transform:scale(calc(.6 + var(--b) * .9));box-shadow:0 0 0 calc(var(--b) * 8px) color-mix(in srgb,var(--accent) 22%,transparent)}
.st-cv.ready~.st-breath span{opacity:1}
.st-yoga .st-in{position:relative;z-index:2;align-items:flex-end;justify-content:center;min-height:calc(100svh - 64px);padding-block:0 clamp(28px,5vh,52px)}
.st-yoga .st-txt{width:min(820px,100%);margin-inline:auto;align-items:center;text-align:center;gap:12px}
.st-yoga .st-pre{font:600 12px var(--body);letter-spacing:.34em;text-transform:uppercase;color:var(--accent)}
body[data-scene="yoga"] .ly-st h1.st-h1{font-family:var(--body);font-size:clamp(18px,1.6vw,23px);font-weight:500;color:var(--ink);text-transform:none}
body[data-scene="yoga"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="yoga"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="yoga"] .ly-st h1 .acc{color:var(--accent)}
body[data-scene="yoga"] .ly-st .ctas{justify-content:center}
body[data-scene="yoga"] .ly-st .ctas .btn{border-radius:999px!important}
body[data-scene="yoga"] .ly-st .ctas .btn.btn-a{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
body[data-scene="yoga"] .ly-st .ctas .btn.btn-l{background:rgba(255,255,255,.6)!important;color:var(--ink)!important;border-color:rgba(255,255,255,.8)!important}
.st-yoga .st-chips{justify-content:center}
.st-yoga .st-chips span{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.8);color:color-mix(in srgb,var(--ink) 75%,transparent)}
.st-yoga .st-chips b{color:var(--ink)}
.st-yoga .st-poster .pl{width:200px;height:110px;border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 50% 100%,#fff3ef,var(--accent));opacity:.7}
body[data-scene="yoga"] #main>.sec .sec-h{flex-direction:column;align-items:center;text-align:center}
body[data-scene="yoga"] #main>.sec .sec-h h2::after{content:'';display:block;width:56px;height:28px;margin:12px auto 0;border:1.5px solid var(--accent);border-top:0;border-radius:0 0 56px 56px}
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-yoga>.st-cv{position:absolute;inset:0;width:100%;height:auto;order:0}
  body[data-layout="stage"] .hero.st-yoga>.st-big{top:27%}
  .st-breath{top:5%}
  .st-yoga .st-in{min-height:calc(100svh - 130px);margin-top:0;padding-bottom:24px}
  .st-yoga .st-chips span:nth-child(n+3){display:none}
}

/* --- ТАТУ 3D: raw black and red; the name as a giant outline behind, the pen drawing flash on the right --- */
body[data-scene="tattoo"] .hero.ly-st{background:radial-gradient(45% 60% at 68% 50%,#24100f,transparent 72%),#0b0b0c;color:#eeeae4}
body[data-layout="stage"] .hero.st-tattoo>.st-big{position:absolute;z-index:0;left:0;right:0;top:6%;max-width:none;margin:0;padding-inline:var(--gut,24px);font:var(--dfw,400) 300px/0.85 var(--display);text-transform:uppercase;white-space:nowrap;overflow:hidden;color:transparent;-webkit-text-stroke:1.5px rgba(238,234,228,.14);text-align:center;letter-spacing:-.02em;pointer-events:none}
body[data-layout="stage"] .hero.st-tattoo>.st-cv{inset:0 0 0 auto;width:56%;z-index:1}
.st-tattoo .st-in{align-items:flex-end}
.st-tattoo .st-txt{width:min(560px,44%);gap:14px}
.st-tattoo .st-pre{display:inline-flex;align-items:center;gap:10px;font:700 12px var(--mono,monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.st-tattoo .st-pre i{width:10px;height:10px;background:var(--accent);transform:rotate(45deg)}
.st-tattoo .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,400);text-transform:uppercase;letter-spacing:-.01em;line-height:.88;color:#f2eee8}
body[data-scene="tattoo"] .ly-st h1.st-h1{font-family:var(--body);font-size:clamp(18px,1.6vw,23px);font-weight:500;color:#eeeae4;text-transform:none}
body[data-scene="tattoo"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="tattoo"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="tattoo"] .ly-st h1 .acc{color:var(--accent)}
body[data-scene="tattoo"] .ly-st .hero-p{color:rgba(238,234,228,.68)}
body[data-scene="tattoo"] .ly-st .ctas .btn{border-radius:0!important}
body[data-scene="tattoo"] .ly-st .ctas .btn.btn-a{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
body[data-scene="tattoo"] .ly-st .ctas .btn.btn-l{background:transparent!important;color:#eeeae4!important;border-color:rgba(238,234,228,.4)!important}
.st-flash{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0;width:100%;max-width:440px;border-top:1px dashed rgba(238,234,228,.25)}
.st-flash li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed rgba(238,234,228,.18);font:500 14.5px var(--body);color:rgba(238,234,228,.85)}
.st-flash li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-flash b{font-family:var(--display);font-weight:var(--dfw,400);color:var(--accent)}
.st-tattoo .st-poster .pl{width:220px;height:200px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 92'%3E%3Cpath d='M44 4h34L58 38h22L30 88l14-38H22z' fill='none' stroke='%23E5322D' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
body[data-scene="tattoo"] #main>.sec .sec-h h2{text-transform:uppercase}
body[data-scene="tattoo"] #main>.sec .sec-h h2::after{content:'';display:block;width:100%;max-width:200px;height:2px;margin-top:14px;background:repeating-linear-gradient(90deg,var(--accent) 0 14px,transparent 14px 22px)}
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-tattoo>.st-cv{position:relative;inset:auto;width:100%;height:clamp(240px,36svh,320px)}
  body[data-layout="stage"] .hero.st-tattoo>.st-big{top:2%}
  .st-tattoo .st-txt{width:100%}
  .st-flash{display:none}
}

/* --- ГРУМИНГ 3D: sky and sunshine; bubbles you can pop float over everything, services as round stickers --- */
body[data-scene="pets"] .hero.ly-st{background:radial-gradient(50% 50% at 50% 42%,#ffffff,transparent 75%),linear-gradient(180deg,#dff0fb,#eaf5fc 50%,#fff6e3);color:var(--ink)}
body[data-layout="stage"] .hero.st-pets>.st-cv{inset:0;width:100%;z-index:0}
.st-pets .st-in{justify-content:center}
.st-pets .st-txt{width:min(820px,100%);margin-inline:auto;align-items:center;text-align:center;gap:14px}
.st-pets .st-pre{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:#fff;font:700 12.5px var(--body);letter-spacing:.06em;color:var(--ink);box-shadow:0 8px 20px -12px rgba(30,80,120,.4)}
.st-pets .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,800);letter-spacing:-.04em;line-height:.9;color:var(--ink);text-align:center}
.st-pets .st-name .ly-logo{margin:0 auto}
body[data-scene="pets"] .ly-st h1.st-h1{font-family:var(--body);font-size:clamp(18px,1.6vw,23px);font-weight:700;color:var(--ink);text-transform:none}
body[data-scene="pets"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="pets"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="pets"] .ly-st h1 .acc{color:var(--accent)}
body[data-scene="pets"] .ly-st .ctas{justify-content:center}
body[data-scene="pets"] .ly-st .ctas .btn{border-radius:999px!important}
body[data-scene="pets"] .ly-st .ctas .btn.btn-a{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 12px 0 -4px color-mix(in srgb,var(--accent) 60%,#000)}
body[data-scene="pets"] .ly-st .ctas .btn.btn-l{background:#fff!important;color:var(--ink)!important;border-color:#fff!important}
.st-stks{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px}
.st-stk{all:unset;box-sizing:border-box;cursor:pointer;width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px;text-align:center;background:#fff;border:3px dashed color-mix(in srgb,var(--accent) 45%,transparent);transform:rotate(var(--r));box-shadow:0 14px 30px -18px rgba(30,80,120,.5);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.st-stk:hover{transform:rotate(0) scale(1.06)}
.st-stk b{font:var(--dfw,800) 22px var(--display);color:var(--accent)}
.st-stk span{font:600 11.5px/1.2 var(--body);color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-hint{font:600 12px var(--body);color:color-mix(in srgb,var(--ink) 50%,transparent)}
.st-pets .st-poster .pl{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,rgba(255,255,255,.2) 40%,rgba(160,200,255,.3) 70%,rgba(255,180,220,.4));opacity:.7}
body[data-scene="pets"] #main>.sec .sec-h{flex-direction:column;align-items:center;text-align:center}
body[data-scene="pets"] #main>.sec .sec-h h2::after{content:'🐾 🐾 🐾';display:block;margin-top:10px;font-size:16px;letter-spacing:.4em;opacity:.6}
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-pets>.st-cv{position:absolute;inset:0;width:100%;height:auto;order:0}
  .st-pets .st-in{margin-top:0;padding-block:36px 150px}
  .st-stk{width:96px;height:96px}
  .st-stk b{font-size:19px}
}

/* --- ТРЕНЬОР 3D: graphite and electric orange; a tracker strip with a live heart rate; the gym kit on the right --- */
body[data-scene="pt"] .hero.ly-st{background:radial-gradient(50% 60% at 72% 48%,color-mix(in srgb,var(--accent) 16%,#141518),transparent 72%),#0d0e10;color:#f1f1ee}
body[data-layout="stage"] .hero.st-pt>.st-cv{inset:0;width:100%}
body[data-scene="pt"] .hero.ly-st::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(13,14,16,.94) 0%,rgba(13,14,16,.7) 34%,transparent 56%)}
.st-pt .st-txt{width:min(560px,44%);gap:14px}
.st-pt .st-pre{display:inline-flex;align-items:center;gap:10px;font:800 12px var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
.st-pt .st-pre i{width:22px;height:4px;background:var(--accent);transform:skewX(-20deg)}
.st-pt .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,800);font-style:italic;text-transform:uppercase;letter-spacing:-.03em;line-height:.86;color:#f6f6f2}
body[data-scene="pt"] .ly-st h1.st-h1{font-family:var(--body);font-size:clamp(18px,1.6vw,23px);font-weight:700;color:#f1f1ee;text-transform:none}
body[data-scene="pt"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="pt"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="pt"] .ly-st h1 .acc{color:var(--accent)}
body[data-scene="pt"] .ly-st .hero-p{color:rgba(241,241,238,.68)}
body[data-scene="pt"] .ly-st .ctas .btn{border-radius:10px!important;transform:skewX(-6deg)}
body[data-scene="pt"] .ly-st .ctas .btn>*{display:inline-block;transform:skewX(6deg)}
body[data-scene="pt"] .ly-st .ctas .btn.btn-a{background:var(--accent)!important;color:#0d0e10!important;border-color:var(--accent)!important;font-weight:800}
body[data-scene="pt"] .ly-st .ctas .btn.btn-l{background:transparent!important;color:#f1f1ee!important;border-color:rgba(241,241,238,.3)!important}
.st-trk{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.st-trk>div{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);min-width:0;max-width:220px}
.st-trk small{font:600 10.5px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:rgba(241,241,238,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-trk b{font:var(--dfw,800) 20px var(--display);color:#f6f6f2;white-space:nowrap}
.st-trk .hr{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.st-trk .hr b{color:var(--accent);display:flex;align-items:baseline;gap:4px}
.st-trk .hr b::before{content:'♥';font-size:15px;animation:stBeat 1s infinite}
.st-trk .hr i{font:600 11px var(--body);font-style:normal;opacity:.7}
@keyframes stBeat{0%,40%,100%{transform:scale(1)}15%{transform:scale(1.35)}}
.st-pt .st-poster .pl{width:280px;height:90px;background:linear-gradient(90deg,#222 0 22%,#ddd 22% 78%,#222 78%);border-radius:14px;clip-path:polygon(0 0,22% 0,22% 38%,78% 38%,78% 0,100% 0,100% 100%,78% 100%,78% 62%,22% 62%,22% 100%,0 100%)}
body[data-scene="pt"] #main>.sec .sec-h h2{text-transform:uppercase;font-style:italic}
body[data-scene="pt"] #main>.sec .sec-h h2::after{content:'';display:block;width:90px;height:6px;margin-top:12px;background:var(--accent);transform:skewX(-20deg)}
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-pt>.st-cv{position:relative;inset:auto;width:100%;height:clamp(230px,34svh,300px)}
  body[data-scene="pt"] .hero.ly-st::after{content:none}
  .st-pt .st-txt{width:100%}
  .st-trk>div:nth-child(3){display:none}
}

/* --- ДЕТАЙЛИНГ 3D: cinematic black; the paint panel fills the opening, before / after, words at the bottom --- */
body[data-scene="detail"] .hero.ly-st{background:radial-gradient(70% 50% at 50% 35%,#15181e,transparent 75%),#07080a;color:#edeff2}
body[data-layout="stage"] .hero.st-detail>.st-cv{inset:0;width:100%}
body[data-scene="detail"] .hero.ly-st::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,rgba(7,8,10,.95) 0%,rgba(7,8,10,.6) 30%,transparent 55%)}
.st-detail .st-in{align-items:flex-end;justify-content:space-between;gap:24px;padding-block:0 clamp(28px,5vh,52px);min-height:calc(100svh - 64px)}
.st-detail .st-txt{width:min(620px,52%);gap:12px}
.st-detail .st-pre{display:inline-flex;align-items:center;gap:10px;font:600 12px var(--mono,monospace);letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}
.st-detail .st-pre i{width:30px;height:1px;background:var(--accent)}
.st-detail .st-name .ly-name{font-family:var(--display);font-weight:var(--dfw,700);text-transform:uppercase;letter-spacing:.02em;line-height:.9;color:#f4f6f8}
body[data-scene="detail"] .ly-st h1.st-h1{font-family:var(--body);font-size:clamp(17px,1.5vw,21px);font-weight:500;color:#edeff2;text-transform:none}
body[data-scene="detail"] .ly-st h1.st-h1>span{display:inline}
body[data-scene="detail"] .ly-st h1.st-h1>span+span::before{content:' '}
body[data-scene="detail"] .ly-st h1 .acc{color:var(--accent)}
body[data-scene="detail"] .ly-st .ctas .btn{border-radius:4px!important}
body[data-scene="detail"] .ly-st .ctas .btn.btn-a{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
body[data-scene="detail"] .ly-st .ctas .btn.btn-l{background:rgba(255,255,255,.04)!important;color:#edeff2!important;border-color:rgba(237,239,242,.3)!important;backdrop-filter:blur(8px)}
.st-pk{list-style:none;margin:0;padding:0;width:min(340px,32%);display:grid;gap:0;border-left:1px solid rgba(237,239,242,.18)}
.st-pk li{display:flex;justify-content:space-between;gap:14px;padding:10px 0 10px 18px;font:500 14px var(--body);color:rgba(237,239,242,.8)}
.st-pk li+li{border-top:1px solid rgba(237,239,242,.08)}
.st-pk span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-pk b{font-weight:600;color:#fff}
.st-ba{position:absolute;z-index:2;top:16%;font:600 11px var(--mono,monospace);letter-spacing:.3em;text-transform:uppercase;color:rgba(237,239,242,.6);opacity:0;transition:opacity 1s .5s}
.st-ba.l{left:6%;color:var(--accent)}.st-ba.r{right:6%}
.st-detail .st-ba{display:none}
.st-cv.ready .st-ba{opacity:1}
.st-detail .st-poster .pl{width:70%;height:40%;border-radius:50% 50% 10% 10%/30% 30% 10% 10%;background:linear-gradient(90deg,#1b2433 50%,var(--accent) 50%);opacity:.6}
body[data-scene="detail"] #main>.sec .sec-h h2{text-transform:uppercase;letter-spacing:.01em}
body[data-scene="detail"] #main>.sec .sec-h h2::after{content:'';display:block;width:120px;height:2px;margin-top:14px;background:linear-gradient(90deg,var(--accent),transparent)}
@media (max-width:760px){
  body[data-layout="stage"] .hero.st-detail>.st-cv{position:relative;inset:auto;width:100%;height:clamp(240px,36svh,320px)}
  body[data-scene="detail"] .hero.ly-st::after{content:none}
  .st-detail .st-in{min-height:0;flex-direction:column;align-items:stretch;margin-top:-20px}
  .st-detail .st-txt{width:100%}
  .st-pk{display:none}
  .st-ba{top:8%}
}