/* The brand story is native page content. Keep this layer local to its wrapper. */
html body .aeris-about { margin:0; padding:0; background:#fcfcfd; }
html body .as-about { --as-ink:#101722; --as-muted:#586474; --as-line:#d8dee5; --as-blue:#0054ff; margin:0; color:var(--as-ink); background:#fcfcfd; font:400 17px/1.65 "Fonveo Barlow",Barlow,Arial,sans-serif; }
html body .as-about * { box-sizing:border-box; }
html body .as-about :is(h1,h2,h3,p,figure) { margin:0; }
html body .as-about .wp-block-group { margin-block:0; }
html body .as-about :is(h1,h2,h3) { color:inherit; font-family:inherit; font-style:normal; font-weight:600; letter-spacing:-.035em; }
html body .as-about a { color:inherit; }
html body .as-about img { display:block; max-width:100%; }
html body .as-about .as-wrap { width:min(1280px,90%); max-width:none; margin-inline:auto; }
html body .as-about .as-eyebrow { color:#455a73; font-size:11px; font-weight:600; line-height:1.6; letter-spacing:.15em; text-transform:uppercase; }
html body .as-about .as-text-link { margin-top:28px; }
html body .as-about .as-text-link a { display:inline-flex; align-items:center; gap:20px; min-height:44px; border-bottom:1px solid currentColor; font-size:14px; font-weight:600; line-height:1.4; text-decoration:none; }
html body .as-about .as-text-link a::after { content:"\2197"; font-size:20px; font-weight:400; }
html body .as-about :is(a,button):focus-visible { outline:3px solid var(--as-blue); outline-offset:5px; }
html body .as-about a:hover { color:var(--as-blue); }

/* An open editorial introduction, paired with an existing real product cutout. */
html body .as-about .as-hero { padding-block:68px 64px; background:#f4f3ef; }
html body .as-about .as-hero__grid { display:grid; grid-template-columns:1.04fr 1fr; align-items:center; gap:clamp(32px,5vw,80px); }
html body .as-about .as-hero__copy { padding-block:20px; }
html body .as-about .as-hero h1 { margin-block:24px; font-size:clamp(48px,5.7vw,84px); line-height:1.02; letter-spacing:-.055em; }
html body .as-about .as-hero__intro { max-width:410px; color:var(--as-muted); font-size:17px; line-height:1.65; }
html body .as-about .as-hero__visual { position:relative; display:flex; min-width:0; min-height:520px; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border-radius:24px; background:#dfeaf3; isolation:isolate; }
html body .as-about .as-hero__visual::before { position:absolute; z-index:-1; width:80%; aspect-ratio:1; border:1px solid #b6c9db; border-radius:50%; box-shadow:0 0 0 38px #d5e3ef,0 0 0 39px #b6c9db66; content:""; }
html body .as-about .as-hero__image { width:92%; max-width:520px; margin:0; }
html body .as-about .as-hero__image img { width:100%; height:430px; object-fit:contain; filter:drop-shadow(12px 18px 16px #344a5f26); }
html body .as-about .as-hero__caption { position:absolute; right:28px; bottom:24px; left:28px; display:flex; justify-content:space-between; gap:16px; color:#3d546c; font-size:11px; font-weight:600; line-height:1.5; letter-spacing:.1em; text-transform:uppercase; }
html body .as-about .as-hero__foot { margin-top:44px; padding-top:20px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid #ccd1d2; color:#566270; font-size:12px; }
html body .as-about .as-hero__foot p:last-child { text-align:right; }

/* Brand perspective. No invented history, metrics, or supplier claims. */
html body .as-about .as-story { padding-block:104px; scroll-margin-top:100px; }
html body .as-about .as-story__grid { display:grid; grid-template-columns:1fr 2fr; gap:64px; }
html body .as-about .as-story__label { padding-top:8px; }
html body .as-about .as-story h2 { max-width:720px; font-size:clamp(34px,3.8vw,54px); line-height:1.12; }
html body .as-about .as-story__paragraphs { margin-top:28px; display:grid; grid-template-columns:1fr 1fr; gap:32px; color:var(--as-muted); font-size:16px; }

/* A real still life and three practical ways to think about personal comfort. */
html body .as-about .as-perspective { padding-bottom:104px; }
html body .as-about .as-perspective__grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,6vw,88px); align-items:center; }
html body .as-about .as-scene { width:100%; overflow:hidden; border-radius:20px; background:#f1ede6; }
html body .as-about .as-scene img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
html body .as-about .as-perspective h2 { margin-top:16px; max-width:440px; font-size:clamp(32px,3.3vw,46px); line-height:1.12; }
html body .as-about .as-principles { margin-top:30px; }
html body .as-about .as-principle { padding-block:22px; display:grid; grid-template-columns:28px 1fr; gap:18px; border-top:1px solid var(--as-line); }
html body .as-about .as-principle__number { padding-top:3px; color:#536b83; font-size:12px; }
html body .as-about .as-principle h3 { font-size:21px; line-height:1.25; letter-spacing:-.02em; }
html body .as-about .as-principle__copy { margin-top:7px; max-width:380px; color:var(--as-muted); font-size:15px; line-height:1.6; }

/* Clear paths back to the catalogue and to the existing contact page. */
html body .as-about .as-discover { padding-block:80px; background:#e9eff5; text-align:center; }
html body .as-about .as-discover h2 { margin-top:14px; font-size:clamp(38px,4.6vw,64px); line-height:1.08; }
html body .as-about .as-discover__copy { margin:18px auto 0; max-width:460px; color:var(--as-muted); font-size:16px; }
html body .as-about .as-shop-buttons { margin-top:30px; display:flex; justify-content:center; }
html body .as-about .as-shop-buttons .wp-block-button__link { min-height:48px; padding:13px 28px; display:inline-flex; align-items:center; justify-content:center; gap:24px; border:1px solid var(--as-ink); border-radius:100px; background:var(--as-ink); color:#fff; font-family:inherit; font-size:14px; font-weight:600; line-height:1.4; text-decoration:none; }
html body .as-about .as-shop-buttons .wp-block-button__link::after { content:"\2192"; font-size:20px; line-height:1; }
html body .as-about .as-shop-buttons .wp-block-button__link:hover { background:#2b3c51; border-color:#2b3c51; }
html body .as-about .as-category-links { margin-top:32px; display:flex; justify-content:center; flex-wrap:wrap; gap:10px 28px; }
html body .as-about .as-category-links a { display:inline-block; min-height:40px; padding-block:8px; font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:5px; text-decoration-color:#8c9db0; }
html body .as-about .as-contact { padding-block:30px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--as-muted); font-size:15px; }
html body .as-about .as-contact a { display:inline-block; padding-block:8px; color:var(--as-ink); font-weight:600; text-underline-offset:5px; }

@media (min-width:1600px) {
 html body .as-about .as-hero { padding-block:88px 64px; }
 html body .as-about .as-hero__visual { min-height:560px; }
}
@media (max-width:1023px) {
 html body .as-about .as-hero { padding-block:48px; }
 html body .as-about .as-hero__grid { gap:28px; }
 html body .as-about .as-hero h1 { font-size:clamp(42px,6vw,62px); }
 html body .as-about .as-hero__visual { min-height:420px; }
 html body .as-about .as-hero__image img { height:350px; }
 html body .as-about .as-story { padding-block:72px; }
 html body .as-about .as-story__grid { grid-template-columns:1fr 2.5fr; gap:32px; }
 html body .as-about .as-story__paragraphs { grid-template-columns:1fr; gap:16px; }
 html body .as-about .as-perspective { padding-bottom:72px; }
 html body .as-about .as-perspective__grid { gap:32px; }
 html body .as-about .as-principle { padding-block:18px; gap:12px; }
 html body .as-about .as-discover { padding-block:64px; }
}
@media (max-width:699px) {
 html body .as-about .as-wrap { width:calc(100% - 40px); }
 html body .as-about .as-hero { padding-block:32px 26px; }
 html body .as-about .as-hero__grid { grid-template-columns:1fr; gap:30px; }
 html body .as-about .as-hero__copy { padding:4px 0 0; }
 html body .as-about .as-hero h1 { margin-block:20px; font-size:clamp(43px,11.8vw,66px); line-height:1.03; }
 html body .as-about .as-hero__intro { max-width:430px; font-size:16px; }
 html body .as-about .as-text-link { margin-top:20px; }
 html body .as-about .as-hero__visual { min-height:340px; border-radius:16px; }
 html body .as-about .as-hero__image { width:90%; }
 html body .as-about .as-hero__image img { height:300px; }
 html body .as-about .as-hero__caption { right:20px; bottom:18px; left:20px; font-size:10px; }
 html body .as-about .as-hero__foot { margin-top:26px; padding-top:16px; align-items:start; font-size:11px; }
 html body .as-about .as-hero__foot p:last-child { max-width:145px; }
 html body .as-about .as-story { padding-block:56px; }
 html body .as-about .as-story__grid { grid-template-columns:1fr; gap:18px; }
 html body .as-about .as-story__label { padding:0; }
 html body .as-about .as-story h2 { font-size:36px; }
 html body .as-about .as-story__paragraphs { margin-top:22px; gap:16px; }
 html body .as-about .as-perspective { padding-bottom:56px; }
 html body .as-about .as-perspective__grid { grid-template-columns:1fr; gap:32px; }
 html body .as-about .as-scene { border-radius:16px; }
 html body .as-about .as-perspective h2 { font-size:36px; }
 html body .as-about .as-principles { margin-top:24px; }
 html body .as-about .as-principle { padding-block:20px; }
 html body .as-about .as-principle h3 { font-size:21px; }
 html body .as-about .as-discover { padding-block:54px; }
 html body .as-about .as-discover h2 { font-size:42px; }
 html body .as-about .as-category-links { display:grid; grid-template-columns:1fr 1fr; gap:6px 18px; margin-top:26px; }
 html body .as-about .as-contact { padding-block:24px; flex-direction:column; gap:6px; text-align:center; }
}