:root{
    --bg: #F5F1EA;
    --surface: #FFFFFF;
    --text: #45413C;
    --text-muted: #6B6760;
    --text-light: #B5B0A6;
    --accent: #C9A961;
    --accent-hover: #B8954A;
    --dark: #1A1814;
    --border: rgba(26,24,20,0.10);
    --placeholder: #E5E0D6;
    --placeholder-text: #888780;

    --container: 1280px;
    --gutter: 80px;

    --f-serif: 'Playfair Display', Georgia, serif;
    --f-sans: 'Inter', -apple-system, sans-serif;
  }

  *{box-sizing:border-box;margin:0;padding:0}
  html,body{background:var(--bg);color:var(--text);font-family:var(--f-sans);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}

  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer;border:none;background:none}
  ul{list-style:none}

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .btn-outline-light{background:transparent;color:var(--bg);border:1px solid var(--bg)}
  .btn-outline-light:hover{background:var(--bg);color:var(--text)}
  

  
  .section{padding:120px var(--gutter)}
  .container{max-width:var(--container);margin:0 auto}
  .eyebrow{font-size:18px;letter-spacing:3px;color:var(--accent);margin-bottom:20px;text-transform:uppercase}
  .h-display{font-family:var(--f-serif);font-weight:400;font-size:64px;line-height:1.1;color:var(--text)}
  .h-section{font-family:var(--f-serif);font-weight:400;font-size:48px;line-height:1.15;color:var(--text)}
  .h-card{font-family:var(--f-serif);font-weight:400;font-size:28px;line-height:1.25;color:var(--text)}
  .h-small{font-family:var(--f-serif);font-weight:400;font-size:22px;line-height:1.3;color:var(--text)}
  .italic{font-style:italic}
  .accent{color:var(--accent)}
  .lead{font-size:17px;line-height:1.7;color:var(--text)}
  .body{font-size:18px;line-height:1.75;color:var(--text-muted)}
  .body+ .body{margin-top:20px}

  
  .media{overflow:hidden;background:var(--placeholder)}
  .media img{width:100%;height:100%;object-fit:cover;display:block}
  .ph{
    background:var(--placeholder);border-radius:4px;
    display:flex;align-items:center;justify-content:center;text-align:center;
    color:var(--placeholder-text);font-size:12px;letter-spacing:2px;padding:24px;
  }

  
  .hero{padding:80px var(--gutter) 120px}
  .hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;max-width:var(--container);margin:0 auto}
  .hero h1{margin:24px 0 28px}
  .hero p{font-size:17px;line-height:1.6;color:var(--text-muted);max-width:460px;margin-bottom:40px}
  .hero-actions{display:flex;gap:14px;flex-wrap:wrap}
  .hero-photo{aspect-ratio:4/5;min-height:480px}
  .hero-grid{touch-action:pan-y}
  .hero-panels{position:relative;min-height:340px}
  .hero-panel{
    position:absolute;inset:0;opacity:0;transition:opacity .55s ease;pointer-events:none;
  }
  .hero-panel.is-active{opacity:1;z-index:1;pointer-events:auto}
  .hero-panel .h-display{margin:0}
  .hero-panel .eyebrow{margin-bottom:20px}
  .hero-panel p{margin:24px 0 0;max-width:460px}
  .hero-slider{position:relative;touch-action:pan-y}
  .hero-slides{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y}
  .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .55s ease;pointer-events:none}
  .hero-slide.is-active{opacity:1;z-index:1;pointer-events:auto}
  .hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
  .hero-dots{display:flex;gap:8px;align-items:center}
  .hero-dot{
    width:12px;height:12px;border-radius:50%;padding:0;
    border:1px solid rgba(0,0,0,.6);background:transparent;cursor:pointer;
    transition:background .2s,border-color .2s;
  }
  .hero-dot.is-active{background:#D19E3B;border-color:#D19E3B}
  .layout-desktop .hero-foot{display:none}
  .hero-dots--mobile{display:none}
  .hero-dots--desktop{
    position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;
  }
  .surgeon-avatar{
    display:none;flex-shrink:0;
    width:78px;height:78px;min-width:78px;max-width:78px;
    aspect-ratio:1;border-radius:0;overflow:hidden;
    object-fit:cover;object-position:50% 22%;
  }
  .surgeon-title-row{display:flex;align-items:center;gap:16px}
  .spec-card-head{position:relative;padding-right:0}
  .spec-title-row{
    margin-bottom:20px;
    min-height:calc(1.25em * 2);
    line-height:1.25;
  }
  .spec-card-head .spec-title{
    display:inline;
    margin-bottom:0;
    min-height:0;
  }
  .spec-card-head .spec-title .list-row__arrow{
    display:inline-block;
    margin-left:12px;
    vertical-align:middle;
    transform:none;
  }
  .spec-num{
    font-size:14px;letter-spacing:2px;color:var(--accent);margin-bottom:24px;
    min-height:calc(1.4em * 2);display:flex;align-items:flex-end;
  }
  .spec-head .h-section.spec-head-title{white-space:nowrap;max-width:none}

@media (max-width: 768px) {
  .spec-head .h-section.spec-head-title{white-space:normal}
}
  .spec-toggle{display:none}

  .about-clinic{background:var(--surface)}
  .about-head{margin-bottom:64px}
  .about-head .h-section{margin-top:8px;max-width:720px}
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
  .about-cta{margin-top:40px}

  .surgeon{background:var(--surface)}
  .surgeon-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}

  #spec{background:var(--surface)}
  .spec-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:64px;flex-wrap:wrap;gap:24px}
  .spec-head .h-section{max-width:680px}
  .spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .spec-card{background:var(--surface);padding:5px;border-radius:4px;display:flex;flex-direction:column;min-height:340px;transition:transform .3s}
  .spec-card:hover{transform:translateY(-4px)}
  .spec-card p{font-size:18px;line-height:1.65;color:var(--text-muted);margin:0}
  .spec-cta-card{
    background:transparent;border:1px dashed rgba(26,24,20,0.18);
    display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  }
  .spec-cta-card p{margin-bottom:28px;max-width:240px;font-size:18px;line-height:1.6;color:var(--text-muted)}

  
  .reasons{background:var(--surface)}
  .reasons-head{margin-bottom:64px}
  .reasons-head .h-section{max-width:720px;margin:8px 0 16px}
  .reasons-head .subtitle{font-size:18px;color:var(--text-muted)}
  .reasons-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}
  .reason{border-top:1px solid var(--accent);padding-top:28px}
  .reason-top{display:flex;flex-direction:column}
  .reason-num{font-family:var(--f-serif);font-size:40px;color:var(--accent);line-height:1;margin-bottom:18px}
  .reason-top > div:not(.reason-num){font-family:var(--f-serif);font-weight:400;font-size:21px;line-height:1.3;color:var(--text);margin:0 0 14px;min-height:52px}
  .reason p{font-size:13px;line-height:1.65;color:var(--text-muted)}
  .reasons-cta{text-align:center;margin-top:72px}
  .reasons-btn-short{display:none}

  
  .ig-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:end;margin-bottom:56px}
  #results{background:var(--surface)}
  .ig-intro .h-section{margin-top:8px}
  .ig-intro p{font-size:18px;line-height:1.7;color:var(--text-muted);margin:0}
  .ig-intro p a{
    color:var(--accent);
    text-decoration:underline;
    text-underline-offset:3px;
    font-weight:500;
  }
  .ig-intro p a:hover{color:var(--accent-hover,#B8954A)}
  .ig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}
  .ig-item{aspect-ratio:1;font-size:14px}
  .ig-cta{text-align:center}

  
  .ba{background:#F7F5EE;color:var(--text);padding:120px var(--gutter)}
  .ba .eyebrow{color:var(--accent)}
  .ba .h-section{color:var(--text);text-align:center;margin-bottom:64px}
  .ba .h-section .italic{color:var(--accent)}
  .ba-head{text-align:center}
  .ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px;text-align:left}
  .ba-card{
    background:#fff;
    border:1px solid var(--border);
    padding:48px 40px;border-radius:4px;
    display:flex;flex-direction:column;
  }
  .ba-card .eyebrow{margin-bottom:24px}
  .ba-card .eyebrow + div{font-family:var(--f-serif);font-weight:400;font-size:26px;color:var(--text);margin-bottom:18px;line-height:1.3}
  .ba-card p{font-size:18px;line-height:1.7;color:var(--text-muted);margin:0 0 32px;flex:1}
  .ba .btn-outline-light{color:var(--text);border:1px solid rgba(26,24,20,.35)}
  .ba .btn-outline-light:hover{background:var(--text);color:var(--bg)}

  #journey{background:#fff}
  a.ig-item{display:block;text-decoration:none;color:inherit}

  
  .journey-head{margin-bottom:72px}
  .journey-head .h-section{max-width:760px;margin:8px 0 16px}
  .journey-head .subtitle{font-size:18px;color:var(--text-muted)}
  .journey-visual{display:none;margin-bottom:40px;aspect-ratio:4/5;max-height:500px}
  .journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 40px}
  .stage{border-left:2px solid var(--accent);padding:8px 0 8px 28px}
  .stage-num{font-family:var(--f-serif);font-size:36px;color:var(--accent);line-height:1;margin-bottom:16px}
  .stage > div:not(.stage-num){font-family:var(--f-serif);font-weight:400;font-size:22px;color:var(--text);margin-bottom:14px;line-height:1.3}
  .stage p{font-size:18px;line-height:1.7;color:var(--text-muted)}

  
  .faq{background:var(--surface)}
  .faq-grid{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start}
  .faq-side{position:static}
  .faq-side .h-section{margin:8px 0 28px}
  .faq-side p{font-size:18px;line-height:1.6;color:var(--text-muted);margin-bottom:20px}
  .faq-item{border-bottom:1px solid var(--border);padding:28px 0;cursor:default}
  .faq-item:first-child{border-top:1px solid var(--border)}
  .faq-q{display:flex;justify-content:space-between;align-items:start;gap:24px}
  .faq-q > div:first-child{font-family:var(--f-serif);font-weight:400;font-style:normal;font-size:21px;color:#45413C;line-height:1.4;margin:0;flex:1}
  .faq-toggle{display:none}
  .faq-a{max-height:none;overflow:visible}
  .faq-a-in{font-size:18px;line-height:1.75;color:var(--text-muted);padding:16px 0 4px}

  
  .precta{padding:140px var(--gutter);text-align:center;background:var(--bg)}
  .precta 
  .precta-name{font-family:var(--f-serif);font-size:18px;letter-spacing:10px;color:var(--text);margin-bottom:10px}
  .precta-tag{font-size:14px;letter-spacing:3px;color:var(--text-muted);margin-bottom:56px}
  .precta__title{font-family:var(--f-serif);font-weight:400;font-size:64px;line-height:1.15;color:var(--text);margin-bottom:48px}
  .precta__title .italic{color:var(--accent)}

  
  .mt-sm{margin-top:24px}
  .mt-md{margin-top:40px}
  
  
  
  
  
  
  
  
  .nav a:hover,
  
  
  
  
  
  
  
  

  

  

  
  
  
  

  
  .layout-desktop .site-hdr{
    background:#F5F1EA;
    border-bottom:1px solid rgba(26,24,20,0.10);
    padding:0 56px;
    display:flex;align-items:center;justify-content:space-between;
    position:sticky;top:0;z-index:100;height:84px;
  }
  .logo-wrap{display:flex;align-items:center;text-decoration:none;flex-shrink:0;cursor:pointer}
  .hdr-nav{display:flex;gap:30px;font-size:18px}
  .hdr-nav a{color:#45413C;text-decoration:none;transition:color .2s;white-space:nowrap;font-weight:400}
  .hdr-nav a:hover,.hdr-nav a.active{color:#C9A961}
  .header-right{display:flex;align-items:center;gap:18px;flex-shrink:0}
  .lang-wrap{display:flex;align-items:center;gap:4px;font-size:13px}
  .lang-btn{
    padding:6px 13px;border-radius:999px;cursor:pointer;
    color:#45413C;border:none;background:transparent;font-family:inherit;transition:all .15s;
  }
  .lang-btn.active{background:rgba(26,24,20,0.06)}
  .lang-btn:not(.active){color:#6B6760}

  
  .btn-consult{
    position:relative;height:48px;padding:0 28px;border-radius:999px;border:none;cursor:pointer;
    font-family:inherit;font-size:18px;color:#fff;font-weight:500;letter-spacing:.2px;
    background:linear-gradient(120deg,#bd8f3c 0%,#e7cd86 50%,#bd8f3c 100%);
    text-shadow:0 1px 1px rgba(120,80,10,.25);
    box-shadow:0 4px 14px rgba(184,138,42,.35);
    transition:transform .15s,filter .15s;
    white-space:nowrap;
  }
  .btn-consult:hover{transform:translateY(-1px);filter:brightness(1.04)}
  .btn-consult:active{transform:translateY(0)}


  
  .btn{
    display:inline-flex;align-items:center;justify-content:center;
    height:52px;padding:0 32px;border-radius:999px;
    font-size:18px;font-family:inherit;cursor:pointer;
    transition:all .2s;white-space:nowrap;text-decoration:none;
  }
  .btn-lg{height:52px;padding:0 32px;font-size:18px}
  .btn-sm{height:52px;padding:0 32px;font-size:18px}
  .btn-primary{
    background:linear-gradient(120deg,#bd8f3c 0%,#e7cd86 50%,#bd8f3c 100%);
    color:#fff;border:none;font-weight:500;
    text-shadow:0 1px 1px rgba(120,80,10,.25);
    box-shadow:0 4px 14px rgba(184,138,42,.35);
  }
  .btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}
  .btn-outline{background:transparent;color:var(--text);border:1px solid rgba(26,24,20,0.35)}
  .btn-outline:hover{background:rgba(194,162,90,.08);color:var(--text)}

.btn,.btn-primary,.btn-outline,.btn-lg,.btn-sm{min-width:220px;padding:0 36px;height:52px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none}

@media (max-width: 1100px) and (min-width: 769px) {
  .layout-desktop .page-homepage .hero {
    padding: 40px var(--gutter) 56px;
  }
  .layout-desktop .hero-actions {
    margin-top: 36px;
    gap: 14px;
    flex-wrap: wrap;
  }
  .layout-desktop .page-homepage .hero-actions .btn,
  .layout-desktop .page-homepage .hero-actions .btn-lg,
  .layout-desktop .page-homepage .hero-actions .btn-primary,
  .layout-desktop .page-homepage .hero-actions .btn-outline {
    min-width: 0;
    width: auto;
    max-width: 100%;
    height: 48px;
    padding: 0 20px;
    font-size: 15px;
    white-space: nowrap;
  }
}

@media (max-width: 1100px) {
  :root { --gutter: 48px; }
  .about-grid,
  .surgeon-grid,
  .ig-intro,
  .ba-grid,
  .faq-grid { grid-template-columns: 1fr; gap: 48px; }
  .spec-grid { grid-template-columns: repeat(2, 1fr); }
  .reasons-grid { grid-template-columns: repeat(3, 1fr); }
  .journey-grid { grid-template-columns: repeat(2, 1fr); }
  .h-display { font-size: 52px; }
  .h-section { font-size: 40px; }
}

@media (max-width: 768px) {
  :root { --gutter: 24px; }
  .section { padding: 64px var(--gutter); }
  .layout-desktop .page-homepage .hero {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 100dvh;
    min-height: 100svh;
    overflow: hidden;
    position: relative;
  }
  .layout-desktop .page-homepage .hero-grid {
    display: block;
    position: relative;
    flex: 1;
    min-height: 0;
    max-width: none;
    margin: 0;
  }
  .layout-desktop .page-homepage .hero-slider,
  .layout-desktop .page-homepage .hero-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    min-height: 0;
    border-radius: 0;
  }
  .layout-desktop .page-homepage .hero-slide img { object-position: center top; }
  .layout-desktop .page-homepage .hero-copy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 72px 24px 28px;
    background: linear-gradient(
      180deg,
      rgba(26,24,20,0) 0%,
      rgba(26,24,20,.35) 22%,
      rgba(26,24,20,.88) 100%
    );
    color: #fff;
    box-sizing: border-box;
  }
  .layout-desktop .page-homepage .hero-panel .h-display { margin: 0 0 16px; }
  .layout-desktop .page-homepage .hero-copy .h-display,
  .layout-desktop .page-homepage .hero-copy .h-display .accent { color: #fff; }
  .layout-desktop .page-homepage .hero-copy p {
    color: rgba(255,255,255,.9);
    max-width: none;
    margin: 0;
    font-size:18px;
    line-height: 1.55;
  }
  .layout-desktop .page-homepage .hero-copy p strong { color: #fff; font-weight: 600; }
  .layout-desktop .page-homepage .hero-panels { min-height: 200px; }
  .layout-desktop .page-homepage .hero-actions--desktop { display: none; }
  .layout-desktop .page-homepage .hero-dots--desktop { display: none; }
  .layout-desktop .page-homepage .hero-foot {
    display: block;
    flex-shrink: 0;
    background: #fff;
    padding: 18px 24px 22px;
    z-index: 3;
  }
  .layout-desktop .page-homepage .hero-foot .hero-dots--mobile {
    display: flex;
    justify-content: center;
    margin: 0 0 16px;
  }
  .layout-desktop .page-homepage .hero-foot .hero-dot {
    border-color: rgba(26,24,20,.28);
    background: #fff;
  }
  .layout-desktop .page-homepage .hero-foot .hero-dot.is-active {
    background: #D19E3B;
    border-color: #D19E3B;
  }
  .layout-desktop .page-homepage .hero-cta-btn {
    width: 100%;
    box-shadow: 0 4px 14px rgba(184,138,42,.35);
  }
  .journey-head { margin-bottom: 32px; }
  .journey-visual { display: block; width: 100%; border-radius: 0; }
  .about-grid { gap: 32px; }
  .surgeon-avatar { display: block; }
  .surgeon-head .h-section { font-size: 28px; margin: 0; }
  .surgeon-grid { gap: 32px; }
  .spec-head { margin-bottom: 32px; }
  .spec-grid { grid-template-columns: 1fr; gap: 0; }
  .spec-card:not(.spec-cta-card) {
    min-height: 0;
    padding: 24px 0;
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid var(--border);
    transform: none;
  }
  .spec-card:not(.spec-cta-card):hover { transform: none; }
  .spec-card:not(.spec-cta-card) p {
    display: none;
    margin-top: 12px;
    padding-bottom: 8px;
  }
  .spec-card.open p { display: block; }
  .spec-cta-card { margin-top: 24px; border-style: solid; }
  .reasons-head { margin-bottom: 32px; }
  .reasons-head .h-section { margin-bottom: 12px; }
  .reasons-head .subtitle { font-size:18px; line-height: 1.5; margin-bottom: 16px; }
  .reasons-grid { gap: 0; grid-template-columns: 1fr; }
  .reason {
    padding: 20px 0;
    border-top: none;
    border-bottom: 1px solid var(--border);
  }
  .reason:first-child { padding-top: 0; border-top: none; }
  .reason-top {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
  }
  .reason-num {
    order: 2;
    font-family: var(--f-sans);
    font-size:14px;
    letter-spacing: 2px;
    color: var(--accent);
    margin: 6px 0 0;
    flex-shrink: 0;
  }
  .reason-top > div:not(.reason-num) {
    order: 1;
    min-height: 0;
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
    flex: 1;
  }
  .reason p {
    font-size:18px;
    line-height: 1.65;
    margin: 0;
  }
  .reasons-cta { margin-top: 40px; text-align: left; }
  .reasons-btn-short { display: inline; }
  .reasons-btn-long { display: none; }
  .ig-intro { gap: 24px; margin-bottom: 32px; }
  .ig-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .ig-item { aspect-ratio: 184/263; }
  .ba { padding: 64px var(--gutter); background: #F7F5EE; color: var(--text); }
  .ba .h-section { color: var(--text); text-align: left; }
  .ba-grid { gap: 0; }
  .ba-card {
    padding: 32px 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
  }
  .ba-card .eyebrow + div { color: var(--text); }
  .ba-card p { color: var(--text-muted); }
  #journey { background: #fff; }
  .ba-card .btn { width: 100%; }
  .journey-grid { gap: 0; }
  .stage {
    border-left: none;
    padding: 24px 0;
    border-bottom: 1px solid var(--border);
  }
  .faq-grid { gap: 32px; }
  .h-display { font-size: 36px; line-height: 1.12; }
  .h-section { font-size: 30px; line-height: 1.18; }
  .precta { padding: 80px var(--gutter); }
  .precta__title { font-size: 36px; }
  .faq-side { position: static; }
  .btn, .btn-primary, .btn-outline, .btn-lg, .btn-sm { min-width: 0; width: 100%; }
  .layout-desktop .page-homepage .hero-actions--desktop { flex-direction: column; }
}

@media (max-width: 480px) {
  .h-display { font-size: 34px; }
  .h-section { font-size: 28px; }
}

@media (min-width: 769px) {
  .layout-desktop .hero{
    background:#fff;
    padding:56px var(--gutter) 80px;
  }
  .layout-desktop .page-homepage .hero-grid{
    grid-template-columns:minmax(0,572px) minmax(0,1fr);
  }
  .layout-desktop .page-homepage .hero-photo-col{
    order:-1;
  }
  .layout-desktop .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,572px);
    gap:clamp(40px,5vw,64px);
    align-items:center;
  }
  .layout-desktop .hero-panels{
    display:grid;
    grid-template-areas:"hero-panel-stack";
    min-height:0;
  }
  .layout-desktop .hero-panel{
    grid-area:hero-panel-stack;
    position:relative;
    inset:auto;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .55s ease, visibility .55s ease;
  }
  .layout-desktop .hero-panel.is-active{
    opacity:1;
    visibility:visible;
    z-index:1;
    pointer-events:auto;
  }
  .layout-desktop .hero-panel .eyebrow{
    font-family:var(--f-sans);
    font-weight:400;
    font-size:18px;
    line-height:1.12;
    letter-spacing:0.11em;
    text-transform:uppercase;
    margin-bottom:32px;
  }
  .layout-desktop .hero-panel .h-display{
    margin:0 0 28px;
    line-height:1.12;
  }
  .layout-desktop .hero-panel p{
    font-size:17px;line-height:1.65;color:var(--text-muted);
    max-width:500px;margin:0;
  }
  .layout-desktop .hero-actions{
    margin-top:56px;gap:20px;
  }
  .layout-desktop .hero-photo-col{
    width:100%;
    max-width:572px;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .layout-desktop .hero-photo{
    width:100%;max-width:572px;height:auto;
    aspect-ratio:572/715;
    min-height:0;
    border-radius:0;background:transparent;
  }
  .layout-desktop .hero-photo .hero-slider{
    width:100%;aspect-ratio:572/715;
  }
  .layout-desktop .hero-photo.media{border-radius:0}
  .layout-desktop .hero-slide img{object-position:center top}
  .layout-desktop .hero-dots--desktop{
    position:static;
    left:auto;
    bottom:auto;
    transform:none;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin:14px 0 0;
    width:100%;
  }
  .layout-desktop .hero-dots--desktop .hero-dot{
    width:9px;
    height:9px;
    border-color:rgba(26,24,20,.28);
    background:#fff;
  }
  .layout-desktop .hero-dots--desktop .hero-dot.is-active{
    background:#D19E3B;
    border-color:#D19E3B;
  }
  .layout-desktop .hero-foot{display:none}
  .layout-desktop .page-homepage .hero-tagline:not(.is-active){display:none}
}

/* После десктоп-правил: на 769–1050 слайды меньше, иначе колонка 572px давит текст */
@media (min-width: 769px) and (max-width: 1050px) {
  .layout-desktop .page-homepage .hero-grid {
    grid-template-columns: minmax(0, min(320px, 33vw)) minmax(0, 1fr);
    gap: clamp(18px, 2.4vw, 28px);
  }
  .layout-desktop .hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, min(320px, 33vw));
    gap: clamp(18px, 2.4vw, 28px);
  }
  .layout-desktop .page-homepage .hero-photo-col,
  .layout-desktop .hero-photo-col,
  .layout-desktop .hero-photo,
  .layout-desktop .page-homepage .hero-photo {
    max-width: min(320px, 33vw);
  }
  .layout-desktop .hero-photo {
    max-width: min(320px, 33vw);
  }
  .layout-desktop .hero-panel .eyebrow {
    font-size: 15px;
    margin-bottom: 22px;
  }
  .layout-desktop .hero-panel .h-display,
  .layout-desktop .page-homepage .hero .h-display {
    font-size: 46px;
  }
  .layout-desktop .hero-panel p,
  .layout-desktop .page-homepage .hero p {
    font-size: 15px;
    line-height: 1.6;
  }
  .layout-desktop .hero-actions {
    margin-top: 40px;
  }
}

@media (min-width: 769px) {
  .layout-desktop .precta { padding: 64px var(--gutter); }
}