.aboutx{background:#fbfaf6;color:#173e34}
.aboutx-shell{width:min(1180px,calc(100% - 34px));margin:auto}
.aboutx-hero{padding:50px 0 38px;background:linear-gradient(135deg,#fff8ee,#eef6ef);border-bottom:1px solid #e7e6df}
.aboutx-kicker{display:inline-flex;background:#fff0d9;color:#a14c0b;padding:8px 13px;border-radius:999px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.aboutx-hero h1{font-size:clamp(2.8rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;margin:15px 0;color:#15483b}
.aboutx-hero p{max-width:760px;color:#687873;line-height:1.75;font-size:1.08rem}
.aboutx-main{padding:52px 0}
.aboutx-prose{background:#fff;border:1px solid #e3e9e4;border-radius:24px;padding:30px;box-shadow:0 12px 32px rgba(20,72,59,.05)}
.aboutx-prose h1,.aboutx-prose h2,.aboutx-prose h3,.aboutx-prose h4{color:#15483b;line-height:1.18;margin:1.15em 0 .45em}
.aboutx-prose h2{font-size:1.8rem}.aboutx-prose h3{font-size:1.45rem}
.aboutx-prose p{color:#566861;line-height:1.85;margin:0 0 1.15em}
.aboutx-prose ul,.aboutx-prose ol{padding-left:1.3rem;color:#566861;line-height:1.75;margin:0 0 1.2em}
.aboutx-prose li{margin:.35em 0}.aboutx-prose strong{color:#254f43}
.aboutx-photo{margin:0;background:#e7eee8;border-radius:22px;overflow:hidden}.aboutx-photo img{display:block;width:100%;height:100%;object-fit:cover}.aboutx-photo figcaption{padding:10px 13px;background:#fff;color:#6c7a75;font-size:.85rem}
.aboutx-mvv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.aboutx-box{background:#fff;border:1px solid #e2e8e3;border-radius:22px;padding:25px}
.aboutx-box h2{font-size:1.6rem;margin:0 0 12px;color:#176347}
.aboutx-rich p{line-height:1.72;color:#5f7069;margin:0 0 1em}.aboutx-rich ul,.aboutx-rich ol{padding-left:1.25rem;color:#5f7069;line-height:1.7}.aboutx-rich li{margin:.35em 0}
.aboutx-next{margin-top:42px;background:#15483b;color:#fff;border-radius:24px;padding:27px;display:flex;justify-content:space-between;gap:24px;align-items:center}
.aboutx-next h2{margin:0;font-size:1.7rem}.aboutx-next p{color:#d9e9e2;margin:7px 0 0}.aboutx-links{display:flex;gap:9px;flex-wrap:wrap}.aboutx-links a{padding:11px 14px;border-radius:11px;text-decoration:none;font-weight:850;background:#fff;color:#15483b}.aboutx-links a:first-child{background:#e97747;color:#fff}

/* 1 Balanced */
.about-layout-balanced .about-story{display:grid;grid-template-columns:1.15fr .85fr;gap:35px}
.about-layout-balanced .about-media{display:grid;gap:14px}.about-layout-balanced .about-photo-1{height:360px}.about-layout-balanced .about-photo-2,.about-layout-balanced .about-photo-3{height:220px}

/* 2 Editorial magazine */
.about-layout-editorial .about-story{display:grid;grid-template-columns:.72fr 1.28fr;gap:30px;align-items:start}
.about-layout-editorial .about-media{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:sticky;top:120px}
.about-layout-editorial .about-photo-1{grid-column:1/3;height:330px}.about-layout-editorial .about-photo-2,.about-layout-editorial .about-photo-3{height:190px}
.about-layout-editorial .aboutx-prose{font-size:1.04rem}

/* 3 Photo led */
.about-layout-photo-led .about-story{display:flex;flex-direction:column;gap:22px}
.about-layout-photo-led .about-media{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px}
.about-layout-photo-led .about-photo-1{height:390px}.about-layout-photo-led .about-photo-2,.about-layout-photo-led .about-photo-3{height:390px}
.about-layout-photo-led .aboutx-prose{max-width:980px;margin:auto}

/* 4 Bento */
.about-layout-modern-bento .about-story{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.about-layout-modern-bento .about-media{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 220px;gap:12px}
.about-layout-modern-bento .about-photo-1{grid-row:1/3;height:452px}.about-layout-modern-bento .about-photo-2,.about-layout-modern-bento .about-photo-3{height:220px}
.about-layout-modern-bento .aboutx-prose{display:flex;flex-direction:column;justify-content:center}

/* 5 Hero Gallery */
.about-layout-hero-gallery .about-story{display:flex;flex-direction:column;gap:24px}
.about-layout-hero-gallery .about-media{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}
.about-layout-hero-gallery .about-photo-1,.about-layout-hero-gallery .about-photo-2,.about-layout-hero-gallery .about-photo-3{height:320px}
.about-layout-hero-gallery .about-media{order:-1}
.about-layout-hero-gallery .aboutx-prose{max-width:1000px;margin:auto}

/* 6 Masonry/Floating */
.about-layout-masonry-cards .about-story{position:relative;min-height:620px}
.about-layout-masonry-cards .aboutx-prose{width:68%;position:relative;z-index:2}
.about-layout-masonry-cards .about-media{position:absolute;right:0;top:20px;width:40%;height:560px}
.about-layout-masonry-cards .about-photo-1{position:absolute;right:0;top:0;width:82%;height:300px;transform:rotate(1deg)}
.about-layout-masonry-cards .about-photo-2{position:absolute;left:0;bottom:20px;width:62%;height:240px;transform:rotate(-2deg)}
.about-layout-masonry-cards .about-photo-3{position:absolute;right:0;bottom:0;width:46%;height:190px;transform:rotate(2deg)}
.about-layout-masonry-cards .aboutx-photo{box-shadow:0 20px 45px rgba(25,59,49,.14)}

/* 7 Minimal stacked */
.about-layout-minimal-stack .about-story{max-width:920px;margin:auto}
.about-layout-minimal-stack .about-media{display:grid;gap:12px;margin-top:22px}
.about-layout-minimal-stack .about-photo-1{height:420px}.about-layout-minimal-stack .about-photo-2,.about-layout-minimal-stack .about-photo-3{height:260px}
.about-layout-minimal-stack .aboutx-prose{border:0;box-shadow:none;background:transparent;padding:0}

@media(max-width:900px){
 .aboutx-mvv{grid-template-columns:1fr}
 .about-layout-balanced .about-story,.about-layout-editorial .about-story,.about-layout-modern-bento .about-story{grid-template-columns:1fr}
 .about-layout-editorial .about-media{position:static}
 .about-layout-photo-led .about-media,.about-layout-hero-gallery .about-media{grid-template-columns:1fr 1fr}
 .about-layout-photo-led .about-photo-1,.about-layout-hero-gallery .about-photo-1{grid-column:1/3}
 .about-layout-masonry-cards .about-story{min-height:0}.about-layout-masonry-cards .aboutx-prose{width:100%}.about-layout-masonry-cards .about-media{position:static;width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
 .about-layout-masonry-cards .about-photo-1,.about-layout-masonry-cards .about-photo-2,.about-layout-masonry-cards .about-photo-3{position:static;width:auto;height:240px;transform:none}
}
@media(max-width:580px){
 .aboutx-hero{padding:38px 0 30px}.aboutx-main{padding:38px 0}.aboutx-prose{padding:20px}
 .about-layout-photo-led .about-media,.about-layout-hero-gallery .about-media,.about-layout-editorial .about-media,.about-layout-modern-bento .about-media,.about-layout-masonry-cards .about-media{grid-template-columns:1fr}
 .about-layout-photo-led .about-photo-1,.about-layout-hero-gallery .about-photo-1,.about-layout-editorial .about-photo-1,.about-layout-modern-bento .about-photo-1{grid-column:auto;grid-row:auto}
 .aboutx-photo{height:240px!important}
 .aboutx-next{flex-direction:column;align-items:flex-start}
}