/* Копия общих стилей lumiya.ru (css/style.css) от 08.10.2026 — только для страниц студии /atelier/.
   Сайт мастера пользуется своими файлами; эту копию правки главной не затрагивают. */
/* ════════════════════════════════════════
   LUMIYA.INK — стили
   Палитра брендбука: менять только здесь
   ════════════════════════════════════════ */
:root{
  --paper:    #F7F5F0;   /* Paper White     */
  --milk:     #EFECE5;   /* Soft Milk       */
  --offwhite: #FAF8F3;   /* Warm Off-White  */
  --graphite: #2B2A28;   /* Soft Graphite   */
  --deep:     #4A4742;   /* Deep Grey       */
  --taupe:    #A59E94;   /* Taupe Grey      */
  --stone:    #D8D3CA;   /* Light Stone     */
  --wine:     #6E3D3D;   /* Dusty Wine — редкий акцент */

  --font-display:'Cormorant Garamond','Forum',Georgia,serif;
  --font-body:'Manrope','Inter',-apple-system,'Segoe UI',sans-serif;

  --w-content:1120px;
  --pad-x:clamp(24px, 6vw, 72px);
  --header-h:66px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0 }

html{ scroll-behavior:smooth; scroll-padding-top:var(--header-h); overflow-anchor:none }

body{
  font-family:var(--font-body);
  font-weight:300;
  font-size:16px;
  line-height:1.85;
  color:var(--deep);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* «перелистывание»: мягкий snap на desktop, естественный скролл на телефоне */
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  html{ scroll-snap-type:y proximity }
  .page{ scroll-snap-align:start }
}

img,svg{ display:block; max-width:100% }
a{ color:inherit; text-decoration:none }
ul,ol{ list-style:none }
::selection{ background:var(--stone); color:var(--graphite) }

.visually-hidden{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }
.skip-link{ position:absolute; left:-999px; top:8px; z-index:100; background:var(--graphite); color:var(--paper); padding:10px 18px; font-size:13px }
.skip-link:focus{ left:8px }
:focus-visible{ outline:1px solid var(--deep); outline-offset:4px }

/* ─────────── типографика ─────────── */
h1,h2,h3{
  font-family:var(--font-display);
  font-weight:300;
  color:var(--graphite);
  line-height:1.12;
  text-wrap:balance;
}

.eyebrow{
  font-size:10.5px; font-weight:500;
  letter-spacing:.4em; text-transform:uppercase;
  color:var(--taupe);
  margin-bottom:clamp(22px, 3vw, 32px);
}

.h-section{
  font-size:clamp(38px, 6.4vw, 68px);
  letter-spacing:-.01em;
  margin-bottom:clamp(28px, 4.4vw, 52px);
  max-width:15em;
}
.h-section em{ font-style:italic }

.lead{
  font-size:clamp(16px, 1.9vw, 17.5px);
  line-height:1.95;
  max-width:31em;
}
.lead p + p{ margin-top:1.2em }

.muted{ color:var(--taupe) }
.small{ font-size:13px; line-height:1.75 }
.wine{ color:var(--wine) }

/* тонкая линия — «дорисовывается» при появлении секции */
.rule{
  height:1px; background:var(--stone); border:0;
  transform:scaleX(0); transform-origin:left center;
  transition:transform 1.6s var(--ease) .2s;
}
.in .rule{ transform:scaleX(1) }

/* ─────────── фото ─────────── */
.ph{
  overflow:hidden;
  border:1px solid var(--stone);
  border-radius:2px;
  background:var(--milk);
}
.ph img, .ph video{
  display:block;
  width:100%; height:100%;
  object-fit:cover;          /* заполняет рамку без искажения пропорций */
  object-position:center;
  pointer-events:none;       /* фото/видео — часть дизайна, не отдельный объект */
  user-select:none;
  -webkit-user-select:none;
  -webkit-user-drag:none;
  -webkit-touch-callout:none; /* без меню «Сохранить изображение» на iOS */
}

/* ─────────── layout ─────────── */
.wrap{ max-width:var(--w-content); margin-inline:auto; padding-inline:var(--pad-x) }

.page{
  min-height:92vh; min-height:92svh;
  display:flex; align-items:center;
  padding-block:clamp(110px, 17vh, 190px);
}
.page > .wrap{ width:100% }

.bg-paper{ background:var(--paper) }
.bg-off{ background:var(--offwhite) }
.bg-milk{ background:var(--milk) }

/* ─────────── появление блоков ─────────── */
[data-reveal]{
  opacity:0; transform:translateY(18px);
  transition:opacity 1.1s var(--ease), transform 1.1s var(--ease);
}
[data-reveal].in{ opacity:1; transform:none }
.d1[data-reveal]{ transition-delay:.14s }
.d2[data-reveal]{ transition-delay:.28s }
.d3[data-reveal]{ transition-delay:.42s }

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto }
  [data-reveal]{ opacity:1; transform:none; transition:none }
  .rule{ transform:none; transition:none }
}

/* ─────────── шапка ─────────── */
.site-header{
  position:sticky; top:0; inset-inline:0; z-index:50;
  height:var(--header-h);
  display:flex; align-items:center;
  background:rgba(247,245,240,.85);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  border-bottom:1px solid transparent;
  transition:border-color .6s;
}
.site-header.scrolled{ border-bottom-color:var(--stone) }

.header-inner{
  width:100%; max-width:var(--w-content);
  margin-inline:auto; padding-inline:var(--pad-x);
  display:flex; align-items:center; justify-content:space-between;
}
.header-mark img{ height:28px; width:auto }

.header-nav{ display:flex; align-items:center; gap:clamp(18px,3vw,38px) }
.header-nav a{
  font-size:11.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--deep); transition:color .3s;
}
.header-nav a:hover{ color:var(--graphite) }
.nav-links{ display:none; gap:clamp(18px,2.6vw,34px) }
@media (min-width:900px){ .nav-links{ display:flex } }

