:root{--ink:#292929;--orange:#f45118;--soft:#fff3ed;--cream:#f5f3ef;--muted:#656565;--line:#dedbd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 6vw;background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;line-height:1}.brand b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--orange);color:#fff;font-size:22px}.brand strong{display:block;letter-spacing:.15em}.brand small,footer small{display:block;margin-top:6px;color:var(--muted);font-size:10px}nav{display:flex;gap:24px}nav a{text-decoration:none;font-weight:bold}.pill,.button{display:inline-block;border:0;border-radius:99px;padding:12px 20px;background:var(--orange);color:#fff;font:inherit;font-weight:bold;text-decoration:none}.hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:680px;padding:36px;background:#242424;color:#fff}.hero>div{display:flex;flex-direction:column;justify-content:center;padding:5vw}.kicker{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:bold;color:var(--orange)}h1,h2,h3{margin:0;line-height:1.08}h1{font-size:clamp(42px,6vw,78px);letter-spacing:-.04em}h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.035em}h3{font-size:26px}.lead{max-width:650px;margin:28px 0;font-size:20px;color:#d2d2d2}.hero .button{align-self:flex-start}.trust{margin-top:50px;color:#d2d2d2}.photo{margin:0;overflow:hidden;border-radius:24px;min-height:440px}.photo img{width:100%;height:100%;display:block;object-fit:cover}.hero-photo img{object-position:50% 35%}.section,.about,.quality,.contact{padding:105px 6vw}.section>h2{margin-bottom:50px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cards article{padding:32px;border:1px solid var(--line);border-radius:22px}.cards article:nth-child(2){background:var(--soft)}.cards .service-card-wide{grid-row:span 2}.cards em{display:block;margin-bottom:38px;color:var(--orange);font-style:normal;font-weight:bold}.cards ul{margin:22px 0 0;padding-left:20px}.cards li{margin:.65em 0}.cards p,.about p,.quality p{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about h2,.quality h2{margin-bottom:25px}.quality{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#faf9f7}.quality-logos{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center}.quality-logos img{display:block;max-width:100%;max-height:210px;object-fit:contain}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:var(--cream)}address{margin-top:32px;font-style:normal}.contact a{color:var(--orange);font-weight:bold}form{padding:32px;border-radius:22px;background:white;box-shadow:0 15px 50px #29292912}label{display:block;margin-bottom:16px;font-size:13px;font-weight:bold}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #c6c1bc;border-radius:9px;background:#fff;font:inherit}.check{display:flex;align-items:flex-start;gap:10px;font-weight:normal}.check input{width:auto}.hide{position:absolute;left:-9999px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 6vw;background:#242424;color:#fff}footer p,footer small{color:#aaa}.legal{max-width:920px;margin:auto;padding:90px 6vw}.legal h1{margin-bottom:55px;color:var(--ink);font-size:64px}.legal h2{margin:38px 0 8px;font-size:24px}.notice{margin-top:35px;padding:20px;border-left:5px solid var(--orange);background:var(--soft)}@media(max-width:850px){header nav{display:none}.hero,.about,.quality,.contact{grid-template-columns:1fr}.hero{padding:20px}.hero .photo{min-height:380px}.cards{grid-template-columns:1fr}.cards .service-card-wide{grid-row:auto}.row{grid-template-columns:1fr}.quality-logos{grid-template-columns:150px 1fr}footer{align-items:flex-start;flex-direction:column}}@media(max-width:520px){header{padding:12px 18px}header .pill{display:none}.section,.about,.quality,.contact{padding:75px 22px}.hero>div{padding:45px 4px}.trust{line-height:2}.cards article{padding:25px}.quality-logos{grid-template-columns:1fr}.quality-logos img{margin:auto}form{padding:22px}}
.brand img{display:block;width:min(330px,34vw);height:66px;object-fit:contain;object-position:left center}.footer-logo{display:block;width:280px;max-height:100px;object-fit:contain}@media(max-width:700px){.brand img{width:210px;height:50px}.footer-logo{width:240px}}@media(max-width:420px){.brand img{width:175px;height:44px}}
.brand{width:min(420px,40vw);height:76px;background:url("assets/perea-name-logo.svg") left center/contain no-repeat}.brand>*{display:none!important}.fields-strip{display:flex;justify-content:center;padding:10px 6vw 13px;background:#fff;border-bottom:1px solid var(--line)}.fields-strip img{display:block;width:min(760px,88vw);height:auto}.footer-logo{background:#fff;border-radius:10px;padding:8px;width:310px;max-height:110px}@media(max-width:700px){.brand{width:225px;height:56px}.fields-strip{padding:8px 18px 10px}.footer-logo{width:260px}}@media(max-width:420px){.brand{width:185px;height:48px}}
.quality-logos img{background:transparent;mix-blend-mode:multiply}
.trust a{text-underline-offset:3px}.quality-logos a{display:block}.quality-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px}.quality-links a{color:var(--orange);font-size:14px;font-weight:bold;text-underline-offset:4px}

/* Expanded climate and energy-advice presentation */
.text-link{display:inline-block;margin-top:18px;color:var(--orange);font-weight:bold;text-underline-offset:4px}
.climate{padding:105px 6vw;background:#202224;color:#fff}
.climate-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;max-width:1400px;margin:0 auto 58px}
.climate-intro h2{max-width:820px;margin-bottom:25px}
.climate-lead{max-width:760px;color:#d4d4d4;font-size:18px}
.climate-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;margin:28px 0 34px;padding-left:20px;color:#ececec}
.manufacturer-card{padding:28px;border:1px solid #ffffff26;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 20px 60px #0003}
.manufacturer-card img{display:block;width:100%;height:auto}
.manufacturer-card p{margin:18px 0 0;color:var(--muted)}
.climate-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:250px 250px;gap:14px;max-width:1400px;margin:0 auto}
.climate-gallery figure{position:relative;margin:0;overflow:hidden;border-radius:18px;background:#333}
.climate-gallery .gallery-tall{grid-column:span 2;grid-row:span 2}
.climate-gallery img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.climate-gallery figure:hover img{transform:scale(1.025)}
.climate-gallery figcaption{position:absolute;right:0;bottom:0;left:0;padding:32px 18px 15px;background:linear-gradient(transparent,#000b);font-size:14px;font-weight:bold}
.brochure-heading{max-width:1400px;margin:70px auto 25px}
.brochure-heading h3{font-size:clamp(28px,3vw,42px)}
.brochure-heading>p:last-child{color:#c8c8c8}
.brochures{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1400px;margin:auto}
.brochures article{display:grid;grid-template-columns:185px 1fr;gap:25px;align-items:center;padding:22px;border-radius:22px;background:#fff;color:var(--ink)}
.brochures article>img{width:100%;height:245px;object-fit:cover;object-position:top;border-radius:12px;border:1px solid var(--line)}
.brochures span{display:block;margin-bottom:10px;color:var(--orange);font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.14em}
.brochures h3{margin-bottom:10px}
.brochures p{color:var(--muted)}
.button-secondary{padding:10px 17px}
@media(max-width:1000px){.climate-intro{grid-template-columns:1fr}.climate-gallery{grid-template-columns:1fr 1fr}.climate-gallery .gallery-tall{grid-column:span 1}.brochures{grid-template-columns:1fr}}
@media(max-width:700px){.climate{padding:75px 22px}.climate-benefits{grid-template-columns:1fr}.climate-gallery{grid-template-columns:1fr;grid-template-rows:none}.climate-gallery figure,.climate-gallery .gallery-tall{grid-column:auto;grid-row:auto;height:280px}.brochures article{grid-template-columns:105px 1fr;padding:16px;gap:16px}.brochures article>img{height:180px}.brochures .button{font-size:13px;padding:9px 12px}}
@media(max-width:430px){.brochures article{grid-template-columns:1fr}.brochures article>img{height:230px}.manufacturer-card{padding:18px}}
/* Company story and owner profile */
.about{align-items:stretch;background:#fff}.about-story{align-self:center}.about-story p{max-width:720px}.owner-quote{display:flex;flex-direction:column;justify-content:center;margin:0;padding:42px;border-radius:24px;background:var(--soft);border-left:6px solid var(--orange)}.owner-quote p{margin:0 0 28px;color:var(--ink);font-size:clamp(22px,2.3vw,32px);font-weight:bold;line-height:1.35}.owner-quote strong{font-size:18px}.owner-quote span{color:var(--muted)}.owner-profile{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;padding:0 6vw 105px}.owner-intro h2{margin-bottom:28px}.owner-intro p{color:var(--muted)}.qualification-card{padding:38px;border-radius:24px;background:#242424;color:#fff}.qualification-card .kicker{margin-top:0}.qualification-card ul{margin:20px 0 28px;padding-left:22px}.qualification-card li{margin:.7em 0}.certified-business{padding:22px;border-radius:16px;background:#ffffff12}.certified-business strong{color:var(--orange);font-size:18px}.certified-business p{margin:8px 0 0;color:#d5d5d5}@media(max-width:850px){.owner-profile{grid-template-columns:1fr}}@media(max-width:520px){.owner-quote{padding:28px}.owner-profile{padding:0 22px 75px}.qualification-card{padding:26px}}
.language-switch {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .3rem .45rem;
  border: 1px solid rgba(28, 45, 38, .2);
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  color: #526057;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1;
  white-space: nowrap;
}

.language-switch button {
  appearance: none;
  border: 0;
  border-radius: 999px;
  padding: .42rem .5rem;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

.language-switch button:hover,
.language-switch button:focus-visible {
  color: #173e2d;
  outline: none;
}

.language-switch button:focus-visible {
  box-shadow: 0 0 0 2px #c9a66b;
}

.language-switch button.is-active {
  background: #173e2d;
  color: #fff;
}

body > .language-switch {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 100;
}

@media (max-width: 900px) {
  header .language-switch {
    order: 3;
    margin-left: auto;
  }
}

/* Keep the business-area symbols visually subordinate to the main logo. */
.fields-strip {
  padding-top: 8px;
  padding-bottom: 10px;
}

.fields-strip img {
  width: min(620px, 76vw);
}

@media (max-width: 700px) {
  .fields-strip {
    padding-top: 6px;
    padding-bottom: 8px;
  }

  .fields-strip img {
    width: min(520px, 82vw);
  }
}

/* Owner portrait and a personal, handwritten treatment for the quotation. */
.owner-portrait {
  display: block;
  width: min(100%, 320px);
  height: auto;
  margin: 0 auto 32px;
  border-radius: 18px;
  box-shadow: 0 18px 38px rgba(41, 41, 41, .14);
}

.owner-quote p {
  font-family: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 600;
  line-height: 1.48;
  letter-spacing: -.025em;
}

@media (max-width: 850px) {
  .owner-portrait {
    width: min(100%, 340px);
    height: auto;
  }
}

/* Integrate the footer wordmark directly into the dark background. */
footer .footer-logo {
  width: 280px;
  max-height: 78px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  filter: brightness(0) invert(1);
  opacity: .94;
}

@media (max-width: 700px) {
  footer .footer-logo {
    width: 245px;
    max-height: 70px;
    padding-left: 0;
  }
}

/* Large customer-focused climate image, echoing the editorial hero image. */
.climate-lifestyle {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(360px, 1.18fr);
  max-width: 1400px;
  margin: 0 auto 58px;
  overflow: hidden;
  border: 1px solid #ffffff20;
  border-radius: 24px;
  background: #2b2e30;
}

.climate-lifestyle > img {
  display: block;
  width: 100%;
  height: 720px;
  object-fit: cover;
  object-position: center center;
}

.climate-lifestyle figcaption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 5vw, 72px);
}

.climate-lifestyle figcaption .kicker {
  margin-top: 0;
}

.climate-lifestyle figcaption h3 {
  max-width: 520px;
  font-size: clamp(30px, 3.5vw, 50px);
}

.climate-lifestyle figcaption > p:last-child {
  max-width: 520px;
  margin: 24px 0 0;
  color: #d4d4d4;
  font-size: 18px;
}

@media (max-width: 900px) {
  .climate-lifestyle {
    grid-template-columns: 1fr;
  }

  .climate-lifestyle > img {
    height: auto;
    max-height: 760px;
    object-fit: contain;
    background: #eeeae4;
  }
}

@media (max-width: 520px) {
  .climate-lifestyle figcaption {
    padding: 30px 24px 36px;
  }
}