/* ==========================================================================
   FASHION EDITORIAL — "Issue 01: The Coat". Loaded on a/fashion-editorial.html only.

   Every value below is this page's art direction: Aesthetary's reading, not
   Fashion Editorial canon. The record establishes no palette and no typeface;
   the downloads say so and carry none of this (claim-register.ts guards them).

   Composition is CSS grid over a semantic document. Sizes are container units
   of the page's own column (the board was 1208px wide; 1cqi = 12.08px there),
   clamped so nothing drops below the 11px caption floor.

   Breakpoints are container widths of the page column, not the viewport:
   desktop >= 1000px, tablet 640–999px, phone < 640px (Mobile boards 1–3).
   ========================================================================== */

@font-face { font-family: "FE Bricolage"; src: url("fonts/bricolage-wdth.woff2") format("woff2"); font-weight: 200 800; font-stretch: 75% 100%; font-style: normal; font-display: swap; }
@font-face { font-family: "FE Newsreader"; src: url("fonts/newsreader.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "FE Newsreader"; src: url("fonts/newsreader-italic.woff2") format("woff2"); font-weight: 200 800; font-style: italic; font-display: swap; }
@font-face { font-family: "FE DM Mono"; src: url("fonts/dm-mono.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "FE DM Mono"; src: url("fonts/dm-mono-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
/* The four worlds on 014 each keep their own type system. */
@font-face { font-family: "FE Bodoni"; src: url("fonts/bodoni-moda-italic.woff2") format("woff2"); font-weight: 400 900; font-style: italic; font-display: swap; }
@font-face { font-family: "FE Archivo Black"; src: url("fonts/archivo-black.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "FE Courier"; src: url("fonts/courier-prime.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "FE Courier"; src: url("fonts/courier-prime-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

.fe-page main {
  --bone: #EDE8E0; --bone2: #E4DDD1; --paper: #F4F0E8; --ink: #121212; --mute: #5b574f; --rule: #cfc8bc;
  --accent: #D8462B; --debt: #F06A45;
  --d: "FE Bricolage", system-ui, -apple-system, "Segoe UI", sans-serif;
  --s: "FE Newsreader", Georgia, "Times New Roman", serif;
  --m: "FE DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --gut: clamp(16px, 2.65cqi, 32px);
  padding-inline: 0 !important;
  padding-block-end: 0 !important;
  background: var(--bone);
  color: var(--ink);
  font-family: var(--s);
  -webkit-font-smoothing: antialiased;
  font-synthesis: none;
  overflow-x: clip;
}
.fe-page main *, .fe-page main *::before, .fe-page main *::after { box-sizing: border-box; }
:where(.fe-page) main :is(p, h1, h2, h3, h4, dl, dd, dt, figure, ul, ol, pre, table, caption) { margin: 0; }
:where(.fe-page) main :is(ul, ol) { padding: 0; list-style: none; }
:where(.fe-page) main :is(h1, h2, h3, h4) { font-weight: inherit; line-height: inherit; letter-spacing: inherit; overflow-wrap: normal; hyphens: none; }
:where(.fe-rec, .fe-cover, .fe-cards, .fe-dlg) a { color: inherit; text-underline-offset: 3px; }
.fe-page main :is(a, button, summary, [tabindex]):focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
:where(.fe-rec, .fe-cover, .fe-dlg) button { font: inherit; color: inherit; cursor: pointer; }
.fe-page main .topbar { position: relative; z-index: 5; padding-inline: var(--gut); margin: 0; background: var(--bone); }

.fe-cover, .fe-rec { container: fe / inline-size; }
.fe-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.fe-vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.fe-sm, .fe-sm-block { display: none; }
:root:not(.fe-js) .fe-jsonly { display: none !important; }
.fe-i { font-style: italic; }
.fe-art { display: block; width: 100%; height: 100%; }
.fe-photo { object-fit: cover; object-position: var(--fx-d) var(--fy-d); }
.fe-bp--t, .fe-bp--m { display: none; }

/* Type roles */
.fe-kick { font: 400 11px/1.5 var(--m); letter-spacing: .02em; text-transform: uppercase; }
.fe-folio { position: absolute; right: clamp(16px, 2.5cqi, 30px); bottom: clamp(12px, 2.15cqi, 26px); font: 600 13px/1 var(--d); }
.fe-sec { position: relative; }

/* Why we say this · evidence-class token: 11px, dotted, 44px hit area */
.fe-why, .fe-ec {
  position: relative; display: inline; font: 400 11px/1.4 var(--m); letter-spacing: .02em; font-style: normal; text-transform: none;
  color: inherit; text-decoration: underline dotted; text-underline-offset: 3px; white-space: nowrap;
}
.fe-ec { text-decoration-style: dotted; opacity: .92; }
.fe-why::after, .fe-ec::after { content: ""; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: 44px; transform: translate(-50%, -50%); }
.fe-why:hover, .fe-ec:hover { text-decoration-style: solid; }

/* Specimen recolouring — the controlled variable in every story */
.fe-v-cover { --coat: #C8932A; --coat2: #7E5510; --skin: #A87155; --hair: #120E0B; --leg: #0A0A0A; --shadow: rgba(0,0,0,0); }
.fe-v-punct { --coat: #C8932A; --coat2: #7E5510; --skin: #A87155; }
.fe-v-catalog { --coat: #C8932A; --coat2: #A9791E; --skin: #B98166; --shadow: rgba(0,0,0,0.12); }
.fe-v-night { --coat: #D69A2C; --coat2: #5E3D0B; --skin: #8E5A41; --hair: #0A0806; --shadow: rgba(0,0,0,0); }
.fe-v-reductive { --coat: #CFC7B8; --coat2: #9C9384; --skin: #B88C74; --hair: #2a2522; --leg: #2a2522; --shadow: rgba(0,0,0,0.10); }
.fe-v-restrained { --coat: #A48B69; --coat2: #7a664b; --skin: #B8957D; --hair: #3a3129; --leg: #3a3129; }
.fe-v-theatrical { --coat: #1E5B45; --coat2: #0D2F24; --skin: #C08C6E; --hair: #0c0806; --shadow: rgba(0,0,0,0.5); }
.fe-v-raw { --coat: #E0B24A; --coat2: #9c6b12; --skin: #E8B89C; }
.fe-v-rawghost { --coat: #0b0b0b; --coat2: #0b0b0b; --skin: #0b0b0b; --hair: #0b0b0b; --leg: #0b0b0b; --shoe: #0b0b0b; opacity: .22; }
.fe-v-graphic { --coat: #F24B2A; --coat2: #F24B2A; --skin: #F24B2A; --hair: #F24B2A; --leg: #F24B2A; --shoe: #F24B2A; --shadow: rgba(0,0,0,0); }
.fe-v-plain { background: #E3E1DC; }
.fe-v-dark { --coat: #3f3a33; --coat2: #2a2621; }
.fe-v-red { --coat: #7b2d26; --coat2: #54201b; }
.fe-v-compb { --coat: #C8932A; --coat2: #6E4A0E; --skin: #9C684F; --shadow: rgba(0,0,0,0); }
.fe-v-type { --coat: #C8932A; --coat2: #7E5510; --skin: #A87155; --shadow: rgba(0,0,0,0); }
.fe-v-crop { --coat: #C8932A; --coat2: #7E5510; --skin: #A87155; --hair: #16110d; --leg: #16110d; --shoe: #16110d; --shadow: rgba(0,0,0,0); }
.fe-v-mini { --coat: #BDB5A7; --coat2: #9f9788; --skin: #BDB5A7; --hair: #9f9788; --leg: #9f9788; --shoe: #9f9788; background: var(--bone); }
.fe-v-seq1 { --coat: #3b2a10; --coat2: #2a1c08; --skin: #3b2a10; --hair: #1a120a; --leg: #1a120a; --shadow: rgba(0,0,0,0); }
.fe-v-seq2 { --coat: #C8932A; --coat2: #6E4A0E; --skin: #A87155; }
.fe-v-seq3 { --coat: #1a120a; --coat2: #0b0805; --skin: #1a120a; --hair: #0b0805; --leg: #0b0805; }
.fe-v-seq4 { --coat: #C8932A; --coat2: #6E4A0E; }
.fe-v-cw1 { --coat: #5c5c5c; --coat2: #2e2e2e; --skin: #9a9a9a; --hair: #111; --leg: #111; }
.fe-v-cw2 { --coat: #A48B69; --coat2: #7a664b; --skin: #B8957D; --hair: #3a3129; --leg: #3a3129; }
.fe-v-cw3 { --coat: #FFB800; --coat2: #D98A00; --skin: #8E4B32; --hair: #1a0033; --leg: #1a0033; }
.fe-v-cw4 { --coat: #B634C8; --coat2: #6d1b7a; --skin: #D28A6A; --hair: #2b0f06; --leg: #2b0f06; }
.fe-v-cx { --coat: #C8932A; --coat2: var(--cx-coat2, #A9791E); --skin: #B98166; --shadow: var(--cx-shadow, rgba(0,0,0,0.12)); --scarf: #2B3A8C; }

/* ============================================================== 001 COVER */
.fe-cover__stage {
  position: relative; overflow: hidden; background: #0F2B2A; color: #F1E6CF;
  min-height: 77.8cqi;
  display: grid;
  grid-template-columns: var(--gut) minmax(0, 30cqi) 1fr 5.8cqi;
  grid-template-rows: auto 1fr auto auto;
  grid-template-areas:
    ". meta meta ."
    ". type type ."
    ". dek  .    ."
    ". tags .    .";
}
.fe-cover__meta { grid-area: meta; z-index: 3; display: flex; gap: 3.3cqi; padding-top: 28px; font: 400 11px/1.5 var(--m); letter-spacing: .02em; text-transform: uppercase; }
.fe-cover__h {
  grid-area: type; z-index: 1; align-self: start; margin: 5.5cqi 0 0 -0.35cqi !important;
  font: 800 26.3cqi/0.8 var(--d); font-stretch: 75%; font-variation-settings: "wdth" 75; letter-spacing: -0.045em; text-transform: uppercase; white-space: nowrap;
}
.fe-cover__l1, .fe-cover__l2 { display: block; }
.fe-cover__l2 { padding-left: 15.6cqi; }
.fe-cover__fig { grid-column: 1 / -1; grid-row: 1 / -1; justify-self: end; align-self: start; z-index: 2; width: 62.9cqi; aspect-ratio: 600 / 900; margin: -14.7cqi 5.8cqi 0 0; }
.fe-cover__dek { grid-area: dek; z-index: 3; max-width: 360px; width: 29.8cqi; margin: 0 0 clamp(40px, 9.4cqi, 114px) !important; font: italic 300 clamp(24px, 3.3cqi, 42px)/1.05 var(--s); }
.fe-cover__tags { grid-area: tags; z-index: 3; margin-bottom: clamp(20px, 3cqi, 36px) !important; font: 400 11px/1.5 var(--m); letter-spacing: .02em; text-transform: uppercase; }
.fe-cover__ec { position: absolute; z-index: 3; right: 1.8cqw; top: 31.5cqw; writing-mode: vertical-rl; transform: rotate(180deg); font: 400 11px/1.5 var(--m); color: #cdbf9f; max-height: 40cqw; }
.fe-cover__ec .fe-ec { writing-mode: vertical-rl; }
.fe-cover .fe-folio { z-index: 3; }
@container fe (min-width: 640px) and (max-width: 999px) { .fe-cover__ec { top: 8cqw; max-height: 60cqw; } }

/* ========================================================= 002 STANDFIRST */
.fe-s002 { min-height: 53cqi; display: grid; grid-template-columns: 43cqi minmax(0, 44.7cqi) 1fr; grid-template-rows: 17.4cqi auto 1fr auto; padding-bottom: 26px; }
.fe-s002__t { grid-column: 2; grid-row: 2; font: 400 clamp(20px, 2.57cqi, 34px)/1.22 var(--s); }
.fe-s002__k { grid-column: 1; grid-row: 4; padding-left: var(--gut); color: var(--mute); }

/* ================================================== 004 CONTENTS, MASTHEAD */
.fe-s004 {
  border-top: 1px solid var(--ink); padding: 28px var(--gut) 72px; min-height: 69.5cqi;
  display: grid; grid-template-columns: minmax(0, 24.8cqi) 1fr; column-gap: 5.3cqi;
  grid-template-areas: "mast head" "mast toc";
  grid-template-rows: auto 1fr;
}
.fe-toc__head { grid-area: head; display: flex; align-items: baseline; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--ink); padding-bottom: 10px; }
.fe-toc__head h2 { font: 600 20px/1.2 var(--d); }
.fe-mast { grid-area: mast; display: flex; flex-direction: column; gap: 18px; }
.fe-mast__btn, .fe-mast__sum { display: none; }
.fe-mast__dl { display: grid; row-gap: 12px; font: 400 11px/1.45 var(--m); letter-spacing: .02em; }
.fe-mast__dl > div { border-top: 1px solid #b9b1a3; padding-top: 6px; }
.fe-mast__dl dt { color: var(--mute); }
.fe-toc { grid-area: toc; }
.fe-toc__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(7, auto); grid-auto-flow: column; column-gap: 4cqi; align-content: start; }
.fe-toc__i[data-grp]::before { content: attr(data-grp); display: block; padding: 16px 0 4px; font: 400 11px/1.5 var(--m); letter-spacing: .02em; text-transform: uppercase; }
.fe-toc__i a { display: flex; gap: 18px; align-items: baseline; padding: 7px 0; border-bottom: 1px solid var(--rule); text-decoration: none; }
.fe-toc__i a:hover .fe-toc__l { text-decoration: underline; }
.fe-toc__n { flex: 0 0 auto; width: clamp(56px, 7.3cqi, 88px); font: 200 clamp(28px, 3.64cqi, 44px)/1 var(--d); }
.fe-toc__l { font: 400 clamp(16px, 1.66cqi, 20px)/1.2 var(--s); }

/* ============================================================ 006 IDEA */
.fe-s006 {
  background: var(--bone2); overflow: hidden; padding: 30px 0 12cqi;
  display: grid;
  grid-template-columns: var(--gut) 34.8cqi minmax(0, 1fr) 33.1cqi 5.3cqi;
  grid-template-areas:
    ". k k k ."
    ". h h d ."
    ". l . d ."
    ". c c f ."
    ". c c r .";
  grid-template-rows: auto auto auto auto 1fr;
}
.fe-s006 > .fe-kick { grid-area: k; }
.fe-s006__h { grid-area: h; margin-top: 5.6cqi !important; max-width: 58cqi; font: 250 clamp(48px, 9.6cqi, 120px)/0.92 var(--d); letter-spacing: -0.03em; }
.fe-s006__def { grid-area: d; align-self: start; margin-top: 6.1cqi; border-top: 2px solid var(--ink); padding-top: 10px; }
.fe-s006__d1 { margin-top: 8px !important; font: 400 clamp(16px, 1.5cqi, 18px)/1.4 var(--s); }
.fe-s006__d2 { margin-top: 10px !important; font: 400 15px/1.45 var(--s); }
.fe-s006__lead { grid-area: l; margin-top: 3cqi !important; font: 400 clamp(17px, 1.66cqi, 20px)/1.4 var(--s); }
.fe-s006__cascade { grid-area: c; align-self: start; margin-top: 3.5cqi !important; width: 63cqi; font-family: var(--s); line-height: 1; }
.fe-s006__cascade li { white-space: nowrap; }
.fe-s006__c1 { font-size: 5.3cqi; font-style: italic; font-weight: 300; }
.fe-s006__c2 { padding-left: 34.8cqi; font: 400 max(11px, 1.5cqi)/1 var(--m); }
.fe-s006__c3 { padding-left: 7.45cqi; font-size: 7.95cqi; font-weight: 600; letter-spacing: -0.03em; }
.fe-s006__c4 { padding-left: 43cqi; font-size: 2.5cqi; }
.fe-s006__c5 { padding-left: 1cqi; font: 400 max(11px, 1.16cqi)/1.4 var(--m); text-transform: uppercase; }
.fe-s006__c6 { padding-left: 24.8cqi; font-size: 5.96cqi; font-style: italic; font-weight: 300; }
.fe-s006__c7 { padding-left: 3.3cqi; font-size: 3.3cqi; }
.fe-s006__c8 { padding-left: 27.3cqi; font: 400 max(12px, 1.82cqi)/1.4 var(--d); text-transform: uppercase; letter-spacing: .3em; }
.fe-s006__fig { grid-area: f; justify-self: end; align-self: start; width: 19cqi; margin-top: 3cqi; }
.fe-s006__fig .fe-art { aspect-ratio: 230 / 330; height: auto; }
.fe-s006__fig figcaption { margin-top: 8px; font: 400 11px/1.5 var(--m); }
.fe-s006__credits { grid-area: r; justify-self: end; align-self: start; width: 24.8cqi; min-width: 220px; margin-top: 5cqi; border-top: 1px solid var(--ink); padding-top: 10px; }
.fe-s006__credits .fe-kick { margin-bottom: 10px; }
.fe-s006__roles { font: 400 17px/1.5 var(--d); }
.fe-s006__claim { margin-top: 14px !important; font: 400 15px/1.4 var(--s); }

/* =============================================== 010 EDITORIAL ≠ CATALOG */
.fe-s010 > .fe-kick { position: absolute; }
.fe-s010__h { position: absolute; left: 50%; top: 40px; transform: translateX(-50%); z-index: 3; background: var(--ink); color: #fff; padding: 6px 12px; font: 700 20px/1.2 var(--d); white-space: nowrap; }
.fe-s010__frame { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fe-s010__cat { background: #F6F5F2; padding: 9.1cqi 4cqi 4cqi; display: flex; flex-direction: column; gap: 22px; min-height: 103.5cqi; }
.fe-s010__lbl { display: flex; justify-content: space-between; gap: 12px; font: 400 11px/1.5 var(--m); text-transform: uppercase; color: #4a4741; }
.fe-s010__lbl .fe-ec { text-transform: none; }
.fe-s010__q { font: 500 clamp(22px, 2.8cqi, 34px)/1.1 var(--d); }
.fe-s010__box { background: #E8E7E3; height: 49.7cqi; display: flex; align-items: center; justify-content: center; }
.fe-s010__box .fe-art { width: 31.5cqi; height: 45.6cqi; }
.fe-s010__prod { display: flex; justify-content: space-between; align-items: baseline; font: 400 18px/1.3 var(--d); }
.fe-s010__prod b { display: block; font-weight: 600; }
.fe-s010__prod span { display: block; margin-top: 4px; font-size: 14px; color: #4a4741; }
.fe-s010__ctl { display: flex; gap: 6px; font: 400 13px/1 var(--d); }
.fe-s010__ctl span { display: grid; place-items: center; width: 48px; height: 44px; border: 1px solid var(--ink); background: #fff; }
.fe-s010__ctl .on { background: var(--ink); color: #fff; border-width: 2px; }
.fe-s010__ctl .fe-s010__bag { flex-grow: 1; width: auto; background: var(--ink); color: #fff; border: 0; font-size: 14px; font-weight: 600; }
.fe-s010__pri { font: 400 11px/1.7 var(--m); color: #33312d; }
.fe-s010__ed { position: relative; overflow: hidden; background: #14162C; color: #F1E6CF; min-height: 103.5cqi; }
.fe-s010__glow { position: absolute; left: -19.9%; top: 11.2%; width: 125.8%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, rgba(255,164,64,0.42), rgba(255,164,64,0)); }
.fe-s010__night { position: absolute; left: -26.5%; top: 3.2%; width: 172%; aspect-ratio: 600 / 900; transform: rotate(-7deg); }
.fe-s010__lbl2 { position: absolute; right: 6.6%; top: 9.1cqi; font: 400 11px/1.5 var(--m); text-transform: uppercase; }
.fe-s010__pov { position: absolute; left: 6.6%; top: 56%; width: 86%; font: italic 300 clamp(34px, 5.8cqi, 72px)/1.02 var(--s); }
/* Text over the photograph sits on a scrim (4.5:1 floor). */
.fe-s010__pov span { background: rgba(20,22,44,0.8); box-decoration-break: clone; -webkit-box-decoration-break: clone; padding: 0 .12em; }
.fe-s010__cap { position: absolute; left: 6.6%; top: 76.8%; width: 60%; background: rgba(20,22,44,0.86); padding: 8px 10px; font: 400 clamp(15px, 1.4cqi, 17px)/1.4 var(--s); }
.fe-s010__pri2 { position: absolute; right: 6.6%; bottom: 3.8%; width: 180px; text-align: right; background: rgba(20,22,44,0.86); padding: 6px 8px; font: 400 11px/1.7 var(--m); }
.fe-s010__note { display: none; }
.fe-s013 { background: var(--ink); color: var(--bone); padding: 36px var(--gut) 48px; display: flex; gap: 5.3cqi; align-items: flex-start; }
.fe-s013__t { max-width: 58cqi; font: 300 clamp(22px, 2.8cqi, 34px)/1.1 var(--d); }
.fe-s013__t em { font: italic 400 1em/1.1 var(--s); }
.fe-s013__n { width: 300px; flex-shrink: 0; font: 400 11px/1.6 var(--m); }

/* ============================================================ 014 WORLDS */
.fe-s014 { background: #1a1916; color: var(--bone); overflow: hidden; padding-bottom: 72px; }
.fe-s014__head { padding: 30px var(--gut) 0; }
.fe-s014__head h2 { margin-top: 20px !important; font: 400 clamp(28px, 3.64cqi, 44px)/1 var(--d); font-variation-settings: "wdth" 90; font-stretch: 90%; }
.fe-s014__dek { margin-top: 12px !important; max-width: 560px; font: italic 400 clamp(16px, 1.5cqi, 18px)/1.35 var(--s); }
.fe-s014__worlds {
  display: grid; margin-top: 3.9cqi;
  grid-template-columns: var(--gut) 44.7cqi 3.3cqi 9cqi 3.3cqi 1fr;
  grid-template-rows: auto auto auto;
  outline-offset: -3px;
}
.fe-w { position: relative; overflow: hidden; }
.fe-w--red { grid-column: 1 / 5; grid-row: 1; aspect-ratio: 1; background: #EFEAE1; color: #1b1a18; }
.fe-w--thea { grid-column: 6; grid-row: 1; aspect-ratio: 448 / 940; margin: -5.8cqi 0 -12.4cqi; background: #3A0A12; color: #E3C170; }
.fe-w--raw { grid-column: 2; grid-row: 2; margin-top: 4.1cqi; background: #F7F7F4; color: #111; padding: 2.15cqi; font-family: "FE Courier", "Courier New", monospace; }
.fe-w--gra { grid-column: 4 / 7; grid-row: 2 / 4; margin-top: 17.4cqi; aspect-ratio: 596 / 640; background: #1F3BD1; color: #E8F03A; }
.fe-s014__close { grid-column: 2; margin: 4.1cqi var(--gut) 0; max-width: 44.7cqi; border-top: 1px solid var(--bone); padding-top: 14px; }
.fe-s014__close p { font: 300 clamp(20px, 2.15cqi, 26px)/1.15 var(--d); }
.fe-s014__close b { font-weight: 700; }
.fe-rail { position: relative; }
.fe-rail__nav, .fe-s010__toggle, .fe-s022__toggle, .fe-seq__count, .fe-s054__all { display: none; }
/* Reductive */
.fe-w--red h3 { position: absolute; left: 5%; top: 5%; font: 400 15px/1.2 var(--s); letter-spacing: .08em; text-transform: uppercase; }
.fe-w--red .fe-w__fig { position: absolute; left: 65%; top: 52.8%; width: 17.2%; aspect-ratio: 600 / 900; }
.fe-w--red .fe-w__t { position: absolute; left: 5%; bottom: 5.5%; width: 36%; font: 400 14px/1.45 var(--s); }
.fe-w--red .fe-w__src { position: absolute; right: 3.9%; bottom: 3.9%; width: 34.7%; font: 400 11px/1.5 var(--m); color: #4a4741; }
.fe-w__up { text-transform: uppercase; }
.fe-w__up .fe-ec { text-transform: none; }
/* Theatrical */
.fe-w__stripes { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, rgba(0,0,0,0.38) 0 22px, rgba(255,255,255,0.03) 22px 46px); }
.fe-w__spot { position: absolute; left: -13.4%; top: 19.1%; width: 129.5%; height: 74.5%; background: radial-gradient(closest-side, rgba(255,214,150,0.55), rgba(255,214,150,0)); }
.fe-w__floor { position: absolute; left: 0; right: 0; bottom: 0; height: 18.1%; background: #1c0409; }
.fe-w--thea .fe-w__fig { position: absolute; left: 11.2%; top: 26.6%; width: 80.4%; aspect-ratio: 600 / 900; }
.fe-w--thea h3 { position: absolute; left: 4%; top: 3.6%; font: italic 500 clamp(48px, 8.6cqi, 104px)/0.86 "FE Bodoni", Didot, "Bodoni 72", serif; }
.fe-w--thea .fe-w__t { position: absolute; left: 5.4%; bottom: 4.7%; width: 56%; font: italic 400 15px/1.4 "FE Bodoni", Didot, serif; }
.fe-w--thea .fe-w__t span { font-style: normal; }
.fe-w--thea .fe-w__src { position: absolute; right: 4%; bottom: 2.8%; width: 34%; text-align: right; font: 400 11px/1.5 var(--m); }
/* Raw */
.fe-w__rawhead { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.fe-w__rawhead h3 { font: 700 34px/1 "FE Courier", "Courier New", monospace; }
.fe-w__rawhead span { font-size: 12px; }
.fe-raw { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
.fe-raw__f { position: relative; aspect-ratio: 157 / 200; background: #fdfdfb; overflow: hidden; }
.fe-raw__f .fe-art { position: absolute; inset: 0; }
.fe-raw__f span { position: absolute; left: 4px; bottom: 2px; font-size: 11px; }
.fe-raw__ghost { transform: translate(9%, 3%); }
.fe-raw__f--15 { border: 3px solid #E4571B; border-radius: 48% 52% 46% 54%; }
.fe-raw__f--15 .fe-art { transform: rotate(-9deg) scale(1.1); }
.fe-raw__f--16 .fe-art { filter: blur(2px); }
.fe-raw__f--17 .fe-art { transform: rotate(14deg) scale(1.3) translateY(10%); }
.fe-raw__f--18::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, transparent 48%, #E4571B 48% 51%, transparent 51%); }
.fe-w--raw .fe-w__t { margin-top: 16px !important; max-width: 380px; font-size: 13px; line-height: 1.45; }
.fe-w--raw .fe-w__src { margin-top: 14px !important; text-align: right; font: 400 11px/1.5 var(--m); color: #4a4741; }
/* Graphic */
.fe-w__band { position: absolute; left: 0; right: 0; top: 59.4%; bottom: 0; background: #E8F03A; }
.fe-w--gra h3 { position: absolute; left: -1.3%; top: 2.8%; font: 400 clamp(90px, 16.2cqi, 196px)/0.8 "FE Archivo Black", Impact, sans-serif; letter-spacing: -0.02em; }
.fe-w--gra .fe-w__fig { position: absolute; left: 50.3%; top: 10.9%; width: 60.4%; aspect-ratio: 600 / 900; }
.fe-w--gra .fe-w__t { position: absolute; left: 4%; bottom: 6.9%; width: 42%; font: 400 16px/1.15 "FE Archivo Black", Impact, sans-serif; color: #1F3BD1; }
.fe-w--gra .fe-w__src { position: absolute; left: 4%; bottom: 2.2%; font: 400 11px/1.5 var(--m); color: #1F3BD1; }

/* ========================================================= 018 SIGNALS */
.fe-s018 { padding: 40px var(--gut) 90px; }
.fe-s018 h2 { margin-top: 10px !important; font: italic 400 22px/1.3 var(--s); }
.fe-s018 h2 span { font: normal 600 1em/1.3 var(--d); }
.fe-s018__basis { margin-top: 8px !important; max-width: 820px; font: 400 11px/1.5 var(--m); }
.fe-tier { display: grid; grid-template-columns: 14cqi 1fr; column-gap: 32px; margin-top: 40px; border-top: 1px solid var(--ink); padding-top: 16px; }
.fe-tier--nec { margin-top: 44px; border-top-width: 2px; }
.fe-tier__k { font: 400 11px/1.4 var(--m); letter-spacing: .02em; text-transform: uppercase; }
.fe-tier__k span { display: block; color: var(--mute); }
.fe-tier--nec .fe-tier__b { display: flex; flex-direction: column; gap: 14px; }
.fe-tier__big { font: 700 clamp(40px, 7cqi, 88px)/0.92 var(--d); font-variation-settings: "wdth" 80; font-stretch: 80%; letter-spacing: -0.02em; }
.fe-tier--nec .fe-tier__detail { margin-top: 4px !important; max-width: 720px; font: 400 16px/1.45 var(--s); }
.fe-tier--str .fe-tier__b { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 40px; }
.fe-tier__mid { font: 500 clamp(24px, 3.15cqi, 40px)/1 var(--d); }
.fe-tier--str .fe-tier__detail { margin-top: 6px !important; font: 400 15px/1.35 var(--s); }
.fe-tier--com { grid-template-columns: 14cqi 1fr 24.8cqi; }
.fe-tier__terms { font: 400 17px/1.7 var(--d); }
.fe-term--mark { background: var(--ink); color: var(--bone); padding: 0 4px; }
.fe-term--mark .fe-why { color: var(--bone); }
.fe-tier__notice { align-self: start; padding: 12px 14px; background: var(--ink); color: var(--bone); font: italic 400 15px/1.4 var(--s); }
.fe-tier--opt .fe-tier__terms { font: 400 12px/1.7 var(--m); color: #33312d; }
.fe-tier--opt .fe-term--mark { padding: 0 3px; }
.fe-tier__strike { display: flex; flex-wrap: wrap; gap: 10px 28px; font: italic 300 clamp(20px, 2.3cqi, 28px)/1.3 var(--s); }
.fe-tier__strike s { text-decoration-thickness: 3px; }
.fe-tier__end { margin-top: 18px !important; font: 600 20px/1.3 var(--d); }

/* ========================================================= 020 REFUSALS */
.fe-s020 { background: var(--bone2); padding: 40px var(--gut) 90px; display: grid; grid-template-columns: minmax(0, 29.8cqi) 1fr; column-gap: 4cqi; min-height: 61cqi; align-content: start; }
.fe-s020 h2 { margin-top: 12px !important; font: 300 clamp(32px, 3.8cqi, 46px)/0.95 var(--d); }
.fe-s020__dek { margin-top: 16px !important; font: 400 16px/1.45 var(--s); }
.fe-s020__list { border-top: 1px solid var(--ink); align-self: start; }
.fe-s020__list li { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; padding: 14px 0; border-bottom: 1px solid var(--ink); }
.fe-s020__c { font: 500 20px/1.2 var(--d); }
.fe-s020__v { font: italic 400 20px/1.2 var(--s); text-align: right; }

/* ======================================================= 022 COMPOSITION */
.fe-s022 { padding: 40px var(--gut) 64px; }
.fe-s022 h2 { margin-top: 10px !important; font: 700 clamp(40px, 5.3cqi, 64px)/0.95 var(--d); font-variation-settings: "wdth" 78; font-stretch: 78%; letter-spacing: -0.02em; }
.fe-s022__rule { margin-top: 8px !important; font: 400 11px/1.5 var(--m); }
.fe-s022__dek { margin-top: 12px !important; max-width: 620px; font: 400 18px/1.4 var(--s); }
.fe-s022__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; margin-top: 36px; }
.fe-s022 figcaption { margin-top: 12px; }
.fe-s022 figcaption > p:last-child { margin-top: 4px !important; font: 400 15px/1.35 var(--s); }
.fe-s022 figcaption .fe-kick .fe-ec, .fe-s022 figcaption .fe-kick .fe-why { text-transform: none; }
.fe-s022__stageA { aspect-ratio: 556 / 860; background: #fff; border: 1px solid var(--rule); padding: 7% 6.5%; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.fe-s022__t { font: 600 clamp(22px, 2.5cqi, 30px)/1.1 var(--d); text-align: center; }
.fe-s022__s { max-width: 360px; font: 400 14px/1.5 var(--d); text-align: center; color: #4a4741; }
.fe-s022__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; margin-top: 12px; }
.fe-s022__card { border-radius: 14px; background: #F2F1EE; padding: 10px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.fe-s022__card .fe-art { height: auto; aspect-ratio: 132 / 190; border-radius: 8px; }
.fe-s022__card p { margin-top: 8px !important; font: 400 12px/1.2 var(--d); }
.fe-s022__btn { margin-top: 10px; font: 400 13px/1 var(--d); background: var(--ink); color: #fff; padding: 12px 18px; border-radius: 999px; }
.fe-s022__stageB { position: relative; aspect-ratio: 556 / 860; background: #22201c; overflow: hidden; color: #F1E6CF;
  --gx: 51.3%; --gs: 27.8%; --gh: 82.2%; }
.fe-s022__fig { position: absolute; left: 27%; top: -4.65%; width: 111.5%; aspect-ratio: 600 / 900; }
.fe-guide { position: absolute; border: 0 dashed #F06A45; }
.fe-guide--shoulder, .fe-guide--hem { left: 0; right: 0; border-top-width: 1px; }
.fe-guide--shoulder { top: var(--gs); }
.fe-guide--hem { top: var(--gh); }
.fe-guide--edge { top: 0; bottom: 0; left: var(--gx); border-left-width: 1px; }
.fe-s022__bt { position: absolute; left: 5%; bottom: calc(100% - var(--gs) + 2px); font: 700 clamp(34px, 5.3cqi, 64px)/1 var(--d); font-variation-settings: "wdth" 78; font-stretch: 78%; }
.fe-s022__bs { position: absolute; left: 5%; top: calc(var(--gs) + 2%); width: calc(var(--gx) - 8%); text-align: right; font: 400 clamp(14px, 1.33cqi, 16px)/1.45 var(--s); }
.fe-s022__bc { position: absolute; left: 5%; top: calc(var(--gh) + 1%); width: calc(var(--gx) - 8%); text-align: right; font: 400 11px/1.5 var(--m); }
.fe-gl { position: absolute; font: 400 11px/1.3 var(--m); color: #F06A45; text-transform: uppercase; }
.fe-gl--1 { left: 5.4%; top: calc(var(--gs) - 2.2%); }
.fe-gl--2 { left: calc(var(--gx) + 1.3%); top: 94.4%; }
.fe-gl--3 { left: 5.4%; top: calc(var(--gh) - 2%); }
.fe-s022__key { display: none; }
.fe-s022__close { margin-top: 28px !important; max-width: 860px; font: 500 clamp(18px, 1.82cqi, 22px)/1.25 var(--d); }
.fe-s022__close em { font: italic 400 1em/1.25 var(--s); }

/* ============================================================ 026 TYPE */
.fe-s026 { background: var(--ink); color: var(--bone); padding: 40px var(--gut) 90px; }
.fe-s026__top { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; }
.fe-s026 h2 { margin-top: 8px !important; font: italic 300 clamp(30px, 3.3cqi, 40px)/1.1 var(--s); }
.fe-chips { display: flex; gap: 4px; }
.fe-chips button { flex: 0 0 auto; height: 44px; padding: 0 18px; border: 1px solid currentColor; background: transparent; font: 600 14px/1 var(--d); }
.fe-chips button[aria-pressed="true"] { background: var(--bone); color: var(--ink); border-color: var(--bone); }
.fe-s026__stage { position: relative; height: 62.9cqi; margin-top: 28px; background: #B7AFA2; overflow: hidden; color: var(--ink); }
.fe-s026__fig { position: absolute; left: 33.2%; top: 2.6%; width: 45.5%; aspect-ratio: 600 / 900; }
.fe-s026__night { position: absolute; left: -1.7%; top: 5.3%; font: 800 46.4cqi/0.8 var(--d); font-variation-settings: "wdth" 75; font-stretch: 75%; letter-spacing: -0.05em; color: #D8462B; white-space: nowrap; }
.fe-s026__whisper { position: absolute; right: 22px; bottom: 18px; padding: 2px 4px; background: #B7AFA2; font: 400 11px/1.4 var(--m); }
.fe-s026__int { position: absolute; right: 22px; top: 18px; font: 400 11px/1.4 var(--m); }
.fe-s026__frame { position: absolute; inset: 0; border: 5.3cqi solid var(--bone); }
.fe-s026__ft { position: absolute; left: 0; right: 0; top: -5.3cqi; height: 5.3cqi; display: grid; place-items: center; font: 700 clamp(18px, 3.15cqi, 38px)/1 var(--d); letter-spacing: .6em; text-indent: .6em; }
.fe-s026__fl, .fe-s026__fr { position: absolute; top: 50%; font: 400 11px/1 var(--m); writing-mode: vertical-rl; }
.fe-s026__fl { left: -3.6cqw; transform: translateY(-50%) rotate(180deg); }
.fe-s026__fr { right: -3.6cqw; transform: translateY(-50%); }
.fe-s026__fb { position: absolute; left: 0; right: 0; bottom: -5.3cqi; height: 5.3cqi; display: grid; place-items: center; font: italic 400 clamp(15px, 1.66cqi, 20px)/1 var(--s); }
.fe-s026__doc { position: absolute; left: 2.8%; top: 3.9%; width: 45.5%; }
.fe-s026__dh { font: italic 400 18px/1.2 var(--s); }
.fe-s026__dt { margin-top: 10px !important; font: 400 13px/1.35 var(--s); text-align: justify; hyphens: auto; }
.fe-s026__night, .fe-s026__int, .fe-s026__frame, .fe-s026__doc { display: none; }
.fe-s026[data-voice="whisper"] .fe-s026__whisper { display: block; }
.fe-s026:not([data-voice="whisper"]) .fe-s026__whisper { display: none; }
.fe-s026[data-voice="interrupt"] :is(.fe-s026__night, .fe-s026__int) { display: block; }
.fe-s026[data-voice="interrupt"] .fe-s026__fig { z-index: 1; }
.fe-s026[data-voice="frame"] .fe-s026__frame { display: block; }
.fe-s026[data-voice="document"] .fe-s026__doc { display: block; }
.fe-s026__read { display: grid; grid-template-columns: 200px 1fr; column-gap: 32px; margin-top: 22px; border-top: 1px solid var(--bone); padding-top: 14px; }
.fe-s026__label { font: 700 26px/1.1 var(--d); }
.fe-s026__verb { margin-top: 6px !important; font: 400 11px/1.6 var(--m); }
.fe-s026__dl { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 18px; font: 400 11px/1.5 var(--m); }
.fe-s026__dl dt { color: #9a958c; text-transform: uppercase; }
.fe-s026__close { margin-top: 22px !important; max-width: 760px; font: 400 17px/1.4 var(--s); color: #cfc9bf; }

/* ============================================================ 030 CROP */
.fe-s030 {
  background: #D9D3C7; padding: 40px var(--gut) 64px; min-height: 97.7cqi;
  display: grid; grid-template-columns: minmax(0, 46.4cqi) 1fr; column-gap: 4cqi;
  grid-template-areas: "stage head" "stage chips" "stage read" "stage close";
  grid-template-rows: auto auto auto 1fr;
}
.fe-s030__head { grid-area: head; }
.fe-s030 h2 { margin-top: 10px !important; font: 800 clamp(48px, 7.6cqi, 92px)/0.85 var(--d); font-variation-settings: "wdth" 75; font-stretch: 75%; letter-spacing: -0.03em; }
.fe-s030__stage { grid-area: stage; position: relative; align-self: start; margin-top: 70px; height: 58cqi; background: #1c1a17; overflow: hidden; }
.fe-s030__lbl { position: absolute; left: 12px; top: 10px; font: 400 11px/1.4 var(--m); color: var(--bone); }
.fe-s030__chips { grid-area: chips; flex-wrap: wrap; gap: 6px; margin-top: 28px; }
.fe-s030__chips button { padding: 0 16px; border-color: var(--ink); }
.fe-s030__chips button[aria-pressed="true"] { background: var(--ink); color: var(--bone); border-color: var(--ink); }
.fe-s030__read { grid-area: read; display: grid; grid-template-columns: 150px 1fr; column-gap: 28px; margin-top: 30px; align-items: start; }
.fe-s030__mini .fe-art { width: 150px; height: 225px; }
.fe-s030__mini figcaption { margin-top: 4px; font: 400 11px/1.4 var(--m); }
.fe-s030__rect { fill: none; stroke: #D8462B; stroke-width: 10; }
.fe-s030__says { margin-top: 8px !important; font: 300 clamp(20px, 2.5cqi, 30px)/1.15 var(--s); }
.fe-s030__emph { margin-top: 14px !important; font: 400 11px/1.5 var(--m); }
.fe-s030__close { grid-area: close; align-self: end; margin-top: 30px !important; border-top: 1px solid var(--ink); padding-top: 14px; font: 400 17px/1.45 var(--s); }
.fe-s030__close b { font: 700 1em/1.45 var(--d); }

/* ======================================================== 034 SEQUENCE */
.fe-s034 { background: #0E0E10; color: var(--bone); padding: 36px var(--gut) 90px; min-height: 84.4cqi; }
.fe-s034 h2 { margin-top: 12px !important; font: italic 300 clamp(30px, 4.3cqi, 52px)/1.1 var(--s); }
.fe-seq__count { display: none; }
.fe-seq { display: grid; margin-top: 7cqi; align-items: start;
  grid-template-columns: 41.4cqi 2.3cqi 15.7cqi 2.5cqi 14.1cqi 2.15cqi minmax(0, 16.6cqi); }
.fe-seq__f--1 { grid-column: 1; margin-top: 2.5cqi; }
.fe-seq__f--2 { grid-column: 3; margin-top: 7.45cqi; }
.fe-seq__f--3 { grid-column: 5; }
.fe-seq__f--4 { grid-column: 7; margin-top: 20.7cqi; }
.fe-seq__img { position: relative; overflow: hidden; background: #1b1714; }
.fe-seq__f--1 .fe-seq__img { aspect-ratio: 500 / 340; }
.fe-seq__f--2 .fe-seq__img { aspect-ratio: 190 / 270; }
.fe-seq__f--3 .fe-seq__img { aspect-ratio: 170 / 520; background: #2a241e; }
.fe-seq__f--4 .fe-seq__img { aspect-ratio: 200 / 250; }
.fe-seq__img .fe-art { position: absolute; inset: 0; }
.fe-seq__f--1 .fe-art { left: 43.6%; top: 44%; width: 22%; height: auto; aspect-ratio: 600 / 900; }
.fe-seq__door { position: absolute; left: 40%; top: 8.8%; width: 26%; height: 91.2%; background: #F3C77A; }
.fe-seq__door--4 { left: 30%; top: 4%; width: 45%; height: 96%; }
.fe-seq__blur { filter: blur(3px); transform: translateX(13%); }
.fe-seq__cap { margin-top: 8px !important; font: 400 11px/1.4 var(--m); }
.fe-s034__foot { display: grid; grid-template-columns: minmax(0, 46.4cqi) 1fr; column-gap: 6.6cqi; margin-top: 7cqi; align-items: start; }
.fe-s034__t { border-top: 1px solid var(--bone); padding-top: 14px; font: 400 clamp(17px, 1.66cqi, 20px)/1.4 var(--s); }
.fe-s034__n { font: 400 11px/1.5 var(--m); }
.fe-s034__m { max-width: 300px; padding-top: 24px; font: 400 11px/1.6 var(--m); text-transform: uppercase; color: #9a958c; }
.fe-s034__m .fe-why { text-transform: none; color: var(--bone); }
/* Motion is pacing: frames enter one at a time and hold. */
:root.fe-js .fe-s034 [data-fe-frame] { opacity: 0; transform: translateY(18px); transition: opacity .9s ease, transform .9s ease; }
:root.fe-js .fe-s034 [data-fe-frame].is-in { opacity: 1; transform: none; }

/* =========================================================== 038 COLOR */
.fe-s038 { padding: 40px var(--gut) 90px; min-height: 74.5cqi; }
.fe-s038__top { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.fe-s038 h2 { margin-top: 10px !important; font: 300 clamp(36px, 4.64cqi, 56px)/1.05 var(--d); letter-spacing: -0.02em; }
.fe-s038__nopal { display: flex; align-items: center; gap: 10px; font: 400 11px/1.4 var(--m); }
.fe-s038__nopal s { text-transform: uppercase; }
.fe-s038__sw { display: flex; }
.fe-s038__sw i { width: 34px; height: 34px; border: 1px dashed var(--ink); }
.fe-s038__sw i + i { border-left: 0; }
.fe-s038__dek { margin-top: 10px !important; max-width: 600px; font: 400 17px/1.4 var(--s); }
.fe-s038__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 34px; }
.fe-cw__box { position: relative; height: 39.7cqi; overflow: hidden; }
.fe-cw__box .fe-art { position: absolute; left: 21.9%; top: 12.5%; width: 80.3%; height: 87.5%; }
.fe-cw__t { position: absolute; left: 16px; top: 14px; font: 700 clamp(20px, 2.8cqi, 34px)/1.1 var(--d); }
.fe-cw__s { position: absolute; left: 12px; bottom: 10px; padding: 2px 4px; background: inherit; font: 400 11px/1.3 var(--m); }
.fe-cw figcaption { margin-top: 8px; font: 400 11px/1.4 var(--m); text-transform: uppercase; }
.fe-cw--1 .fe-cw__box { background: #E4E4E2; color: #111; }
.fe-cw--2 .fe-cw__box { background: #D8CFC0; color: #3a3129; }
.fe-cw--3 .fe-cw__box { background: #FF3D8B; color: #1a0033; }
.fe-cw--4 .fe-cw__box { background: #9DB34A; color: #2b0f06; }
.fe-s038__foot { margin-top: 16px !important; font: 400 11px/1.5 var(--m); text-transform: uppercase; color: var(--mute); }
.fe-s038__foot .fe-ec, .fe-s038__foot .fe-why { text-transform: none; color: var(--ink); }

/* ============================================ 040 WHAT THE MAGAZINES DID
   Found in research (Design Completion Campaign, 2026-09-29): the set, the
   page, the paper. The set drawing is geometry and the page's own coat. */
.fe-s040 { background: var(--bone2); padding: 40px var(--gut) 90px; }
.fe-s040 h2 { margin-top: 10px !important; font: 300 clamp(36px, 4.64cqi, 56px)/1.05 var(--d); letter-spacing: -0.02em; }
.fe-s040__dek { margin-top: 10px !important; max-width: 640px; font: 400 17px/1.4 var(--s); }
.fe-s040__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 34px; align-items: start; }
.fe-s040__box { aspect-ratio: 600 / 900; background: var(--paper); }
.fe-s040__fig figcaption { margin-top: 8px; font: 400 11px/1.5 var(--m); }
.fe-s040__spec { display: block; margin-top: 4px; color: var(--mute); }
.fe-s040__g { border-top: 1px solid var(--ink); padding-top: 10px; }
.fe-s040__g ul { margin-top: 10px !important; display: flex; flex-direction: column; gap: 12px; font: 400 15px/1.45 var(--s); }
.fe-s040__sc { display: block; margin-top: 2px; font: 400 11px/1.4 var(--m); color: var(--mute); }
.fe-s040__open { margin-top: 16px !important; padding-top: 10px; border-top: 1px dashed var(--ink); font: 400 13px/1.45 var(--s); }
.fe-s040__open b { font: 500 11px/1.4 var(--m); text-transform: uppercase; }
.fe-v-set { --coat: #8f8f8c; --coat2: #4a4a48; --skin: #b4b4b0; --hair: #121212; --leg: #121212; --shoe: #121212; --shadow: rgba(0,0,0,0); }
.fe-tier__rev { margin-top: 16px !important; max-width: 820px; font: 400 16px/1.45 var(--s); }
.fe-tier__rev b { font: 600 16px/1.3 var(--d); }
.fe-post--found { border-color: var(--ink); }

/* ==================================================== 042 QUIET LUXURY */
.fe-s042 { background: var(--paper); padding: 40px var(--gut) 90px; min-height: 76cqi; }
.fe-s042 h2 { margin-top: 10px !important; font: 300 clamp(32px, 4.64cqi, 56px)/1.05 var(--d); letter-spacing: -0.02em; }
.fe-ql { margin-top: 50px; display: grid; grid-template-columns: 19cqi 1fr; column-gap: 20px; align-items: start;
  grid-template-areas: "k k" "qh qh" "band note" "axis axis" "fh fh" "th th"; }
.fe-ql__k { grid-area: k; }
.fe-ql__qh { grid-area: qh; margin-top: 18px !important; font: italic 400 18px/1.3 var(--s); }
.fe-ql__band { grid-area: band; margin-top: 18px; height: 150px; border: 1px solid var(--ink); background: repeating-linear-gradient(45deg, #d9d1c3 0 6px, #f4f0e8 6px 12px); }
.fe-ql__note { grid-area: note; margin-top: 28px !important; max-width: 420px; font: 400 11px/1.6 var(--m); }
.fe-ql__axis { grid-area: axis; margin-top: 20px; border-top: 1px solid var(--ink); padding-top: 12px; display: flex; justify-content: space-between; font: 400 13px/1.2 var(--d); }
.fe-ql__l { font-weight: 800; }
.fe-ql__fh { grid-area: fh; margin-top: 26px !important; font: italic 400 18px/1.3 var(--s); }
.fe-ql__spec { font: normal 400 11px/1 var(--m); }
.fe-ql__thumbs { grid-area: th; margin-top: 22px; display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.fe-ql__t { position: relative; height: 14cqi; overflow: hidden; }
.fe-ql__t .fe-art { position: absolute; inset: 0; }
.fe-ql__t--1 { width: 9.9cqi; background: #EFEAE1; border: 1px solid #d6cfc2; }
.fe-ql__t--1 .fe-art { left: 58%; top: 59%; width: 25%; height: auto; aspect-ratio: 600 / 900; }
.fe-ql__t--2 { width: 12.4cqi; background: #D8CFC0; }
.fe-ql__t--3 { width: 14cqi; background: #3A0A12; }
.fe-ql__t--4 { width: 15.7cqi; background: #fbfbf8; }
.fe-ql__t--4 .fe-art { transform: rotate(12deg) scale(1.3); }
.fe-ql__t--5 { width: 17.4cqi; background: #1F3BD1; }
.fe-ql__t--5 i { position: absolute; left: 0; right: 0; bottom: 0; height: 41%; background: #E8F03A; }
.fe-ql__t--5 .fe-art { left: 21%; width: 57%; }
.fe-s042__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; border-top: 1px solid var(--ink); padding-top: 16px; margin-top: 16px; }
.fe-s042__pair .fe-kick { margin-top: 6px !important; text-transform: none; }
.fe-s042__ql { font: 300 clamp(20px, 2.15cqi, 26px)/1.2 var(--s); }
.fe-s042__fe { font: 700 clamp(20px, 2.15cqi, 26px)/1.2 var(--d); }
.fe-s042__close { margin-top: 16px !important; max-width: 900px; font: 400 15px/1.45 var(--s); }
.fe-lg-block { display: block; }

/* ============================================================ 044 SHOP */
.fe-s044 { padding: 40px var(--gut) 90px; min-height: 91cqi;
  display: grid; grid-template-columns: minmax(0, 28.1cqi) 1fr; column-gap: 5.3cqi;
  grid-template-areas: "strip head" "strip body"; grid-template-rows: auto 1fr; }
.fe-s044__head { grid-area: head; }
.fe-s044 h2 { margin-top: 10px !important; font: 300 clamp(34px, 4.64cqi, 56px)/0.95 var(--d); letter-spacing: -0.02em; }
.fe-s044__h1, .fe-s044__h2 { display: block; }
.fe-s044__h2 { font-weight: 700; }
.fe-s044__strip { grid-area: strip; position: relative; height: 82.8cqi; background: var(--ink); overflow: hidden; }
.fe-s044__hero { position: absolute; left: 0; right: 0; top: 0; height: 26%; background: #14162C; overflow: hidden; }
.fe-s044__hero p { position: absolute; left: 12px; bottom: 10px; font: 800 clamp(20px, 2.5cqi, 30px)/1 var(--d); font-variation-settings: "wdth" 75; font-stretch: 75%; color: #F1E6CF; }
.fe-s044__story i { position: absolute; display: block; }
.fe-s044__story i:nth-child(1) { left: 0; top: 27%; width: 58.8%; height: 17%; background: #2a241e; }
.fe-s044__story i:nth-child(2) { left: 61.8%; top: 33%; width: 38.2%; height: 11%; background: #C8932A; }
.fe-s044__story i:nth-child(3) { left: 4.1%; top: 46%; width: 58.8%; height: .6%; background: #5b574f; }
.fe-s044__story i:nth-child(4) { left: 4.1%; top: 47.4%; width: 47%; height: .6%; background: #5b574f; }
.fe-s044__switch { position: absolute; left: 0; right: 0; top: 52%; height: 3.4%; min-height: 30px; display: flex; align-items: center; padding: 0 12px; background: #D8462B; color: #fff; font: 400 11px/1 var(--m); text-transform: uppercase; }
.fe-s044__shop { position: absolute; left: 0; right: 0; top: 55.4%; bottom: 0; background: #F6F5F2; padding: 14px; color: var(--ink); }
.fe-s044__prods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.fe-s044__prods .fe-art { height: 120px; background: #E8E7E3; }
.fe-s044__shop p { margin-top: 10px !important; font: 400 12px/1.2 var(--d); }
.fe-s044__sz { display: flex; gap: 4px; margin-top: 8px; }
.fe-s044__sz i { width: 28px; height: 24px; border: 1px solid var(--ink); }
.fe-s044__sz .on { background: var(--ink); }
.fe-s044__sz .bag { flex-grow: 1; background: var(--ink); }
.fe-s044__more { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.fe-s044__more i { height: 150px; background: #E8E7E3; }
.fe-s044__body { grid-area: body; }
.fe-s044__dek { margin-top: 18px !important; max-width: 640px; font: 400 18px/1.45 var(--s); }
.fe-s044__t { width: 100%; margin-top: 36px !important; border-collapse: collapse; font: 400 15px/1.3 var(--d); }
.fe-s044__t caption { text-align: left; padding-bottom: 8px; font: 400 11px/1.4 var(--m); text-transform: uppercase; }
.fe-s044__t caption .fe-ec { text-transform: none; }
.fe-s044__t thead :is(th, td) { text-align: left; padding: 10px 0; border-bottom: 2px solid var(--ink); font: 400 20px/1.2 var(--d); }
.fe-s044__t thead td { width: 150px; }
.fe-s044__t thead th:last-child { font-weight: 600; }
.fe-s044__t .fe-story { font-family: var(--s); }
.fe-s044__t thead .fe-story { font-style: italic; }
.fe-s044__t tbody th { text-align: left; font: 400 11px/1.3 var(--m); text-transform: uppercase; }
.fe-s044__t tbody :is(th, td) { padding: 12px 0; border-bottom: 1px solid var(--rule); }
.fe-s044__close { margin-top: 28px !important; max-width: 640px; font: 600 clamp(17px, 1.66cqi, 20px)/1.3 var(--d); }

/* ================================================== 046 COUNTEREXAMPLE */
.fe-s046 { padding: 40px var(--gut) 90px; min-height: 109cqi; background: #F6F5F2; transition: background-color .6s ease; }
.fe-s046.is-done { background: #E9E4DA; }
.fe-s046 h2 { margin-top: 10px !important; font: 800 clamp(44px, 8.3cqi, 100px)/0.86 var(--d); font-variation-settings: "wdth" 75; font-stretch: 75%; letter-spacing: -0.03em; }
.fe-s046__h7, .fe-s046.is-done .fe-s046__h0 { display: none; }
.fe-s046.is-done .fe-s046__h7 { display: inline; }
.fe-s046__stage { position: relative; height: 64.6cqi; margin-top: 30px; background: #E8E7E3; overflow: hidden; transition: background-color .6s ease; }
.fe-s046.is-ctx .fe-s046__stage { background: #C9D2D4; --cx-coat2: #8A5E14; --cx-shadow: rgba(0,0,0,0.18); }
.fe-s046__door { display: none; }
.fe-s046.is-ctx .fe-s046__door { display: block; }
.fe-s046__door i { position: absolute; display: block; }
.fe-s046__plat { left: 0; right: 0; bottom: 0; height: 19.2%; background: #8E989C; }
.fe-s046__edge { left: 0; right: 0; bottom: 19.2%; height: 1.5%; background: #E3C23A; }
.fe-s046__p1, .fe-s046__p2 { top: 0; bottom: 20.7%; width: 4%; background: #AEB8BB; }
.fe-s046__p1 { left: 13.1%; }
.fe-s046__p2 { left: 81.3%; }
.fe-s046__fig { position: absolute; top: 0; bottom: 0; left: 22.9%; width: 54.2%; transition: left .6s ease, width .6s ease; }
.fe-s046.is-comp .fe-s046__fig { left: 38.5%; width: 61.2%; }
.fe-s046__sty { opacity: 0; transition: opacity .5s ease; }
.fe-s046.is-sty .fe-s046__sty { opacity: 1; }
.fe-s046__type { position: absolute; inset: 0; display: none; border: 4.3cqi solid #F4F0E8; pointer-events: none; color: var(--ink); }
.fe-s046.is-type .fe-s046__type { display: block; }
.fe-s046__tt { position: absolute; left: 0; right: 0; top: -4.3cqi; height: 4.3cqi; display: grid; place-items: center; font: 700 clamp(14px, 2.5cqi, 30px)/1 var(--d); letter-spacing: .7em; text-indent: .7em; }
.fe-s046__tl, .fe-s046__tr { position: absolute; top: 50%; font: 400 11px/1 var(--m); writing-mode: vertical-rl; }
.fe-s046__tl { left: -3cqw; transform: translateY(-50%) rotate(180deg); }
.fe-s046__tr { right: -3cqw; transform: translateY(-50%); }
.fe-s046__tb { position: absolute; left: 0; right: 0; bottom: -4.3cqi; height: 4.3cqi; display: grid; place-items: center; font: italic 400 clamp(13px, 1.66cqi, 20px)/1 var(--s); }
.fe-s046__premise { position: absolute; left: 24px; top: 24px; width: 280px; background: var(--ink); color: var(--bone); padding: 14px 16px; display: none; }
.fe-s046__premise p:last-child { margin-top: 6px !important; font: italic 400 18px/1.3 var(--s); }
.fe-s046.is-prem .fe-s046__premise { display: block; }
.fe-s046__seq { position: absolute; right: 6.1%; top: 9%; display: none; flex-direction: column; gap: 8px; }
.fe-s046.is-seq .fe-s046__seq { display: flex; }
.fe-s046__seq div { width: clamp(60px, 9.9cqi, 120px); aspect-ratio: 120 / 150; background: #AEB8BB; overflow: hidden; }
.fe-s046__seq div + div { background: #C9D2D4; }
.fe-s046__blur { filter: blur(2px); transform: translateX(22%); }
.fe-s046__seq p { font: 400 11px/1.3 var(--m); background: #F4F0E8; padding: 2px 4px; color: var(--ink); }
.fe-s046__ctl { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 22px; }
.fe-s046__steps { display: flex; flex-wrap: wrap; gap: 4px; }
.fe-s046__steps button { height: 44px; padding: 0 12px; border: 1px solid var(--ink); background: transparent; font: 400 11px/1 var(--m); text-transform: uppercase; letter-spacing: .02em; }
.fe-s046__steps button[aria-current="step"] { background: var(--ink); color: var(--bone); }
.fe-s046__next { flex: 0 0 auto; height: 48px; padding: 0 22px; border: 0; background: #C23A20; color: #fff; font: 700 16px/1 var(--d); }
.fe-s046__note { margin-top: 16px !important; max-width: 760px; font: 400 17px/1.4 var(--s); }
.fe-s046__lev { margin-top: 8px !important; font: 400 11px/1.5 var(--m); }

/* =========================================================== 050 BUILD */
.fe-s050 { background: var(--paper); padding: 40px var(--gut) 90px; }
.fe-part { display: flex; align-items: baseline; gap: 24px; border-bottom: 2px solid var(--ink); padding-bottom: 12px; }
.fe-part__n { font: 200 clamp(44px, 6cqi, 72px)/0.9 var(--d); }
.fe-part h2 { font: 700 clamp(44px, 6cqi, 72px)/0.9 var(--d); font-variation-settings: "wdth" 78; font-stretch: 78%; }
.fe-part__dek { margin-left: auto !important; max-width: 460px; font: italic 400 15px/1.4 var(--s); }
.fe-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; margin-top: 18px; font: 400 11px/1.5 var(--m); }
.fe-legend dl { display: grid; grid-template-columns: minmax(90px, 40%) 1fr; row-gap: 4px; column-gap: 12px; align-content: start; }
.fe-legend dl > div { display: contents; }
.fe-legend__h { grid-column: 1 / -1; font-weight: 500; text-transform: uppercase; }
.fe-areas { margin-top: 26px !important; border-top: 1px solid var(--ink); }
.fe-area { display: grid; grid-template-columns: minmax(0, 19cqi) 1fr; column-gap: 28px; padding: 18px 0; border-bottom: 1px solid var(--ink); }
.fe-area__h { font: 700 clamp(24px, 2.5cqi, 30px)/1.1 var(--d); }
.fe-area__static { display: block; }
.fe-area__static .fe-post { display: table; margin-top: 6px; }
.fe-area__btn { display: none; }
.fe-post { display: inline-block; padding: 2px 7px; border: 1px solid var(--ink); font: 400 11px/1.4 var(--m); letter-spacing: .02em; white-space: nowrap; }
.fe-post--core_specified { background: var(--ink); color: var(--paper); padding: 3px 7px; }
.fe-post--open { border-style: dashed; }
.fe-post--not_established { border-color: transparent; padding-inline: 0; color: #4a4741; }
.fe-area__body[hidden] { display: none !important; }
.fe-area__body { display: grid; grid-template-columns: 1fr minmax(0, 23.2cqi); column-gap: 28px; align-items: start; }
.fe-area__rules { display: flex; flex-direction: column; gap: 8px; font: 400 15px/1.45 var(--s); }
.fe-rulemeta { font: 400 11px/1.4 var(--m); white-space: nowrap; }
.fe-area__none { font: 400 15px/1.45 var(--s); color: #4a4741; }
.fe-area__q { font: italic 400 14px/1.45 var(--s); }
.fe-see { font: normal 400 11px/1.4 var(--m); }
.fe-s050__foot { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; margin-top: 36px; }
.fe-s050__a11y h3, .fe-s050__export h3 { font-weight: 500; }
.fe-s050__a11y h3 .fe-why { text-transform: none; }
.fe-s050__a11y p { margin-top: 10px !important; font: 400 15px/1.5 var(--s); }
.fe-s050__a11y .fe-s050__rule { font: 600 16px/1.45 var(--d); }
.fe-s050__export { border: 1px solid var(--ink); padding: 18px; }
.fe-s050__export p { margin-top: 10px !important; font: 400 15px/1.45 var(--s); }
.fe-s050__export pre { margin-top: 12px !important; padding: 12px; background: var(--ink); color: var(--paper); font: 400 11px/1.5 var(--m); overflow-x: auto; white-space: pre; }

/* ========================================================= 054 SOURCES */
.fe-s054 { background: var(--ink); color: var(--bone); padding: 40px var(--gut) 90px; }
.fe-s054 .fe-part { border-bottom: 0; padding-bottom: 0; }
.fe-s054 a { color: var(--bone); }
.fe-s054__dek { margin-top: 16px !important; max-width: 640px; font: italic 400 18px/1.4 var(--s); }
.fe-s054__time { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; margin-top: 36px !important; border-top: 1px solid var(--bone); }
.fe-s054__time li { padding-top: 14px; font: 400 15px/1.4 var(--s); }
/* The approved labels are longer than the old ones ("Documented · Source not yet verified · C5"): let them wrap inside the column. */
.fe-s054__time .fe-why { white-space: normal; }
.fe-s054__y { font: 200 clamp(44px, 5.3cqi, 64px)/1 var(--d); margin-bottom: 8px !important; }
.fe-s054__range { margin-top: 26px !important; font: 300 clamp(18px, 1.82cqi, 22px)/1.3 var(--d); }
.fe-s054__range b { font-weight: 700; }
.fe-s054__th { margin: 44px 0 10px !important; font-weight: 500; }
.fe-s054__t { width: 100%; border-collapse: collapse; font: 400 15px/1.35 var(--s); }
.fe-s054__t th { text-align: left; padding: 8px 12px 8px 0; border-bottom: 1px solid var(--bone); font: 500 11px/1.3 var(--m); }
.fe-s054__t td { padding: 9px 12px 9px 0; border-bottom: 1px solid #3a3835; vertical-align: top; }
.fe-s054__t td:first-child, .fe-s054__t td:last-child { font: 400 11px/1.4 var(--m); white-space: nowrap; }
.fe-s054__t td:nth-child(3) { width: 27cqi; }
.fe-s054__all { display: none; }
.fe-s054__cols { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; margin-top: 40px; align-items: start; }
.fe-s054__cov { border: 1px solid var(--bone); padding: 18px; }
.fe-s054__cov dl { display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; margin-top: 12px !important; font: 400 15px/1.3 var(--d); }
.fe-s054__cov p { margin-top: 12px !important; font: 400 14px/1.45 var(--s); }
.fe-debt { color: var(--debt) !important; }
.fe-s054__made summary { cursor: pointer; font: 500 11px/1.5 var(--m); text-transform: uppercase; min-height: 44px; display: flex; align-items: center; }
.fe-s054__made p { margin-top: 10px !important; font: 400 16px/1.5 var(--s); }
.fe-s058 { min-height: 38cqi; display: grid; grid-template-columns: 43cqi 1fr; grid-template-rows: 12.4cqi auto auto 1fr; padding-bottom: 60px; }
.fe-s058__t { grid-column: 2; grid-row: 2; font: italic 400 22px/1.3 var(--s); }
.fe-s058__nav { grid-column: 2; grid-row: 3; display: flex; flex-wrap: wrap; gap: 4px 18px; margin-top: 16px; font: 400 11px/1.4 var(--m); }
.fe-s058__nav a { display: inline-flex; align-items: center; min-height: 44px; }

/* ====================================================== CARDS · DIALOG */
.fe-cards > .fe-card { display: none; }
.fe-cards > .fe-card:target { display: block; position: fixed; z-index: 60; left: 50%; top: 5vh; transform: translateX(-50%); width: min(560px, 92vw); max-height: 90vh; overflow: auto; box-shadow: 0 0 0 100vmax rgba(0,0,0,.45); }
.fe-card, .fe-dlg { background: var(--bone); color: var(--ink); border: 1px solid var(--ink); padding: 20px; }
.fe-dlg { width: min(560px, 92vw); max-height: 88vh; overflow: auto; }
.fe-dlg::backdrop { background: rgba(10, 10, 10, .55); }
.fe-card__head { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 4px 12px; }
.fe-card__head .fe-kick { grid-column: 1; }
.fe-card__head h2 { grid-column: 1; font: 700 24px/1.1 var(--d); }
.fe-card__head h2 span { font: 400 11px/1 var(--m); vertical-align: middle; }
.fe-card__x { grid-column: 2; grid-row: 1 / 3; font: 400 11px/1 var(--m); text-transform: uppercase; min-height: 44px; display: inline-flex; align-items: center; }
.fe-dlg .fe-card__x { display: none; }
.fe-card__claim { margin-top: 12px !important; font: 400 17px/1.4 var(--s); }
.fe-card__axes { display: grid; gap: 6px; margin-top: 14px !important; }
.fe-card__axes > div { display: grid; grid-template-columns: 9.5rem 1fr; gap: 12px; border-top: 1px solid var(--rule); padding-top: 6px; }
.fe-card__axes dt { font: 400 11px/1.5 var(--m); text-transform: uppercase; color: var(--mute); }
.fe-card__axes dd { font: 400 14px/1.4 var(--s); }
.fe-card h3 { margin-top: 16px !important; margin-bottom: 4px !important; }
.fe-card ul { display: grid; gap: 4px; font: 400 14px/1.4 var(--s); }
.fe-card ul a { overflow-wrap: anywhere; }
.fe-card p:not(.fe-kick) { font: 400 14px/1.4 var(--s); }
.fe-card__acc, .fe-card__used { font: 400 11px/1.5 var(--m) !important; }
.fe-card__used { margin-top: 14px !important; }
.fe-card__crop { margin-top: 6px; border-collapse: collapse; font: 400 11px/1.4 var(--m); }
.fe-card__crop caption { text-align: left; }
.fe-card__crop :is(th, td) { padding: 2px 12px 2px 0; text-align: left; font-weight: 400; }
.fe-dlg .fe-debt, .fe-card .fe-debt { color: #B3321C !important; }
.fe-dlg form { margin-top: 16px; }
.fe-dlg__x { min-height: 44px; padding: 0 16px; border: 1px solid var(--ink); background: transparent; font: 400 11px/1 var(--m); text-transform: uppercase; }

/* =================================================================== TABLET */
@container fe (max-width: 999px) {
  .fe-s040__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fe-cover__stage { min-height: 86cqi; }
  .fe-s006 { grid-template-columns: var(--gut) 40cqi minmax(0, 1fr) 38cqi var(--gut); }
  .fe-s006__cascade { width: 72cqi; }
  :root.fe-js .fe-rail__nav { display: flex; align-items: center; gap: 12px; padding: 14px var(--gut) 0; }
  .fe-rail__nav button { width: 44px; height: 44px; border: 1px solid currentColor; background: transparent; font: 400 16px/1 var(--d); }
  .fe-rail__count { font: 400 11px/1 var(--m); }
  .fe-rail__track { display: flex !important; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gut); padding-inline: var(--gut); overscroll-behavior-x: contain; scrollbar-width: thin; }
  .fe-rail__track > * { flex: 0 0 auto; scroll-snap-align: start; }
  .fe-s010__cat { padding-top: max(9.1cqi, 92px); }
  .fe-s010__lbl2 { top: max(9.1cqi, 92px); }
  .fe-s010__ctl span { width: clamp(34px, 4cqi, 48px); }
  .fe-s010__ctl .fe-s010__bag { white-space: nowrap; }
  .fe-s010__pov { top: 48%; }
  .fe-s010__cap { top: auto; bottom: 3.8%; width: 86%; }
  .fe-s010__pri2 { bottom: auto; top: calc(max(9.1cqi, 92px) + 28px); }
  .fe-s014__worlds { margin-top: 20px; }
  .fe-w { width: 46cqi; margin: 0 !important; grid-column: auto !important; grid-row: auto !important; aspect-ratio: 3 / 5 !important; }
  .fe-w--raw { aspect-ratio: auto !important; }
  .fe-s014__close { margin: 28px var(--gut) 0; max-width: none; }
  .fe-tier, .fe-tier--com { grid-template-columns: 110px 1fr; }
  .fe-tier__notice { grid-column: 2; margin-top: 14px; }
  .fe-s026__read { grid-template-columns: 1fr; row-gap: 14px; }
  .fe-s026__dl { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 10px; }
  .fe-s026__stage { height: 72cqi; }
  .fe-s030 { grid-template-columns: minmax(0, 44%) 1fr; }
  .fe-s030__stage { height: 64cqi; }
  .fe-s034__foot { grid-template-columns: 1fr; row-gap: 12px; }
  .fe-s044 { grid-template-columns: minmax(0, 30cqi) 1fr; column-gap: 4cqi; }
  .fe-area { grid-template-columns: minmax(0, 24cqi) 1fr; }
  .fe-area__body { grid-template-columns: 1fr; row-gap: 10px; }
  .fe-legend { grid-template-columns: 1fr; row-gap: 14px; }
  .fe-legend dl { grid-template-columns: 150px 1fr; }
  .fe-s054__time { grid-template-columns: none; border-top: 0; }
  .fe-s054__time li { width: 42cqi; border-top: 1px solid var(--bone); }
  .fe-s054__cols { grid-template-columns: 1fr; row-gap: 24px; }
  .fe-s046__ctl { flex-direction: column; align-items: stretch; }
  .fe-s046__next { align-self: flex-end; }
}

/* ==================================================================== PHONE */
@container fe (max-width: 639px) {
  .fe-s040 { padding: 24px 16px 40px; }
  .fe-s040 h2 { margin: 6px 0 6px !important; font-size: 36px; }
  .fe-s040__dek { font-size: 16px; }
  .fe-s040__grid { grid-template-columns: 1fr; gap: 22px; margin-top: 18px; }
  .fe-s040__box { width: 62%; }
  .fe-tier__rev { font-size: 15px; }
  .fe-lg, .fe-lg-block { display: none !important; }
  .fe-sm { display: inline; }
  .fe-sm-block { display: block; }
  /* 001 — the spread rotates */
  .fe-cover__stage { min-height: 200cqi; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto auto; grid-template-areas: "meta" "type" "dek" "tags"; }
  .fe-cover__meta { padding: 16px 16px 0; }
  .fe-cover__meta span:not(:nth-child(2)) { display: none; }
  .fe-cover__h { font-size: 32.8cqi; margin: 0 !important; grid-row: 1 / -1; grid-column: 1; position: relative; z-index: 1; }
  .fe-cover__l1 { position: absolute; left: 3.6cqi; top: 14.9cqi; }
  /* cqw, not cqi: in vertical writing the inline axis is the block axis of the container. */
  .fe-cover__l2 { position: absolute; left: -1cqw; top: 47.2cqw; padding: 0; writing-mode: vertical-rl; transform: rotate(180deg); }
  .fe-cover__fig { width: 107.7cqi; margin: 23cqi -40cqi 0 0; }
  .fe-cover__dek { justify-self: end; width: 51cqi; margin: 0 16px 14px 0 !important; text-align: right; font-size: 26px; background: rgba(15,43,42,0.82); padding: 4px 6px; }
  .fe-cover__tags { justify-self: end; margin: 0 16px 20px 0 !important; }
  .fe-cover__ec { writing-mode: horizontal-tb; transform: none; top: 16px; right: 12px; max-height: none; }
  .fe-cover__ec .fe-ec { writing-mode: horizontal-tb; }
  .fe-cover__ect { display: none; }
  .fe-cover .fe-folio { display: none; }
  /* 002 */
  .fe-s002 { min-height: 123cqi; grid-template-columns: 21.5cqi minmax(0, 72cqi) 1fr; grid-template-rows: 38.5cqi auto 1fr auto; }
  .fe-s002__t { font-size: clamp(20px, 5.9cqi, 24px); line-height: 1.25; }
  .fe-s002__k { display: none; }
  /* 004 — the masthead folds into a disclosure; contents become an index */
  .fe-s004 { display: block; padding: 24px 16px 60px; min-height: 0; }
  .fe-toc__head .fe-kick { display: none; }
  .fe-toc__head { border: 0; padding: 0; }
  .fe-mast { margin-top: 12px; gap: 6px; }
  .fe-mast__h { display: none; }
  .fe-mast__btn { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 44px; padding: 0 12px; border: 1px solid var(--ink); background: transparent; font: 400 11px/1 var(--m); text-transform: uppercase; }
  .fe-mast__sum { display: block; font: 400 11px/1.4 var(--m); color: #4a4741; }
  .fe-mast[data-collapsed] .fe-mast__dl { display: none; }
  .fe-mast__dl { margin-top: 8px; }
  .fe-toc { margin-top: 18px; }
  .fe-toc__list { grid-template-rows: none; grid-auto-flow: row; column-gap: 14px; }
  .fe-toc__i[data-grp]::before { display: none; }
  .fe-toc__i--mhide { display: none; }
  .fe-toc__i a { display: block; min-height: 60px; padding: 6px 0; border-bottom: 0; border-top: 1px solid #b9b1a3; }
  .fe-toc__n { display: block; width: auto; font-size: 30px; }
  .fe-toc__l { display: block; font-size: 14px; }
  /* 006 — definition first; the cascade on three alignment stops */
  .fe-s006 { display: block; padding: 24px 16px 60px; min-height: 0; }
  .fe-s006__h { margin-top: 6px !important; font-size: 14.4cqi; }
  .fe-s006__def { margin-top: 18px; padding-top: 8px; }
  .fe-s006__d1 { font-size: 17px; }
  .fe-s006__d2 { font-size: 14px; }
  .fe-s006__lead { margin-top: 18px !important; font-size: 16px; }
  .fe-s006__cascade { width: auto; margin-top: 18px !important; }
  .fe-s006__cascade li { padding-left: 0; white-space: normal; }
  .fe-s006__c1 { font-size: 38px; }
  .fe-s006__c2 { text-align: right; font-size: 14px; }
  .fe-s006__c3 { text-align: center; font-size: 52px; }
  .fe-s006__c4 { text-align: right; font-size: 22px; }
  .fe-s006__c5 { font-size: 12px; }
  .fe-s006__c6 { text-align: center; font-size: 44px; }
  .fe-s006__c7 { font-size: 26px; }
  .fe-s006__c8 { text-align: right; font-size: 14px; letter-spacing: .25em; }
  .fe-s006__fig { float: right; width: 120px; margin: 26px 0 0 14px; }
  .fe-s006__credits { width: auto; min-width: 0; margin-top: 26px; overflow: hidden; }
  .fe-s006__credits .fe-kick { margin-bottom: 6px; }
  .fe-s006__roles { font-size: 15px; }
  .fe-s006__claim { display: none; }
  /* 010 — Catalog / Editorial, same frame, toggled */
  .fe-s010 { background: var(--ink); color: var(--bone); padding: 24px 16px 28px; }
  .fe-s010 > .fe-kick { position: static; }
  .fe-s010__h { position: static; transform: none; margin: 6px 0 14px !important; padding: 0; background: none; font-size: 34px; white-space: normal; }
  :root.fe-js .fe-s010__toggle { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--bone); }
  .fe-s010__toggle button { height: 44px; border: 0; background: transparent; font: 600 14px/1 var(--d); }
  .fe-s010__toggle button[aria-pressed="true"] { background: var(--bone); color: var(--ink); }
  .fe-s010__frame { grid-template-columns: 1fr; gap: 12px; margin-top: 12px; }
  :root.fe-js .fe-s010[data-mode="editorial"] .fe-s010__cat, :root.fe-js .fe-s010[data-mode="catalog"] .fe-s010__ed { display: none; }
  .fe-s010__cat { min-height: 164cqi; padding: 16px; gap: 10px; color: var(--ink); }
  .fe-s010__lbl, .fe-s010__pri, .fe-s010__ctl span:not(.fe-s010__bag) { display: none; }
  .fe-s010__q { font-size: 22px; }
  .fe-s010__box { flex-grow: 1; height: auto; }
  .fe-s010__box .fe-art { width: 66cqi; height: 96cqi; }
  .fe-s010__prod { font-size: 14px; }
  .fe-s010__prod b, .fe-s010__prod span { display: inline; font-weight: 400; font-size: 14px; color: inherit; }
  .fe-s010__prod b::after, .fe-s010__prod span::after { content: " — "; }
  .fe-s010__prod { justify-content: flex-start; }
  .fe-s010__ctl .fe-s010__bag { height: 44px; }
  .fe-s010__ed { min-height: 164cqi; }
  .fe-s010__glow { left: -25.6%; top: 12.5%; width: 118%; }
  .fe-s010__night { left: -33%; top: 1.5%; width: 164%; }
  .fe-s010__lbl2, .fe-s010__cap, .fe-s010__pri2 { display: none; }
  .fe-s010__pov { top: auto; bottom: 24px; left: 14px; width: 77cqi; font-size: 40px; line-height: 1; }
  .fe-s010__note { display: block; margin-top: 14px !important; font: 400 15px/1.4 var(--s); }
  .fe-s013 { flex-direction: column; gap: 14px; padding: 24px 16px 44px; }
  .fe-s013__t { font-size: 24px; }
  .fe-s013__n { width: auto; }
  /* 014 — four worlds, swipe */
  .fe-s014 { padding-bottom: 40px; }
  .fe-s014__head { padding: 24px 16px 0; }
  .fe-s014__head h2 { margin-top: 6px !important; font-size: 30px; font-variation-settings: "wdth" 100; font-stretch: 100%; }
  .fe-s014__dek { display: none; }
  .fe-rail__track { padding-inline: 16px; scroll-padding-inline: 16px; gap: 10px; }
  .fe-w { width: 77cqi; aspect-ratio: 300 / 500 !important; }
  .fe-w--raw { aspect-ratio: 300 / 500 !important; padding: 14px; }
  .fe-w--red h3 { font-size: 13px; }
  .fe-w--red .fe-w__fig { left: 63%; top: 56%; width: 20%; }
  /* Below the title, not beside it: the provenance line is long enough to run into REDUCTIVE at phone width. */
  .fe-w--red .fe-w__src { top: calc(5% + 28px); bottom: auto; right: 14px; left: 14px; width: auto; text-align: right; }
  .fe-w--red .fe-w__t { width: 66%; font-size: 13px; }
  .fe-w--thea h3 { font-size: 64px; }
  .fe-w--thea .fe-w__t { display: none; }
  .fe-w--thea .fe-w__src { left: 14px; right: auto; bottom: 14px; width: auto; text-align: left; }
  .fe-w--thea .fe-w__fig { left: 13%; top: 30%; width: 73%; }
  .fe-w--thea .fe-w__src br { display: none; }
  .fe-w__rawhead span { display: none; }
  .fe-w__rawhead h3 { font-size: 26px; }
  .fe-raw { grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 10px; }
  .fe-raw__f { aspect-ratio: 132 / 150; }
  .fe-raw__f--17, .fe-raw__f--18 { display: none; }
  .fe-raw__f span { display: none; }
  .fe-w--raw .fe-w__t { margin-top: 10px !important; }
  .fe-w--raw .fe-w__src { text-align: left; margin-top: 6px !important; }
  .fe-w--gra h3 { font-size: 110px; }
  .fe-w--gra .fe-w__fig { left: 40%; top: 18%; width: 73%; }
  .fe-w--gra .fe-w__t { display: none; }
  .fe-w--gra .fe-w__band { top: 62%; }
  .fe-s014__close { display: none; }
  .fe-s014 .fe-folio { display: none; }
  /* 018 — size = signal, compressed */
  .fe-s018 { padding: 28px 16px 40px; }
  .fe-s018 h2 { font-size: 20px; }
  .fe-s018 h2 span { display: none; }
  .fe-tier, .fe-tier--com { display: block; margin-top: 26px; padding-top: 8px; }
  .fe-tier__k span { display: none; }
  .fe-tier__b { margin-top: 6px; }
  .fe-tier--nec .fe-tier__b { display: block; }
  .fe-tier__big + .fe-tier__big::before { content: " "; }
  .fe-tier__big { display: inline; font-size: 46px; font-variation-settings: "wdth" 78; font-stretch: 78%; }
  .fe-tier__detail, .fe-tier__notice { display: none; }
  .fe-tier--str .fe-tier__b { display: block; }
  .fe-tier--str li { display: inline; }
  .fe-tier--str li + li::before { content: " · "; font: 500 24px/1.1 var(--d); }
  .fe-tier__mid { display: inline; font-size: 24px; line-height: 1.1; }
  .fe-tier__terms { font-size: 15px; line-height: 1.6; }
  .fe-tier__strike { display: block; font-size: 20px; line-height: 1.35; }
  .fe-tier__strike li { display: inline; }
  .fe-tier__strike li + li::before { content: " "; }
  .fe-tier__end { font-size: 16px; }
  /* 020 */
  .fe-s020 { display: block; padding: 24px 16px 60px; min-height: 0; background: var(--bone); }
  .fe-s020 h2 { margin: 6px 0 14px !important; font-size: 32px; line-height: .98; }
  .fe-s020__dek { display: none; }
  .fe-s020__list li { display: block; padding: 10px 0; }
  .fe-s020__c { font-size: 16px; }
  .fe-s020__v { margin-top: 2px !important; font-size: 16px; }
  /* 022 — A/B toggle; the guides re-derived from the phone crop */
  .fe-s022 { padding: 24px 16px 60px; }
  .fe-s022 h2 { margin: 6px 0 12px !important; font-size: 40px; }
  .fe-s022__rule, .fe-s022__dek, .fe-s022__close { display: none; }
  :root.fe-js .fe-s022__toggle { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--ink); }
  .fe-s022__toggle button { height: 44px; border: 0; background: transparent; font: 600 13px/1 var(--d); }
  .fe-s022__toggle button[aria-pressed="true"] { background: var(--ink); color: var(--bone); }
  .fe-s022__pair { grid-template-columns: 1fr; margin-top: 12px; }
  :root.fe-js .fe-s022[data-ab="a"] .fe-s022__b, :root.fe-js .fe-s022[data-ab="b"] .fe-s022__a { display: none; }
  :root:not(.fe-js) .fe-s022__b { margin-top: 24px; }
  .fe-s022__stageB { aspect-ratio: 358 / 560; --gx: 54.7%; --gs: 25.4%; --gh: 82.5%; }
  .fe-s022__fig { left: 30.7%; top: -3.6%; width: 106%; }
  .fe-s022__bt { font-size: 40px; left: 3.4%; }
  .fe-s022__bs { left: 3.4%; width: 48%; font-size: 14px; background: rgba(34,32,28,0.85); }
  .fe-s022__bc { left: 3.4%; width: 48%; }
  .fe-gl { text-transform: none; }
  .fe-gl--1 { left: auto; right: 8px; top: calc(var(--gs) - 3%); }
  .fe-gl--2 { left: calc(var(--gx) + 1%); top: auto; bottom: 8px; }
  .fe-gl--3 { left: auto; right: 8px; top: calc(var(--gh) - 3%); }
  .fe-s022__key { display: block; margin-top: 10px !important; padding-left: 18px; list-style: decimal; font: 400 11px/1.6 var(--m); }
  .fe-s022 figcaption > p:last-child { display: none; }
  .fe-s022__b figcaption .fe-kick { margin-top: 6px !important; text-transform: none; }
  /* 026 — full-bleed stage, chips scroll */
  .fe-s026 { padding: 24px 0 40px; }
  .fe-s026__top { display: block; padding: 0 16px; }
  .fe-s026 h2 { margin: 6px 0 14px !important; font-size: 30px; }
  .fe-chips { overflow-x: auto; padding-bottom: 2px; }
  .fe-chips button { padding: 0 16px; font-size: 13px; }
  .fe-s026__stage { height: 138cqi; margin-top: 12px; }
  .fe-s026__fig { left: 5%; top: 2%; width: 92%; }
  .fe-s026__night { font-size: 51cqi; top: 10%; }
  .fe-s026__frame { border-width: 20px; }
  .fe-s026__ft { top: -20px; height: 20px; font-size: 11px; letter-spacing: .4em; }
  .fe-s026__fl, .fe-s026__fr { display: none; }
  .fe-s026__fb { bottom: -20px; height: 20px; font-size: 12px; }
  .fe-s026__doc { left: 0; right: 0; top: 50%; bottom: 0; width: auto; padding: 12px 16px; background: rgba(237,232,224,0.92); overflow: hidden; }
  .fe-s026__read { padding: 14px 16px 0; margin-top: 0; border-top: 0; }
  .fe-s026__dl { grid-template-columns: 1fr 1fr; }
  .fe-s026__close { padding: 0 16px; font-size: 15px; }
  /* 030 — the stage uses the phone crop rectangle */
  .fe-s030 { display: block; padding: 24px 0 40px; min-height: 0; }
  .fe-s030__head { padding: 0 16px; }
  .fe-s030 h2 { margin: 6px 0 14px !important; font-size: 44px; line-height: .88; }
  .fe-s030__stage { margin-top: 0; height: 125cqi; }
  .fe-s030__chips { flex-wrap: nowrap; overflow-x: auto; margin-top: 0; padding: 12px 16px 2px; }
  .fe-s030__chips button { font-size: 13px; padding: 0 14px; }
  .fe-s030__read { display: block; margin: 12px 16px 0; }
  .fe-s030__mini { display: none; }
  .fe-s030__says { font-size: 18px; line-height: 1.3; }
  .fe-s030__emph { display: none; }
  .fe-s030__close { margin: 16px 16px 0 !important; font-size: 15px; }
  /* 034 — one frame per screen, alternating edges; the counter stays pinned */
  .fe-s034 { padding: 24px 16px 40px; min-height: 0; }
  .fe-s034 h2 { margin: 6px 0 18px !important; font-size: 30px; }
  :root.fe-js .fe-seq__count { display: block; position: sticky; top: 12px; z-index: 2; width: max-content; margin-left: auto; padding: 4px 8px; background: #0E0E10; font: 400 11px/1 var(--m); }
  .fe-seq { display: block; margin-top: 0; }
  .fe-seq__f { margin: 0 0 6vh !important; min-height: 52svh; }
  .fe-seq__f--2, .fe-seq__f--4 { margin-left: 23cqi !important; }
  .fe-seq__f--3 { margin-right: 23cqi !important; }
  .fe-seq__f--1 .fe-seq__img { aspect-ratio: 358 / 380; }
  .fe-seq__f--1 .fe-art { left: 39%; top: 50%; width: 25%; }
  .fe-seq__f--1 .fe-seq__door { left: 36%; top: 10.5%; width: 28%; height: 89.5%; }
  .fe-seq__f--2 .fe-seq__img { aspect-ratio: 268 / 300; }
  .fe-seq__f--3 .fe-seq__img { aspect-ratio: 268 / 420; }
  .fe-seq__f--4 .fe-seq__img { aspect-ratio: 268 / 300; }
  .fe-s034__foot { margin-top: 0; }
  .fe-s034__t { border: 0; padding: 0; font-size: 15px; }
  .fe-s034__m { padding-top: 0; }
  /* 038 */
  .fe-s038 { padding: 24px 16px 40px; min-height: 0; }
  .fe-s038__top { display: block; }
  .fe-s038 h2 { margin: 6px 0 6px !important; font-size: 36px; }
  .fe-s038__nopal { display: block; margin-bottom: 14px; }
  .fe-s038__nopal s { text-transform: none; }
  .fe-s038__nopal s::after { content: " — "; text-decoration: none; display: inline-block; white-space: pre; }
  .fe-s038__sw { display: none; }
  .fe-s038__dek { display: none; }
  .fe-s038__grid { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 0; }
  .fe-cw__box { height: 69cqi; }
  .fe-cw__box .fe-art { left: 17%; top: 14.8%; width: 80%; height: 85.2%; }
  .fe-cw__t { left: 10px; top: 8px; font-size: 22px; }
  .fe-cw__s { display: none; }
  .fe-cw figcaption { margin-top: 4px; text-transform: none; }
  .fe-s038__foot { margin-top: 10px !important; text-transform: none; color: var(--ink); }
  /* 042 — the range turns vertical */
  .fe-s042 { padding: 24px 16px 40px; min-height: 0; }
  .fe-s042 h2 { margin: 6px 0 16px !important; font-size: 32px; line-height: 1; }
  .fe-ql { margin-top: 0; grid-template-columns: 64px 110px 1fr; column-gap: 12px;
    grid-template-areas: "axis band th" "axis note th" "axis . th"; grid-template-rows: auto auto 1fr; }
  .fe-ql__k, .fe-ql__qh, .fe-ql__fh { display: none; }
  .fe-ql__axis { margin: 0; padding: 0; border-top: 0; flex-direction: column; justify-content: space-between; min-height: 560px; background: linear-gradient(var(--ink), var(--ink)) no-repeat 63px 0 / 1px 100%; }
  .fe-ql__band { margin-top: 0; height: 110px; }
  .fe-ql__note { margin-top: 6px !important; font-size: 11px; line-height: 1.4; }
  .fe-ql__thumbs { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 0; }
  .fe-ql__t { width: auto !important; height: 96px; }
  .fe-ql__t--1 .fe-art { left: 62%; top: 52%; width: 16%; }
  .fe-ql__t--5 .fe-art { left: 34%; width: 32%; }
  .fe-s042__pair { display: none; }
  .fe-s042__close { font-size: 15px; }
  /* 044 — the page becomes the demo; the table becomes paired rows */
  .fe-s044 { display: block; padding: 24px 16px 40px; min-height: 0; }
  .fe-s044 h2 { margin: 6px 0 14px !important; font-size: 32px; line-height: 1; }
  .fe-s044__h1 { display: none; }
  .fe-s044__strip { height: auto; background: none; overflow: visible; }
  .fe-s044__hero { position: relative; height: 150px; }
  .fe-s044__story, .fe-s044__shop { display: none; }
  .fe-s044__switch { position: relative; top: auto; height: 36px; margin-top: 6px; }
  .fe-s044__dek { display: none; }
  .fe-s044__t { margin-top: 14px !important; }
  .fe-s044__t thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .fe-s044__t caption { caption-side: bottom; padding: 10px 0 0; text-transform: none; }
  .fe-s044__t tbody tr { display: grid; grid-template-columns: 1fr auto; column-gap: 10px; border-top: 1px solid var(--ink); padding: 8px 0; }
  .fe-s044__t tbody tr:first-child { display: none; }
  .fe-s044__t tbody tr:last-child { border-bottom: 1px solid var(--ink); }
  .fe-s044__t tbody th { grid-column: 1 / -1; padding: 0; border: 0; }
  .fe-s044__t tbody td { padding: 2px 0 0; border: 0; }
  .fe-s044__t tbody td.fe-story { font-style: italic; }
  .fe-s044__t tbody td:last-child { text-align: right; }
  .fe-s044__close { font-size: 16px; }
  /* 046 — a tap-through stepper on one stage */
  .fe-s046 { padding: 24px 16px 40px; min-height: 0; }
  .fe-s046 h2 { margin: 6px 0 16px !important; font-size: 48px; }
  .fe-s046__stage { height: 110cqi; margin-top: 0; }
  .fe-s046__fig { left: 10%; width: 80%; }
  .fe-s046.is-comp .fe-s046__fig { left: 30%; width: 90%; }
  .fe-s046__type { border-width: 16px; }
  .fe-s046__tt { top: -16px; height: 16px; font-size: 11px; letter-spacing: .4em; }
  .fe-s046__tl, .fe-s046__tr { display: none; }
  .fe-s046__tb { bottom: -16px; height: 16px; font-size: 11px; }
  .fe-s046__premise { left: 10px; top: 10px; width: 70%; padding: 10px 12px; }
  .fe-s046__premise p:last-child { font-size: 15px; }
  .fe-s046__seq { right: auto; left: 22px; top: auto; bottom: 30px; }
  .fe-s046__seq div { width: 56px; }
  .fe-s046__ctl { margin-top: 14px; }
  .fe-s046__steps { display: block; }
  .fe-s046__steps li { border-top: 1px solid var(--ink); }
  .fe-s046__steps li:last-child { border-bottom: 1px solid var(--ink); }
  .fe-s046__steps button { width: 100%; height: auto; min-height: 44px; border: 0; text-align: left; text-transform: none; font-size: 12px; padding: 0 6px; }
  .fe-s046__next { align-self: stretch; }
  .fe-s046__note { font-size: 15px; }
  /* 050 — accordion; posture visible while collapsed */
  .fe-s050 { padding: 24px 16px 40px; }
  .fe-part { gap: 10px; padding-bottom: 8px; }
  .fe-part__n, .fe-part h2 { font-size: 44px; }
  .fe-part__dek, .fe-legend { display: none; }
  .fe-areas { margin-top: 0 !important; border-top: 0; }
  .fe-area { display: block; padding: 0; }
  .fe-area__static { display: none; }
  .fe-area__btn { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%; min-height: 52px; border: 0; background: transparent; padding: 0; text-align: left; font: 700 20px/1.1 var(--d); }
  .fe-area__body { display: block; padding-bottom: 14px; }
  .fe-area__body[hidden] { display: none; }
  .fe-area__rules { gap: 8px; }
  .fe-area__q { margin-top: 8px !important; }
  .fe-s050__foot { display: flex; flex-direction: column; gap: 18px; margin-top: 18px; }
  .fe-s050__export { order: -1; padding: 12px; }
  .fe-s050__export pre { display: none; }
  /* 054 — the timeline swipes; the claims become cards */
  .fe-s054 { padding: 24px 16px 40px; }
  .fe-s054__dek, .fe-s054__range { display: none; }
  .fe-rail--time .fe-rail__track { padding-inline: 0; margin-top: 18px !important; }
  .fe-rail--time .fe-rail__nav { padding-inline: 0; }
  .fe-s054__time li { width: 56cqi; padding-top: 8px; font-size: 14px; }
  .fe-s054__y { font-size: 48px; margin-bottom: 6px !important; }
  .fe-s054__th { margin: 26px 0 8px !important; }
  .fe-s054__t thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .fe-s054__t, .fe-s054__t tbody { display: block; }
  .fe-s054__t tr { display: grid; grid-template-columns: auto 1fr; column-gap: 6px; border-top: 1px solid #4a4741; padding: 10px 0; }
  .fe-s054__t td { display: block; border: 0; padding: 0; }
  .fe-s054__t td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; margin-top: 4px; font-size: 15px; }
  .fe-s054__t td:nth-child(3) { grid-column: 1 / -1; grid-row: 3; width: auto; margin-top: 4px; font: 400 11px/1.4 var(--m); color: #b8b2a7; }
  .fe-s054__t td:last-child::before { content: "· used on "; }
  :root.fe-js .fe-s054:not(.is-all) .fe-s054__more { display: none; }
  :root.fe-js .fe-s054__all { display: block; width: 100%; min-height: 44px; margin-top: 6px; border: 1px solid var(--bone); background: transparent; color: var(--bone); font: 400 14px/1.2 var(--d); }
  .fe-s054__rest { display: block; font: 400 11px/1.4 var(--m); }
  :root.fe-js .fe-s054.is-all .fe-s054__all { display: none; }
  .fe-s054__cols { margin-top: 22px; }
  .fe-s054__cov { padding: 14px; }
  .fe-s054__cov dl { font-size: 14px; grid-template-columns: 1fr 1fr; }
  .fe-s058 { display: block; min-height: 0; padding: 40px 16px 60px; }
  .fe-bp--d { display: none; }
  .fe-bp--m { display: block; }
  .fe-photo { object-position: var(--fx-m) var(--fy-m); }
}
@container fe (min-width: 640px) and (max-width: 999px) {
  .fe-bp--d { display: none; }
  .fe-bp--t { display: block; }
  .fe-photo { object-position: var(--fx-t) var(--fy-t); }
}

/* Reduced motion: sequences show every frame in order, the stepper jumps,
   nothing pins or animates. */
@media (prefers-reduced-motion: reduce) {
  :root.fe-js .fe-s034 [data-fe-frame] { opacity: 1 !important; transform: none !important; transition: none !important; }
  .fe-s046, .fe-s046__stage, .fe-s046__fig, .fe-s046__sty { transition: none !important; }
  .fe-seq__count { position: static !important; }
  .fe-seq__f { min-height: 0 !important; margin-bottom: 26px !important; }
  .fe-rail__track { scroll-behavior: auto; }
}