/* WOOH 11.8.3 — white space, image legibility and sharper interaction. */
:root{
  --paper:#fff;
  --paper-2:#f5f7f3;
}

/* The five practices are visible at a glance, immediately after the Home hero. */
.wooh-practice-index{
  background:#fff;color:#10130f;border-bottom:1px solid #e2e7df;
}
.wooh-practice-index-inner{
  display:grid;grid-template-columns:minmax(195px,.95fr) minmax(0,3.5fr);
  width:min(calc(100% - 48px),var(--max));margin:auto;
}
.wooh-practice-index-intro{
  display:flex;flex-direction:column;justify-content:center;gap:6px;
  padding:28px 24px 28px 0;
}
.wooh-practice-index-intro span{
  color:#616a5e;font:750 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;text-transform:uppercase;
}
.wooh-practice-index-intro strong{
  font-size:clamp(16px,1.35vw,20px);line-height:1.17;letter-spacing:-.04em;
}
.wooh-practice-index-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px solid #e2e7df}
.wooh-practice-index-links a{
  display:flex;flex-direction:column;justify-content:space-between;gap:21px;
  min-height:116px;padding:21px 17px 16px;border-right:1px solid #e2e7df;
  transition:background .25s ease,color .25s ease,padding .25s ease;
}
.wooh-practice-index-links a:hover,.wooh-practice-index-links a:focus-visible{
  background:#e7ff4f;color:#10130f;padding-top:17px;outline:none;
}
.wooh-practice-index-links a span{
  display:flex;justify-content:space-between;gap:8px;
  color:#63705f;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
}
.wooh-practice-index-links a:hover span,.wooh-practice-index-links a:focus-visible span{color:#30382c}
.wooh-practice-index-links a strong{font-size:clamp(14px,1.15vw,18px);line-height:1.12;letter-spacing:-.04em}

/* Pure white creates a deliberate break between the dark WOOH scenes. */
.wooh-editorial-scroll-module.wooh-live-section,
.wooh-services-module.wooh-live-section,
.home .wooh-cta-module.wooh-live-section,
.services-v907-practices,.services-v907-faq,
.about-v85-practices,.about-v85-method,
.about-v85-work + .wooh-cta-module,
.contact-v90-form-section,
.service-v11-capabilities,.service-v11-faq,.service-v1111-why,
.service-v116-options,.service-v116-fit{
  background:#fff!important;
}
.service-v116{--svc-paper:#fff;--svc-options-bg:#fff;--svc-fit-bg:#fff}
.about-method-card:not(.has-image){background:#f5f7f3;border-color:#dfe5dc}
.about-method-card:not(.has-image) .about-method-shade{background:rgba(245,247,243,.92)}
.about-v85-service-list,.about-v85-service-list a{border-color:#e0e5dd}
.contact-v90-form-card{border-color:#e1e6df;box-shadow:0 24px 70px rgba(15,24,13,.055)}

/* Home editorial: readable during the scroll reveal, with the earlier WOOH stamp. */
.wooh-editorial-scroll-module .wooh-editorial-big{
  font-size:clamp(3.1rem,6.5vw,5.65rem)!important;
  line-height:.96!important;
}
.wooh-editorial-scroll-module .wooh-scroll-line,
.wooh-editorial-scroll-module .wooh-scroll-line-accent{
  opacity:calc(.64 + (var(--wooh-fill,0) * .36))!important;
}
.wooh-editorial-scroll-module .wooh-editorial-side,
.wooh-editorial-scroll-module .wooh-editorial-side p{color:#3c4439!important}
.wooh-editorial-scroll-module .orbital-stamp-v81.dark{opacity:1!important}

/* Photos lead the service cards; particle scenes stay as a subtle layer. */
.service-v1177-card .service-v85-media::before{display:none!important}
.service-v1177-card.has-image .service-v907-canvas{opacity:.19!important;filter:none!important}
.service-v1177-card.has-image:hover .service-v907-canvas{opacity:.28!important;filter:none!important}
.service-v1177-card.has-image .wooh-service-colorwash{opacity:.24!important}
.service-v1177-card.has-image .service-v85-overlay{
  background:linear-gradient(180deg,rgba(3,4,3,.06) 0%,rgba(3,4,3,.05) 38%,rgba(3,4,3,.5) 70%,rgba(3,4,3,.9) 100%)!important;
}
.service-v1177-card.has-image .service-v1177-image{filter:saturate(1.02) contrast(1.03)}
.service-v1177-card:focus-visible{outline:3px solid var(--wooh-hover-accent,#e7ff4f);outline-offset:3px}
.service-v1177-card:hover{border-color:var(--wooh-hover-accent,#e7ff4f)!important}

/* Keep project photography clear and retain the original gallery layout. */
.wooh-home-projects-grid .wooh-project-media img,
.wooh-work-card-media img,.about-v85-project img{opacity:1!important;filter:none!important}
.wooh-home-projects-grid .wooh-project-card:hover .wooh-project-media img,
.wooh-home-projects-grid .wooh-project-card:focus-within .wooh-project-media img{
  transform:scale(1.035)!important;
}
.wooh-home-projects-grid .wooh-project-card:focus-within,
.wooh-work-card:focus-within{outline:2px solid #e7ff4f;outline-offset:3px}

@media(max-width:1080px){
  .wooh-practice-index-inner{grid-template-columns:1fr}
  .wooh-practice-index-intro{padding:19px 0 16px}
  .wooh-practice-index-links{border-top:1px solid #e2e7df}
}
@media(max-width:760px){
  .wooh-practice-index-inner{width:100%}
  .wooh-practice-index-intro{padding:20px 20px 16px}
  .wooh-practice-index-links{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:thin;-webkit-overflow-scrolling:touch;
  }
  .wooh-practice-index-links a{flex:0 0 155px;min-height:108px;scroll-snap-align:start}
  .wooh-editorial-scroll-module .wooh-editorial-big{font-size:clamp(2.65rem,10vw,4.2rem)!important}
}
@media(prefers-reduced-motion:reduce){
  .wooh-practice-index-links a,.wooh-home-projects-grid .wooh-project-media img{transition:none!important}
}