.header-cta{ display:flex; align-items:center; gap:10px }
.header-vk{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:999px;
  border:1px solid var(--stone); color:var(--deep);
  transition:border-color .35s, color .35s, background-color .35s;
  flex:none;
}
.header-vk:hover{ border-color:var(--taupe); background:var(--stone); color:var(--graphite) }
.header-vk .vk-glyph{ font-size:11px }

.btn-header{
  border:1px solid var(--graphite);
  padding:9px 22px; border-radius:2px;
  text-indent:.16em;
  transition:background .35s, color .35s;
}
.btn-header:hover{ background:var(--graphite); color:var(--paper) }

.progress{
  position:absolute; left:0; bottom:-1px;
  height:1px; width:0; background:var(--taupe);
}

/* ─────────── точки-навигация (desktop) ─────────── */
.dot-nav{
  position:fixed; right:26px; top:50%; transform:translateY(-50%);
  z-index:40; display:none; flex-direction:column; gap:18px;
}
@media (min-width:1180px){ .dot-nav{ display:flex } }
.dot-nav a{
  width:4px; height:4px; border-radius:50%;
  background:var(--stone);
  transition:background .4s, transform .4s;
}
.dot-nav a.active{ background:var(--deep); transform:scale(1.6) }

/* ─────────── кнопки ─────────── */
.btn{
  display:inline-block;
  font-size:12.5px; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase;
  padding:17px 38px; border-radius:2px;
  border:1px solid var(--graphite);
  text-align:center; text-indent:.2em;
  transition:background .4s, color .4s, border-color .4s;
}
.btn-solid{ background:var(--graphite); color:var(--paper) }
.btn-solid:hover{ background:var(--deep); border-color:var(--deep) }

.btn-wine-solid{ background:var(--wine); color:var(--paper); border-color:var(--wine) }
.btn-wine-solid:hover{ background:#5c3232; border-color:#5c3232 }

.btn-outline-graphite{
  background:none; color:var(--graphite);
}
.btn-outline-graphite:hover{ background:var(--graphite); color:var(--paper) }

.btn-pill-wine{
  border-radius:999px;
  background:var(--wine); border-color:var(--wine);
  color:var(--paper);
}
.btn-pill-wine:hover{ background:#5c3232; border-color:#5c3232 }

.link-quiet{
  font-size:12.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--deep);
  border-bottom:1px solid var(--stone);
  padding-bottom:5px;
  transition:border-color .35s, color .35s;
  background:none; border-top:0; border-left:0; border-right:0; cursor:pointer;
  font-family:var(--font-body);
}
.link-quiet:hover{ color:var(--graphite); border-color:var(--taupe) }

/* ════════════ 1. HERO ════════════ */
.hero{ min-height:100vh; min-height:100svh; text-align:center }
.hero .wrap{
  display:flex; flex-direction:column; align-items:center;
  gap:clamp(24px, 4vh, 40px);
}
.hero-logo img{ width:clamp(240px, 52vw, 440px); height:auto; margin-inline:auto }

.hero-tag{
  font-size:11.5px; letter-spacing:.42em; text-transform:uppercase;
  color:var(--taupe);
}
.hero-tag span{ padding-inline:.55em }

.hero-sub{
  font-family:var(--font-display);
  font-size:clamp(22px, 3.4vw, 32px);
  font-weight:300; font-style:italic;
  color:var(--graphite);
  max-width:20em;
}

.hero-line{ max-width:30em; font-size:15px; color:var(--deep) }

.hero-actions{
  display:flex; flex-direction:column; align-items:center;
  gap:16px; margin-top:2px;
}
@media (min-width:480px){ .hero-actions{ flex-direction:row; gap:16px } }
.hero-quiet-link{ display:inline-block; margin-top:18px }

.hero-photo img{ object-position:50% 30% }
.hero-photo{
  width:min(680px, 100%);
  aspect-ratio:4/3;
  margin-top:clamp(8px, 2.6vh, 22px);
}
@media (max-width:700px){
  .hero{ min-height:auto; padding-bottom:36px }
  .hero-photo{ aspect-ratio:1/1 }
  .page{ min-height:auto; padding-block:76px 64px }   /* без пустых хвостов между блоками */
}

/* ════════════ 2. О МАСТЕРЕ ════════════ */
.about-grid{ display:grid; gap:clamp(44px, 7vw, 96px) }
@media (min-width:900px){
  .about-grid{ grid-template-columns:5fr 6fr; align-items:center }
}
.about-photo{ aspect-ratio:4/5; max-width:400px; border-radius:2px }
.about-photo img{ object-position:50% 16% }
.about-photo-wrap{ max-width:400px }
.about-photo-cap{                    /* подпись сразу под фото, у правого края рамки */
  margin-top:12px;
  max-width:400px;
  text-align:right;
  font-family:var(--font-display); font-style:italic;
  font-size:15px; color:var(--wine); letter-spacing:.03em;
}

.signature-line{
  margin-top:clamp(30px, 4vw, 44px);
  display:flex; align-items:center; gap:20px;
}
.signature-line img{ height:24px; width:auto; opacity:.8 }

/* ════════════ 3. НАПРАВЛЕНИЯ ════════════ */
.styles-list{ border-top:1px solid var(--stone); max-width:900px }
.style-row{
  display:grid; gap:4px 32px;
  padding-block:clamp(24px, 3.6vw, 36px);
  border-bottom:1px solid var(--stone);
}
@media (min-width:760px){
  .style-row{ grid-template-columns:minmax(220px,5fr) 7fr; align-items:baseline }
}
.style-name{
  font-family:var(--font-display);
  font-size:clamp(26px, 4vw, 38px);
  font-weight:300; color:var(--graphite);
}
.style-desc{ font-size:14px; color:var(--taupe); max-width:32em; transition:color .4s }
.style-row:hover .style-desc{ color:var(--deep) }

.styles-note{
  margin-top:clamp(22px, 3vw, 30px);
  font-size:14.5px; font-style:italic;
  color:var(--deep); max-width:32em;
}

/* ════════════ 4. ЧТОБЫ БЫЛО СПОКОЙНО ════════════ */
.calm-grid{ display:grid; gap:clamp(40px, 6vw, 88px) }
@media (min-width:900px){
  .calm-grid.has-photo{ grid-template-columns:7fr 5fr; align-items:center }
}

.calm-list{ border-top:1px solid var(--stone); max-width:560px }
.calm-list li{
  position:relative;
  font-size:15px;
  padding:clamp(14px, 2vw, 18px) 0 clamp(14px, 2vw, 18px) 34px;
  border-bottom:1px solid var(--stone);
}
.calm-list li::before{           /* тонкое тире вместо иконки */
  content:""; position:absolute; left:0;
  top:calc(clamp(14px, 2vw, 18px) + .87em - .5px);
  width:18px; height:1px; background:var(--taupe);
}
.calm-note{ margin-top:clamp(22px, 3vw, 30px); color:var(--deep); max-width:30em }

.calm-photo{ aspect-ratio:9/16; max-width:340px; position:relative }
.calm-video-wrap{ max-width:340px }
@media (min-width:900px){ .calm-video-wrap{ position:sticky; top:120px } }

/* ════════════ 5. МОДЕЛЬНЫЕ РАБОТЫ ════════════ */
.model-grid{ display:grid; gap:clamp(40px, 6vw, 88px) }
@media (min-width:900px){
  .model-grid.has-photo{ grid-template-columns:6fr 5fr; align-items:start }
  .model-media{ position:sticky; top:120px }
}
.model-media{ max-width:440px }
.model-carousel{ margin-top:0 }

.model-cap{
  margin-top:16px;
  font-family:var(--font-display); font-style:italic;
  font-size:14px; line-height:1.65;
  color:var(--deep);
}
.model-actions{
  display:flex; flex-direction:column; align-items:stretch;
  gap:14px; margin-top:clamp(28px, 4vw, 40px);
  width:100%; max-width:440px;
}
.model-actions-primary{ display:flex; flex-direction:column; gap:12px }
.model-cta{ text-align:center }
.model-actions-secondary{
  display:grid; grid-template-columns:1fr 1fr; gap:12px;
}
.model-actions-secondary .btn-outline{ min-width:0 }
@media (max-width:520px){
  .model-actions{ width:88%; max-width:520px; margin-left:auto; margin-right:auto }
}

/* вторичные outline-кнопки — деликатные, винный акцент */
.btn-outline{
  display:inline-flex; align-items:center; justify-content:center;
  box-sizing:border-box;
  width:100%; height:52px;
  padding:0 20px;
  margin:0;
  font-family:var(--font-body);
  font-size:12px; font-weight:500; line-height:1;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--wine);
  background:rgba(239,236,229,.45);
  border:1px solid var(--wine); border-radius:999px;
  cursor:pointer; text-align:center; text-indent:.16em;
  transition:background .3s, border-color .3s, color .3s;
  -webkit-appearance:none; appearance:none;
}
.btn-outline:hover{
  border-color:var(--wine);
  color:var(--wine);
  background:rgba(110,61,61,.06);
}
.btn-outline-fill{
  background:var(--wine); color:var(--paper);
}
.btn-outline-fill:hover{
  background:#5c3232; border-color:#5c3232; color:var(--paper);
}
.btn-outline:active{
  background:rgba(110,61,61,.10);
}

/* ════════════ 6. СТОИМОСТЬ ════════════ */
.price-single{
  margin-top:clamp(34px, 5vw, 52px);
  max-width:760px;
}
.price-cols{
  display:grid; gap:clamp(44px, 6vw, 72px);
  margin-top:clamp(34px, 5vw, 52px);
}
@media (min-width:860px){ .price-cols{ grid-template-columns:1fr 1fr; gap:clamp(56px,7vw,96px) } }

.price-label{
  font-size:10.5px; font-weight:500;
  letter-spacing:.34em; text-transform:uppercase;
  color:var(--taupe);
  margin-bottom:14px;
}
.price-table{ border-top:1px solid var(--stone) }
.price-row{
  display:flex; align-items:baseline; justify-content:space-between; gap:24px;
  padding-block:clamp(20px, 2.8vw, 28px);
  border-bottom:1px solid var(--stone);
}
/* строки с описанием — вертикальная раскладка */
.price-single .price-row{
  display:block;
}
.price-row-head{
  display:flex; align-items:baseline; justify-content:space-between; gap:24px;
}
.price-desc{
  margin-top:10px;
  font-size:14px; line-height:1.65;
  color:var(--deep);
  max-width:52em;
}
.price-row-accent .price-name{ color:var(--wine) }

.model-discount-bar{
  margin-top:clamp(30px, 4.4vw, 42px);
  max-width:760px;
  background:var(--milk);
  border:1px solid var(--stone);
  border-radius:2px;
  padding:clamp(22px, 3.4vw, 30px);
  display:flex; flex-direction:column; align-items:flex-start; gap:18px;
}
.model-discount-text{
  font-size:15px; line-height:1.65; color:var(--deep);
  max-width:44em;
}
.model-discount-text strong{ color:var(--wine); font-weight:500 }
@media (min-width:700px){
  .model-discount-bar{ flex-direction:row; align-items:center; justify-content:space-between; gap:28px }
  .model-discount-btn{ flex:none }
}
.price-name{
  font-family:var(--font-display);
  font-size:clamp(19px, 2.6vw, 25px); font-weight:300;
  color:var(--graphite);
}
.price-value{
  font-size:13px; font-weight:400; letter-spacing:.06em;
  color:var(--deep); white-space:nowrap;
}
.price-combo{ margin-top:clamp(34px, 5vw, 48px); max-width:760px }
.price-combo-note{ margin-top:14px; max-width:40em }
.price-included{
  margin-top:clamp(34px, 5vw, 48px);
  max-width:44em;
  font-size:14.5px;
}
.price-included strong{ font-weight:500; color:var(--graphite) }
.price-note{ margin-top:14px; max-width:40em }

