/* Дизайн 05 „Ателие“ за Pilates Maria: бледорозово, слива, розовото от логото и лавандула. Wix Madefor Display + Jost, без курсив. */
:root{
  --bg:#FBF0F3; --ink:#3A1430; --ink-2:#7B5470;
  --acc:#CD7FA9; --acc-ink:#2A0E22;
  --c1:#3A1430; --c1-ink:#FBF0F3; --c2:#F2C6DA; --c2-ink:#3A1430; --c3:#CD7FA9; --c3-ink:#2A0E22; --c4:#E2DAF5; --c4-ink:#3A1430;
  --n1:#fff; --n2:#F6D3E3; --n3:#E2DAF5; --n4:#F9E2EC; --n-ink:#3A1430; --note-r:18px;
  --band:#3A1430; --band-ink:#FBF0F3; --band-star:#CD7FA9;
  --r:28px; --r-sm:18px; --r-btn:999px; --mk-r:999px; --mk-rot:-1deg; --mk-ink:#2A0E22;
  --tape:rgba(205,127,169,.45); --pol-font:"Wix Madefor Display",system-ui,sans-serif;
  --cta:#3A1430; --cta-ink:#FBF0F3; --foot-mark:#3A1430;
  --f-head:"Wix Madefor Display",system-ui,sans-serif; --f-body:"Jost",system-ui,sans-serif;
  --accent:#3A1430; --accent-ink:#FBF0F3; --cbar-bg:#3A1430;
}
body{font-weight:300}
.ff h1,.ff h2{font-weight:700;letter-spacing:-.035em;line-height:1.02}
.ff h3{font-weight:600;letter-spacing:-.02em;line-height:1.1}
.mk{font-weight:800;margin:0 .02em 0 .1em}
.mk--2{--mk-bg:#F2C6DA;--mk-ink:#3A1430}
.mk--3{--mk-bg:#E2DAF5;--mk-ink:#3A1430}
.mk--g{--mk-bg:#CD7FA9;--mk-ink:#2A0E22}
.tag{font-weight:400;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}
.btn{font-weight:500;letter-spacing:.04em}
.btn--ink{background:var(--ink);color:#FBF0F3}
.btn--ink .btn__i{background:#CD7FA9;color:#2A0E22}
.pi{width:19px;height:19px;fill:currentColor;flex:none}
.btn__i .pi{fill:currentColor;stroke:none}
.band__in{font-weight:700;letter-spacing:-.02em;font-size:clamp(1.4rem,.9rem + 1.6vw,2.3rem)}

/* навигация: логото в средата, връзки отляво и отдясно */
.nav{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 var(--m);background:rgba(251,240,243,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(58,20,48,.1);transition:transform .4s var(--ease)}
.nav.is-up{transform:translateY(-100%)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo img{width:52px;height:52px;border-radius:50%;box-shadow:0 6px 16px -10px rgba(58,20,48,.5)}
.logo span{display:flex;flex-direction:column;gap:4px}
.logo b{font:700 1.35rem/1 var(--f-head);letter-spacing:-.03em}
.logo small{font:400 .6rem/1 var(--f-body);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-2)}
.nav__side{display:flex;gap:26px;align-items:center}
.nav__side--r{justify-content:flex-end}
.nav__side a{text-decoration:none;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;font-weight:400}
.nav__book{padding:11px 20px;border-radius:999px;background:var(--ink);color:#FBF0F3;white-space:nowrap}

.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,90px);align-items:center;max-width:var(--max);margin:0 auto;padding:clamp(40px,7vh,80px) var(--m) clamp(50px,8vh,100px);min-height:calc(100svh - 78px)}
.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.hero h1{font-size:clamp(2.4rem,1rem + 3.6vw,4.4rem)}
.hero__lead{margin:0;font-size:1.1rem;line-height:1.6;color:var(--ink-2);max-width:44ch;font-weight:400}
.menu{display:flex;flex-direction:column;width:100%;max-width:520px;border-top:1px solid rgba(58,20,48,.16)}
.menu button{width:100%;display:flex;align-items:baseline;gap:18px;padding:13px 4px;border:0;border-bottom:1px solid rgba(58,20,48,.16);background:none;color:var(--ink-2);font:600 clamp(1.1rem,.9rem + .6vw,1.45rem)/1.1 var(--f-head);letter-spacing:-.02em;text-align:left;cursor:pointer;transition:color .3s ease,padding .4s var(--ease)}
.menu i{font:400 .75rem/1 var(--f-body);font-style:normal;letter-spacing:.1em;color:var(--acc)}
.menu button.is-on{color:var(--ink);padding-left:16px}
@media (hover:hover){.menu button:hover{color:var(--ink)}}
.arch{position:relative;padding:10px 30px 40px}
.arch__frame{position:relative;aspect-ratio:4/5;border-radius:999px 999px 26px 26px;overflow:hidden;background:#F2C6DA;box-shadow:0 40px 80px -40px rgba(58,20,48,.5),0 0 60px -10px rgba(140,123,201,.45);outline:1px solid rgba(205,127,169,.6);outline-offset:10px}
.arch__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;scale:1.08;transition:opacity .8s var(--ease),scale 1.4s var(--ease)}
.arch__frame img.is-on{opacity:1;scale:1}
.arch__cap{position:absolute;left:50%;bottom:6px;translate:-50% 0;padding:10px 22px;border-radius:999px;background:#fff;font:600 1.05rem/1 var(--f-head);letter-spacing:-.01em;box-shadow:0 14px 30px -18px rgba(58,20,48,.5);white-space:nowrap}
.arch__st{top:4%;right:-10px;--st:124px;--st-bg:#3A1430;--st-ink:#FBF0F3}
.arch__st img{width:56px;height:56px;object-fit:contain}
.arch__fc{left:-30px;top:42%;--fc-bg:#fff}
.arch__o{--ow:150px;bottom:12%;right:-36px;rotate:12deg}

.bento .card{border-radius:28px}
.bento .card:nth-child(-n+3){border-radius:180px 180px 28px 28px;padding-top:70px;text-align:center;align-items:center}
@media (min-width:621px){.card{min-height:320px}}
.card p{font-weight:300}
.board{max-width:1100px;margin:0 auto;padding:0 var(--m);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px)}
.board .pol:nth-child(even){margin-top:40px}
.pol span{font-size:1.05rem;font-weight:600}
.notes .note{text-align:center;align-items:center;border-top:6px solid var(--acc)}
.note__n{font-family:var(--f-head);font-weight:800;font-size:2.4rem;color:var(--acc)}
.note::after{display:none}
.faq summary{font-family:var(--f-head);font-size:1.12rem;font-weight:600;letter-spacing:-.01em}
.faq summary::after{background:var(--ink);color:#FBF0F3}
.cta__box{text-align:left}
.cta__tel{font-family:var(--f-head);font-weight:700;letter-spacing:-.03em}
.btn--acc .btn__i{background:#2A0E22;color:#CD7FA9}
.foot__mark{font-weight:800;letter-spacing:-.05em;line-height:1;padding-bottom:.06em}

@media (max-width:1000px){
  .nav{grid-template-columns:auto 1fr;height:70px}
  .nav__side:not(.nav__side--r){display:none}
  .logo img{width:44px;height:44px}
  .logo b{font-size:1.15rem}
  .nav__side--r a:not(.nav__book){display:none}
  .board{grid-template-columns:1fr 1fr}
  .board .pol:nth-child(even){margin-top:24px}
}
@media (max-width:620px){
  .bento .card:nth-child(-n+3){border-radius:120px 120px 28px 28px}
}
@media (prefers-reduced-motion:reduce){.arch__frame img{transition:none}.menu button{transition:none}}

/* от 20-те референции (at-): завеса при първото отваряне, заглавие ред по ред, широка снимка, която се разтваря */
:root{--cur-1:#CD7FA9;--cur-2:#3A1430;--cur-ink:#FBF0F3}
.ap-curtain b{font-weight:800;letter-spacing:-.04em;font-size:clamp(2.6rem,1.4rem + 5vw,6rem)}
.at-wide__head{position:relative;max-width:var(--max);margin:0 auto 44px;padding:0 var(--m);display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.at-wide__head h2{font-size:clamp(2.1rem,1rem + 3.2vw,4rem);max-width:18ch;line-height:1.04}

.at-wide__o{--ow:130px;right:max(var(--m),calc((100% - var(--max)) / 2 + 60px));top:10px;rotate:12deg}
.at-wide__fig{position:relative;height:min(84vh,820px);overflow:hidden;margin:0;clip-path:inset(0% 9% 0% 9%)}
.at-wide__fig img{width:100%;height:100%;object-fit:cover}
.at-wide__cap{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:16px;padding:22px max(calc(9% + 22px),var(--m));color:#FBF0F3;font:400 .8rem/1 var(--f-body);letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(transparent,rgba(42,14,34,.55))}
@media (max-width:620px){
  .at-wide__o{--ow:70px;right:2px;top:-66px}
  .at-wide__fig{height:62vh}
  .at-wide__cap{flex-direction:column;gap:6px;font-size:.7rem;line-height:1.5;letter-spacing:.18em}
}

/* Pilates Maria: числа, цени, бутон под академията */
.pm-stats{padding-top:clamp(40px,6vh,70px)}
.pm-stats .ap-stat__n{font-weight:800}
.pm-stats .ap-stat p{font-weight:500}
.pm-more{display:flex;justify-content:center;margin-top:40px}
.pm-price{position:relative;max-width:1100px;margin:0 auto;width:calc(100% - 2 * var(--m));display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:clamp(28px,4vw,56px);border-radius:180px 180px 32px 32px;background:#fff;box-shadow:0 30px 70px -40px rgba(58,20,48,.45)}
.pm-price h2{font-size:clamp(2rem,1rem + 3vw,3.6rem);margin:14px 0 12px}
.pm-price p{margin:0;max-width:46ch;color:var(--ink-2);font-weight:400}
.pm-price__r{display:flex;flex-direction:column;gap:12px}
.pm-price__o{--ow:150px;top:-50px;right:30px;rotate:-12deg}
.hero__copy .acts{margin-top:4px}
@media (max-width:1000px){.pm-price{grid-template-columns:1fr;border-radius:120px 120px 28px 28px;padding-top:70px;text-align:center;justify-items:center}.pm-price p{margin:0 auto}.pm-price__r{width:100%;max-width:360px}}
.pm-bottle{--ow:120px}
@media (max-width:620px){.pm-bottle{--ow:72px;top:-18px}.pm-price__o{--ow:96px;top:-34px;right:10px}.hero h1{font-size:clamp(2.1rem,1rem + 6vw,2.8rem)}.menu button{padding:11px 4px}}

/* Телефон и таблет: снимката е първа, на цял екран, текстът стои върху нея долу */
@media (max-width:1000px){
  .hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;max-width:none;padding:0;gap:0;min-height:max(560px,calc(100svh - 110px));overflow:hidden;border-radius:0 0 30px 30px;background:#2A0E22}
  .arch{position:absolute;inset:0;padding:0;max-width:none;margin:0}
  .arch__frame{aspect-ratio:auto;height:100%;border-radius:0;outline:0;box-shadow:none}
  .arch__frame::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(42,14,34,.38) 0%,rgba(42,14,34,0) 22%,rgba(42,14,34,0) 34%,rgba(42,14,34,.62) 56%,rgba(42,14,34,.94) 100%)}
  .arch__cap,.arch__fc,.arch__o{display:none}
  .arch__st{z-index:2;top:64px;right:var(--m);--st:92px}
  .arch__st img{width:42px;height:42px}
  .hero__copy{position:relative;z-index:2;flex:1;min-width:0;width:100%;justify-content:flex-end;gap:18px;padding:18px var(--m) calc(96px + env(safe-area-inset-bottom));color:#FBF0F3}
  .hero__copy .tag{margin-bottom:auto}
  .hero h1{color:#FBF0F3;font-size:clamp(2.2rem,1rem + 6vw,3.6rem);text-shadow:0 2px 24px rgba(42,14,34,.35)}
  .hero__lead{color:rgba(251,240,243,.86);max-width:52ch}
  .menu{flex-direction:row;gap:8px;max-width:none;width:calc(100% + 2 * var(--m));margin:0 calc(-1 * var(--m));padding:0 var(--m);border:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
  .menu::-webkit-scrollbar{display:none}
  .menu li{flex:none;scroll-snap-align:start}
  .menu button,.menu button.is-on{width:auto;padding:10px 16px;border:1px solid rgba(251,240,243,.32);border-radius:999px;background:rgba(42,14,34,.32);color:rgba(251,240,243,.9);font-size:.95rem;white-space:nowrap}
  .menu button.is-on{background:#FBF0F3;border-color:#FBF0F3;color:#3A1430}
  .menu i{display:none}
  .hero .acts{width:100%}
  .hero .btn--ink{background:#CD7FA9;color:#2A0E22}
  .hero .btn--ink .btn__i{background:#2A0E22;color:#FBF0F3}
}
@media (max-width:620px){
  .hero__lead,.arch__st{display:none}
  .hero .acts .btn--w{display:none}
  .hero .acts .mag,.hero .acts .btn--ink{width:100%;justify-content:space-between}
}
@media (max-width:380px){.nav__book{padding:10px 14px;letter-spacing:.06em}.logo b{font-size:1.02rem}}