@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&display=swap');

:root{
  --sun:#e2661f;
  --sky:#1f5c66;
  --leaf:#3d7a4c;
  --clay:#a05a34;
  --ink:#2a2420;
  --paper:#fffaf2;
  --cream:#faf1e3;

  --sun-100: color-mix(in oklch, var(--sun), white 88%);
  --sun-200: color-mix(in oklch, var(--sun), white 72%);
  --sun-600: color-mix(in oklch, var(--sun), black 12%);
  --sun-800: color-mix(in oklch, var(--sun), black 35%);

  --sky-100: color-mix(in oklch, var(--sky), white 85%);
  --sky-200: color-mix(in oklch, var(--sky), white 65%);
  --sky-600: color-mix(in oklch, var(--sky), black 10%);
  --sky-800: color-mix(in oklch, var(--sky), black 30%);

  --leaf-100: color-mix(in oklch, var(--leaf), white 85%);
  --leaf-200: color-mix(in oklch, var(--leaf), white 65%);
  --leaf-600: color-mix(in oklch, var(--leaf), black 10%);
  --leaf-800: color-mix(in oklch, var(--leaf), black 32%);

  --clay-100: color-mix(in oklch, var(--clay), white 85%);
  --clay-200: color-mix(in oklch, var(--clay), white 65%);
  --clay-600: color-mix(in oklch, var(--clay), black 12%);
  --clay-800: color-mix(in oklch, var(--clay), black 35%);

  --ink-soft: color-mix(in oklch, var(--ink), white 25%);
  --ink-faint: color-mix(in oklch, var(--ink), white 55%);

  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:32px; --r-pill:999px;

  --sh-sm: 0 1px 2px color-mix(in oklch, var(--ink), transparent 88%), 0 1px 1px color-mix(in oklch, var(--ink), transparent 92%);
  --sh-md: 0 6px 16px color-mix(in oklch, var(--ink), transparent 85%), 0 2px 6px color-mix(in oklch, var(--ink), transparent 90%);
  --sh-lg: 0 20px 45px color-mix(in oklch, var(--ink), transparent 80%), 0 6px 16px color-mix(in oklch, var(--ink), transparent 88%);

  --sp-1:.5rem; --sp-2:1rem; --sp-3:1.5rem; --sp-4:2.25rem; --sp-5:3.5rem; --sp-6:5rem; --sp-7:7rem;
  --ease:cubic-bezier(.4,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{
  font-family:'Figtree',sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;object-fit:cover}
a{text-decoration:none;color:inherit;transition:color .3s var(--ease)}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul{list-style:none}

h1,h2,h3,h4{font-weight:700;line-height:1.15;letter-spacing:-0.02em}
h1{font-size:clamp(2.4rem, 5vw + 1rem, 4.6rem);font-weight:800}
h2{font-size:clamp(1.9rem, 3vw + 1rem, 3rem)}
h3{font-size:clamp(1.15rem, 1vw + 1rem, 1.5rem)}
p{font-size:1.02rem}

.container,.sec-inner{max-width:1240px;margin:0 auto;padding:0 var(--sp-3)}
.sec-inner.narrow{max-width:900px}


.hdr{
  position:fixed;top:0;left:0;right:0;z-index:900;
  background:color-mix(in oklch, var(--paper), transparent 8%);
  backdrop-filter:blur(10px);
  border-bottom:1px solid color-mix(in oklch, var(--ink), transparent 92%);
  transition:transform .45s var(--ease);
}
.hdr.hdr-hide{transform:translateY(-100%)}
.hdr-inner{
  max-width:1240px;margin:0 auto;padding:0 var(--sp-3);
  height:76px;display:flex;align-items:center;justify-content:space-between;
}
.hdr-logo{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.15rem;color:var(--ink)}
.hdr-logo b{font-weight:800}
.hdr-nav{display:flex;align-items:center;gap:var(--sp-4)}
.hdr-nav a{font-weight:600;font-size:.95rem;color:var(--ink-soft);position:relative;padding:.3rem 0}
.hdr-nav a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--sun);transition:width .3s var(--ease)}
.hdr-nav a:hover,.hdr-nav a.active{color:var(--ink)}
.hdr-nav a:hover::after,.hdr-nav a.active::after{width:100%}
.hdr-cta{
  background:var(--sun);color:#fff !important;padding:.6rem 1.3rem !important;border-radius:var(--r-pill);
  box-shadow:var(--sh-sm);
}
.hdr-cta::after{display:none}
.hdr-cta:hover{background:var(--sun-600);transform:translateY(-1px)}