/* ════════════ 7. РАБОТЫ — карусель ════════════ */
.works-carousel{
  max-width:480px;
  margin-top:clamp(34px, 5vw, 56px);
}
.works-strip{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;   /* убирает "резиновый" отскок на краях — он конфликтовал с JS-коррекцией зацикливания */
  scrollbar-width:none;
  border-radius:2px;
}
.works-strip::-webkit-scrollbar{ display:none }
.works-strip .ph{
  flex:0 0 100%;
  aspect-ratio:980/1232;
  scroll-snap-align:center;
}
.works-nav{
  display:flex; gap:28px;
  margin-top:0;
}
.works-arrow{
  background:none; border:0; cursor:pointer;
  padding:6px 4px;
  font-size:20px; line-height:1;
  color:var(--wine);
  transition:opacity .3s;
}
.works-arrow:hover{ opacity:.55 }
.works-caption{ margin-top:clamp(18px, 2.6vw, 26px); max-width:40em }

/* ════════════ 8. FAQ ════════════ */
.faq{ margin-top:clamp(30px, 4.4vw, 48px); border-top:1px solid var(--stone); max-width:820px }
.faq-item{ border-bottom:1px solid var(--stone) }
.faq-q{
  width:100%; background:none; border:0; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:22px;
  padding-block:clamp(20px, 3vw, 28px);
  text-align:left;
  font-family:var(--font-display);
  font-size:clamp(19px, 2.7vw, 24px); font-weight:400;
  color:var(--graphite);
}
.faq-icon{ position:relative; flex:0 0 14px; height:14px }
.faq-icon::before,.faq-icon::after{
  content:""; position:absolute; background:var(--taupe);
  top:50%; left:0; width:14px; height:1px;
  transition:transform .5s var(--ease);
}
.faq-icon::after{ transform:rotate(90deg) }
.faq-item.open .faq-icon::after{ transform:rotate(0) }

.faq-a{ overflow:hidden; max-height:0; transition:max-height .55s var(--ease) }
.faq-a p{
  font-size:14px; max-width:36em; color:var(--deep);
  padding-bottom:clamp(20px, 3vw, 28px);
}

/* ════════════ 9. ЗАПИСЬ ════════════ */
.contact{ text-align:center }
.contact .wrap{ display:flex; flex-direction:column; align-items:center }
.contact .h-section{ max-width:13em; margin-inline:auto }
.contact .lead{ margin-inline:auto }

.contact-mark{ height:22px; width:auto; opacity:.75; margin-bottom:16px }
.checklist-label{
  font-size:10.5px; font-weight:500;
  letter-spacing:.34em; text-transform:uppercase;
  color:var(--taupe);
  margin-bottom:16px;
}

.checklist{
  width:100%; max-width:540px;
  margin-top:clamp(24px, 3.6vw, 36px);
  border-top:1px solid var(--stone);
  counter-reset:item;
  text-align:left;
}
.checklist li{
  counter-increment:item;
  display:flex; align-items:baseline; gap:20px;
  padding-block:clamp(13px, 2vw, 17px);
  border-bottom:1px solid var(--stone);
  font-size:14.5px;
}
.checklist li::before{
  content:counter(item);
  font-family:var(--font-display); font-style:italic;
  font-size:21px; color:var(--taupe);
  min-width:1em; text-align:center;
}

.contact-actions{
  display:flex; flex-direction:column; align-items:center;
  gap:16px; margin-top:clamp(28px, 4.4vw, 44px);
}
@media (min-width:480px){ .contact-actions{ flex-direction:row; gap:16px } }
.copy-template-link{ margin-top:18px }

.prepay{
  margin-top:clamp(26px, 4vw, 36px);
  max-width:36em;
  font-style:italic;
  color:var(--deep);
}
.social-label{ margin-top:clamp(30px, 4.4vw, 40px) }
.social-row{
  display:flex; align-items:center; justify-content:center;
  gap:14px; margin-top:12px;
}
.footer-social{ margin-top:2px }
.social-badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:999px;
  border:1px solid var(--stone);
  color:var(--deep);
  transition:border-color .35s var(--ease), color .35s var(--ease), background-color .35s var(--ease);
}
.social-badge:hover{ border-color:var(--taupe); background:var(--stone); color:var(--graphite) }
.social-badge svg{
  width:17px; height:17px;
  fill:none; stroke:currentColor;
  stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round;
}
.vk-glyph{
  font-family:var(--font-body); font-weight:500;
  font-size:12px; letter-spacing:.02em;
}
.contact-place{ margin-top:14px }

/* ─────────── футер ─────────── */
.site-footer{ padding-block:52px; border-top:1px solid var(--stone); background:var(--paper) }
.footer-inner{ display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center }
.footer-inner img{ height:32px; width:auto; opacity:.85 }
.footer-sign{ font-size:11.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--taupe) }
.footer-sign-place::before{ content:" · " }
@media (max-width:599px){
  .footer-sign-place{ display:block; margin-top:6px }
  .footer-sign-place::before{ content:"" }
}
.footer-fine{ font-size:11px; color:var(--taupe) }
.footer-copy{ font-size:10px; color:var(--taupe); margin-top:8px; opacity:.75 }

/* ════════════ ПОЯСНЕНИЕ + КНОПКА «УСЛОВИЯ» + МОДАЛКА ════════════ */
.model-price-note{
  margin-top:26px;
  font-size:13.5px; line-height:1.7;
  color:var(--deep);
  max-width:34em;
}
.model-price-more-btn{
  display:inline-flex; align-items:center; gap:10px;
  margin-top:16px;
  padding:14px 24px;
  border:1px solid var(--taupe);
  border-radius:999px;
  background:rgba(239,236,229,.55);
  color:var(--graphite);
  font-family:var(--font-body);
  font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  cursor:pointer;
  transition:background .35s, border-color .35s;
}
.model-price-more-btn span{
  font-size:14px;
  transition:transform .35s var(--ease);
}
.model-price-more-btn:hover{
  background:var(--stone);
  border-color:var(--taupe);
}
.model-price-more-btn:hover span{ transform:translateX(3px) }
@media (max-width:600px){
  .model-price-more-btn{ display:flex; width:100%; justify-content:center }
}

.modal{
  position:fixed; inset:0; z-index:200;
  display:flex; align-items:center; justify-content:center;
  padding:clamp(16px, 4vw, 40px);
}
.modal[hidden]{ display:none }

