/* /industries/ hub: section styles from the batch-2 master clients-we-serve.html. Global
   chrome (nav/footer/buttons .cta|.btn-*), reset, body, .wrap, h1-h3, .eyebrow + responsive
   hero type come from style.css + responsive.css; only this page's vocabulary lives here.
   NO stat band: 100svh full-viewport content hero. The master's .hero is shipped as
   .ac-hero so the h1 inherits responsive header.ac-hero h1{var(--hero-h1)} (master 78vh +
   h1 clamp dropped). */

  .ac-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(100% 115% at 80% -5%, rgba(201,166,115,.18), rgba(201,166,115,0) 55%),linear-gradient(165deg,#3a2c1b 0%,#2b2015 60%,#241b12 100%);}
  @media(max-width:860px){ header.ac-hero{ min-height:100svh; } }
  @media(max-width:600px){ header.ac-hero{ min-height:100svh; } }
  .ac-hero .inner{position:relative;padding-bottom:70px;width:100%;}
  .crumb{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:28px;}
  .crumb a{color:rgba(255,255,255,.65);text-decoration:none;}
  .crumb a:hover{color:#e8c79a;}
  .ac-hero h1{color:#fff;max-width:17ch;margin-bottom:22px;}
  .ac-hero h1 em{font-family:'Fraunces';font-style:italic;color:#e8c79a;font-size:1.03em;}
  .ac-hero .sub{color:rgba(255,255,255,.85);font-size:1.2rem;max-width:56ch;}
  .ac-hero .sub em{font-family:'Fraunces';font-style:italic;color:#d9b783;}

  .sec{padding:110px 0;}
  .sec-head{max-width:52ch;margin-bottom:56px;}
  .sec-head h2{font-size:clamp(2rem,4vw,3rem);margin:18px 0;}
  .sec-head h2 em{font-family:'Fraunces';font-style:italic;color:var(--accent);}
  .sec-head p{color:var(--ink-soft);font-size:1.1rem;}

  /* thesis */
  .thesis{background:var(--paper-deep);}
  .thesis .lede{max-width:62ch;font-size:clamp(1.4rem,3vw,2.1rem);font-weight:300;letter-spacing:-.02em;line-height:1.32;color:var(--ink);}
  .thesis .lede em{font-family:'Fraunces';font-style:italic;color:var(--accent);}
  .thesis p{margin-top:26px;max-width:60ch;color:var(--ink-soft);font-size:1.1rem;}

  /* featured residential */
  .feature{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);}
  .feature .panel{background:radial-gradient(110% 130% at 20% 0%, rgba(201,166,115,.14), rgba(201,166,115,0) 55%),linear-gradient(160deg,#352819 0%,#271d12 100%);color:var(--night-text);padding:56px 50px;display:flex;flex-direction:column;justify-content:center;}
  .feature .panel .tagn{font-family:'Fraunces';font-style:italic;color:#c9a673;font-size:.95rem;}
  .feature .panel h3{color:#efe4d2;font-size:2.1rem;margin:10px 0 16px;}
  .feature .panel p{color:#b3a78f;font-size:1.05rem;}
  .feature .body{padding:56px 50px;display:flex;flex-direction:column;justify-content:center;background:var(--paper);}
  .feature .body .reason-mini{padding:16px 0;border-top:1px solid var(--line);}
  .feature .body .reason-mini:first-child{border-top:none;padding-top:0;}
  .feature .body .reason-mini b{font-weight:400;color:var(--ink);}
  .feature .body .reason-mini span{display:block;color:var(--ink-soft);font-size:.95rem;margin-top:3px;}
  .feature .body a{margin-top:24px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-decoration:none;}
  .feature .body a:hover{text-decoration:underline;}
  @media(max-width:760px){.feature{grid-template-columns:1fr;}.feature .panel,.feature .body{padding:40px 32px;}}

  /* commercial cards */
  .ctypes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;}
  .ctype{background:var(--paper);border:1px solid var(--line);padding:40px 36px;display:flex;flex-direction:column;}
  .ctype .k{font-family:'Archivo';font-weight:500;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);}
  .ctype h3{font-size:1.5rem;margin:12px 0 14px;}
  .ctype h3 em{font-family:'Fraunces';font-style:italic;color:var(--accent);}
  .ctype p{color:var(--ink-soft);font-size:1rem;flex-grow:1;}
  .ctype a{margin-top:22px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-decoration:none;}
  .ctype a:hover{text-decoration:underline;}
  @media(max-width:820px){.ctypes{grid-template-columns:1fr;}}

  .final{background:var(--night);color:var(--night-text);text-align:center;padding:120px 0;}
  .final .eyebrow{color:#c79a5e;}
  .final h2{color:#efe4d2;font-size:clamp(2rem,4.4vw,3.2rem);margin:22px auto;max-width:24ch;}
  .final h2 em{font-family:'Fraunces';font-style:italic;color:#d9b783;}
  .final p{color:#a89c84;max-width:50ch;margin:0 auto 30px;}

  .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.3,1),transform 1s cubic-bezier(.2,.7,.3,1);}
  .reveal.in{opacity:1;transform:none;}
  :target{scroll-margin-top:90px;}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}