/* 將指定 V3 的作品卡片與接髮介紹融入既有首頁；不改五篇文章樣式。 */
.v4-section{padding-block:4.5rem;scroll-margin-top:2rem;--v4-line:#ded8d1;--v4-accent:#7c6254}
.v4-section h2{max-width:48rem;margin-bottom:1.5rem}
.v4-lead{max-width:46rem;color:var(--muted);margin-bottom:2rem}
.v4-tiles,.v4-tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-block:2rem}
.v4-tile,.v4-tech,.v4-case{min-width:0;background:#fff;border:1px solid #ded8d1}
.v4-tile-copy,.v4-tech{padding:1.25rem}
.v4-tile-copy h3,.v4-case h3,.v4-tech h3{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}
.v4-tile-copy p,.v4-note,.v4-caption{color:#736e68;font-size:.875rem}
.v4-note{margin-block:1.5rem}
.v4-video-frame{position:relative;background:#252320;aspect-ratio:3/4;overflow:hidden}
.v4-video-frame video{display:block;width:100%;height:100%;object-fit:contain}
.v4-video-trigger{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;border:0;background:linear-gradient(transparent,rgba(0,0,0,.35));color:#fff;font:inherit;cursor:pointer;min-height:44px}
.v4-video-trigger[hidden]{display:none}
.v4-play{display:grid;place-items:center;border-radius:50%;border:1px solid #fff;width:3.5rem;height:3.5rem;background:#252320c9;font-size:1.125rem;padding-left:.15rem}
.v4-video-trigger:focus-visible{outline:3px solid #e4c9d5;outline-offset:-5px}
.v4-compare,.v4-reviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-block:2rem}
.v4-case{padding:1.25rem}.v4-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}
.v4-photo{min-width:0;margin:0}.v4-photo img{display:block;aspect-ratio:9/16;object-fit:contain;background:#252320;width:100%;height:auto}
.v4-photo .v4-video-frame{aspect-ratio:9/16}.v4-photo figcaption{padding:.5rem 0;font-size:.8125rem;color:#736e68}
.v4-size{font:400 1.5rem/1.6 Georgia,serif;color:#7c6254;margin-bottom:.5rem}.v4-tech>.v4-video-frame{margin-top:1.25rem}.v4-caption{margin-top:.75rem}
.v4-reviews figure{margin:0;background:#fff;padding:1.5rem;border-left:3px solid #a88a73}.v4-reviews blockquote{margin:0 0 1rem}.v4-reviews figcaption{font-size:.8125rem;color:#736e68}
.v4-tiles-two{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-tiles-two .v4-video-frame{max-height:520px}
.v4-tech-content{max-width:1120px;margin:0 auto;padding:0 32px}.v4-tech-page .reading{max-width:950px}.v4-tech-page .reading>.v4-tile{max-width:420px;margin:0 auto 2rem}
.v4-tech-page .v4-tech{scroll-margin-top:2rem}.v4-tech-page p{overflow-wrap:anywhere}
@media(max-width:760px){.v4-section{padding-block:3rem}.v4-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.v4-tiles:not(.v4-tiles-two)>.v4-tile:first-child{grid-column:1/-1}.v4-tiles:not(.v4-tiles-two)>.v4-tile:first-child .v4-video-frame{aspect-ratio:4/3}.v4-tech-grid,.v4-compare,.v4-reviews,.v4-tiles-two{grid-template-columns:1fr}.v4-tile-copy,.v4-tech,.v4-case{padding:1rem}.v4-tile-copy h3{font-size:.9375rem}.v4-tech>.v4-video-frame{max-width:420px;margin-inline:auto}.v4-tech-content{padding-inline:22px}.v4-tech-page .reading{padding-inline:22px}.v4-section .v4-video-trigger{font-size:.8125rem}}
@media(max-width:380px){.v4-tiles{grid-template-columns:1fr}.v4-tiles:not(.v4-tiles-two)>.v4-tile:first-child{grid-column:auto}}

/* 上線前微調：手機小字與觸控入口，沿用原有色彩與留白。 */
@media(max-width:760px){
  .header nav{font-size:.9375rem;gap:.5rem}
  .header nav a{min-height:48px;line-height:1.5;padding:.65rem .5rem}
  .eyebrow,.portrait-caption,.section-number,.hero-meta,.pending,.social-label,
  .salon-frame figcaption,.v4-photo figcaption,.v4-reviews figcaption,
  .footer-inner>p:not(.brand),.footer-inner>a{font-size:.875rem;line-height:1.7}
  .section-number{letter-spacing:.1em}
  .v4-tile-copy p,.v4-note,.v4-caption{font-size:.9375rem;line-height:1.75}
  .button{font-size:1rem;line-height:1.5;padding:.85rem 1rem;min-height:48px;max-width:100%;text-align:center}
  .text-link{display:inline-flex;align-items:center;min-height:48px;font-size:.9375rem;line-height:1.6}
  .v4-section .v4-video-trigger{font-size:.9375rem;line-height:1.5}
  .topbar>a:last-child{display:inline-flex;align-items:center;min-height:48px;font-size:.9375rem;text-align:right;line-height:1.5}
}