:root{--ink:#24211f;--cream:#f7f5f0;--line:#d8d4ce;--gold:#b69258;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto;object-fit:cover}.site-header{height:52px;display:grid;grid-template-columns:210px 1fr 150px 68px;align-items:center;border-bottom:1px solid #eee;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:50}.logo{display:flex;flex-direction:column;line-height:1;text-align:center;letter-spacing:.2em}.logo strong{font-size:19px;font-weight:500}.logo span{font-size:8px;letter-spacing:.28em;margin-top:5px}.desktop-nav{display:flex;justify-content:center;gap:28px;font-family:sans-serif;font-size:12px}.header-reserve{height:52px;background:#2f2d2b;color:#fff;display:flex;align-items:center;justify-content:center;letter-spacing:.08em}.menu-btn{border:0;background:#f3f1ec;height:52px;padding:0 22px;display:flex;flex-direction:column;gap:5px;justify-content:center}.menu-btn span{width:20px;height:1px;background:#222}.mobile-menu{position:fixed;top:52px;left:0;right:0;background:#fff;z-index:49;padding:20px;border-bottom:1px solid #ddd}.mobile-menu a{display:block;padding:12px 8px;border-bottom:1px solid #eee}.hero{height:410px;position:relative;overflow:hidden;background:#f5f3ef}.hero-slide{position:absolute;top:0;right:0;width:62%;height:100%;opacity:0;transition:opacity 1.2s ease;overflow:hidden;background:#eee}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 31%,rgba(255,255,255,.78) 43%,rgba(255,255,255,.08) 62%,rgba(0,0,0,.04) 100%);z-index:1;pointer-events:none}.hero-copy{position:absolute;left:5.2%;top:52px;z-index:2;width:430px}.hero-copy h1{font-size:42px;font-weight:400;line-height:1.35;margin:0 0 13px}.hero-copy p{margin:7px 0;font-size:15px}.script{font-style:italic;font-family:cursive;font-size:21px!important;margin-left:90px!important}.location{margin-top:20px!important}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:13px 22px;min-width:205px;margin-top:8px;font-size:13px;letter-spacing:.08em}.btn.dark{background:#2f2d2b;color:#fff}.btn.line{border:1px solid #aaa;background:#fff}.btn.big{min-width:250px}.dots{margin-top:20px;display:flex;gap:10px}.dot{width:8px;height:8px;border:1px solid #222;border-radius:50%;padding:0;background:transparent}.dot.active{background:#222}.hero-vertical{position:absolute;right:6.5%;top:63px;writing-mode:vertical-rl;color:#fff;letter-spacing:.2em;line-height:2}.hero-mark{position:absolute;right:3%;bottom:28px;color:#fff;text-align:center;letter-spacing:.15em;font-size:12px}.hero-mark span{font-size:8px}.trust-strip{height:82px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-bottom:1px solid #eee;box-shadow:0 2px 6px rgba(0,0,0,.05)}.trust-strip>div{display:flex;justify-content:center;align-items:center;gap:22px;border-right:1px solid #ddd}.trust-strip>div:last-child{border-right:0}.trust-strip small,.trust-strip strong{display:block}.trust-strip small{letter-spacing:.14em}.trust-strip strong{font-size:14px}.ico{font-size:28px}.split{display:grid;grid-template-columns:1fr 1.15fr 1.05fr}.photo{background-size:cover;background-position:center;background-repeat:no-repeat}.concerns{min-height:282px}.concern-photo{background-image:url('assets/concern_new.jpg')}.concern-list,.concern-message{padding:44px 46px}.concern-list h2{font-weight:400;font-size:28px;text-align:center;margin:0 0 20px}.concern-list ul{list-style:none;padding:0;margin:auto;max-width:300px;font-family:sans-serif;font-size:13px}.concern-list li:before{content:'☑';margin-right:8px}.concern-message{display:flex;flex-direction:column;justify-content:center;font-size:13px}.eyebrow{letter-spacing:.12em}.concept{grid-template-columns:1fr 1fr;background:#faf9f6}.section-pad{padding:36px 4.8%}.concept-copy{padding-top:45px}.section-title{font-size:33px;letter-spacing:.05em;margin:0}.concept-copy h2{font-weight:400;font-size:24px;margin:8px 0 14px}.concept-copy p{font-size:13px}.concept-photo{background-image:url('assets/concept_new.jpg');min-height:275px}.text-link{display:inline-block;border-bottom:1px solid #222;padding-bottom:4px;font-family:sans-serif;font-size:12px;letter-spacing:.06em}.center-head{text-align:center;margin-bottom:25px}.center-head h2{font-weight:400;font-size:25px;margin:0}.center-head small{font-size:8px;letter-spacing:.2em}.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.reason-grid article{position:relative}.reason-grid article>span{font-size:27px;color:var(--gold);font-style:italic;position:absolute;top:-16px;left:0;background:#fff;padding-right:8px}.reason-grid img{height:112px}.reason-grid h3{font-size:14px;margin:10px 0 4px}.reason-grid p{font-family:sans-serif;font-size:11px;line-height:1.7}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.section-head>div{display:flex;align-items:baseline;gap:18px}.section-head small{font-size:10px}.style-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.style-grid img{height:150px}.style-grid h3{font-size:14px;font-weight:400;margin:8px 0 0}.style-grid p,.style-grid small{font-family:sans-serif;font-size:10px;margin:0}.case-menu{display:grid;grid-template-columns:1fr 1fr;background:#fbfaf8}.before-after{border-top:1px solid #ddd;border-right:1px solid #ddd}.popular{border-top:1px solid #ddd}.ba-content{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.ba-photos{display:flex;align-items:center;gap:8px}.ba-photos figure{margin:0;position:relative;flex:1}.ba-photos img{height:140px}.ba-photos figcaption{position:absolute;right:4px;bottom:4px;background:rgba(255,255,255,.7);font-size:10px;padding:1px 4px}.ba-content h3{font-weight:400}.ba-content p{font-size:12px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.menu-grid img{height:88px}.menu-grid h3{font-size:12px;line-height:1.5;margin:7px 0}.menu-grid strong{font-size:20px;color:var(--gold);font-weight:400}.first-offer{display:grid;grid-template-columns:1.05fr 1.3fr 1.2fr;min-height:125px;background:#f4f1ea}.first-photo{background-image:url('assets/first_new.jpg')}.salon-mini{background-image:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),url('assets/salon_new.jpg');display:flex;align-items:center;justify-content:center}.salon-mini p{font-size:20px}.first-copy{display:flex;align-items:center;justify-content:space-around;gap:18px;padding:18px}.first-copy>p{font-size:22px}.first-copy>p small{display:block;font-size:8px;letter-spacing:.2em}.first-copy>div span,.first-copy>div strong{display:block}.first-copy strong{font-size:20px;color:var(--gold);font-weight:400}.staff-voice{display:grid;grid-template-columns:1fr 1fr;gap:25px}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.staff-grid article{border:1px solid #ddd;padding:10px}.staff-grid img{height:95px}.staff-grid h3{margin:5px 0 0;font-size:14px}.staff-grid small,.staff-grid p,.staff-grid a{font-family:sans-serif;font-size:9px}.staff-grid a{display:inline-block;border:1px solid #bbb;padding:5px 8px}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.voice-grid article{border:1px solid #ddd;padding:18px;min-height:130px}.voice-grid h3{font-size:12px}.voice-grid p{font-family:sans-serif;font-size:11px}.salon-faq{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;background:#fbfaf8}.salon-content{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:18px}.salon-pics{display:grid;grid-template-columns:1fr 1fr;gap:6px}.salon-pics img{height:125px}.salon-info{font-family:sans-serif;font-size:10px}.salon-info h3{font-family:serif;font-size:16px}.map{min-height:125px;background:repeating-linear-gradient(0deg,#ece9e5 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,#ece9e5 0 1px,transparent 1px 24px),#f6f4f1;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:sans-serif;font-size:11px}.pin{color:#b8513b;font-size:28px}.accordion button{width:100%;display:flex;justify-content:space-between;background:#fff;border:1px solid #ddd;padding:12px;text-align:left}.accordion div{display:none;padding:12px;background:#fafafa;border:1px solid #eee;border-top:0;font-size:12px}.final-cta{min-height:150px;position:relative;display:grid;grid-template-columns:1fr 2.2fr 1fr;align-items:center;overflow:hidden}.final-photo{position:absolute;inset:0;background:url('assets/cta_new.jpg') center/cover;z-index:-2}.final-cta:after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.68);z-index:-1}.final-copy{text-align:center;grid-column:2}.final-copy h2{font-weight:400;font-size:23px;margin:0}.final-copy p{font-size:11px}.final-cta>a{grid-column:3;margin-right:35px}footer{padding:30px 4%;display:grid;grid-template-columns:220px 1fr;align-items:center;gap:30px;border-top:1px solid #ddd}footer nav{display:flex;gap:28px;font-size:10px}footer p{grid-column:1/-1;font-size:9px;color:#777}.mobile-fixed{display:none}
@media(max-width:800px){body{padding-bottom:58px}.site-header{grid-template-columns:1fr 120px 56px;height:56px}.desktop-nav{display:none}.logo strong{font-size:16px}.header-reserve{height:56px;font-size:12px}.menu-btn{height:56px;padding:0 17px}.hero{height:560px}.hero-slide{background-position:68% center}.hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.98) 0,rgba(255,255,255,.78) 35%,rgba(255,255,255,.04) 64%,rgba(0,0,0,.12) 100%)}.hero-copy{left:7%;top:55px;width:86%}.hero-copy h1{font-size:34px}.hero-vertical{right:5%;top:auto;bottom:95px}.hero-mark{display:none}.trust-strip{height:auto;grid-template-columns:1fr;padding:12px 0}.trust-strip>div{justify-content:flex-start;padding:10px 9%;border-right:0;border-bottom:1px solid #eee}.trust-strip>div:last-child{border-bottom:0}.split,.concept,.case-menu,.staff-voice,.salon-faq,.first-offer,.final-cta{grid-template-columns:1fr}.concern-photo{min-height:260px}.concern-list,.concern-message{padding:34px 8%}.concept-photo{min-height:260px;order:-1}.section-pad{padding:34px 6%}.reason-grid{grid-template-columns:1fr 1fr}.reason-grid img{height:130px}.style-grid{grid-template-columns:1fr 1fr}.style-grid img{height:220px}.before-after{border-right:0}.ba-content{grid-template-columns:1fr}.menu-grid{grid-template-columns:1fr}.menu-grid article{display:grid;grid-template-columns:130px 1fr;gap:12px}.menu-grid img{grid-row:1/3;height:100px}.first-copy{flex-direction:column;align-items:flex-start}.salon-mini{min-height:180px}.staff-grid{grid-template-columns:1fr 1fr}.voice-grid{grid-template-columns:1fr}.salon-content{grid-template-columns:1fr}.salon-pics img{height:150px}.faq-block{margin-top:10px}.final-cta{padding:38px 6%;gap:20px;text-align:center}.final-copy,.final-cta>a{grid-column:1;margin:0 auto}.final-photo{background-position:left center}footer{grid-template-columns:1fr;text-align:center}footer nav{justify-content:center;flex-wrap:wrap}.mobile-fixed{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1.25fr;z-index:60;height:58px}.mobile-fixed a{display:flex;align-items:center;justify-content:center;color:#fff;font-family:sans-serif;font-size:13px}.mobile-fixed a:first-child{background:#23b85f}.mobile-fixed a:last-child{background:#9a6652}.section-head{align-items:center}.section-title{font-size:28px}}
/* v2 fidelity refinements */
.desktop-nav{gap:20px;font-size:11px;white-space:nowrap}.site-header{grid-template-columns:220px 1fr 150px 68px}.hero-copy{top:50px}.hero-copy h1{letter-spacing:.015em}.concerns{background:#fbfaf8}.concept{border-top:1px solid #eee}.styles{padding-top:30px;padding-bottom:30px}.style-grid{gap:11px}.style-grid img{height:154px}.case-menu{border-top:1px solid #ddd}.column-teaser{border-top:1px solid #e5e1db;background:#fff}.column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.column-grid article{padding:24px 28px;border-right:1px solid #ddd}.column-grid article:last-child{border-right:0}.column-grid h3{font-weight:400;font-size:16px;line-height:1.7;margin:7px 0 18px}.column-date,.column-grid a{font-family:sans-serif;font-size:10px;color:#777}.column-grid a{color:#222;border-bottom:1px solid #222;padding-bottom:3px}@media(max-width:1000px){.desktop-nav{gap:13px;font-size:10px}.site-header{grid-template-columns:205px 1fr 140px 60px}}@media(max-width:800px){.column-grid{grid-template-columns:1fr}.column-grid article{border-right:0;border-bottom:1px solid #ddd}.column-grid article:last-child{border-bottom:0}}

/* v6 image-quality safeguards */
img{image-rendering:auto;filter:none;backface-visibility:hidden}
.hero-slide,.photo,.first-photo,.salon-mini,.final-photo{image-rendering:auto}

/* v7 generated-image quality controls */
.hero,.trust-strip,.concerns,.concept,.reasons,.styles,.case-menu,.first-offer,.staff-voice,.salon-faq,.column-teaser,.final-cta,footer{max-width:1440px;margin-left:auto;margin-right:auto}
.reasons{background:#fff;border-top:1px solid #eee}
.reason-grid img,.style-grid img,.menu-grid img,.staff-grid img,.salon-pics img,.ba-photos img{object-fit:cover;object-position:center}
.hero-slide img,.reason-grid img,.style-grid img,.menu-grid img,.staff-grid img,.salon-pics img,.ba-photos img{filter:none!important;transform:none!important}
@media(max-width:800px){.hero-slide{width:100%;height:64%;top:auto;bottom:0}.hero-slide img{object-position:center center}.hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.96) 35%,rgba(255,255,255,.25) 58%,rgba(255,255,255,0) 76%)}.hero-vertical{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.25)}}
.hero-vertical,.hero-mark{z-index:2}