.modal-overlay{
  position:absolute; inset:0;
  background:rgba(43,42,40,.42);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
  opacity:0; transition:opacity .4s var(--ease);
}
.modal.open .modal-overlay{ opacity:1 }

.modal-card{
  position:relative;
  width:min(560px, 100%);
  max-height:90vh; max-height:90svh;
  overflow-y:auto;
  background:var(--offwhite);
  border:1px solid var(--stone); border-radius:3px;
  padding:clamp(28px, 5vw, 48px);
  box-shadow:0 30px 80px rgba(43,42,40,.18);
  transform:translateY(16px); opacity:0;
  transition:transform .45s var(--ease), opacity .45s var(--ease);
}
.modal.open .modal-card{ transform:none; opacity:1 }

.modal-close{
  position:absolute; top:14px; right:18px;
  background:none; border:0; cursor:pointer;
  font-size:26px; line-height:1;
  color:var(--taupe);
  transition:color .3s;
}
.modal-close:hover{ color:var(--graphite) }

.modal-title{
  font-size:clamp(26px, 4.6vw, 38px);
  font-weight:300; margin-bottom:4px;
}
.modal-title em{ font-style:italic }

.modal-lead{
  font-size:15px; line-height:1.85;
  max-width:44em; margin-bottom:24px;
}

.modal-list{ border-top:1px solid var(--stone) }
.modal-list li{
  font-size:14px; line-height:1.7;
  color:var(--deep);
  padding:16px 0;
  border-bottom:1px solid var(--stone);
}
.modal-list-h{
  display:block;
  font-family:var(--font-display);
  font-size:18px; font-style:italic;
  color:var(--graphite);
  margin-bottom:3px;
}

.modal-note{ margin-top:22px; max-width:42em }
.care-note{ font-style:italic }
.care-offer{
  margin-top:26px;
  padding:20px 22px 4px;
  background:var(--milk);
  border:1px solid var(--stone);
  border-radius:2px;
}
.care-offer-lead{ margin-top:0 }
.care-offer-row{
  font-size:14px; line-height:1.7;
  color:var(--deep);
  padding:16px 0;
  border-top:1px solid var(--stone);
}
.care-offer-accent{ color:var(--wine) }
.modal-actions{ margin-top:28px }
.modal-actions-primary{
  display:flex; flex-direction:column; gap:14px;
}
@media (min-width:600px){
  .modal-actions-primary{ flex-direction:row; gap:16px }
}
.modal-cta{ width:100% }
@media (min-width:600px){ .modal-cta{ width:auto } }
.modal-ok-row{ margin-top:14px }
.modal-ok{
  background:none; cursor:pointer;
  border:1px solid var(--stone); border-radius:999px;
  padding:14px 28px;
  font-family:var(--font-body);
  font-size:12px; letter-spacing:.18em; text-transform:uppercase; text-indent:.18em;
  color:var(--deep);
  transition:background .35s, border-color .35s;
  width:100%;
}
@media (min-width:600px){ .modal-ok{ width:auto } }
.modal-ok:hover{ background:var(--stone); border-color:var(--taupe) }

/* обёртка кнопки «Свободные эскизы» в блоке модельных работ */


/* ════════════ БЛОК ОТЗЫВА (в памятке по уходу) ════════════ */
.review-block{
  margin-top:clamp(30px, 4.4vw, 40px);
  padding:clamp(22px, 3.4vw, 28px);
  background:var(--milk);
  border:1px solid var(--stone);
  border-radius:2px;
  text-align:center;
}
.review-title{
  font-family:var(--font-display);
  font-size:clamp(22px, 3.2vw, 27px); font-weight:300;
  color:var(--graphite);
}
.review-sub{
  margin-top:6px;
  font-size:13px; color:var(--taupe);
}
.review-stars{
  display:flex; justify-content:center; gap:6px;
  margin-top:16px;
}
.review-star{
  background:none; border:0; cursor:pointer;
  padding:4px 3px;
  transition:transform .2s;
}
.review-star:hover{ transform:scale(1.14) }
.review-spark{
  width:26px; height:26px;
  fill:none; stroke:var(--stone); stroke-width:1.1; stroke-linejoin:round;
  transition:fill .2s, stroke .2s;
}
.review-star.on .review-spark{ fill:var(--wine); stroke:var(--wine) }

.review-step2{ margin-top:18px }
.review-text{
  width:100%;
  font-family:var(--font-body); font-size:14.5px; color:var(--graphite);
  background:var(--paper); border:1px solid var(--stone); border-radius:2px;
  padding:11px 13px; resize:vertical;
  transition:border-color .25s;
}
.review-text::placeholder{ color:var(--taupe) }
.review-text:focus{ outline:none; border-color:var(--taupe) }
.review-name{ margin-bottom:10px }
.review-send{ font-size:11.5px; padding:13px 24px; margin-top:12px }
.review-send:disabled{ opacity:.5; cursor:default }
.review-hint{
  margin-top:10px;
  font-size:11.5px; color:var(--taupe);
}
.review-hint[data-state="err"]{ color:var(--wine) }

