/* Scoped additions for the October 11 homepage and fine-line review. */
.seo-home .hero { min-height: 850px; min-height: max(780px, 100svh); padding-top: 148px; }
.seo-home .hero h1 { max-width: 940px; font-size: clamp(42px, 5.7vw, 82px); line-height: 1.02; }
.seo-home .hero .lead { max-width: 710px; }
.seo-home .hero .finline { max-width: 700px; }
.seo-location { color: var(--champ); font-size: 15px; line-height: 1.7; margin: 22px 0 0; }
.seo-location a, .seo-copy a:not(.btn), .seo-photo figcaption a, .seo-proof a:not(.btn) { text-decoration: underline; text-underline-offset: 4px; }
.seo-section { padding-top: clamp(56px, 7vw, 100px); padding-bottom: clamp(56px, 7vw, 100px); }
.seo-section h2 { font-size: clamp(32px, 4vw, 54px); max-width: 800px; }
.seo-section .lead { max-width: 740px; }
.seo-intro { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 32px; }
.seo-intro h2 { margin-bottom: 0; }
.seo-intro .btn { flex-shrink: 0; }
.seo-portfolio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 30px; }
.seo-photo { margin: 0; min-width: 0; }
.seo-photo .seo-photo-frame { display: flex; align-items: center; justify-content: center; background: var(--surface); height: 390px; overflow: hidden; }
.seo-photo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.seo-photo figcaption { padding: 15px 0 8px; color: var(--champ); font-size: 16px; line-height: 1.6; }
.seo-photo figcaption strong { display: block; font-weight: 500; color: var(--text); }
.seo-photo figcaption span { color: var(--muted); font-size: 14px; }
.seo-note { font-size: 14px; line-height: 1.7; color: var(--muted); margin-top: 20px; }
.seo-proof { border-top: 1px solid var(--border-solid); border-bottom: 1px solid var(--border-solid); padding: 32px 0; margin-top: 36px; }
.seo-proof-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.seo-proof h3 { font-size: 24px; margin: 0 0 12px; }
.seo-proof p { color: var(--champ); line-height: 1.8; }
.seo-proof blockquote { margin: 0; font-size: clamp(20px, 2.3vw, 27px); line-height: 1.55; }
.seo-proof cite { display: block; font-size: 14px; font-style: normal; color: var(--muted); margin-top: 16px; }
.seo-award { display: flex; gap: 22px; align-items: center; }
.seo-award img { width: 180px; height: auto; }
.seo-award p { margin: 0; }
.seo-fine .pagehead { padding-bottom: 36px; }
.seo-fine .pagehead h1 { font-size: clamp(42px, 6vw, 80px); max-width: 1040px; }
.seo-fine .pagehead .lead { max-width: 740px; margin-top: 24px; }
.seo-fine .pagehead .cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
#fine-line-work { scroll-margin-top: 110px; }
.seo-fine .seo-portfolio { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.seo-fine .seo-photo { grid-column: span 2; }
.seo-fine .seo-photo:nth-child(4) { grid-column: 2 / span 2; }
.seo-fine .seo-photo:nth-child(5) { grid-column: 4 / span 2; }
.seo-artist-links { display: flex; gap: 24px; flex-wrap: wrap; margin-top: 22px; }
.seo-artist-links a { color: var(--gold2); text-underline-offset: 5px; text-decoration: underline; padding: 10px 0; }
.seo-home .card .seo-service-link { display: inline-block; margin-top: 18px; color: var(--gold2); text-decoration: underline; text-underline-offset: 5px; padding: 8px 0; }
.seo-home a:focus-visible, .seo-fine a:focus-visible, .seo-home button:focus-visible, .seo-fine button:focus-visible { outline: 3px solid var(--gold2); outline-offset: 5px; }
.seo-skip { position: fixed; top: -100px; left: 16px; z-index: 9999; background: var(--gold2); color: var(--bg); padding: 16px; }
.seo-skip:focus { top: 12px; }
@media (max-width: 760px) {
  .seo-home .hero { min-height: 740px; padding-top: 130px; padding-bottom: 80px; }
  .seo-home .hero h1 { font-size: clamp(38px, 9.4vw, 60px); }
  .seo-intro { flex-direction: column; align-items: start; }
  .seo-portfolio, .seo-fine .seo-portfolio { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .seo-fine .seo-photo, .seo-fine .seo-photo:nth-child(4), .seo-fine .seo-photo:nth-child(5) { grid-column: auto; }
  .seo-photo .seo-photo-frame { height: 320px; }
  .seo-proof-grid { grid-template-columns: 1fr; gap: 32px; }
  .seo-award { align-items: start; }
  .seo-award img { width: 120px; }
}
@media (max-width: 480px) {
  .seo-portfolio, .seo-fine .seo-portfolio { grid-template-columns: 1fr; gap: 24px; }
  .seo-photo .seo-photo-frame { height: auto; max-height: none; }
  .seo-photo img { width: 100%; height: auto; max-height: 490px; object-fit: contain; }
  .seo-fine .pagehead h1 { font-size: 42px; }
  .seo-award { flex-direction: column; }
  .seo-award img { width: 200px; }
  .seo-home .hero .cta { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .seo-home *, .seo-fine * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
  .seo-home .rv, .seo-fine .rv { opacity: 1 !important; transform: none !important; }
}