:root{--ink:#05080d;--ink2:#09111a;--panel:#0d1823;--paper:#f4f7f8;--muted:#aebbc5;--cyan:#37ddff;--blue:#197cff;--gold:#e8b955;--line:rgba(255,255,255,.14);--max:1180px;--radius:26px;--shadow:0 28px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}
html{background:var(--ink);color-scheme:dark;scroll-behavior:smooth;overflow-x:hidden}
body{min-width:320px;margin:0;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,input{font:inherit}
:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.skip-link{position:fixed;z-index:200;top:10px;left:10px;padding:12px 16px;transform:translateY(-150%);border-radius:10px;background:var(--paper);color:var(--ink);font-weight:900}.skip-link:focus{transform:none}
.masthead{position:fixed;z-index:100;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(18px,calc((100vw - var(--max))/2));background:linear-gradient(180deg,rgba(5,8,13,.96),rgba(5,8,13,.72));border-bottom:1px solid transparent;backdrop-filter:blur(14px);transition:border-color .2s,background .2s}.masthead.is-scrolled{border-color:var(--line);background:rgba(5,8,13,.94)}
.wordmark{display:flex;align-items:center;gap:16px;white-space:nowrap}.wordmark strong{font-size:16px;letter-spacing:.11em}.wordmark strong span{color:var(--gold)}.wordmark small{color:#aab5bd;font-size:9px;letter-spacing:.25em}
.masthead nav{display:flex;gap:7px}.masthead nav a{display:grid;min-height:42px;place-items:center;padding:0 14px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.14em}.masthead nav a:hover{border-color:var(--line)}.masthead nav .nav-lock{border-color:var(--cyan);color:var(--cyan)}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;min-height:100svh;max-width:var(--max);margin:auto;padding:126px 30px 80px}.hero:before{content:"";position:absolute;z-index:-2;inset:0 -30vw;background:radial-gradient(circle at 78% 42%,rgba(14,88,191,.55),transparent 30%),radial-gradient(circle at 12% 74%,rgba(127,82,25,.24),transparent 28%),linear-gradient(145deg,#020509 5%,#09141e 52%,#05080d)}.hero:after{content:"";position:absolute;z-index:-1;inset:0 -30vw;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.eyebrow{margin:0 0 18px;color:var(--cyan);font-size:12px;font-weight:950;letter-spacing:.18em}.eyebrow b{padding:0 .35em;color:var(--gold)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1{margin-bottom:24px;font-size:clamp(60px,9.2vw,112px);font-weight:1000;line-height:.81;letter-spacing:-.072em;text-transform:uppercase}h1 em,h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--paper);text-shadow:0 0 34px rgba(20,138,255,.26)}
.lede{max-width:630px;margin-bottom:0;color:#d0d8dd;font-size:clamp(18px,2vw,24px);line-height:1.42}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 22px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.13em;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--paper);color:var(--ink);box-shadow:0 12px 30px rgba(0,0,0,.35)}.primary:hover{background:var(--cyan)}.secondary{border-color:var(--line);background:rgba(7,18,27,.72)}.secondary:hover{border-color:var(--gold);color:var(--gold)}.micro{margin:24px 0 0;color:#8798a5;font-size:9px;font-weight:900;letter-spacing:.14em}.boundary{max-width:650px;margin:16px 0 0;padding-left:14px;border-left:2px solid var(--gold);color:#9eacb5;font-size:14px;line-height:1.55}
.hero-mark{position:relative;display:grid;width:min(42vw,470px);aspect-ratio:1/1;place-items:center;justify-self:center;border-radius:50%;cursor:pointer}.hero-mark img,.hero-mark video{position:relative;z-index:2;width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;border-radius:50%;filter:drop-shadow(0 30px 60px #000)}.hero-mark video{position:absolute;inset:0;opacity:0;transition:opacity .45s}.hero-mark.video-playing,.hero-mark:hover{filter:brightness(1.06)}.hero-mark video.is-playing{opacity:1}.mark-orbit{position:absolute;inset:-9%;z-index:1;border:1px solid rgba(55,221,255,.22);border-radius:50%;box-shadow:inset 0 0 70px rgba(23,124,255,.18),0 0 80px rgba(23,124,255,.16)}.mark-orbit:before,.mark-orbit:after{content:"";position:absolute;border-radius:50%}.mark-orbit:before{inset:8%;border:1px solid rgba(232,185,85,.22)}.mark-orbit:after{top:5%;right:18%;width:9px;height:9px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.section{max-width:var(--max);margin:auto;padding:104px 30px}.section-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;align-items:end;margin-bottom:42px}.section-heading h2,.method h2,.principles h2{margin:0;font-size:clamp(44px,7vw,82px);line-height:.88;letter-spacing:-.06em}.section-heading>p{max-width:430px;margin:0;color:var(--muted);font-size:18px;line-height:1.55}
.door-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.door{position:relative;min-height:500px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.door:hover{border-color:rgba(55,221,255,.55)}.door-hit{position:absolute;z-index:3;inset:0;cursor:pointer}.door-ipmdb{grid-column:span 7;background:radial-gradient(circle at 80% 18%,#0b4c94,transparent 40%),linear-gradient(145deg,#06121e,#03070b)}.door-civic{grid-column:span 5;background:radial-gradient(circle at 60% 18%,rgba(15,112,148,.66),transparent 38%),linear-gradient(145deg,#0c1820,#0d2533 65%,#4d351e)}.door-dad{grid-column:span 12;min-height:390px;background:radial-gradient(circle at 78% 24%,rgba(92,131,47,.5),transparent 38%),linear-gradient(135deg,#0b1911,#07100b)}
.door-ipmdb>img{position:absolute;top:-10%;right:-12%;width:min(74%,560px);height:auto;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 26px 50px #000)}.door-copy{position:absolute;z-index:4;right:clamp(24px,4vw,48px);bottom:clamp(28px,4vw,44px);left:clamp(24px,4vw,48px);max-width:590px;pointer-events:none;text-shadow:0 2px 15px #000}.door-copy a{position:relative;z-index:6;pointer-events:auto}.door-copy small{color:var(--cyan);font-size:11px;font-weight:950;letter-spacing:.15em}.door-copy h3{margin:10px 0 13px;font-size:clamp(40px,5vw,64px);line-height:.92;letter-spacing:-.045em}.door-copy h3 span{color:var(--gold)}.door-copy p{max-width:560px;margin-bottom:20px;color:#c7d0d6;font-size:18px;line-height:1.5}.text-link,.split-actions a{font-size:11px;font-weight:950;letter-spacing:.12em}.text-link span,.split-actions span{color:var(--cyan)}
.civic-art{position:absolute;top:24px;left:50%;width:min(92%,520px);height:auto;aspect-ratio:3/2;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 24px 42px #000)}
.coin-pair{position:absolute;top:10px;right:4%;width:470px;height:340px}.coin-pair>a{position:absolute;z-index:6;width:55%;aspect-ratio:1/1;border-radius:50%}.coin-pair>a:first-child{top:0;left:0;transform:rotate(-8deg)}.coin-pair>a:last-child{right:0;bottom:0;transform:rotate(9deg)}.coin-pair>a:hover{filter:brightness(1.12)}.coin-pair img{width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;border-radius:50%;filter:drop-shadow(0 22px 34px #000)}.door-dad .door-copy{max-width:620px}.split-actions{display:flex;flex-wrap:wrap;gap:9px}.split-actions a{display:inline-flex;min-height:44px;align-items:center;padding:0 15px;border-radius:999px;background:var(--paper);color:var(--ink);text-shadow:none}.split-actions a:last-child{border:1px solid rgba(255,255,255,.3);background:transparent;color:var(--paper)}
.method{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.method-copy>p:last-child{max-width:550px;margin:28px 0 0;color:var(--muted);font-size:18px;line-height:1.6}.steps{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.steps li{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.steps li>b{color:var(--gold);font-size:12px;letter-spacing:.13em}.steps span{color:var(--muted);font-size:16px}.steps strong{display:block;margin-bottom:3px;color:var(--paper);font-size:19px;letter-spacing:.07em}
.section-heading.compact{margin-bottom:30px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-grid a{position:relative;display:grid;min-height:160px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0d1a25,#081018);transition:transform .2s,border-color .2s,background .2s}.tool-grid a:hover{transform:translateY(-3px);border-color:var(--cyan);background:linear-gradient(145deg,#112537,#09131d)}.tool-grid span{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.15em}.tool-grid strong{align-self:end;font-size:22px;letter-spacing:.03em}.tool-grid small{color:var(--muted);font-size:13px}.tool-grid i{position:absolute;top:20px;right:20px;color:var(--cyan);font-style:normal;font-size:20px}
.principles{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;max-width:var(--max);margin:36px auto;padding:90px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles ul{margin:0;padding:0;list-style:none}.principles li{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.1em}.principles li:first-child{border-top:1px solid var(--line)}.principles li span{color:var(--muted)}.principles li strong{color:var(--cyan);text-align:right}
.finale{position:relative;isolation:isolate;max-width:var(--max);margin:70px auto 0;padding:110px 30px;overflow:hidden;border:1px solid var(--line);border-radius:42px 42px 0 0;background:radial-gradient(circle at 70% 15%,#12488b,transparent 34%),linear-gradient(135deg,#08141e,#03070b);text-align:center}.finale:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:52px 52px}.finale h2{margin:0;font-size:clamp(48px,8vw,94px);line-height:.9;letter-spacing:-.065em}.finale>p:not(.eyebrow){max-width:590px;margin:25px auto;color:#c4cfd6;font-size:18px}.finale .button{margin-top:12px}.finale>small{display:block;margin-top:24px;color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.18em}
footer{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;max-width:var(--max);margin:auto;padding:34px 30px;color:#82939f;font-size:9px;letter-spacing:.14em}footer div{display:flex;flex-direction:column;gap:5px}footer strong{color:var(--paper)}footer nav{display:flex;gap:18px}footer a{color:var(--cyan)}
@media(max-width:850px){.masthead{padding:12px 14px}.wordmark{gap:0}.wordmark strong{font-size:14px}.wordmark small,.masthead nav a:not(.nav-lock){display:none}.masthead nav a{min-height:40px;padding:0 13px;font-size:10px}.hero{grid-template-columns:1fr;min-height:auto;padding:90px 18px 54px;text-align:center;gap:28px}.hero:after{display:none}.hero-copy{order:2}.hero-mark{order:1;width:min(68vw,280px);height:auto}h1{font-size:clamp(46px,14vw,62px)}.lede{margin-inline:auto;font-size:18px}.actions{justify-content:center;margin-top:24px}.button{min-height:48px;padding:0 18px;font-size:11px}.micro{font-size:8px;line-height:1.7}.section{padding:64px 14px}.section-heading{display:block;margin-bottom:26px}.section-heading h2,.method h2,.principles h2{font-size:clamp(38px,11vw,48px);line-height:.92}.section-heading>p{margin-top:20px;font-size:16px}.eyebrow{font-size:10px;line-height:1.6}.door-grid{display:block}.door{min-height:0;margin-bottom:14px}.door-ipmdb,.door-civic,.door-dad{display:flex;min-height:520px;flex-direction:column}.door-ipmdb>img{position:relative;top:auto;right:auto;width:min(78vw,310px);height:auto;aspect-ratio:1/1;margin:22px auto -10px}.door-copy{position:relative;inset:auto;margin-top:auto;padding:22px}.door-copy h3{font-size:38px}.door-copy p{font-size:16px}.civic-art{position:relative;top:auto;left:auto;width:min(94%,430px);height:auto;aspect-ratio:3/2;margin:22px auto 0;transform:none}.coin-pair{position:relative;top:auto;right:auto;width:min(90vw,340px);height:250px;margin:12px auto 0}.door-dad{min-height:540px}.method{display:block}.method-copy>p:last-child{font-size:16px}.steps{margin-top:36px}.steps li{grid-template-columns:42px 1fr}.steps strong{font-size:18px}.tool-grid{grid-template-columns:1fr 1fr}.tool-grid a{min-height:145px;padding:18px}.tool-grid strong{font-size:17px}.tool-grid i{top:16px;right:16px}.principles{display:block;margin:10px auto;padding:64px 16px}.principles ul{margin-top:34px}.principles li{display:grid;gap:4px;font-size:11px}.principles li strong{text-align:left}.finale{width:calc(100% - 20px);margin:44px 10px 0;padding:72px 16px;border-radius:30px 30px 0 0}.finale h2{font-size:clamp(38px,11vw,50px)}.finale>p:not(.eyebrow){font-size:16px}footer{grid-template-columns:1fr;gap:20px;padding:30px 18px;font-size:10px}footer nav{flex-wrap:wrap}}
@media(max-width:430px){.tool-grid{grid-template-columns:1fr}.tool-grid a{min-height:128px}.actions{display:grid}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.tool-grid a,.masthead{transition:none}.hero-mark video{display:none}}
.about-page{background:radial-gradient(circle at 80% 12%,rgba(13,88,181,.3),transparent 30%),var(--ink)}.about-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:8vw;max-width:var(--max);min-height:75svh;margin:auto;padding:130px 30px 70px}.about-hero h1{margin:12px 0 26px}.about-hero img{width:min(100%,440px);justify-self:center;border-radius:50%;filter:drop-shadow(0 30px 60px #000)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:var(--max);margin:auto;padding:0 30px 80px}.about-grid article{min-height:280px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#0d1a25,#071018)}.about-grid span{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.15em}.about-grid h2{margin:50px 0 12px;font-size:clamp(26px,4vw,42px);letter-spacing:-.035em}.about-grid p{max-width:580px;margin:0;color:var(--muted);font-size:17px;line-height:1.55}.about-rule{max-width:var(--max);margin:0 auto 30px;padding:90px 30px;border-top:1px solid var(--line);text-align:center}.about-rule p{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.17em}.about-rule p b{padding:0 12px;color:var(--gold)}.about-rule h2{margin:20px 0 32px;font-size:clamp(44px,8vw,92px);line-height:.9;letter-spacing:-.06em}@media(max-width:850px){.boundary{margin-inline:auto;text-align:left}.about-hero{grid-template-columns:1fr;min-height:auto;padding:105px 18px 55px;text-align:center}.about-hero img{grid-row:1;width:min(65vw,280px)}.about-grid{grid-template-columns:1fr;padding:0 14px 55px}.about-grid article{min-height:0;padding:26px}.about-grid h2{margin-top:34px}.about-rule{padding:64px 18px}}
@media(max-width:850px){.hero-mark video{display:none!important}}

/* AJF 16.2.3: stable image dimensions and compact mobile first fold. */
.hero-mark{display:block;overflow:visible;flex:none}
.hero-mark img{display:block;width:100%;height:auto!important;aspect-ratio:1 / 1;object-fit:contain;max-height:none;border-radius:50%}
.hero-mark video{display:none!important}
@media(max-width:850px){
  .hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-height:0;padding:88px 18px 40px}
  .hero-mark{order:0;display:block;width:min(55vw,220px)!important;height:auto!important;aspect-ratio:1/1;margin:0 auto 10px}
  .hero-mark img{position:static;width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:contain}
  .hero-copy{order:1;width:100%;max-width:620px}
  .hero .eyebrow{margin-top:0}
  .hero h1{margin:8px 0 18px;font-size:clamp(44px,11vw,60px);line-height:.94}
  .hero .lede{font-size:clamp(17px,4.4vw,20px);line-height:1.45}
  .hero .boundary{font-size:15px;line-height:1.5}
  .hero .actions{margin-top:20px}
}

/* 16.2.4 — concise editorial treatment; scoped to AJF home/about only */
.clean-ajf .masthead{position:relative;padding:16px max(20px,calc((100vw - 1180px)/2));background:#060d16;border-bottom:1px solid rgba(255,255,255,.12)}
.clean-ajf .wordmark strong{font-size:19px}.clean-ajf .masthead nav a{display:grid!important;font-size:12px;min-height:44px}.clean-ajf .masthead nav{gap:4px}
.clean-ajf .clean-hero{min-height:min(750px,calc(100svh - 75px));padding:50px 28px 60px;gap:50px;grid-template-columns:1.08fr .92fr;text-align:left}
.clean-ajf .clean-hero .hero-copy{order:0}.clean-ajf .clean-hero .hero-mark{order:0;display:block;aspect-ratio:1/1;width:min(38vw,440px);height:auto;max-width:100%;margin:0;overflow:visible}
.clean-ajf .clean-hero .hero-mark img{display:block;width:100%;height:auto!important;aspect-ratio:1/1;object-fit:contain;border-radius:50%}
.clean-ajf .clean-hero h1{margin:0 0 30px;font-size:clamp(60px,8.5vw,106px);line-height:.87;letter-spacing:-.07em}
.clean-ajf .clean-hero .eyebrow{font-size:14px;margin-bottom:24px}
.clean-ajf .hero-cta{display:inline-flex;align-items:center;gap:14px;padding:12px 0;color:var(--cyan);font-weight:900;letter-spacing:.12em;font-size:14px;border-bottom:1px solid var(--cyan)}
.clean-ajf .clean-work{padding-top:55px}.clean-ajf .clean-work h2{font-size:clamp(32px,5vw,54px);margin:0 0 26px;letter-spacing:-.04em}
.clean-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.clean-tiles a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px;min-height:240px;padding:22px 12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(145deg,#0d2339,#07111c);text-align:center}.clean-tiles a:hover,.clean-tiles a:focus-visible{border-color:var(--cyan)}.clean-tiles img{width:100%;max-width:160px;height:160px;object-fit:contain}.clean-tiles strong{font-size:17px;line-height:1.2}.clean-tiles span{position:absolute;top:12px;right:16px;color:var(--cyan)}
.clean-more{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.clean-more a{padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:13px;font-weight:800}.clean-more a:hover{border-color:var(--cyan)}
.clean-ajf .clean-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px 24px;font-size:12px;letter-spacing:.08em}.clean-ajf .clean-footer nav{gap:20px}
.clean-ajf .about-rule-short{font-size:19px;letter-spacing:.09em;font-weight:800;color:var(--paper);line-height:1.5;margin:0 0 24px}.clean-ajf .about-rule-short span{font-size:14px;color:var(--cyan)}
@media(max-width:850px){.clean-ajf .masthead{padding:12px 18px}.clean-ajf .masthead nav a{display:grid!important;padding:0 9px;font-size:11px}.clean-ajf .clean-hero{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;min-height:0;gap:12px;padding:25px 20px 46px;text-align:center}.clean-ajf .clean-hero .hero-mark{order:0;width:min(53vw,225px)!important;height:auto!important;margin:0 auto}.clean-ajf .clean-hero .hero-copy{order:0;width:100%}.clean-ajf .clean-hero .eyebrow{margin:4px 0 14px;font-size:12px}.clean-ajf .clean-hero h1{font-size:clamp(44px,12vw,66px);line-height:.92;margin:0 0 20px}.clean-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.clean-tiles a{min-height:210px}.clean-tiles img{height:130px}.clean-ajf .clean-work{padding:35px 18px 50px}.clean-ajf .clean-footer{flex-direction:column;align-items:flex-start;font-size:11px}.clean-ajf .about-rule-short{font-size:15px}}
@media(max-width:390px){.clean-ajf .clean-hero .hero-mark{width:min(48vw,190px)!important}.clean-ajf .clean-hero h1{font-size:clamp(42px,11vw,55px)}.clean-tiles a{min-height:185px}.clean-tiles img{height:108px}.clean-tiles strong{font-size:14px}}