/* ════════════ СТУДИЯ И КАРТА (блок «Запись») ════════════ */
.studio-block{
  width:100%; max-width:720px;
  margin-top:clamp(40px, 6vw, 60px);
  padding-top:clamp(32px, 5vw, 44px);
  border-top:1px solid var(--stone);
}
.studio-name{
  margin-top:10px;
  font-family:var(--font-display); font-weight:300;
  font-size:clamp(27px, 4vw, 34px); line-height:1.2;
  color:var(--graphite);
}
.studio-address{
  margin-top:10px;
  font-style:normal; font-size:15px; line-height:1.7;
  color:var(--deep);
}
.studio-address span{ font-size:14px; color:var(--taupe) }
.studio-map{
  margin-top:clamp(20px, 3vw, 26px);
  aspect-ratio:16/10;
  background:var(--milk);
  border:1px solid var(--stone); border-radius:2px;
  overflow:hidden;
}
@media (max-width:599px){ .studio-map{ aspect-ratio:4/3 } }
.studio-map iframe{
  position:absolute; inset:0;
  display:block; width:100%; height:100%; border:0;
  filter:saturate(.6);   /* приглушаем яркость карты под палитру сайта */
  opacity:0; transition:opacity .6s var(--ease);
}
.studio-map.is-ready iframe{ opacity:1 }
.studio-map-load[disabled]{ cursor:default }
.studio-map-load[disabled] .studio-map-pin{ animation:mapPulse 1.6s var(--ease) infinite }
@keyframes mapPulse{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-4px) } }
@media (prefers-reduced-motion:reduce){ .studio-map-load[disabled] .studio-map-pin{ animation:none } }
.studio-map{ position:relative }
.studio-map-load{
  position:absolute; inset:0; width:100%; height:100%;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  border:0; cursor:pointer; font-family:var(--font-body);
  background-color:var(--milk);
  background-image:radial-gradient(var(--stone) 1px, transparent 1.2px);
  background-size:18px 18px;               /* тихая «картографическая» сетка точек */
  transition:background-color .3s;
}
.studio-map-load:hover{ background-color:#ebe7df }
.studio-map-pin{
  width:34px; height:34px;
  fill:none; stroke:var(--wine); stroke-width:1.2; stroke-linejoin:round;
}
.studio-map-cta{
  font-size:12px; font-weight:500; letter-spacing:.18em; text-indent:.18em;
  text-transform:uppercase; color:var(--graphite);
  border-bottom:1px solid var(--taupe); padding-bottom:4px;
}
.studio-map-note{ font-size:11.5px; color:var(--taupe) }
.studio-routes{
  margin-top:14px;
  display:flex; flex-wrap:wrap; justify-content:center; gap:6px 12px;
  font-size:13px; color:var(--taupe);
}
.studio-routes a{
  color:var(--deep);
  border-bottom:1px solid var(--stone); padding-bottom:2px;
  transition:color .3s, border-color .3s;
}
.studio-routes a:hover{ color:var(--graphite); border-color:var(--taupe) }

.footer-address{ font-style:normal; font-size:11px; color:var(--taupe); margin-top:8px }

/* ════════════ БАННЕР «КОНСУЛЬТАЦИЯ» ════════════ */
.consult-cta{
  min-height:0;
  padding-block:clamp(56px, 9vw, 96px);
  text-align:center;
}
.consult-cta .wrap{ max-width:620px; margin-inline:auto }
.consult-cta-lead{ margin-top:14px; margin-inline:auto }
.consult-cta-btn{ margin-top:30px }

/* ════════════ ФОРМА «ОСТАВИТЬ ЗАЯВКУ» ════════════ */
.req-form{ display:flex; flex-direction:column; gap:18px; margin-top:8px }
.req-field{ display:flex; flex-direction:column; gap:8px }
.req-label{
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--taupe);
}
.req-input{
  font-family:var(--font-body); font-size:15px; color:var(--graphite);
  background:var(--paper); border:1px solid var(--stone); border-radius:2px;
  padding:12px 14px; width:100%; transition:border-color .25s;
}
.req-input::placeholder{ color:var(--taupe) }
.req-input:focus{ outline:none; border-color:var(--taupe) }
.req-textarea{ resize:vertical; min-height:88px; font-family:var(--font-body) }

.req-platform{ border:0; padding:0 }
.req-radio-row{ display:flex; gap:22px }
.req-radio{
  display:flex; align-items:center; gap:8px; cursor:pointer;
  font-size:14.5px; color:var(--deep);
}
.req-radio input{ accent-color:var(--graphite); width:16px; height:16px }

.req-file{
  font-family:var(--font-body); font-size:13.5px; color:var(--deep);
}
.req-file-hint{ font-size:11.5px; color:var(--taupe) }

/* антиспам-поле — реально невидимо и недоступно для людей и скринридеров,
   но заполняется автоматическими ботами, которые слепо забивают все поля */
.req-hp{
  position:absolute !important; left:-9999px !important;
  width:1px; height:1px; opacity:0; pointer-events:none;
}

