/* OnWood Premium Web Layer v1
   Editorial / architectural direction based on final 2026 identity.
   Loaded after site-polish.css.
*/
:root{
  --p-ink:#0b0b0b;
  --p-paper:#fcfbfa;
  --p-warm:#f6f0f1;
  --p-ox:#8A3141;
  --p-ox-dark:#5C1E2A;
  --p-ox-soft:#E6CBD0;
  --p-line:rgba(0,0,0,.11);
  --p-shadow:0 28px 90px rgba(24,10,13,.12);
}

/* Base rhythm */
body{background:var(--p-paper)!important;color:var(--p-ink)!important}
.home-premium .wrap{width:min(1320px,calc(100% - 64px))!important}
.home-premium .section{padding:124px 0!important}
.home-premium .eyebrow{
  font-size:10px!important;
  letter-spacing:.22em!important;
  font-weight:700!important;
}
.home-premium h1,.home-premium h2,.home-premium h3{text-wrap:balance}

/* Header — quiet, gallery-like */
.home-premium header{
  background:rgba(252,251,250,.92)!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
  box-shadow:none!important;
}
.home-premium nav{height:86px!important}
.home-premium a.logo{width:176px!important;height:38px!important;flex-basis:176px!important}
.home-premium .links{gap:28px!important}
.home-premium .links a:not(.cta){
  font-size:10px!important;
  letter-spacing:.14em!important;
  font-weight:700!important;
  opacity:.78;
}
.home-premium .links a:not(.cta):after{bottom:-11px!important;background:var(--p-ox)!important}
.home-premium .cta{
  padding:13px 18px!important;
  background:var(--p-ox)!important;
  border:1px solid var(--p-ox)!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
}

/* Hero — cinematic, not brochure-like */
.home-premium .hero{
  min-height:calc(100svh - 0px)!important;
  align-items:flex-end!important;
  padding:170px 0 88px!important;
  background-position:center 46%!important;
}
.home-premium .hero:before{
  background:
    linear-gradient(90deg,rgba(8,8,8,.78) 0%,rgba(40,12,18,.48) 45%,rgba(0,0,0,.10) 74%,rgba(0,0,0,.04) 100%)!important;
}
.home-premium .hero>.wrap{padding-right:34%}
.home-premium .hero .eyebrow{color:#fff!important;opacity:.82}
.home-premium .hero h1{
  max-width:900px!important;
  font-size:clamp(62px,7.3vw,112px)!important;
  line-height:.88!important;
  letter-spacing:-.062em!important;
  margin:18px 0 28px!important;
}
.home-premium .hero p{
  max-width:640px!important;
  font-size:17px!important;
  line-height:1.72!important;
  color:rgba(255,255,255,.88)!important;
}
.home-premium .hero .actions{margin-top:34px!important;gap:12px!important}
.home-premium .hero .btn{
  padding:15px 20px!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
  min-height:48px;
}
.home-premium .hero .btn.primary{background:var(--p-ox)!important;border-color:var(--p-ox)!important}
.home-premium .hero .btn:not(.primary){background:rgba(0,0,0,.08)!important;backdrop-filter:blur(8px)}
.home-premium .hero-project-link{
  display:inline-block!important;
  margin-top:22px!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  border-bottom:1px solid rgba(255,255,255,.5);
  padding-bottom:5px;
}
.home-premium .hero-proof{
  margin-top:34px!important;
  font-size:9px!important;
  letter-spacing:.13em!important;
  color:rgba(255,255,255,.7)!important;
}

/* Proof strip — deliberately restrained */
.home-premium .truststrip{background:#fff!important}
.home-premium .trustgrid{border-left:1px solid var(--p-line)}
.home-premium .trustitem{
  min-height:112px!important;
  padding:24px 26px!important;
  border-right:1px solid var(--p-line)!important;
}
.home-premium .trustitem strong{
  font-size:14px!important;
  font-weight:700!important;
}
.home-premium .trustitem span{
  font-size:9px!important;
  letter-spacing:.13em!important;
  color:rgba(0,0,0,.5)!important;
}

/* Planning cards — editorial asymmetry */
.home-premium .residential-focus{
  background:var(--p-paper)!important;
  padding:128px 0!important;
}
.home-premium .residential-focus .head{
  margin:14px 0 54px!important;
  display:grid!important;
  grid-template-columns:1.2fr .8fr;
  gap:70px!important;
}
.home-premium .residential-focus .head h2{
  font-size:clamp(48px,5vw,72px)!important;
  line-height:.98!important;
}
.home-premium .focus-grid{
  display:grid!important;
  grid-template-columns:1.35fr .65fr!important;
  grid-template-rows:300px 300px!important;
  gap:16px!important;
}
.home-premium .focus-card{min-height:0!important}
.home-premium .focus-card:first-child{grid-row:1 / span 2}
.home-premium .focus-card:last-child{grid-column:2!important}
.home-premium .focus-card:after{
  background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.78))!important;
}
.home-premium .focus-card strong{font-size:30px!important;letter-spacing:-.025em}
.home-premium .focus-card small{font-size:11px!important;opacity:.86}

