:root { --ae-void:#100e0e; --ae-bone:#e9e1d3; --ae-wine:#37151c; --ae-linen:#b8afa2; --ae-moss:#b8bd88; --ae-line:#51433d; --ae-display:'Bodoni 72','Didot','Times New Roman',serif; --ae-body:Arial,Helvetica,sans-serif; }
body.ae-style-guide { margin:0; background:var(--ae-void); color:var(--ae-bone); font:18px/1.62 var(--ae-body); }
.ae-style-guide #cmplz-cookiebanner-container,
.ae-style-guide #cmplz-manage-consent { display:none!important; }
.ae-style-guide * { box-sizing:border-box; }
.ae-style-guide a { color:inherit; }
.ae-guide { width:min(1180px,88vw); margin:auto; padding:44px 0 100px; }
.ae-guide__topline { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--ae-line); padding-bottom:22px; }
.ae-guide__wordmark { font:18px/1 'Times New Roman',serif; letter-spacing:.34em; }
.ae-guide__back { font-size:15px; text-decoration:none; border-bottom:1px solid var(--ae-line); padding:8px 0; }
.ae-guide__hero { padding:clamp(72px,10vw,140px) 0 80px; display:grid; grid-template-columns:1fr 1fr; gap:7vw; align-items:end; }
.ae-guide__eyebrow { font-size:13px; letter-spacing:.19em; text-transform:uppercase; color:var(--ae-linen); margin:0 0 22px; }
.ae-guide__hero h1 { font:400 clamp(76px,12vw,172px)/.86 var(--ae-display); letter-spacing:-.065em; margin:0; color:inherit; }
.ae-guide__hero > p { max-width:480px; margin:0; color:var(--ae-linen); }
.ae-guide section { border-top:1px solid var(--ae-line); padding:72px 0; }
.ae-guide__section-title { display:grid; grid-template-columns:1fr 3fr; gap:4vw; margin-bottom:48px; }
.ae-guide__section-title h2 { font:400 clamp(44px,6vw,76px)/1 var(--ae-display); letter-spacing:-.045em; margin:0; color:inherit; }
.ae-guide__section-title p { margin:7px 0 0; color:var(--ae-linen); max-width:520px; }
.ae-guide__type-row { display:grid; grid-template-columns:180px 1fr; gap:32px; padding:30px 0; border-top:1px solid rgba(81,67,61,.55); }
.ae-guide__type-label { font-size:13px; letter-spacing:.13em; text-transform:uppercase; color:var(--ae-moss); }
.ae-guide__display-xl { font:400 clamp(70px,10vw,138px)/.88 var(--ae-display); letter-spacing:-.06em; }
.ae-guide__display-lg { font:400 clamp(52px,7vw,90px)/.98 var(--ae-display); letter-spacing:-.05em; }
.ae-guide__display-md { font:400 clamp(40px,5vw,64px)/1.05 var(--ae-display); letter-spacing:-.04em; }
.ae-guide__body-lg { font-size:21px; line-height:1.55; max-width:700px; }
.ae-guide__body-md { font-size:18px; max-width:700px; color:var(--ae-linen); }
.ae-guide__label-sample { font-size:13px; letter-spacing:.19em; text-transform:uppercase; }
.ae-guide__font-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.ae-guide__font-card { min-height:250px; padding:32px; border:1px solid var(--ae-line); display:flex; flex-direction:column; justify-content:space-between; }
.ae-guide__font-card p { margin:0; }
.ae-guide__display-font { font-family:var(--ae-display); }
.ae-guide__glyphs { font-size:64px; line-height:1; }
.ae-guide__font-name { font:13px/1.6 var(--ae-body); letter-spacing:.14em; text-transform:uppercase; color:var(--ae-moss); }
.ae-guide__swatches { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.ae-guide__swatch { min-height:210px; padding:18px; display:flex; flex-direction:column; justify-content:flex-end; }
.ae-guide__swatch strong,.ae-guide__swatch span { font-size:13px; }
.ae-guide__swatch span { opacity:.75; }
.ae-guide__void { background:#100e0e; border:1px solid var(--ae-line); }
.ae-guide__bone { background:#e9e1d3; color:#100e0e; }
.ae-guide__wine { background:#37151c; }
.ae-guide__linen { background:#b8afa2; color:#100e0e; }
.ae-guide__moss { background:#b8bd88; color:#100e0e; }
.ae-guide__ratio { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; align-items:end; }
.ae-guide__ratio > div { border-left:1px solid var(--ae-moss); padding-left:18px; }
.ae-guide__ratio strong { display:block; font-family:var(--ae-display); font-weight:400; line-height:1; }
.ae-guide__ratio span { display:block; color:var(--ae-linen); font-size:13px; margin-top:14px; }
.ae-guide__r1 strong { font-size:116px; }.ae-guide__r2 strong { font-size:76px; }.ae-guide__r3 strong { font-size:42px; }.ae-guide__r4 strong { font:400 18px/1.6 var(--ae-body); }
.ae-guide__note { margin-top:45px; max-width:690px; color:var(--ae-linen); }

@media (max-width:760px) {
  body.ae-style-guide { font-size:17px; }
  .ae-guide { width:min(88vw,620px); padding-top:28px; }
  .ae-guide__hero { grid-template-columns:1fr; padding:72px 0; }
  .ae-guide__section-title,.ae-guide__type-row { grid-template-columns:1fr; }
  .ae-guide__type-row { gap:12px; }
  .ae-guide__font-grid { grid-template-columns:1fr; }
  .ae-guide__swatches { grid-template-columns:1fr 1fr; }
  .ae-guide__swatch { min-height:150px; }
  .ae-guide__ratio { grid-template-columns:1fr 1fr; gap:34px; }
  .ae-guide__r1 strong { font-size:82px; }.ae-guide__r2 strong { font-size:58px; }.ae-guide__r3 strong { font-size:42px; }
}