/* ======================================================================
   ARCHER PRASANTA / ENGINE REBUILD — STUDIO PREMIUM
   01 Foundation | 02 Hero | 03 Symptoms | 04 Assessment explorer
   05 Process | 06 Decisions | 07 Gallery & FAQ | 08 Invitation | 09 Responsive
   Page styles only. Shared header/footer styles remain in style.css.
   ====================================================================== */

/* 01 / FOUNDATION */
.aer-main { --aer-paper:#F7F7F2; --aer-ink:#202B30; --aer-muted:#616D70; --aer-steel:#DDE7E8; --aer-line:#22394126; --aer-teal:#36636B; --aer-navy:#111A3D; --aer-cyan:#6FEFFF; background:var(--aer-paper); color:var(--aer-ink); font-family:Inter,Arial,Helvetica,sans-serif; isolation:isolate; overflow:clip; }
.aer-main *, .aer-main *::before, .aer-main *::after { box-sizing:border-box; }
.aer-main [hidden] { display:none!important; }
.aer-main :is(h1,h2,h3,h4,p,figure,ul,ol) { margin:0; }
.aer-main :is(h1,h2,h3,h4) { font-family:inherit; font-weight:500; color:inherit; text-transform:none; }
.aer-main h2 { font-size:clamp(37px,4.3vw,73px); line-height:1.06; letter-spacing:-.06em; }
.aer-main :is(h1,h2) em { font-style:normal; color:var(--aer-teal); }
.aer-main p { color:var(--aer-muted); font-size:15px; line-height:1.8; }
.aer-main a { color:inherit; text-decoration:none; }
.aer-main img { display:block; max-width:100%; height:auto; }
.aer-main :is(button,summary) { cursor:pointer; }
.aer-main :is(a,button,summary):focus-visible { outline:3px solid #208599; outline-offset:5px; }
.aer-main section { scroll-margin-top:105px; }
.aer-wrap { width:min(1700px,calc(100% - 112px)); margin-inline:auto; }
.aer-section { padding-block:100px; }
.aer-main .aer-label { display:block; margin-bottom:24px; font:600 10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; color:var(--aer-teal); letter-spacing:.13em; }
.aer-actions { display:flex; flex-wrap:wrap; align-items:center; gap:27px; }
.aer-main .aer-button { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:58px; padding:17px 22px; background:var(--aer-cyan); color:var(--aer-navy); border:1px solid #ADFAFF; border-radius:4px; box-shadow:0 3px 0 #348C98,0 12px 25px #050F271C,inset 0 1px 0 #FFFFFFAA; font-size:12px; font-weight:650; transition:transform .25s,box-shadow .25s; }
.aer-button>span { font-size:23px; font-weight:400; line-height:1; }
.aer-main .aer-link { display:inline-flex; align-items:center; justify-content:space-between; min-height:44px; gap:26px; font-size:12px; font-weight:600; }
.aer-link>span { color:var(--aer-teal); font-size:23px; font-weight:400; }
.aer-heading { display:flex; justify-content:space-between; align-items:end; gap:55px; margin-bottom:45px; }
.aer-heading>div { min-width:0; }
.aer-heading>p { max-width:365px; }
.aer-status-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; flex:none; }
.aer-main .aer-small-note { font-size:11px; line-height:1.8; }

/* 02 / GRAPHITE HERO — A DIMENSIONAL WORKBENCH FRAME */
.aer-hero { background:radial-gradient(ellipse at 85% 28%,#34495088,transparent 58%),#1C252B; color:#F5F7F2; padding-top:24px; }
.aer-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:#A4B3B8; font-size:10px; }
.aer-breadcrumb a { display:inline-flex; align-items:center; min-height:32px; }
.aer-breadcrumb [aria-current] { color:#D0DCDD; }
.aer-hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:65px; padding:65px 0 85px; }
.aer-main h1 { font-size:clamp(64px,7.1vw,120px); font-weight:550; line-height:.99; letter-spacing:-.065em; }
.aer-hero h1 em { color:#B6D6D9; }
.aer-hero .aer-label { color:#A8CED1; }
.aer-hero .aer-status-dot { color:var(--aer-cyan); margin:0 10px 1px 0; }
.aer-main .aer-hero-intro { max-width:430px; font-size:16px; line-height:1.85; color:#C1CDD0; margin-top:29px; }
.aer-hero .aer-actions { margin-top:35px; gap:21px 26px; }
.aer-hero .aer-link>span { color:#A8CED1; }
.aer-main .aer-hero-footnote { display:flex; gap:12px; align-items:center; margin-top:37px; font-size:11px; color:#A2B2B7; }
.aer-hero-footnote>span { font-size:28px; color:#B3C8C8; line-height:1; }
.aer-hero-stage { position:relative; padding:16px 6px 54px 8px; min-width:0; }
.aer-stage-frame { position:relative; border:1px solid #83959B; border-radius:7px; background:#BAC7C9; padding:10px; transform:perspective(1400px) rotateY(-5deg) rotateZ(1.5deg); box-shadow:7px 9px 0 #62757B,10px 14px 0 #14212A,0 38px 50px #0005; transition:transform .45s; }
.aer-frame-top,.aer-frame-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:12px 10px 18px; color:#314047; font:600 8px/1.6 ui-monospace,monospace; letter-spacing:.11em; }
.aer-frame-top::before { content:""; flex:none; width:6px; height:6px; border-radius:50%; background:#566A73; box-shadow:inset 1px 1px 2px #08141C80,0 1px 0 #E6F2F5; }
.aer-frame-top>span:first-child { margin-right:auto; }
.aer-stage-frame figure { position:relative; border:1px solid #47545A; border-radius:3px; overflow:hidden; background:#2B3335; }
.aer-main .aer-stage-frame img { width:100%; height:clamp(325px,29vw,470px); object-fit:cover; object-position:53% 50%; }
.aer-stage-frame figcaption { position:absolute; inset-inline:0; bottom:0; padding:40px 17px 15px; background:linear-gradient(transparent,#122027E8); color:#F4F7ED; font:7px/1.5 ui-monospace,monospace; letter-spacing:.12em; }
.aer-frame-bottom { padding:19px 10px 9px; }
.aer-frame-bottom i { font-style:normal; margin-inline:10px; color:#657C82; }
.aer-frame-bottom b { font-size:24px; font-weight:400; }
.aer-metal-tag { position:absolute; z-index:2; left:-25px; bottom:12px; display:flex; align-items:center; gap:22px; min-width:230px; padding:23px 23px 25px; border:1px solid #F6FFF6; border-radius:4px; background:linear-gradient(132deg,#E4EBD3,#C5D5A6 52%,#E9EDD9); color:#2C3A28; box-shadow:0 4px 0 #8A9A7A,0 18px 22px #0004; transform:rotate(-5deg); }
.aer-metal-tag>span { font:600 10px/1.6 ui-monospace,monospace; letter-spacing:.11em; }
.aer-metal-tag strong { font-size:42px; line-height:1; font-weight:500; letter-spacing:-.06em; }
.aer-metal-tag i { position:absolute; right:9px; top:9px; width:5px; height:5px; border-radius:50%; border:1px solid #8C9C7E; background:#A3B195; }
.aer-stage-note { position:absolute; bottom:1px; right:0; max-width:200px; text-align:right; font:7px/1.6 ui-monospace,monospace; letter-spacing:.1em; color:#AEC3C6; }
.aer-hero-strip { display:flex; justify-content:space-between; align-items:center; gap:22px; padding-block:20px; border-top:1px solid #B9D5D329; color:#A9BEC1; font:9px/1.6 ui-monospace,monospace; letter-spacing:.09em; }
.aer-hero-strip>a { display:flex; min-height:36px; align-items:center; gap:26px; font:600 11px/1.5 Inter,Arial,sans-serif; letter-spacing:0; color:#E8EEEA; }
.aer-hero-strip>a>span { font-size:20px; color:#A2C8CD; }

/* 03 / SYMPTOMS — INTRODUCTION TO INSPECTION */
.aer-signals-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--aer-line); }
.aer-signals-grid article { padding:32px 28px; border-right:1px solid var(--aer-line); }
.aer-signals-grid article:first-child { padding-left:0; }
.aer-signals-grid article:last-child { border:0; padding-right:0; }
.aer-signals-grid article>span { font:11px/1.5 ui-monospace,monospace; color:#56777E; }
.aer-signals-grid h3 { font-size:21px; letter-spacing:-.035em; line-height:1.2; margin:25px 0 12px; }
.aer-signals-grid p { font-size:13px; }

/* 04 / ASSESSMENT — FOUR ACCESSIBLE AREA CONTROLS */
.aer-assessment { background:#E1E9E8; border-block:1px solid #C9D8D5; }
.aer-area-controls { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:25px; }
.aer-main .aer-area-controls button { display:flex; align-items:center; gap:16px; min-width:0; min-height:103px; text-align:left; padding:18px 20px; color:#375B63; background:#F1F5EE66; border:1px solid #8CA5A54D; border-radius:4px; font:500 12px/1.5 Inter,Arial,sans-serif; transition:background .2s,box-shadow .2s; }
.aer-main .aer-area-controls button[aria-pressed="true"] { background:#243B43; color:#E4F0E7; border-color:#20333A; box-shadow:0 3px 0 #9DB3B0; }
.aer-control-icon { width:42px; flex:none; }
.aer-control-icon svg { display:block; width:100%; height:auto; }
.aer-area-controls small { display:block; font:7px/1.5 ui-monospace,monospace; letter-spacing:.09em; opacity:.8; margin-bottom:6px; }
.aer-area-controls strong { display:block; font-size:14px; font-weight:500; }
.aer-area-controls b { font-size:20px; font-weight:400; margin-left:auto; align-self:start; }
.aer-area-panels { display:grid; gap:28px; }
.aer-area-panel { display:grid; grid-template-columns:1.08fr 1fr; min-width:0; border:1px solid #AEBFBE; border-radius:5px; box-shadow:0 5px 0 #CDD8D5,0 25px 40px #2844420A; background:#FAFBF6; overflow:hidden; }
.aer-area-panel figure { position:relative; min-height:490px; overflow:hidden; background:#BDC9C8; }
.aer-main .aer-area-panel img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.aer-area-panel figcaption { position:absolute; bottom:0; inset-inline:0; padding:45px 25px 22px; display:flex; justify-content:space-between; gap:20px; color:#EDF6EF; background:linear-gradient(transparent,#14282CEB); font:8px/1.5 ui-monospace,monospace; letter-spacing:.1em; }
.aer-area-copy { padding:clamp(32px,4.7vw,78px); align-self:center; }
.aer-area-copy h3 { font-size:clamp(33px,3.5vw,57px); letter-spacing:-.055em; line-height:1.1; margin-bottom:23px; }
.aer-area-copy>p:not(.aer-label) { font-size:14px; }
.aer-area-copy ul { list-style:none; padding:0; margin-top:25px; border-bottom:1px solid var(--aer-line); }
.aer-area-copy li { display:flex; gap:14px; align-items:center; padding:13px 0; border-top:1px solid var(--aer-line); color:#42565A; font-size:12px; line-height:1.6; }
.aer-area-copy li::before { content:"↗"; color:#3B7175; font-size:17px; }
.aer-area-copy .aer-small-note { margin-top:16px; font-size:10px!important; }
.aer-area-copy .aer-link { margin-top:22px; }

/* 05 / PROCESS — NATIVE DISCLOSURES, NO JS REQUIRED */
.aer-process { color:#EEF2ED; background:#1F2B30; }
.aer-process-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:start; }
.aer-process-intro { position:sticky; top:110px; }
.aer-process .aer-label { color:#A6C7C8; }
.aer-process h2 em { color:#A6C7C8; }
.aer-process-intro>p:not(.aer-label) { color:#B4C4C7; margin-top:25px; max-width:320px; }
.aer-process-intro figure { position:relative; margin-top:35px; border:1px solid #72909155; border-radius:4px; overflow:hidden; }
.aer-main .aer-process-intro img { width:100%; height:250px; object-fit:cover; object-position:50% 42%; }
.aer-process-intro figcaption { position:absolute; inset-inline:0; bottom:0; padding:35px 20px 18px; background:linear-gradient(transparent,#0C2425C9); font:8px/1.5 ui-monospace,monospace; letter-spacing:.12em; color:#DCEBDD; }
.aer-process-intro .aer-small-note { margin-top:14px!important; font-size:10px; color:#8AA2A8!important; }
.aer-process-list { border-top:1px solid #CADBDD40; }
.aer-process details { border-bottom:1px solid #CADBDD40; }
.aer-process summary { display:flex; align-items:center; gap:25px; padding:29px 4px; list-style:none; }
.aer-main summary::-webkit-details-marker { display:none; }
.aer-process summary>span { font:11px/1.5 ui-monospace,monospace; color:#96B6BB; }
.aer-process summary h3 { font-size:29px; line-height:1.25; letter-spacing:-.04em; }
.aer-process summary>b { margin-left:auto; color:#9FC2C5; font-size:26px; line-height:1; font-weight:300; }
.aer-process details[open] summary>b { transform:rotate(45deg); }
.aer-process details[open] summary h3 { color:#BADDCA; }
.aer-step-body { padding:0 25px 31px 48px; }
.aer-step-body h4 { font-size:16px; line-height:1.5; margin-bottom:10px; color:#DFE9DF; }
.aer-step-body p { font-size:13px; line-height:1.85; color:#B7C9CD; }
.aer-step-body .aer-step-note { margin-top:22px; border-left:2px solid #9AB9A4; padding-left:15px; font-size:11px; color:#9DBAB2; }

/* 06 / DECISIONS — LAYERED METAL & PAPER CARDS */
.aer-decision-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.aer-decision-grid article { position:relative; min-width:0; padding:35px; background:#E7ECE6; border:1px solid #CCD5CD; border-radius:5px; box-shadow:0 4px 0 #D4DBD3; display:flex; flex-direction:column; }
.aer-decision-grid .aer-decision-feature { background:#DDE6CC; border-color:#C3CEAF; box-shadow:0 4px 0 #BFCCAA; }
.aer-card-index { display:block; font:9px/1.5 ui-monospace,monospace; letter-spacing:.12em; color:#516553; }
.aer-decision-grid h3 { font-size:clamp(29px,3vw,43px); line-height:1.07; letter-spacing:-.05em; margin:76px 0 22px; }
.aer-decision-grid p { font-size:13px; max-width:320px; }
.aer-card-end { display:block; padding-top:40px; margin-top:auto; font:8px/1.5 ui-monospace,monospace; letter-spacing:.1em; color:#597067; }
.aer-bearing { position:absolute; top:62px; right:28px; width:87px; height:87px; border-radius:50%; border:12px solid #91A19E; background:radial-gradient(circle,#53696D 49%,#D9E6DC 51%,#AFBFB5 72%); box-shadow:inset 2px 3px 3px #0005,1px 2px 0 #E5EEE2,7px 8px 0 #748581,8px 18px 22px #213B482E; transform:perspective(450px) rotateX(21deg) rotateY(-25deg); }
.aer-bearing::before { content:""; position:absolute; inset:-11px; border:4px dashed #D9E2D4; border-radius:50%; }
.aer-bearing>b { display:grid; place-items:center; position:absolute; inset:0; color:#D4E5DA; font:500 12px/1 ui-monospace,monospace; }
.aer-account-note { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid var(--aer-line); margin-top:44px; padding-top:23px; }
.aer-account-note>div { display:flex; gap:14px; align-items:center; }
.aer-account-note .aer-status-dot { color:#5B7968; }
.aer-account-note p { font-size:12px; }

/* 07 / GALLERY & FAQ */
.aer-gallery { background:#E6EBEC; }
.aer-gallery-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:25px; }
.aer-gallery figure { position:relative; border-radius:5px; overflow:hidden; background:#CBD7D6; }
.aer-main .aer-gallery img { width:100%; height:clamp(340px,34vw,560px); object-fit:cover; transition:transform .65s; }
.aer-gallery figcaption { position:absolute; inset-inline:0; bottom:0; padding:70px 32px 29px; background:linear-gradient(transparent,#14272CEC); color:#F2F5EB; }
.aer-gallery figcaption>span { display:block; font:8px/1.6 ui-monospace,monospace; letter-spacing:.13em; color:#C6D5C9; margin-bottom:12px; }
.aer-gallery figcaption>strong { display:block; font-size:26px; font-weight:500; letter-spacing:-.035em; line-height:1.25; }
.aer-main .aer-reference-note { margin-top:25px; font-size:10px; text-align:center; color:#67797B; }
.aer-faq-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; }
.aer-faq header>p:last-child { margin-top:27px; max-width:340px; }
.aer-faq-list { border-top:1px solid var(--aer-line); }
.aer-faq details { border-bottom:1px solid var(--aer-line); }
.aer-faq summary { display:flex; align-items:center; gap:25px; list-style:none; padding:25px 4px; font-size:16px; line-height:1.5; font-weight:500; }
.aer-faq summary>span { margin-left:auto; flex:none; font-size:24px; line-height:1; font-weight:300; color:#517379; }
.aer-faq details[open] summary>span { transform:rotate(45deg); }
.aer-faq details>p { padding:0 35px 25px 4px; font-size:13px; }

/* 08 / INSPECTION INVITATION */
.aer-invitation { padding-block:83px; color:#EFF4F6; background:radial-gradient(ellipse at 100% 100%,#234557,#111A3D 75%); }
.aer-invitation-grid { display:flex; align-items:center; justify-content:space-between; gap:65px; }
.aer-invitation .aer-label { color:#ABC8D0; }
.aer-invitation h2 { font-size:clamp(48px,5.5vw,90px); }
.aer-invitation h2 em { color:var(--aer-cyan); }
.aer-invitation h2+p { margin-top:27px; max-width:470px; color:#B9C8D3; font-size:14px; }
.aer-invitation-actions { min-width:300px; display:flex; flex-direction:column; gap:22px; }
.aer-invitation .aer-link { color:#CDDCE1; }
.aer-invitation .aer-link>span { color:#7CDAE6; }

/* 09 / MOTION & RESPONSIVE LAYOUTS */
@keyframes aer-enter { from { opacity:.55; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
.aer-main .is-in-view { animation:aer-enter .65s ease-out both; }
@media(hover:hover) and (pointer:fine) {
 .aer-main .aer-button:hover { transform:translateY(-3px); box-shadow:0 5px 0 #348C98,0 17px 28px #050F2728; }
 .aer-stage-frame:hover { transform:perspective(1400px) rotateY(-2deg) rotateZ(.5deg) translateY(-3px); }
 .aer-main .aer-area-controls button:hover { box-shadow:0 4px 0 #A4BCB6; }
 .aer-gallery figure:hover img { transform:scale(1.035); }
 .aer-main summary:hover { color:#48747D; }
 .aer-process summary:hover { color:#B9E4DD; }
}
@media(max-width:1200px) {
 .aer-wrap { width:calc(100% - 64px); }
 .aer-hero-grid { gap:38px; }
 .aer-main h1 { font-size:clamp(64px,7.4vw,91px); }
 .aer-metal-tag { left:-8px; min-width:205px; gap:19px; padding:20px; }
 .aer-process-grid,.aer-faq-grid { gap:60px; }
 .aer-control-icon { width:34px; }
 .aer-main .aer-area-controls button { gap:12px; padding:17px 15px; }
 .aer-area-controls b { display:none; }
 .aer-decision-grid article { padding:28px; }
 .aer-signals-grid article { padding-inline:22px; }
}
@media(max-width:900px) {
 .aer-section { padding-block:77px; }
 .aer-hero-grid { grid-template-columns:1fr; padding-top:43px; gap:45px; }
 .aer-main h1 { font-size:clamp(72px,10.5vw,92px); }
 .aer-hero-copy { max-width:650px; }
 .aer-hero-stage { max-width:680px; width:100%; margin-inline:auto; padding-inline:20px; }
 .aer-main .aer-stage-frame img { height:390px; }
 .aer-metal-tag { left:0; }
 .aer-stage-note { right:20px; }
 .aer-heading { align-items:start; flex-direction:column; gap:24px; margin-bottom:36px; }
 .aer-heading>p { max-width:560px; }
 .aer-signals-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .aer-signals-grid article { padding:28px!important; }
 .aer-signals-grid article:nth-child(2) { border-right:0; }
 .aer-signals-grid article:nth-child(-n+2) { border-bottom:1px solid var(--aer-line); }
 .aer-area-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .aer-main .aer-area-controls button { min-height:92px; padding:17px 20px; }
 .aer-area-controls b { display:block; }
 .aer-control-icon { width:41px; }
 .aer-area-panel { grid-template-columns:1fr 1fr; }
 .aer-area-copy { padding:32px; }
 .aer-area-panel figure { min-height:500px; }
 .aer-area-panel figcaption { flex-direction:column; gap:5px; padding-inline:20px; }
 .aer-process-grid,.aer-faq-grid { grid-template-columns:1fr; gap:45px; }
 .aer-process-intro { position:static; display:grid; grid-template-columns:1fr 1fr; gap:0 35px; }
 .aer-process-intro>figure { grid-column:2; grid-row:1/5; margin-top:0; }
 .aer-main .aer-process-intro img { height:100%; min-height:285px; }
 .aer-process-intro .aer-small-note { grid-column:2; }
 .aer-decision-grid { gap:15px; }
 .aer-decision-grid article { padding:25px; }
 .aer-decision-grid h3 { font-size:31px; margin-top:95px; }
 .aer-bearing { top:58px; right:25px; scale:.75; transform-origin:top right; }
 .aer-account-note { align-items:start; flex-direction:column; gap:14px; }
 .aer-gallery figcaption { padding:65px 22px 23px; }
 .aer-gallery figcaption>strong { font-size:22px; }
 .aer-faq header>p:last-child { max-width:470px; }
 .aer-invitation-grid { gap:40px; }
 .aer-invitation-actions { min-width:270px; }
}
@media(max-width:640px) {
 .aer-wrap { width:calc(100% - 40px); }
 .aer-section { padding-block:65px; }
 .aer-main h2 { font-size:clamp(35px,8.3vw,48px); }
 .aer-main h1 { font-size:clamp(60px,14vw,86px); }
 .aer-hero-grid { padding:36px 0 50px; gap:37px; }
 .aer-main .aer-hero-intro { font-size:15px; margin-top:25px; }
 .aer-hero .aer-actions { margin-top:27px; gap:19px; }
 .aer-main .aer-hero-footnote { margin-top:25px; }
 .aer-hero-stage { padding-inline:8px; padding-bottom:61px; }
 .aer-main .aer-stage-frame img { height:290px; }
 .aer-frame-top { font-size:7px; padding-inline:5px; gap:9px; }
 .aer-frame-bottom { padding-inline:5px; font-size:7px; }
 .aer-frame-bottom i { margin-inline:5px; }
 .aer-metal-tag { min-width:175px; padding:15px 17px; gap:16px; bottom:15px; }
 .aer-metal-tag>span { font-size:8px; }
 .aer-metal-tag strong { font-size:34px; }
 .aer-stage-note { right:6px; font-size:6px; max-width:130px; }
 .aer-hero-strip { flex-wrap:wrap; gap:10px 20px; font-size:8px; padding-block:17px; }
 .aer-hero-strip>a { order:1; width:100%; justify-content:space-between; }
 .aer-heading>p { font-size:14px; }
 .aer-main .aer-label { font-size:9px; margin-bottom:20px; }
 .aer-signals-grid article { padding:24px 20px!important; }
 .aer-signals-grid h3 { font-size:20px; margin-top:20px; }
 .aer-signals-grid p { font-size:12px; }
 .aer-main .aer-area-controls button { gap:12px; padding:15px 13px; min-height:95px; }
 .aer-control-icon { width:31px; }
 .aer-area-controls b { display:none; }
 .aer-area-controls small { font-size:6.5px; }
 .aer-area-controls strong { font-size:12px; }
 .aer-area-panel { grid-template-columns:1fr; }
 .aer-area-panel figure { min-height:310px; }
 .aer-area-panel figcaption { flex-direction:row; font-size:7px; }
 .aer-area-copy { padding:32px 27px; }
 .aer-area-copy h3 { font-size:37px; }
 .aer-process-intro { display:block; }
 .aer-process-intro figure { margin-top:28px; }
 .aer-main .aer-process-intro img { height:255px; min-height:0; }
 .aer-process summary { gap:22px; padding-block:25px; }
 .aer-process summary h3 { font-size:26px; }
 .aer-step-body { padding-left:40px; padding-right:12px; }
 .aer-decision-grid { grid-template-columns:1fr; gap:20px; }
 .aer-decision-grid article { min-height:285px; padding:29px; }
 .aer-decision-grid h3 { margin-top:43px; font-size:39px; }
 .aer-bearing { scale:1; top:50px; right:30px; }
 .aer-decision-feature h3 { margin-top:105px; }
 .aer-decision-feature p { max-width:290px; }
 .aer-card-end { padding-top:30px; }
 .aer-gallery-grid { grid-template-columns:1fr; gap:20px; }
 .aer-main .aer-gallery img { height:360px; }
 .aer-gallery figcaption>strong { font-size:25px; }
 .aer-faq summary { font-size:15px; gap:18px; }
 .aer-faq details>p { padding-right:13px; }
 .aer-invitation { padding-block:66px; }
 .aer-invitation-grid { flex-direction:column; align-items:start; gap:34px; }
 .aer-invitation h2 { font-size:clamp(43px,10vw,65px); }
 .aer-invitation-actions { min-width:0; width:100%; max-width:400px; }
}
@media(max-width:400px) {
 .aer-wrap { width:calc(100% - 36px); }
 .aer-breadcrumb { font-size:9px; gap:8px; }
 .aer-main h1 { font-size:clamp(51px,14vw,59px); }
 .aer-main .aer-button { width:100%; padding-inline:18px; gap:15px; }
 .aer-main .aer-stage-frame img { height:245px; }
 .aer-frame-top>span:last-child { display:none; }
 .aer-stage-frame { padding:7px; }
 .aer-signals-grid article { padding:22px 13px!important; }
 .aer-signals-grid h3 { font-size:18px; }
 .aer-area-controls { gap:10px; }
 .aer-main .aer-area-controls button { flex-direction:column; align-items:start; gap:10px; padding:16px; }
 .aer-area-controls strong { font-size:13px; }
 .aer-area-panel figure { min-height:275px; }
 .aer-area-copy { padding:29px 23px; }
 .aer-area-copy h3 { font-size:33px; }
 .aer-bearing { scale:.75; right:18px; top:49px; }
 .aer-decision-grid h3 { font-size:35px; }
 .aer-decision-feature h3 { margin-top:88px; }
 .aer-main .aer-gallery img { height:310px; }
 .aer-gallery figcaption>strong { font-size:22px; }
 .aer-invitation h2 { font-size:43px; }
}
@media(prefers-reduced-motion:reduce) {
 .aer-main *, .aer-main *::before, .aer-main *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}