:root {
      --bg: #f4f1e9;
      --ink: #182019;
      --muted: #667064;
      --line: rgba(24,32,25,.16);
      --accent: #334d35;
      --max: 1180px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background: var(--bg);
      color: var(--ink);
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.5;
    }

    a { color: inherit; }

    .wrap {
      width: min(calc(100% - 40px), var(--max));
      margin: 0 auto;
    }

    header {
      padding: 24px 0 18px;
      border-bottom: 1px solid var(--line);
    }

    .header-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 24px;
    }

    .brand {
      font-size: 15px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    nav {
      display: flex;
      gap: 20px;
      font-size: 14px;
    }

    nav a { text-decoration: none; }

    .hero {
      padding: 72px 0 36px;
    }

    .eyebrow {
      color: var(--muted);
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: .12em;
      margin-bottom: 18px;
    }

    h1 {
      margin: 0;
      max-width: 900px;
      font-family: Georgia, 'Times New Roman', serif;
      font-weight: 400;
      font-size: clamp(48px, 8vw, 104px);
      line-height: .95;
      letter-spacing: -.045em;
    }

    .hero-copy {
      margin-top: 34px;
      max-width: 720px;
      font-size: clamp(19px, 2.2vw, 27px);
      line-height: 1.35;
    }

    .hero-meta {
      margin-top: 24px;
      display: flex;
      gap: 10px 22px;
      flex-wrap: wrap;
      font-size: 14px;
      color: var(--muted);
    }

    .hero-image {
      width: 100%;
      height: min(68vw, 760px);
      min-height: 430px;
      object-fit: cover;
      display: block;
      margin-top: 42px;
    }

    section {
      padding: 78px 0;
      border-top: 1px solid var(--line);
    }

    .section-grid {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 64px;
    }

    .section-title {
      margin: 0;
      font-size: 13px;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--muted);
    }

    .lead {
      margin: 0;
      max-width: 760px;
      font-family: Georgia, 'Times New Roman', serif;
      font-size: clamp(30px, 4.2vw, 54px);
      line-height: 1.08;
      font-weight: 400;
      letter-spacing: -.025em;
    }

    .body-copy {
      max-width: 760px;
      font-size: 18px;
      margin-top: 26px;
      color: #303830;
    }

    .services {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      background: var(--line);
      border: 1px solid var(--line);
      margin-top: 42px;
    }

    .service {
      background: var(--bg);
      padding: 34px;
      min-height: 210px;
    }

    .service h3 {
      margin: 0 0 10px;
      font-family: Georgia, 'Times New Roman', serif;
      font-size: 28px;
      font-weight: 400;
    }

    .service p {
      margin: 0;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.6;
    }

    .gallery {
      display: grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 16px;
    }

    .gallery .stack {
      display: grid;
      gap: 16px;
    }

    .gallery img {
      width: 100%;
      display: block;
      object-fit: cover;
    }

    .gallery > img { height: 760px; }
    .gallery .stack img { height: 372px; }


    .work-feature {
      padding-bottom: 78px;
    }

    .work-feature img {
      width: 100%;
      height: min(62vw, 700px);
      object-fit: cover;
      display: block;
    }

    .availability {
      background: var(--accent);
      color: #f7f3ea;
    }

    .availability .section-title { color: rgba(247,243,234,.68); }
    .availability .lead { max-width: 900px; }

    .contact {
      margin-top: 38px;
      font-size: 19px;
      line-height: 1.7;
    }

    .contact a {
      text-underline-offset: 4px;
      text-decoration-thickness: 1px;
    }

    footer {
      padding: 28px 0 44px;
      color: var(--muted);
      font-size: 13px;
    }

    @media (max-width: 760px) {
      .wrap { width: min(calc(100% - 28px), var(--max)); }
      header { padding-top: 18px; }
      nav { display: flex; }
      .hero { padding-top: 48px; }
      .hero-image { min-height: 300px; height: 62vh; }
      section { padding: 56px 0; }
      .section-grid { grid-template-columns: 1fr; gap: 24px; }
      .services { grid-template-columns: 1fr; }
      .gallery { grid-template-columns: 1fr; }
      .gallery > img, .gallery .stack img { height: auto; aspect-ratio: 4 / 3; }
      .work-feature { padding-bottom: 56px; }
      .work-feature img { height: auto; aspect-ratio: 4 / 3; }
    }
  
    /* Our Process: restrained editorial layout */
    .process-intro { max-width: 780px; }
    .process-intro .body-copy { margin-bottom: 0; }
    .process-steps { margin-top: 52px; border-top: 1px solid var(--line); }
    .process-step { display: grid; grid-template-columns: 60px minmax(180px, 260px) minmax(0, 1fr); gap: 28px; padding: 31px 0; border-bottom: 1px solid var(--line); }
    .process-num { font-size: 13px; color: var(--muted); letter-spacing: .08em; padding-top: 5px; }
    .process-step h3 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: clamp(23px, 2.6vw, 32px); line-height: 1.1; }
    .process-step p { margin: 0; max-width: 690px; color: #303830; font-size: 17px; line-height: 1.65; }
    .process-note { margin-top: 40px; padding: 30px 34px; background: #e9e8de; display: grid; grid-template-columns: minmax(180px, 260px) 1fr; gap: 38px; }
    .process-note h3 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: 28px; line-height: 1.15; margin: 0; }
    .process-note p { margin: 0; font-size: 17px; line-height: 1.65; color: #303830; }
    @media (max-width: 760px) {
      .process-step { grid-template-columns: 36px 1fr; gap: 12px 16px; }
      .process-step p { grid-column: 2; font-size: 16px; }
      .process-note { grid-template-columns: 1fr; gap: 14px; padding: 24px; }
      nav { flex-wrap: wrap; justify-content: flex-end; }
    }

    /* Why trails: matching minimalist process-section typography */
    .benefit-list { margin-top: 45px; border-top: 1px solid var(--line); }
    .benefit { display: grid; grid-template-columns: 60px minmax(180px, 260px) minmax(0, 1fr); gap: 28px; padding: 38px 0; border-bottom: 1px solid var(--line); }
    .benefit-num { padding-top: 6px; color: var(--muted); letter-spacing: .08em; font-size: 13px; }
    .benefit h3 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; font-size: clamp(24px, 2.7vw, 34px); line-height: 1.15; }
    .benefit p { margin: 0 0 16px; max-width: 690px; color: #303830; font-size: 17px; line-height: 1.7; }
    .benefit p:last-child { margin-bottom: 0; }
    .benefit a { color: inherit; text-underline-offset: 3px; }
    @media (max-width: 760px) {
      .benefit { grid-template-columns: 36px 1fr; gap: 12px 16px; padding: 28px 0; }
      .benefit-copy { grid-column: 2; }
      .benefit p { font-size: 16px; }
    }
  
    /* Pricing: an understated editorial estimate section */
    .pricing-range { margin: 32px 0 8px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(40px, 6vw, 72px); letter-spacing: -.045em; line-height: 1.05; }
    .pricing-unit { color: var(--muted); font-size: 15px; letter-spacing: .02em; }
    .pricing-details { margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--line); max-width: 760px; }
    .pricing-details p { font-size: 17px; line-height: 1.7; color: #303830; }
    .pricing-contact { display: inline-block; margin-top: 14px; border-bottom: 1px solid currentColor; padding-bottom: 4px; text-decoration: none; font-weight: 600; }

/* Shared multi-page navigation */
header {position:sticky; top:0; z-index:50; background:rgba(244,241,233,.97);backdrop-filter:blur(12px); padding:15px 0;}
.brand a{text-decoration:none;}
nav a{white-space:nowrap;padding:8px 0; border-bottom:1px solid transparent;}
nav a:hover,nav a[aria-current="page"]{border-bottom-color:var(--accent);}
.page-intro{padding:70px 0 52px;}
.page-intro h1{font-size:clamp(47px,7vw,82px);max-width:960px;}
.page-intro p{font-size:clamp(18px,2vw,23px);max-width:680px;color:#38443a;margin-top:24px;}
.page-footer-cta{padding:50px 0 64px;border-top:1px solid var(--line);}
.page-footer-cta a{display:inline-block;margin-top:10px;text-underline-offset:5px;}
@media(max-width:900px){.header-row{flex-direction:column;align-items:stretch;gap:6px;}nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;gap:18px;padding-bottom:4px;} .brand{font-size:13px;} .page-intro{padding:48px 0 25px;} }

/* Media gallery */
.media-section { padding: 20px 0 96px; }
.media-top { display:flex; justify-content:space-between; align-items:end; gap:16px; margin-bottom:24px; }
.media-caption, #photo-count {color:var(--muted); font-size:14px;}
.media-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px; }
.media-tile {padding:0;appearance:none;border:0;background:#ddd;aspect-ratio:1/1;cursor:pointer;overflow:hidden;display:block;}
.media-tile img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease;}
.media-tile:hover img {transform:scale(1.06)}
.media-tile:focus-visible {outline:3px solid var(--accent);outline-offset:3px;}
.photo-viewer[hidden] {display:none!important;}
.photo-viewer {position:fixed;inset:0;background:rgba(9,15,11,.95);z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:54px 18px;gap:10px;color:#fff;}
.photo-viewer figure {margin:0;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;}
.photo-viewer img {display:block;max-width:100%;max-height:calc(100dvh - 135px);object-fit:contain;}
.photo-viewer figcaption {font-size:13px;color:#ddd;text-align:center;}
.photo-viewer button {border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.09);font-size:30px;cursor:pointer;width:44px;height:44px;flex-shrink:0;}
.viewer-close {position:absolute;top:12px;right:18px;}
@media (max-width:550px) {.media-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.media-section{padding-bottom:55px}.photo-viewer{padding:55px 8px;gap:4px}.photo-viewer button{width:32px;height:42px}}

/* High Traverse / Design system 2026 — precision, contrast, and craft */
:root{--bg:#f8f9f8;--ink:#101417;--muted:#626a70;--line:#d7dcde;--accent:#101417;--max:1280px}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}
::selection{background:#20292f;color:white}.wrap{width:min(calc(100% - 96px),var(--max))}
header{background:rgba(248,249,248,.97);border-bottom:1px solid var(--line);padding:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-row{min-height:90px;gap:30px}.brand{letter-spacing:0;flex-shrink:0}.brand a{display:flex;align-items:center;gap:13px}.brand-mark{display:block;width:74px;height:45px;object-fit:contain}.brand-text{font-size:16px;font-weight:750;letter-spacing:.13em;line-height:1.2;white-space:nowrap}.brand-text small{display:block;margin-top:6px;font-size:9px;letter-spacing:.29em;font-weight:500;color:var(--muted)}
nav{gap:clamp(10px,1.5vw,24px);align-items:center;font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:700}nav a{padding:11px 0;border-bottom:2px solid transparent;transition:color .18s,border-color .18s}nav a:hover,nav a[aria-current="page"]{border-color:#111a20}nav .nav-contact{background:#131a1f;color:#fff;padding:13px 16px;border:1px solid #131a1f;transition:background .2s;color:white}nav .nav-contact:hover{background:#3d4850;border-color:#3d4850}nav .nav-contact[aria-current="page"]{border-color:#111}
.eyebrow,.section-title,.directory-number{font-size:11px!important;font-weight:700;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.hero{padding:86px 0 65px}.hero .eyebrow{margin-bottom:28px}.hero-heading{font-family:Arial,Helvetica,sans-serif;font-weight:650;font-size:clamp(51px,6.8vw,99px);line-height:1.05;letter-spacing:-.065em;max-width:1110px}.hero-copy{font-size:clamp(18px,2.1vw,24px);max-width:760px;line-height:1.52;color:#3e484e;margin-top:32px}.hero-meta{font-size:11px;letter-spacing:.11em;text-transform:uppercase;gap:8px 28px;color:var(--muted);font-weight:700}.hero-meta span{padding-top:10px;border-top:1px solid var(--line)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0 0}.button-solid,.button-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ink);transition:background .2s,color .2s}.button-solid{background:var(--ink);color:white}.button-solid:hover{background:#43525b}.button-outline:hover{background:#dce2e4}.hero-image{height:clamp(380px,51vw,660px);min-height:0;margin-top:46px;filter:saturate(.83);object-fit:cover}
.page-intro{padding:90px 0 68px}.page-intro h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(48px,7vw,98px);font-weight:650;letter-spacing:-.065em;line-height:1.05}.page-intro p{font-size:clamp(18px,2vw,23px);color:#4b565d;line-height:1.5;max-width:760px}
section{padding:88px 0}.section-grid{grid-template-columns:minmax(160px,.6fr) minmax(0,1.8fr);gap:clamp(35px,6vw,100px)}
.lead{font-family:Arial,Helvetica,sans-serif;font-size:clamp(30px,3.6vw,49px);font-weight:630;line-height:1.16;letter-spacing:-.045em;max-width:900px}
.body-copy{font-size:17px;line-height:1.85;color:#485158}.service{background:var(--bg);padding:32px;min-height:195px}.services{border-color:var(--line);background:var(--line);gap:1px}.service h3{font-family:Arial,Helvetica,sans-serif;font-size:22px;letter-spacing:-.025em;font-weight:700}.service p{font-size:15px;line-height:1.75;color:#566068}
.gallery{gap:12px}.gallery .stack{gap:12px}.gallery > img{height:700px}.gallery .stack img{height:344px}.gallery img,.work-feature img{filter:saturate(.83)}
.process-steps,.benefit-list{border-color:var(--line)}.process-step,.benefit{grid-template-columns:45px minmax(155px,245px) minmax(0,1fr);gap:32px;padding:34px 0;border-color:var(--line)}.process-step h3,.benefit h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(22px,2.5vw,31px);font-weight:650;letter-spacing:-.045em;line-height:1.2}.process-step p,.benefit p{font-size:16px;line-height:1.85;color:#455159}.process-note{background:#ecf0f0;border:1px solid var(--line);padding:34px}.process-note h3{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:650;letter-spacing:-.035em}.process-note p{color:#455159}
.pricing-range{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.065em;font-size:clamp(54px,7vw,92px);line-height:1.1}.pricing-unit{font-size:13px;line-height:1.7;color:var(--muted)}.pricing-details p{color:#475159;font-size:16px;line-height:1.85}.pricing-contact{background:var(--ink);color:white;text-decoration:none;border:1px solid var(--ink);padding:14px 20px;font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;transition:background .2s}.pricing-contact:hover{background:#39464e}
.page-footer-cta{padding:70px 0;background:#161e23;color:white;border-top:0}.page-footer-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.page-footer-cta .lead{font-size:clamp(26px,3.2vw,43px);color:white}.page-footer-cta a{border:1px solid #9ba5ab;padding:15px 21px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;font-weight:700;white-space:nowrap;margin:0}.page-footer-cta a:hover{background:white;color:#161e23}footer{background:#161e23;color:#a7b0b5;border-top:1px solid #343d42;padding:23px 0;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.home-directories{padding:70px 0 96px}.directory-title{font-size:clamp(32px,4vw,56px);letter-spacing:-.055em;font-weight:650;line-height:1.14;max-width:760px;margin:18px 0 40px}.directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);gap:1px;background:var(--line)}.directory-card{background:var(--bg);min-height:258px;padding:28px;text-decoration:none;position:relative;display:flex;flex-direction:column;transition:background .2s}.directory-card:hover{background:#ebeff0}.directory-card h3{font-size:17px;font-weight:750;letter-spacing:.035em;margin:31px 0 12px}.directory-card p{font-size:14px;color:#59656d;line-height:1.65;margin:0 0 20px}.directory-arrow{position:absolute;right:24px;bottom:18px;font-size:21px}
.media-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.media-tile{background:#dde2e3}.media-tile img{filter:saturate(.84);transition:transform .25s,filter .25s}.media-tile:hover img{transform:scale(1.04);filter:saturate(1)}.media-top{padding-bottom:12px;border-bottom:1px solid var(--line)}.photo-viewer{background:rgba(10,16,19,.97)}.photo-viewer button{border-radius:0}
@media(max-width:1150px){.header-row{flex-direction:column;align-items:stretch;gap:0;padding:13px 0 0}.brand-mark{width:63px;height:39px}.brand-text{font-size:13px}nav{overflow-x:auto;flex-wrap:nowrap;gap:23px;padding:11px 0 13px;scrollbar-width:thin;justify-content:flex-start}nav a{flex-shrink:0}.nav-contact{padding:9px 12px!important}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-row{min-height:auto}.hero{padding:55px 0 28px}.hero-heading{font-size:clamp(43px,9vw,65px)}.hero-image{min-height:260px;height:52vh;margin-top:34px}.hero-meta{font-size:10px}.section-grid{display:block}.section-title{margin-bottom:26px}.page-intro{padding:54px 0 34px}.page-intro h1{font-size:clamp(49px,12vw,72px)}section{padding:55px 0}.service{padding:26px;min-height:auto}.process-step,.benefit{grid-template-columns:30px minmax(0,1fr);gap:10px 16px}.process-step p,.benefit-copy{grid-column:2}.process-step p,.benefit p{font-size:15px}.process-note{grid-template-columns:1fr;padding:24px;gap:14px}.gallery>img,.gallery .stack img{height:auto;aspect-ratio:4/3}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-card{min-height:235px;padding:18px}.directory-card h3{font-size:14px}.directory-card p{font-size:12px}.page-footer-cta .wrap{display:block}.page-footer-cta a{display:inline-block;margin-top:24px}.page-footer-cta{padding:50px 0}.pricing-range{font-size:58px}}
@media(max-width:420px){.directory-grid{grid-template-columns:1fr}.directory-card{min-height:175px}.directory-card h3{margin-top:12px}.brand-mark{width:54px}.brand-text{letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* FIXED RELEASE: predictable header and responsive navigation */
header { position:sticky; top:0; z-index:60; }
.brand-mark { flex:none; width:82px; height:53px; object-fit:contain; }
.brand a { color:var(--ink); text-decoration:none; }
nav { display:flex; min-width:0; }
nav a { flex-shrink:0; }
.hero-heading { overflow-wrap:normal; }
@media (max-width:1150px) {
  .header-row { width:min(calc(100% - 44px),var(--max)); }
  nav {display:flex; width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap; }
  nav a {display:inline-block;}
  .brand-mark {width:61px;height:42px;}
}
@media (max-width:760px) {
  header {position:sticky;}
  nav {display:flex!important; flex-wrap:nowrap!important; overflow-x:auto!important; justify-content:flex-start!important;}
  .header-row {width:calc(100% - 36px);}
  .hero-heading {font-size:clamp(39px,9.3vw,63px); letter-spacing:-.045em;}
  .hero-actions a {flex:1 1 180px;}
  .page-intro h1 {font-size:clamp(42px,10vw,68px);}
  .media-top {align-items:start;}
  .media-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:420px) {
 .brand-text {font-size:12px;}
 .brand-text small {font-size:8px;}
 .hero-heading {font-size:39px;}
}

/* Founder story — crisp, restrained editorial layout */
.founder-section{padding:88px 0 104px;border-top:1px solid var(--line);background:#eef1f2}
.founder-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.35fr);gap:clamp(36px,7vw,120px);align-items:start}
.founder-sidebar{position:sticky;top:140px}
.founder-sidebar h2,.home-founder h2{font-size:clamp(33px,4vw,57px);font-weight:650;letter-spacing:-.055em;line-height:1.09;margin:22px 0 38px;max-width:500px}
.founder-contact{border-top:1px solid #b9c2c5;padding-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.founder-contact span{font-size:20px;letter-spacing:-.02em;font-weight:700}
.founder-contact small{font-size:11px;letter-spacing:.12em;color:#576269}
.founder-contact a,.founder-link{color:#1b242b;font-size:13px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;text-underline-offset:5px;text-decoration:underline;margin-top:12px}
.founder-story{max-width:750px}
.founder-story p{font-size:16px;line-height:1.84;color:#354249;margin:0 0 22px}
.founder-story .founder-lead{font-size:clamp(23px,2.55vw,34px);line-height:1.4;letter-spacing:-.03em;color:#172027;font-weight:560;margin-bottom:32px}
.founder-story .founder-belief{font-size:19px;line-height:1.65;color:#172027;border-left:3px solid #172027;padding-left:24px;margin-top:36px}
.home-founder{padding:78px 0 88px;border-top:1px solid var(--line)}
.home-founder-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,110px)}
.home-founder h2{margin-bottom:0;max-width:560px}
.home-founder p{max-width:620px;font-size:17px;line-height:1.8;color:#465159;margin:0 0 24px}
@media(max-width:760px){.founder-section{padding:64px 0}.founder-layout,.home-founder-layout{grid-template-columns:1fr;gap:30px}.founder-sidebar{position:static}.founder-sidebar h2{margin-bottom:26px}.founder-story .founder-belief{font-size:17px}.home-founder{padding:62px 0}.home-founder h2{margin:8px 0 0}}

/* Homepage hero: show the whole photo (4:3) instead of cropping it */
.page-index .hero-image{height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover}