:root{
  --agnim-about-cream:#fbf0db;
  --agnim-about-cream2:#fff8ea;
  --agnim-about-green:#355326;
  --agnim-about-green2:#4d6b2d;
  --agnim-about-gold:#c6902f;
  --agnim-about-gold-soft:#e0bd78;
  --agnim-about-text:#2c291f;
}

.elementor-widget-agnim-about-hero,
.elementor-widget-agnim-mission-vision,
.elementor-widget-agnim-quality-assurance,
.elementor-widget-agnim-why-choose-us{margin:0!important}

.agnim-about-section{position:relative;width:100%;box-sizing:border-box;overflow:hidden;font-family:Georgia,'Times New Roman',serif;color:var(--agnim-about-text)}
.agnim-about-section *{box-sizing:border-box}
.agnim-about-full-bleed{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.agnim-about-cream{background-color:var(--agnim-about-cream);background-image:radial-gradient(circle at 13% 19%,rgba(187,137,47,.08) 0 1px,transparent 1.4px),radial-gradient(circle at 83% 72%,rgba(187,137,47,.06) 0 1px,transparent 1.4px),linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0) 35%,rgba(255,255,255,.18));background-size:23px 23px,29px 29px,auto}
.agnim-about-inner{width:calc(100% - 78px);max-width:1360px;margin:0 auto;position:relative;z-index:2}

/* HERO */
.agnim-about-hero{background:var(--agnim-about-cream);padding:0!important}
.agnim-about-hero-art{position:relative;width:100%;min-height:565px;aspect-ratio:1360/565;background-repeat:no-repeat;background-position:var(--agnim-about-hero-bg-x,50%) var(--agnim-about-hero-bg-y,50%);background-size:cover;display:flex;align-items:center;justify-content:center;isolation:isolate}
.agnim-about-hero-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 76%,rgba(251,240,219,.28) 100%);z-index:-1}
.agnim-about-hero-panel{position:relative;width:var(--agnim-about-panel-width,40%);max-width:var(--agnim-about-panel-max-width,555px);min-height:355px;margin:0;padding:42px 42px 36px;background:rgba(255,247,231,.94);border:2px solid rgba(191,131,35,.86);border-radius:110px 110px 95px 95px/86px 86px 118px 118px;box-shadow:0 12px 30px rgba(95,58,14,.18),inset 0 0 0 5px rgba(255,255,255,.42),inset 0 0 0 8px rgba(199,146,45,.16);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(var(--agnim-about-panel-x,0),var(--agnim-about-panel-y,0));animation:agnim-about-rise .75s ease both}
.agnim-about-hero-panel::before,.agnim-about-hero-panel::after{content:"";position:absolute;top:50%;width:20px;height:20px;background:var(--agnim-about-cream2);border:2px solid var(--agnim-about-gold);transform:translateY(-50%) rotate(45deg);z-index:-1}
.agnim-about-hero-panel::before{left:-11px}.agnim-about-hero-panel::after{right:-11px}
.agnim-about-hero-eyebrow{color:var(--agnim-about-green);font-size:21px;font-weight:700;line-height:1.15;letter-spacing:.03em;margin-bottom:14px}
.agnim-about-hero-eyebrow span{color:var(--agnim-about-gold);font-weight:400}
.agnim-about-hero-title{margin:0;color:#a84d10;font-size:50px;line-height:.98;font-weight:700;letter-spacing:-.025em}
.agnim-about-divider{display:block;width:132px;height:16px;margin:16px auto 11px;position:relative}
.agnim-about-divider::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:linear-gradient(90deg,transparent,var(--agnim-about-gold),transparent)}
.agnim-about-divider::after{content:"◆";position:absolute;left:50%;top:-2px;transform:translateX(-50%);font-size:11px;color:var(--agnim-about-gold);background:var(--agnim-about-cream2);padding:0 6px}
.agnim-about-hero-description{max-width:430px;margin:0;color:#27241e;font-size:16px;line-height:1.42}

/* shared ornament */
.agnim-title-ornament{display:block;width:116px;height:12px;margin:7px 0 10px;position:relative}
.agnim-title-ornament::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:linear-gradient(90deg,var(--agnim-about-gold),transparent)}
.agnim-title-ornament::after{content:"❧";position:absolute;left:0;top:-5px;color:var(--agnim-about-green);font-size:15px;background:rgba(255,248,233,.96);padding-right:5px}

