.areax-page{--area-green:#226650;--area-dark:#16332d;padding-top:28px}
.areax-page .story-container{max-width:1080px}
.areax-hero{margin-top:24px}
.areax-heading{display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;align-items:start;margin-bottom:26px}
.areax-heading h1{font-size:clamp(42px,5vw,60px);line-height:1.08;letter-spacing:-.045em;margin:0;grid-row:1/3}
.areax-heading h1 span{display:block;font-size:24px;line-height:1.35;letter-spacing:-.02em;margin-top:12px;font-weight:500}
.areax-heading p{font-size:18px;line-height:1.6;max-width:48ch;margin:0}
.areax-tags{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0;font-size:14px;line-height:1.5}
.areax-tags li{padding:0;color:var(--ink)}
.areax-hero-visual,.areax-finale figure{margin:0}
.areax-page img{display:block;width:100%;height:auto}
.areax-hero-visual img{border-radius:12px}
.areax-page figure{min-width:0}
.areax-page figcaption{font-size:14px;line-height:1.6;margin-top:12px;max-width:80ch}
.areax-page figcaption a{display:block;text-decoration:underline;text-underline-offset:4px;margin-top:6px;padding:4px 0}
.areax-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;margin:72px auto;max-width:940px}
.areax-intro h2{font-size:32px;line-height:1.2;max-width:17ch;margin:0 0 18px}
.areax-intro p{max-width:43ch;font-size:18px;line-height:1.6;margin:0}
.areax-intro figure{max-width:280px;margin:0;justify-self:center}
.areax-intro img{border-radius:12px}
.areax-section{margin-top:64px;scroll-margin-top:120px}
.areax-section>header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}
.areax-section h2{font-size:32px;line-height:1.25;margin:0;max-width:26ch}
.areax-section>header p{font-size:18px;line-height:1.5;margin:0;max-width:43ch}
.areax-composition{margin:0}
.areax-composition img{border-radius:10px}
.areax-details{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start}
.areax-details figure{margin:0;padding:24px;background:#e6eee8;border-radius:12px;color:#16332d}
.areax-details figure:first-child{grid-row:1/3}
.areax-details figure:nth-child(3){align-self:end}
.areax-details img{border-radius:8px}
.areax-details figcaption{font-weight:600}
.areax-account{max-width:1050px;margin-inline:auto}
.areax-finale{margin-top:72px}
.areax-finale>p{font-size:24px;line-height:1.45;font-weight:600;max-width:38ch;margin:0 0 24px}
.areax-finale img{border-radius:12px}
.areax-mobile-screens,.areax-swipe-hint{display:none}
.preview-areax{padding:0;background:#16332d}
.preview-areax img{width:100%;height:100%;object-fit:cover;object-position:70% center}
[data-theme=dark] .areax-details figure{background:#203a33;color:#f2f7f3}
@media(max-width:900px){.areax-heading{gap:16px 24px}.areax-intro{gap:32px}.areax-section>header{display:block}.areax-section>header p{margin-top:12px}}
@media(max-width:600px){.areax-page{padding-top:18px}.areax-heading{display:block}.areax-heading h1{font-size:40px}.areax-heading h1 span{font-size:21px}.areax-heading p{font-size:17px;margin-top:18px}.areax-tags{margin-top:14px}.areax-hero-visual{max-width:400px;margin-inline:auto}.areax-hero-visual img{height:auto;width:100%}.areax-intro{grid-template-columns:1fr;gap:24px;margin-block:42px}.areax-intro h2,.areax-section h2{font-size:26px}.areax-intro p,.areax-section>header p{font-size:17px}.areax-intro figure{width:75%;max-width:270px;justify-self:end}.areax-section{margin-top:44px}.areax-composition{display:none}.areax-mobile-screens{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 0 12px;max-width:100%;scrollbar-width:thin}.areax-mobile-screens figure{flex:0 0 88%;scroll-snap-align:start;margin:0}.areax-mobile-screens img{border-radius:12px}.areax-swipe-hint{display:block;font-size:14px;margin:6px 0 0}.areax-details{grid-template-columns:1fr;gap:18px}.areax-details figure:first-child{grid-row:auto}.areax-details figure{padding:18px}.areax-details figure:first-child img{max-width:260px;margin-inline:auto}.areax-finale{margin-top:44px}.areax-finale>p{font-size:21px}.areax-finale figure{max-width:400px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.areax-mobile-screens{scroll-behavior:auto}}