/* Projects — fewer, larger, more like a portfolio */
.home-premium #projects{padding-top:116px!important}
.home-premium #projects .head{margin-bottom:54px!important}
.home-premium #projects .head h2{
  font-size:clamp(50px,5.3vw,76px)!important;
  line-height:.96!important;
}
@media(min-width:901px){
  .home-premium #projects .grid{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-auto-rows:270px!important;
    gap:18px!important;
  }
  .home-premium #projects .project:nth-child(1){grid-column:span 8!important;grid-row:span 2!important}
  .home-premium #projects .project:nth-child(2){grid-column:span 4!important;grid-row:span 1!important}
  .home-premium #projects .project:nth-child(3){grid-column:span 4!important;grid-row:span 1!important}
  .home-premium #projects .project:nth-child(4),
  .home-premium #projects .project:nth-child(5){grid-column:span 6!important;grid-row:span 2!important}
  .home-premium #projects .project:nth-child(n+6){display:none!important}
}
.home-premium .project .shade{
  background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.83))!important;
}
.home-premium .project .meta{left:30px!important;right:30px!important;bottom:28px!important}
.home-premium .project .meta:before{font-size:8px!important;letter-spacing:.17em!important}
.home-premium .project h3{font-size:clamp(24px,2.2vw,34px)!important}
.home-premium .projects-more{margin-top:34px!important}
.home-premium .projects-more a{
  font-size:10px!important;
  letter-spacing:.14em!important;
  border-bottom-color:var(--p-ox)!important;
}

/* Services — editorial list instead of tiled catalogue */
.home-premium .services{
  background:var(--p-ink)!important;
  color:#fff!important;
}
.home-premium .services .head{margin-bottom:56px!important}
.home-premium .services .head h2{font-size:clamp(48px,5vw,72px)!important}
.home-premium .services .head p{color:rgba(255,255,255,.64)!important}
.home-premium .servicegrid{
  grid-template-columns:repeat(2,1fr)!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  border-left:0!important;
  gap:0!important;
}
.home-premium .service{
  min-height:150px!important;
  padding:28px 0!important;
  border-right:0!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  background:transparent!important;
  display:grid;
  grid-template-columns:72px 1fr;
  align-items:end;
}
.home-premium .service:nth-child(odd){padding-right:44px!important}
.home-premium .service:nth-child(even){padding-left:44px!important;border-left:1px solid rgba(255,255,255,.18)!important}
.home-premium .service span{align-self:start;color:var(--p-ox-soft)!important;font-size:10px!important}
.home-premium .service h3{
  margin:0!important;
  font-size:clamp(22px,2.1vw,30px)!important;
  font-weight:600!important;
}
.home-premium .servicegrid .service:last-child{grid-column:auto!important}

/* Materials — image as the hero of the section */
.home-premium .materials-section{
  padding:132px 0!important;
  background:#fff!important;
}
.home-premium .materials-layout{
  grid-template-columns:.72fr 1.28fr!important;
  gap:96px!important;
  align-items:center!important;
}
.home-premium .materials-copy h2{
  font-size:clamp(46px,4.6vw,66px)!important;
  line-height:1!important;
}
.home-premium .materials-copy p{font-size:15px!important;line-height:1.8!important}
.home-premium .materials-visual{
  min-height:650px!important;
  box-shadow:var(--p-shadow);
}
.home-premium .materials-caption{
  background:rgba(252,251,250,.94)!important;
  color:var(--p-ink)!important;
  backdrop-filter:blur(8px);
}

/* About — soft identity field */
.home-premium #about{
  background:var(--p-warm)!important;
  padding:132px 0!important;
}
.home-premium .about{grid-template-columns:.95fr 1.05fr!important;gap:104px!important}
.home-premium .about img{aspect-ratio:4/5!important;box-shadow:var(--p-shadow)}
.home-premium .about h2{
  font-size:clamp(48px,4.8vw,70px)!important;
  line-height:.98!important;
}
.home-premium .about p{font-size:16px!important;line-height:1.82!important}