/* Mission + Vision */
.agnim-about-mv{padding:30px 0 20px}
.agnim-mv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.agnim-mv-card{position:relative;min-height:470px;border:1.5px solid rgba(194,141,49,.72);border-radius:24px;overflow:hidden;background:#fff7e8;box-shadow:inset 0 0 0 3px rgba(255,255,255,.34),0 8px 22px rgba(84,57,17,.07);transition:transform .3s ease,box-shadow .3s ease}
.agnim-mv-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 3px rgba(255,255,255,.42),0 14px 30px rgba(84,57,17,.12)}
.agnim-mv-photo{position:absolute;inset:0;width:100%;height:var(--agnim-mv-image-height,100%);object-fit:cover;object-position:var(--agnim-mv-x,50%) var(--agnim-mv-y,50%);display:block;transition:transform .5s ease}
.agnim-mv-card:hover .agnim-mv-photo{transform:scale(1.018)}
.agnim-mv-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,247,232,.94) 0%,rgba(255,247,232,.90) 31%,rgba(255,247,232,.18) 57%,rgba(255,247,232,0) 74%);pointer-events:none}
.agnim-mv-content{position:relative;z-index:2;display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:start;width:64%;min-width:390px;margin:18px 18px 0 auto;padding:0 8px 0 0}
.agnim-mv-icon-image{width:92px;height:92px;object-fit:contain;display:block;filter:drop-shadow(0 5px 9px rgba(68,50,14,.14));transition:transform .3s ease}
.agnim-mv-card:hover .agnim-mv-icon-image{transform:translateY(-2px) rotate(-1deg)}
.agnim-mv-copy{padding-top:8px}
.agnim-mv-title{margin:0;color:var(--agnim-about-green);font-size:35px;line-height:1.08;font-weight:600}
.agnim-mv-text{margin:0;color:#28251f;font-size:18px;line-height:1.38}

/* Quality */
.agnim-about-quality{padding:0 0 20px}
.agnim-quality-card{position:relative;display:grid;grid-template-columns:var(--agnim-quality-media-width,49%) calc(100% - var(--agnim-quality-media-width,49%));min-height:376px;border:1.5px solid rgba(194,141,49,.72);border-radius:24px;background:#fff7e8;overflow:hidden;box-shadow:inset 0 0 0 3px rgba(255,255,255,.34),0 8px 22px rgba(84,57,17,.07)}
.agnim-quality-media{position:relative;min-width:0;overflow:hidden;border-radius:22px 0 0 22px}
.agnim-quality-photo{width:100%;height:100%;object-fit:cover;object-position:var(--agnim-quality-x,50%) var(--agnim-quality-y,50%);display:block;transition:transform .5s ease}
.agnim-quality-card:hover .agnim-quality-photo{transform:scale(1.018)}
.agnim-quality-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 76%,rgba(255,247,232,.30) 92%,rgba(255,247,232,.92) 100%);pointer-events:none}
.agnim-quality-badge{position:absolute;z-index:3;right:12%;top:27%;transform:translateY(-50%);width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(69,50,14,.24));animation:agnim-quality-float 3.4s ease-in-out infinite;will-change:transform}
.agnim-quality-content{position:relative;z-index:2;padding:30px 32px 24px 38px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(255,248,233,.96),rgba(255,248,233,.99))}
.agnim-quality-heading{margin:0;color:var(--agnim-about-green);font-size:35px;line-height:1.05;font-weight:600}
.agnim-quality-intro{margin:0 0 12px;color:#2b2921;font-size:17px;line-height:1.35}
.agnim-quality-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
.agnim-quality-list li{display:flex;align-items:flex-start;gap:8px;font-size:16px;line-height:1.28;color:#2d2b23}
.agnim-check{width:19px;height:19px;flex:0 0 19px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#52743a;color:#fff;font-size:12px;margin-top:1px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}

/* Why choose */
.agnim-about-why{padding:0 0 28px}
.agnim-why-card{position:relative;min-height:327px;border:1.5px solid rgba(194,141,49,.72);border-radius:24px;background:#fff7e8;overflow:hidden;box-shadow:inset 0 0 0 3px rgba(255,255,255,.34),0 8px 22px rgba(84,57,17,.07)}
.agnim-why-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--agnim-why-x,50%) var(--agnim-why-y,50%);display:block;transition:transform .5s ease}
.agnim-why-card:hover .agnim-why-photo{transform:scale(1.012)}
.agnim-why-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,248,233,.98) 0%,rgba(255,248,233,.96) 30%,rgba(255,248,233,.72) 42%,rgba(255,248,233,.10) 61%,transparent 76%);pointer-events:none}
.agnim-why-overlay-image{position:absolute;z-index:2;display:block;max-width:calc(100% - 32px);object-fit:contain;object-position:center;pointer-events:none;filter:drop-shadow(0 10px 18px rgba(72,48,10,.13));transition:transform .35s ease,filter .35s ease}
.agnim-why-left-image{left:25%;top:50%;transform:translate(calc(-50% + var(--agnim-why-left-x,0px)),calc(-50% + var(--agnim-why-left-y,0px)));width:210px;height:150px}
.agnim-why-right-image{left:75%;top:50%;transform:translate(calc(-50% + var(--agnim-why-right-x,0px)),calc(-50% + var(--agnim-why-right-y,0px)));width:360px;height:230px}
.agnim-why-card:hover .agnim-why-overlay-image{filter:drop-shadow(0 13px 22px rgba(72,48,10,.18))}
.agnim-why-content{position:relative;z-index:3;width:42%;min-width:460px;padding:28px 26px 25px 42px;display:flex;flex-direction:column;justify-content:center;min-height:327px}
.agnim-why-heading{margin:0;color:var(--agnim-about-green);font-size:35px;line-height:1.05;font-weight:600}
.agnim-why-list{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:5px}
.agnim-why-list li{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.26;color:#2c2a22}
.agnim-leaf-bullet{color:#456b35;font-size:18px;line-height:1;transform:rotate(-12deg);margin-top:1px}

@keyframes agnim-about-rise{from{opacity:0}to{opacity:1}}
@keyframes agnim-quality-float{0%,100%{transform:translateY(-50%) translateX(0) rotate(0deg)}50%{transform:translateY(calc(-50% - 8px)) translateX(2px) rotate(1.2deg)}}

@media(max-width:1100px){
  .agnim-about-inner{width:calc(100% - 44px)}
  .agnim-about-hero-art{background-position:var(--agnim-about-hero-bg-x,50%) var(--agnim-about-hero-bg-y,50%)}
  .agnim-about-hero-panel{width:var(--agnim-about-panel-width,54%);max-width:var(--agnim-about-panel-max-width,540px);margin:0 auto}
  .agnim-about-hero-title{font-size:44px}

  .agnim-mv-grid{gap:18px}
  .agnim-mv-card{min-height:430px}
  .agnim-mv-content{width:78%;min-width:0;grid-template-columns:74px 1fr;gap:12px;margin:16px 14px 0 auto}
  .agnim-mv-icon-image{width:74px;height:74px}
  .agnim-mv-title{font-size:31px}
  .agnim-mv-text{font-size:15.5px;line-height:1.35}

  .agnim-quality-card{grid-template-columns:var(--agnim-quality-media-width,47%) calc(100% - var(--agnim-quality-media-width,47%));min-height:350px}
  .agnim-quality-content{padding:26px 22px 22px 30px}
  .agnim-quality-badge{right:10%;top:27%;width:112px;height:112px}
  .agnim-quality-heading{font-size:32px}
  .agnim-quality-intro{font-size:15.5px}
  .agnim-quality-list{gap:8px 14px}
  .agnim-quality-list li{font-size:14.5px}

  .agnim-why-content{width:49%;min-width:0;padding:24px 22px 22px 30px}
  .agnim-why-heading{font-size:32px}
  .agnim-why-list li{font-size:14.5px}
}

@media(min-width:768px) and (max-width:980px){
  .agnim-about-inner{width:calc(100% - 32px)}

  .agnim-about-hero-panel{width:var(--agnim-about-panel-width,60%);max-width:var(--agnim-about-panel-max-width,510px);padding:34px 34px 30px}
  .agnim-about-hero-title{font-size:40px}
  .agnim-about-hero-description{font-size:14.5px}

  .agnim-mv-grid{gap:14px}
  .agnim-mv-card{min-height:405px}
  .agnim-mv-content{width:91%;margin:14px auto 0;grid-template-columns:62px 1fr;gap:10px;padding:0 8px}
  .agnim-mv-icon-image{width:62px;height:62px}
  .agnim-mv-copy{padding-top:3px}
  .agnim-mv-title{font-size:28px}
  .agnim-title-ornament{width:88px;margin:5px 0 8px}
  .agnim-mv-text{font-size:14px;line-height:1.32}
  .agnim-mv-photo-shade{background:linear-gradient(180deg,rgba(255,247,232,.95) 0%,rgba(255,247,232,.83) 34%,rgba(255,247,232,.12) 60%,rgba(255,247,232,0) 78%)}

  .agnim-quality-card{grid-template-columns:var(--agnim-quality-media-width,45%) calc(100% - var(--agnim-quality-media-width,45%));min-height:340px}
  .agnim-quality-content{padding:22px 18px 20px 24px}
  .agnim-quality-badge{right:8%;top:26%;width:96px;height:96px}
  .agnim-quality-heading{font-size:29px}
  .agnim-quality-intro{font-size:14px;margin-bottom:10px}
  .agnim-quality-list{gap:7px 10px}
  .agnim-quality-list li{font-size:13px;line-height:1.22}
  .agnim-check{width:17px;height:17px;flex-basis:17px;font-size:10px}

  .agnim-why-card{min-height:300px}
  .agnim-why-content{width:52%;padding:20px 18px 18px 24px;min-height:300px}
  .agnim-why-heading{font-size:29px}
  .agnim-why-list{gap:4px}
  .agnim-why-list li{font-size:13.5px;line-height:1.22}
}

@media(max-width:767px){
  .agnim-about-inner{width:calc(100% - 28px)}

  /* Hero keeps the decorative frame centered while preventing horizontal overflow. */
  .agnim-about-hero-art{min-height:540px;aspect-ratio:auto;background-position:var(--agnim-about-hero-bg-x,50%) var(--agnim-about-hero-bg-y,50%);align-items:center;justify-content:center;padding:16px 0}
  .agnim-about-hero-panel{width:var(--agnim-about-panel-width,88%);max-width:var(--agnim-about-panel-max-width,430px);min-height:0;margin:0 auto;padding:26px 20px 24px;border-radius:48px 48px 44px 44px/42px 42px 52px 52px;background:rgba(255,248,234,.97);box-shadow:0 10px 26px rgba(95,58,14,.16),inset 0 0 0 4px rgba(255,255,255,.42),inset 0 0 0 7px rgba(199,146,45,.14)}
  .agnim-about-hero-panel::before,.agnim-about-hero-panel::after{display:none}
  .agnim-about-hero-eyebrow{font-size:17px;margin-bottom:9px}
  .agnim-about-hero-title{font-size:35px;line-height:1.02}
  .agnim-about-divider{margin:12px auto 8px;width:104px}
  .agnim-about-hero-description{font-size:14px;line-height:1.43;max-width:390px}

  /* Mission / Vision: natural-height mobile cards, no empty lower half. */
  .agnim-about-mv{padding:20px 0 16px}
  .agnim-mv-grid{grid-template-columns:1fr;gap:16px}
  .agnim-mv-card{min-height:0;border-radius:20px;display:block;overflow:hidden}
  .agnim-mv-photo{position:relative;inset:auto;width:100%;height:var(--agnim-mv-image-height,260px);object-position:var(--agnim-mv-x,50%) var(--agnim-mv-y,50%)}
  .agnim-mv-photo-shade{height:var(--agnim-mv-image-height,260px);bottom:auto;background:linear-gradient(180deg,rgba(255,247,232,0) 45%,rgba(255,247,232,.32) 70%,rgba(255,247,232,.92) 100%)}
  .agnim-mv-content{position:relative;left:auto;right:auto;bottom:auto;width:auto;min-width:0;margin:0 auto 14px;padding:16px;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start;border-radius:18px;background:rgba(255,248,233,.97);box-shadow:0 7px 20px rgba(72,52,16,.08)}
  .agnim-mv-icon-image{width:72px;height:72px}
  .agnim-mv-copy{padding-top:2px}
  .agnim-mv-title{font-size:30px}
  .agnim-mv-text{font-size:15px;line-height:1.36}

  /* Quality: badge remains in the marked upper-right area of the image. */
  .agnim-about-quality{padding-bottom:16px}
  .agnim-quality-card{display:block;min-height:0;border-radius:20px;overflow:hidden}
  .agnim-quality-media{height:var(--agnim-quality-mobile-image-height,270px);border-radius:18px 18px 0 0;overflow:hidden}
  .agnim-quality-photo{height:100%;border-radius:18px 18px 0 0;object-position:var(--agnim-quality-x,50%) var(--agnim-quality-y,50%)}
  .agnim-quality-media::after{background:linear-gradient(180deg,transparent 70%,rgba(255,247,232,.42) 100%)}
  .agnim-quality-badge{right:9%;top:27%;width:96px;height:96px}
  .agnim-quality-content{padding:22px 20px 24px;background:#fff8e9;justify-content:flex-start}
  .agnim-quality-heading{font-size:30px}
  .agnim-quality-intro{font-size:15px}
  .agnim-quality-list{grid-template-columns:1fr;gap:8px}
  .agnim-quality-list li{font-size:15px}

  /* Why Choose: content first, artwork below, height grows with content. */
  .agnim-about-why{padding-bottom:22px}
  .agnim-why-card{min-height:0;padding-bottom:var(--agnim-why-image-height,250px);border-radius:20px}
  .agnim-why-photo{height:var(--agnim-why-image-height,250px);top:auto;bottom:0;object-position:var(--agnim-why-x,50%) var(--agnim-why-y,100%)}
  .agnim-why-shade{background:linear-gradient(180deg,rgba(255,248,233,1) 0%,rgba(255,248,233,1) 44%,rgba(255,248,233,.70) 62%,rgba(255,248,233,0) 82%)}
  .agnim-why-overlay-image{top:calc(100% - (var(--agnim-why-image-height,250px) / 2));max-width:44%;max-height:calc(var(--agnim-why-image-height,250px) - 28px)}
  .agnim-why-left-image{left:29%;transform:translate(calc(-50% + var(--agnim-why-left-x,0px)),calc(-50% + var(--agnim-why-left-y,0px)))}
  .agnim-why-right-image{left:71%;transform:translate(calc(-50% + var(--agnim-why-right-x,0px)),calc(-50% + var(--agnim-why-right-y,0px)))}
  .agnim-why-content{width:auto;min-width:0;min-height:0;padding:22px 20px 18px;position:relative}
  .agnim-why-heading{font-size:30px}
  .agnim-why-list{gap:7px}
  .agnim-why-list li{font-size:15px}
}

@media(max-width:420px){
  .agnim-about-inner{width:calc(100% - 20px)}
  .agnim-about-hero-art{min-height:510px;background-position:var(--agnim-about-hero-bg-x,50%) var(--agnim-about-hero-bg-y,50%);padding:12px 0}
  .agnim-about-hero-panel{width:var(--agnim-about-panel-width,90%);max-width:var(--agnim-about-panel-max-width,390px);padding:23px 17px 21px;border-radius:40px}
  .agnim-about-hero-title{font-size:31px}
  .agnim-about-hero-description{font-size:13.5px;line-height:1.42}

  .agnim-mv-photo,.agnim-mv-photo-shade{height:var(--agnim-mv-image-height,230px)}
  .agnim-mv-content{grid-template-columns:62px 1fr;gap:11px;margin:0 auto 10px;padding:14px}
  .agnim-mv-icon-image{width:62px;height:62px}
  .agnim-mv-title,.agnim-quality-heading,.agnim-why-heading{font-size:28px}
  .agnim-mv-text{font-size:14px}

  .agnim-quality-media{height:var(--agnim-quality-mobile-image-height,235px)}
  .agnim-quality-badge{right:7%;top:27%;width:84px;height:84px}
  .agnim-quality-content{padding:20px 16px 22px}

  .agnim-why-card{padding-bottom:var(--agnim-why-image-height,220px)}
  .agnim-why-photo{height:var(--agnim-why-image-height,220px)}
  .agnim-why-content{padding:20px 16px 16px}
}

@media(max-width:360px){
  .agnim-about-hero-art{min-height:490px}
  .agnim-about-hero-panel{width:var(--agnim-about-panel-width,92%);padding:21px 15px 19px}
  .agnim-about-hero-eyebrow{font-size:15px}
  .agnim-about-hero-title{font-size:29px}
  .agnim-about-divider{width:92px;margin:10px auto 6px}
  .agnim-about-hero-description{font-size:13px}

  .agnim-mv-content{grid-template-columns:56px 1fr}
  .agnim-mv-icon-image{width:56px;height:56px}
  .agnim-mv-title,.agnim-quality-heading,.agnim-why-heading{font-size:26px}
  .agnim-quality-list li,.agnim-why-list li{font-size:14px}
}

@media(prefers-reduced-motion:reduce){
  .agnim-about-hero-panel,.agnim-mv-card,.agnim-mv-photo,.agnim-mv-icon-image,.agnim-quality-photo,.agnim-quality-badge,.agnim-why-photo,.agnim-why-overlay-image{animation:none!important;transition:none!important}
}