.barndo-hero{position:relative;min-height:clamp(560px,76vh,780px);display:grid;align-items:end;padding:clamp(48px,8vw,100px) clamp(24px,7vw,98px);color:#fff;background:linear-gradient(90deg,rgba(4,8,6,.82),rgba(4,8,6,.28) 60%,rgba(4,8,6,.08)),url("iron-oak-hero-house-clean.png") center/cover no-repeat}.barndo-hero-copy{max-width:760px}.barndo-hero h1,.barndo-intro h2,.barndo-process h2,.barndo-cta h2{margin:0;font-family:"Barlow",Arial,sans-serif;font-weight:800;line-height:1.04;letter-spacing:.07em;text-transform:uppercase}.barndo-hero h1{font-size:clamp(48px,7vw,92px)}.barndo-hero-copy>p:not(.eyebrow){max-width:620px;margin:24px 0 30px;font-size:clamp(16px,2vw,20px);line-height:1.7}.barndo-intro{padding:clamp(64px,9vw,120px) clamp(24px,10vw,150px);background:#f7f5f1}.barndo-intro h2{max-width:850px;font-size:clamp(36px,5vw,66px)}.barndo-intro>p:last-child{max-width:850px;margin:28px 0 0;color:#2f312f;font-size:clamp(16px,2vw,19px);line-height:1.8}.barndo-capabilities{display:grid;grid-template-columns:repeat(4,1fr);background:#111;color:#fff}.barndo-capabilities article{min-height:330px;padding:clamp(30px,4vw,54px);border-right:1px solid rgba(255,255,255,.16)}.barndo-capabilities article:last-child{border-right:0}.barndo-capabilities span{color:#b87549;font:800 13px "Barlow",sans-serif;letter-spacing:.18em}.barndo-capabilities h2{margin:38px 0 18px;font:800 clamp(20px,2vw,28px) "Barlow",sans-serif;letter-spacing:.08em;text-transform:uppercase}.barndo-capabilities p{color:rgba(255,255,255,.72);line-height:1.7}.barndo-process{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:clamp(48px,9vw,130px);padding:clamp(70px,9vw,120px) clamp(24px,7vw,98px);background:#e4ebe2}.barndo-process h2{max-width:580px;font-size:clamp(36px,5vw,62px)}.barndo-process ol{margin:0;padding:0;list-style:none;counter-reset:steps}.barndo-process li{counter-increment:steps;display:grid;grid-template-columns:50px 150px 1fr;gap:20px;padding:26px 0;border-top:1px solid rgba(51,72,58,.3)}.barndo-process li:before{content:"0" counter(steps);color:#9b6039;font:800 13px "Barlow",sans-serif;letter-spacing:.12em}.barndo-process strong{text-transform:uppercase;font-family:"Barlow",sans-serif;letter-spacing:.08em}.barndo-process span{color:#33483a}.barndo-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:clamp(48px,7vw,86px) clamp(24px,7vw,98px);background:#f7f5f1}.barndo-cta h2{font-size:clamp(32px,4vw,52px)}@media(max-width:980px){.barndo-capabilities{grid-template-columns:repeat(2,1fr)}.barndo-capabilities article:nth-child(2){border-right:0}.barndo-process{grid-template-columns:1fr}.barndo-cta{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.barndo-hero{min-height:650px;background:linear-gradient(180deg,rgba(4,8,6,.12),rgba(4,8,6,.86) 72%),url("iron-oak-hero-house-clean.png") 66% center/cover no-repeat}.barndo-hero h1{font-size:44px}.barndo-capabilities{grid-template-columns:1fr}.barndo-capabilities article{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.barndo-process li{grid-template-columns:42px 1fr}.barndo-process li span{grid-column:2}.barndo-cta .quote-button{width:100%}}

/* Copper growth rings keep the page visually rooted in the IRON OAK identity. */
.barndo-hero{isolation:isolate;min-height:clamp(620px,88vh,900px);overflow:hidden;background-image:linear-gradient(90deg,rgba(4,8,6,.88),rgba(4,8,6,.34) 58%,rgba(4,8,6,.08)),url("iron-oak-barndominium-real.jpg");background-position:center,left center;background-size:cover,145% auto;background-repeat:no-repeat}
.barndo-hero::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.18;background:repeating-radial-gradient(ellipse at 8% 62%,transparent 0 26px,rgba(197,108,57,.52) 27px 29px,transparent 30px 54px),repeating-radial-gradient(ellipse at 14% 65%,transparent 0 46px,rgba(224,143,81,.25) 47px 49px,transparent 50px 78px);mix-blend-mode:screen;mask-image:linear-gradient(90deg,#000 0 42%,transparent 72%)}
@media(max-width:620px){.barndo-hero{min-height:720px;background-image:linear-gradient(180deg,rgba(4,8,6,.08),rgba(4,8,6,.9) 70%),url("iron-oak-barndominium-real.jpg");background-position:center,43% center;background-size:cover,auto 100%;background-repeat:no-repeat}.barndo-hero::before{opacity:.14;mask-image:linear-gradient(180deg,transparent 15%,#000 65%)}}