/* ─── Шрифты ───────────────────────────────── */
    @font-face { font-family:'CoFo Sans'; src:url('assets/fonts/cofo-sans-regular.woff') format('woff'); font-weight:400; font-display:swap; }
    @font-face { font-family:'CoFo Sans'; src:url('assets/fonts/CoFo Sans Bold.woff') format('woff'); font-weight:700; font-display:swap; }
    @font-face { font-family:'CoFo Sans'; src:url('assets/fonts/CoFo Sans Bold.woff') format('woff'); font-weight:500 600; font-display:swap; }

    /* ─── Переменные ───────────────────────────── */
    :root {
      --green:#49ae78; --green-dark:#1b6b40; --green-bg:#ebf5ef;
      --text:#0d0d0c; --mid:#4c4743; --muted:#8c8c88; --light:#b0b0ad;
      --bg:#fafaf8; --white:#ffffff; --border:rgba(0,0,0,0.12);
    }

    /* ─── Сброс ────────────────────────────────── */
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{overflow-x:hidden;overflow-anchor:none}
    body{font-family:'CoFo Sans',sans-serif;background:var(--bg);width:1920px;transform-origin:top left;}
    img{display:block} a{text-decoration:none;color:inherit} button{background:none;border:none;cursor:pointer;font:inherit}

    /* ─── Loader ───────────────────────────────── */
    #loader{
      position:fixed;inset:0;background:var(--bg);z-index:9999;
      pointer-events:none;transition:opacity .5s ease;
    }
    #loader-year{
      position:absolute;left:249px;top:165px;
      font-family:'CoFo Sans',sans-serif;font-weight:600;font-size:120px;
      line-height:122px;letter-spacing:-4.8px;color:var(--text);
    }

    /* ─── Scroll reveal ────────────────────────── */
    .r{opacity:0;transform:translateY(24px);
       transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
    .r.on{opacity:1;transform:none}

    /* ════════════════════════════════════════════
       НАВ
    ════════════════════════════════════════════ */
    .nav{
      position:sticky;top:0;z-index:100;height:72px;
      background:rgba(250,250,248,.9);backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
    }
    .nav-label{
      position:absolute;left:40px;top:50%;transform:translateY(-50%);
      font-size:14px;font-weight:400;color:var(--muted);
      letter-spacing:.78px;text-transform:uppercase;white-space:nowrap;
    }
    .nav-pill{
      position:absolute;right:40px;top:50%;transform:translateY(-50%);
      height:54px;border-radius:100px;
      background:rgba(235,245,239,.6);backdrop-filter:blur(6px);
      display:flex;align-items:center;padding:7px;gap:0;
    }
    .nav-pill a{
      font-size:16px;font-weight:500;color:var(--muted);
      padding:0 20px;height:40px;display:flex;align-items:center;
      border-radius:100px;white-space:nowrap;
      transition:color .2s,background .2s;
    }
    .nav-pill a.active{background:var(--green-bg);color:var(--green);}
    .nav-pill a:hover:not(.active){color:var(--text);}

    /* ════════════════════════════════════════════
       HERO
    ════════════════════════════════════════════ */
    .hero{position:relative;height:1049px;overflow:hidden;background:var(--bg);}

    .master-bgword {
      position: absolute;
      top: 50%;
      left: 90px;
      transform: translateX(-50%) translateY(-50%) rotate(-90deg);
      pointer-events: none;
      font-family: 'CoFo Sans', sans-serif;
      font-weight: 700;
      font-size: 250px;
      letter-spacing: -5.12px;
      white-space: nowrap;
      color: var(--text);
      opacity: 0.04;
      line-height: 1;
      z-index: 0;
    }

    .hero-photo{
      position:absolute;left:1355px;top:171px;width:507px;height:882px;overflow:hidden;
    }
    .hero-photo img{
      position:absolute;bottom:0;left:50%;transform:translateX(-50%);
      height:100%;width:auto;
    }

    .hero-text{
      position:absolute;left:249px;top:165px;width:824px;
      display:flex;flex-direction:column;gap:24px;
    }
    .hero-title{
      font-family:'CoFo Sans',sans-serif;font-weight:600;font-size:120px;
      line-height:122px;letter-spacing:-4.8px;color:var(--text);
      opacity:0;transform:translateY(28px);
      transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);
    }
    .hero-title.on{opacity:1;transform:none}
    .hero-subs{display:flex;flex-direction:column;gap:18px;
      opacity:0;transform:translateY(20px);
      transition:opacity .65s .18s cubic-bezier(.16,1,.3,1),transform .65s .18s cubic-bezier(.16,1,.3,1);}
    .hero-subs.on{opacity:1;transform:none}
    .sub1{font-family:'CoFo Sans',sans-serif;font-size:36px;line-height:55px;color:var(--mid);}
    .sub2{font-family:'CoFo Sans',sans-serif;font-size:36px;line-height:44px;color:var(--mid);width:815px;}

    /* Цитата */
    .hero-quote{
      position:absolute;left:249px;top:654px;display:flex;align-items:flex-end;gap:23px;
      opacity:0;transform:translateY(20px);
      transition:opacity .65s .32s cubic-bezier(.16,1,.3,1),transform .65s .32s cubic-bezier(.16,1,.3,1);
    }
    .hero-quote.on{opacity:1;transform:none}
    .q-line{width:1px;height:148px;background:var(--text);flex-shrink:0;align-self:flex-end;}
    .q-text{font-family:'CoFo Sans',sans-serif;font-weight:400;font-size:36px;line-height:50px;color:var(--text);width:1032px;}

    /* Статы */
    .hero-stats{
      position:absolute;left:249px;top:calc(50% + 440px);
      display:flex;align-items:center;gap:42px;
      opacity:0;transform:translateY(-50%) translateY(20px);
      transition:opacity .65s .46s cubic-bezier(.16,1,.3,1),transform .65s .46s cubic-bezier(.16,1,.3,1);
    }
    .hero-stats.on{opacity:1;transform:translateY(-50%)}
    .stat-group{display:flex;align-items:center;gap:17px;}
    .stat{display:flex;flex-direction:column;width:209px;}
    .stat-val{font-family:'CoFo Sans',sans-serif;font-weight:700;font-size:60px;line-height:60px;letter-spacing:-3.6px;color:var(--green);white-space:nowrap;}
    .stat-lbl{font-family:'CoFo Sans',sans-serif;font-size:16px;line-height:24px;color:var(--text);}
    .sdiv{width:1px;height:168px;background:rgba(13,13,12,.2);flex-shrink:0;}

    /* ════════════════════════════════════════════
       ОБЩИЕ секции
    ════════════════════════════════════════════ */
    .section{position:relative;overflow:clip;}
    .section-white{background:var(--white);border-top:1px solid #e8e8e5;}
    .section-light{background:var(--bg);border-top:1px solid #e8e8e5;}


    /* Лейбл секции (eyebrow) */
    .eyebrow{
      font-family:'CoFo Sans',sans-serif;font-weight:400;font-size:13px;
      letter-spacing:1.82px;text-transform:uppercase;color:var(--muted);
      line-height:21px;white-space:nowrap;
    }

    /* Unified section typography */
    .section-head { padding: 0 0 0 304px; margin-bottom: 48px; display: flex; flex-direction: column; gap: 12px; }
    .section-title {
      font-family:'CoFo Sans',sans-serif;font-weight:700;font-size:56px;
      line-height:61.6px;letter-spacing:-1.12px;color:var(--text);
      margin: 0;
    }
    .section-intro {
      font-size:24px;line-height:30.6px;color:var(--muted);
      max-width:488px;margin-top:8px;
    }

    /* ════════════════════════════════════════════
       ОПЫТ
    ════════════════════════════════════════════ */
    .exp-section{padding:72px 0 96px;}


    .timeline-wrap{padding:0 304px 0 304px;}

    .edu-row{display:flex;gap:80px;padding:64px 304px 0 304px;align-items:flex-start;}
    .edu-degrees{width:480px;flex-shrink:0;}
    .edu-courses{flex:1;min-width:0;padding-top:84px;}
    .skills-row{display:flex;gap:80px;padding:56px 304px 0 304px;}
    .skills-col-wrap{flex:1;min-width:0;}

    .timeline{display:flex;flex-direction:column;}
    .t-entry{display:flex;flex-direction:column;}
    .t-row{display:flex;gap:82px;align-items:flex-start;padding:24px 0;cursor:pointer;}
    .t-date-col{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;}
    .t-date{font-size:16px;letter-spacing:.92px;text-transform:uppercase;color:var(--muted);line-height:19px;}
    .badge-now{
      display:inline-flex;padding:8px 10px;background:var(--green-bg);
      border-radius:20px;align-self:flex-start;
    }
    .badge-now span{font-weight:700;font-size:14px;letter-spacing:.65px;text-transform:uppercase;color:var(--green-dark);}
    .t-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;}

    .t-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
    .t-title-block{display:flex;flex-direction:column;gap:6px;}
    .t-pos{font-weight:700;font-size:24px;line-height:22px;color:var(--text);}
    .t-company{font-weight:500;font-size:24px;line-height:21.5px;color:var(--light);}
    .t-logo{
      width:48px;height:48px;flex-shrink:0;position:relative;border-radius:10px;
      border:1px solid var(--border);display:flex;align-items:center;justify-content:center;
      transition:border-color .25s,background .25s;cursor:pointer;
    }
    .t-logo-open,.t-logo-close{
      position:absolute;inset:0;border-radius:10px;
      display:flex;align-items:center;justify-content:center;
      transition:opacity .25s;
    }
    .t-logo-open{opacity:1;}
    .t-logo-close{opacity:0;background:var(--green-bg);}
    .t-logo.open{border-color:var(--green);}
    .t-logo.open .t-logo-open{opacity:0;}
    .t-logo.open .t-logo-close{opacity:1;}
    .t-logo.pulse{border-color:var(--green);animation:pulse-border 1.8s ease infinite;}

    @keyframes pulse-border{
      0%  {box-shadow:0 0 0 0 rgba(73,174,120,.5);border-color:var(--green);}
      70% {box-shadow:0 0 0 8px rgba(73,174,120,0);border-color:var(--green);}
      100%{box-shadow:0 0 0 0 rgba(73,174,120,0);border-color:var(--green);}
    }
    .t-logo.pulse{border:1px solid var(--green);border-radius:10px;animation:pulse-border 1.8s ease infinite;}
    .t-logo.open{border:1px solid var(--green);border-radius:10px;}

    .t-details{
      display:grid;grid-template-rows:0fr;
      opacity:0;margin-top:0;
      transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1),
                 opacity .3s ease,margin .3s ease;
    }
    .t-details-inner{overflow:hidden;display:flex;flex-direction:column;gap:16px;}
    .t-details.open{grid-template-rows:1fr;opacity:1;margin-top:8px;}

    .t-desc{font-size:24px;line-height:32px;color:var(--light);}
    .t-kp-title{font-weight:500;font-size:24px;line-height:32px;color:var(--text);}
    .t-kps{display:flex;flex-direction:column;gap:10px;}
    .t-kp{display:flex;gap:12px;align-items:flex-start;}
    .t-kp-icon{width:20px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
    .t-kp-icon img{width:20px;height:20px;object-fit:contain;}
    .t-kp-text{font-size:24px;line-height:32px;color:var(--mid);}

    .t-tags{display:flex;gap:12px;flex-wrap:wrap;}
    .tag{
      border:1px solid var(--border);border-radius:20px;padding:8px 12px;
      font-size:16px;letter-spacing:.65px;text-transform:capitalize;
      color:var(--mid);line-height:18px;white-space:nowrap;
    }
    .t-divider{height:1px;background:rgba(0,0,0,.09);}

    /* Образование */
    .edu-block{display:flex;flex-direction:column;gap:32px;}
    .edu-list{display:flex;flex-direction:column;gap:32px;}
    .edu-entry{display:flex;gap:12px;}
    .edu-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px;}
    .edu-icon img{width:24px;height:24px;object-fit:contain;}
    .edu-info{display:flex;flex-direction:column;gap:20px;}
    .edu-deg{font-weight:700;font-size:24px;line-height:22px;color:var(--text);}
    .edu-year{font-size:16px;letter-spacing:.92px;text-transform:uppercase;color:var(--muted);}
    .edu-inst{font-size:16px;letter-spacing:.92px;text-transform:uppercase;color:var(--muted);}

    /* Курсы (внутри edu-courses, 2 колонки) */
    #coursesContainer{display:grid;grid-template-columns:1fr 1fr;gap:16px 64px;}
    .course-item{margin-bottom:0;}
    .course-name{font-weight:700;font-size:20px;line-height:26px;color:var(--text);margin-bottom:3px;}
    .course-meta{font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);}

    /* Навыки */
    .skills-col-title{font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-.5px;color:var(--text);margin-bottom:20px;}
    .skill-item{font-size:18px;line-height:28px;color:var(--text);padding:10px 0;border-bottom:1px solid var(--border);}
    .skill-item:last-child{border-bottom:none;}

    /* ════════════════════════════════════════════
       ПРОЕКТЫ
    ════════════════════════════════════════════ */
    .proj-section{position:relative;overflow:hidden;background:var(--bg);border-top:1px solid #e8e8e5;}



    .work-outer{overflow:hidden;height:856px;position:relative;}
    .work-clip{position:absolute;left:304px;top:0;width:1616px;height:769px;overflow:hidden;}
    .work-track{
      display:flex;height:769px;
      transition:transform .55s cubic-bezier(.4,0,.2,1);
    }
    .work-slide{position:relative;width:1920px;height:769px;flex-shrink:0;}
    .work-slide-label{
      position:absolute;top:24px;left:0;
      font-size:13px;letter-spacing:1.82px;text-transform:uppercase;color:var(--muted);
    }
    .work-slide-title{
      position:absolute;top:68px;left:0;
      font-weight:700;font-size:56px;line-height:61.6px;letter-spacing:-1.12px;color:var(--text);width:516px;
    }
    .work-slide-desc{
      position:absolute;top:200px;left:0;
      font-weight:400;font-size:22px;line-height:32px;color:var(--mid);width:620px;
    }
    .work-slide-shot{
      position:absolute;top:68px;left:730px;
      width:1116px;height:682px;border-radius:12px;overflow:hidden;
    }
    .work-slide-shot img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .6s cubic-bezier(.16,1,.3,1);}
    .work-slide-shot:hover img{transform:scale(1.04);}
    .work-slide-link{
      position:absolute;bottom:40px;left:0;
      display:inline-flex;gap:10px;align-items:center;
      background:var(--green);border-radius:5px;padding:8px 20px 10px;
      transition:opacity .2s;
    }
    .work-slide-link:hover{opacity:.85}
    .work-slide-link span{
      font-weight:700;font-size:22px;line-height:32px;letter-spacing:-1px;
      color:#fafafa;text-decoration:underline;white-space:nowrap;
    }
    .work-slide-link img{width:16px;height:16px;}

    .slider-btns{position:absolute;display:flex;gap:12px;}
    .work-btns{left:50%;top:781px;transform:translateX(calc(-50% + 112px));}
    .sbtn{
      display:inline-flex;gap:12px;align-items:center;
      padding:14px 22px;height:50px;border-radius:9999px;
      background:rgba(73,174,120,.15);border:1px solid rgba(140,140,136,.5);
      font-family:'CoFo Sans',sans-serif;font-weight:500;font-size:15px;
      letter-spacing:-.5px;color:rgba(38,29,26,.45);
      transition:background .2s;
    }
    .sbtn:hover{background:rgba(73,174,120,.3);}
    .sbtn img{width:22px;height:22px;}
    .sbtn:disabled{opacity:.35;cursor:default;}

    .pet-outer{padding:72px 0 96px;}

    .pet-track-wrap{padding:0 0 0 304px;overflow:hidden;}
    .pet-track{display:flex;gap:48px;transition:transform .45s cubic-bezier(.4,0,.2,1);}
    .pet-card{
      position:relative;width:502px;flex-shrink:0;
      cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;text-decoration:none;
    }
    .pet-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px rgba(0,0,0,.1);}
    .pet-card-bg{background:var(--white);border-radius:12px;padding:45px 21px 80px;}
    .pet-card-img{width:100%;height:371px;border:2px solid var(--green);border-radius:10px;overflow:hidden;}
    .pet-card-img img{width:100%;height:100%;object-fit:cover;}
    .pet-card-info{padding:20px 0 0;}
    .pet-card-type{font-weight:500;font-size:15px;line-height:26px;color:rgba(0,0,0,.5);}
    .pet-card-name{font-weight:500;font-size:17px;line-height:28px;color:var(--text);}

    .pet-nav-row{display:flex;justify-content:center;padding:32px 0 0 192px;}

    /* ════════════════════════════════════════════
       ЖИЗНЬ
    ════════════════════════════════════════════ */
    .life-section{
      position:relative;overflow:hidden;
      background:var(--white);border-top:1px solid #e8e8e5;
      height:1200px;
    }
