/* SW Roofing public site refinement: industrial, precise, photo-led. */
:root{
  --taste-deep:#08271f;
  --taste-green:#123f32;
  --taste-leaf:#246b50;
  --taste-lime:#b7d84b;
  --taste-paper:#f2f4ef;
  --taste-ink:#10251d;
  --taste-muted:#596a63;
  --taste-radius:14px;
}

body{background:var(--taste-paper);color:var(--taste-ink)}
.noise,.roof-lines,.scroll-note,.progress{display:none!important}
.nav,.nav.scrolled{height:72px;padding:0 clamp(20px,4vw,64px);background:rgba(8,39,31,.94);border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(18px)}
.nav nav{gap:clamp(18px,2.1vw,34px)}
.nav nav a{font-size:13px;font-weight:650;opacity:.78;white-space:nowrap}
.nav nav a:hover{opacity:1}
.nav nav a[href="#contact"]{border:0;padding:0}
.nav nav .home-division-link{padding:10px 15px;border-radius:999px;color:var(--taste-ink);background:var(--taste-lime)}

.hero{min-height:100dvh;padding:104px clamp(24px,6vw,96px) 48px;align-items:center;background:var(--taste-deep)}
.hero-media{left:53%;overflow:hidden}
.hero-media:after{background:linear-gradient(90deg,var(--taste-deep) 0%,rgba(8,39,31,.28) 24%,rgba(8,39,31,.06) 72%),linear-gradient(0deg,rgba(8,39,31,.48),transparent 42%)}
.hero-media img{transform:none;object-position:center}
.hero-copy{width:min(48vw,690px);max-width:690px}
.hero-copy .eyebrow{display:none}
.hero h1{font-size:clamp(52px,5.4vw,82px);line-height:1.01;letter-spacing:-.05em;max-width:680px;margin:0 0 24px;text-wrap:balance}
.hero .lead{font-size:clamp(16px,1.3vw,19px);line-height:1.65;max-width:610px;color:rgba(255,255,255,.78)}
.hero-actions{margin-top:30px;gap:10px}
.btn{min-height:52px;border-radius:999px;padding:0 22px;white-space:nowrap;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
.btn:active{transform:translateY(1px) scale(.99)}
.btn.primary{background:var(--taste-lime);color:#142519}
.btn.ghost{border-color:rgba(255,255,255,.42);background:rgba(8,39,31,.36);backdrop-filter:blur(8px)}
.hero-stats{display:none!important}

.trust-rail{background:var(--taste-green);color:#fff;border:0}
.trust-rail>div{min-height:112px;padding:26px clamp(18px,2.8vw,44px);border-color:rgba(255,255,255,.13);display:flex;flex-direction:column;justify-content:center}
.trust-rail b{color:#fff;font-size:12px;letter-spacing:.08em}
.trust-rail span{color:rgba(255,255,255,.66);font-size:12px}

.statement,.material-marquee,.visual-strip,.engineering-showcase,.visual-strengths,.specs,.mid-conversion{display:none!important}

.conversion-services,.products,.process,.projects,.cta{padding:clamp(80px,10vh,130px) clamp(24px,6vw,96px);background:var(--taste-paper)}
.conversion-services-head,.section-head{display:block;max-width:800px;margin-bottom:50px}
.conversion-services-head .eyebrow,.products .eyebrow,.process .eyebrow,.projects .eyebrow,.cta .eyebrow{display:none}
.conversion-services-head h2,.section-head h2{font-size:clamp(42px,5.2vw,74px);line-height:1.03;margin:0 0 18px;text-wrap:balance}
.conversion-services-head>p:last-child,.section-head>p{max-width:620px;margin:0;color:var(--taste-muted);font-size:16px;line-height:1.7}
.conversion-service-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.conversion-service-card{grid-column:span 5;min-height:330px;padding:34px;border-radius:var(--taste-radius);border:1px solid rgba(16,37,29,.13);background:#fff;box-shadow:none}
.conversion-service-card:nth-child(2){grid-column:span 7;background:#e7eee8}
.conversion-service-card:nth-child(3){grid-column:1/-1;min-height:260px;background:var(--taste-green)}
.conversion-service-card>span{display:none}
.conversion-service-card h3{margin:0 0 16px;font-size:clamp(28px,3vw,43px);max-width:650px}
.conversion-service-card p{max-width:540px;margin-bottom:34px}
.conversion-service-card:hover{transform:translateY(-3px)}

.heritage{background:#e4eadf;color:var(--taste-ink);padding:clamp(80px,11vh,140px) clamp(24px,7vw,110px);border:0}
.heritage-year strong{color:var(--taste-green)}
.heritage-copy p{display:none}
.heritage-copy h2{max-width:850px;font-size:clamp(44px,5.5vw,80px);line-height:1.02;text-wrap:balance}
.heritage-copy>span{display:block;max-width:690px;color:var(--taste-muted);font-size:17px;line-height:1.75}
.heritage-seal{border-color:rgba(16,37,29,.22)}

.crew-feature{min-height:min(88dvh,820px)}
.crew-lines,.crew-tag{display:none}
.crew-shade{background:linear-gradient(90deg,rgba(5,30,23,.94) 0%,rgba(5,30,23,.67) 43%,rgba(5,30,23,.06) 78%)}
.crew-copy{left:clamp(24px,7vw,110px);bottom:clamp(60px,10vh,110px);max-width:650px}
.crew-copy>p{display:none}
.crew-copy h2{font-size:clamp(44px,5vw,72px);line-height:1.03;margin:0 0 22px}
.crew-copy>span{font-size:17px;line-height:1.7;color:rgba(255,255,255,.78)}

.products{background:#edf1eb}
.product-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.product-card{grid-column:span 3;min-height:400px;border-radius:var(--taste-radius)}
.product-card:nth-child(1){grid-column:span 7;min-height:520px}
.product-card:nth-child(2){grid-column:span 5;min-height:520px}
.product-card>div{left:26px;right:26px;bottom:24px}
.product-card h3{font-size:clamp(23px,2.3vw,34px);line-height:1.12;margin:0}
.product-card>div>span,.product-card>div>i{display:none}

.process{background:#e4eadf}
.process-row{gap:18px}
.process-card{padding:28px 0 12px;border-top:1px solid rgba(16,37,29,.25)}
.process-card:before,.process-card>b{display:none}
.process-card h3{margin:0 0 12px;font-size:24px}
.process-card p{max-width:30ch}

.featured-project,.projects{background:#0b2b22;color:#fff}
.featured-project{padding:clamp(80px,10vh,130px) clamp(24px,6vw,96px)}
.featured-project+.featured-project{padding-top:20px}
.featured-project-copy>p,.featured-project-meta,.featured-project figcaption{display:none!important}
.featured-project-copy h2{font-size:clamp(42px,5vw,72px);line-height:1.02;margin-top:0}
.featured-project-copy>span{display:block;max-width:620px;color:rgba(255,255,255,.65);line-height:1.7}
.featured-project-gallery{margin-top:44px;gap:14px}
.featured-project-gallery img{border-radius:var(--taste-radius)}
.project-film{border-radius:var(--taste-radius);overflow:hidden}
.projects .section-head>p{color:rgba(255,255,255,.66)}
.project-card{border-radius:var(--taste-radius)}

.cta{background:#e8ede6;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:clamp(50px,8vw,110px)}
.cta h2{font-size:clamp(42px,5vw,72px);line-height:1.03}
.cta-copy>p{color:var(--taste-muted);font-size:16px}
.direct-contact a{border-radius:10px;box-shadow:none}
.contact-form{border-radius:var(--taste-radius);box-shadow:0 24px 70px rgba(8,39,31,.09)}
.form-heading>span{display:none}
.form-grid input,.form-grid textarea,.form-grid select{border-radius:8px;background:#fff}
.form-status{border-radius:8px}
.floating-quote{display:none}
.faq-button{background:var(--taste-lime);color:var(--taste-ink)}
.payment-band{background:var(--taste-deep)}

@media(max-width:1000px){
  .hero-media{left:46%}
  .hero-copy{width:58vw}
  .nav nav{display:none}
  .conversion-service-card,.conversion-service-card:nth-child(2){grid-column:span 6}
  .product-card,.product-card:nth-child(1),.product-card:nth-child(2){grid-column:span 6;min-height:420px}
  .cta{grid-template-columns:1fr}
}

@media(max-width:700px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .nav,.nav.scrolled{height:68px;padding:0 12px}
  .nav .brand{min-height:44px}
  .langs button,.menu{min-width:44px!important;min-height:44px!important}
  .hero{min-height:100dvh;padding:96px 18px 94px;align-items:flex-end}
  .hero-media{left:0}
  .hero-media:after{background:linear-gradient(0deg,rgba(6,33,25,.98) 0%,rgba(6,33,25,.86) 47%,rgba(6,33,25,.18) 100%)}
  .hero-media img{object-position:62% center}
  .hero-copy{width:100%;max-width:none}
  .hero h1{font-size:clamp(39px,11vw,50px);line-height:1.02;margin-bottom:16px;max-width:12ch}
  .hero .lead{font-size:15px;line-height:1.58;max-width:37ch}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px}
  .hero-actions .btn{min-height:50px;font-size:13px}
  .trust-rail{grid-template-columns:1fr 1fr}
  .trust-rail>div{min-height:96px;padding:17px 15px}
  .trust-rail b{font-size:10px}
  .trust-rail span{font-size:10px;line-height:1.35}
  .conversion-services,.products,.process,.projects,.cta,.featured-project{padding:72px 18px}
  .conversion-services-head,.section-head{margin-bottom:34px}
  .conversion-services-head h2,.section-head h2,.cta h2{font-size:36px}
  .conversion-service-grid,.product-grid{display:grid;grid-template-columns:1fr;gap:12px}
  .conversion-service-card,.conversion-service-card:nth-child(2),.conversion-service-card:nth-child(3){grid-column:auto;min-height:280px;padding:27px}
  .conversion-service-card h3{font-size:29px}
  .heritage{padding:72px 18px}
  .heritage-year{margin-bottom:28px}
  .heritage-copy h2{font-size:38px}
  .heritage-copy>span{font-size:15px}
  .heritage-seal{display:none}
  .crew-feature{min-height:720px}
  .crew-feature img{object-position:62% center}
  .crew-shade{background:linear-gradient(0deg,rgba(5,30,23,.96),rgba(5,30,23,.3) 72%)}
  .crew-copy{left:18px;right:18px;bottom:58px}
  .crew-copy h2{font-size:38px}
  .crew-copy>span{font-size:15px}
  .product-card,.product-card:nth-child(1),.product-card:nth-child(2){grid-column:auto;min-height:360px}
  .process-row{display:grid;grid-template-columns:1fr}
  .process-card{padding:24px 0}
  .featured-project+.featured-project{padding-top:0}
  .featured-project-copy h2{font-size:37px}
  .featured-project-gallery{display:grid;grid-template-columns:1fr;gap:10px}
  .featured-project-gallery>*,.featured-project-gallery--reverse>*{grid-column:auto}
  .cta{gap:38px}
  .contact-form{padding:25px 18px}
  footer a{display:inline-flex;min-height:44px;align-items:center}
  .mobile-conversion-bar{grid-template-columns:.8fr 1fr 1.2fr}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}