*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff8ec;color:#2b2017;line-height:1.6}.container{width:min(1180px,92%);margin:0 auto}.center{text-align:center}.site-header{position:sticky;top:0;z-index:50;background:transparent;padding:18px 0 0}.header-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.93);border:1px solid rgba(125,88,26,.12);box-shadow:0 18px 44px rgba(84,52,16,.10);backdrop-filter:blur(18px);border-radius:22px;padding:0 22px}.brand{display:flex;align-items:center;text-decoration:none;min-width:250px;max-width:320px}.brand-image-only{gap:0}.brand-logo-full{display:block;width:280px!important;height:62px!important;max-width:100%;object-fit:contain!important;object-position:left center;border-radius:0!important}.brand-text{display:none!important}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:1}.main-nav a{text-decoration:none;color:#1e241c;font-weight:800;font-size:.86rem;white-space:nowrap}.main-nav a:hover{color:#c77a0b}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 20px;text-decoration:none;font-weight:900;background:linear-gradient(135deg,#e78605,#eb5b18);color:#fff!important;box-shadow:0 12px 24px rgba(224,112,17,.23);cursor:pointer}.nav-cta{border-radius:14px;padding:11px 18px}.btn.green{background:linear-gradient(135deg,#5b8a32,#315f21);box-shadow:0 12px 24px rgba(63,111,35,.20)}.btn.secondary{background:#fff;color:#5a351f!important;box-shadow:0 12px 28px rgba(0,0,0,.10)}.btn.gold{background:linear-gradient(135deg,#d9a43b,#f3d78b);color:#3e2608!important}.menu-toggle{display:none;background:#fff4dd;color:#5c3518;border:1px solid #edd5ae;border-radius:12px;font-size:1.35rem;width:44px;height:44px}.hero-preview{position:relative;overflow:hidden;margin-top:-90px;min-height:630px;display:grid;place-items:center;text-align:center}.hero-bg,.hero-bg img{position:absolute;inset:0;width:100%;height:100%}.hero-bg img{object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,241,210,.36),rgba(255,246,224,.18)),radial-gradient(circle at 50% 40%,rgba(255,245,216,.66) 0%,rgba(255,238,198,.34) 32%,rgba(71,50,19,.18) 78%)}.hero-content{position:relative;z-index:1;padding-top:102px;max-width:820px}.hero-line{display:inline-block;color:#6f3e1d;font-weight:900;font-size:.98rem;margin-bottom:12px;text-shadow:0 2px 18px rgba(255,255,255,.65)}.hero h1{font-family:Georgia,"Times New Roman",serif;color:#5c321b;font-size:clamp(2.1rem,4.2vw,4.45rem);line-height:1.05;margin:0 0 14px;letter-spacing:-.03em;text-shadow:0 2px 20px rgba(255,255,255,.70)}.hero h1::first-line{color:#5b321c}.hero p{margin:0 auto;color:#3f3526;max-width:600px;font-size:1.03rem;line-height:1.75;text-shadow:0 2px 16px rgba(255,255,255,.75)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.center-actions{justify-content:center}.preview-icons{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;margin-top:-70px;position:relative;z-index:8;background:#fffdf8;border:1px solid rgba(149,103,35,.12);border-radius:22px;padding:16px;box-shadow:0 24px 60px rgba(82,56,22,.16);max-width:990px}.feature-card{background:#fff9ef;border:1px solid #f0dfc6;border-radius:14px;min-height:116px;padding:14px 10px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}.feature-card:hover{transform:translateY(-3px);transition:.22s;box-shadow:0 14px 26px rgba(106,67,14,.10)}.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#fff}.feature-card img{width:42px;height:42px;object-fit:contain;display:block}.feature-card h3{font-size:.78rem;line-height:1.18;margin:0;color:#31271d;font-weight:900}.section{padding:74px 0}.about-section{background:#fffdf8}.about-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:38px;align-items:center}.about-video-card{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(88,57,21,.14);border:1px solid #edd8b7}.about-video-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#b96f09;font-size:1.4rem;box-shadow:0 12px 30px rgba(0,0,0,.24)}.section-head{text-align:center;margin:0 auto 34px;max-width:760px}.left-head{text-align:left;margin:0 0 24px;max-width:none}.section-head .eyebrow{color:#b47410;font-weight:900;text-transform:uppercase;letter-spacing:.11em;font-size:.78rem}.section-head h2{font-family:Georgia,"Times New Roman",serif;color:#492b18;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.12;margin:8px 0 12px}.section-head p{color:#63564b;font-size:1rem;margin:0}.about-pill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.about-pill{background:#fff7eb;border:1px solid #eedcc0;border-radius:15px;padding:14px 10px;text-align:center;display:grid;place-items:center;gap:8px;font-weight:900;color:#4b301c;line-height:1.2}.about-pill img{width:44px;height:44px;object-fit:contain}.mission-section{background:#fffaf1}.decor-line{display:block;color:#bc7a12;margin-top:-24px;font-size:1.4rem}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.preview-service-card{background:#fff;border:1px solid #ead6b6;border-radius:13px;overflow:hidden;color:#221812;box-shadow:0 14px 34px rgba(88,57,21,.10);min-height:auto}.preview-service-card img{display:block;width:100%;height:150px;object-fit:cover}.preview-service-card::after{display:none}.service-content{position:static;padding:14px;text-align:center}.service-content h3{margin:0 0 7px;color:#3a2517;font-size:1rem}.service-content p{margin:0;color:#63564b;font-size:.84rem;line-height:1.38}.activities-section{background:#fffdf8;padding-top:30px}.activity-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.activity-strip img{width:100%;height:120px;object-fit:cover;border-radius:12px;border:1px solid #ead6b6;box-shadow:0 12px 28px rgba(88,57,21,.08)}.impact-section{background:#fffdf8;padding:12px 0 34px}.impact-card{background:#fff4dd;border:1px solid #edd6b0;border-radius:18px;padding:24px 18px;box-shadow:0 14px 34px rgba(88,57,21,.08)}.impact-card .section-head{margin-bottom:14px}.impact-card .section-head h2{font-size:1.45rem;margin:0}.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.impact-grid div{border-right:1px solid #e2c598;padding:6px}.impact-grid div:last-child{border-right:0}.impact-grid strong{display:block;color:#c77a0b;font-size:1.35rem}.impact-grid span{display:block;color:#6a5b4c;font-size:.82rem}.objectives-mini{background:#fffaf1}.objective-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.objective-item{background:#fff;border:1px solid rgba(149,103,35,.12);border-radius:18px;padding:18px;box-shadow:0 12px 28px rgba(88,57,21,.07)}.objective-no{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f0b23c;color:#fff;font-weight:900;margin-bottom:10px}.objectives-list{columns:2;column-gap:24px}.objectives-list li{break-inside:avoid;background:#fff;border:1px solid rgba(149,103,35,.12);border-radius:14px;padding:12px 14px;margin:0 0 12px;box-shadow:0 8px 22px rgba(88,57,21,.05)}.bottom-cta{position:relative;overflow:hidden;min-height:250px;display:grid;place-items:center;text-align:center;color:#fff}.bottom-cta-bg,.bottom-cta-bg img{position:absolute;inset:0;width:100%;height:100%}.bottom-cta-bg img{object-fit:cover}.bottom-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(72,46,13,.64),rgba(18,67,44,.70))}.bottom-cta-content{position:relative;z-index:1;padding:44px 0}.bottom-cta h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 8px}.bottom-cta p{margin:0 auto;max-width:620px;color:#fff2d5}.section-soft{background:linear-gradient(180deg,#fff7e8,#fffdf8)}.section-dark{background:linear-gradient(135deg,var(--dark),var(--primary));color:#fff}.cta-band{background:linear-gradient(135deg,var(--primary),var(--dark));border-radius:28px;padding:36px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;color:#fff;box-shadow:0 24px 60px rgba(8,52,42,.18)}.cta-band h2{margin:0 0 8px;font-size:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card-panel{background:#fff;border:1px solid rgba(149,103,35,.12);border-radius:24px;padding:26px;box-shadow:0 18px 46px rgba(88,57,21,.08)}label{display:block;font-weight:800;color:#2d4b35;margin-bottom:6px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #ded2bd;border-radius:13px;font:inherit;background:#fff}textarea{min-height:120px;resize:vertical}.field{margin-bottom:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flash{width:min(1160px,92%);margin:18px auto;padding:14px 18px;border-radius:16px;font-weight:800}.flash-success{background:#e9fff3;color:#11633e}.flash-error{background:#fff0ed;color:#9b2a15}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.contact-box{display:grid;gap:14px}.contact-line{background:#fff;border:1px solid rgba(149,103,35,.12);border-radius:16px;padding:16px}.site-footer{background:#314d23;color:#fff;padding:42px 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footer-brand{display:flex;gap:14px;align-items:flex-start}.footer-brand img{width:58px;height:58px;object-fit:contain}.footer-brand strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.2rem}.footer-brand p,.site-footer p{color:#efe6d4;margin:8px 0}.site-footer h4{margin:0 0 10px;color:#fff}.site-footer a{color:#fff;text-decoration:none}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.18);margin-top:28px;padding:15px;color:#efe6d4;font-size:.88rem}.id-card-wrap{display:flex;justify-content:center}.id-card{width:54mm;height:86mm;background:#fff;border-radius:3.5mm;overflow:hidden;position:relative;box-shadow:0 18px 55px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.1);font-family:Arial,sans-serif;color:#163b31}.id-card .id-top{background:linear-gradient(135deg,var(--primary),var(--dark));height:23mm;color:#fff;display:flex;align-items:center;padding:4mm;gap:3mm}.id-card .id-top img{width:14mm;height:14mm;object-fit:contain;background:#fff;border-radius:50%;padding:1mm}.id-title{font-size:8px;text-transform:uppercase;letter-spacing:.5px}.id-trust{font-size:11px;font-weight:900;line-height:1.1}.id-sub{font-size:7px;color:#ffedb8}.id-body{padding:4mm;position:relative}.id-watermark{position:absolute;right:-9mm;bottom:8mm;width:34mm;opacity:.08}.id-photo{width:22mm;height:26mm;border:1px solid #d8d8d8;background:#fff;border-radius:2mm;overflow:hidden;margin:0 auto 2.5mm}.id-photo img{width:100%;height:100%;object-fit:cover}.id-name{text-align:center;font-size:12px;font-weight:900;color:var(--primary);line-height:1.1}.id-role{text-align:center;font-size:8px;background:#fff4dd;color:#7b4e00;display:inline-block;padding:1mm 3mm;border-radius:10mm;margin:1.5mm auto 2.5mm;position:relative;left:50%;transform:translateX(-50%)}.id-row{display:grid;grid-template-columns:18mm 2mm 1fr;gap:1mm;font-size:7.6px;margin-bottom:1.3mm}.id-row b{color:var(--primary)}.id-bottom{position:absolute;left:0;right:0;bottom:0;background:var(--primary);color:#fff;min-height:12mm;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:2mm 4mm;font-size:6.5px}.signature{text-align:right;color:#fff}.signature img{max-width:22mm;max-height:7mm;display:block;margin-left:auto}.print-actions{text-align:center;margin-top:20px}.admin-shell{min-height:100vh;background:#f5f7f3}.admin-layout{display:grid;grid-template-columns:260px 1fr}.admin-side{background:var(--dark);color:#fff;min-height:100vh;padding:24px;position:sticky;top:0}.admin-side a{display:block;color:#fff;text-decoration:none;padding:12px 14px;border-radius:12px;margin:5px 0}.admin-side a:hover,.admin-side a.active{background:rgba(255,255,255,.13)}.admin-main{padding:28px}.admin-card{background:#fff;border-radius:22px;padding:24px;box-shadow:0 16px 42px rgba(0,0,0,.08);margin-bottom:20px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{padding:12px;border-bottom:1px solid #edf0ed;text-align:left;vertical-align:top}.data-table th{background:#f7faf6;color:var(--primary)}.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#edf7f1;color:var(--primary);font-size:.78rem;font-weight:800}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--dark))}.login-box{width:min(420px,92%);background:#fff;border-radius:28px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.login-logo{text-align:center;margin-bottom:20px}.login-logo img{width:90px;height:90px;object-fit:contain}.small-muted{color:#6d7975;font-size:.9rem}.actions{display:flex;gap:8px;flex-wrap:wrap}.tiny-btn{border:0;border-radius:10px;background:var(--primary);color:#fff;padding:7px 11px;text-decoration:none;display:inline-block;font-size:.84rem}.tiny-btn.danger{background:#b73322}.tiny-btn.light{background:#edf3ef;color:var(--primary)}@media (max-width:1060px){.container{width:min(92%,920px)}.brand{min-width:210px;max-width:240px}.brand-logo-full{width:225px!important;height:58px!important}.main-nav{gap:12px}.main-nav a{font-size:.78rem}.nav-cta{padding:10px 14px}.preview-icons{grid-template-columns:repeat(4,1fr);max-width:720px}.service-grid,.activity-strip{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:1fr}.about-video-card{max-width:650px;margin:auto}.objectives-list{columns:1}.admin-layout{grid-template-columns:1fr}.admin-side{min-height:auto;position:relative}.admin-side nav{display:flex;flex-wrap:wrap}.main-nav{gap:15px}.main-nav a{font-size:.82rem}}@media (max-width:760px){.site-header{padding-top:10px}.header-wrap{min-height:62px;border-radius:16px;padding:0 12px}.brand{min-width:185px;max-width:205px}.brand-logo-full{width:198px!important;height:52px!important}.brand-text{display:none!important}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:4%;right:4%;top:78px;background:#fff;border:1px solid rgba(149,103,35,.12);border-radius:18px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.12);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.hero-preview{margin-top:-72px;min-height:560px}.hero-content{padding-top:86px}.hero h1{font-size:2.1rem}.hero p{font-size:.92rem;line-height:1.55}.hero-overlay{background:linear-gradient(180deg,rgba(255,247,229,.55),rgba(255,240,204,.35)),radial-gradient(circle at 50% 42%,rgba(255,246,221,.8),rgba(72,48,17,.16))}.preview-icons{grid-template-columns:repeat(2,1fr);margin-top:-58px;padding:12px;border-radius:18px}.feature-card{min-height:104px}.section{padding:52px 0}.about-pill-grid,.form-grid,.contact-grid,.cta-band{grid-template-columns:1fr}.service-grid,.activity-strip,.objective-preview,.impact-grid{grid-template-columns:1fr}.preview-service-card img{height:190px}.activity-strip img{height:170px}.impact-grid div{border-right:0;border-bottom:1px solid #e2c598}.impact-grid div:last-child{border-bottom:0}.two-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.admin-main{padding:18px}.admin-side{padding:18px}}@media print{body{background:#fff}.site-header,.site-footer,.print-actions,.admin-side,.admin-card.no-print{display:none!important}.id-card{box-shadow:none;margin:0}.admin-main{padding:0}.admin-layout{display:block}}