/* v8 image-quality correction: dedicated high-resolution crops and safe framing */
.reason-grid img{height:112px;object-fit:cover;object-position:center center}
.menu-grid img{height:96px;object-fit:cover;object-position:center center}
.staff-grid img{height:150px;object-fit:contain!important;object-position:center top!important;background:#f7f5f0}
@media(max-width:800px){
  .reason-grid img{height:135px}
  .menu-grid img{height:110px}
  .staff-grid img{height:185px;object-fit:contain!important;object-position:center top!important}
}

/* v9 mobile responsive hardening — MUST remain last in cascade */
@media (max-width: 800px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
  body { padding-bottom: 62px; }

  .site-header {
    width: 100%;
    height: 56px;
    grid-template-columns: minmax(0, 1fr) 108px 48px;
    position: sticky;
    top: 0;
  }
  .site-header .logo { min-width: 0; padding: 0 8px; overflow: hidden; }
  .site-header .logo strong { font-size: 15px; letter-spacing: .12em; white-space: nowrap; }
  .site-header .logo span { font-size: 7px; letter-spacing: .22em; }
  .desktop-nav { display: none !important; }
  .header-reserve { width: 108px; min-width: 0; height: 56px; font-size: 11px; padding: 0 6px; white-space: nowrap; }
  .menu-btn { width: 48px; height: 56px; padding: 0 14px; }
  .menu-btn span { width: 20px; }
  .mobile-menu { top: 56px; max-height: calc(100vh - 56px); overflow-y: auto; }

  .hero {
    height: 650px;
    display: block;
    overflow: hidden;
  }
  .hero-copy {
    left: 7%;
    top: 26px;
    width: 86%;
    max-width: none;
  }
  .hero-copy h1 { font-size: clamp(28px, 8.2vw, 34px); line-height: 1.38; margin-bottom: 10px; }
  .hero-copy p { font-size: 13px; line-height: 1.65; }
  .hero-copy .script { font-size: 17px !important; margin: 4px 0 0 38px !important; }
  .hero-copy .location { margin-top: 12px !important; }
  .hero-copy .btn { min-width: 190px; padding: 11px 18px; }
  .hero-copy .dots { margin-top: 12px; }
  .hero-slide {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    height: 58%;
  }
  .hero-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center 32%; }
  .hero-overlay {
    background: linear-gradient(180deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,1) 39%,
      rgba(255,255,255,.92) 45%,
      rgba(255,255,255,.28) 54%,
      rgba(255,255,255,0) 66%);
  }
  .hero-vertical, .hero-mark { display: none; }

  .trust-strip {
    grid-template-columns: 1fr;
    height: auto;
    padding: 4px 0;
  }
  .trust-strip > div {
    min-height: 58px;
    justify-content: flex-start;
    gap: 15px;
    padding: 8px 7%;
    border-right: 0;
    border-bottom: 1px solid #eee;
  }
  .trust-strip > div:last-child { border-bottom: 0; }
  .trust-strip .ico { font-size: 22px; min-width: 28px; text-align: center; }
  .trust-strip small { font-size: 9px; }
  .trust-strip strong { font-size: 13px; }

  .split, .concept, .case-menu, .staff-voice, .salon-faq, .first-offer, .final-cta { grid-template-columns: 1fr !important; }
  .section-pad { padding: 34px 6%; }
  .section-title { font-size: clamp(27px, 8vw, 34px); line-height: 1.1; }
  .section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-bottom: 20px;
  }
  .section-head > div { gap: 10px; min-width: 0; flex-wrap: wrap; }
  .section-head .text-link { margin-left: auto; }

  .concern-photo { min-height: 270px; background-position: center 30%; }
  .concern-list, .concern-message { padding: 30px 7%; }
  .concern-list h2 { font-size: 26px; }
  .concern-list ul { max-width: none; font-size: 13px; }
  .concern-message { padding-top: 6px; }
  .concern-message .btn { width: 100%; min-width: 0; }

  .concept-photo { min-height: 250px; order: -1; background-position: center; }
  .concept-copy { padding-top: 30px; }
  .concept-copy h2 { font-size: 21px; }
  .concept-copy p { font-size: 12.5px; line-height: 1.9; }

  .reasons { padding-top: 38px; padding-bottom: 38px; }
  .center-head { margin-bottom: 24px; }
  .reason-grid { grid-template-columns: 1fr !important; gap: 28px; }
  .reason-grid article { min-width: 0; }
  .reason-grid article > span { top: -13px; font-size: 29px; }
  .reason-grid img { width: 100%; height: auto !important; aspect-ratio: 16 / 7; object-fit: cover; object-position: center; }
  .reason-grid h3 { font-size: 16px; margin-top: 10px; }
  .reason-grid p { font-size: 12px; margin: 4px 0 0; }

  .styles { padding-top: 34px; padding-bottom: 34px; }
  .style-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px 12px; }
  .style-grid article { min-width: 0; }
  .style-grid img { width: 100%; height: auto !important; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 22%; }
  .style-grid h3 { font-size: 13px; line-height: 1.45; }
  .style-grid p, .style-grid small { font-size: 9px; line-height: 1.55; overflow-wrap: anywhere; }

  .before-after, .popular { border-right: 0; }
  .ba-content { grid-template-columns: 1fr !important; gap: 22px; }
  .ba-photos { width: 100%; gap: 7px; }
  .ba-photos figure { min-width: 0; }
  .ba-photos img { width: 100%; height: auto !important; aspect-ratio: 4 / 5; object-fit: cover; }
  .ba-content .btn { width: 100%; min-width: 0; }

  .menu-grid { grid-template-columns: 1fr !important; gap: 18px; }
  .menu-grid article {
    display: grid;
    grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 6px 14px;
    align-items: start;
    min-width: 0;
  }
  .menu-grid img {
    grid-row: 1 / 3;
    width: 100%;
    height: auto !important;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center;
  }
  .menu-grid h3 { font-size: 13px; margin: 2px 0 0; overflow-wrap: anywhere; }
  .menu-grid strong { font-size: 21px; align-self: end; }

  .first-offer { min-height: 0; }
  .first-photo { min-height: 190px; background-position: center 30%; }
  .first-copy { flex-direction: column; align-items: flex-start; padding: 26px 7%; gap: 12px; }
  .first-copy > p { margin: 0; }
  .first-copy .btn { width: 100%; min-width: 0; }
  .salon-mini { min-height: 190px; padding: 28px 7%; text-align: center; }
  .salon-mini p { font-size: 18px; }

  .staff-voice { gap: 38px; }
  .staff-grid { grid-template-columns: 1fr !important; gap: 14px; }
  .staff-grid article {
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;
    column-gap: 14px;
    row-gap: 2px;
    padding: 12px;
    min-width: 0;
  }
  .staff-grid img {
    grid-column: 1;
    grid-row: 1 / 5;
    width: 100%;
    height: auto !important;
    aspect-ratio: 4 / 5;
    object-fit: contain !important;
    object-position: center top !important;
    align-self: start;
  }
  .staff-grid h3, .staff-grid small, .staff-grid p, .staff-grid a { grid-column: 2; }
  .staff-grid h3 { font-size: 18px; margin: 0; line-height: 1.3; }
  .staff-grid small, .staff-grid p, .staff-grid a { font-size: 11px; }
  .staff-grid p { margin: 7px 0; line-height: 1.6; }
  .staff-grid a { justify-self: start; padding: 7px 10px; }

  .voice-grid { grid-template-columns: 1fr !important; }
  .voice-grid article { min-height: 0; padding: 16px; }

  .salon-content { grid-template-columns: 1fr !important; gap: 18px; }
  .salon-pics { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .salon-pics img { width: 100%; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; }
  .salon-info { font-size: 11px; }
  .map { min-height: 175px; }
  .map .btn { min-width: 0; width: calc(100% - 40px); }
  .faq-block { margin-top: 6px; }
  .accordion button { font-size: 12px; gap: 10px; line-height: 1.5; }
  .accordion div { font-size: 12px; }

  .column-grid { grid-template-columns: 1fr !important; }
  .column-grid article { padding: 20px 0; border-right: 0; border-bottom: 1px solid #ddd; }
  .column-grid article:last-child { border-bottom: 0; }
  .column-grid h3 { font-size: 15px; }

  .final-cta { min-height: 300px; padding: 42px 7% 38px; align-content: end; gap: 16px; }
  .final-photo { background-position: center 30%; }
  .final-cta:after { background: rgba(255,255,255,.74); }
  .final-copy, .final-cta > a { grid-column: 1 !important; }
  .final-copy { align-self: end; }
  .final-copy h2 { font-size: 21px; line-height: 1.55; }
  .final-cta > a { width: 100%; min-width: 0; margin: 0; }

  footer { grid-template-columns: 1fr !important; text-align: center; padding: 30px 7% 28px; gap: 22px; }
  footer nav { justify-content: center; flex-wrap: wrap; gap: 10px 18px; }

  .mobile-fixed { height: 62px; grid-template-columns: 1fr 1.2fr; }
  .mobile-fixed a { font-size: 12px; }
}

@media (max-width: 420px) {
  .site-header { grid-template-columns: minmax(0, 1fr) 100px 46px; }
  .header-reserve { width: 100px; font-size: 10.5px; }
  .menu-btn { width: 46px; padding: 0 13px; }
  .hero { height: 635px; }
  .hero-copy h1 { font-size: 29px; }
  .style-grid { gap: 20px 10px; }
  .style-grid h3 { font-size: 12.5px; }
  .menu-grid article { grid-template-columns: minmax(0, 40%) minmax(0, 1fr); gap: 6px 12px; }
  .staff-grid article { grid-template-columns: minmax(0, 38%) minmax(0, 1fr); }
  .section-head .text-link { font-size: 10.5px; }
}

/* v10 IMAGE QUALITY / ASPECT RATIO GATE
   Generated STYLE and BEFORE/AFTER assets are landscape-oriented.
   Preserve their effective resolution on mobile instead of forcing 4:5 crops. */
@media (max-width: 800px) {
  .style-grid img {
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  .ba-photos img {
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}