/* Фотографии из утверждённого макета. */
:root{--mock1:url('./assets/hero-man.png');--mock2:url('./assets/hero-woman.png');--mock3:url('./assets/glass.png');--mock4:url('./assets/chair.png');--mock5:url('./assets/lake.png');--mock6:url('./assets/stones.png');--mock7:url('./assets/spa.png')}
.hero{overflow:hidden;background:linear-gradient(90deg,#171513 0%,#282119 34%,#171513 50%,#282119 66%,#171513 100%)}
.hero:before,.hero:after{content:"";position:absolute;inset:0;background-repeat:no-repeat;pointer-events:none}.hero:before{background-image:linear-gradient(90deg,rgba(23,21,19,0) 0%,rgba(23,21,19,.08) 28%,rgba(23,21,19,.5) 56%,rgba(23,21,19,.96) 88%,#171513 100%),var(--mock1);background-size:100% 100%,auto 100%;background-position:center,left bottom;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.95) 30%,rgba(0,0,0,.58) 58%,rgba(0,0,0,.18) 80%,transparent 100%)}.hero:after{background-image:linear-gradient(270deg,rgba(23,21,19,0) 0%,rgba(23,21,19,.08) 28%,rgba(23,21,19,.5) 56%,rgba(23,21,19,.96) 88%,#171513 100%),var(--mock2);background-size:100% 100%,auto 100%;background-position:center,right bottom;mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.95) 30%,rgba(0,0,0,.58) 58%,rgba(0,0,0,.18) 80%,transparent 100%)}.hero-copy,.hero-bottom{z-index:1}.hero-copy{position:relative}
.intro-image{background-image:var(--mock7)}.n1{background-image:var(--mock3)}.n2{background-image:var(--mock4)}.n3{background-image:var(--mock5)}.n4{background-image:var(--mock6)}.n5{background-image:var(--mock7)}.p1,.p4{background-image:var(--mock7)}.p2{background-image:var(--mock4)}.p3{background-image:var(--mock5)}.p5{background-image:var(--mock2)}.person-1,.person-3{background-image:var(--mock1)}.person-2,.person-4{background-image:var(--mock2)}.special{background-image:linear-gradient(90deg,rgba(20,16,13,.94),rgba(25,18,14,.33)),var(--mock7)}.final{background-image:linear-gradient(90deg,rgba(28,22,17,.72),rgba(25,18,14,.1)),var(--mock5)}
@media(max-width:780px){.hero:before,.hero:after{opacity:.76}.hero:before{mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 38%,transparent 88%)}.hero:after{mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.7) 38%,transparent 88%)}}

/* Hero: композиция по утверждённому макету — два кадра по краям и спокойный центр. */
@media(min-width:781px){
  .topbar{height:48px;padding:0 5%;gap:24px}.brand{font-size:10px}.brand-mark{font-size:28px}.brand small{font-size:5px}nav{gap:23px}nav a{font-size:8px}.nav-button{padding:8px 13px;font-size:7px}
  .hero{height:clamp(266px,28.3vw,440px);min-height:266px;padding:57px 30% 36px 35%;align-items:center;background-image:linear-gradient(90deg,rgba(18,16,14,.16) 0%,rgba(19,17,14,.7) 35%,rgba(19,17,14,.72) 64%,rgba(18,16,14,.18) 100%),var(--mock7);background-size:cover;background-position:center}
  .hero:before,.hero:after{z-index:0;top:0;bottom:0;inset-block:0;background-repeat:no-repeat}
  .hero:before{inset-inline:auto auto auto 0;width:34%;background-image:linear-gradient(90deg,rgba(18,16,14,0) 30%,rgba(18,16,14,.18) 48%,rgba(18,16,14,.84) 100%),var(--mock1);background-size:100% 100%,cover;background-position:center;mask-image:none}
  .hero:after{inset-inline:auto 0 auto auto;width:31%;background-image:linear-gradient(270deg,rgba(18,16,14,0) 28%,rgba(18,16,14,.14) 48%,rgba(18,16,14,.87) 100%),var(--mock2);background-size:100% 100%,cover;background-position:center;mask-image:none}
  .hero-copy{min-width:0;width:100%;z-index:2}.hero-copy .eyebrow{display:none}.hero h1{font-size:clamp(27px,3vw,44px);line-height:1.01;margin-bottom:8px}.hero .lead{font-size:clamp(8px,.9vw,12px);max-width:330px;margin-bottom:0}.actions{margin-top:13px;gap:7px}.button{padding:8px 12px;font-size:7px;gap:12px}.hero-bottom{z-index:2;padding:8px 21%;justify-content:flex-start;gap:28px;font-size:7px;background:linear-gradient(90deg,rgba(14,13,11,.82),rgba(14,13,11,.23),rgba(14,13,11,.82));white-space:nowrap}
}

/* Финальная раскладка hero: пропорции и смешение изображений повторяют референс. */
@media(min-width:781px){
  .hero{height:28.3vw;min-height:266px;max-height:440px;padding:0 30% 0 35%;background-color:#2b211a;background-image:var(--mock7);background-size:cover;background-repeat:no-repeat;background-position:center;isolation:isolate}
  .hero:before,.hero:after{width:100%;inset:0;z-index:0;background-repeat:no-repeat;background-size:auto 112%;filter:brightness(.98) saturate(.96)}
  .hero:before{background-image:var(--mock1);background-position:left center;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 19%,rgba(0,0,0,.9) 31%,rgba(0,0,0,.65) 43%,rgba(0,0,0,.32) 56%,rgba(0,0,0,.08) 69%,transparent 82%);mask-image:linear-gradient(90deg,#000 0%,#000 19%,rgba(0,0,0,.9) 31%,rgba(0,0,0,.65) 43%,rgba(0,0,0,.32) 56%,rgba(0,0,0,.08) 69%,transparent 82%)}
  .hero:after{background-image:var(--mock2);background-position:right center;-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 19%,rgba(0,0,0,.9) 31%,rgba(0,0,0,.65) 43%,rgba(0,0,0,.32) 56%,rgba(0,0,0,.08) 69%,transparent 82%);mask-image:linear-gradient(270deg,#000 0%,#000 19%,rgba(0,0,0,.9) 31%,rgba(0,0,0,.65) 43%,rgba(0,0,0,.32) 56%,rgba(0,0,0,.08) 69%,transparent 82%)}
  .hero-copy{text-shadow:0 2px 18px rgba(12,9,7,.72)}
  .hero-copy{align-self:center}.hero-bottom{z-index:3}
}

/* Три перекрывающихся визуальных слоя: левый, переходный, правый. */
@media(min-width:781px){
  .hero{background-color:#1b1713;background-image:linear-gradient(rgba(20,17,14,.46),rgba(20,17,14,.46)),var(--mock7);background-size:52% 100%,52% 100%;background-repeat:no-repeat;background-position:center;}
  .hero:before,.hero:after{top:0;bottom:0;inset-block:0;width:42%;filter:brightness(.88) saturate(.9);background-size:cover;background-repeat:no-repeat;}
  .hero:before{left:0;right:auto;background-image:linear-gradient(to right,rgba(25,20,16,0) 0%,rgba(25,20,16,.04) 62%,rgba(25,20,16,.18) 78%,rgba(25,20,16,.68) 100%),var(--mock1);background-size:100% 100%,83% auto;background-position:center;mask-image:linear-gradient(to right,#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 78%,transparent 100%)}
  .hero:after{right:0;left:auto;background-image:linear-gradient(to left,rgba(25,20,16,0) 0%,rgba(25,20,16,.05) 48%,rgba(25,20,16,.4) 72%,rgba(25,20,16,.85) 100%),var(--mock2);background-position:center;mask-image:linear-gradient(to left,#000 0%,#000 58%,transparent 100%);-webkit-mask-image:linear-gradient(to left,#000 0%,#000 58%,transparent 100%)}
  .hero-copy{z-index:2}.hero-bottom{z-index:2}
}

/* Второй блок: четыре спокойных фрагмента единой интерьерной панорамы. */
.intro-reference{margin:0;border-top:1px solid rgba(201,171,126,.28);border-bottom:1px solid rgba(201,171,126,.28);line-height:0;background:#211d18}.intro-reference img{display:block;width:100%;height:auto}
.intro-real{display:grid;grid-template-columns:40% 13% 28% 19%;height:16vw;min-height:150px;max-height:250px;overflow:hidden;border-top:1px solid rgba(201,171,126,.28);border-bottom:1px solid rgba(201,171,126,.28);background:#211d18}.intro-real>*{margin:0;min-width:0}.intro-real .intro-copy{padding:10px 12% 10px 13%;background:linear-gradient(90deg,rgba(22,19,16,.98),rgba(22,19,16,.88) 66%,rgba(22,19,16,.38)),url('./assets/pool-tree.png');background-size:cover;background-position:left center}.intro-real h2{font-family:var(--serif);font-weight:400;font-size:clamp(19px,2.2vw,33px);line-height:.95;margin:0 0 7px}.intro-real .intro-copy p{font-size:clamp(7px,.7vw,10px);line-height:1.32;margin:0 0 10px;max-width:250px}.intro-real .text-link{display:inline-flex;align-items:center;gap:30px;border:1px solid #bc9a68;padding:6px 10px;color:#e0c49a;font-size:7px}.intro-real blockquote{padding:20px 13px;background:linear-gradient(90deg,rgba(36,27,20,.95),rgba(36,27,20,.62)),url('./assets/pool-tree.png');background-position:44% center;background-size:cover;font:clamp(9px,1vw,14px)/1.34 var(--serif);color:#c49e68}.intro-real blockquote b{font-weight:400;white-space:nowrap}.intro-pool{background-image:linear-gradient(90deg,rgba(18,15,13,.15),rgba(18,15,13,.02)),url('./assets/pool-tree.png');background-size:cover;background-position:45% 56%}.intro-real .quote{padding:42px 20px 12px;background:linear-gradient(90deg,rgba(18,15,13,.58),rgba(18,15,13,.34)),url('./assets/pool-tree.png');background-size:cover;background-position:right center;color:#f1eadf;font:clamp(10px,1.1vw,15px)/1.18 var(--serif)}
@media(max-width:780px){.intro-real{height:auto;min-height:0;max-height:none;grid-template-columns:1fr .62fr}.intro-real .intro-copy{padding:28px 8%;min-height:240px}.intro-real h2{font-size:27px}.intro-real .intro-copy p{font-size:10px}.intro-real blockquote{padding:30px 16px;font-size:12px}.intro-pool{grid-column:span 2;height:220px;background-position:center}.intro-real .quote{padding:32px 8%;min-height:150px;font-size:15px}}
@media(min-width:781px){
  .intro.split{height:16vw;min-height:150px;max-height:250px;grid-template-columns:40% 13% 28% 19%;gap:0;padding:0;background:#25211c;overflow:hidden}
  .intro-copy{padding:10px 12% 10px 13%;background:linear-gradient(90deg,rgba(24,21,18,.96),rgba(24,21,18,.83) 70%,rgba(24,21,18,.42)),radial-gradient(circle at 75% 46%,#554839 0%,#26211b 40%,#1d1a17 100%)}
  .intro-copy h2{font-size:clamp(19px,2.2vw,33px);line-height:.95;margin:0 0 7px}.intro-copy p{font-size:clamp(7px,.7vw,10px);line-height:1.32;margin:0 0 10px;max-width:250px}.intro-copy .text-link{display:inline-flex;align-items:center;gap:30px;border:1px solid #bc9a68;padding:6px 10px;color:#e0c49a;font-size:7px}
  .intro blockquote{padding:20px 13px;margin:0;background:linear-gradient(90deg,rgba(45,34,24,.93),rgba(45,34,24,.53)),var(--mock7);background-position:65% center;background-size:cover;font-size:clamp(9px,1vw,14px);line-height:1.34;color:#c49e68}.intro blockquote b{font-weight:400;white-space:nowrap}
  .intro-image{margin:0;background-image:linear-gradient(90deg,rgba(17,15,13,.13),rgba(17,15,13,.03)),url('./assets/second-block-reference.png');background-position:center,72% center;background-size:100% 100%,400% auto;background-repeat:no-repeat}
  .intro .quote{padding:42px 20px 12px;margin:0;background:linear-gradient(90deg,rgba(20,17,14,.66),rgba(20,17,14,.45)),var(--mock7);background-position:right center;background-size:cover;color:#f1eadf;font-size:clamp(10px,1.1vw,15px);line-height:1.18}
}

/* Третья и четвёртая карточки выбора состояния. */
.need-card.n3{background-image:url('./assets/balance-stones.png');background-position:center 48%}
.need-card.n4{background-image:url('./assets/body-recovery.png');background-position:center 55%}
.need-card.n5{background-image:url('./assets/special-scenario.png');background-position:58% center}

/* Ключевые направления: единая фактура тёмного дерева. */
.direction-grid span{
  min-height:94px;
  padding:10px 12px;
  gap:12px;
  border-color:rgba(199,167,121,.43);
  background-color:#2d2119;
  background-image:linear-gradient(105deg,rgba(22,16,12,.70),rgba(30,21,16,.48)),url('./assets/pool-tree.png');
  background-size:100% 100%,500% auto;
  background-position:center,100% 18%;
  background-repeat:no-repeat;
  color:#e1be88;
  font-size:21px;
}
.direction-grid span b{color:#f4eadd;font-size:20px;font-weight:500;line-height:1.2;text-shadow:0 1px 5px rgba(0,0,0,.65)}

/* Абсолютная приватность: фотография показана полностью и растворяется в тёмной части блока. */
.privacy{
  position:relative;
  isolation:isolate;
  grid-template-columns:minmax(145px,.72fr) minmax(260px,1.28fr) minmax(280px,1.15fr) minmax(125px,.5fr);
  gap:clamp(18px,2.3vw,42px);
  min-height:clamp(180px,15vw,250px);
  padding:0 5%;
  overflow:hidden;
  align-items:center;
  background:linear-gradient(100deg,#15120f 0%,#211a15 29%,#30241c 58%,#171411 100%);
}
.privacy::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 19% 45%,rgba(171,113,63,.2),transparent 27%),linear-gradient(90deg,rgba(10,9,8,.05),rgba(10,9,8,.55) 42%,rgba(10,9,8,.12) 72%,rgba(10,9,8,.56));
}
.privacy-visual{position:relative;align-self:stretch;margin:0 -4px 0 0;display:flex;justify-content:center;min-width:0}
.privacy-visual::after{content:"";position:absolute;inset:0 -2px 0 0;background:linear-gradient(90deg,transparent 35%,#211a15 100%);pointer-events:none}
.privacy-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:brightness(.78) saturate(.88)}
.privacy-copy{padding:17px 0}
.privacy .eyebrow{color:#e2bd87;font-size:clamp(9px,.68vw,11px);font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-shadow:0 1px 12px #000}
.privacy h2{font-size:clamp(26px,2.2vw,40px);line-height:1.02;color:#fff9ef;text-shadow:0 2px 18px rgba(0,0,0,.84);margin-bottom:11px}
.privacy p{max-width:520px;color:#fff7e9;font-size:clamp(11px,.8vw,14px);font-weight:500;line-height:1.5;text-shadow:0 1px 10px rgba(0,0,0,.9)}
.privacy ul{padding:17px 0;gap:14px 20px;color:#fff9ef;font-size:clamp(10px,.72vw,13px);font-weight:600;text-shadow:0 1px 9px rgba(0,0,0,.9)}
.privacy li::first-letter{color:#e0b778}
.privacy-tag{color:#f2cca0;font-size:clamp(12px,.9vw,16px);font-weight:500;line-height:1.32;text-shadow:0 1px 12px rgba(0,0,0,.9);border-left-color:#c69a68;padding-left:16px}
@media(max-width:780px){
  .privacy{grid-template-columns:1fr;gap:0;padding:0 7%;background:linear-gradient(155deg,#17120f,#312218 53%,#17130f)}
  .privacy-visual{height:265px;margin:0 -7%;align-self:auto;background:#17130f}
  .privacy-visual::after{background:linear-gradient(180deg,transparent 38%,#21170f 100%)}
  .privacy-visual img{object-position:center;filter:brightness(.72) saturate(.86)}
  .privacy-copy{padding:25px 0 10px}
  .privacy ul{padding:15px 0 23px;gap:13px;font-size:12px}
  .privacy-tag{display:block;margin:0 0 26px;font-size:14px}
}

/* Наши специалисты: компактные карточки и выразительный текстовый акцент. */
.specialist-showcase{padding:clamp(24px,2.5vw,42px) 3.5% clamp(25px,2.7vw,46px);background:linear-gradient(105deg,#181512 0%,#231d17 52%,#151310 100%)}
.specialist-showcase>.eyebrow{color:#d7b17b;font-size:clamp(9px,.65vw,11px);font-weight:600;letter-spacing:1.7px;margin-bottom:9px}
.specialist-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,.17fr);gap:clamp(22px,2.6vw,48px);align-items:center}
.specialist-showcase .specialist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.15vw,20px)}
.specialist-showcase .specialist-grid article{position:relative;isolation:isolate;display:grid;grid-template-columns:43% 1fr;min-width:0;height:clamp(155px,11.2vw,195px);padding:0;border:1px solid rgba(204,168,114,.43);background-color:#1b1713;background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden;box-shadow:0 13px 28px rgba(0,0,0,.28);transition:transform .3s ease,border-color .3s ease}
.specialist-showcase .specialist-grid article:nth-child(1){background-image:url('./assets/specialist-psychologist-v2.png')}
.specialist-showcase .specialist-grid article:nth-child(2){background-image:url('./assets/specialist-body-therapist-v3.png')}
.specialist-showcase .specialist-grid article:nth-child(3){background-image:url('./assets/specialist-spa-master-v2.png')}
.specialist-showcase .specialist-grid article::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,transparent 47%,rgba(22,17,13,.13) 60%,rgba(15,12,10,.66) 100%)}
.specialist-showcase .specialist-grid article:hover{transform:translateY(-4px);border-color:#e0bc86}
.specialist-showcase .person{position:relative;z-index:1;height:auto;min-height:0;background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(.92) saturate(.88);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 58%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.58) 84%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 58%,rgba(0,0,0,.92) 70%,rgba(0,0,0,.58) 84%,transparent 100%)}
.specialist-showcase .person-1{background-image:url('./assets/specialist-psychologist-v2.png');background-position:center}
.specialist-showcase .person-2{background-image:url('./assets/specialist-body-therapist-v3.png');background-position:center}
.specialist-showcase .person-3{background-image:url('./assets/specialist-spa-master-v2.png');background-position:center}
.specialist-card-copy{position:relative;z-index:2;display:flex;min-width:0;margin-left:-27%;padding:clamp(12px,1vw,18px) clamp(11px,.95vw,17px) clamp(12px,1vw,18px) clamp(34px,2.2vw,42px);flex-direction:column;justify-content:center}
.specialist-card-copy::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(18,15,12,.18) 36%,rgba(14,12,10,.62) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 14%,rgba(0,0,0,.58) 34%,#000 58%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 14%,rgba(0,0,0,.58) 34%,#000 58%)}
.specialist-showcase .specialist-grid h3{margin:0 0 6px;color:#fff8ee;font-size:clamp(13px,1vw,18px);line-height:1.08;text-shadow:0 1px 8px #000}
.specialist-showcase .specialist-grid p{margin:0;color:#eadbc8;font-size:clamp(9px,.65vw,12px);line-height:1.38}
.specialist-more{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(9px,.8vw,14px);color:#fff3df;text-decoration:none;font-size:clamp(9px,.65vw,12px);font-weight:600}.specialist-more span{font-size:1.25em;color:#e0ba84;transition:transform .25s ease}.specialist-more:hover span{transform:translateX(4px)}
.specialist-note{margin:0!important;max-width:230px;color:#f2ddbf!important;font:italic clamp(14px,1.1vw,20px)/1.46 var(--serif)!important;text-shadow:0 1px 12px rgba(0,0,0,.85)}
.specialist-note::after{content:"";display:block;width:42px;border-bottom:2px solid #cda56e;margin-top:18px}
@media(max-width:980px){.specialist-layout{grid-template-columns:1fr}.specialist-showcase .specialist-grid{grid-template-columns:1fr 1fr}.specialist-note{max-width:420px}}
@media(max-width:580px){.specialist-showcase{padding-inline:7%}.specialist-showcase .specialist-grid{grid-template-columns:1fr}.specialist-showcase .specialist-grid article{height:175px;grid-template-columns:43% 1fr}.specialist-showcase .person{background-position:left center}.specialist-note{font-size:17px!important;padding-top:4px}}

/* Индивидуальный формат: трёхчастная композиция по референсу. */
.format-showcase{display:grid;grid-template-columns:36% 31% 33%;min-height:clamp(210px,15vw,270px);padding:0;border-top:1px solid rgba(207,174,123,.43);border-bottom:1px solid rgba(207,174,123,.43);background:#181512;overflow:hidden}
.format-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,2.2vw,40px) 7% clamp(20px,2vw,36px) 14%;background:linear-gradient(90deg,rgba(20,18,15,.99),rgba(28,24,20,.93) 76%,rgba(27,22,18,.72))}
.format-copy h2{margin:0 0 11px;color:#fff8ed;font-size:clamp(28px,2.7vw,48px);line-height:.98;text-shadow:0 2px 16px rgba(0,0,0,.75)}
.format-copy p{max-width:520px;margin:0 0 15px;color:#eee3d4;font-size:clamp(9px,.72vw,13px);line-height:1.45}
.format-copy .button{align-self:flex-start;min-width:210px;padding:14px 28px;font-size:clamp(11px,.85vw,14px);text-transform:none}
.format-image{position:relative;background-image:url('./assets/individual-format-pool.png');background-size:cover;background-position:center}
.format-image::before,.format-image::after{content:"";position:absolute;inset-block:0;width:22%;pointer-events:none}.format-image::before{left:0;background:linear-gradient(90deg,#1b1713,transparent)}.format-image::after{right:0;background:linear-gradient(270deg,#1a1612,transparent)}
.format-steps{display:flex;flex-direction:column;justify-content:center;gap:clamp(13px,1.15vw,20px);margin:0;padding:clamp(22px,2.2vw,40px) 9%;list-style:none;background:radial-gradient(circle at 20% 50%,#2c251e,#181512 72%)}
.format-steps li{display:flex;align-items:center;gap:14px;color:#f2e8dc;font-size:clamp(10px,.75vw,13px);line-height:1.25}
.format-steps span{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border:1px solid #d5a968;border-radius:50%;color:#e7bc7c;font:13px var(--serif);box-shadow:0 0 14px rgba(202,156,93,.08)}

/* Особый формат 18+: панорамная композиция с текстовыми зонами по краям. */
.special.special-showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(185px,.24fr);align-items:center;min-height:clamp(235px,17.5vw,315px);padding:clamp(22px,2vw,36px) 5.3%;overflow:hidden;border-bottom:1px solid rgba(207,174,123,.38);background-color:#19130f;background-image:url('./assets/adults-discretion-key-mask.png');background-repeat:no-repeat;background-size:94% auto;background-position:64% 67%}
.special.special-showcase::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,13,11,.96) 0%,rgba(17,14,12,.87) 20%,rgba(18,14,12,.2) 47%,rgba(15,12,10,.1) 66%,rgba(14,12,10,.88) 86%,rgba(14,12,10,.97) 100%)}
.special.special-showcase>.special-left{align-self:stretch;display:flex;max-width:610px;flex-direction:column;justify-content:center;margin:0}
.special-heading{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(18px,2vw,35px)}
.special-showcase .age{grid-row:auto;color:#e6b678;font-size:clamp(62px,6vw,108px);line-height:.88;text-shadow:0 2px 18px rgba(0,0,0,.72)}
.special-showcase h2{margin:0;color:#fff7eb;font-size:clamp(24px,2.35vw,42px);line-height:1.02;text-shadow:0 2px 17px rgba(0,0,0,.82)}
.special-left>p{max-width:640px;margin:16px 0 0;color:#fff4e4;font-size:clamp(12px,1vw,17px);font-weight:500;line-height:1.52;text-shadow:0 2px 14px rgba(0,0,0,.96)}
.special.special-showcase>.special-right{justify-self:end;display:flex;min-width:220px;max-width:none;flex-direction:column;align-items:flex-start;gap:30px}
.special-right p{margin:0;color:#ecdcbf;font:clamp(16px,1.4vw,20px)/1.08 "Marck Script",cursive;text-shadow:0 2px 14px #000}
.special-right .button{min-width:190px;padding:13px 20px;text-transform:none;font-size:12px}
@media(max-width:780px){
  .format-showcase{grid-template-columns:1fr;min-height:0}.format-copy{padding:32px 7%}.format-copy h2{font-size:34px}.format-copy p{font-size:11px}.format-image{height:240px}.format-steps{padding:28px 7%}
  .special.special-showcase{grid-template-columns:1fr;min-height:470px;padding:34px 7%;background-position:61% center}.special.special-showcase::before{background:linear-gradient(180deg,rgba(13,11,9,.9),rgba(14,11,9,.36) 48%,rgba(13,11,9,.93))}.special-heading{gap:16px}.special-showcase .age{font-size:66px}.special-showcase h2{font-size:28px}.special.special-showcase>.special-left{justify-content:flex-start;margin:0}.special-left>p{font-size:13px}.special.special-showcase>.special-right{align-self:end;justify-self:stretch;gap:20px}.special-right p{font-size:20px}.special-right .button{align-self:flex-start}
}

/* Общая композиция: секции лежат отдельными окнами на большой плите тёмного мрамора. */
:root{--page-frame:clamp(14px,2.1vw,34px);--panel-gap:clamp(11px,1.15vw,18px);--marble-edge:rgba(218,186,139,.24)}
body{
  background-color:#171411;
  background-image:
    radial-gradient(ellipse at 14% 8%,rgba(112,91,68,.2),transparent 31%),
    radial-gradient(ellipse at 84% 42%,rgba(94,76,57,.16),transparent 35%),
    linear-gradient(117deg,transparent 0 21%,rgba(218,196,163,.055) 21.2%,transparent 21.55% 47%,rgba(202,176,139,.045) 47.2%,transparent 47.55% 74%,rgba(231,210,179,.04) 74.2%,transparent 74.5%),
    linear-gradient(63deg,transparent 0 33%,rgba(221,200,169,.035) 33.15%,transparent 33.45% 68%,rgba(190,162,126,.04) 68.15%,transparent 68.5%),
    repeating-linear-gradient(104deg,rgba(255,255,255,.012) 0 1px,transparent 1px 38px),
    linear-gradient(135deg,#211c17,#100e0c 48%,#241e18);
  background-attachment:fixed;
}
main{display:flex;flex-direction:column;gap:var(--panel-gap);padding:var(--page-frame)}
main>section{
  flex:none;
  border:1px solid var(--marble-edge);
  border-radius:3px;
  box-shadow:0 13px 34px rgba(0,0,0,.42),0 2px 7px rgba(0,0,0,.5),inset 0 1px rgba(255,244,224,.035);
}
.topbar{top:var(--page-frame);left:var(--page-frame);width:calc(100% - (var(--page-frame) * 2));border:1px solid rgba(221,190,143,.19);border-bottom-color:rgba(225,211,188,.25);border-radius:3px 3px 0 0}
footer{margin:0 var(--page-frame) var(--page-frame);border:1px solid rgba(218,186,139,.18);border-radius:3px;box-shadow:0 12px 30px rgba(0,0,0,.38)}
@media(max-width:780px){
  :root{--page-frame:8px;--panel-gap:9px}
  main>section{border-radius:2px;box-shadow:0 7px 19px rgba(0,0,0,.42)}
  .topbar{border-radius:2px 2px 0 0}
  footer{margin-bottom:8px}
}

/* Настоящая мраморная столешница и свободная раскладка внутренних карточек. */
body{
  background-color:#17120e;
  background-image:linear-gradient(rgba(16,12,9,.16),rgba(16,12,9,.28)),url('./assets/dark-luxury-marble.png');
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
main>.needs,
main>.directions,
main>.programs,
main>.privacy,
main>.specialist-showcase,
main>.how{
  overflow:visible;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
main>.needs,
main>.directions,
main>.programs,
main>.specialist-showcase,
main>.how{padding-top:clamp(25px,2.4vw,42px);padding-bottom:clamp(27px,2.7vw,46px)}
.needs h2,.directions h2,.programs h2,.specialist-showcase>.eyebrow,.how h2,.privacy h2{color:#fff8ed;text-shadow:0 2px 12px rgba(0,0,0,.94),0 0 26px rgba(0,0,0,.52)}
.needs>.eyebrow,.programs>.eyebrow,.how>.eyebrow{color:#e4bd82;text-shadow:0 1px 8px #000}
.needs>.section-subtitle,.programs>.section-subtitle{color:#f2e7d8;text-shadow:0 1px 9px #000}
.need-card,.program-card,.direction-grid span,.specialist-showcase .specialist-grid article{
  box-shadow:0 15px 30px rgba(0,0,0,.52),0 3px 8px rgba(0,0,0,.54),0 0 0 1px rgba(227,193,143,.08);
}
.direction-grid i{color:#fff2de;text-shadow:0 2px 10px #000}

/* В блоке приватности фотография — отдельный предмет, остальной контент лежит прямо на камне. */
main>.privacy{padding-top:clamp(24px,2.3vw,40px);padding-bottom:clamp(24px,2.3vw,40px)}
.privacy::before{display:none}
.privacy-visual{align-self:center;height:clamp(155px,13vw,225px);border:1px solid rgba(220,185,133,.38);background:#17120e;box-shadow:0 18px 36px rgba(0,0,0,.58),0 3px 9px rgba(0,0,0,.62)}
.privacy-copy,.privacy ul,.privacy-tag{position:relative;z-index:1}
.privacy .eyebrow{color:#e7bd80}.privacy p,.privacy ul{color:#fff7eb}.privacy-tag{color:#f1c98f}

/* Карточки специалистов сохраняют собственные рамки, а заголовки остаются на мраморе. */
.specialist-showcase>.eyebrow{font-size:clamp(10px,.72vw,12px)}
.specialist-note{color:#ffe6c2!important}
@media(max-width:780px){
  body{background-size:auto 100vh;background-repeat:repeat-y;background-position:center top}
  main>.needs,main>.directions,main>.programs,main>.privacy,main>.specialist-showcase,main>.how{padding-inline:5%}
  .privacy-visual{height:250px;margin:0}
}