/* ══════════════════════════════════════════════════════════════════
   Fénix Animal Project — 2026 redesign layer
   Loaded AFTER fenix-styles.css and overrides it. Design source: the
   approved mockup (claude.ai design canvas, v39). Nothing here changes
   behaviour; every id and class the scripts use is kept.
   Pages: <html data-page="home|grid|lf|medical|guide|nutrition|resources">
   is set by fxApplyPage() in fenix-app.js.
   ══════════════════════════════════════════════════════════════════ */

:root{
 --fx-ink:#1F1A17; --fx-ink2:#3B332E; --fx-muted:#5C524B;
 --fx-bg:#FAF6F1; --fx-sand:#F3EBE2; --fx-line:#E9DFD5; --fx-card:#FFFFFF;
 --fx-or:#C2410C; --fx-or2:#9A3412; --fx-or-soft:#FCE9DD; --fx-peach:#FDBA8C;
 --fx-teal:#0F766E; --fx-teal-soft:#E6F4F1; --fx-crimson:#9F1239;
 --fx-head:'Bricolage Grotesque',system-ui,sans-serif;
 --fx-body:'Public Sans',system-ui,sans-serif;
 /* Re-point the original palette at the new one, so every existing rule
    that uses these variables follows along. */
 --or:#C2410C; --or2:#9A3412; --t400:#C2410C; --t50:#FCE9DD; --t100:#FDBA8C;
 --g800:#1F1A17; --g600:#5C524B; --g100:#F3EBE2; --g200:#E9DFD5;
}
body{font-family:var(--fx-body);background:var(--fx-bg);color:var(--fx-ink)}
h1,h2,h3,.path-tit,.mdt{font-family:var(--fx-head)}
a{color:var(--fx-or)}