.hdr-burger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;position:relative;z-index:1100}
.hdr-burger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:all .35s var(--ease)}
.hdr-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hdr-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hdr-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}


.mob-menu{
  position:fixed;inset:0;z-index:1000;
  background:var(--sky-800);
  clip-path:circle(0% at var(--mx,90%) var(--my,5%));
  transition:clip-path .65s var(--ease);
  pointer-events:none;
  display:flex;align-items:center;justify-content:center;
}
.mob-menu.open{clip-path:circle(150% at var(--mx,90%) var(--my,5%));pointer-events:all}
.mob-menu nav{display:flex;flex-direction:column;gap:var(--sp-4);text-align:center}
.mob-menu nav a{
  font-size:2rem;font-weight:700;color:#fff;opacity:0;transform:translateY(16px);
  transition:opacity .5s var(--ease), transform .5s var(--ease);
}
.mob-menu.open nav a{opacity:1;transform:translateY(0)}
.mob-menu.open nav a:nth-child(1){transition-delay:.15s}
.mob-menu.open nav a:nth-child(2){transition-delay:.22s}
.mob-menu.open nav a:nth-child(3){transition-delay:.29s}
.mob-menu.open nav a:nth-child(4){transition-delay:.36s}
.mob-menu.open nav a:nth-child(5){transition-delay:.43s}


.hero{
  display:flex;min-height:92vh;padding-top:76px;background:var(--cream);
}
.hero-media{flex:0 0 55%;overflow:hidden;position:relative}
.hero-media img{width:100%;height:100%;min-height:420px;transition:transform 1s var(--ease)}
.hero-media:hover img{transform:scale(1.06)}
.hero-content{
  flex:1;display:flex;flex-direction:column;justify-content:center;
  padding:var(--sp-6) var(--sp-5);gap:var(--sp-2);
}
.hero-eyebrow{
  text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:700;
  color:var(--sun-600);
}
.hero-content h1{margin:.4rem 0 1rem}
.hero-desc{color:var(--ink-soft);max-width:46ch;font-size:1.08rem}
.hero-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-3)}

