.climate-draft { --ink:#101617; --ink-soft:#192225; --copper:#e2a16d; --blue:#9dcbdb; --white:#f6f8f6; --muted:#b5c0c1; --paper:#f1f3f1; --climate-line:#364143; background:var(--ink); color:var(--white); color-scheme:dark; overflow-x:clip; }
.climate-draft *, .climate-draft *::before, .climate-draft *::after { box-sizing:border-box; }
.climate-draft ::selection { background:var(--copper); color:var(--ink); }
.climate-draft { scrollbar-color:var(--copper) var(--ink); }
.climate-draft a { text-underline-offset:.25em; }
.climate-draft :focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
.climate-draft [hidden] { display:none!important; }
.climate-draft h1, .climate-draft h2, .climate-draft h3 { margin:0; font-family:Manrope,sans-serif; font-weight:500; letter-spacing:-.035em; text-wrap:balance; }
.climate-draft h1 em, .climate-draft h2 em { color:var(--copper); font-style:normal; }
.climate-draft p { margin:0; }
.climate-wrap { width:min(1360px,calc(100% - 96px)); margin-inline:auto; }
.climate-header { display:flex; align-items:center; justify-content:space-between; gap:2rem; min-height:110px; border-bottom:1px solid var(--climate-line); position:relative; z-index:5; }
.climate-brand { display:flex; align-items:center; gap:.75rem; flex-shrink:0; }
.climate-brand img { width:52px; height:52px; object-fit:contain; }
.climate-brand strong { display:block; font-size:1.65rem; font-weight:700; letter-spacing:.09em; line-height:1.1; }
.climate-brand small { display:block; margin-top:.45rem; font-size:.6875rem; color:var(--muted); line-height:1.4; }
.climate-nav { display:flex; align-items:center; gap:1.8rem; }
.climate-nav a { display:flex; align-items:center; min-height:44px; font-size:.875rem; color:var(--muted); transition:color 160ms; }
.climate-nav a:hover { color:var(--white); }
.climate-header-call { display:flex; align-items:center; gap:.85rem; min-height:44px; font-size:.875rem; font-weight:600; color:var(--copper); white-space:nowrap; }
.climate-header-call .icon { width:18px; height:18px; }
.climate-menu { display:none; align-items:center; gap:.5rem; color:var(--white); background:transparent; min-height:44px; }
.climate-opening { display:grid; grid-template-columns:1.03fr 1fr; position:relative; isolation:isolate; column-gap:1rem; padding-top:42px; }
.climate-copy { align-self:center; padding-block:40px 56px; position:relative; z-index:2; }
.climate-draft .climate-copy h1 { font-size:clamp(3.5rem,6.7vw,6rem); line-height:1.075; max-width:9em; }
.climate-copy h1 em { white-space:nowrap; }
.climate-copy>p:first-of-type { margin-top:1.8rem; font-size:1.0625rem; line-height:1.8; color:var(--muted); max-width:36ch; }
.climate-actions { display:flex; align-items:flex-start; flex-direction:column; gap:.75rem; margin-top:2.2rem; }
.climate-action { display:inline-flex; align-items:center; justify-content:space-between; gap:1.5rem; padding:1rem 1.25rem; min-height:58px; background:var(--copper); color:var(--ink); border-radius:2px; font-size:.9375rem; font-weight:700; transition:background 180ms; }
.climate-action:hover { background:#f0bc90; }
.climate-action .icon { width:20px; height:20px; }
.climate-text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:1.2rem; min-height:44px; color:var(--white); font-size:.9375rem; font-weight:600; }
.climate-text-link .icon { width:20px; height:20px; transition:transform 180ms; }
.climate-text-link:hover .icon { transform:translateX(3px); }
.climate-copy .climate-area { color:var(--muted); font-size:.8125rem; margin-top:2.5rem; }
.climate-experience { min-width:0; align-self:center; position:relative; }
.climate-scene { position:relative; isolation:isolate; margin:0 -5% 0 -8%; aspect-ratio:1.2; min-height:300px; max-height:520px; }
.climate-opening>.climate-brush { position:absolute; z-index:-1; top:0; left:calc((100% - 100vw)/2); width:100vw; height:100%; background:url('/assets/kaze-wind-washi.webp') 66% center/cover no-repeat; opacity:.65; pointer-events:none; }
.brush-pending .climate-opening>.climate-brush,.climate-opening>.climate-brush.is-painting { background-image:none; }
.climate-brush canvas { display:block; width:100%; height:100%; pointer-events:none; }
.climate-device { width:78%; position:absolute; top:50%; left:11%; transform:translateY(-50%); filter:drop-shadow(0 28px 24px #0008); }
.climate-device img { display:block; width:100%; height:auto; }
.climate-opening-foot { display:flex; justify-content:space-between; align-items:center; gap:1rem; grid-column:1/-1; border-top:1px solid var(--climate-line); padding-block:1.3rem; margin-top:1.8rem; font-size:.75rem; color:var(--muted); }
.climate-opening-foot a { display:flex; align-items:center; gap:1rem; min-height:44px; color:var(--white); }
.climate-opening-foot .icon { width:18px; height:18px; transform:rotate(90deg); }
.climate-manufacturers { background:var(--paper); color:var(--ink); padding-block:2rem; }
.climate-brands-row { display:grid; grid-template-columns:190px 1fr; align-items:center; gap:3rem; }
.climate-draft .climate-brands-row h2 { font-size:.8125rem; line-height:1.6; letter-spacing:0; font-weight:600; }
.climate-brand-logos { display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.climate-brand-logos img { object-fit:contain; max-width:120px; width:17%; height:48px; }
.climate-brand-logos img:nth-child(2) { max-width:110px; }
.climate-brand-logos img:nth-child(4) { max-width:132px; }
.climate-services, .climate-process, .climate-faq { padding-block:clamp(72px,8vw,120px); scroll-margin-top:2rem; }
.climate-section-intro { display:grid; grid-template-columns:1.15fr 1fr; gap:5rem; align-items:end; margin-bottom:3.4rem; }
.climate-draft .climate-section-intro h2, .climate-draft .climate-about h2, .climate-draft .climate-faq h2 { font-size:clamp(2.5rem,4.2vw,4rem); line-height:1.13; }
.climate-section-intro>p { max-width:37ch; line-height:1.85; color:var(--muted); }
.climate-service { border-top:1px solid var(--climate-line); }
.climate-service:last-child { border-bottom:1px solid var(--climate-line); }
.climate-service summary { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 28px; gap:1.5rem; align-items:center; padding-block:1.75rem; cursor:pointer; list-style:none; }
.climate-service summary::-webkit-details-marker, .climate-faq summary::-webkit-details-marker { display:none; }
.climate-draft .climate-service h3 { font-size:clamp(1.6rem,2.9vw,2.75rem); line-height:1.2; }
.climate-service summary>span { font-size:.8125rem; color:var(--muted); }
.climate-service summary>.icon { color:var(--copper); transition:transform 200ms; }
.climate-service[open] summary>.icon, .climate-faq details[open] summary>.icon { transform:rotate(45deg); }
.climate-service[open] h3 { color:var(--copper); }
.climate-service-content { display:grid; grid-template-columns:1.2fr 1fr; gap:4rem; padding:0 3.5rem 2.25rem 0; }
.climate-service-content p { color:var(--muted); line-height:1.8; font-size:.9375rem; max-width:47ch; }
.climate-service-content .climate-text-link { color:var(--copper); margin-top:1rem; }
.climate-detail-link { display:block; color:var(--muted); font-size:.8125rem; text-decoration:underline; width:fit-content; margin-top:.7rem; padding-block:.4rem; min-height:32px; }
.climate-about { background:var(--ink-soft); padding-block:clamp(70px,8vw,110px); scroll-margin-top:2rem; }
.climate-about-layout { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; }
.climate-about-identity { display:flex; align-items:center; justify-content:center; gap:1.2rem; }
.climate-about-identity img { width:clamp(80px,12vw,170px); height:auto; }
.climate-about-identity span { font-size:clamp(3rem,6vw,5.5rem); font-weight:600; letter-spacing:.08em; }
.climate-about h2 { margin-bottom:1.6rem; }
.climate-about p { color:var(--muted); line-height:1.8; margin-top:1rem; max-width:45ch; }
.climate-about p:first-of-type { color:var(--white); }
.climate-about .climate-text-link { margin-top:1.5rem; }
.climate-process-list { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.5rem; }
.climate-process-list li { border-top:1px solid var(--climate-line); padding-top:1.5rem; }
.climate-process-list li>span { font-size:.875rem; color:var(--copper); display:block; margin-bottom:1.4rem; }
.climate-draft .climate-process-list h3 { font-size:1.25rem; line-height:1.5; letter-spacing:-.015em; }
.climate-process-list p { color:var(--muted); font-size:.875rem; line-height:1.8; margin-top:1rem; }
.climate-draft .climate-warranty { padding-block:clamp(72px,8vw,120px); }
.climate-draft .climate-warranty h2 { color:var(--ink); font-size:clamp(2.5rem,4.2vw,4rem); line-height:1.13; }
.climate-draft .climate-warranty .warranty-heading>p { color:#536063; }
.climate-warranty .warranty-installation { margin-bottom:2.5rem; }
.climate-warranty .warranty-devices>h3 { margin-bottom:1rem; }
.climate-warranty .warranty-footer { margin-top:1rem; }
.climate-faq { display:grid; grid-template-columns:1fr 1.3fr; gap:5rem; border-top:1px solid var(--climate-line); }
.climate-faq details { border-bottom:1px solid var(--climate-line); }
.climate-faq details:first-child { border-top:1px solid var(--climate-line); }
.climate-faq summary { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; padding-block:1.5rem; font-size:1rem; cursor:pointer; list-style:none; }
.climate-faq summary>.icon { width:20px; height:20px; flex-shrink:0; color:var(--copper); transition:transform 200ms; }
.climate-faq details>p { line-height:1.8; color:var(--muted); font-size:.9375rem; padding-bottom:1.5rem; }
.climate-draft .contact.contact-with-form { background:#d69b6e; color:var(--ink); padding-block:clamp(72px,8vw,120px); }
.climate-draft .contact-layout { width:min(1360px,calc(100% - 96px)); padding-inline:0; gap:5rem; }
.climate-draft .contact-intro h2 { font-size:clamp(2.5rem,4vw,4rem); color:var(--ink); }
.climate-draft .contact-intro h2 em { color:#57351f; }
.climate-draft .contact-intro>p, .climate-draft .contact-preparation p { color:#3b2a1e; }
.climate-draft .contact-preparation p:first-child, .climate-draft .contact-preparation p:last-child { color:#3b2a1e; }
.climate-draft .contact-preparation { border-color:#78543a; }
.climate-draft .contact-details, .climate-draft .contact-name, .climate-draft .contact-phone, .climate-draft .contact-email { color:var(--ink); }
.climate-draft .contact-facebook { display:flex; align-items:center; gap:.65rem; width:fit-content; max-width:100%; min-height:44px; padding-block:.5rem; margin-top:.65rem; color:var(--ink); font-size:.9375rem; font-weight:600; text-decoration:underline; text-underline-offset:.25em; }
.contact-facebook .icon { width:22px; height:22px; flex:none; }
.contact-facebook:hover { text-decoration-thickness:2px; }
.climate-draft .contact .enquiry-form { background:var(--paper); }
.climate-draft .contact .enquiry-heading h3 { color:var(--ink); font-size:1.5rem; }
.climate-preview-notice { color:#173f4e; background:#e0eef1; padding:1rem; margin-bottom:1.5rem!important; font-size:.875rem; line-height:1.65; }
.climate-draft .contact :focus-visible { outline-color:var(--ink); }
.climate-draft .enquiry-form :focus-visible { outline-color:#276783; }
.climate-draft .enquiry-form input, .climate-draft .enquiry-form select, .climate-draft .enquiry-form textarea { caret-color:#276783; }
.climate-draft .enquiry-form ::selection { background:#9dcbdb; color:var(--ink); }
.climate-draft .enquiry-form .enquiry-data>p { color:#536063; }
.climate-footer { display:grid; grid-template-columns:1fr auto auto; gap:3rem; align-items:end; padding-block:3.5rem; }
.climate-footer-name { font-size:clamp(3.5rem,9vw,8rem); line-height:.9; letter-spacing:.09em; font-weight:600; }
.climate-footer p, .climate-footer>a:last-child { color:var(--muted); font-size:.75rem; line-height:1.8; }
.climate-footer>a:last-child { text-decoration:underline; min-height:44px; align-content:center; }
.climate-draft .climate-brands-row h2 { color:var(--ink); }
.climate-draft .climate-brand small { font-size:.75rem; }
.climate-draft .contact.contact-with-form .contact-intro>p, .climate-draft .contact.contact-with-form .contact-name { color:#3b2a1e; }
.climate-draft .contact.contact-with-form .contact-phone, .climate-draft .contact.contact-with-form .contact-email { color:var(--ink); }
.climate-draft .climate-footer-name { font-size:clamp(3.5rem,9vw,6rem); }
.climate-draft .climate-scene .climate-device { width:78%; left:11%; }
@media(min-width:1456px) { .climate-opening { column-gap:2rem; } .climate-copy { padding-block:70px; } .climate-actions { flex-direction:row; align-items:center; gap:1.75rem; } }
@media(max-width:1100px) { .climate-wrap { width:calc(100% - 64px); } .climate-header { gap:1rem; } .climate-nav { gap:1rem; } .climate-brand small { max-width:16ch; } .climate-draft .climate-copy h1 { font-size:clamp(3.4rem,6.5vw,5.2rem); } .climate-scene { margin-inline:-10%; } .climate-section-intro,.climate-service-content,.climate-about-layout,.climate-faq { gap:3rem; } .climate-draft .contact-layout { width:calc(100% - 64px); gap:3rem; } .climate-brands-row { grid-template-columns:150px 1fr; gap:2rem; } }
@media(max-width:900px) { .climate-header { min-height:90px; } .climate-header-call { margin-left:auto; } .climate-menu { display:flex; } .climate-nav { position:absolute; left:-1rem; right:-1rem; top:calc(100% + 1px); padding:1rem; background:var(--ink-soft); display:flex; flex-direction:column; align-items:stretch; gap:0; visibility:hidden; opacity:0; } .climate-nav.is-open { visibility:visible; opacity:1; } .climate-nav a { padding:.4rem .75rem; } .climate-menu[aria-expanded=true] .icon { transform:rotate(45deg); } .climate-copy>p:first-of-type { font-size:1rem; } .climate-desktop-break { display:none; } .climate-brands-row { grid-template-columns:120px 1fr; } .climate-brand-logos { gap:1rem; } .climate-draft .contact-with-form .contact-layout { grid-template-columns:1fr; gap:3rem; } .climate-draft .contact-intro { max-width:40rem; } .climate-draft .contact-details { max-width:28rem; } }
@media(max-width:700px) { .climate-wrap { width:calc(100% - 40px); } .climate-header { min-height:84px; gap:.75rem; } .climate-brand img { width:42px; height:42px; } .climate-brand strong { font-size:1.35rem; } .climate-brand small { font-size:.625rem; max-width:22ch; } .climate-header-call { display:none; } .climate-menu { margin-left:auto; font-size:.8125rem; } .climate-opening { grid-template-columns:1fr; padding-top:0; } .climate-copy { padding:42px 0 0; } .climate-draft .climate-copy h1 { font-size:clamp(2.7rem,10.7vw,4.2rem); line-height:1.08; } .climate-copy>p:first-of-type { margin-top:1.25rem; max-width:34ch; line-height:1.75; } .climate-actions { margin-top:1.5rem; flex-direction:row; flex-wrap:wrap; align-items:center; gap:.75rem 1.25rem; } .climate-action { font-size:.8125rem; min-height:54px; padding:.9rem 1rem; gap:1rem; } .climate-actions .climate-text-link { font-size:.8125rem; } .climate-copy .climate-area { margin-top:1.25rem; } .climate-experience { margin-top:.5rem; } .climate-scene { margin:-.5rem 0 0; width:100%; min-height:0; max-height:440px; } .climate-device { width:70%; left:15%; } .climate-opening-foot { margin-top:2rem; padding-block:.75rem; font-size:.6875rem; } .climate-opening-foot>span { max-width:15ch; } .climate-opening-foot a { max-width:20ch; line-height:1.6; gap:.5rem; } .climate-brands-row { grid-template-columns:1fr; gap:1.2rem; } .climate-draft .climate-brands-row h2 { font-size:.75rem; } .climate-brands-row h2 br { display:none; } .climate-brand-logos { gap:1rem; } .climate-brand-logos img { width:20%; height:36px; } .climate-manufacturers { padding-block:1.5rem; } .climate-section-intro { grid-template-columns:1fr; gap:1.25rem; margin-bottom:2rem; } .climate-draft .climate-section-intro h2,.climate-draft .climate-about h2,.climate-draft .climate-faq h2 { font-size:clamp(2.2rem,8.5vw,3rem); } .climate-section-intro>p { font-size:.9375rem; } .climate-service summary { grid-template-columns:minmax(0,1fr) 24px; gap:.6rem 1rem; padding-block:1.4rem; } .climate-service summary>h3 { grid-column:1; } .climate-draft .climate-service h3 { font-size:1.65rem; } .climate-service summary>span { grid-column:1; font-size:.75rem; } .climate-service summary>.icon { grid-column:2; grid-row:1/3; width:22px; height:22px; } .climate-service-content { grid-template-columns:1fr; gap:1rem; padding:0 0 1.7rem; } .climate-service-content p { font-size:.9375rem; } .climate-detail-link { min-height:44px; } .climate-about-layout { grid-template-columns:1fr; gap:2.5rem; } .climate-about-identity { justify-content:flex-start; gap:1rem; } .climate-about-identity img { width:72px; } .climate-about-identity span { font-size:2.75rem; } .climate-process-list { grid-template-columns:1fr; gap:1.75rem; } .climate-process-list li { display:grid; grid-template-columns:24px 1fr; gap:1rem; } .climate-process-list li>span { margin:0; padding-top:.4rem; } .climate-process-list p { margin-top:.65rem; } .climate-faq { grid-template-columns:1fr; gap:2rem; } .climate-faq summary { font-size:.9375rem; } .climate-draft .contact-layout { width:calc(100% - 40px); } .climate-footer { grid-template-columns:1fr; gap:1.6rem; padding-block:3rem; } .climate-footer-name { font-size:4.5rem; } }
@media(prefers-reduced-motion:reduce) { .climate-draft { scroll-behavior:auto; } .climate-draft *, .climate-draft *::before,.climate-draft *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } .climate-text-link:hover .icon { transform:none; } }
@media(max-width:700px) { .climate-opening>.climate-brush { background-position:65% center; opacity:.55; } }
@media(prefers-reduced-motion:reduce) { .brush-pending .climate-opening>.climate-brush,.climate-opening>.climate-brush.is-painting { background-image:url('/assets/kaze-wind-washi.webp'); } .climate-brush canvas { display:none; } }
@media print { .climate-opening>.climate-brush { display:none; } }

/* Desktop reading sizes; keep the accepted phone/tablet typography intact. */
@media screen and (min-width:901px) {
  .climate-draft { font-size:1.125rem; }
  .climate-draft .climate-brand small { font-size:.875rem; }
  .climate-nav a, .climate-header-call,
  .climate-action, .climate-text-link,
  .climate-draft .climate-brands-row h2,
  .climate-service summary>span,
  .climate-detail-link { font-size:1rem; }
  .climate-copy>p:first-of-type { font-size:1.1875rem; }
  .climate-copy .climate-area,
  .climate-opening-foot { font-size:.9375rem; }
  .climate-section-intro>p, .climate-about p { font-size:1.125rem; }
  .climate-service-content p,
  .climate-process-list p,
  .climate-faq details>p { font-size:1.0625rem; }
  .climate-process-list li>span { font-size:1rem; }
  .climate-faq summary { font-size:1.125rem; }
  .climate-draft .warranty-table thead th,
  .climate-draft .warranty-table td>span,
  .climate-draft .warranty-table summary,
  .climate-draft .warranty-table details p,
  .climate-draft .warranty-table details a,
  .climate-draft .warranty-footer p,
  .climate-draft .contact-name,
  .climate-draft .contact-facebook { font-size:1rem; }
  .climate-draft .contact-preparation p { font-size:1.125rem; }
  .climate-draft .contact-preparation p:last-child { font-size:1rem; }
  .climate-footer p, .climate-footer>a:last-child { font-size:.875rem; }
}