/* Shared corporate design: one visual rhythm, responsive page-specific layouts. */
:root{--aw-ink:#073d32;--aw-green:#08765b;--aw-gold:#c9a75d;--aw-line:#d5ded8;--aw-space:max(6vw,calc((100vw - 1240px)/2))}
body{background:#fcfdfb;color:var(--aw-ink)}
main p{line-height:1.75}
main h1,main h2,main h3{font-family:Manrope,Arial,sans-serif;overflow-wrap:break-word}
main h2{letter-spacing:-.045em;line-height:1.12}
.site-header{padding-inline:var(--aw-space);gap:22px;border-bottom:1px solid var(--aw-line);background:#fff}
.site-header nav{gap:20px}
.site-header .header-actions{position:relative;flex-shrink:0}
.site-header .language-switch{position:relative;right:auto!important;bottom:auto!important;margin:0;padding:3px;border-radius:14px;background:#f4f7f3;box-shadow:none}
.site-header .language-switch button{width:86px;min-width:86px;height:42px;min-height:42px}
.site-header .language-switch.open{position:absolute;inset-inline-end:0;top:0;box-shadow:0 12px 26px #042d241c}
main .button{border-radius:12px;min-height:48px;font-size:14px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c9a75d;outline-offset:4px}
/* Openings share type, spacing and deep green brand surfaces. */
.inner-page .page-hero,.directory-page .directory-hero{background:linear-gradient(125deg,#032f27,#075442);color:#fff;border-bottom:1px solid #c9a75d55}
.inner-page .page-hero{min-height:460px;padding:76px var(--aw-space);align-items:center;gap:52px;grid-template-columns:minmax(0,1fr)}
.inner-page .page-hero:before{display:none!important}
.inner-page .page-hero:after{background:radial-gradient(circle,#c9a75d20,transparent 67%);pointer-events:none}
.inner-page .page-hero h1,.directory-page .directory-hero h1{font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1.1;letter-spacing:-.055em;max-width:21ch;color:#fff;margin-bottom:24px}
.inner-page .page-hero h1 em{color:#e3cc93;font-style:normal}
.inner-page .page-hero .eyebrow,.directory-page .directory-kicker{font-size:12px;line-height:1.5;color:#e3cc93;letter-spacing:.14em;margin-bottom:22px}
.inner-page .page-hero>div>p:last-child,.directory-page .directory-hero-inner>p:not(.directory-kicker){color:#dbe8e2;font-size:17px;max-width:65ch;line-height:1.75}
.inner-page .page-hero aside{border-radius:20px;padding:30px;background:#ffffff0b;border:1px solid #ffffff30;box-shadow:none;min-height:0}
.events-page .page-hero,.about-page .page-hero{grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr)}
.about-page .about-hero aside{min-height:290px;align-self:center}
.about-page .about-hero aside:before,.about-page .about-hero aside:after{display:none}
.directory-page .directory-hero-inner{padding:76px var(--aw-space)!important;max-width:none}
.directory-page .directory-hero:before{display:none!important}
.directory-page .directory-hero-inner h1:before{display:none!important}
.directory-page .directory-heading h2,.directory-page .directory-apply h2,.directory-page .directory-principle h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.14;letter-spacing:-.045em}
.directory-page .directory-search{border-radius:18px;padding:10px;box-shadow:0 16px 40px #001b1720}
/* Clear section hierarchy and comfortably sized copy. */
.inner-page .inner-section,.home-page .service-overview,.home-page .value-proposition,.home-page .contact,.directory-records,.directory-apply,.directory-principle,.about-page .company-story,.about-page .company-values,.about-page .governance-section{padding:76px var(--aw-space)}
.inner-page .section-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:20px 60px;align-items:end;margin-bottom:38px}
.inner-page .section-intro .eyebrow{grid-column:1/-1;padding:0;margin:0;font-size:12px}
.inner-page .section-intro h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.12;max-width:24ch;letter-spacing:-.045em;margin:0}
.inner-page .section-intro>p:last-child{font-size:16px;margin:0;max-width:56ch}
.inner-page .section-intro h2{grid-column:1;grid-row:2}
.inner-page .section-intro>p:last-child{grid-column:2;grid-row:2}
.inner-page .service-grid{border:0;gap:20px}
.inner-page .service-grid article,.inner-page .ecosystem-grid article,.directory-card,.event-card{border:1px solid var(--aw-line);border-radius:20px;background:#fff;box-shadow:0 6px 24px #073d3207}
.inner-page .service-grid article{padding:32px;min-height:260px;transition:border-color .2s,box-shadow .2s}
.inner-page .service-grid article:hover{border-color:#88a99b;box-shadow:0 14px 32px #073d3210}
.inner-page .service-grid h3,.inner-page .ecosystem-grid h3{font-size:25px;line-height:1.25;letter-spacing:-.03em}
.inner-page .service-grid p,.inner-page .ecosystem-grid p{font-size:16px;line-height:1.75}
.inner-page .service-grid article:last-child:nth-child(odd){min-height:240px}
.inner-page .ecosystem-grid article{min-height:260px;padding:30px}
.inner-page .ecosystem-grid .eco-state{font-size:12px;line-height:1.5}
.inner-page .inner-cta{min-height:0;padding:72px var(--aw-space);background:linear-gradient(125deg,#032f27,#075442)}
.inner-page .inner-cta h2{max-width:24ch;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.13;letter-spacing:-.045em;margin-bottom:26px}
.inner-page .inner-cta>p{font-size:14px;line-height:1.7;max-width:60ch;letter-spacing:.04em}
.inner-page .inner-cta .button{box-shadow:none;background:#e3cc93}
/* Home flow: services, reasons to choose AMWAL, then the app. */
.home-page .service-overview{background:#f5f8f5}
@media(min-width:1001px){.home-page .hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.home-page .hero h1{font-size:clamp(3rem,4vw,4.5rem);max-width:18ch;line-height:1.08}.home-page .hero-copy{min-width:0;padding:64px clamp(32px,4vw,80px) 36px var(--aw-space)}}
.home-page .value-proposition{background:#fff;border-block:1px solid var(--aw-line);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px}
.home-page .value-proposition-intro h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.1}
.home-page .value-proposition-copy h3{padding-top:24px;border-top:1px solid var(--aw-line);margin-top:26px;font-size:22px}
.home-page .value-proposition-copy h3:first-child{padding-top:0;border:0;margin-top:0}
.home-page .value-proposition-copy>p{font-size:16px;line-height:1.75}
.home-page .amwal-app-showcase{padding:64px var(--aw-space);gap:64px;background:linear-gradient(125deg,#075442,#032f27)}
.home-page .amwal-app-copy h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.1}
.home-page .contact-grid h2{font-size:clamp(2.2rem,3.8vw,3.6rem);line-height:1.13;max-width:22ch}
.directory-heading h2,.about-page .company-story h2,.about-page .company-values h2,.about-page .governance-intro h2{font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.14;letter-spacing:-.045em}
.directory-filters{gap:10px;flex-wrap:wrap;margin-block:28px}
.directory-filters button{border-radius:999px;min-height:44px;font-size:14px}
.directory-card-copy{padding:26px}
.directory-card-copy h3{font-size:24px;line-height:1.25}
.directory-card-copy p{font-size:16px;line-height:1.7}
.directory-card-copy>div{gap:16px;flex-wrap:wrap}
.directory-dialog-head h2{font-family:Manrope,Arial,sans-serif;font-size:28px;line-height:1.25;letter-spacing:-.03em}
.event-card{padding:30px;gap:32px}
.event-date{border-radius:16px;background:#f0f5f1;min-width:110px}
.event-copy h3{font-size:clamp(1.6rem,2.5vw,2.4rem);line-height:1.25;letter-spacing:-.03em}
.event-copy>p:not(.event-type){font-size:16px;line-height:1.75}
.event-meta{gap:16px;flex-wrap:wrap;font-size:14px}
.about-page .vision-mission article{min-height:330px;padding:60px var(--aw-space)}
.about-page .vision-mission h2{font-size:clamp(2rem,3vw,3rem);line-height:1.15}
footer{padding-inline:var(--aw-space)}
@media(min-width:761px) and (max-width:1100px){.site-header{padding-inline:3%;gap:12px}.site-header nav{gap:10px}.site-header .language-switch button{width:74px;min-width:74px}.site-header .nav-cta{min-width:0;padding-inline:12px}}
@media(max-width:760px){
 :root{--aw-space:6%}
 .site-header{padding-inline:5%;gap:12px}
 .site-header .language-switch.open{inset-inline-end:54px}
 .inner-page .page-hero,.events-page .page-hero,.about-page .page-hero{min-height:0;padding:46px var(--aw-space);grid-template-columns:minmax(0,1fr);gap:28px}
 .inner-page .page-hero h1,.directory-page .directory-hero h1{font-size:clamp(2.1rem,8.5vw,3rem);line-height:1.14;max-width:100%;letter-spacing:-.04em}
 .inner-page .page-hero>div>p:last-child,.directory-page .directory-hero-inner>p:not(.directory-kicker){font-size:16px}
 .directory-page .directory-hero-inner{padding:46px var(--aw-space)!important}
 .inner-page .page-hero aside,.about-page .about-hero aside{min-height:0;padding:24px;width:100%}
 .inner-page .inner-section,.home-page .service-overview,.home-page .value-proposition,.home-page .contact,.directory-records,.directory-apply,.directory-principle,.about-page .company-story,.about-page .company-values,.about-page .governance-section{padding:46px var(--aw-space)}
 .inner-page .section-intro{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:28px}
 .inner-page .section-intro h2{font-size:2rem;line-height:1.15}
 .inner-page .section-intro h2,.inner-page .section-intro>p:last-child{grid-column:auto;grid-row:auto}
 .inner-page .service-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .inner-page .service-grid article,.inner-page .service-grid article:last-child:nth-child(odd),.inner-page .ecosystem-grid article{min-height:0;padding:26px}
 .inner-page .service-grid h3,.inner-page .ecosystem-grid h3{font-size:23px;line-height:1.3}
 .inner-page .inner-cta{padding:48px var(--aw-space)}
 .home-page .value-proposition{grid-template-columns:minmax(0,1fr);gap:28px}
 .home-page .amwal-app-showcase{padding:46px var(--aw-space);gap:26px;grid-template-columns:minmax(0,1fr);text-align:center}
 .home-page .amwal-app-visual{height:280px;justify-content:center}
 .home-page .amwal-app-visual img{max-height:280px;width:auto;max-width:100%}
 .home-page .amwal-app-copy h2{font-size:2.15rem;max-width:100%}
 .event-card{padding:24px;gap:24px;grid-template-columns:minmax(0,1fr)}
 .event-date{max-width:130px}
 .directory-heading{gap:18px;flex-wrap:wrap}
 .directory-heading h2{font-size:2rem}
 .about-page .vision-mission article{min-height:0;padding:42px var(--aw-space)}
}
@media(prefers-reduced-motion:reduce){.inner-page .service-grid article{transition:none}}