<!doctype html>


  
  
  
  Портфолио мастеров — Студия маникюра Диана</title>
  
    :root{
      --ink:#2b2025;--muted:#7b6c72;--paper:#fffaf7;--milk:#fffdfb;--rose:#ead8dc;
      --rose-2:#f5e9eb;--plum:#5c2947;--plum-2:#7d3b61;--gold:#b89152;--line:rgba(92,41,71,.13);
      --shadow:0 22px 70px rgba(66,31,49,.13);--radius:28px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:
      radial-gradient(circle at 8% 8%,rgba(234,216,220,.75),transparent 26rem),
      radial-gradient(circle at 92% 42%,rgba(184,145,82,.12),transparent 23rem),var(--paper);
      font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
    body.lock{overflow:hidden}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    .wrap{width:min(1180px,calc(100% - 40px));margin:auto}
    .header{position:sticky;top:0;z-index:50;background:rgba(255,250,247,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
    .header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:13px;min-width:max-content}
    .brand-mark{width:42px;height:42px;border:1px solid rgba(184,145,82,.6);border-radius:50%;display:grid;place-items:center;color:var(--plum);font-family:Georgia,serif;font-size:23px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 5px rgba(255,255,255,.5)}
    .brand-copy strong{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:19px;line-height:1.05}
    .brand-copy small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-top:5px}
    .nav{display:flex;align-items:center;gap:25px;font-size:13px}
    .nav a{color:#57484e;position:relative}
    .nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:.25s}
    .nav a:hover:after{right:0}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:13px 20px;cursor:pointer;transition:.25s;font-weight:650;font-size:13px;letter-spacing:.02em}
    .btn-primary{color:#fff;background:linear-gradient(135deg,var(--plum),var(--plum-2));box-shadow:0 10px 25px rgba(92,41,71,.22)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(92,41,71,.28)}
    .btn-light{background:rgba(255,255,255,.68);border:1px solid var(--line);color:var(--plum)}
    .hero{padding:78px 0 44px}
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
    .eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;margin-bottom:20px}
    .eyebrow:before{content:"";width:34px;height:1px;background:currentColor}
    h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:0}
    h1{font-size:clamp(46px,6vw,79px);line-height:.98;letter-spacing:-.045em;max-width:760px}
    h1 em{color:var(--plum);font-style:italic}
    .lead{font-size:17px;color:var(--muted);max-width:600px;margin:25px 0 30px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero-art{position:relative;min-height:500px}
    .arch{position:absolute;inset:0 28px 0 0;border-radius:210px 210px 30px 30px;background:linear-gradient(145deg,#ead7dc 0%,#fff7f4 45%,#cfa8b6 100%);overflow:hidden;box-shadow:var(--shadow)}
    .arch:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.52);border-radius:50%;right:-70px;top:-75px}
    .hand{position:absolute;width:265px;height:360px;right:68px;bottom:-34px;background:linear-gradient(120deg,#f5d0c2,#d9a693);border-radius:48% 44% 23% 18%/24% 24% 63% 58%;transform:rotate(-15deg);filter:drop-shadow(0 28px 22px rgba(74,42,49,.18))}
    .finger{position:absolute;width:52px;background:linear-gradient(90deg,#e4b3a1,#f6d5c8);border-radius:35px 35px 20px 20px;box-shadow:inset -6px 0 10px rgba(116,58,73,.08)}
    .finger:after{content:"";position:absolute;left:8px;right:8px;top:-16px;height:76px;border-radius:30px 30px 17px 17px;background:linear-gradient(145deg,#8a3765,#d65f9c 63%,#7f315e);border:1px solid rgba(255,255,255,.35);box-shadow:inset 4px 3px 8px rgba(255,255,255,.35)}
    .finger:nth-child(1){height:265px;left:10px;top:-120px;transform:rotate(-5deg)}
    .finger:nth-child(2){height:290px;left:66px;top:-158px;transform:rotate(-1deg)}
    .finger:nth-child(3){height:274px;left:123px;top:-146px;transform:rotate(3deg)}
    .finger:nth-child(4){height:245px;left:178px;top:-104px;transform:rotate(8deg)}
    .finger:nth-child(2):after,.finger:nth-child(4):after{background:linear-gradient(145deg,#faf7f1 20%,#c5a15d 23%,#fff 29%,#80315e 34%,#c2578e)}
    .gold-orbit{position:absolute;width:105px;height:105px;border:1px solid rgba(184,145,82,.58);border-radius:50%;left:20px;bottom:38px}
    .gold-orbit:after{content:"✦";position:absolute;color:var(--gold);right:-7px;top:15px;font-size:21px}
    .art-label{position:absolute;left:0;bottom:38px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);padding:16px 19px;border:1px solid rgba(255,255,255,.8);border-radius:18px;box-shadow:0 14px 35px rgba(72,40,53,.12)}
    .art-label strong{display:block;font-family:Georgia,serif;font-size:18px;font-weight:500}.art-label small{color:var(--muted)}
    .stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border-top:1px solid var(--line);padding-top:23px;max-width:560px}
    .stat strong{display:block;font-family:Georgia,serif;font-size:24px;font-weight:400;color:var(--plum)}.stat span{font-size:12px;color:var(--muted)}
    .section{padding:78px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
    .section-head h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-.025em}
    .section-head p{color:var(--muted);max-width:430px;margin:0}
    .filter-panel{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 50px rgba(83,53,64,.07);border-radius:24px;padding:14px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;top:92px;z-index:20;backdrop-filter:blur(18px)}
    .filters{display:flex;gap:8px;flex-wrap:wrap}
    .filter{border:1px solid var(--line);color:#69565d;background:#fffaf8;border-radius:999px;padding:10px 15px;cursor:pointer;font-size:12px;transition:.2s}
    .filter:hover,.filter.active{background:var(--plum);color:#fff;border-color:var(--plum)}
    .select{border:1px solid var(--line);background:#fffaf8;color:#57464d;padding:10px 38px 10px 14px;border-radius:999px;outline:0;max-width:190px}
    .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .work{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(92,41,71,.08);box-shadow:0 15px 42px rgba(66,31,49,.08);transition:.3s;cursor:pointer;position:relative}
    .work:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(66,31,49,.14)}
    .work.hidden{display:none}
    .visual{aspect-ratio:4/4.7;position:relative;overflow:hidden;background:var(--bg,#ead6dc)}
    .visual:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.82),transparent 28%),linear-gradient(145deg,transparent 30%,rgba(255,255,255,.26));transform:rotate(-8deg)}
    .palm{position:absolute;width:56%;height:62%;left:28%;bottom:-15%;background:linear-gradient(130deg,#f3cec1,#dcae9c);border-radius:46% 46% 30% 25%;transform:rotate(-18deg);filter:drop-shadow(0 18px 18px rgba(74,42,49,.14))}
    .nail-finger{position:absolute;width:16%;height:58%;bottom:22%;background:linear-gradient(90deg,#dfaa99,#f5d3c6);border-radius:40px;transform-origin:bottom;box-shadow:inset -5px 0 8px rgba(95,47,58,.06)}
    .nail-finger:after{content:"";position:absolute;left:9%;right:9%;top:-3%;height:33%;border-radius:50% 50% 30% 30%;background:var(--nail,#eee6e2);box-shadow:inset 5px 5px 8px rgba(255,255,255,.45),0 2px 4px rgba(85,46,59,.13)}
    .nail-finger.f1{left:18%;transform:rotate(-18deg);height:45%;bottom:20%}.nail-finger.f2{left:34%;transform:rotate(-8deg);height:58%}.nail-finger.f3{left:51%;transform:rotate(2deg);height:62%}.nail-finger.f4{left:68%;transform:rotate(11deg);height:55%;bottom:20%}
    .v2{--bg:linear-gradient(145deg,#eadbd6,#cfb0b9);--nail:linear-gradient(145deg,#fff,#ecdbe0)}
    .v3{--bg:linear-gradient(145deg,#e5d4bd,#f5e9df);--nail:linear-gradient(145deg,#6a2a50,#c1548a)}
    .v4{--bg:linear-gradient(145deg,#d8c7ca,#f7eded);--nail:linear-gradient(150deg,#fff 0 56%,#8d3b66 58%)}
    .v5{--bg:linear-gradient(145deg,#cdb0bc,#f2dfe2);--nail:linear-gradient(145deg,#d590a8,#fff1ef)}
    .v6{--bg:linear-gradient(145deg,#eee2d4,#cbb39a);--nail:linear-gradient(145deg,#efe1d7,#b89152 48%,#f9f3eb 53%)}
    .v7{--bg:linear-gradient(145deg,#c9cfd8,#f4edef);--nail:linear-gradient(145deg,#758fa4,#f8f6f4 49%,#c2a05c 54%)}
    .v8{--bg:linear-gradient(145deg,#f0d6d5,#c79aaa);--nail:linear-gradient(145deg,#b13d6d,#f07ea4)}
    .v9{--bg:linear-gradient(145deg,#ded1bf,#f5eee5);--nail:linear-gradient(145deg,#faf7f3,#e4c8cc)}
    .work-info{padding:19px 20px 21px}.work-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.work h3{font-size:21px;line-height:1.15}.work p{font-size:12px;color:var(--muted);margin:8px 0 0}.tag{white-space:nowrap;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);border:1px solid rgba(184,145,82,.3);border-radius:999px;padding:6px 8px}
    .empty{display:none;text-align:center;padding:55px;background:#fff;border-radius:24px;color:var(--muted)}
    .empty.show{display:block}
    .masters{background:linear-gradient(145deg,#4c213c,#6c3153);color:white;position:relative;overflow:hidden}
    .masters:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-180px;top:-220px}
    .masters .section-head p{color:rgba(255,255,255,.65)}
    .master-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:1}
    .master{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:28px;backdrop-filter:blur(10px);transition:.25s}
    .master:hover{background:rgba(255,255,255,.12);transform:translateY(-4px)}
    .avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ead7dd,#b89152);color:#572542;font-family:Georgia,serif;font-size:25px;border:4px solid rgba(255,255,255,.14);margin-bottom:20px}
    .master h3{font-size:24px}.master p{color:rgba(255,255,255,.66);font-size:13px;min-height:62px}.master-meta{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.master-meta span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 9px;font-size:10px;color:#f1dfe6}
    .master a{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#efd2a2;font-weight:700}
    .cta{padding:80px 0}.cta-box{padding:55px;border-radius:34px;background:linear-gradient(120deg,#f0dfe2,#fffaf7 60%,#ead7ca);display:flex;justify-content:space-between;align-items:center;gap:40px;box-shadow:var(--shadow);position:relative;overflow:hidden}.cta-box:before{content:"D";position:absolute;right:30%;top:-60px;font-family:Georgia,serif;font-size:250px;color:rgba(255,255,255,.45)}.cta-copy{position:relative}.cta h2{font-size:clamp(34px,4vw,52px)}.cta p{color:var(--muted);margin:12px 0 0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;min-width:max-content}
    footer{border-top:1px solid var(--line);padding:36px 0 42px;color:var(--muted);font-size:12px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
    .modal{position:fixed;inset:0;z-index:100;background:rgba(35,20,29,.78);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.dialog{width:min(920px,100%);background:#fffaf7;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;box-shadow:0 30px 100px rgba(0,0,0,.35);position:relative}.modal-visual{min-height:560px}.modal-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.modal-copy h3{font-size:38px;line-height:1.05}.modal-copy p{color:var(--muted)}.details{display:grid;gap:12px;margin:23px 0}.detail{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:13px}.detail span:first-child{color:var(--muted)}.close{position:absolute;right:15px;top:15px;border:0;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.88);cursor:pointer;font-size:20px;z-index:2;color:var(--plum)}
    .menu{display:none;border:0;background:transparent;width:42px;height:42px;border-radius:50%;font-size:22px;color:var(--plum)}
    @media(max-width:900px){.nav{display:none}.menu{display:block}.header .btn-primary{display:none}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:450px}.gallery{grid-template-columns:repeat(2,1fr)}.master-grid{grid-template-columns:1fr}.master p{min-height:0}.dialog{grid-template-columns:1fr;max-height:90vh;overflow:auto}.modal-visual{min-height:420px}.cta-box{align-items:flex-start;flex-direction:column}.cta-actions{min-width:0}.section-head{align-items:start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}.mobile-nav{display:flex!important;position:fixed;inset:80px 0 auto;background:#fffaf7;padding:25px 20px;flex-direction:column;gap:20px;border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(48,25,35,.12)}}
    @media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.header-inner{height:70px}.hero{padding:48px 0 25px}.hero-grid{gap:35px}.hero-art{min-height:380px}.arch{right:0}.hand{right:28px;transform:scale(.82) rotate(-15deg);transform-origin:bottom right}.art-label{left:12px;bottom:20px}.stats{gap:14px}.stat strong{font-size:20px}.section{padding:56px 0}.filter-panel{top:80px;display:block;padding:12px}.filters{flex-wrap:nowrap;overflow:auto;padding-bottom:8px;scrollbar-width:none}.filter{white-space:nowrap}.select{width:100%;max-width:none}.gallery{grid-template-columns:1fr;gap:16px}.visual{aspect-ratio:4/4}.cta{padding:55px 0}.cta-box{padding:34px 25px}.cta-actions,.cta-actions a{width:100%}.modal{padding:8px}.dialog{border-radius:22px}.modal-visual{min-height:340px}.modal-copy{padding:30px 24px}.brand-copy small{display:none}}
  </style>


  <header class="header">
    <div class="wrap header-inner">
      <a class="brand" href="https://omsk-nails.ru/" aria-label="На главную страницу">
        <span class="brand-mark">D</span><span class="brand-copy">Студия Диана</strong>маникюр • Омск</small></span>
      </a>
      <nav class="nav" id="nav">
        <a href="https://omsk-nails.ru/">Главная</a><a href="#portfolio">Работы</a><a href="#masters">Мастера</a><a href="https://omsk-nails.ru/">Услуги и прайс</a><a href="#contacts">Контакты</a>
      </nav>
      <a class="btn btn-primary" href="tel:+79533999285">Записаться</a>
      <button class="menu" id="menu" aria-label="Открыть меню">☰</button>
    </div>
  </header>

  
    <section class="hero">
      <div class="wrap hero-grid">
        
          <div class="eyebrow">Портфолио студии</div>
          Работы наших мастеров</em></h1>
          <p class="lead">Маникюр, который подчёркивает вашу индивидуальность. Посмотрите примеры работ, выберите близкий вам стиль и запишитесь в студию «Диана».</p>
          <div class="hero-actions"><a class="btn btn-primary" href="#portfolio">Смотреть работы</a><a class="btn btn-light" href="tel:+79533999285">Позвонить в студию</a></div>
          <div class="stats"><div class="stat">до 4 недель</strong>стойкость покрытия</span></div><div class="stat">3 мастера</strong>в команде студии</span></div><div class="stat">10:00–20:00</strong>ежедневно</span></div></div>
        </div>
        <div class="hero-art" aria-label="Декоративная иллюстрация маникюра">
          <div class="arch"><div class="gold-orbit"></div><div class="hand"><i class="finger"></i><i class="finger"></i><i class="finger"></i><i class="finger"></i></div></div>
          <div class="art-label">Новая работа</strong>малиновый дизайн • золото</small></div>
        </div>
      </div>
    </section>

    <section class="section" id="portfolio">
      <div class="wrap">
        <div class="section-head"><div class="eyebrow">Выберите свой образ</div>Портфолио</h2></div>Используйте фильтры, чтобы найти подходящий вид услуги. Нажмите на работу, чтобы открыть подробности и перейти к записи.</p></div>
        <div class="filter-panel">
          <div class="filters" role="group" aria-label="Фильтр по услугам">
            <button class="filter active" data-filter="all">Все работы</button><button class="filter" data-filter="manicure">Маникюр</button><button class="filter" data-filter="design">Дизайн</button><button class="filter" data-filter="extension">Наращивание</button><button class="filter" data-filter="pedicure">Педикюр</button>
          </div>
          <select class="select" id="masterFilter" aria-label="Выбрать мастера"><option value="all">Все мастера</option><option value="diana">Диана</option><option value="team">Команда студии</option></select>
        </div>
        <div class="gallery" id="gallery">
          <article class="work" data-category="design manicure" data-master="diana" tabindex="0" data-title="Малиновый акцент" data-service="Маникюр + дизайн + укрепление" data-time="2 часа" data-price="1 800 ₽"><div class="visual v3"><div class="palm"></div><i class="nail-finger f1"></i><i class="nail-finger f2"></i><i class="nail-finger f3"></i><i class="nail-finger f4"></i></div><div class="work-info"><div class="work-top">Малиновый акцент</h3><span class="tag">Дизайн</span></div>Диана • глубокий цвет и золото</p></div></article>
          <article class="work" data-category="manicure" data-master="team" tabindex="0" data-title="Молочная классика" data-service="Маникюр с покрытием" data-time="2 часа" data-price="1 600 ₽"><div class="visual v2"><div class="palm"></div><i class="nail-finger f1"></i><i class="nail-finger f2"></i><i class="nail-finger f3"></i><i class="nail-finger f4"></i></div><div class="work-info"><div class="work-top">Молочная классика</h3><span class="tag">Маникюр</span></div>Команда студии • деликатное покрытие</p></div></article>
          <article class="work" data-category="design manicure" data-master="diana" tabindex="0" data-title="Современный френч" data-service="Маникюр + дизайн + укрепление" data-time="2 часа" data-price="1 800 ₽"><div class="visual v4"><div class="palm"></div><i class="nail-finger f1"></i><i class="nail-finger f2"></i><i class="nail-finger f3"></i><i class="nail-finger f4"></i></div><div class="work-info"><div class="work-top">Современный френч</h3><span class="tag">Френч</span></div>Диана • графичные линии</p></div></article>
          <article class="work" data-category="manicure" data-master="team" tabindex="0" data-title="Нежная пудра" data-service="Маникюр с покрытием" data-time="2 часа" data-price="1 600 ₽"><div class="visual v5"><div class="palm"></div><i class="nail-finger f1"></i><i class="nail-finger f2"></i><i class="nail-finger f3"></i><i class="nail-finger f4"></i></div><div class="work-info"><div class="work-top">Нежная пудра</h3><span class="tag">Маникюр</span></div>Команда студии • мягкий розовый</p></div></article>
          <article class="work" data-category="extension design" data-master="diana" tabindex="0" data-title="Золотая геометрия" data-service="Наращивание + дизайн" data-time="от 2 часов" data-price="от 2 300 ₽"><div class="visual v6"><div class="palm"></div><i class="nail-finger f1"></i><i class="nail-finger f2"></i><i class="nail-finger f3"></i><i class="nail-finger f4"></i></div><div class="work-info"><div class="work-top">Золотая геометрия</h3><span class="tag">Наращивание</span></div>Диана • длинная форма и декор</p></div></article>
          <article class="work" data-category="design manicure" data-master="team" tabindex="0" data-title="Серо-голубой дизайн" data-service="Маникюр + дизайн + укрепление" data-time="2 часа" data-price="1 800 ₽"><div class="visual v7"><div class="palm"></div><i class="nail-finger f1"></i><i class="nail-finger f2"></i><i class="nail-finger f3"></i><i class="nail-finger f4"></i></div><div class="work-info"><div class="work-top">Серо-голубой дизайн</h3><span class="tag">Дизайн</span></div>Команда студии • матовый топ</p></div></article>
          <article class="work" data-category="pedicure" data-master="team" tabindex="0" data-title="Ягодный педикюр" data-service="Педикюр с покрытием" data-time="1 час" data-price="1 700 ₽"><div class="visual v8"><div class="palm"></div><i class="nail-finger f1"></i><i class="nail-finger f2"></i><i class="nail-finger f3"></i><i class="nail-finger f4"></i></div><div class="work-info"><div class="work-top">Ягодный педикюр</h3><span class="tag">Педикюр</span></div>Команда студии • насыщенный оттенок</p></div></article>
          <article class="work" data-category="extension" data-master="diana" tabindex="0" data-title="Естественное наращивание" data-service="Наращивание, длина 1–5" data-time="2 часа" data-price="2 300 ₽"><div class="visual v9"><div class="palm"></div><i class="nail-finger f1"></i><i class="nail-finger f2"></i><i class="nail-finger f3"></i><i class="nail-finger f4"></i></div><div class="work-info"><div class="work-top">Естественная форма</h3><span class="tag">Наращивание</span></div>Диана • аккуратная архитектура</p></div></article>
          <article class="work" data-category="pedicure design" data-master="team" tabindex="0" data-title="Педикюр с дизайном" data-service="Педикюр с гель-лаком + дизайн" data-time="1 час" data-price="1 900 ₽"><div class="visual v3"><div class="palm"></div><i class="nail-finger f1"></i><i class="nail-finger f2"></i><i class="nail-finger f3"></i><i class="nail-finger f4"></i></div><div class="work-info"><div class="work-top">Педикюр с дизайном</h3><span class="tag">Педикюр</span></div>Команда студии • покрытие и декор</p></div></article>
        </div>
        <div class="empty" id="empty">В этой категории пока нет работ. Выберите другой фильтр.</div>
      </div>
    </section>

    <section class="section masters" id="masters">
      <div class="wrap">
        <div class="section-head"><div class="eyebrow">Команда студии</div>Наши мастера</h2></div>Мы подбираем индивидуальное укрепление под каждого клиента и создаём аккуратный, стойкий результат.</p></div>
        <div class="master-grid">
          <article class="master"><div class="avatar">Д</div>Диана</h3>Основатель студии и топ-мастер. Сложные дизайны, наращивание, архитектура и выразительные формы.</p><div class="master-meta">Дизайн</span>Наращивание</span>Укрепление</span></div><a href="#portfolio" data-pick="diana">Смотреть работы →</span></a></article>
          <article class="master"><div class="avatar">М</div>Мастера маникюра</h3>Аккуратная обработка, стойкое покрытие, нюд, френч и современные дизайны на каждый день.</p><div class="master-meta">Маникюр</span>Френч</span>Покрытие</span></div><a href="#portfolio" data-pick="team">Смотреть работы →</span></a></article>
          <article class="master"><div class="avatar">P</div>Мастера педикюра</h3>Эстетичный и смарт-педикюр с покрытием или без него, бережный уход и чистый результат.</p><div class="master-meta">Педикюр</span>Смарт-педикюр</span>Уход</span></div><a href="#portfolio" data-pick="pedicure">Смотреть работы →</span></a></article>
        </div>
      </div>
    </section>

    <section class="cta" id="contacts">
      <div class="wrap"><div class="cta-box"><div class="cta-copy"><div class="eyebrow">Студия «Диана»</div>Понравилась работа?</h2>Омск, ул. Химиков, 25 • ежедневно с 10:00 до 20:00 • приём по записи</p></div><div class="cta-actions"><a class="btn btn-primary" href="tel:+79533999285">+7 953 399-92-85</a><a class="btn btn-light" href="https://omsk-nails.ru/">Перейти на сайт</a></div></div></div>
    </section>
  </main>

  <div class="wrap footer-inner">© Студия маникюра «Диана», Омск</div><div class="footer-links"><a href="https://omsk-nails.ru/">Главная</a><a href="tel:+79533999285">Позвонить</a><a href="#portfolio">Портфолио</a></div></div></footer>

  <div class="modal" id="modal" role="dialog" aria-modal="true" aria-labelledby="modalTitle">
    <div class="dialog"><button class="close" id="close" aria-label="Закрыть">×</button><div class="modal-visual visual v3" id="modalVisual"><div class="palm"></div><i class="nail-finger f1"></i><i class="nail-finger f2"></i><i class="nail-finger f3"></i><i class="nail-finger f4"></i></div><div class="modal-copy"><div class="eyebrow">Работа мастера</div><h3 id="modalTitle">Малиновый акцент</h3>Стоимость может меняться в зависимости от длины, сложности и выбранного дизайна.</p><div class="details"><div class="detail">Услуга</span><strong id="modalService"></strong></div><div class="detail">Время</span><strong id="modalTime"></strong></div><div class="detail">Стоимость</span><strong id="modalPrice"></strong></div></div><a class="btn btn-primary" href="tel:+79533999285">Записаться на похожий дизайн</a></div></div>
  </div>

  