.life-eyebrow{
      position:absolute;left:304px;top:72px;
      font-size:13px;letter-spacing:1.82px;text-transform:uppercase;color:var(--muted);
    }
    .life-content{
      position:absolute;left:304px;top:105px;width:510px;
      display:flex;flex-direction:column;gap:40px;
    }
    .life-title{font-weight:700;font-size:60px;line-height:66px;letter-spacing:-1.8px;color:var(--text);}
    .life-text{font-size:24px;line-height:31.5px;color:var(--muted);}
    .life-tags{display:flex;gap:8px;flex-wrap:wrap;}
    .ltag{
      background:var(--green-bg);border-radius:100px;padding:0 14px;height:33px;
      display:flex;align-items:center;
      font-weight:500;font-size:13px;color:var(--green-dark);white-space:nowrap;
    }

    .life-deck{position:absolute;left:1540px;top:566px;}
    .lcard{
      position:absolute;
      width:518px;height:740px;border-radius:20px;overflow:hidden;
      box-shadow:0 8px 32px rgba(0,0,0,.4);
      margin-left:-259px;margin-top:-370px;
      cursor:pointer;
      transition:transform .55s cubic-bezier(.4,0,.2,1), opacity .4s ease;
    }
    .lcard img{width:100%;height:100%;object-fit:cover;pointer-events:none;}
    .lcard-hint{
      position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
      font-size:12px;letter-spacing:.72px;text-transform:uppercase;
      color:rgba(255,255,255,.95);white-space:nowrap;pointer-events:none;
      text-shadow:0 1px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.4);
    }

    /* ════════════════════════════════════════════
       КОНТАКТЫ
    ════════════════════════════════════════════ */
    .contact-section{
      position:relative;overflow:hidden;
      background:var(--bg);border-top:1px solid #e8e8e5;
      padding:72px 304px 96px;
    }
    .contact-section .section-head{padding-left:0;margin-bottom:64px;}
    .contact-body{
      display:grid;
      grid-template-columns:423px 1fr 344px;
      grid-template-rows:auto auto;
      row-gap:48px;
      margin-bottom:12px;
    }
    .contact-intro{grid-column:1;grid-row:1;font-size:24px;line-height:30.6px;color:var(--muted);}
    .contact-list{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:18px;}
    .ci{display:flex;align-items:baseline;gap:16px;}
    .ci-label{font-size:13px;letter-spacing:.52px;color:var(--muted);width:60px;flex-shrink:0;}
    .ci-value{font-weight:500;font-size:18px;line-height:30px;color:var(--text);transition:color .2s;}
    .ci-value:hover{color:var(--green);}
    .contact-col-right{
      grid-column:3;grid-row:1 / span 2;
      align-self:stretch;display:flex;
    }
    .contact-qr{
      flex:1;background:var(--green-bg);
      border:1px solid #e8e8e5;border-radius:14px;
      display:flex;align-items:center;justify-content:center;
      flex-direction:column;gap:4px;overflow:hidden;
    }
    .contact-qr img{width:100%;height:100%;object-fit:contain;border-radius:12px;}
    .contact-qr span{font-size:13px;line-height:21px;color:var(--muted);text-align:center;}
    .qr-sub{width:344px;margin-left:auto;text-align:center;font-size:13px;color:var(--muted);}
  /* ════════════════════════════════════════════
     МОБИЛЬНАЯ АДАПТАЦИЯ (< 900px)
  ════════════════════════════════════════════ */
  @media (max-width:900px) {
    body{width:100%;overflow-x:hidden;}

    /* ── Прелоадер ── */
    #loader-year{
      left:20px;top:80px;
      transform:none;
      font-size:72px;line-height:80px;
      letter-spacing:-3px;text-align:left;
    }

    /* ── Nav ── */
    .nav{height:56px;}
    .nav-label{left:16px;font-size:13px;}
    .nav-pill{display:none;}

    /* ── Hero ── */
    .hero{height:auto;padding:56px 0 0;display:flex;flex-direction:column;}
    .master-bgword { display: none; }
    .hero-photo{position:static;width:100%;height:300px;overflow:hidden;order:1;margin-top:24px;}
    .hero-photo img{position:static;transform:none;width:100%;height:100%;object-fit:cover;object-position:top;}
    .hero-text{position:static;width:auto;padding:0 20px;gap:12px;order:0;}
    .hero-title{font-size:48px;line-height:50px;letter-spacing:-2px;}
    .sub1,.sub2{font-size:20px;line-height:30px;}
    .sub2{width:auto;}
    .hero-subs{gap:6px;}
    .hero-quote{position:static;padding:0 20px;margin-top:20px;gap:14px;order:2;align-items:stretch;}
    .q-line{width:2px;height:auto;align-self:stretch;flex-shrink:0;}
    .q-text{font-size:17px;line-height:27px;width:auto;}
    /* Достижения: 2 столбика */
    .hero-stats{display:grid;grid-template-columns:1fr 1fr;
      padding:0 20px 0;margin-top:20px;order:3;transform:none;gap:0;}
    .stat-group{display:block;padding:0;}
    .sdiv{display:none;}
    .stat{width:auto;padding:14px 0;border-bottom:1px solid var(--border);}
    .stat-val{font-size:34px;line-height:38px;letter-spacing:-1.5px;}
    .stat-lbl{font-size:12px;line-height:18px;}

    /* ── Опыт ── */
    .exp-section{overflow:clip;padding-bottom:36px;}

    .section-head{padding:16px 20px 0; margin-bottom: 24px;}
    .section-title{font-size:44px;line-height:48px;}
    .section-intro{font-size:15px;line-height:24px; max-width: 100%;}
    .timeline-wrap{padding:20px 20px 0;}
    .t-row{gap:0;flex-direction:column;padding:16px 0;}
    .t-date-col{width:auto;flex-direction:row;align-items:center;gap:10px;margin-bottom:8px;}
    .t-date{font-size:12px;}
    .t-content{gap:8px;}
    .t-pos{font-size:16px;line-height:21px;}
    .t-company{font-size:16px;line-height:21px;}
    .t-logo{display:flex;width:32px;height:32px;flex-shrink:0;}
    .t-details-text{font-size:14px;line-height:22px;}
    .t-kps{padding-left:0;}
    .t-kp{font-size:14px;line-height:21px;}
    .t-tags{gap:6px;}

    /* ── Образование + Курсы ── */
    .edu-row{flex-direction:column;padding:16px 20px 0;gap:28px;}
    .edu-degrees{width:auto;}
    .edu-courses{padding-top:0;}
    .edu-deg{font-size:17px;line-height:24px;}
    .skills-row{flex-direction:column;padding:16px 20px 0;gap:24px;}
    .skill-item{font-size:15px;line-height:24px;padding:9px 0;}

    /* ── Проекты (Work) ── */

    .proj-section{overflow:clip;}
    .work-outer{height:auto;overflow:clip;}
    .work-clip{position:static;width:100%;height:auto;overflow:visible;}
    .work-track{flex-direction:column;transform:none!important;height:auto;transition:none;}
    .work-slide{width:100%;max-width:100%;height:auto;position:relative;
      padding:16px 20px 20px;overflow:hidden;box-sizing:border-box;}
    .work-slide-label{position:static;font-size:12px;margin-bottom:6px;}
    .work-slide-title{position:static;font-size:30px;line-height:34px;width:auto;margin-bottom:8px;}
    .work-slide-desc{position:static;font-size:14px;line-height:22px;width:auto;
      margin-bottom:16px;max-width:100%;word-break:break-word;overflow-wrap:break-word;}
    /* Фото проекта: масштабируется */
    .work-slide-shot{position:static;width:100%;height:auto;margin-bottom:14px;overflow:hidden;border-radius:10px;}
    .work-slide-shot picture{display:block;width:100%;}
    .work-slide-shot img{width:100%;height:auto;display:block;object-fit:cover;transition:none;border-radius:10px;}
    .work-slide-link{position:static;display:inline-flex;max-width:100%;}
    .work-slide-link span{font-size:14px;line-height:20px;}
    .work-btns{display:none;}

    /* ── Детская площадка — слайдер ── */
    .pet-outer{padding:16px 0 36px;}
    .pet-track-wrap{padding:0 20px;overflow:hidden;}
    .pet-track{flex-direction:row;gap:12px;transition:transform .45s cubic-bezier(.4,0,.2,1);}
    .pet-card{width:calc(100vw - 40px);flex-shrink:0;}
    .pet-card-bg{padding:14px 14px 28px;}
    .pet-card-img{height:220px;}
    .pet-nav-row{display:flex;padding:12px 20px 0;justify-content:flex-start;}

    /* ── Жизнь: стопка центрирована ── */
    .life-section{height:auto;padding-bottom:0;overflow:clip;}

    .life-eyebrow{position:static;display:block;padding:16px 20px 10px;}
    .life-content{position:static;width:auto;padding:0 20px;gap:18px;}
    .life-title{font-size:38px;line-height:42px;}
    .life-text{font-size:15px;line-height:24px;}
    /* Стопка: больше и по центру */
    .life-deck{position:relative;left:auto;top:auto;
      width:320px;height:440px;margin:24px auto 36px;}
    .lcard{position:absolute;left:50%;top:50%;
      width:260px;height:370px;
      margin-left:-130px;margin-top:-185px;}

    /* ── Контакты ── */
    .contact-section{padding:24px 0 36px;overflow:clip;}
    .contact-section .section-head{padding:0 20px;margin-bottom:24px;}
    .contact-body{display:flex;flex-direction:column;gap:20px;}
    .contact-intro{padding:0 20px;}
    .contact-list{padding:0 20px;}
    .ci-label{font-size:12px;width:46px;}
    .ci-value{font-size:15px;}
    .contact-col-right{display:none;}
    .qr-sub{display:none;}
  }