/* ==========================================================
   V4 HEADER + HERO RESPONSIVE POLISH
   Full white top menu, Gallery page support, premium hero motion
   ========================================================== */
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(255,255,255,.97);
  padding:0;
  box-shadow:0 6px 24px rgba(74,49,22,.08);
  backdrop-filter:blur(16px);
}
.site-header .header-wrap{
  min-height:74px;
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:0;
  padding:0;
}
.brand{
  min-width:240px;
  max-width:300px;
}
.brand-logo-full{
  width:286px!important;
  height:62px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.main-nav{
  gap:14px;
}
.main-nav a{
  font-size:.80rem;
  font-weight:900;
  letter-spacing:.01em;
}
.nav-cta{
  padding:9px 15px;
  border-radius:999px;
  font-size:.78rem!important;
}
.hero-preview{
  margin-top:0;
  min-height:650px;
  isolation:isolate;
}
.hero-bg{
  transform:scale(1.08);
  animation:heroSoftZoom 15s ease-in-out infinite alternate;
}
.hero-bg img{
  object-position:center center;
}
.hero-content{
  padding-top:0;
  transform:translateY(-8px);
}
.hero-line,
.hero h1,
.hero p{
  animation:heroTextRise .9s ease both;
}
.hero-particles{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}
.hero-particles span{
  position:absolute;
  display:block;
  width:clamp(34px,5vw,82px);
  height:clamp(34px,5vw,82px);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,236,176,.30) 0%,rgba(255,220,132,.16) 46%,rgba(255,255,255,0) 72%);
  border:1px solid rgba(255,226,154,.18);
  filter:blur(.2px);
  animation:floatBubble 13s linear infinite;
  opacity:.65;
}
.hero-particles span:nth-child(1){left:8%;bottom:-90px;animation-duration:17s;animation-delay:-2s}
.hero-particles span:nth-child(2){left:24%;bottom:-110px;width:54px;height:54px;animation-duration:14s;animation-delay:-7s}
.hero-particles span:nth-child(3){left:45%;bottom:-100px;width:76px;height:76px;animation-duration:19s;animation-delay:-4s}
.hero-particles span:nth-child(4){right:24%;bottom:-120px;width:48px;height:48px;animation-duration:15s;animation-delay:-9s}
.hero-particles span:nth-child(5){right:9%;bottom:-105px;width:88px;height:88px;animation-duration:21s;animation-delay:-6s}
.hero-particles span:nth-child(6){left:62%;bottom:-130px;width:40px;height:40px;animation-duration:16s;animation-delay:-11s}
@keyframes heroSoftZoom{
  0%{transform:scale(1.09) translate3d(0,0,0)}
  100%{transform:scale(1.02) translate3d(0,-10px,0)}
}
@keyframes floatBubble{
  0%{transform:translate3d(0,120px,0) scale(.75);opacity:0}
  12%{opacity:.58}
  50%{transform:translate3d(18px,-45vh,0) scale(1)}
  88%{opacity:.45}
  100%{transform:translate3d(-12px,-96vh,0) scale(1.18);opacity:0}
}
@keyframes heroTextRise{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
.gallery-more{margin-top:22px}.page-hero{position:relative;min-height:330px;display:grid;place-items:center;text-align:center;overflow:hidden;color:#fff}.page-hero-bg,.page-hero-bg img{position:absolute;inset:0;width:100%;height:100%}.page-hero-bg img{object-fit:cover;object-position:center}.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,75,58,.82),rgba(80,49,18,.54))}.page-hero-content{position:relative;z-index:1;padding:70px 0 58px}.page-hero-content h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,4vw,3.4rem);margin:8px 0 10px}.gallery-section{background:#fffaf1}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-card{background:#fff;border:1px solid #ead6b6;border-radius:18px;overflow:hidden;box-shadow:0 16px 38px rgba(88,57,21,.10)}.gallery-card img{width:100%;height:230px;object-fit:cover;display:block}.gallery-card-content{padding:16px}.gallery-card-content h3{margin:0 0 6px;color:#3a2517}.gallery-card-content p{margin:0;color:#63564b;font-size:.92rem}
@media (max-width:1160px){
  .brand{min-width:210px;max-width:245px}.brand-logo-full{width:230px!important;height:58px!important}.main-nav{gap:10px}.main-nav a{font-size:.75rem}.nav-cta{padding:8px 12px;font-size:.74rem!important}.hero-preview{min-height:610px}.hero-bg img{object-position:center center}.preview-icons{margin-top:-58px}
}
@media (max-width:900px){
  .site-header .header-wrap{min-height:68px}.brand{min-width:205px;max-width:225px}.brand-logo-full{width:214px!important;height:56px!important}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:4%;right:4%;top:72px;background:#fff;border:1px solid rgba(149,103,35,.12);border-radius:18px;padding:12px;box-shadow:0 20px 50px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav a{padding:10px 12px;border-radius:12px;font-size:.88rem}.main-nav a:hover{background:#fff4dd}.nav-cta{justify-content:center;margin-top:4px}.hero-preview{min-height:570px}.hero-bg img{object-position:center center}.hero-content{padding-top:0}.gallery-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .site-header{padding-top:0}.header-wrap{border-radius:0}.hero-preview{margin-top:0;min-height:560px}.hero-bg{animation:heroSoftZoomMobile 16s ease-in-out infinite alternate}.hero-bg img{object-position:center center}.hero-content{padding-top:0;transform:translateY(-4px)}.hero h1{font-size:2.05rem}.hero p{max-width:92%;font-size:.92rem}.hero-actions{justify-content:center}.hero-particles span{opacity:.42}.preview-icons{margin-top:-48px}.gallery-grid{grid-template-columns:1fr}.gallery-card img{height:210px}
}
@media (max-width:420px){
  .brand{min-width:170px;max-width:190px}.brand-logo-full{width:184px!important;height:50px!important}.menu-toggle{width:40px;height:40px}.hero-preview{min-height:535px}.hero h1{font-size:1.86rem}.hero-line{font-size:.82rem}.btn{padding:10px 15px}.hero-bg img{object-position:center center}
}
@keyframes heroSoftZoomMobile{0%{transform:scale(1.12)}100%{transform:scale(1.04) translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.hero-bg,.hero-particles span,.hero-line,.hero h1,.hero p{animation:none!important}}


/* ==========================================================
   V5 HERO DIVINE MIST + SOFT SNOW + MUSIC CONTROL
   Replacement-only update: keeps v4 layout, adds subtle ambience.
   ========================================================== */
.hero-preview::before,
.hero-preview::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
}
.hero-preview::before{
  background:
    radial-gradient(ellipse at 18% 72%,rgba(255,255,255,.23),transparent 46%),
    radial-gradient(ellipse at 82% 28%,rgba(255,224,145,.18),transparent 42%),
    linear-gradient(110deg,transparent 0%,rgba(255,255,255,.14) 38%,rgba(255,241,204,.18) 52%,transparent 70%);
  filter:blur(10px);
  opacity:.72;
  transform:translateX(-8%);
  animation:divineMistMove 28s ease-in-out infinite alternate;
}
.hero-preview::after{
  background-image:
    radial-gradient(circle,rgba(255,255,255,.72) 0 1.2px,transparent 1.7px),
    radial-gradient(circle,rgba(255,240,190,.58) 0 1.4px,transparent 2px),
    radial-gradient(circle,rgba(255,255,255,.40) 0 1px,transparent 1.7px);
  background-size:120px 120px,180px 180px,260px 260px;
  background-position:0 -120px,70px -180px,20px -260px;
  opacity:.36;
  animation:divineSnowFall 24s linear infinite;
  mix-blend-mode:screen;
}
.hero-particles{z-index:2}.hero-content{z-index:3}.hero-overlay{z-index:1}
.hero-particles span{
  opacity:.38;
  filter:blur(.4px);
}
.music-control{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:120;
}
.music-toggle{
  border:1px solid rgba(218,174,89,.42);
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,244,219,.94));
  color:#4b2c12;
  box-shadow:0 16px 38px rgba(59,37,14,.18);
  border-radius:999px;
  min-width:108px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  font-weight:900;
  font-size:.84rem;
  backdrop-filter:blur(12px);
}
.music-toggle.is-playing{
  background:linear-gradient(135deg,#375f28,#173f2b);
  color:#fff;
  border-color:rgba(255,255,255,.22);
}
.music-icon{
  width:22px;
  height:22px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(217,164,59,.18);
  line-height:1;
}
.music-toggle.is-playing .music-icon{background:rgba(255,255,255,.18)}
@keyframes divineMistMove{
  0%{transform:translateX(-10%) translateY(1%) scale(1.04);opacity:.56}
  50%{transform:translateX(5%) translateY(-1%) scale(1.08);opacity:.72}
  100%{transform:translateX(12%) translateY(2%) scale(1.03);opacity:.60}
}
@keyframes divineSnowFall{
  0%{background-position:0 -140px,70px -220px,20px -300px}
  100%{background-position:80px 620px,-40px 760px,120px 900px}
}
@media (max-width:900px){
  .hero-preview::before{opacity:.48;filter:blur(12px)}
  .hero-preview::after{opacity:.24;background-size:135px 135px,210px 210px,300px 300px}
  .music-control{right:12px;bottom:12px}.music-toggle{min-width:94px;height:38px;font-size:.78rem}
}
@media (prefers-reduced-motion:reduce){
  .hero-preview::before,.hero-preview::after{animation:none!important}
}

/* ==========================================================
   V6 MODEL STRIP + ABOUT VIDEO BALANCE POLISH
   - Service icon strip: transparent icon background, larger icons
   - About section: video/image player balanced with content height
   - Reduced gaps before Services & Mission
   - Responsive tablet/mobile maintained
   ========================================================== */
.preview-icons{
  width:min(1040px,92%)!important;
  max-width:1040px!important;
  margin-top:-82px!important;
  margin-bottom:0!important;
  padding:13px 14px!important;
  gap:14px!important;
  background:rgba(255,253,248,.96)!important;
  border:1px solid rgba(211,163,83,.24)!important;
  border-radius:24px!important;
  box-shadow:0 24px 62px rgba(77,49,18,.15)!important;
  backdrop-filter:blur(12px);
}
.feature-card{
  min-height:118px!important;
  padding:12px 8px 13px!important;
  gap:7px!important;
  background:linear-gradient(180deg,rgba(255,250,241,.78),rgba(255,246,231,.58))!important;
  border:1px solid rgba(221,178,108,.55)!important;
  border-radius:15px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.74),0 8px 22px rgba(98,61,18,.045)!important;
}
.feature-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 15px 30px rgba(106,67,14,.12)!important;
}
.icon-box{
  width:58px!important;
  height:58px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.feature-card img{
  width:54px!important;
  height:54px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 6px 8px rgba(112,70,13,.10));
}
.feature-card h3{
  font-size:.76rem!important;
  line-height:1.12!important;
  max-width:92px;
  min-height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.about-section{
  padding:48px 0 34px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fffaf1 100%)!important;
}
.preview-about{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;
  gap:38px!important;
  align-items:stretch!important;
}
.about-video-card{
  height:100%!important;
  min-height:330px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#22140b,#0d0b09)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-shadow:0 18px 40px rgba(88,57,21,.13)!important;
}
.about-video-card img{
  width:100%!important;
  height:100%!important;
  min-height:330px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  display:block!important;
}
.about-video-player{
  width:100%!important;
  height:100%!important;
  min-height:330px!important;
  display:block!important;
  object-fit:contain!important;
  background:#120d09!important;
}
.about-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.left-head{
  margin:0 0 18px!important;
}
.left-head .eyebrow{
  display:inline-flex!important;
  flex-direction:column!important;
  gap:7px!important;
  color:#b66c05!important;
}
.left-head .eyebrow::after{
  content:"";
  width:74px;
  height:9px;
  display:block;
  background:
    radial-gradient(circle at 50% 50%,#c98212 0 3px,transparent 3.5px),
    linear-gradient(90deg,transparent 0,#d9a43b 18%,#d9a43b 82%,transparent 100%);
  opacity:.95;
}
.left-head h2{
  margin-top:9px!important;
  margin-bottom:12px!important;
  font-size:clamp(2rem,3.25vw,3.02rem)!important;
  line-height:1.03!important;
}
.left-head p{
  max-width:650px!important;
  line-height:1.68!important;
}
.about-pill-grid{
  gap:14px!important;
}
.about-pill{
  min-height:118px!important;
  padding:13px 10px!important;
  border-radius:16px!important;
  background:rgba(255,247,235,.86)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.about-pill img{
  width:46px!important;
  height:46px!important;
}
.mission-section{
  padding:42px 0 66px!important;
  background:#fffaf1!important;
}
.mission-section .section-head{
  margin-bottom:28px!important;
}
.mission-section .section-head h2{
  margin-top:0!important;
}
.preview-services{
  gap:18px!important;
}
.preview-service-card{
  border-radius:14px!important;
}
.preview-service-card img{
  height:154px!important;
}

@media (max-width:1160px){
  .preview-icons{
    width:min(920px,92%)!important;
    grid-template-columns:repeat(7,minmax(94px,1fr))!important;
    overflow-x:auto!important;
    scrollbar-width:thin;
  }
  .feature-card{min-width:94px!important;}
  .preview-about{gap:30px!important;}
  .left-head h2{font-size:clamp(1.85rem,3.4vw,2.55rem)!important;}
}
@media (max-width:1060px){
  .preview-icons{
    grid-template-columns:repeat(4,1fr)!important;
    width:min(760px,92%)!important;
    overflow-x:visible!important;
  }
  .preview-about{
    grid-template-columns:1fr!important;
    align-items:center!important;
  }
  .about-video-card{
    width:min(690px,100%)!important;
    min-height:388px!important;
    margin:0 auto!important;
  }
  .about-video-card img,
  .about-video-player{
    min-height:388px!important;
  }
  .about-copy{
    width:min(690px,100%)!important;
    margin:0 auto!important;
  }
}
@media (max-width:760px){
  .preview-icons{
    grid-template-columns:repeat(2,1fr)!important;
    margin-top:-48px!important;
    padding:11px!important;
    gap:10px!important;
    border-radius:18px!important;
  }
  .feature-card{
    min-height:105px!important;
    padding:10px 6px!important;
  }
  .icon-box{
    width:50px!important;
    height:50px!important;
  }
  .feature-card img{
    width:47px!important;
    height:47px!important;
  }
  .feature-card h3{
    font-size:.70rem!important;
    max-width:98px!important;
  }
  .about-section{
    padding:34px 0 24px!important;
  }
  .preview-about{
    gap:22px!important;
  }
  .about-video-card{
    min-height:0!important;
    aspect-ratio:16/9!important;
    width:100%!important;
  }
  .about-video-card img,
  .about-video-player{
    height:100%!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }
  .left-head h2{
    font-size:1.86rem!important;
    line-height:1.08!important;
  }
  .left-head p{
    font-size:.95rem!important;
    line-height:1.58!important;
  }
  .about-pill-grid{
    grid-template-columns:1fr!important;
  }
  .about-pill{
    min-height:94px!important;
  }
  .mission-section{
    padding:34px 0 52px!important;
  }
  .mission-section .section-head{
    margin-bottom:22px!important;
  }
}
@media (max-width:420px){
  .preview-icons{
    margin-top:-42px!important;
  }
  .feature-card{
    min-height:98px!important;
  }
  .icon-box{width:46px!important;height:46px!important;}
  .feature-card img{width:43px!important;height:43px!important;}
  .left-head h2{font-size:1.62rem!important;}
}

/* ==========================================================
   V7 REAL HD ABOUT VIDEO + COMPACT MODEL BALANCE
   - About media is fixed to HD 16:9 ratio, not square
   - About title/text/cards match the supplied model more closely
   - Three about cards are compact with icon on the left and text on the right
   - Top service strip is fully visible and cleaner
   ========================================================== */
.preview-icons{
  position:relative!important;
  z-index:5!important;
  width:min(1010px,92%)!important;
  margin-top:-70px!important;
  padding:12px 13px!important;
  gap:13px!important;
  overflow:visible!important;
}
.feature-card{
  min-height:108px!important;
  padding:10px 7px 11px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,252,246,.64),rgba(255,246,232,.50))!important;
}
.icon-box{
  width:58px!important;
  height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
}
.feature-card img{
  width:54px!important;
  height:50px!important;
}
.feature-card h3{
  font-size:.73rem!important;
  line-height:1.08!important;
  min-height:24px!important;
}
.about-section{
  padding:44px 0 18px!important;
}
.preview-about{
  grid-template-columns:minmax(420px,520px) minmax(0,1fr)!important;
  gap:36px!important;
  align-items:center!important;
}
.about-video-card{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  border-radius:17px!important;
  align-self:center!important;
  box-shadow:0 18px 42px rgba(83,52,19,.14)!important;
}
.about-video-card img,
.about-video-player{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  border-radius:17px!important;
}
.about-video-player{
  background:#130d08!important;
}
.about-copy{
  min-height:292px!important;
  justify-content:center!important;
}
.left-head.about-model-head{
  margin:0 0 16px!important;
  text-align:left!important;
}
.left-head.about-model-head h2{
  margin:0!important;
  font-size:clamp(1.55rem,2.1vw,2.05rem)!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
  color:#5c321b!important;
}
.about-decor{
  display:block!important;
  width:92px!important;
  height:14px!important;
  margin:8px 0 12px!important;
  background:
    radial-gradient(circle at 8px 50%,#c98212 0 2px,transparent 2.5px),
    radial-gradient(circle at 18px 50%,#c98212 0 2px,transparent 2.5px),
    radial-gradient(circle at 46px 50%,#c98212 0 3px,transparent 3.5px),
    linear-gradient(90deg,transparent 0,#d9a43b 25%,#d9a43b 75%,transparent 100%);
  opacity:.92!important;
}
.left-head.about-model-head p{
  max-width:640px!important;
  margin:0!important;
  font-size:.98rem!important;
  line-height:1.58!important;
  color:#54483d!important;
}
.about-model-pills{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.about-model-pills .about-pill{
  min-height:72px!important;
  padding:10px 12px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  text-align:left!important;
  border-radius:14px!important;
  background:rgba(255,248,237,.86)!important;
}
.about-model-pills .about-pill img{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
}
.about-model-pills .about-pill span{
  display:block!important;
  font-size:.86rem!important;
  line-height:1.13!important;
  font-weight:900!important;
}
.mission-section{
  padding:26px 0 58px!important;
}
.mission-section .section-head{
  margin-bottom:22px!important;
}
.preview-service-card img{
  height:145px!important;
}

@media (max-width:1160px){
  .preview-icons{
    width:min(930px,92%)!important;
    margin-top:-64px!important;
  }
  .preview-about{
    grid-template-columns:minmax(390px,500px) minmax(0,1fr)!important;
    gap:30px!important;
  }
  .left-head.about-model-head h2{
    font-size:clamp(1.42rem,2.05vw,1.85rem)!important;
  }
  .left-head.about-model-head p{
    font-size:.94rem!important;
    line-height:1.54!important;
  }
  .about-model-pills .about-pill{
    padding:9px 10px!important;
    gap:8px!important;
  }
  .about-model-pills .about-pill span{
    font-size:.80rem!important;
  }
}
@media (max-width:1060px){
  .preview-icons{
    grid-template-columns:repeat(4,1fr)!important;
    width:min(720px,92%)!important;
    margin-top:-58px!important;
  }
  .preview-about{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .about-video-card{
    width:min(680px,100%)!important;
    margin:0 auto!important;
  }
  .about-copy{
    width:min(680px,100%)!important;
    min-height:0!important;
    margin:0 auto!important;
  }
}
@media (max-width:760px){
  .preview-icons{
    grid-template-columns:repeat(2,1fr)!important;
    margin-top:-44px!important;
    padding:10px!important;
    gap:9px!important;
  }
  .feature-card{
    min-height:96px!important;
  }
  .icon-box{width:48px!important;height:42px!important;}
  .feature-card img{width:45px!important;height:42px!important;}
  .about-section{
    padding:30px 0 14px!important;
  }
  .left-head.about-model-head h2{
    font-size:1.55rem!important;
  }
  .left-head.about-model-head p{
    font-size:.94rem!important;
    line-height:1.55!important;
  }
  .about-model-pills{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .about-model-pills .about-pill{
    min-height:64px!important;
  }
  .mission-section{
    padding:26px 0 50px!important;
  }
}
@media (max-width:420px){
  .preview-icons{
    margin-top:-38px!important;
  }
  .feature-card{min-height:92px!important;}
  .left-head.about-model-head h2{font-size:1.42rem!important;}
}

/* ==========================================================
   V8 MODEL MATCH ABOUT COMPACT HD POLISH
   - Keeps about media as true HD 16:9
   - Makes About title/design close to the supplied model
   - Makes right-side content fit within the video height
   - Reduces About -> Services gap
   - Keeps mobile/tablet responsive
   ========================================================== */
.preview-icons{
  width:min(980px,92%)!important;
  margin-top:-58px!important;
  padding:11px 12px!important;
  gap:12px!important;
  border-radius:22px!important;
  background:rgba(255,253,248,.95)!important;
  box-shadow:0 20px 48px rgba(76,48,18,.13)!important;
}
.feature-card{
  min-height:101px!important;
  padding:9px 7px 10px!important;
  background:linear-gradient(180deg,rgba(255,251,244,.58),rgba(255,246,232,.44))!important;
}
.icon-box{
  width:54px!important;
  height:46px!important;
  background:transparent!important;
}
.feature-card img{
  width:50px!important;
  height:46px!important;
  object-fit:contain!important;
}
.feature-card h3{
  font-size:.71rem!important;
  line-height:1.08!important;
  min-height:23px!important;
}
.about-section{
  padding:34px 0 8px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fffaf1 100%)!important;
}
.preview-about{
  width:min(940px,92%)!important;
  max-width:940px!important;
  grid-template-columns:minmax(360px,430px) minmax(0,1fr)!important;
  gap:32px!important;
  align-items:center!important;
}
.about-video-card{
  width:100%!important;
  max-width:430px!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  border-radius:16px!important;
  align-self:center!important;
  background:#120d08!important;
  box-shadow:0 16px 38px rgba(83,52,19,.13)!important;
}
.about-video-card img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  border-radius:16px!important;
}
.about-video-player{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  border-radius:16px!important;
  background:#120d08!important;
}
.about-copy{
  min-height:242px!important;
  justify-content:center!important;
}
.left-head.about-model-head{
  margin:0 0 12px!important;
  text-align:left!important;
}
.left-head.about-model-head h2{
  margin:0!important;
  font-size:clamp(1.22rem,1.55vw,1.55rem)!important;
  line-height:1.16!important;
  letter-spacing:-.01em!important;
  color:#5b321c!important;
  text-transform:none!important;
}
.about-decor{
  display:block!important;
  width:76px!important;
  height:12px!important;
  margin:6px 0 9px!important;
  background:
    radial-gradient(circle at 7px 50%,#c98212 0 2px,transparent 2.5px),
    radial-gradient(circle at 16px 50%,#c98212 0 2px,transparent 2.5px),
    radial-gradient(circle at 38px 50%,#c98212 0 2.8px,transparent 3.2px),
    linear-gradient(90deg,transparent 0,#d9a43b 25%,#d9a43b 75%,transparent 100%);
  opacity:.94!important;
}
.left-head.about-model-head p{
  max-width:480px!important;
  margin:0!important;
  font-size:.84rem!important;
  line-height:1.48!important;
  color:#50463d!important;
}
.about-model-pills{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.about-model-pills .about-pill{
  min-height:56px!important;
  padding:8px 9px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  text-align:left!important;
  border-radius:12px!important;
  background:rgba(255,248,237,.88)!important;
  border:1px solid rgba(221,178,108,.52)!important;
}
.about-model-pills .about-pill img{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  object-fit:contain!important;
}
.about-model-pills .about-pill span{
  display:block!important;
  font-size:.70rem!important;
  line-height:1.12!important;
  font-weight:900!important;
  color:#3e2618!important;
}
.mission-section{
  padding:16px 0 56px!important;
  background:#fffaf1!important;
}
.mission-section .section-head{
  margin-bottom:20px!important;
}
.mission-section .section-head h2{
  margin-top:0!important;
}
.preview-service-card img{
  height:142px!important;
}

@media (max-width:1160px){
  .preview-icons{
    width:min(900px,92%)!important;
    margin-top:-54px!important;
  }
  .preview-about{
    width:min(900px,92%)!important;
    grid-template-columns:minmax(350px,420px) minmax(0,1fr)!important;
    gap:28px!important;
  }
  .left-head.about-model-head h2{
    font-size:clamp(1.18rem,1.6vw,1.42rem)!important;
  }
  .left-head.about-model-head p{
    font-size:.82rem!important;
    line-height:1.45!important;
  }
  .about-model-pills .about-pill{
    padding:8px!important;
    gap:7px!important;
  }
  .about-model-pills .about-pill span{
    font-size:.68rem!important;
  }
}
@media (max-width:1060px){
  .preview-icons{
    grid-template-columns:repeat(4,1fr)!important;
    width:min(720px,92%)!important;
    margin-top:-48px!important;
  }
  .preview-about{
    width:min(690px,92%)!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .about-video-card{
    width:100%!important;
    max-width:690px!important;
    margin:0 auto!important;
  }
  .about-copy{
    width:100%!important;
    min-height:0!important;
    margin:0 auto!important;
  }
  .left-head.about-model-head p{
    max-width:100%!important;
  }
}
@media (max-width:760px){
  .preview-icons{
    grid-template-columns:repeat(2,1fr)!important;
    margin-top:-38px!important;
    padding:10px!important;
    gap:9px!important;
    border-radius:18px!important;
  }
  .feature-card{
    min-height:93px!important;
  }
  .icon-box{width:47px!important;height:40px!important;}
  .feature-card img{width:44px!important;height:40px!important;}
  .about-section{
    padding:26px 0 8px!important;
  }
  .preview-about{
    gap:18px!important;
  }
  .left-head.about-model-head h2{
    font-size:1.36rem!important;
  }
  .left-head.about-model-head p{
    font-size:.90rem!important;
    line-height:1.55!important;
  }
  .about-model-pills{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .about-model-pills .about-pill{
    min-height:58px!important;
  }
  .mission-section{
    padding:22px 0 48px!important;
  }
}
@media (max-width:420px){
  .preview-icons{
    margin-top:-34px!important;
  }
  .feature-card{min-height:88px!important;}
  .left-head.about-model-head h2{font-size:1.28rem!important;}
}


/* ==========================================================
   V9 MOBILE STRIP 3+3+1 + SEPARATE ORNAMENT ASSET POLISH
   - Mobile strip becomes 3 / 3 / 1 compact layout
   - Tablet strip becomes 4 / 3 layout
   - About divider and Mission divider use reusable SVG asset
   - Home sections keep one neat width system
   ========================================================== */
:root{
  --home-uniform-width:min(1010px,92vw);
  --home-uniform-width-tablet:min(720px,92vw);
  --home-uniform-width-mobile:min(360px,92vw);
}

.preview-icons,
.preview-about,
.mission-section > .container{
  width:var(--home-uniform-width)!important;
  max-width:var(--home-uniform-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.mission-section > .container{
  padding-left:0!important;
  padding-right:0!important;
}

.preview-icons{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  width:min(1000px,92vw)!important;
  max-width:min(1000px,92vw)!important;
  margin-top:-56px!important;
  padding:12px!important;
  gap:12px!important;
}

.feature-card{
  min-height:102px!important;
}

.feature-card h3{
  max-width:94px!important;
}

.about-model-head h2{
  font-size:clamp(1.34rem,1.75vw,1.78rem)!important;
  line-height:1.16!important;
}

.about-decor{
  display:none!important;
}

.about-decor-img,
.section-ornament{
  display:block;
  height:auto;
  user-select:none;
}

.about-decor-img{
  width:88px;
  margin:8px 0 12px;
}

.section-ornament{
  width:78px;
  margin:6px auto 0;
}

.decor-line{
  display:none!important;
}

.left-head.about-model-head p{
  line-height:1.55!important;
}

.about-model-pills{
  gap:10px!important;
}

.about-model-pills .about-pill{
  min-height:60px!important;
}

.about-model-pills .about-pill img{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
}

.about-model-pills .about-pill span{
  font-size:.74rem!important;
}

.mission-section{
  padding-top:18px!important;
}

@media (max-width:1060px){
  .preview-icons,
  .preview-about,
  .mission-section > .container{
    width:var(--home-uniform-width-tablet)!important;
    max-width:var(--home-uniform-width-tablet)!important;
  }

  .preview-icons{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    padding:11px!important;
    margin-top:-42px!important;
  }

  .preview-icons .feature-card:nth-child(7){
    grid-column:auto!important;
  }

  .feature-card{
    min-height:96px!important;
    padding:9px 6px!important;
  }

  .icon-box{
    width:46px!important;
    height:40px!important;
  }

  .feature-card img{
    width:42px!important;
    height:40px!important;
  }

  .feature-card h3{
    font-size:.68rem!important;
    max-width:84px!important;
  }

  .preview-about{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  .about-video-card,
  .about-copy{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
  }
}

@media (max-width:760px){
  .preview-icons,
  .preview-about,
  .mission-section > .container{
    width:var(--home-uniform-width-mobile)!important;
    max-width:var(--home-uniform-width-mobile)!important;
  }

  .preview-icons{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    margin-top:-34px!important;
    padding:9px!important;
    gap:8px!important;
    border-radius:18px!important;
  }

  .preview-icons .feature-card:nth-child(7){
    grid-column:2 / span 1!important;
  }

  .feature-card{
    min-height:88px!important;
    padding:8px 5px 9px!important;
    border-radius:12px!important;
  }

  .icon-box{
    width:39px!important;
    height:34px!important;
  }

  .feature-card img{
    width:35px!important;
    height:34px!important;
  }

  .feature-card h3{
    font-size:.58rem!important;
    line-height:1.08!important;
    min-height:18px!important;
    max-width:74px!important;
  }

  .about-section{
    padding-top:22px!important;
  }

  .about-model-head h2{
    font-size:1.28rem!important;
  }

  .about-decor-img{
    width:78px;
    margin:7px 0 10px;
  }

  .section-ornament{
    width:72px;
    margin-top:4px;
  }

  .about-model-pills .about-pill{
    min-height:56px!important;
    padding:8px 9px!important;
  }

  .about-model-pills .about-pill img{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }

  .about-model-pills .about-pill span{
    font-size:.72rem!important;
  }
}

@media (max-width:420px){
  :root{
    --home-uniform-width-mobile:min(350px,94vw);
  }

  .preview-icons{
    margin-top:-30px!important;
    gap:7px!important;
    padding:8px!important;
  }

  .feature-card{
    min-height:84px!important;
  }

  .feature-card h3{
    font-size:.56rem!important;
    max-width:68px!important;
  }
}


/* ==========================================================
   V10 TABLET STRIP BOTTOM ROW CENTER ALIGNMENT
   - Tablet/narrow desktop: 4 cards top, 3 cards bottom centered
   - Mobile remains 3 + 3 + 1 with last card centered
   ========================================================== */
@media (min-width:761px) and (max-width:1060px){
  .preview-icons{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }

  .preview-icons .feature-card{
    min-width:0!important;
  }

  .preview-icons .feature-card:nth-child(1){grid-column:1 / span 2!important;}
  .preview-icons .feature-card:nth-child(2){grid-column:3 / span 2!important;}
  .preview-icons .feature-card:nth-child(3){grid-column:5 / span 2!important;}
  .preview-icons .feature-card:nth-child(4){grid-column:7 / span 2!important;}

  .preview-icons .feature-card:nth-child(5){grid-column:2 / span 2!important;}
  .preview-icons .feature-card:nth-child(6){grid-column:4 / span 2!important;}
  .preview-icons .feature-card:nth-child(7){grid-column:6 / span 2!important;}
}


/* ==========================================================
   V11 UNIFORM ACTIVITIES-WIDTH ALIGNMENT + HOVER RESTORE
   - Desktop/narrow desktop width follows normal .container / activities row
   - Strip, About, Services & Mission align to the Activities 5-card row
   - Tablet keeps 4 + centered 3 layout without shrinking the section width
   - Mobile keeps 3 + 3 + centered 1 compact layout
   - Service/Activity hover and click feel restored
   ========================================================== */
:root{
  --home-uniform-width:min(1180px,92vw);
}

.preview-icons,
.preview-about,
.mission-section > .container,
.activities-section > .container{
  width:var(--home-uniform-width)!important;
  max-width:var(--home-uniform-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.mission-section > .container,
.activities-section > .container{
  padding-left:0!important;
  padding-right:0!important;
}

.preview-icons{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  margin-top:-58px!important;
  padding:12px!important;
  gap:12px!important;
  overflow:visible!important;
}

.feature-card,
.preview-service-card,
.activity-strip a,
.activity-strip img{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease!important;
}

.feature-card:hover,
.feature-card:focus-visible{
  transform:translateY(-4px)!important;
  box-shadow:0 16px 34px rgba(106,67,14,.14)!important;
  border-color:rgba(205,143,45,.68)!important;
}

.preview-service-card{
  display:block!important;
  text-decoration:none!important;
  cursor:pointer!important;
  color:#221812!important;
}

.preview-service-card:hover,
.preview-service-card:focus-visible{
  transform:translateY(-5px)!important;
  box-shadow:0 18px 38px rgba(88,57,21,.15)!important;
  border-color:rgba(205,143,45,.62)!important;
}

.preview-service-card:hover img,
.preview-service-card:focus-visible img{
  filter:saturate(1.06) contrast(1.03)!important;
}

.activity-strip a{
  display:block!important;
  border-radius:12px!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

.activity-strip a:hover,
.activity-strip a:focus-visible{
  transform:translateY(-4px)!important;
}

.activity-strip a:hover img,
.activity-strip a:focus-visible img{
  box-shadow:0 16px 34px rgba(88,57,21,.16)!important;
  border-color:rgba(205,143,45,.62)!important;
  filter:saturate(1.06) contrast(1.03)!important;
}

.preview-about{
  grid-template-columns:minmax(0,1fr) minmax(0,1.34fr)!important;
  gap:38px!important;
  align-items:center!important;
}

.about-video-card{
  width:100%!important;
  max-width:none!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
}

.about-copy{
  width:100%!important;
  max-width:none!important;
}

.left-head.about-model-head p{
  max-width:100%!important;
}

.mission-section{
  padding-top:22px!important;
}

.activities-section{
  padding-top:34px!important;
}

@media (min-width:901px) and (max-width:1180px){
  .preview-icons,
  .preview-about,
  .mission-section > .container,
  .activities-section > .container{
    width:min(1180px,92vw)!important;
    max-width:min(1180px,92vw)!important;
  }

  .preview-icons{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }

  .preview-icons .feature-card:nth-child(1){grid-column:1 / span 2!important;}
  .preview-icons .feature-card:nth-child(2){grid-column:3 / span 2!important;}
  .preview-icons .feature-card:nth-child(3){grid-column:5 / span 2!important;}
  .preview-icons .feature-card:nth-child(4){grid-column:7 / span 2!important;}
  .preview-icons .feature-card:nth-child(5){grid-column:2 / span 2!important;}
  .preview-icons .feature-card:nth-child(6){grid-column:4 / span 2!important;}
  .preview-icons .feature-card:nth-child(7){grid-column:6 / span 2!important;}
}

@media (min-width:761px) and (max-width:900px){
  .preview-icons,
  .preview-about,
  .mission-section > .container,
  .activities-section > .container{
    width:min(1180px,92vw)!important;
    max-width:min(1180px,92vw)!important;
  }

  .preview-icons{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    margin-top:-42px!important;
    gap:10px!important;
    padding:11px!important;
  }

  .preview-icons .feature-card:nth-child(1){grid-column:1 / span 2!important;}
  .preview-icons .feature-card:nth-child(2){grid-column:3 / span 2!important;}
  .preview-icons .feature-card:nth-child(3){grid-column:5 / span 2!important;}
  .preview-icons .feature-card:nth-child(4){grid-column:7 / span 2!important;}
  .preview-icons .feature-card:nth-child(5){grid-column:2 / span 2!important;}
  .preview-icons .feature-card:nth-child(6){grid-column:4 / span 2!important;}
  .preview-icons .feature-card:nth-child(7){grid-column:6 / span 2!important;}

  .preview-about{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }

  .about-video-card,
  .about-copy{
    width:100%!important;
    max-width:100%!important;
  }
}

@media (max-width:760px){
  .preview-icons,
  .preview-about,
  .mission-section > .container,
  .activities-section > .container{
    width:min(94vw,390px)!important;
    max-width:min(94vw,390px)!important;
  }

  .preview-icons{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    margin-top:-34px!important;
    gap:8px!important;
    padding:9px!important;
  }

  .preview-icons .feature-card:nth-child(1),
  .preview-icons .feature-card:nth-child(2),
  .preview-icons .feature-card:nth-child(3),
  .preview-icons .feature-card:nth-child(4),
  .preview-icons .feature-card:nth-child(5),
  .preview-icons .feature-card:nth-child(6){
    grid-column:auto!important;
  }

  .preview-icons .feature-card:nth-child(7){
    grid-column:2 / span 1!important;
  }

  .feature-card{
    min-height:86px!important;
    padding:8px 5px!important;
  }

  .icon-box{width:39px!important;height:34px!important;}
  .feature-card img{width:35px!important;height:34px!important;}
  .feature-card h3{font-size:.58rem!important;line-height:1.08!important;max-width:74px!important;}

  .preview-about{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .service-grid,
  .activity-strip{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================
   V12 ABOUT PAGE FIX
   - Fixes huge icon/image overflow on about page
   - Removes horizontal scroll issue
   - Adds clean desktop/tablet/mobile responsive layout
   - Uses about-page specific classes, so Home page is not affected
   ========================================================== */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.about-page{
  position:relative;
  overflow:hidden;
  padding:76px 0 82px!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(233,169,49,.12),transparent 34%),
    radial-gradient(circle at 10% 88%,rgba(77,108,40,.08),transparent 32%),
    linear-gradient(180deg,#fff8ec 0%,#fffdf8 100%)!important;
}

.about-page::before{
  content:"";
  position:absolute;
  right:-120px;
  top:80px;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(214,145,22,.12),rgba(214,145,22,0) 68%);
  pointer-events:none;
}

.about-page-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:54px;
  align-items:center;
}

.about-page-head{
  text-align:left!important;
  margin:0!important;
  max-width:780px!important;
}

.about-page-head .eyebrow{
  display:inline-block;
  color:#b47410;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.78rem;
  margin-bottom:10px;
}

.about-page-head h2{
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif;
  color:#4d2d17;
  font-size:clamp(2rem,3.1vw,3rem)!important;
  line-height:1.1!important;
  letter-spacing:-.025em;
  text-transform:uppercase;
}

.about-page-decor{
  display:block;
  width:118px;
  height:18px;
  margin:12px 0 16px;
  background:
    radial-gradient(circle at 10px 50%,#c98212 0 2px,transparent 2.6px),
    radial-gradient(circle at 22px 50%,#c98212 0 2px,transparent 2.6px),
    radial-gradient(circle at 59px 50%,#c98212 0 3px,transparent 3.7px),
    radial-gradient(circle at 96px 50%,#c98212 0 2px,transparent 2.6px),
    linear-gradient(90deg,transparent 0,#d9a43b 22%,#d9a43b 78%,transparent 100%);
  opacity:.95;
}

.about-page-head p{
  max-width:760px;
  margin:0;
  color:#5f5146;
  font-size:1.02rem;
  line-height:1.72;
}

.about-list{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-top:30px;
}

.mini-card{
  display:flex;
  align-items:flex-start;
  gap:16px;
  width:100%;
  padding:17px 18px;
  border:1px solid rgba(218,174,89,.34);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 14px 34px rgba(84,52,16,.07);
  backdrop-filter:blur(10px);
}

.mini-card .mini-icon{
  flex:0 0 58px;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(180deg,#fff9ef,#fff1d9);
  border:1px solid rgba(218,174,89,.28);
}

.mini-card img{
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 5px 8px rgba(141,82,12,.12));
}

.mini-card h3{
  margin:0 0 5px;
  color:#2e1e13;
  font-size:1.05rem;
  line-height:1.22;
  font-weight:900;
}

.mini-card p{
  margin:0;
  color:#5f5146;
  font-size:.96rem;
  line-height:1.55;
}

.about-image{
  position:relative;
  min-height:460px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(218,174,89,.24);
  background:
    radial-gradient(circle at 50% 45%,rgba(255,231,174,.42),rgba(255,248,234,.76) 48%,rgba(255,255,255,.46) 100%);
  box-shadow:0 24px 58px rgba(84,52,16,.10);
  padding:34px;
}

.about-image::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(218,174,89,.22);
  border-radius:24px;
  pointer-events:none;
}

.about-image::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(223,151,21,.14),rgba(223,151,21,0) 68%);
  pointer-events:none;
}

.about-image img{
  position:relative;
  z-index:1;
  width:100%!important;
  max-width:410px!important;
  height:auto!important;
  max-height:410px!important;
  object-fit:contain!important;
  display:block!important;
  margin:0 auto!important;
  border-radius:0!important;
  filter:drop-shadow(0 22px 30px rgba(128,75,13,.16));
}

@media (max-width:1060px){
  .about-page{
    padding:58px 0 68px!important;
  }

  .about-page-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .about-page-head{
    text-align:center!important;
    margin:0 auto!important;
  }

  .about-page-decor{
    margin-left:auto;
    margin-right:auto;
  }

  .about-page-head p{
    margin-left:auto;
    margin-right:auto;
  }

  .about-image{
    min-height:390px;
    width:min(620px,100%);
    margin:0 auto;
  }

  .about-image img{
    max-width:340px!important;
    max-height:340px!important;
  }
}

@media (max-width:760px){
  .about-page{
    padding:42px 0 54px!important;
  }

  .about-page-grid{
    gap:24px;
  }

  .about-page-head h2{
    font-size:1.9rem!important;
  }

  .about-page-head p{
    font-size:.95rem;
    line-height:1.62;
  }

  .about-list{
    margin-top:22px;
    gap:12px;
  }

  .mini-card{
    padding:14px;
    gap:12px;
    border-radius:16px;
  }

  .mini-card .mini-icon{
    flex-basis:50px;
    width:50px;
    height:50px;
    border-radius:14px;
  }

  .mini-card img{
    width:36px!important;
    height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
  }

  .mini-card h3{
    font-size:1rem;
  }

  .mini-card p{
    font-size:.91rem;
    line-height:1.5;
  }

  .about-image{
    min-height:300px;
    padding:24px;
    border-radius:24px;
  }

  .about-image img{
    max-width:260px!important;
    max-height:260px!important;
  }
}

@media (max-width:420px){
  .about-page-head h2{
    font-size:1.6rem!important;
  }

  .about-page-head .eyebrow{
    font-size:.70rem;
  }

  .mini-card{
    align-items:center;
  }

  .about-image{
    min-height:250px;
  }

  .about-image img{
    max-width:220px!important;
    max-height:220px!important;
  }
}


/* ==========================================================
   V13 ABOUT PAGE APPROVED STYLE + GLOBAL GREEN FOOTER
   - About hero shows ONLY ABOUT US
   - About middle matches approved premium model style
   - Footer is global and keeps the real deep green style
   ========================================================== */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.asdt-prem-about-page,
.asdt-prem-about-page *{
  box-sizing:border-box;
}

.asdt-prem-about-page{
  width:100%;
  overflow:hidden;
  background:linear-gradient(180deg,#fff8ec 0%,#fffdf8 46%,#fffaf1 100%);
}

.asdt-prem-container{
  width:min(1180px,92%);
  margin:0 auto;
}

.asdt-prem-about-hero{
  position:relative;
  min-height:300px;
  display:grid;
  place-items:center;
  text-align:center;
  overflow:hidden;
  color:#fff;
}

.asdt-prem-about-hero-bg,
.asdt-prem-about-hero-bg img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.asdt-prem-about-hero-bg img{
  object-fit:cover;
  object-position:center;
  transform:scale(1.04);
}

.asdt-prem-about-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(26,66,43,.58),rgba(120,72,22,.28),rgba(80,45,17,.46)),
    radial-gradient(circle at 52% 42%,rgba(255,229,173,.18),transparent 44%);
}

.asdt-prem-about-hero-content{
  position:relative;
  z-index:1;
  width:min(900px,92%);
  margin:0 auto;
  padding:60px 0 52px;
}

.asdt-prem-about-hero h1{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  color:#fff;
  font-size:clamp(2.25rem,4.3vw,3.7rem);
  line-height:1.04;
  letter-spacing:-.02em;
  text-shadow:0 12px 28px rgba(0,0,0,.24);
}

.asdt-prem-hero-decor{
  display:block;
  width:130px;
  height:20px;
  margin:13px auto 0;
  background:
    radial-gradient(circle at 21px 50%,rgba(255,255,255,.86) 0 2px,transparent 2.6px),
    radial-gradient(circle at 65px 50%,rgba(255,255,255,.95) 0 3px,transparent 3.6px),
    radial-gradient(circle at 109px 50%,rgba(255,255,255,.86) 0 2px,transparent 2.6px),
    linear-gradient(90deg,transparent 0,rgba(255,255,255,.50) 22%,rgba(255,255,255,.86) 50%,rgba(255,255,255,.50) 78%,transparent 100%);
  opacity:.9;
}

.asdt-prem-about-main{
  padding:36px 0 0;
}

.asdt-prem-about-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,1.04fr);
  gap:44px;
  align-items:center;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(218,174,89,.30);
  border-radius:24px;
  padding:30px 34px;
  box-shadow:0 20px 54px rgba(84,52,16,.09);
  backdrop-filter:blur(12px);
}

.asdt-prem-eyebrow{
  display:inline-block;
  color:#bd7309;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.76rem;
  margin-bottom:9px;
}

.asdt-prem-about-copy h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  color:#4d2d17;
  font-size:clamp(1.75rem,2.85vw,2.55rem);
  line-height:1.12;
  letter-spacing:-.025em;
}

.asdt-prem-decor{
  display:block;
  width:116px;
  height:18px;
  margin:12px 0 17px;
  background:
    radial-gradient(circle at 10px 50%,#c98212 0 2px,transparent 2.6px),
    radial-gradient(circle at 22px 50%,#c98212 0 2px,transparent 2.6px),
    radial-gradient(circle at 58px 50%,#c98212 0 3px,transparent 3.7px),
    linear-gradient(90deg,transparent 0,#d9a43b 22%,#d9a43b 78%,transparent 100%);
  opacity:.95;
}

.asdt-prem-about-copy p{
  margin:0 0 13px;
  color:#554a40;
  font-size:.97rem;
  line-height:1.68;
}

.asdt-prem-about-copy p:last-child{
  margin-bottom:0;
}

.asdt-prem-about-image{
  min-width:0;
  position:relative;
  overflow:hidden;
  border-radius:20px;
  aspect-ratio:16/10;
  border:1px solid rgba(218,174,89,.30);
  background:#fff4dd;
  box-shadow:0 16px 40px rgba(84,52,16,.12);
}

.asdt-prem-about-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:0!important;
  transform:scale(1.02);
}

.asdt-prem-about-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(16,62,43,.18),rgba(244,163,45,.06));
  pointer-events:none;
}

.asdt-prem-value-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}

.asdt-prem-value-card{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(218,174,89,.30);
  border-radius:20px;
  padding:18px 19px;
  box-shadow:0 14px 34px rgba(84,52,16,.07);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.asdt-prem-value-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 42px rgba(84,52,16,.12);
  border-color:rgba(205,143,45,.58);
}

.asdt-prem-value-icon{
  flex:0 0 66px;
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg,#fff8ed,#fff0d6);
  border:1px solid rgba(218,174,89,.26);
}

.asdt-prem-value-icon img{
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 5px 8px rgba(141,82,12,.12));
}

.asdt-prem-value-card h3,
.asdt-prem-pillar-card h3{
  margin:0 0 5px;
  font-family:Georgia,"Times New Roman",serif;
  color:#4d2d17;
  font-size:1.14rem;
  line-height:1.2;
}

.asdt-prem-value-card p{
  margin:0;
  color:#5f5146;
  font-size:.91rem;
  line-height:1.48;
}

.asdt-prem-pillar-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:16px 0 34px;
  padding:10px;
  border:1px solid rgba(218,174,89,.24);
  border-radius:22px;
  background:rgba(255,255,255,.58);
}

.asdt-prem-pillar-card{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
  padding:16px 18px;
  border-radius:17px;
  background:linear-gradient(180deg,#fffdf8,#fff8ed);
  border:1px solid rgba(218,174,89,.28);
}

.asdt-prem-pillar-card span{
  flex:0 0 48px;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
}

.asdt-prem-pillar-card img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  display:block!important;
}

.asdt-prem-pillar-card p{
  margin:0;
  color:#5f5146;
  font-size:.84rem;
}

/* Global footer model style */
.site-footer.asdt-global-footer{
  background:linear-gradient(135deg,#294f21 0%,#193f22 100%)!important;
  color:#fff!important;
  padding:34px 0 0!important;
  overflow:hidden;
}

.asdt-footer-grid{
  display:grid!important;
  grid-template-columns:1.25fr 1fr 1.25fr 1.1fr!important;
  gap:34px!important;
  align-items:start!important;
}

.asdt-footer-brand{
  gap:14px!important;
}

.asdt-footer-brand img{
  width:64px!important;
  height:64px!important;
  object-fit:contain!important;
}

.asdt-footer-brand strong{
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.28rem!important;
  line-height:1.2!important;
}

.asdt-footer-brand p,
.asdt-footer-col p,
.asdt-footer-col a{
  color:#efe6d4!important;
  font-size:.92rem!important;
  line-height:1.55!important;
}

.asdt-footer-brand p{
  max-width:260px;
  margin:7px 0 0!important;
}

.asdt-footer-col h4{
  color:#fff!important;
  margin:0 0 13px!important;
  font-size:1rem!important;
  font-weight:900!important;
}

.asdt-footer-link-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 18px;
}

.asdt-footer-link-grid a{
  display:inline-block;
  text-decoration:none!important;
  transition:color .2s ease, transform .2s ease;
}

.asdt-footer-link-grid a:hover,
.asdt-footer-contact-line a:hover{
  color:#ffd98b!important;
  transform:translateX(2px);
}

.asdt-footer-contact-line{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:0 0 8px!important;
  color:#efe6d4!important;
}

.asdt-footer-contact-line span{
  color:#ffd98b;
  width:18px;
  flex:0 0 18px;
}

.asdt-footer-socials{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:13px;
}

.asdt-social{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900;
  font-size:.90rem!important;
  box-shadow:0 9px 18px rgba(0,0,0,.18);
  transition:transform .2s ease, filter .2s ease;
}

.asdt-social:hover{
  transform:translateY(-3px);
  filter:saturate(1.12) brightness(1.05);
}

.asdt-social-facebook{background:#3b5998;}
.asdt-social-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);}
.asdt-social-youtube{background:#e62117;}
.asdt-social-whatsapp{background:#25d366;}

.asdt-footer-bottom{
  border-top:1px solid rgba(255,255,255,.16);
  margin-top:30px;
  background:rgba(10,33,14,.28);
}

.asdt-footer-bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:15px 0;
  color:#efe6d4;
  font-size:.84rem;
}

.asdt-footer-policy-links{
  display:inline-flex;
  align-items:center;
  gap:11px;
  white-space:nowrap;
}

.asdt-footer-policy-links a{
  color:#fff!important;
  text-decoration:none!important;
  font-size:.84rem!important;
}

.asdt-footer-policy-links a:hover{
  color:#ffd98b!important;
}

@media (max-width:1060px){
  .asdt-prem-about-card{
    grid-template-columns:1fr;
    gap:26px;
  }

  .asdt-prem-about-copy{
    text-align:center;
  }

  .asdt-prem-decor{
    margin-left:auto;
    margin-right:auto;
  }

  .asdt-prem-about-image{
    width:min(720px,100%);
    margin:0 auto;
  }

  .asdt-prem-value-grid{
    grid-template-columns:1fr;
    width:min(720px,100%);
    margin-left:auto;
    margin-right:auto;
  }

  .asdt-prem-pillar-grid{
    grid-template-columns:repeat(2,1fr);
    width:min(720px,100%);
    margin-left:auto;
    margin-right:auto;
  }

  .asdt-footer-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

@media (max-width:760px){
  .asdt-prem-about-hero{
    min-height:230px;
  }

  .asdt-prem-about-hero-content{
    padding:42px 0 38px;
  }

  .asdt-prem-about-hero h1{
    font-size:2rem;
  }

  .asdt-prem-about-main{
    padding:28px 0 0;
  }

  .asdt-prem-about-card{
    padding:20px;
    border-radius:22px;
  }

  .asdt-prem-about-copy h2{
    font-size:1.68rem;
  }

  .asdt-prem-about-copy p{
    font-size:.92rem;
    line-height:1.6;
  }

  .asdt-prem-value-card{
    padding:14px;
    gap:12px;
    border-radius:16px;
  }

  .asdt-prem-value-icon{
    flex-basis:52px;
    width:52px;
    height:52px;
  }

  .asdt-prem-value-icon img{
    width:34px!important;
    height:34px!important;
  }

  .asdt-prem-pillar-grid{
    grid-template-columns:1fr;
    gap:10px;
    margin-bottom:26px;
  }

  .asdt-prem-pillar-card{
    padding:13px 15px;
  }

  .asdt-footer-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  .asdt-footer-bottom-inner{
    flex-direction:column;
    text-align:center;
  }
}

@media (max-width:420px){
  .asdt-prem-container{
    width:min(94%,390px);
  }

  .asdt-prem-about-hero h1{
    font-size:1.72rem;
  }

  .asdt-prem-about-copy h2{
    font-size:1.45rem;
  }

  .asdt-prem-value-card{
    align-items:center;
  }

  .asdt-footer-link-grid{
    grid-template-columns:1fr;
  }
}