/* Process — thin lines, no card feel */
.home-premium .process{padding:124px 0!important;background:#fff!important}
.home-premium .process h2{font-size:clamp(48px,5vw,72px)!important;margin-bottom:54px!important}
.home-premium .processgrid{
  border-left:0!important;
  border-top:1px solid var(--p-ink)!important;
}
.home-premium .processitem{
  min-height:220px!important;
  padding:26px 24px 20px 0!important;
  border-right:0!important;
  border-bottom:1px solid var(--p-line)!important;
  position:relative;
}
.home-premium .processitem:not(:last-child){border-right:1px solid var(--p-line)!important;padding-left:24px!important}
.home-premium .processitem:first-child{padding-left:0!important}
.home-premium .processitem b{font-size:9px!important;letter-spacing:.16em!important;margin-bottom:58px!important}
.home-premium .processitem h3{font-size:22px!important;font-weight:600!important}
.home-premium .processitem p{font-size:12.5px!important;line-height:1.68!important}
.home-premium .process-cta{margin-top:38px!important}

/* Site visit — primary conversion moment */
.home-premium .sitevisit{
  padding:132px 0!important;
  background:var(--p-ox-dark)!important;
  color:#fff!important;
  border:0!important;
}
.home-premium .sitevisit .eyebrow{color:var(--p-ox-soft)!important}
.home-premium .sitevisit h2{
  font-size:clamp(52px,5vw,74px)!important;
  line-height:.96!important;
}
.home-premium .sitevisit .lead{color:rgba(255,255,255,.72)!important;font-size:15px!important}
.home-premium .sitevisit-point{border-top-color:rgba(255,255,255,.18)!important;color:rgba(255,255,255,.82)!important}
.home-premium .sitevisit-point b{color:var(--p-ox-soft)!important}
.home-premium .visitform{
  border:0!important;
  padding:34px!important;
  box-shadow:0 32px 90px rgba(0,0,0,.24)!important;
}
.home-premium .visitform input,.home-premium .visitform select,.home-premium .visitform textarea{
  border-radius:0!important;
  padding:15px!important;
  border-color:rgba(0,0,0,.13)!important;
}
.home-premium .visit-actions button{border-radius:0!important;min-height:50px}

/* FAQ — calm and minimal */
.home-premium .home-faq{padding:118px 0!important;background:var(--p-paper)!important}
.home-premium .faq-layout{gap:110px!important}
.home-premium .faq-layout h2{font-size:clamp(44px,4.5vw,64px)!important}
.home-premium .home-faq-list details{border-color:var(--p-line)!important}
.home-premium .home-faq-list summary{font-size:14px!important;padding:22px 0!important}

/* Final CTA — signature brand field */
.home-premium .final-cta{padding:0!important;background:var(--p-paper)!important}
.home-premium .final-cta .box{
  width:min(1320px,calc(100% - 64px))!important;
  margin:0 auto!important;
  min-height:430px;
  padding:72px!important;
  align-items:center!important;
  background-color:var(--p-ox-dark)!important;
}
.home-premium .final-cta h2{
  font-size:clamp(50px,5.2vw,78px)!important;
  line-height:.94!important;
  max-width:850px;
}
.home-premium .final-cta p{font-size:15px!important;color:rgba(255,255,255,.72)!important}
.home-premium .final-actions a{min-width:180px;text-align:center}

/* B2B — deliberately secondary */
.home-premium .professional-path{
  margin-top:100px!important;
  padding:92px 0!important;
  background:#fff!important;
  border-top:1px solid var(--p-line);
}
.home-premium .professional-path h2{font-size:clamp(38px,4vw,56px)!important}
.home-premium .professional-actions a{border-radius:0!important}

/* Premium landing-page refinement */
body[data-project-type] header{box-shadow:none!important}
body[data-project-type] .hero{min-height:94svh!important;padding-top:126px!important}
body[data-project-type] .hero:before{
  background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(92,30,42,.30) 50%,rgba(0,0,0,.08))!important;
}
body[data-project-type] .hero-grid{grid-template-columns:1.12fr .88fr!important;gap:72px!important}
body[data-project-type] .hero h1{
  font-size:clamp(58px,6.4vw,92px)!important;
  line-height:.92!important;
}
body[data-project-type] .lead-card{
  padding:32px!important;
  border-radius:0!important;
  box-shadow:0 30px 80px rgba(0,0,0,.24)!important;
}
body[data-project-type] .lead-card h2{font-size:34px!important}
body[data-project-type] .proof{background:#fff!important}
body[data-project-type] .section{padding:112px 0!important}
body[data-project-type] .head h2{font-size:clamp(46px,4.8vw,68px)!important}
body[data-project-type] .project{border-radius:0!important}
body[data-project-type] .value{background:var(--p-warm)!important}
body[data-project-type] .value-item,
body[data-project-type] .step{background:transparent!important;border-color:rgba(0,0,0,.12)!important}
body[data-project-type] .cta-band{min-height:390px;display:flex;align-items:center}
body[data-project-type] .faq{background:#fff!important}

/* Projects page */
body.projects-page .hero{min-height:68svh!important;padding:160px 0 86px!important}
body.projects-page .case{padding:72px 0!important;gap:90px!important}
body.projects-page .case-image{min-height:620px!important}
body.projects-page .case-image img{min-height:620px!important}
body.projects-page .case h2{font-size:clamp(42px,4.6vw,64px)!important}

/* Responsive */
@media(max-width:1100px){
  .home-premium .hero>.wrap{padding-right:18%}
  .home-premium .materials-layout{gap:58px!important}
  .home-premium .about{gap:58px!important}
}
@media(max-width:900px){
  .home-premium .wrap{width:min(100% - 36px,1320px)!important}
  .home-premium .hero>.wrap{padding-right:0}
  .home-premium .residential-focus .head{grid-template-columns:1fr!important;gap:20px!important}
  .home-premium .focus-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:420px 300px!important}
  .home-premium .focus-card:first-child{grid-column:1/-1;grid-row:auto}
  .home-premium .focus-card:last-child{grid-column:auto!important}
  .home-premium .materials-layout,.home-premium .about{grid-template-columns:1fr!important}
  .home-premium .materials-visual{min-height:520px!important}
  body[data-project-type] .hero-grid{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .home-premium .wrap{width:calc(100% - 28px)!important}
  .home-premium nav{height:70px!important}
  .home-premium a.logo{width:142px!important;height:31px!important;flex-basis:142px!important}
  .home-premium .hero{
    min-height:86svh!important;
    padding:126px 0 54px!important;
  }
  .home-premium .hero:before{
    background:linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(20,8,10,.52) 42%,rgba(0,0,0,.82) 100%)!important;
  }
  .home-premium .hero h1{font-size:clamp(48px,14vw,62px)!important;line-height:.94!important}
  .home-premium .hero p{font-size:15px!important;line-height:1.72!important}
  .home-premium .hero .actions{display:grid!important;grid-template-columns:1fr!important}
  .home-premium .hero .btn{width:100%!important}
  .home-premium .hero-proof{display:none}
  .home-premium .trustitem{min-height:90px!important;padding:18px 14px!important}
  .home-premium .residential-focus,
  .home-premium #projects,
  .home-premium .materials-section,
  .home-premium #about,
  .home-premium .process,
  .home-premium .sitevisit,
  .home-premium .home-faq{padding:78px 0!important}
  .home-premium .focus-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}
  .home-premium .focus-card,.home-premium .focus-card:first-child,.home-premium .focus-card:last-child{
    grid-column:auto!important;grid-row:auto!important;min-height:360px!important
  }
  .home-premium #projects .project:nth-child(n+5){display:none!important}
  .home-premium .servicegrid{grid-template-columns:1fr!important}
  .home-premium .service{grid-template-columns:56px 1fr!important;padding:24px 0!important}
  .home-premium .service:nth-child(odd),.home-premium .service:nth-child(even){padding-left:0!important;padding-right:0!important;border-left:0!important}
  .home-premium .materials-visual{min-height:400px!important}
  .home-premium .about img{aspect-ratio:4/3!important}
  .home-premium .processgrid{grid-template-columns:1fr!important}
  .home-premium .processitem,.home-premium .processitem:not(:last-child),.home-premium .processitem:first-child{
    padding:22px 0!important;border-right:0!important;min-height:0!important
  }
  .home-premium .processitem b{margin-bottom:20px!important}
  .home-premium .sitevisitbox{gap:34px!important}
  .home-premium .visitform{padding:20px!important}
  .home-premium .faq-layout{gap:34px!important}
  .home-premium .final-cta .box{
    width:calc(100% - 28px)!important;
    min-height:0;
    padding:44px 24px!important;
  }
  .home-premium .professional-path{margin-top:70px!important}
  body[data-project-type] .hero{min-height:auto!important;padding:110px 0 48px!important}
  body[data-project-type] .hero h1{font-size:clamp(46px,12vw,58px)!important}
  body[data-project-type] .section{padding:76px 0!important}
  body.projects-page .case{gap:28px!important;padding:48px 0!important}
  body.projects-page .case-image,body.projects-page .case-image img{min-height:360px!important}
}