.req-submit{ align-self:flex-start; margin-top:4px }
.req-submit:disabled{ opacity:.5; cursor:default }
.req-status{ font-size:13px; min-height:1.4em }
.req-status[data-state="ok"]{ color:#3a6b4a }
.req-status[data-state="err"]{ color:var(--wine) }

.fp-ov{
  position:fixed; inset:0; z-index:250;
  display:flex; align-items:center; justify-content:center;
  padding:20px;
  opacity:0; visibility:hidden;
  transition:opacity .4s var(--ease), visibility 0s linear .4s;
}
.fp-ov.fp-on{ opacity:1; visibility:visible; transition:opacity .4s var(--ease) }
.fp-ov[hidden]{ display:flex } /* управляем видимостью через классы, не через display */

.fp-overlay{
  position:absolute; inset:0;
  background:rgba(43,42,40,.4);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
}

.fp-card{
  position:relative;
  width:min(380px, 100%);
  background:var(--offwhite);
  border:1px solid var(--stone);
  border-radius:3px;
  padding:clamp(32px, 6vw, 44px) clamp(26px, 5vw, 36px) clamp(28px, 5vw, 36px);
  text-align:center;
  transform:translateY(14px) scale(.98);
  transition:transform .4s var(--ease);
}
.fp-ov.fp-on .fp-card{ transform:none }

.fp-x{
  position:absolute; top:12px; right:14px;
  background:none; border:0; cursor:pointer;
  font-size:22px; line-height:1; color:var(--taupe);
  transition:color .3s;
}
.fp-x:hover{ color:var(--graphite) }

.fp-eyebrow{
  font-size:10.5px; font-weight:500; letter-spacing:.3em; text-transform:uppercase;
  color:var(--taupe); margin-bottom:16px;
}
.fp-title{
  font-family:var(--font-display); font-weight:300;
  font-size:clamp(22px, 5vw, 27px); line-height:1.22;
  color:var(--graphite); margin-bottom:16px;
}
.fp-text{
  font-size:14px; line-height:1.7; color:var(--deep);
  max-width:30em; margin:0 auto 20px;
}
.fp-discount{
  font-family:var(--font-display); font-style:italic; font-weight:400;
  font-size:17px; color:var(--wine);
  margin-bottom:24px;
}
.fp-btn{
  display:inline-block; width:100%;
  background:var(--wine); color:var(--paper);
  font-size:12.5px; font-weight:500; letter-spacing:.18em; text-transform:uppercase;
  text-align:center; text-indent:.18em;
  padding:16px 20px; border-radius:2px;
  transition:background .35s;
}
.fp-btn:hover{ background:#5c3232 }
.fp-btn-outline{
  background:none; color:var(--graphite);
  border:1px solid var(--graphite);
  margin-top:12px;
}
.fp-btn-outline:hover{ background:var(--graphite); color:var(--paper) }
.fp-fine{
  font-style:italic;
  font-size:11.5px; line-height:1.5; color:var(--taupe);
  max-width:28em; margin:14px auto 0;
}

@media (prefers-reduced-motion:reduce){
  .fp-ov, .fp-card{ transition:none }
}

/* ════════════ АНОНС-ПЛАШКА: запись на сентябрь ════════════ */
.ann-bar{
  position:relative;
  display:flex; align-items:center; justify-content:center;
  background:var(--wine);
  padding:14px 46px;
  text-align:center;
  scroll-snap-align:start;
}
.ann-link{
  display:flex; flex-direction:column; align-items:center;
  gap:3px;
  text-decoration:none;
}
.ann-title{
  font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--paper);
  transition:opacity .3s;
}
.ann-subtitle{
  font-size:11.5px; line-height:1.5;
  color:var(--paper);
  opacity:.82;
  transition:opacity .3s;
}
.ann-link:hover .ann-title,
.ann-link:hover .ann-subtitle{ opacity:.7 }
.ann-close{
  position:absolute; right:14px; top:50%; transform:translateY(-50%);
  background:none; border:0; cursor:pointer;
  font-size:18px; line-height:1; color:var(--paper);
  opacity:.75;
  padding:4px;
  transition:opacity .3s;
}
.ann-close:hover{ opacity:1 }
.ann-bar[hidden]{ display:none }

@media (max-width:700px){
  .ann-bar{ padding:13px 40px 13px 16px }
  .ann-title{ font-size:12px }
  .ann-subtitle{ font-size:11px }
}


/* ════════════ ТАТУ-ДЕНЬ (блок в прайсе) ════════════ */
.tday{ margin-top:clamp(34px, 5vw, 52px); max-width:760px }
.tday-card{
  position:relative;
  background:var(--offwhite);
  border:1px solid var(--stone); border-radius:2px;
  padding:clamp(24px, 4vw, 36px);
}
.tday-card::before{            /* тонкий винный акцент слева */
  content:""; position:absolute; left:-1px; top:-1px; bottom:-1px;
  width:2px; background:var(--wine);
}
.tday-head{
  display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between;
  gap:10px 24px;
}
.tday-title{
  font-family:var(--font-display); font-weight:300;
  font-size:clamp(32px, 5vw, 42px); line-height:1.1; color:var(--graphite);
}
.tday-title em{ font-style:italic }
.tday-price{
  display:flex; flex-direction:column; align-items:flex-end;
  font-family:var(--font-display); font-size:clamp(26px, 3.6vw, 32px);
  line-height:1.1; color:var(--wine);
}
.tday-price span{
  margin-top:6px;
  font-family:var(--font-body); font-size:10.5px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--taupe);
}
@media (max-width:520px){ .tday-price{ align-items:flex-start } }
.tday-lead{ margin-top:18px; font-size:15.5px; line-height:1.7; color:var(--deep) }
.tday-list{ list-style:none; margin-top:20px; border-top:1px solid var(--stone) }
.tday-list li{
  position:relative;
  padding:14px 0 14px 30px;
  border-bottom:1px solid var(--stone);
  font-size:14.5px; line-height:1.65; color:var(--deep);
}
.tday-list li::before{
  content:""; position:absolute; left:0; top:27px;
  width:16px; height:1px; background:var(--taupe);
}
.tday-h{
  display:block;
  font-family:var(--font-display); font-style:italic;
  font-size:19px; line-height:1.35; color:var(--graphite);
}
.tday-note{ margin-top:14px; font-size:12.5px; line-height:1.6; font-style:italic; color:var(--taupe) }
.tday-actions{ margin-top:22px; display:flex; flex-direction:column; gap:12px }
@media (min-width:600px){ .tday-actions{ flex-direction:row } }
.tday-actions .btn{ text-align:center }


/* ════════════ СТУДИЯ (фото интерьера) ════════════ */
.atelier-lead{ margin-top:clamp(18px, 2.6vw, 24px); max-width:36em }
.atelier-grid{
  margin-top:clamp(30px, 4.6vw, 48px);
  display:grid; grid-template-columns:repeat(2, 1fr); grid-auto-flow:dense;
  gap:clamp(8px, 1.2vw, 14px);
}
.atelier-grid .ph{ margin:0; border-radius:2px; overflow:hidden; position:relative }
.atelier-grid img{ width:100%; height:100%; object-fit:cover; display:block }
/* телефон: большой общий план, дальше пары и широкий кадр */
.atelier-grid .at-a{ grid-column:span 2; aspect-ratio:4/3 }
.atelier-grid .at-b,
.atelier-grid .at-d{ aspect-ratio:3/4 }
.atelier-grid .at-c{ grid-column:span 2; aspect-ratio:3/2 }
.atelier-grid .at-e,
.atelier-grid .at-f{ aspect-ratio:1/1 }
/* десктоп: общий план + портрет, затем две пары широких кадров */
@media (min-width:900px){
  .atelier-grid{ grid-template-columns:repeat(6, 1fr); grid-auto-flow:row }
  .atelier-grid .at-a{ grid-column:span 4; aspect-ratio:4/3 }
  .atelier-grid .at-b{ grid-column:span 2; aspect-ratio:auto }
  .atelier-grid .at-b img{ position:absolute; inset:0 }
  .atelier-grid .at-c,
  .atelier-grid .at-d,
  .atelier-grid .at-e,
  .atelier-grid .at-f{ grid-column:span 3; aspect-ratio:3/2 }
}
.atelier-more{
  margin-top:clamp(22px, 3vw, 30px);
  display:flex; flex-wrap:wrap; align-items:center; gap:18px 26px;
}
.atelier-site{ text-align:center }


