/* Restrained studio direction. Woodgrain hero photography and brand retained. */
.studio-preview .wrap { max-width: 1220px; }
.studio-preview .site-bar { padding: 1.2rem 2rem; }
.studio-preview header.site { border-top: 0; box-shadow: none; }
.studio-preview nav.site-nav a { letter-spacing: 0.11em; }
.studio-preview .kicker { letter-spacing: 0.16em; font-size: 0.72rem; }
.studio-preview .kicker::before,
.studio-preview .kicker .num,
.studio-preview .hero-scroll-hint { display: none; }
.studio-preview .sec-parchment { background: var(--ivory); border: 0; }
.studio-preview .sec-dark,
.studio-preview .sec-olive,
.studio-preview .sec-walnut,
.studio-preview footer.site { background-image: none; }
.studio-preview section:not(.hero):not(.facts) { padding-top: 7.5rem; padding-bottom: 7.5rem; }
.studio-preview .sec-head { margin-bottom: 3.2rem; }
.studio-preview .facts { border: 0; background: var(--ivory); padding: 3.2rem 0; }
.studio-preview .fact-strip { border-bottom: 1px solid var(--line); padding-bottom: 3.2rem; }
.studio-preview .fact-strip div { font-size: 0.86rem; font-weight: 400; letter-spacing: 0; text-transform: none; color: #626258; }
.studio-preview .fact-strip strong { font-size: 1.15rem; }
.studio-preview .work-card .ph,
.studio-preview .framed { padding: 0; border: 0; box-shadow: none; background: transparent; }
.studio-preview .work-card .meta { border: 0; margin-top: 1.2rem; padding-top: 0; }
.studio-preview .work-card h3 { font-size: 1.4rem; }
.studio-preview .work-card .meta p { color: #626258; }
.studio-preview .work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem 3rem; }
.studio-preview.home-page .work-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 2rem; }
.studio-preview.home-page .work-card:nth-child(2) { margin-top: 0; }
.studio-preview.home-page .work-card:nth-child(3) { margin-top: 0; }
.studio-preview .work-card:hover .ph img { transform: scale(1.02); }
.studio-preview .gallery-trigger:focus-visible { outline-offset: -4px; }
.studio-preview .framed figcaption { padding: 1rem 0 0; }
.studio-preview .quote-band { background: var(--parchment); }
.studio-preview .quote-band blockquote { color: var(--charcoal); font-style: normal; max-width: 26em; }
.studio-preview .quote-band blockquote::before,
.studio-preview .quote-band cite::before { display: none; }
.studio-preview .quote-band cite { color: #626258; letter-spacing: 0.12em; }
.studio-preview .quote-band .btn.light { background: transparent; color: var(--charcoal); border: 0; border-bottom: 1px solid var(--charcoal); padding: 0 0 0.5rem; }
.studio-preview .btn { letter-spacing: 0.1em; font-size: 0.78rem; }
.studio-preview .btn.ghost { padding: 0 0 0.55rem; border: 0; border-bottom: 1px solid var(--charcoal); }
.studio-preview .btn.ghost:hover { background: transparent; color: var(--walnut); }
.studio-preview .step { border: 0; padding-top: 0; }
.studio-preview .step .n { font-family: var(--sans); font-size: 0.8rem; font-weight: 500; margin-bottom: 1.5rem; }
.studio-preview .value-list li { padding-left: 0; }
.studio-preview .value-list li::before { display: none; }
.studio-preview .tag { border: 0; padding: 0; }
.studio-preview footer.site { border-top: 0; }
.studio-preview .footer-top { padding-left: 2rem; padding-right: 2rem; }
.studio-preview .contact-grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr); }
.studio-preview .inquiry-embed { min-width: 0; }
.studio-preview .inquiry-embed iframe { display: block; max-width: 100%; }
.studio-preview .form-fallback { margin-top: 1rem; font-size: 0.82rem; color: #626258; }
.studio-preview .aside-panel { border-top: 1px solid var(--line-strong); }
@media (max-width: 900px) {
  .studio-preview section:not(.hero):not(.facts) { padding-top: 5rem; padding-bottom: 5rem; }
  .studio-preview.home-page .work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .studio-preview.home-page .work-card:nth-child(2),
  .studio-preview.home-page .work-card:nth-child(3) { margin-top: 0; }
  .studio-preview .contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .studio-preview .site-bar { padding: 1rem 1.3rem; }
  .studio-preview .work-grid,
  .studio-preview.home-page .work-grid { grid-template-columns: 1fr; gap: 2.8rem; }
  .studio-preview section:not(.hero):not(.facts) { padding-top: 4rem; padding-bottom: 4rem; }
  .studio-preview .footer-top { padding-left: 1.3rem; padding-right: 1.3rem; }
  .studio-preview .contact-grid { padding-left: 0.7rem; padding-right: 0.7rem; }
  .studio-preview .aside-panel { margin-left: 0.6rem; margin-right: 0.6rem; }
}
@media (prefers-reduced-motion: reduce) {
  .studio-preview .work-card:hover .ph img { transform: none; }
}

/* Soft depth on project photography; no borders or card containers. */
.studio-preview .work-card .ph { box-shadow: 0 5px 14px -5px rgba(33, 32, 28, 0.18); }

/* Craft details: real work, simple composition, no decorative card containers. */
.studio-preview .featured-project { background: var(--parchment); }
.feature-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr); gap: 5rem; align-items: center; }
.feature-photo img { width: 100%; height: auto; box-shadow: 0 5px 14px -5px rgba(33,32,28,.18); }
.feature-copy h2 { margin-bottom: 1.5rem; }
.feature-copy > p:not(.kicker) { font-size: 1rem; color: #5e5c52; margin-bottom: 1rem; }
.feature-copy > p.feature-intro { font-family: var(--serif); color: var(--charcoal); font-size: 1.2rem; }
.project-notes { margin: 1.8rem 0 2.2rem; padding: 1.2rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.project-notes div { display: grid; grid-template-columns: 5.5rem 1fr; gap: 1rem; margin: .45rem 0; font-size: .86rem; }
.project-notes dt { color: #626258; }
.project-notes dd { margin: 0; }
.detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 2rem; }
.detail-photo { display: block; margin-bottom: 1.5rem; box-shadow: 0 5px 14px -5px rgba(33,32,28,.18); }
.detail-photo img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.detail-photo img.vanity-drawers { object-position: 50% 65%; }
.detail-photo:focus-visible { outline: 3px solid var(--olive); outline-offset: 4px; }
.detail-card h3 { font-size: 1.3rem; margin-bottom: .6rem; }
.detail-card p { font-size: .94rem; color: #626258; line-height: 1.65; }
.process-drawing { display: block; width: 88px; height: 88px; margin-bottom: 1.7rem; color: var(--olive); }
.work-card[id] { scroll-margin-top: 7rem; }
@media (max-width: 900px) { .feature-grid { gap: 2.5rem; } }
@media (max-width: 720px) { .feature-grid { grid-template-columns: 1fr; } .detail-grid { grid-template-columns: 1fr; gap: 2.8rem; } .process-drawing { width: 72px; height: 72px; margin-bottom: 1.2rem; } }