.site-main--cooling{padding:0;background:#fff} .cooling-page__hero{position:relative;padding:240px 0 20px;color:rgba(255,255,255,0.88);background:radial-gradient(1120px 680px at 34% 42%,rgba(78,78,78,0.46),transparent 72%),radial-gradient(860px 520px at 72% 34%,rgba(42,42,42,0.24),transparent 72%),linear-gradient(180deg,#1f1f20 0%,#141414 100%)} .cooling-page__hero-grid{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(360px,1fr);gap:42px;align-items:start} .cooling-page__hero-header{grid-column:1 / -1} .cooling-page__hero-copy{display:grid;gap:22px;max-width:560px;grid-column:1;padding-top:18px} .cooling-page__hero-title{margin:0;color:#fff;font-size:clamp(28px,2.6vw,38px);line-height:1.05} .cooling-page__hero-description{margin:0;color:rgba(255,255,255,0.78);font-size:15px;line-height:1.65} .cooling-page__hero-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .cooling-page__hero-highlight{display:grid;gap:10px;justify-items:center;text-align:center;color:#fff;font-size:13px;font-weight:600} .cooling-page__hero-highlight-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent)} .cooling-page__hero-highlight-icon svg{width:32px;height:32px} .cooling-page__hero-actions{display:flex;flex-wrap:wrap;gap:14px;padding-top:28px} .cooling-page__hero-cta,.cooling-page__hero-link{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 18px;border-radius:14px;font-size:14px;font-weight:700;transition:background-color 160ms ease,color 160ms ease,transform 160ms ease,box-shadow 160ms ease} .cooling-page__hero-cta{background:var(--accent);color:#111827} .cooling-page__hero-cta:hover,.cooling-page__hero-cta:focus-visible{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 14px 26px rgba(166,226,46,0.26)} .cooling-page__hero-link{border:1px solid rgba(255,255,255,0.18);color:#fff;background:rgba(255,255,255,0.04)} .cooling-page__hero-link:hover,.cooling-page__hero-link:focus-visible{background:rgba(255,255,255,0.1)} .cooling-page__hero-media{margin:0;overflow:hidden;border-radius:28px;grid-column:2;width:70%;justify-self:end} .cooling-page__hero-media img{width:100%;aspect-ratio:1.18 / 1;object-fit:cover} .cooling-page__process,.cooling-page__request,.cooling-page__content{padding:82px 0} .cooling-page__project,.cooling-page__faq{padding:82px 0;background:#f3f3f3} .cooling-page__paths{padding:82px 0} .cooling-page__paths-layout{display:grid;gap:24px} .cooling-page__paths-layout .cooling-page__section-header{justify-items:center;text-align:center} .cooling-page__section-header{display:grid;gap:8px;margin-bottom:30px} .cooling-page__section-header--center{max-width:760px;margin-inline:auto;text-align:center;justify-items:center} .cooling-page__section-title{margin:0;color:#161616;font-size:clamp(30px,2.9vw,46px);line-height:1.08} .cooling-page__section-kicker{color:#88b910;font-size:15px;font-weight:500} .cooling-page__section-header p{margin:0;color:#6b7280;font-size:15px;line-height:1.7} .cooling-page__process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .cooling-page__path-icon{width:44px;height:44px} .cooling-page__process-step{display:grid;justify-items:center;text-align:center;align-content:start;gap:16px} .cooling-page__path-copy h3,.cooling-page__process-step h3,.cooling-page__paths-note h3,.cooling-page__faq-side-card h3{margin:0;color:#161616;font-size:20px;line-height:1.2} .cooling-page__path-copy p,.cooling-page__process-step p,.cooling-page__paths-note p,.cooling-page__faq-side-card li{margin:0;color:#4b5563;font-size:14px;line-height:1.7} .cooling-page__paths-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;justify-content:center} .cooling-page__path-card{display:grid;grid-template-columns:1fr;align-content:center;gap:14px;aspect-ratio:1 / 1;max-width:300px;min-height:0;margin:0 auto;padding:20px 18px;border-radius:22px;background:#fff;box-shadow:0 14px 28px rgba(17,24,39,0.08);justify-items:center;text-align:center} .cooling-page__path-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:#88b910;background:rgba(136,185,16,0.12)} .cooling-page__path-icon svg{width:28px;height:28px} .cooling-page__path-copy{display:grid;gap:8px;justify-items:center;text-align:center} .cooling-page__paths-note{margin:48px;display:grid;gap:10px;padding:24px;border-radius:22px;color:rgba(255,255,255,0.82);justify-items:center;text-align:center;background:radial-gradient(300px 180px at 100% 0%,rgba(166,226,46,0.12),transparent 72%),linear-gradient(180deg,#1e1e1f 0%,#131314 100%)} .cooling-page__paths-note h3{color:#fff} .cooling-page__paths-note p{color:rgba(255,255,255,0.74)} .cooling-page__project-grid{display:grid;grid-template-columns:minmax(280px,0.72fr) minmax(0,1fr);gap:36px;align-items:center} .cooling-page__project-copy{display:grid;gap:18px} .cooling-page__project-copy .cooling-page__section-header{margin-bottom:0} .cooling-page__project-list{display:grid;gap:12px;margin:0;padding:0;list-style:none} .cooling-page__project-list li{position:relative;padding-left:30px;color:#374151;font-size:15px;line-height:1.7} .cooling-page__project-list li::before{content:"\2713";position:absolute;top:0;left:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#88b910;background:rgba(136,185,16,0.12);font-size:13px;font-weight:700} .cooling-page__project-gallery{position:relative;min-height:520px} .cooling-page__project-photo{position:absolute;overflow:hidden;margin:0;border-radius:24px;box-shadow:0 20px 40px rgba(17,24,39,0.14)} .cooling-page__project-photo img{display:block;width:100%;height:100%;object-fit:cover} .cooling-page__project-photo--1{top:0;left:0;width:36%;height:210px;z-index:3} .cooling-page__project-photo--2{top:118px;left:18%;width:52%;height:260px;z-index:2} .cooling-page__project-photo--3{top:308px;right:2%;width:34%;height:278px;z-index:4} .cooling-page__process-number{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#88b910;color:#fff;font-size:15px;font-weight:700} .cooling-page__faq-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,0.62fr);gap:28px;align-items:start} .cooling-page__faq-list{display:grid;gap:10px} .cooling-page__faq-item{border:1px solid rgba(17,24,39,0.08);border-radius:18px;overflow:hidden;background:#fff} .cooling-page__faq-item[open]{border-color:rgba(136,185,16,0.45)} .cooling-page__faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none;font-size:15px;font-weight:600;color:#161616} .cooling-page__faq-item summary::-webkit-details-marker{display:none} .cooling-page__faq-toggle{position:relative;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:rgba(136,185,16,0.12)} .cooling-page__faq-toggle::before,.cooling-page__faq-toggle::after{content:"";position:absolute;top:11px;left:6px;width:12px;height:2px;border-radius:2px;background:#88b910} .cooling-page__faq-toggle::after{transform:rotate(90deg)} .cooling-page__faq-item[open] .cooling-page__faq-toggle::after{opacity:0;transform:rotate(0deg)} .cooling-page__faq-answer{padding:0 18px 18px;color:#4b5563;font-size:14px;line-height:1.75} .cooling-page__faq-side-card{display:grid;gap:14px;padding:26px 24px;border-radius:24px;background:radial-gradient(320px 220px at 100% 0%,rgba(166,226,46,0.1),transparent 72%),linear-gradient(180deg,#1e1e1f 0%,#131314 100%);box-shadow:0 18px 38px rgba(17,24,39,0.12)} .cooling-page__faq-side-card h3{color:#fff} .cooling-page__faq-side-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none} .cooling-page__faq-side-card li{position:relative;padding-left:16px;color:rgba(255,255,255,0.76)} .cooling-page__faq-side-card li::before{content:"";position:absolute;top:9px;left:0;width:6px;height:6px;border-radius:50%;background:#b8ff2f} .cooling-page__request-grid{display:grid;grid-template-columns:minmax(280px,0.72fr) minmax(0,1fr);gap:34px;align-items:start} .cooling-page__request-copy{display:grid;gap:20px} .cooling-page__request-copy .cooling-page__section-header{margin-bottom:0} .cooling-page__request-contact{display:grid;gap:12px} .cooling-page__request-contact a{display:inline-flex;align-items:center;gap:12px;color:#161616;font-size:15px;font-weight:600} .cooling-page__request-contact-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#88b910} .cooling-page__request-contact-icon svg{width:18px;height:18px} .cooling-page__form-wrap{padding:24px;border-radius:26px;background:#fff;box-shadow:0 18px 38px rgba(17,24,39,0.08)} .cooling-page__form-status{margin:0 0 16px;padding:14px 18px;border-radius:16px;font-size:14px} .cooling-page__form-status--success{background:rgba(34,197,94,0.12);color:#166534} .cooling-page__form-status--invalid,.cooling-page__form-status--error{background:rgba(239,68,68,0.1);color:#991b1b} .cooling-page__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px} .cooling-page__honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .cooling-page__field{display:grid;gap:7px} .cooling-page__field--full{grid-column:1 / -1} .cooling-page__field span{color:#1f2937;font-size:12px;font-weight:600} .cooling-page__field input,.cooling-page__field select,.cooling-page__field textarea{width:100%;min-height:48px;padding:0 16px;border:1px solid rgba(17,24,39,0.06);border-radius:14px;background:#f3f4f6;color:#111827;transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease} .cooling-page__field input::placeholder,.cooling-page__field textarea::placeholder{color:rgba(17,24,39,0.62)} .cooling-page__field textarea{min-height:128px;padding:14px 16px;resize:vertical} .cooling-page__field input:focus,.cooling-page__field select:focus,.cooling-page__field textarea:focus{outline:none;border-color:rgba(166,226,46,0.55);background:#fff;box-shadow:0 0 0 3px rgba(166,226,46,0.18)} .cooling-page__form-actions{grid-column:1 / -1;display:flex;justify-content:flex-start;padding-top:6px} .cooling-page__submit{min-width:148px;min-height:46px;padding:0 22px;border:0;border-radius:14px;background:var(--accent);color:#111827;font-family:var(--font-heading);font-weight:700;cursor:pointer;transition:transform 160ms ease,background-color 160ms ease,box-shadow 160ms ease} .cooling-page__submit:hover,.cooling-page__submit:focus-visible{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 14px 24px rgba(166,226,46,0.28)} .cooling-page__content .entry-content{max-width:860px} @media (max-width:1100px){.cooling-page__hero-grid,.cooling-page__project-grid,.cooling-page__faq-grid,.cooling-page__request-grid{grid-template-columns:1fr} .cooling-page__hero-header,.cooling-page__hero-copy,.cooling-page__hero-media{grid-column:auto} .cooling-page__process-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .cooling-page__paths-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:768px){.cooling-page__hero{padding:92px 0 76px} .cooling-page__hero-highlights,.cooling-page__paths-list,.cooling-page__process-grid,.cooling-page__form{grid-template-columns:1fr} .cooling-page__hero-highlight{grid-template-columns:42px auto;align-items:center} .cooling-page__hero-actions{flex-direction:column;align-items:stretch} .cooling-page__hero-cta,.cooling-page__hero-link,.cooling-page__submit{width:100%} .cooling-page__paths,.cooling-page__project,.cooling-page__process,.cooling-page__faq,.cooling-page__request,.cooling-page__content{padding:68px 0} .cooling-page__project-gallery{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .cooling-page__project-photo{position:static;width:auto;height:220px} .cooling-page__project-photo--3{grid-column:1 / -1;height:260px}} @media (max-width:520px){.cooling-page__hero{padding:84px 0 66px} .cooling-page__hero-media,.cooling-page__why-card,.cooling-page__path-card,.cooling-page__paths-note,.cooling-page__priority-card,.cooling-page__process-step,.cooling-page__fit-card,.cooling-page__faq-item,.cooling-page__faq-side-card,.cooling-page__form-wrap{border-radius:20px} .cooling-page__form-actions{justify-content:stretch}}