/* ════════════ ПРАЙС: дневные мини, заметки ════════════ */
.price-updated{ margin-top:clamp(12px,2vw,16px); font-size:10.5px; letter-spacing:.26em; text-transform:uppercase; color:var(--wine) }
.day-mini{ margin-top:clamp(26px,4vw,40px); max-width:760px; scroll-margin-top:110px }
.day-mini-card{ background:var(--milk); border:1px solid var(--stone); border-radius:2px; padding:clamp(18px,3vw,26px) clamp(20px,3.4vw,30px) }
.day-mini-row{ display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding:12px 0; border-bottom:1px solid var(--stone) }
.day-mini-row:first-child{ padding-top:0 }
.day-mini-row .price-desc{ margin-top:4px }
.day-mini-price{ flex:none; font-family:var(--font-display); font-size:clamp(24px,3.4vw,30px); line-height:1.1; color:var(--wine); white-space:nowrap }
.day-mini-note{ margin-top:12px; font-size:13px; line-height:1.6; color:var(--deep) }
.price-note{ margin-top:14px; max-width:46em; font-size:13.5px; line-height:1.65; color:var(--deep) }
.price-note strong{ font-weight:500; color:var(--graphite) }

/* ════════════ МОДЕЛЬНЫЕ ПРОЕКТЫ ОКТЯБРЯ ════════════ */
.model-slots-label{ margin-top:clamp(18px,2.6vw,24px); font-size:10.5px; letter-spacing:.3em; text-transform:uppercase; color:var(--taupe) }
.model-slots{ list-style:none; margin:10px 0 0; padding:0; border-top:1px solid var(--stone); max-width:520px }
.model-slots li{ display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding:10px 0; border-bottom:1px solid var(--stone) }
.model-slot-name{ font-family:var(--font-display); font-style:italic; font-size:18px; line-height:1.3; color:var(--graphite) }
.model-slot-meta{ flex:none; font-size:12.5px; color:var(--deep); white-space:nowrap }
@media (max-width:440px){ .model-slots li{ flex-direction:column; gap:2px } }

/* ════════════ СТУДИЯ ВНИЗУ: ссылка на сайт студии ════════════ */
.studio-name-link{ color:inherit; text-decoration:none; border-bottom:1px solid var(--stone); transition:border-color .3s }
.studio-name-link:hover{ border-color:var(--taupe) }


/* ════════════ СТУДИЯ: фото мастера ════════════ */
.atelier-intro{ display:grid; gap:clamp(26px, 4vw, 40px); align-items:start }
.atelier-own{
  margin-top:clamp(16px, 2.4vw, 22px); max-width:30em;
  font-family:var(--font-display); font-style:italic; font-weight:400;
  font-size:clamp(19px, 2.2vw, 23px); line-height:1.45; color:var(--graphite);
}
.atelier-master{ margin:0 auto; width:min(300px, 100%); text-align:center }
.atelier-master .ph{ aspect-ratio:3/4; border-radius:2px; overflow:hidden; margin:0 }
.atelier-master img{ width:100%; height:100%; object-fit:cover; display:block }
.atelier-master figcaption{
  margin-top:12px; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--taupe);
}
@media (min-width:900px){
  .atelier-intro{ grid-template-columns:minmax(0,1fr) 300px; gap:56px }
  .atelier-intro .h-section{ margin-top:0 }
  .atelier-master{ justify-self:end; width:300px; margin:0; text-align:left }
}

/* ════════════ ГДЕ МЕНЯ НАЙТИ ════════════ */
.find-cta{
  display:flex; flex-direction:column; align-items:center; gap:6px;
  margin:clamp(34px, 5vw, 46px) auto 0; padding:18px 34px;
  background:var(--offwhite); border:1px solid var(--stone); border-radius:2px;
  cursor:pointer; font-family:var(--font-body); color:var(--graphite);
  transition:border-color .35s var(--ease), background-color .35s var(--ease);
}
.find-cta:hover{ border-color:var(--taupe); background:var(--paper) }
.find-cta-title{ font-family:var(--font-display); font-size:clamp(22px, 3vw, 26px); font-weight:400; line-height:1.1 }
.find-cta-sub{ font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--taupe) }
.footer-find{ font-size:12px; letter-spacing:.12em }

.find-card{ width:min(520px, 100%); padding:0 }
.find-card .modal-close{ z-index:2; color:var(--offwhite); text-shadow:0 1px 6px rgba(43,42,40,.5) }
.find-card .modal-close:hover{ color:#fff }
.find-card .modal-close:focus{ outline:none }
.find-card .modal-close:focus-visible{ outline:1px solid rgba(250,248,243,.7); outline-offset:3px; border-radius:2px }
.find-video{ margin:0; aspect-ratio:16/9; background:var(--graphite); overflow:hidden }
.find-video video{ display:block; width:100%; height:100%; object-fit:cover }
.find-body{ padding:clamp(22px, 4.4vw, 34px) clamp(22px, 5vw, 40px) clamp(22px, 4vw, 30px) }
.find-lead{ font-size:14px; line-height:1.75; margin:10px 0 18px; color:var(--deep) }
.find-list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--stone) }
.find-list li{ border-bottom:1px solid var(--stone) }
.find-list a{
  display:flex; align-items:center; gap:14px; padding:11px 2px;
  color:var(--graphite); text-decoration:none;
  transition:background-color .3s var(--ease), padding .3s var(--ease);
}
.find-list a:hover{ background:var(--paper); padding-left:8px }
.find-list .social-badge{ flex:0 0 auto; width:36px; height:36px }
.find-list .social-badge img{ width:20px; height:auto }
.find-name{ display:flex; flex-direction:column; gap:2px; font-size:14.5px; font-weight:500 }
.find-name span{ font-size:12px; font-weight:400; color:var(--taupe) }
.find-fine{ margin-top:14px; font-size:10.5px; line-height:1.5; color:var(--taupe) }