/* ── Buttons ─────────────────────────────────────────────────────── */
.fx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;font:600 16px var(--fx-body);text-decoration:none;cursor:pointer;white-space:nowrap;box-sizing:border-box}
.fx-btn-primary{background:var(--fx-or);color:#fff;border:0}
.fx-btn-primary:hover{background:var(--fx-or2);color:#fff}
.fx-btn-ghost{background:#fff;color:var(--fx-ink);border:1.5px solid var(--fx-ink)}
.fx-btn-ghost:hover{background:var(--fx-ink);color:#fff}

/* ── Emergency banner ────────────────────────────────────────────── */
.urg{background:var(--fx-crimson);color:#fff;font-size:15px;font-weight:500;padding:12px 16px}
.urg a{color:#fff}

/* ── Header ──────────────────────────────────────────────────────── */
nav{background:var(--fx-bg);border-bottom:1px solid var(--fx-line);padding:0 24px}
.nav-inner{max-width:1440px;height:auto;min-height:84px;gap:20px;overflow:visible}
.logo{text-decoration:none;color:var(--fx-ink);gap:10px}
.logo-img{height:48px;width:48px}
.logo-text{font-family:var(--fx-head);font-weight:800;font-size:22px;letter-spacing:-.01em;color:var(--fx-ink)}
.logo-sub{display:none}
.logo-by{font-size:11.5px;color:var(--fx-muted);font-weight:500;margin-top:4px}
.nav-r{gap:8px;flex:1 1 auto;justify-content:flex-end}
.fx-nav{display:flex;gap:18px;flex:1 1 auto;justify-content:center}
.fx-nav .nl{font:600 15px var(--fx-body);color:var(--fx-ink);text-decoration:none;padding:0;min-height:44px;display:inline-flex;align-items:center;border-radius:0;border-bottom:2px solid transparent;background:none}
.fx-nav .nl:hover{color:var(--fx-or);background:none}
.fx-nav .nl.active{color:var(--fx-or);border-bottom-color:var(--fx-or)}
.nav-r .nc{background:var(--fx-or);border-radius:999px;min-height:44px;padding:0 18px;font:600 15px var(--fx-body)}
.nav-r .nc:hover{background:var(--fx-or2)}
.search-btn{min-height:44px;min-width:44px;border-radius:999px;border:1.5px solid var(--fx-line);background:#fff;color:var(--fx-ink)}
.lt{background:#fff;border:1.5px solid var(--fx-line);border-radius:999px;padding:2px}
.lb{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:13px;color:var(--fx-muted);text-decoration:none}
.lb.active{background:var(--fx-ink);color:#fff;box-shadow:none}
@media(max-width:1180px){
 .fx-nav{display:none}
 .hbg{display:block}
}

/* ── Homepage hero ───────────────────────────────────────────────── */
.hero{background:var(--fx-bg);color:var(--fx-ink);text-align:left;padding:44px 40px 32px;overflow:visible}
.fx-hero-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.fx-hero-text{display:flex;flex-direction:column;gap:24px}
.hero h1{font-family:var(--fx-head);font-weight:800;font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-.03em;margin:0;color:var(--fx-ink)}
.hero h1 span{color:var(--fx-or)}
.hero p.hero-context{font-size:19px !important;line-height:1.6;color:var(--fx-muted);opacity:1 !important;margin:0 !important;max-width:560px}
.fx-hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.fx-hero-langs{font-size:14px;color:var(--fx-muted)}
.fx-hero-photo img{width:100%;height:clamp(320px,44vw,640px);object-fit:cover;object-position:50% 0%;border-radius:28px;display:block}

/* ── The three boxes (approved wording, unchanged) ───────────────── */
.path-cards{max-width:1280px;gap:24px;margin:56px auto 0;align-items:stretch}
.path-card{display:flex;flex-direction:column;gap:14px;background:#fff;border:1.5px solid var(--fx-line);border-radius:24px;padding:32px;box-shadow:none}
.path-help,.path-animal{background:#fff;border-color:var(--fx-line)}
.path-lbl{font-size:13px;font-weight:700;letter-spacing:.1em;margin:0}
.path-help .path-lbl,.path-animal .path-lbl{color:var(--fx-or)}
.path-tit{font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-.01em;margin:0;color:var(--fx-ink)}
.path-desc{font-size:16px;line-height:1.55;color:var(--fx-muted);margin:0}
.path-cta{margin-top:auto;border-radius:999px;min-height:52px;font:600 16px var(--fx-body)}
.path-help .path-cta,.path-animal .path-cta,.path-register .path-cta{background:var(--fx-or)}
.path-help .path-cta:hover,.path-animal .path-cta:hover,.path-register .path-cta:hover{background:var(--fx-or2)}
.path-subactions{gap:10px;margin-top:0}
.path-sub{border-radius:999px;border:1.5px solid var(--fx-ink);color:var(--fx-ink);background:#fff;font-size:13.5px;font-weight:600}
.path-sub:hover{background:var(--fx-ink);color:#fff}
.path-register{background:var(--fx-ink);border-color:var(--fx-ink)}
.path-register .path-lbl{color:var(--fx-peach)}
.path-register .path-tit{color:#fff}
.path-register .path-desc{color:#D9CFC6}

@media(max-width:900px){
 .hero{padding:28px 16px 24px}
 .fx-hero-grid{grid-template-columns:1fr;gap:28px}
 .path-cards{grid-template-columns:1fr;margin-top:32px}
 .path-card{padding:24px}
}

/* ── Section pages ───────────────────────────────────────────────── */
.fx-page-head{max-width:1100px;margin:36px auto 8px;padding:0 16px}
.fx-page-head h1{font-family:var(--fx-head);font-weight:800;font-size:clamp(32px,4.5vw,48px);letter-spacing:-.02em;line-height:1.05}
html:not([data-page="home"]):not(.fx-shared) .hero,
html:not([data-page="home"]):not(.fx-shared) .fx-home-only{display:none}
html:not([data-page="home"]):not([data-page="grid"]) .fx-orgs-only{display:none}
/* The directory tabs are styled as coloured folders further down
   ("Console + coloured folders", 2026-10-07). */

/* ── Directory, search and filters ───────────────────────────────── */
.vzalert{background:#fff;border:1px solid var(--fx-line);border-left:4px solid var(--fx-crimson);border-radius:16px}
.vzalert h3{color:var(--fx-crimson);font-family:var(--fx-head)}
.srch{background:transparent;border-bottom:0}
.sbar input{border-radius:12px;border:1.5px solid var(--fx-ink);min-height:48px;font-size:16px}
.sbar button{border-radius:999px;background:var(--fx-or);min-height:48px;padding:0 24px}
.fc{border-radius:999px;font-size:13px;min-height:36px;border-color:var(--fx-line);color:var(--fx-ink2)}
.fc:hover,.fc.active{background:var(--fx-ink);border-color:var(--fx-ink);color:#fff}

/* ── Cards ───────────────────────────────────────────────────────── */
.oc,.lfc2{border-radius:20px;border-color:var(--fx-line)}
.oc:hover{border-color:var(--fx-or);box-shadow:none;transform:none}
.ocn{font-family:var(--fx-head);font-size:17px}

/* ── Dialogs ─────────────────────────────────────────────────────── */
.md{border-radius:24px}
.mdt{font-weight:700}

/* ── Footer (light, 2026-10 revision) ────────────────────────────── */
footer{background:var(--fx-sand);color:var(--fx-ink);border-top:1px solid var(--fx-line)}
footer .flogo-img{display:block;width:210px;height:auto;margin-bottom:8px}
footer .fsub{display:none}
footer .fby,footer .fdesc{color:var(--fx-muted)}
footer h4{font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fx-or)}
footer a,footer button{color:var(--fx-ink2)}
footer a:hover,footer button:hover{color:var(--fx-or)}
footer .fb{border-top:1px solid #E2D5C8;color:var(--fx-muted)}
.fx-credit a{color:var(--fx-or);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ── Fixes after the first browser check ─────────────────────────── */
nav.fx-nav{background:none;border:0;padding:0;position:static;z-index:auto}
.lb{line-height:1}
@media(max-width:768px){
 nav{padding:0 12px}
 .nav-inner{min-height:68px;gap:10px}
 .nav-r{flex:0 0 auto;gap:6px}
 .logo-img{width:40px;height:40px}
 .logo-text{font-size:18px}
 .nav-r .lt{display:none}
 .search-btn-label{display:none}
 .urg{font-size:13.5px;padding:10px 14px}
 .hero p.hero-context{font-size:17px !important}
}
html:not([data-page="home"]):not([data-page="lf"]) .fx-reunion-promo{display:none}
.lt .lb{padding:0;line-height:38px}
.lt{gap:2px;align-items:center}
.lt .lb{width:40px;min-width:40px;height:36px;line-height:36px;display:inline-block;text-align:center}

/* ── Footer readability (Cata, 2026-10-06: "I can't read the footer") ─ */
footer .fc2 ul li a,footer .fc2 ul li button{color:var(--fx-ink2);font-size:15px;line-height:1.5;opacity:1}
footer .fc2 ul li a:hover,footer .fc2 ul li button:hover{color:var(--fx-or)}
footer .fc2 ul li{margin-bottom:6px}
footer .fc2 a[href^="mailto"]{font-size:14px !important;white-space:normal !important;overflow-wrap:anywhere}
footer .fby{font-size:13px;font-weight:600;color:var(--fx-muted)}
footer .fdesc{opacity:1;font-size:14.5px;line-height:1.6;color:var(--fx-muted)}
footer .fb,footer .fb span{font-size:13.5px;color:var(--fx-muted);opacity:1}
footer h4{font-size:13px}

/* Header fit on 1200–1400px laptops (it was 64px wider than the screen) */
@media(max-width:1400px){
 .search-btn-label{display:none}
 .fx-nav{gap:14px}
 .fx-nav .nl{font-size:14.5px}
}
@media(max-width:1260px){
 .fx-nav{display:none}
 .hbg{display:block}
}

/* ── Header: navy bar with the real logo artwork (Cata's pick, 2026-10-06,
   "option 2"). Emblem + wordmark + tagline are cropped from
   brand/fenix-animal-project-full-logo.png; white versions for the navy bar. */
.fx-lockup{display:flex;align-items:center;gap:14px;flex:0 0 auto;text-decoration:none}
.fx-lockup img{display:block;height:auto}
.fx-em{width:76px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}
.fx-words{display:flex;flex-direction:column;gap:7px}
.fx-wm{width:250px}
.fx-tg{width:190px;opacity:.82}
.fx-on-light{display:none !important}
.nav-inner{min-height:100px}
nav{background:#1B2A3B;border-bottom:0}
.fx-nav .nl{color:#fff}
.fx-nav .nl:hover{color:#FDBA8C}
.fx-nav .nl.active{color:#FDBA8C;border-bottom-color:#FDBA8C}
.search-btn{background:transparent;border-color:rgba(255,255,255,.32);color:#fff}
.lt{background:transparent;border-color:rgba(255,255,255,.32)}
.lb{color:#E6DED6}
.lb.active{background:#fff;color:#1B2A3B}
.hbg span{background:#fff}
nav.fx-nav{background:none}
@media(max-width:1400px){ .fx-wm{width:226px} .fx-tg{width:172px} .fx-em{width:70px} }
@media(max-width:1340px){ .fx-nav{display:none} .hbg{display:block} }
@media(max-width:768px){
 .nav-inner{min-height:72px}
 .fx-lockup{gap:10px}
 .fx-em{width:50px}
 .fx-wm{width:158px}
 .fx-tg{width:120px}
 .fx-words{gap:5px}
}
@media(max-width:380px){ .fx-wm{width:138px} .fx-tg{width:105px} .fx-em{width:44px} }

/* ── Accessibility button: in the header, Warm duotone style ─────────── */
.a11y-btn.a11y-in-header{position:static;width:44px;height:44px;flex:0 0 auto;border-radius:999px;background:transparent;border:1.5px solid rgba(255,255,255,.32);box-shadow:none;color:#fff;padding:0}
.a11y-btn.a11y-in-header:hover{background:rgba(255,255,255,.08)}
.a11y-btn.a11y-in-header .a11y-ico{width:24px;height:24px}
html.a11y-large .a11y-btn.a11y-in-header{width:44px;height:44px}
.a11y-panel.a11y-panel-top{left:auto;bottom:auto;max-height:min(560px,calc(100vh - 140px))}
@media(max-width:768px){
 .a11y-btn.a11y-in-header,.search-btn{width:40px;height:40px;min-width:40px;min-height:40px}
 .nav-r{gap:6px}
}
@media(max-width:480px){.a11y-panel.a11y-panel-top{left:12px !important;right:12px !important;width:auto}}

/* ══════════════════════════════════════════════════════════════════
   DIRECTION: "SLICED" (Cata's pick, 2026-10-06; built from 07 Duotone
   poster + 04 Diagonal). Rules: no rounded corners anywhere, square flat
   buttons, Anton outlined/filled headlines, navy + ember orange, photos in
   black and white or full color (never tinted).
   ══════════════════════════════════════════════════════════════════ */
:root{
 --fx-navy:#1B2A3B; --fx-or-l:#FF8A4C;
 --fx-head:'Archivo',system-ui,sans-serif;
 --fx-body:'Instrument Sans',system-ui,sans-serif;
 --fx-poster:'Anton','Archivo Narrow',Impact,sans-serif;
 --fx-mono:'IBM Plex Mono',ui-monospace,monospace;
}
*,*::before,*::after{border-radius:0 !important}
body{font-family:var(--fx-body)}
h1,h2,h3,.path-tit,.mdt,.ocn{font-family:var(--fx-head)}

/* Buttons: flat, square, uppercase */
.fx-btn{border-radius:0;min-height:54px;padding:0 24px;font:700 14px var(--fx-head);letter-spacing:.05em;text-transform:uppercase}
.fx-btn-primary{background:var(--fx-or-l);color:var(--fx-navy);border:0}
.fx-btn-primary:hover{background:#fff;color:var(--fx-navy)}
.fx-btn-ghost{background:#fff;color:var(--fx-navy);border:0}
.fx-btn-ghost:hover{background:var(--fx-or-l);color:var(--fx-navy)}
.nav-r .nc{background:var(--fx-or-l);color:var(--fx-navy);font:700 13.5px var(--fx-head);letter-spacing:.05em;text-transform:uppercase;padding:0 18px}
.nav-r .nc:hover{background:#fff;color:var(--fx-navy)}
.fx-nav .nl{font:600 14.5px var(--fx-body)}

/* Hero band */
.hero{padding:0;background:var(--fx-bg)}
.fx-hero-grid{max-width:none;margin:0;background:var(--fx-navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;min-height:clamp(520px,44vw,680px)}
.fx-hero-text{padding:clamp(36px,4.5vw,72px) clamp(24px,4vw,64px);display:flex;flex-direction:column;justify-content:center;gap:24px;max-width:720px}
.hero h1{font:400 clamp(54px,6.6vw,112px)/.88 var(--fx-poster);letter-spacing:.01em;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #fff;margin:0}
.hero h1 span{display:block;color:var(--fx-or-l);-webkit-text-stroke:0}
@supports not (-webkit-text-stroke:1px #fff){.hero h1{color:#fff}}
.hero p.hero-context{font:400 17px/1.65 var(--fx-body) !important;color:#D6DEE8;opacity:1 !important;max-width:54ch}
.fx-hero-ctas{display:flex;gap:0;flex-wrap:wrap}
.fx-hero-langs{font:500 12.5px var(--fx-mono);letter-spacing:.04em;color:#9FB0C3}

/* The slices: one photo, three angled cuts, offset like a film strip.
   Each slice paints the same image at the size of the whole strip and
   shifts it by the slice's own position, so the picture lines up. */
.fx-slices{position:relative;overflow:hidden;container-type:size;min-height:520px;background:var(--fx-navy)}
.fx-sl{position:absolute;top:0;bottom:0;display:block;
 --bw:max(100cqw,100cqh);--fy:.2;
 background-image:url(/brand/photos/hero.jpg);
 background-image:image-set(url(/brand/photos/hero.webp) type("image/webp"),url(/brand/photos/hero.jpg) type("image/jpeg"));
 background-repeat:no-repeat;background-size:var(--bw) var(--bw);
 filter:grayscale(1) contrast(1.12) brightness(1.02)}
.fx-s1{left:0;width:44%;clip-path:polygon(0 0,100% 0,78% 100%,0 100%);
 background-position:calc((100cqw - var(--bw))/2) calc((100cqh - var(--bw))*var(--fy))}
.fx-s2{left:36%;width:40%;top:6%;bottom:-6%;clip-path:polygon(22% 0,100% 0,78% 100%,0 100%);
 background-position:calc((100cqw - var(--bw))/2 - 36cqw) calc((100cqh - var(--bw))*var(--fy) - 6cqh)}
.fx-s3{left:68%;width:32%;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);
 background-position:calc((100cqw - var(--bw))/2 - 68cqw) calc((100cqh - var(--bw))*var(--fy))}
.fx-bar{position:absolute;left:30%;top:-2%;bottom:-2%;width:14px;background:var(--fx-or);transform:skewX(-10deg);z-index:2}

/* Light area under the hero */
.path-cards{padding:0 clamp(16px,3vw,40px);margin:56px auto 56px}
.path-card{border:2px solid var(--fx-navy);box-shadow:none}
.path-lbl{font:600 12px var(--fx-mono);letter-spacing:.1em}
.path-tit{font:800 26px/1.1 var(--fx-head);letter-spacing:-.02em}
.path-cta{border-radius:0;font:700 14px var(--fx-head);letter-spacing:.05em;text-transform:uppercase;min-height:54px}
.path-help .path-cta,.path-animal .path-cta{background:var(--fx-navy);color:#fff}
.path-help .path-cta:hover,.path-animal .path-cta:hover{background:var(--fx-or);color:#fff}
.path-register{background:var(--fx-navy);border-color:var(--fx-navy)}
.path-register .path-cta{background:var(--fx-or-l);color:var(--fx-navy)}
.path-register .path-cta:hover{background:#fff;color:var(--fx-navy)}
.path-sub{border:2px solid var(--fx-navy);color:var(--fx-navy);font:700 12.5px var(--fx-head);letter-spacing:.04em;text-transform:uppercase}
.path-sub:hover{background:var(--fx-navy);color:#fff}

/* Header icon buttons: square */
.search-btn,.a11y-btn.a11y-in-header,.lt,.lb{border-radius:0 !important}
.lt{padding:0;gap:0}
.lt .lb{height:40px;line-height:40px}

@media(max-width:900px){
 .fx-hero-grid{grid-template-columns:1fr;min-height:0}
 .fx-slices{min-height:0;height:clamp(240px,62vw,420px)}
.fx-sl{--fy:.8}
 .fx-hero-text{padding:26px 18px 34px}
 .hero h1{font-size:clamp(50px,15vw,84px);-webkit-text-stroke:1.5px #fff}
 .fx-hero-ctas{flex-direction:column}
 .fx-hero-ctas .fx-btn{width:100%;justify-content:space-between}
}
.fx-free>[lang]{display:none}
html[lang="en"] .fx-free>[lang="en"],html[lang="es"] .fx-free>[lang="es"],html[lang="fr"] .fx-free>[lang="fr"]{display:inline}
.fx-hero-langs{text-transform:uppercase;letter-spacing:.12em}
.hero h1{overflow-wrap:break-word;hyphens:auto}
.fx-hero-grid{overflow:hidden}
@media(max-width:900px){.hero h1{font-size:clamp(46px,13.5vw,84px)}}

/* ── Drawn icons instead of emoji (Warm duotone: ink lines over peach) ── */
.fx-ico{display:block;width:26px;height:26px;color:var(--fx-ink)}
.fx-ico .fx-blob{fill:#F9CDAE}
.mob-nav{background:#fff;border-top:2px solid var(--fx-navy)}
.mob-nav button{font:600 11px var(--fx-body);color:var(--fx-ink2)}
.mob-nav .mob-icon{font-size:0;line-height:0;display:flex;justify-content:center;margin-bottom:3px}
.mob-nav button.active{color:var(--fx-or);box-shadow:inset 0 3px 0 var(--fx-or)}
.mob-nav button.active .fx-blob{fill:#F59E62}
.fx-big-ico .fx-ico{width:48px;height:48px;margin:0 auto}
.search-btn-icon{display:inline-flex;align-items:center;font-size:0}
.search-btn-icon svg{display:block}
.search-btn{color:#fff;gap:8px}

/* ── Footer: "Angled band" (Cata's pick, 2026-10-06) ──────────────────
   Opens with the same angle and orange edge as the hero slices; poster
   column headings; numbered links like an index; dark strip for the
   small print. Numbers come from CSS counters, so the markup is unchanged. */
footer{position:relative;background:var(--fx-navy);color:#fff;border:0;padding:118px clamp(18px,4vw,48px) 0;margin-top:40px;clip-path:polygon(0 56px,100% 0,100% 100%,0 100%)}
footer .fx-fedge{position:absolute;left:0;right:0;top:0;height:70px;background:var(--fx-or);clip-path:polygon(0 56px,100% 0,100% 14px,0 70px)}
footer .fi{max-width:1280px}
footer .fg2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0}
footer .fc-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;align-items:end;padding-bottom:34px;border-bottom:2px solid rgba(255,255,255,.2)}
footer .fx-flock{display:flex;align-items:center;gap:14px}
footer .fx-fem{width:76px;height:auto}
footer .fx-fwords{display:flex;flex-direction:column;gap:7px}
footer .fx-fwords img{display:block;height:auto}
footer .fx-fwords img:first-child{width:260px}
footer .fx-fwords img:last-child{width:198px;opacity:.85}
footer .fby{display:none}
footer .fdesc{grid-column:2;grid-row:1;margin:0;color:#B9C6D4;font:400 15.5px/1.65 var(--fx-body);opacity:1;max-width:46ch}
footer .fc2{padding:28px 28px 34px 0}
footer .fc2+.fc2{padding-left:28px;border-left:2px solid rgba(255,255,255,.2)}
footer h4{font:400 28px/1 var(--fx-poster);letter-spacing:.01em;text-transform:uppercase;color:#fff;margin:0 0 16px}
footer .fc2 ul{counter-reset:fx;gap:2px}
footer .fc2 ul li{counter-increment:fx;margin:0}
footer .fc2 ul li a,footer .fc2 ul li button{display:grid;grid-template-columns:36px 1fr;align-items:baseline;width:100%;padding:6px 0;color:#E6EDF5;font:500 15.5px/1.4 var(--fx-body);text-align:left}
footer .fc2 ul li a::before,footer .fc2 ul li button::before{content:counter(fx,decimal-leading-zero);font:600 11.5px var(--fx-mono);color:var(--fx-or-l)}
footer .fc2 ul li a:hover,footer .fc2 ul li button:hover{color:var(--fx-or-l)}
footer .fc2 a[href^="mailto"]{font-size:15px !important;overflow-wrap:anywhere}
footer .fb{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 28px;border:0;margin:0;padding:16px 0 18px;background:#14202D;box-shadow:0 0 0 100vmax #14202D;clip-path:inset(0 -100vmax)}
footer .fb,footer .fb span{font:500 12.5px/1.5 var(--fx-mono) !important;color:#9FB0C3;letter-spacing:.02em}
footer .fb .ft-tag{color:#fff !important;font-weight:600 !important}
footer .fx-credit a{color:var(--fx-or-l);font-weight:600;text-decoration:none;border-bottom:1px solid var(--fx-or-l)}
@media(max-width:900px){
 footer{padding-top:82px;clip-path:polygon(0 32px,100% 0,100% 100%,0 100%)}
 footer .fx-fedge{height:44px;clip-path:polygon(0 32px,100% 0,100% 10px,0 44px)}
 footer .fg2,footer .fc-brand{grid-template-columns:1fr}
 footer .fdesc{grid-column:1;grid-row:auto}
 footer .fc2,footer .fc2+.fc2{padding:22px 0 24px;border-left:0;border-top:2px solid rgba(255,255,255,.2)}
 footer .fc-brand+.fc2{border-top:0}
 footer .fx-fwords img:first-child{width:200px}
 footer .fx-fwords img:last-child{width:152px}
 footer .fx-fem{width:58px}
 footer .fb{flex-direction:column;padding-bottom:96px}
}
footer .fc2 ul li a,footer .fc2 ul li button{min-height:40px;align-items:center;padding:4px 0}
footer .fc2 ul li a::before,footer .fc2 ul li button::before{align-self:center}

/* ── Hero buttons: "Sliced bar" (Cata's pick, 2026-10-06) ─────────────
   One bar split by the same angle as the photo slices; both halves are
   exactly the same size. Stacks with a gentle slant on phones. */
.fx-hero-ctas{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:640px;flex-wrap:nowrap}
.fx-hero-ctas .fx-btn{min-height:68px;width:auto;padding:0 20px;font:700 13.5px/1.2 var(--fx-head);letter-spacing:.06em;text-transform:uppercase;white-space:normal;justify-content:flex-start;text-align:left;border:0;box-shadow:none}
.fx-hero-ctas .fx-btn-primary{background:var(--fx-or-l);color:var(--fx-navy);padding-right:36px;margin-right:-11px;position:relative;z-index:2;clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%)}
.fx-hero-ctas .fx-btn-ghost{background:#fff;color:var(--fx-navy);padding-left:36px;margin-left:-11px;justify-content:flex-end;text-align:right;clip-path:polygon(22px 0,100% 0,100% 100%,0 100%)}
.fx-hero-ctas .fx-btn-primary:hover{background:#FFA06B;color:var(--fx-navy)}
.fx-hero-ctas .fx-btn-ghost:hover{background:#E8EEF4;color:var(--fx-navy)}
.fx-hero-ctas .fx-btn:focus-visible{outline:3px solid #fff;outline-offset:3px;clip-path:none}
@media(max-width:900px){
 .fx-hero-ctas{grid-template-columns:1fr;max-width:none}
 .fx-hero-ctas .fx-btn{width:100%;min-height:64px;justify-content:flex-start;text-align:left}
 .fx-hero-ctas .fx-btn-primary{margin:0 0 -10px;padding:0 20px 10px;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),0 100%)}
 .fx-hero-ctas .fx-btn-ghost{margin:0;padding:10px 20px 0;clip-path:polygon(0 10px,100% 0,100% 100%,0 100%)}
}

/* ── Three paths: "Index rows" (Cata's pick, 2026-10-06) ──────────────
   Full-width rows like a table of contents: huge outlined number (CSS
   counter), label + title, description, then the buttons on the right.
   Wording unchanged. Main buttons are all the same size. */
.path-cards{display:block;max-width:1280px;margin:56px auto 64px;padding:0 clamp(16px,3vw,40px);counter-reset:fxpath}
.fx-paths-hd{font:500 14px var(--fx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fx-muted);padding-bottom:14px}
.path-cards .path-card,.path-cards .path-register{counter-increment:fxpath;display:grid;
 grid-template-columns:110px minmax(200px,1.1fr) minmax(0,1.3fr) minmax(0,300px);
 grid-template-areas:"n lbl desc act" "n tit desc act" "n tit desc subs";
 grid-template-rows:auto auto 1fr;column-gap:32px;row-gap:8px;align-items:start;
 background:transparent;border:0;border-top:2px solid var(--fx-navy);padding:30px 0;min-height:0;box-shadow:none;color:var(--fx-ink)}
.path-cards .path-card:last-child{border-bottom:2px solid var(--fx-navy)}
.path-cards .path-card::before{content:counter(fxpath,decimal-leading-zero);grid-area:n;align-self:center;font:400 96px/.8 var(--fx-poster);color:transparent;-webkit-text-stroke:1.6px var(--fx-navy);transition:color .15s}
.path-cards .path-card:hover::before{color:var(--fx-or-l);-webkit-text-stroke:0}
.path-cards .path-lbl{grid-area:lbl;font:600 12px var(--fx-mono);letter-spacing:.14em;color:var(--fx-or);margin:0}
.path-cards .path-tit{grid-area:tit;font:400 34px/1 var(--fx-poster);letter-spacing:.005em;text-transform:uppercase;color:var(--fx-navy);margin:0}
.path-cards .path-desc{grid-area:desc;align-self:center;font:400 16px/1.6 var(--fx-body);color:var(--fx-muted);margin:0}
.path-cards .path-cta{grid-area:act;align-self:end;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;margin:0;padding:0 18px;background:var(--fx-navy);color:#fff;border:0;font:700 13px var(--fx-head);letter-spacing:.06em;text-transform:uppercase;text-align:left;cursor:pointer}
.path-cards .path-cta::after{content:"→";font-weight:400;font-size:16px;transition:transform .15s}
.path-cards .path-cta:hover{background:var(--fx-or);color:#fff}
.path-cards .path-cta:hover::after{transform:translateX(4px)}
.path-cards .path-register .path-cta{background:var(--fx-or)}
.path-cards .path-register .path-cta:hover{background:var(--fx-navy)}
.path-cards .path-subactions{grid-area:subs;display:flex;flex-direction:column;gap:0;margin:0}
.path-cards .path-sub{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:40px;padding:0 2px;background:none;border:0;border-bottom:1px solid var(--fx-line);color:var(--fx-navy);font:600 12px var(--fx-mono);letter-spacing:.05em;text-transform:uppercase;text-align:left;cursor:pointer}
.path-cards .path-sub::after{content:"→"}
.path-cards .path-sub:hover{background:none;color:var(--fx-or)}
@media(max-width:1100px){
 .path-cards .path-card{grid-template-columns:90px minmax(0,1fr) minmax(0,280px);grid-template-areas:"n lbl act" "n tit act" "n desc subs";grid-template-rows:auto auto 1fr}
 .path-cards .path-desc{align-self:start}
}
@media(max-width:700px){
 .path-cards{margin:36px auto 44px}
 .path-cards .path-card{grid-template-columns:1fr;grid-template-areas:"n" "lbl" "tit" "desc" "act" "subs";grid-template-rows:none;row-gap:10px;padding:24px 0}
 .path-cards .path-card::before{font-size:64px;align-self:start}
 .path-cards .path-tit{font-size:30px}
 .path-cards .path-cta{margin-top:6px}
}
/* Spanish and French menu words are longer: switch to the menu button sooner. */
@media(max-width:1560px){html:not([lang="en"]) .fx-nav{display:none} html:not([lang="en"]) .hbg{display:block}}

/* ES/FR hero headline: line breaks are set in redesign.js (fxHeadlineBreaks):
   RENACIENDO / POR LOS / ANIMALES / EN CRISIS ; RENAÎTRE / POUR LES / ANIMAUX / EN CRISE */
.hero h1 .fx-l{display:block}
.hero h1 .fx-l.fx-key{color:var(--fx-or-l);-webkit-text-stroke:0}

/* "Choose your path" sits on a white band, so it reads as its own block
   against the cream directory section below (Cata, 2026-10-06). */
.path-cards{position:relative;margin:0 auto;padding-top:56px;padding-bottom:64px;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
@media(max-width:700px){.path-cards{padding-top:36px;padding-bottom:44px}}

/* ── Shared header/footer on every page (tools/site-chrome.py) ───────── */
.nav-r a.nc,.nav-r a.search-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.nav-r a.search-btn{gap:8px;padding:0 14px}
header .urg{display:block}
.res-lang,.lt2{display:flex;align-items:center;gap:0;border:1.5px solid rgba(255,255,255,.32);background:transparent;padding:0}
.res-lang>*,.lt2>.lb{width:40px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;font:600 13px var(--fx-body);color:#E6DED6;text-decoration:none;background:none;border:0;cursor:pointer}
.res-lang>span,.lt2>.lb.active{background:#fff;color:#1B2A3B}
.res-lang>a:hover,.lt2>.lb:hover{color:#FDBA8C}
@media(max-width:768px){.nav-r .res-lang{display:none}}
@media(max-width:768px){.nav-r a.nc{display:none}}
@media(max-width:768px){.nav-r:has(.lt2) .search-btn{display:none}.lt2>.lb{width:36px;min-width:36px;height:36px}}

/* ── Directory: "Console + coloured folders" (Cata's pick, 2026-10-07) ──
   A navy search console with the six areas as coloured folder tabs along
   its bottom edge. The open tab's colour fills the folder below, which holds
   the results on a white sheet; two thin edges under it hint at the other
   folders behind. Markup: <section class="fx-dir"> in index.html. */
.fx-dir{--fx-gut:max(16px,calc((100% - 1100px) / 2));--fold:#FFE2CF;margin-bottom:64px}
.fx-dir:has(#tab-lf.active){--fold:#F9CDAE}
.fx-dir:has(#tab-medical.active){--fold:#F3EBE2}
.fx-dir:has(#tab-guide.active){--fold:#E6DBCF}
.fx-dir:has(#tab-nutrition.active){--fold:#D9E3EC}
.fx-dir:has(#tab-resources.active){--fold:#C9D4E0}
.fx-dir-con{position:relative;background:var(--fx-navy);color:#fff;padding:56px var(--fx-gut) 0}
.fx-dir-con::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:var(--fx-or-l)}
html:not([data-page="home"]) .fx-dir-con{padding-top:44px}
/* Section pages (/medical and the rest): the page title sits in the console. */
.fx-dir-con .fx-page-head{max-width:none;margin:0 0 26px;padding:0}
.fx-dir-con .fx-page-head h1{font:400 clamp(44px,7vw,92px)/.9 var(--fx-poster);text-transform:uppercase;letter-spacing:.005em;color:#fff;margin:0}
html:not([data-page="home"]) .fx-dir .vtabs{margin-top:8px}
html:not([data-page="home"]) .fx-dir .srch[style*="block"]+.vtabs,html:not([data-page="home"]) .fx-dir .srch:not([style])+.vtabs{margin-top:30px}
.fx-dir-intro{margin:0;padding:0}
.fx-dir-k{font:600 12px var(--fx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fx-or-l)}
.fx-dir-h{font:400 clamp(44px,7vw,92px)/.9 var(--fx-poster);text-transform:uppercase;letter-spacing:.005em;margin:12px 0 14px;color:transparent;-webkit-text-stroke:1.6px #fff}
.fx-dir-h b{font-weight:400;color:#fff;-webkit-text-stroke:0}
.fx-dir-lede{color:#C9D4E0;max-width:62ch;margin:0 0 26px;font-size:16px;line-height:1.6}
/* Search bar: one white strip, square, orange Search button */
.fx-dir .srch{background:none;border:0;padding:0}
.fx-dir .si{max-width:none;margin:0}
.fx-dir .sbar{display:flex;flex-wrap:nowrap;gap:0;margin:0;background:#fff}
.fx-dir .sbar input{flex:1 1 0;min-width:0;border:0;border-radius:0;min-height:66px;padding:0 20px;font:400 17px var(--fx-body) !important;color:var(--fx-ink);background:#fff}
.fx-dir .sbar input::placeholder{color:#7C7268;text-overflow:ellipsis}
.fx-dir .sbar input:focus,.fx-dir .sbar input:focus-visible{outline:3px solid var(--fx-or-l);outline-offset:-3px;box-shadow:none}
.fx-dir-sel{display:flex;flex:none}
.fx-dir-sel select{-webkit-appearance:none;appearance:none;border:0 !important;border-left:2px solid var(--fx-line) !important;min-height:66px;min-width:180px !important;padding:0 40px 0 16px !important;font:500 15px var(--fx-body) !important;color:var(--fx-ink) !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231B2A3B' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center !important;cursor:pointer}
.fx-dir-sel select:focus-visible{outline:3px solid var(--fx-or-l);outline-offset:-3px}
.fx-dir .sbar button{flex:none;background:var(--fx-or-l);color:var(--fx-navy);border:0;border-radius:0;min-height:66px;padding:0 30px;font:800 14px var(--fx-head);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.fx-dir .sbar button:hover{background:#fff;color:var(--fx-navy);box-shadow:inset 0 0 0 2px var(--fx-or-l)}
/* Folder tabs */
.fx-dir .vtabs{display:flex;align-items:flex-end;gap:0;background:none;border:0;padding:0 14px 0 0;margin:34px 0 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fx-dir .vtabs::-webkit-scrollbar{display:none}
.fx-dir .vt{flex:none;min-height:0;margin:0 -6px 0 0;padding:14px 32px 13px 18px;border:0;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,0 100%);color:var(--fx-navy);font:700 13px var(--fx-head);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 -6px 8px -6px rgba(0,0,0,.28);transition:none}
.fx-dir .vt:nth-child(1){background:#FFE2CF}.fx-dir .vt:nth-child(2){background:#F9CDAE}.fx-dir .vt:nth-child(3){background:#F3EBE2}
.fx-dir .vt:nth-child(4){background:#E6DBCF}.fx-dir .vt:nth-child(5){background:#D9E3EC}.fx-dir .vt:nth-child(6){background:#C9D4E0}
.fx-dir .vt:hover{color:var(--fx-navy);box-shadow:inset 0 -6px 8px -6px rgba(0,0,0,.28),inset 0 3px 0 var(--fx-or-l)}
.fx-dir .vt.active{position:relative;z-index:2;padding-top:19px;box-shadow:none;color:var(--fx-navy);border:0}
.fx-dir .vt:focus-visible{outline:3px solid var(--fx-navy);outline-offset:-6px}
/* The open folder and the sheet of results inside it */
.fx-folder{margin:0 var(--fx-gut);background:var(--fold);padding:12px 22px 30px;box-shadow:0 14px 0 -6px #F9CDAE,0 28px 0 -12px #E6DBCF}
.fx-paper{background:#fff;border-top:3px solid var(--fx-navy);padding:4px 0 8px;min-width:0}
.fx-paper .ca{max-width:none;margin:0;padding:22px 24px 26px}
.fx-paper>.fx-orgs-only,.fx-paper>div:has(>#multi-emergency-banner){max-width:none !important;margin:0 !important;padding:0 24px !important}
.fx-paper .vzalert{margin:20px 0 0;max-width:none;border:1.5px solid var(--fx-crimson);border-left-width:6px;background:#fff}
#filter-bar{padding:18px 24px 0}
.fx-dir .frow{gap:6px}
.fx-dir .fc{min-height:36px;padding:7px 12px;border:1.5px solid var(--fx-line);background:#fff;color:var(--fx-ink);font:600 12.5px var(--fx-body)}
.fx-dir .fc:hover,.fx-dir .fc.active{background:var(--fx-navy);border-color:var(--fx-navy);color:#fff}
/* On the homepage only the organizations folder carries the country alert. */
.fx-dir:not(:has(#tab-grid.active)) .fx-orgs-only{display:none}
@media(max-width:900px){
 .fx-dir .sbar{flex-wrap:wrap}
 .fx-dir-sel{order:3;flex:1 1 100%;min-width:0;flex-wrap:wrap;gap:2px;background:var(--fx-line);border-top:2px solid var(--fx-line)}
 .fx-dir-sel select{flex:1 1 150px;min-width:0 !important;width:auto;border-left:0 !important}
 .fx-dir-sel select,.fx-dir .sbar input,.fx-dir .sbar button{min-height:56px}
 .fx-dir .sbar input{font-size:16px !important}
}
@media(max-width:700px){
 .fx-dir{--fx-gut:10px;margin-bottom:48px}
 .fx-dir-con{padding:40px 16px 0}
 .fx-dir-lede{font-size:15px}
 .fx-dir .sbar input{padding:0 14px}
 .fx-dir .sbar button{padding:0 18px}
 .fx-dir .vtabs{margin:26px -16px 0 -6px;padding:0 16px 0 6px}
 .fx-dir .vt{padding:12px 26px 11px 14px;font-size:12px}
 .fx-dir .vt.active{padding-top:16px}
 .fx-folder{padding:10px 8px 22px}
 .fx-paper .ca{padding:18px 14px 22px}
 .fx-paper>.fx-orgs-only,.fx-paper>div:has(>#multi-emergency-banner){padding:0 14px !important}
 #filter-bar{padding:16px 14px 0}
}

/* ── Accessibility button: "01 Word label" (Cata's pick, 2026-10-08) ──────
   The wheelchair symbol, the word Accessibility and an arrow, outlined like
   the labelled Search button beside it. Both are exactly 196 x 44. When the
   header is short of room both become equal icon squares. The panel below
   is square, navy and white, with square switches. */
.nav-r .search-btn,.a11y-btn.a11y-in-header{box-sizing:border-box;width:196px;min-width:196px;height:44px;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;flex:0 0 auto;border:1.5px solid rgba(255,255,255,.32);background:transparent;color:#fff;font:700 12.5px/1 var(--fx-head);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;cursor:pointer;text-decoration:none}
.nav-r .search-btn .search-btn-label{display:inline}
.nav-r .search-btn:hover,.a11y-btn.a11y-in-header:hover{background:transparent;border-color:#fff;color:#fff}
.a11y-btn.a11y-in-header .a11y-ico{width:22px;height:22px;flex:none}
.fx-a11y-car{margin-left:auto;flex:none;transition:transform .15s}
.a11y-btn.a11y-in-header[aria-expanded="true"]{background:#fff;border-color:#fff;color:var(--fx-navy)}
.a11y-btn.a11y-in-header[aria-expanded="true"] .fx-a11y-car{transform:rotate(180deg)}
/* One clean orange outline for keyboard focus, drawn over the border (no doubled box). */
.nav-r .search-btn:focus-visible,.a11y-btn.a11y-in-header:focus-visible{outline:2px solid var(--fx-or-l);outline-offset:-1.5px;box-shadow:none}
html.a11y-large .a11y-btn.a11y-in-header{width:196px;height:44px}
/* Room for the two labelled buttons: the section links move into the menu
   button until the screen is wide enough for both (they are also the folder
   tabs of the directory on the page). */
@media(max-width:1900px){.fx-nav{display:none}.hbg{display:block}}
@media(max-width:1999px){html:not([lang="en"]) .fx-nav{display:none}html:not([lang="en"]) .hbg{display:block}}
@media(max-width:1120px){
 .nav-r .search-btn,.a11y-btn.a11y-in-header,html.a11y-large .a11y-btn.a11y-in-header{width:44px;min-width:44px;padding:0;justify-content:center}
 .nav-r .search-btn .search-btn-label,.fx-a11y-word,.fx-a11y-car{display:none}
}
@media(max-width:768px){
 .nav-r .search-btn,.a11y-btn.a11y-in-header,html.a11y-large .a11y-btn.a11y-in-header{width:40px;min-width:40px;height:40px;min-height:40px}
}
/* The panel */
.a11y-panel.a11y-panel-top{width:360px;border:0;border-radius:0;background:#fff;color:var(--fx-ink);box-shadow:10px 10px 0 rgba(20,32,45,.28);font-family:var(--fx-body)}
.a11y-panel .a11y-ph{background:#14202D;color:#fff;padding:14px 18px;border:0}
.a11y-panel .a11y-pt{font:400 20px/1.05 var(--fx-poster);text-transform:uppercase;letter-spacing:.01em;color:#fff}
.a11y-panel .a11y-ph .mcl{width:32px;height:32px;min-height:32px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.32);background:none;color:#fff;font-size:20px;line-height:1;padding:0}
.a11y-panel .a11y-ph .mcl:hover{border-color:#fff}
.a11y-panel .a11y-pb{padding:4px 18px 18px}
.a11y-panel .a11y-row{margin:0;border-bottom:1px solid var(--fx-line)}
.a11y-panel .a11y-row:has(.a11y-size-row){display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0}
.a11y-panel .a11y-label{font:600 14.5px var(--fx-body);color:var(--fx-ink);margin:0}
.a11y-panel .a11y-size-row{gap:0;border:1.5px solid var(--fx-navy)}
.a11y-panel .a11y-size-row button{width:38px;height:32px;min-height:32px;border:0;background:none;color:var(--fx-navy);font:700 14px var(--fx-head);padding:0}
.a11y-panel .a11y-size-row button:hover{background:var(--fx-navy);color:#fff}
.a11y-panel .a11y-size-pct{flex:none;min-width:52px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;border-inline:1.5px solid var(--fx-navy);font:600 12.5px var(--fx-mono);color:var(--fx-ink);font-variant-numeric:tabular-nums}
.a11y-panel .a11y-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;padding:0;border:0;background:none;color:var(--fx-ink);font:600 14.5px var(--fx-body);text-align:left;cursor:pointer}
.a11y-panel .a11y-toggle[aria-pressed="true"]{background:none;color:var(--fx-ink)}
.a11y-panel .a11y-toggle .a11y-state{position:relative;flex:none;width:44px;height:24px;padding:0;border:1.5px solid var(--fx-navy);background:#fff;color:transparent;font-size:0;overflow:hidden}
.a11y-panel .a11y-toggle .a11y-state::after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;background:var(--fx-navy);transition:left .15s}
.a11y-panel .a11y-toggle[aria-pressed="true"] .a11y-state{background:var(--fx-navy)}
.a11y-panel .a11y-toggle[aria-pressed="true"] .a11y-state::after{left:23px;background:var(--fx-or-l)}
.a11y-panel .a11y-toggle:focus-visible{outline:2px solid var(--fx-or-l);outline-offset:2px}
.a11y-panel .a11y-reset{width:auto;margin:14px 0 0;padding:0;border:0;background:none;font:600 12px var(--fx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fx-or);text-decoration:underline;text-underline-offset:3px}
.a11y-panel .a11y-reset:hover{color:var(--fx-navy)}
.a11y-panel .a11y-divider{height:2px;background:var(--fx-navy);margin:16px 0 4px}
.a11y-panel .a11y-row:has(.a11y-listen-controls){border:0;padding-top:8px}
.a11y-panel .a11y-row:has(.a11y-listen-controls) .a11y-label{font:600 11px var(--fx-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fx-muted);margin-bottom:8px}
.a11y-panel .a11y-listen-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-bottom:8px}
.a11y-panel .a11y-listen-controls button{height:40px;min-height:40px;padding:0 6px;border:1.5px solid var(--fx-navy);background:#fff;color:var(--fx-navy);font:700 12px var(--fx-head);letter-spacing:.05em;text-transform:uppercase}
.a11y-panel #a11y-play{background:var(--fx-navy);color:#fff}
.a11y-panel .a11y-listen-controls button:hover:not(:disabled){background:var(--fx-or-l);border-color:var(--fx-or-l);color:var(--fx-navy)}
.a11y-panel .a11y-status{font:600 11.5px var(--fx-mono);color:var(--fx-muted)}
@media(max-width:480px){.a11y-panel.a11y-panel-top{width:auto;box-shadow:none;border-bottom:4px solid var(--fx-or-l)}}

/* ── Report a Reunion: "Back home" (Cata's pick, 2026-10-08) ─────────────
   A black and white photo cut on the hero's angle with an orange edge, and
   the outlined Anton headline with its second line filled in orange. */
.fx-back{background:var(--fx-navy);color:#fff}
.fx-back-in{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:440px}
.fx-back-phw{background:var(--fx-or-l);clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.fx-back-ph{position:relative;overflow:hidden;height:100%;min-height:440px;background-color:#2a2a2a;clip-path:polygon(0 0,calc(100% - 22px) 0,calc(82% - 22px) 100%,0 100%)}
/* Parallax (Cata, 2026-10-08: "parallax a bit to create movement"): the
   picture layer is taller than its frame and redesign.js slides it slowly as
   the section scrolls past. Off for reduced motion. */
.fx-back-img{position:absolute;left:0;right:0;top:-50px;bottom:-50px;background-image:url(/reunion-kiss-wide.webp);background-size:cover;background-position:64% 0;background-repeat:no-repeat;transform:translate3d(0,var(--fx-py,0px),0);will-change:transform}
.fx-back-h{transform:translate3d(0,var(--fx-ty,0px),0)}
@media(prefers-reduced-motion:reduce),(max-width:900px){.fx-back-img,.fx-back-h{transform:none}}
html.a11y-motion .fx-back-img,html.a11y-motion .fx-back-h{transform:none}
.fx-back-tx{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:60px max(24px,calc((100vw - 1100px) / 2)) 60px 36px;max-width:820px}
.fx-back-k{font:600 12px var(--fx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fx-or-l)}
.fx-back-h{font:400 clamp(52px,6vw,96px)/.9 var(--fx-poster);text-transform:uppercase;letter-spacing:.005em;margin:0;color:transparent;-webkit-text-stroke:1.6px #fff;text-wrap:balance}
.fx-back-h b{display:block;font-weight:400;color:var(--fx-or-l);-webkit-text-stroke:0}
.fx-back-tx p{margin:0;max-width:52ch;color:#C9D4E0;font-size:17px;line-height:1.6}
.fx-back-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;width:300px;height:58px;padding:0 22px;border:0;background:var(--fx-or-l);color:var(--fx-navy);font:800 14px var(--fx-head);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.fx-back-btn:hover{background:#fff;color:var(--fx-navy)}
.fx-back-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:700px){
 .fx-back-in{grid-template-columns:1fr;min-height:0}
 .fx-back-phw{clip-path:polygon(0 0,100% 0,100% 84%,0 100%)}
 .fx-back-ph{min-height:0;height:220px;clip-path:polygon(0 0,100% 0,100% calc(84% - 12px),0 calc(100% - 12px))}
 .fx-back-img{top:0;bottom:0;background-image:url(/reunion-kiss-phone.webp);background-position:50% 0}
 .fx-back-tx{padding:24px 20px 40px;gap:14px}
 .fx-back-btn{width:100%}
}

/* ── How it works: "05 Verification pass" (Cata's pick, 2026-10-08) ──────
   One pass split by dashed tear lines; step 2 is wider and navy and holds
   the five Verified checks, with an orange "5 checks" tag. */
.fx-how{background:#fff;padding:72px 16px 80px;color:var(--fx-ink)}
.fx-how .hi{max-width:1100px;margin:0 auto}
.fx-how-k{font:600 12px var(--fx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fx-or)}
.fx-how-h{font:400 clamp(40px,5vw,68px)/.92 var(--fx-poster);text-transform:uppercase;letter-spacing:.005em;color:var(--fx-navy);margin:12px 0 0;max-width:20ch;text-wrap:balance}
.fx-how-sub{font:600 13px var(--fx-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fx-muted);margin-top:14px}
.fx-pass{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:1fr 1.7fr 1fr 1fr;border:2px solid var(--fx-navy)}
.fx-ps{position:relative;padding:26px 22px 28px;border-left:2px dashed var(--fx-line);min-width:0}
.fx-ps:first-child{border-left:0}
.fx-ps-n{display:block;font:600 11.5px var(--fx-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fx-muted);margin-bottom:12px}
.fx-ps h3{font:800 20px/1.2 var(--fx-head);color:var(--fx-navy);margin:0;text-align:left}
.fx-ps p{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--fx-muted);text-align:left;opacity:1}
.fx-ps-v{background:var(--fx-navy);border-left:0;padding-top:30px}
.fx-ps-v + .fx-ps{border-left:0}
.fx-ps-v .fx-ps-n{color:var(--fx-or-l)}
.fx-ps-v h3{color:#fff}
.fx-ps-v p{color:#C9D4E0}
.fx-ps-tag{position:absolute;top:-2px;right:-2px;background:var(--fx-or-l);color:var(--fx-navy);font:600 11px var(--fx-mono);letter-spacing:.1em;text-transform:uppercase;padding:7px 11px}
.fx-ps-ver{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.fx-ps-ver h4{font:600 11.5px var(--fx-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fx-or-l);margin:0 0 14px}
.fx-ps-ver ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.fx-ps-ver li{display:flex;gap:12px;align-items:flex-start;color:#fff;font-size:15px;line-height:1.45}
.fx-ps-ver li svg{flex:none;width:22px;height:22px;margin-top:1px}
@media(max-width:700px){.fx-how{padding:48px 16px 56px}}
@media(max-width:1000px){
 .fx-pass{grid-template-columns:1fr}
 .fx-ps{border-left:0;border-top:2px dashed var(--fx-line);padding:22px 18px 24px}
 .fx-ps:first-child,.fx-ps-v,.fx-ps-v + .fx-ps{border-top:0}
 .fx-ps-v{grid-row:auto}
}

/* ── Register your organization (right below How it works, 2026-10-08) ──
   Same pass language: sand band, drawn ticks, navy stub card with a dashed
   tear line on its left and the orange Register button. */
.fx-reg{background:var(--fx-sand);padding:72px 16px 88px}
.fx-reg-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}
.fx-reg-h{font:400 clamp(40px,5vw,64px)/.92 var(--fx-poster);text-transform:uppercase;letter-spacing:.005em;color:var(--fx-navy);margin:12px 0 0}
.fx-reg-any{font:700 15px var(--fx-head);color:var(--fx-or);margin-top:14px}
.fx-reg-sub{margin:12px 0 0;font-size:16.5px;line-height:1.6;color:var(--fx-ink2);max-width:56ch}
.fx-reg-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.fx-reg-list li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--fx-ink)}
.fx-reg-list li::before{content:none}
.fx-reg-list li svg{flex:none;width:22px;height:22px;margin-top:1px}
.fx-reg-stub{position:relative;background:var(--fx-navy);color:#fff;padding:34px 32px 32px;border-left:3px dashed var(--fx-or-l);margin-top:34px}
.fx-reg-stub::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--fx-or-l)}
.fx-reg-stub p{margin:0 0 24px;color:#C9D4E0;font-size:16.5px;line-height:1.6}
.fx-reg-btn{display:flex;align-items:center;justify-content:center;width:100%;height:58px;border:0;background:var(--fx-or-l);color:var(--fx-navy);font:800 14px var(--fx-head);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.fx-reg-btn:hover{background:#fff}
.fx-reg-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:860px){.fx-reg-in{grid-template-columns:1fr;gap:28px}.fx-reg-stub{margin-top:0}}
@media(max-width:700px){.fx-reg{padding:48px 16px 60px}.fx-reg-stub{padding:28px 20px 22px}}

/* No pale strip between Register and the footer (Cata, 2026-10-08: "delete
   that white part"): on the homepage the footer's angled top slides up over
   the sand Register band, so the angle cuts straight out of it. */
html[data-page="home"]:not(.fx-shared) footer{margin-top:-56px;z-index:4}
html[data-page="home"]:not(.fx-shared) .fx-reg{padding-bottom:128px}
@media(max-width:700px){html[data-page="home"]:not(.fx-shared) .fx-reg{padding-bottom:100px}}

/* ── Scroll covers (Cata, 2026-10-08) ────────────────────────────────────
   Homepage only. The hero + "Choose your path" block and the Back home band
   stick once their bottom edge reaches the bottom of the screen, and the next
   section (Search the directory, How it works) slides up over them with an
   entrance. redesign.js sets the sticky top from each block's height. */
html[data-page="home"]:not(.fx-shared) .hero.fx-stick,
html[data-page="home"]:not(.fx-shared) .fx-back.fx-stick{position:sticky;z-index:0}
html[data-page="home"]:not(.fx-shared) .fx-dir{position:relative;z-index:1;background:var(--fx-bg);box-shadow:0 -24px 48px rgba(20,32,45,.28);margin-bottom:0;padding-bottom:64px}
html[data-page="home"]:not(.fx-shared) .fx-reunion-promo{position:relative;z-index:2}
html[data-page="home"]:not(.fx-shared) .fx-how{position:relative;z-index:3;box-shadow:0 -24px 48px rgba(20,32,45,.3)}
html[data-page="home"]:not(.fx-shared) .fx-reg{position:relative;z-index:3}
/* Entrance: content rises in as the covering section arrives. Only when
   redesign.js has marked the page ready, so nothing hides if scripts fail. */
html.fx-enter .fx-dir:not(.fx-in) .fx-dir-con>*,html.fx-enter .fx-dir:not(.fx-in) .fx-folder,
html.fx-enter .fx-how:not(.fx-in) .hi>*{opacity:0;transform:translate3d(0,48px,0)}
.fx-dir .fx-dir-con>*,.fx-dir .fx-folder,.fx-how .hi>*{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.fx-in .fx-dir-con>*:nth-child(2),.fx-in .hi>*:nth-child(2){transition-delay:.08s}
.fx-in .fx-dir-con>*:nth-child(3),.fx-in .hi>*:nth-child(3){transition-delay:.16s}
.fx-in .fx-dir-con>*:nth-child(4),.fx-in .hi>*:nth-child(4){transition-delay:.24s}
.fx-in .fx-dir-con>*:nth-child(5){transition-delay:.3s}
.fx-dir.fx-in .fx-folder{transition-delay:.36s}
@media(prefers-reduced-motion:reduce){html.fx-enter .fx-dir:not(.fx-in) .fx-dir-con>*,html.fx-enter .fx-dir:not(.fx-in) .fx-folder,html.fx-enter .fx-how:not(.fx-in) .hi>*{opacity:1;transform:none}}

/* ── 03 Folder: articles, press, About (Cata, 2026-10-08) ─────────────── */
/* The page is rebuilt by redesign.js; until then it stays hidden, with a
   1.2 s fallback so content can never stay invisible if the script fails. */
html.fx-shared:not(.fx-lib-on) main:has(.res-grid,>article,h1[data-i18n="about_h1"]){animation:fxLibShow 0s 1.2s both}
@keyframes fxLibShow{from{opacity:0}to{opacity:1}}
.fx-lib{--fold:#FFE2CF;--fold2:#F9CDAE;--fold3:#E6DBCF;padding:0 0 24px}
.fx-lib.k-d{--fold:#DCE5EE;--fold2:#C9D4E0;--fold3:#B9C6D4}
.fx-lib.k-p{--fold:#EADFD3;--fold2:#DDCFC0;--fold3:#CDBDAB}
.fx-lib-in{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,48px);box-sizing:border-box}
.fx-lib.is-art .fx-lib-in{max-width:1000px}
.fx-lib-con{position:relative;background:var(--fx-navy);color:#fff;padding-top:clamp(34px,5vw,56px)}
.fx-lib-con::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--fx-or-l)}
.fx-lib-k{display:flex;flex-wrap:wrap;gap:6px 10px;font:600 11.5px/1.4 var(--fx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fx-or-l)}
.fx-lib-k a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.fx-lib-k a:hover{color:var(--fx-or-l);border-color:var(--fx-or-l)}
.fx-lib-k span[aria-hidden]{color:#7F93A8}
.fx-lib-h{font:400 clamp(60px,10vw,128px)/.88 var(--fx-poster);text-transform:uppercase;letter-spacing:.005em;color:#fff;margin:14px 0 16px}
.fx-lib-lede{margin:0;max-width:60ch;color:#C9D4E0;font:400 17px/1.6 var(--fx-body)}
.fx-lib-tabs{display:flex;align-items:flex-end;margin-top:30px;overflow-x:auto;scrollbar-width:none}
.fx-lib-tabs::-webkit-scrollbar{display:none}
.fx-lib.is-art .fx-lib-tabs{margin-top:22px}
.fx-tab{appearance:none;border:0;margin:0 -6px 0 0;padding:12px 34px 11px 16px;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 100%,0 100%);font:700 12.5px/1.2 var(--fx-head);letter-spacing:.05em;text-transform:uppercase;color:var(--fx-navy);text-decoration:none;white-space:nowrap;cursor:pointer;position:relative;background:#F9CDAE;box-shadow:inset 0 -6px 8px -6px rgba(0,0,0,.3);transition:padding .15s}
.fx-tab:nth-child(2){background:#D9E3EC}.fx-tab:nth-child(3){background:#C9D4E0}.fx-tab:nth-child(4){background:#E6DBCF}.fx-tab:nth-child(5){background:#F3EBE2}
.fx-tab:hover{padding-top:15px}
.fx-tab.on{background:var(--fold);padding-top:17px;box-shadow:none;z-index:2;cursor:default}
.fx-tab:focus-visible{outline:3px solid var(--fx-or);outline-offset:-5px}
.fx-fold{background:var(--fold);padding:14px 18px 28px;margin-bottom:28px;box-shadow:0 14px 0 -6px var(--fold2),0 28px 0 -12px var(--fold3)}
.fx-sheet{background:#fff;border-top:3px solid var(--fx-navy)}
/* listing rows */
.fx-sheet .res-grid{display:block;margin:0}
.fx-sheet .res-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 28px;align-items:center;padding:24px 28px;background:#fff;border:0;border-bottom:1px solid var(--fx-line);text-decoration:none;transition:background .15s}
.fx-sheet .res-card:last-child{border-bottom:0}
.fx-sheet .res-card[hidden]{display:none}
.fx-sheet .res-card>*{grid-column:1}
.fx-sheet .res-card:hover{background:#FFF6EF}
.fx-sheet .res-card h3{font:800 clamp(18px,1.9vw,21px)/1.25 var(--fx-head);color:var(--fx-navy);margin:8px 0 4px}
.fx-sheet .res-card:hover h3{color:var(--fx-or)}
.fx-sheet .res-card p{margin:0;max-width:78ch;color:var(--fx-muted);font:400 15px/1.55 var(--fx-body)}
.fx-sheet .res-card .fx-go{grid-column:2;grid-row:1/span 3;font:700 12.5px var(--fx-head);letter-spacing:.06em;text-transform:uppercase;color:var(--fx-or);white-space:nowrap}
html.fx-shared main .res-cat{justify-self:start;display:inline-block;margin:0;padding:5px 8px;font:600 10.5px/1.2 var(--fx-mono);letter-spacing:.12em;text-transform:uppercase;background:#F9CDAE;color:var(--fx-navy)}
html.fx-shared main .res-cat.d{background:#D9E3EC}
html.fx-shared main .res-cat.p{background:var(--fx-navy);color:#fff}
/* one sheet: article, press release, About */
.fx-sheet .fx-art{max-width:none;margin:0;padding:clamp(24px,4vw,48px) clamp(18px,5vw,60px) clamp(28px,4vw,52px)}
.fx-sheet .fx-art-h{font:400 clamp(38px,5.6vw,66px)/.95 var(--fx-poster);text-transform:uppercase;letter-spacing:.005em;color:var(--fx-navy);margin:14px 0 14px;text-align:left}
.fx-sheet .res-meta{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;font:600 11px/1.5 var(--fx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fx-muted);margin:0 0 30px;padding-bottom:22px;border-bottom:2px solid var(--fx-navy)}
.fx-sheet .res-meta-ai{font-style:normal;text-transform:none;letter-spacing:.02em}
.fx-sheet .fx-art-sub{margin:0 0 30px;padding:2px 0 2px 16px;border-left:4px solid var(--fx-or-l);font:400 18px/1.6 var(--fx-body);color:var(--fx-ink2);max-width:62ch}
.fx-sheet .about-p{font:400 16.5px/1.75 var(--fx-body);color:var(--fx-ink2);max-width:68ch;margin:0 0 18px}
.fx-sheet .about-h2{font:800 clamp(20px,2.3vw,24px)/1.25 var(--fx-head);color:var(--fx-navy);margin:38px 0 12px;max-width:40ch}
.fx-sheet .about-list{max-width:68ch}
.fx-sheet .about-list li{font:400 16.5px/1.7 var(--fx-body);color:var(--fx-ink2)}
.fx-sheet .about-list li::before{background:var(--fx-or);width:8px;height:8px;top:10px}
.fx-sheet .fx-art-end{text-align:center;font:600 13px var(--fx-mono);letter-spacing:.5em;color:var(--fx-muted);margin:36px 0 0}
.fx-sheet .fx-rule{width:64px;height:4px;background:var(--fx-or);margin:40px 0 8px}
.fx-sheet .fx-about .fx-tab{display:none}
/* help box: navy, white line icons */
.fx-sheet .res-help-box{position:relative;margin:44px 0 0;padding:24px 28px 14px;background:var(--fx-navy);border:0;color:#fff}
.fx-sheet .res-help-box::before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:var(--fx-or-l)}
.fx-sheet .res-help-box .fx-help-k{font:600 11.5px/1.4 var(--fx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fx-or-l);margin:4px 0 8px}
.fx-sheet .res-help-box ul{list-style:none;margin:0;padding:0;display:block}
.fx-sheet .res-help-box li a{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid rgba(255,255,255,.16);color:#fff;font:700 15.5px/1.35 var(--fx-head);text-decoration:none}
.fx-sheet .res-help-box li:first-child a{border-top:0}
.fx-sheet .res-help-box li a:hover{color:var(--fx-or-l);text-decoration:none}
.fx-help-ic{width:38px;height:38px;flex:none}
.fx-help-ic *{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}
.fx-help-go{margin-left:auto;padding-left:12px;color:var(--fx-or-l);font-size:18px}
/* related reading */
.fx-sheet .fx-rel{margin-top:40px;padding-top:18px;border-top:2px solid var(--fx-navy)}
.fx-sheet .fx-rel-k{font:600 11.5px var(--fx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fx-or);margin-bottom:10px}
.fx-sheet .fx-rel ul{list-style:none;margin:0;padding:0}
.fx-sheet .fx-rel a{display:block;padding:10px 0;border-bottom:1px solid var(--fx-line);font:800 17px/1.35 var(--fx-head);color:var(--fx-navy);text-decoration:none}
.fx-sheet .fx-rel a::after{content:" →";color:var(--fx-or)}
.fx-sheet .fx-rel a:hover{color:var(--fx-or)}
/* About buttons: two of the same size */
.fx-sheet .fx-about-cta{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:12px;margin-top:40px}
.fx-sheet .fx-about-cta .fx-btn{width:100%;white-space:normal;text-align:center}
.fx-btn-navy{background:var(--fx-navy);color:#fff;border:0}
.fx-btn-navy:hover{background:var(--fx-deep,#14202D);color:#fff}
@media(max-width:700px){
 .fx-lib-body{padding:0 10px}
 .fx-fold{padding:10px 8px 20px}
 .fx-tab{padding:10px 26px 9px 12px;font-size:11.5px}
 .fx-tab.on{padding-top:14px}
 .fx-sheet .res-card{grid-template-columns:1fr;padding:18px 16px}
 .fx-sheet .res-card .fx-go{grid-column:1;grid-row:auto;margin-top:8px}
 .fx-sheet .res-help-box{padding:22px 16px 10px}
 .fx-sheet .fx-about-cta{grid-template-columns:1fr}
}
/* the folder tab already names the topic, so the pill inside the sheet would repeat it */
.fx-sheet .fx-art>.res-cat{display:none}
.fx-sheet .fx-art-h{margin-top:0}
.fx-sheet .fx-art-h.is-mid{font-size:clamp(32px,4.4vw,52px)}
.fx-sheet .fx-art-h.is-long{font-size:clamp(28px,3.4vw,42px);line-height:1}
.fx-sheet .fx-about .fx-art-h{margin-bottom:30px}
.fx-sheet .fx-about-cta{grid-template-columns:repeat(2,minmax(0,320px))}
.fx-sheet .fx-about-cta .fx-btn{padding:10px 18px;line-height:1.25}
/* room for accents (Í, É) above Anton capitals so they never touch the breadcrumb */
.fx-lib-h{line-height:1;margin-top:22px}
.fx-sheet .fx-art-h{line-height:1.02;padding-top:.06em}
/* Accessibility button: icon only at every size (Cata, 2026-10-08) */
.a11y-btn.a11y-in-header,html.a11y-large .a11y-btn.a11y-in-header{width:44px;min-width:44px;padding:0;justify-content:center}
.fx-a11y-word,.fx-a11y-car{display:none}
@media(max-width:768px){.a11y-btn.a11y-in-header,html.a11y-large .a11y-btn.a11y-in-header{width:40px;min-width:40px;height:40px;min-height:40px}}