.btn{
  display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.7rem;border-radius:var(--r-pill);
  font-weight:700;font-size:.95rem;transition:all .3s var(--ease);box-shadow:var(--sh-sm);
}
.btn-primary{background:var(--sun);color:#fff}
.btn-primary:hover{background:var(--sun-600);transform:translateY(-2px);box-shadow:var(--sh-md)}
.btn-ghost{background:transparent;border:2px solid color-mix(in oklch, var(--ink), transparent 75%);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink);background:color-mix(in oklch, var(--ink), transparent 95%)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:color-mix(in oklch, var(--ink), black 20%);transform:translateY(-2px)}
.btn-outline-dark{background:transparent;border:2px solid var(--ink);color:var(--ink)}
.btn-outline-dark:hover{background:var(--ink);color:#fff}
.btn-outline-white{background:transparent;border:2px solid #fff;color:#fff}
.btn-outline-white:hover{background:#fff;color:var(--sky-800)}


.sec{padding:var(--sp-7) 0}
.sec-tag{
  display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;
  padding:.4rem 1rem;border-radius:var(--r-pill);margin-bottom:var(--sp-2);
}
.sec-title{margin-bottom:var(--sp-2);max-width:22ch}
.sec-lead{max-width:62ch;font-size:1.1rem;margin-bottom:var(--sp-5);opacity:.92}
.sec-note{max-width:70ch;margin-top:var(--sp-4);font-size:.98rem;font-style:italic;opacity:.85}

.sec-sky{background:var(--sky);color:#fff}
.sec-sky .sec-tag{background:color-mix(in oklch, var(--sky), white 25%);color:#fff}
.sec-sun{background:var(--sun);color:#fff}
.sec-sun .sec-tag{background:color-mix(in oklch, var(--sun), black 15%);color:#fff}
.sec-leaf{background:var(--leaf);color:#fff}
.sec-leaf .sec-tag{background:color-mix(in oklch, var(--leaf), white 20%);color:#fff}
.sec-clay{background:var(--clay);color:#fff}
.sec-clay .sec-tag{background:color-mix(in oklch, var(--clay), black 15%);color:#fff}
.sec-cream{background:var(--cream);color:var(--ink)}
.sec-cream .sec-tag{background:var(--sun-100);color:var(--sun-800)}

.pg-hero{padding:calc(76px + var(--sp-6)) 0 var(--sp-6)}
.pg-hero p{max-width:60ch;opacity:.94}


.crd-grid{display:grid;gap:var(--sp-3);margin-top:var(--sp-3)}
.crd-grid-4{grid-template-columns:repeat(4,1fr)}
.crd-grid-2{grid-template-columns:repeat(2,1fr)}
.crd{
  background:color-mix(in oklch, #fff, transparent 8%);
  color:var(--ink);
  padding:var(--sp-4);border-radius:var(--r-lg);
  box-shadow:var(--sh-md);
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.sec-sky .crd,.sec-sun .crd,.sec-leaf .crd,.sec-clay .crd{background:color-mix(in oklch, #fff, transparent 3%)}
.crd:hover{transform:translateY(-6px);box-shadow:var(--sh-lg)}
.crd-ico{
  width:52px;height:52px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;
  background:var(--sun-100);color:var(--sun-800);font-size:1.3rem;margin-bottom:var(--sp-2);
}
.sec-sky .crd-ico{background:var(--sky-100);color:var(--sky-800)}
.sec-sun .crd-ico{background:var(--sun-100);color:var(--sun-800)}
.sec-leaf .crd-ico{background:var(--leaf-100);color:var(--leaf-800)}
.sec-clay .crd-ico{background:var(--clay-100);color:var(--clay-800)}
.crd h3{margin-bottom:.5rem}
.crd-txt{color:var(--ink-soft);font-size:.95rem}
.crd-lg{padding:var(--sp-4) var(--sp-4)}


.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-top:var(--sp-2)}
.flow-crd{
  background:color-mix(in oklch, #fff, transparent 4%);color:var(--ink);
  border-radius:var(--r-lg);padding:var(--sp-4);text-align:center;box-shadow:var(--sh-md);
  transition:transform .35s var(--ease);
}
.flow-crd:hover{transform:translateY(-6px)}
.flow-depth{display:block;font-size:1rem;font-weight:700;color:var(--sun-800);margin-bottom:.3rem}
.flow-val{display:block;font-size:1.5rem;font-weight:800;margin-bottom:.5rem}
.flow-crd p{font-size:.88rem;color:var(--ink-soft)}


.split-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-2)}
.split-col{
  background:color-mix(in oklch, #fff, transparent 6%);color:var(--ink);
  border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--sh-md);
}
.split-col h3{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--sp-2);font-size:1.2rem}
.split-yes h3 i{color:var(--leaf-600)}
.split-no h3 i{color:var(--clay-600)}
.split-col ul{display:flex;flex-direction:column;gap:.7rem}
.split-col li{
  padding-left:1.2rem;position:relative;font-size:.95rem;color:var(--ink-soft);
}
.split-col li::before{content:'';position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--ink-faint)}


.table-wrap{overflow-x:auto;border-radius:var(--r-lg);box-shadow:var(--sh-lg)}
.cmp-table{width:100%;border-collapse:collapse;background:#fff;color:var(--ink);min-width:560px}
.cmp-table th,.cmp-table td{padding:1rem 1.2rem;text-align:left;font-size:.92rem;border-bottom:1px solid color-mix(in oklch, var(--ink), transparent 92%)}
.cmp-table thead th{background:var(--clay-800);color:#fff;font-weight:700}
.cmp-table tbody tr:last-child td{border-bottom:none}
.cmp-total td{font-weight:800;background:var(--clay-100)}


.maint-layout{display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--sp-5);align-items:center;margin-top:var(--sp-3)}
.maint-img img{border-radius:var(--r-xl);box-shadow:var(--sh-lg);aspect-ratio:4/5;width:100%}
.maint-list{display:flex;flex-direction:column;gap:var(--sp-3)}
.maint-item{display:flex;gap:var(--sp-2);align-items:flex-start}
.maint-item i{font-size:1.4rem;color:var(--sun-600);margin-top:.2rem;flex-shrink:0}
.maint-item h4{margin-bottom:.3rem}
.maint-item p{color:var(--ink-soft);font-size:.95rem}


.two-col-media{display:flex;align-items:center;gap:var(--sp-5)}
.two-col-media.reverse{flex-direction:row-reverse}
.tcm-media{flex:0 0 44%}
.tcm-media img{border-radius:var(--r-xl);box-shadow:var(--sh-lg);width:100%;aspect-ratio:4/3}
.tcm-text{flex:1}
.tcm-text h2{margin-bottom:var(--sp-2);max-width:20ch}
.tcm-text p{margin-bottom:1rem;opacity:.95;max-width:56ch}
.link-more{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;margin-top:.5rem}
.link-more i{transition:transform .3s var(--ease)}
.link-more:hover i{transform:translateX(4px)}


.faq-list{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-3)}
.faq-item{
  background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden;
  transition:box-shadow .3s var(--ease);
}
.faq-item:hover{box-shadow:var(--sh-md)}
.faq-q{
  width:100%;padding:1.3rem 1.6rem;display:flex;justify-content:space-between;align-items:center;
  font-weight:700;font-size:1.02rem;text-align:left;color:var(--ink);
}
.faq-q i{transition:transform .35s var(--ease);color:var(--sun-600)}
.faq-item.open .faq-q i{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.faq-a p{padding:0 1.6rem 1.4rem;color:var(--ink-soft);font-size:.96rem}


.cta-sec{text-align:center}
.cta-inner h2{max-width:18ch;margin:0 auto var(--sp-2)}
.cta-inner p{max-width:56ch;margin:0 auto var(--sp-3);opacity:.95}
.cta-inner .hero-actions{justify-content:center}


.read-list{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-3)}
.read-item{
  display:flex;align-items:center;gap:var(--sp-3);background:#fff;border-radius:var(--r-lg);
  padding:var(--sp-3) var(--sp-4);box-shadow:var(--sh-sm);transition:all .3s var(--ease);
}
.read-item:hover{transform:translateX(6px);box-shadow:var(--sh-md)}
.read-num{font-size:1.6rem;font-weight:800;color:var(--sun-200);flex-shrink:0;width:50px}
.read-body h3{margin-bottom:.3rem;font-size:1.1rem}
.read-body p{color:var(--ink-soft);font-size:.92rem}
.read-item i{margin-left:auto;color:var(--sun-600);flex-shrink:0}


.contact-layout{display:grid;grid-template-columns:0.85fr 1.15fr;gap:var(--sp-5);margin-top:var(--sp-2)}
.contact-info{display:flex;flex-direction:column;gap:var(--sp-3)}
.info-item{display:flex;gap:var(--sp-2);align-items:flex-start}
.info-item i{font-size:1.3rem;color:var(--leaf-600);margin-top:.2rem;flex-shrink:0;width:24px}
.info-item h4{margin-bottom:.2rem;font-size:1rem}
.info-item p{color:var(--ink-soft);font-size:.94rem}
.info-access{background:var(--leaf-100);padding:var(--sp-3);border-radius:var(--r-md)}
.contact-img{border-radius:var(--r-lg);box-shadow:var(--sh-md);margin-top:var(--sp-2);aspect-ratio:4/3}

.frm{background:#fff;border-radius:var(--r-xl);padding:var(--sp-4);box-shadow:var(--sh-lg)}
.frm-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}
.frm-group{margin-bottom:var(--sp-2);display:flex;flex-direction:column;gap:.4rem}
.frm-group label{font-weight:600;font-size:.9rem}
.frm-group input,.frm-group textarea{
  padding:.8rem 1rem;border:1.5px solid color-mix(in oklch, var(--ink), transparent 85%);
  border-radius:var(--r-md);font-family:inherit;font-size:.96rem;transition:border-color .3s var(--ease);
  background:var(--paper);
}
.frm-group input:focus,.frm-group textarea:focus{outline:none;border-color:var(--sun)}
.frm-full textarea{resize:vertical;min-height:140px}
.frm-check{display:flex;align-items:flex-start;gap:.6rem;margin:var(--sp-2) 0;font-size:.88rem;color:var(--ink-soft)}
.frm-check input{margin-top:.25rem;width:18px;height:18px;flex-shrink:0}
.frm-note{font-size:.8rem;color:var(--ink-faint);margin-top:var(--sp-2)}
.map-wrap{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg)}


.thanks-hero{
  min-height:100vh;padding-top:76px;background:var(--sun);color:#fff;
  display:flex;align-items:center;justify-content:center;text-align:center;
}
.thanks-inner{max-width:640px;padding:var(--sp-4)}
.thanks-ico{font-size:3rem;margin-bottom:var(--sp-2);opacity:.9}
.thanks-inner h1{margin-bottom:var(--sp-2)}
.thanks-inner p{opacity:.95;margin-bottom:var(--sp-4);font-size:1.1rem}


.legal-sec{padding:calc(76px + var(--sp-5)) 0 var(--sp-6)}
.legal-inner{max-width:760px;margin:0 auto;padding:0 var(--sp-3)}
.legal-updated{color:var(--ink-faint);font-size:.85rem;margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.08em}
.legal-inner h1{margin-bottom:var(--sp-4)}
.legal-inner h2{margin:var(--sp-4) 0 var(--sp-1);font-size:1.35rem}
.legal-inner p{margin-bottom:var(--sp-2);color:var(--ink-soft)}


.ftr{background:var(--sky-800);color:#fff;position:relative;overflow:hidden;margin-top:auto}
.ftr-illus{
  position:absolute;inset:0;opacity:.08;
  background-image:radial-gradient(circle at 15% 20%, #fff 0, transparent 3%),
    radial-gradient(circle at 85% 15%, #fff 0, transparent 3%),
    radial-gradient(circle at 40% 80%, #fff 0, transparent 3%),
    radial-gradient(circle at 70% 60%, #fff 0, transparent 3%),
    radial-gradient(circle at 25% 55%, #fff 0, transparent 3%),
    repeating-linear-gradient(45deg, transparent, transparent 38px, color-mix(in oklch, #fff, transparent 90%) 38px, color-mix(in oklch, #fff, transparent 90%) 39px);
  background-size:400px 400px, 400px 400px, 400px 400px, 400px 400px, 400px 400px, 100% 100%;
}
.ftr-inner{
  position:relative;max-width:1240px;margin:0 auto;padding:var(--sp-6) var(--sp-3) var(--sp-4);
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--sp-4);
}
.ftr-col h4{margin-bottom:var(--sp-2);font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}
.ftr-col a{display:block;margin-bottom:.6rem;font-size:.92rem;color:color-mix(in oklch, #fff, transparent 15%)}
.ftr-col a:hover{color:var(--sun-200)}
.ftr-brand p{font-size:.9rem;opacity:.85;margin-top:var(--sp-2);max-width:34ch}
.ftr-col p{font-size:.88rem;opacity:.85;margin-bottom:.6rem;display:flex;gap:.5rem;align-items:flex-start}
.ftr-bottom{position:relative;border-top:1px solid color-mix(in oklch, #fff, transparent 85%);padding:var(--sp-2) var(--sp-3);text-align:center;font-size:.82rem;opacity:.7}


.ck-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:1200;background:var(--ink);color:#fff;
  transform:translateY(110%);transition:transform .5s var(--ease);box-shadow:0 -8px 30px rgba(0,0,0,.25);
}
.ck-bar.show{transform:translateY(0)}
.ck-row{max-width:1240px;margin:0 auto;padding:1.1rem var(--sp-3);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}
.ck-text{font-size:.88rem;opacity:.9;max-width:640px}
.ck-text a{text-decoration:underline;color:#fff}
.ck-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.ck-btn{padding:.65rem 1.2rem;border-radius:var(--r-pill);font-weight:700;font-size:.85rem;transition:all .3s var(--ease)}
.ck-btn-ghost{background:transparent;border:1.5px solid color-mix(in oklch, #fff, transparent 40%);color:#fff}
.ck-btn-ghost:hover{background:color-mix(in oklch, #fff, transparent 90%)}
.ck-btn-solid{background:var(--sun);color:#fff}
.ck-btn-solid:hover{background:var(--sun-600)}
.ck-panel{max-height:0;overflow:hidden;transition:max-height .45s var(--ease);border-top:1px solid color-mix(in oklch, #fff, transparent 88%)}
.ck-panel.open{max-height:600px}
.ck-cat{max-width:1240px;margin:0 auto;padding:.9rem var(--sp-3) 0}
.ck-cat label{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.92rem}
.ck-cat p{font-size:.82rem;opacity:.75;margin-top:.3rem}
.ck-save{display:block;margin:1rem auto 1.2rem}


.tippy-box[data-theme~='custom']{
  background:var(--ink);color:#fff;font-size:.85rem;border-radius:var(--r-sm);box-shadow:var(--sh-md);
}
.tippy-box[data-theme~='custom'][data-placement^='top'] > .tippy-arrow::before{border-top-color:var(--ink)}
.tippy-box[data-theme~='custom'][data-placement^='bottom'] > .tippy-arrow::before{border-bottom-color:var(--ink)}


@media (max-width:1024px){
  .hero{flex-direction:column;min-height:auto}
  .hero-media{flex:0 0 auto;height:340px}
  .hero-content{padding:var(--sp-5) var(--sp-3)}
  .crd-grid-4{grid-template-columns:repeat(2,1fr)}
  .flow-grid{grid-template-columns:repeat(2,1fr)}
  .maint-layout{grid-template-columns:1fr}
  .two-col-media,.two-col-media.reverse{flex-direction:column}
  .tcm-media{flex:0 0 auto;width:100%}
  .contact-layout{grid-template-columns:1fr}
  .ftr-inner{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .hdr-nav{display:none}
  .hdr-burger{display:flex}
  .crd-grid-2{grid-template-columns:1fr}
  .split-cols{grid-template-columns:1fr}
  .flow-grid{grid-template-columns:1fr}
  .frm-row{grid-template-columns:1fr}
  .ftr-inner{grid-template-columns:1fr;gap:var(--sp-3)}
  .ck-row{flex-direction:column;align-items:flex-start}
  .ck-actions{width:100%}
  .ck-btn{flex:1;text-align:center}
  .sec{padding:var(--sp-6) 0}
  .pg-hero{padding-top:calc(76px + var(--sp-4))}
}
@media (max-width:480px){
  .hero-actions .btn,.cta-inner .btn{width:100%;justify-content:center}
  .read-item{flex-wrap:wrap}
  .read-num{width:auto}
}