:root{--paper:#f7f7f5;--ink:#19232b;--muted:#626971;--line:#dfe2e3;--accent:#365344}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.page{max-width:1240px;margin:auto;padding:0 48px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:14px;font-weight:800;letter-spacing:.3px;display:flex;align-items:center;gap:10px}.brand-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.nav{font-size:12px;display:flex;align-items:center;gap:14px}.nav span{font-size:20px}.intro{padding:60px 0 56px;display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:40px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;margin:0 0 22px}.tiny-line{width:22px;height:1px;background:var(--accent)}h1{font-size:clamp(48px,5.8vw,74px);line-height:1.03;letter-spacing:-3.5px;font-weight:500;margin:0}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.intro-description{font-size:14px;line-height:1.75;color:var(--muted);margin:22px 0 0}.emg-wrap{display:flex;justify-content:center;align-items:center}.emg-logo{width:64%;max-width:225px;height:auto;mix-blend-mode:multiply}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 0 18px;font-size:10px;letter-spacing:1.3px}.section-heading h2{font-size:10px;font-weight:700;letter-spacing:1.7px;margin:0}.section-heading>span{color:var(--muted)}.publication-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.publication{position:relative;display:flex;flex-direction:column;min-width:0;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.publication:hover{border-color:#a4b1aa;box-shadow:0 8px 25px #19232b09;transform:translateY(-3px)}.number{position:absolute;left:22px;top:20px;font-size:10px;letter-spacing:1px;color:var(--muted)}.publication-brand{height:190px;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 26px;border-bottom:1px solid #eceeef;min-width:0}.thej-logo{width:75%;max-width:285px;height:auto}.jewish-brand img{width:64px;height:64px;object-fit:contain}.jn-name{font-family:Georgia,serif;font-weight:bold;letter-spacing:-1px;font-size:31px;color:#102535;white-space:nowrap}.jn-name>span{color:#a3333b}.jn-name small{font-size:17px}.canada-name{font-family:Georgia,serif;font-size:37px;letter-spacing:-1.5px;white-space:nowrap}.canada-name>span{font-style:italic}.canada-name small{font-size:20px}.scam-brand img{height:150px;width:85%;object-fit:contain}.publication-copy{display:flex;flex:1;flex-direction:column;padding:25px 28px 28px}.category{font-size:9px;letter-spacing:1.15px;font-weight:700;color:var(--accent);line-height:1.5}h3{font-size:23px;letter-spacing:-.65px;font-weight:600;margin:10px 0 12px}.publication-copy p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 25px;max-width:440px}.visit{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;margin-top:auto;padding-top:18px;border-top:1px solid #eceeef}.visit>span:last-child{font-size:20px;line-height:1}.arrow{display:none}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;margin-top:44px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-note{font-family:Georgia,serif;font-style:italic;font-size:13px}footer a{color:var(--ink)}.skip{position:fixed;top:-60px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.page{padding:0 18px}header{height:72px}.brand{font-size:11px;letter-spacing:0;gap:6px}.nav{font-size:10px;gap:8px}.intro{padding:36px 0;gap:15px;grid-template-columns:1fr 100px}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:16px}.tiny-line{display:none}h1{font-size:43px;letter-spacing:-2px}.intro-description{font-size:12px;line-height:1.6;margin-top:18px}.emg-logo{width:100%}.publication-grid{gap:12px}.section-heading{font-size:9px}.section-heading h2{font-size:9px}.publication-brand{height:132px;margin:0 12px;gap:5px}.number{left:12px;top:12px;font-size:8px}.jewish-brand img{width:35px;height:35px}.jn-name{font-size:17px;letter-spacing:-.7px}.jn-name small{font-size:10px}.thej-logo{width:100%}.canada-name{font-size:23px;letter-spacing:-1px}.canada-name small{font-size:12px}.scam-brand img{width:100%;height:100px}.publication-copy{padding:17px 13px}.category{font-size:7px;letter-spacing:.6px;min-height:22px}h3{font-size:18px;letter-spacing:-.6px;margin:8px 0 10px;overflow-wrap:anywhere}.publication-copy p{font-size:12px;line-height:1.65;margin-bottom:20px}.visit{font-size:10px;padding-top:13px}.visit>span:last-child{font-size:17px}footer{flex-wrap:wrap;gap:16px;margin-top:30px;padding:25px 0}.footer-note{display:none}}@media(max-width:370px){.page{padding:0 12px}.intro{grid-template-columns:1fr 75px}h1{font-size:38px}.jewish-brand{gap:4px}.jewish-brand img{width:27px;height:27px}.jn-name{font-size:15px}.canada-name{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* A full-screen, logo-only arrival. The cue never shifts the logo. */
.page{max-width:1400px;padding-inline:40px}
.intro{height:100vh;height:100svh;min-height:440px;display:flex;align-items:center;justify-content:center;padding:0;gap:0}
.logo-stage{position:relative;display:flex;justify-content:center;width:100%}
.intro .emg-logo{display:block;width:min(360px,62vw,45svh);max-width:none;height:auto;mix-blend-mode:multiply}
.scroll-cue{position:absolute;top:calc(100% + 40px);left:50%;transform:translate(-50%,10px);width:max-content;max-width:calc(100vw - 36px);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;font-size:12px;letter-spacing:.35px;line-height:1.6;color:var(--muted);opacity:0;pointer-events:none;transition:opacity .75s ease,transform .75s ease}
.scroll-cue.is-visible,.scroll-cue:focus-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.scroll-cue:hover{color:var(--ink)}
#publications{padding-top:36px}
.publication-grid{gap:28px}
.publication-brand{height:230px;margin-inline:32px}
.publication-copy{padding:30px 34px 34px}
.publication-copy p{max-width:500px;font-size:15px}
.publication-copy h3{font-size:25px}
.scam-brand img{height:185px}
@media(max-width:700px){.page{padding-inline:14px}.intro{min-height:400px}.intro .emg-logo{width:min(300px,66vw,43svh)}.scroll-cue{top:calc(100% + 36px);font-size:11px;gap:15px}#publications{padding-top:24px}.publication-grid{gap:12px}.publication-brand{height:155px;margin-inline:12px}.publication-copy{padding:20px 14px}.publication-copy p{font-size:12px}.publication-copy h3{font-size:18px}.scam-brand img{height:125px}}
@media(max-height:500px) and (min-width:701px){.intro{min-height:340px}.intro .emg-logo{width:170px}.scroll-cue{top:calc(100% + 20px);gap:8px}}
@media(prefers-reduced-motion:reduce){.scroll-cue{transition:none;transform:translate(-50%,0)}}
/* Trace the real EMG mark, then reveal its original solid artwork. */
.intro{height:100vh;height:100dvh}
.logo-reveal{position:relative;width:min(480px,78vw,58svh);isolation:isolate}
.intro .logo-reveal .emg-logo{width:100%;max-width:none;opacity:0;animation:emg-fill 1s cubic-bezier(.2,.65,.3,1) 1.15s forwards}
.emg-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:#303030;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;animation:emg-outline-out .65s ease 1.65s forwards}
.emg-outline path{stroke-dasharray:1;stroke-dashoffset:1;animation:emg-trace 1.5s cubic-bezier(.35,.05,.25,1) .05s forwards}
.scroll-cue{transition-duration:.45s}
#publications{padding-top:36px}
@keyframes emg-trace{to{stroke-dashoffset:0}}
@keyframes emg-fill{from{opacity:0;clip-path:inset(100% 0 0)}to{opacity:1;clip-path:inset(0 0 0)}}
@keyframes emg-outline-out{to{opacity:0}}
@media(max-width:700px){.logo-reveal{width:min(390px,80vw,56svh)}#publications{padding-top:76px}.scroll-cue{top:calc(100% + 32px)}}
@media(max-height:500px) and (min-width:701px){.logo-reveal{width:210px}}
@media(prefers-reduced-motion:reduce){.emg-outline{display:none}.intro .logo-reveal .emg-logo{animation:none;opacity:1;clip-path:none}}

/* Keep the publication area hidden until the visitor begins scrolling. */
#publications,footer{opacity:1;visibility:visible;transition:opacity .55s ease}
.publications-pending #publications,.publications-pending footer{opacity:0;visibility:hidden;pointer-events:none}
.scroll-cue.is-visible svg{animation:scroll-nudge 2.2s cubic-bezier(.45,0,.25,1) infinite}
@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(prefers-reduced-motion:reduce){.scroll-cue.is-visible svg{animation:none}#publications,footer{transition:none}}

.publication-nameplate{font-family:Georgia,'Times New Roman',serif;font-size:36px;line-height:1.06;letter-spacing:-1px;text-align:center;color:var(--ink)}
.publication-nameplate em{font-weight:400}
@media(max-width:700px){.publication-nameplate{font-size:22px;letter-spacing:-.7px}}
@media(max-width:370px){.publication-nameplate{font-size:19px}}

/* The directory is shown only after the complete hero logo leaves the viewport. */
[hidden]{display:none!important}
.floating-directory{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:50}
.directory-toggle{display:flex;align-items:center;justify-content:center;width:82px;height:65px;padding:12px;background:#19232b;color:white;border:1px solid #ffffff22;border-radius:7px;cursor:pointer;box-shadow:0 4px 18px #19232b20}
.directory-toggle:focus-visible{outline:3px solid #597048;outline-offset:4px}
.mini-emg{display:block;width:100%;height:100%;overflow:hidden}
.mini-outline{animation:emg-outline-out .65s ease 1.65s forwards}
.mini-outline path{stroke-dasharray:1;stroke-dashoffset:1;animation:emg-trace 1.5s cubic-bezier(.35,.05,.25,1) .05s forwards}
.mini-fill{opacity:0;animation:emg-fill 1s cubic-bezier(.2,.65,.3,1) 1.15s forwards}
.directory-panel{position:absolute;right:0;top:calc(100% + 10px);width:260px;max-width:calc(100vw - 36px);padding:22px;background:#19232b;color:white;border:1px solid #ffffff20;border-radius:8px;box-shadow:0 12px 40px #19232b25}
.directory-label{font-size:9px;letter-spacing:1.5px;color:#c0c9cf;margin:0 0 14px}
.directory-panel a{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;padding:15px 0;border-top:1px solid #ffffff25}
.directory-panel a:hover{color:#c9ddce}
.publication-copy{min-width:0}
.publication-copy h3{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.publication-nameplate{max-width:100%;overflow-wrap:anywhere}
.about-section{margin-top:80px;padding:50px 0 20px;border-top:1px solid var(--line);opacity:1;visibility:visible;transition:opacity .55s ease;scroll-margin-top:90px}
.publications-pending .about-section{opacity:0;visibility:hidden;pointer-events:none}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.about-layout h2{font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1.1;letter-spacing:-1.5px;margin:0}
.about-layout p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 22px;max-width:490px}
.about-link{font-size:12px;font-weight:600;display:inline-flex;gap:20px;align-items:center}
@media(max-width:700px){.floating-directory{top:max(14px,env(safe-area-inset-top));right:14px}.directory-toggle{width:69px;height:56px;padding:10px}.publication-copy h3{font-size:clamp(15px,4.2vw,18px);letter-spacing:-.45px}.about-section{margin-top:48px;padding-top:32px}.about-layout{grid-template-columns:1fr;gap:22px}.about-layout h2{font-size:34px}.about-layout p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mini-outline{display:none}.mini-fill{animation:none;opacity:1}.about-section{transition:none}}

/* Full-screen editorial directory, inspired by the supplied navigation reference. */
dialog.directory-panel{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#111320;color:#e4e2f0;overflow:hidden;box-shadow:none}
dialog.directory-panel[open]{display:grid;grid-template-columns:56% 44%;animation:directory-enter .4s ease both}
dialog.directory-panel::backdrop{background:#111320}
.menu-feature{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;background:radial-gradient(ellipse at 50% 48%,#5c465e 0,#2c293e 45%,#171a2b 85%)}
.menu-feature>.menu-emg{width:42%;max-width:400px;height:auto;overflow:hidden}
.menu-feature>p{position:absolute;bottom:40px;left:40px;margin:0;font-size:12px;line-height:1.6;font-weight:600;color:#fff}
.menu-content{position:relative;display:flex;flex-direction:column;padding:48px clamp(28px,4.5vw,72px) 30px;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(165deg,#202136,#0e101b)}
.menu-heading{display:flex;align-items:center;gap:18px;margin-bottom:64px;padding-right:55px;min-height:30px}
.menu-heading .menu-emg{width:42px;height:28px;flex-shrink:0;overflow:hidden}
.menu-heading>span{border-left:1px solid #76738e;padding-left:18px;font-size:13px;font-weight:600;line-height:1.4}
.directory-close{position:absolute;top:28px;right:28px;width:46px;height:46px;background:transparent;border:1px solid #d4cbe255;border-radius:50%;color:#e4e2f0;cursor:pointer;font-size:34px;line-height:1;display:grid;place-items:center;transition:background .2s,border-color .2s}
.directory-close:hover{background:#ffffff10;border-color:#e7c1d4}
.menu-main{display:flex;flex-direction:column;gap:20px}
.directory-panel .menu-main>a,.menu-main>button{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;font-stretch:condensed;font-weight:900;font-size:clamp(30px,3.4vw,58px);letter-spacing:-1.8px;line-height:1.08;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#dedaf0;background:none;border:0;padding:0;text-align:left;cursor:pointer;text-decoration:none}
.directory-panel .menu-main>a:hover,.menu-main>button:hover{color:#fff2c8}
.menu-main>button>span{font-family:Arial,sans-serif;font-weight:400;font-size:35px}
.menu-bottom{margin-top:auto;padding-top:60px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#b6b4c8;font-size:9px;letter-spacing:.7px}
.directory-panel .menu-bottom a{border:0;padding:0;white-space:nowrap;font-size:11px;letter-spacing:0}
.menu-back{background:none;border:0;color:#d2cedf;padding:0;margin-bottom:25px;font:inherit;font-size:12px;cursor:pointer}
.menu-publications h2{font-size:28px;text-transform:uppercase;letter-spacing:-1px;margin:0 0 8px}
.directory-panel .menu-view-all{font-size:12px;border:0;padding:8px 0 22px;color:#e6d4de}
.directory-panel .menu-site-links a{font-size:clamp(14px,1.4vw,20px);font-weight:600;padding:14px 0;letter-spacing:-.4px;border-color:#ffffff18;overflow-wrap:anywhere}
.directory-panel .menu-site-links a span[aria-hidden]{flex-shrink:0}
.directory-panel :focus-visible{outline:2px solid #e7c1d4;outline-offset:5px}
@keyframes directory-enter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){dialog.directory-panel[open]{grid-template-columns:1fr}.menu-feature{display:none}.menu-content{padding:max(32px,env(safe-area-inset-top)) 28px max(24px,env(safe-area-inset-bottom))}.menu-heading{margin-bottom:64px;padding-right:45px}.directory-close{top:max(24px,env(safe-area-inset-top));right:24px}.directory-panel .menu-main>a,.menu-main>button{font-size:clamp(32px,9vw,56px);letter-spacing:-1.5px}.menu-main{gap:25px}.menu-bottom{padding-top:44px;font-size:8px}.directory-panel .menu-site-links a{font-size:18px;padding:13px 0}.menu-publications h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){dialog.directory-panel[open]{animation:none}}
/* Keep the directory on the right at every screen size. */
dialog.directory-panel{inset:0 0 0 auto;width:min(560px,90vw);height:100vh;height:100dvh;margin:0 0 0 auto;border-left:1px solid #ffffff12}
dialog.directory-panel[open]{display:grid;grid-template-columns:minmax(0,1fr);animation:directory-slide-in .35s cubic-bezier(.2,.7,.2,1) both}
dialog.directory-panel::backdrop{background:#0e101b80;backdrop-filter:blur(4px)}
.directory-panel .menu-feature{display:none}
.menu-content{min-width:0;padding:44px 32px 28px}
.menu-heading{padding-right:48px;gap:12px}.menu-heading>span{padding-left:12px}
.directory-panel .menu-main>a,.menu-main>button{font-size:clamp(28px,7.8vw,44px);letter-spacing:-1.4px}
@keyframes directory-slide-in{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}
@media(max-width:700px){.menu-content{padding:max(30px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom))}.menu-heading>span{font-size:11px}.menu-heading .menu-emg{width:35px}.directory-close{right:18px;width:40px;height:40px}.menu-bottom{flex-wrap:wrap;gap:15px}.directory-panel .menu-site-links a{font-size:16px}}
@media(prefers-reduced-motion:reduce){dialog.directory-panel[open]{animation:none}}


/* Reference-matched sequence: top-down neon edge, sunset fill, then subtitle. */
.intro{position:relative;isolation:isolate}
.intro::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#050407;z-index:-1}
.logo-stage{isolation:isolate}
.logo-reveal.trailer-reveal{animation:trailer-settle 4.2s cubic-bezier(.2,.6,.2,1) both;transform-origin:center}
.trailer-logo{display:block;width:100%;height:auto;overflow:visible}
.trailer-outline-reveal{clip-path:inset(0 0 100% 0);animation:trailer-outline-sweep 1.8s cubic-bezier(.2,.6,.3,1) .1s both}
.trailer-halo{opacity:0;animation:trailer-glow 3.4s ease .1s both}
.trailer-edge{opacity:.9}
.trailer-color{opacity:0;animation:trailer-color-in 1.9s ease 1.25s both}
.trailer-finish{opacity:0;animation:trailer-border-in 1s ease 2s both}
.trailer-caption{opacity:0;animation:trailer-caption-in .75s cubic-bezier(.2,.7,.2,1) 3s both}
.intro .scroll-cue{color:#ded6e8}
.intro .scroll-cue:hover{color:#fff}
@keyframes trailer-outline-sweep{0%{clip-path:inset(0 0 100% 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes trailer-glow{0%{opacity:0}25%{opacity:.65}55%{opacity:.8}100%{opacity:.18}}
@keyframes trailer-color-in{0%{opacity:0}35%{opacity:.2}70%{opacity:.65}100%{opacity:1}}
@keyframes trailer-border-in{to{opacity:1}}
@keyframes trailer-caption-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes trailer-settle{from{transform:scale(1.04)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.logo-reveal.trailer-reveal{animation:none}.trailer-outline-reveal{animation:none;clip-path:none}.trailer-halo{animation:none;opacity:.18}.trailer-color,.trailer-finish,.trailer-caption{animation:none;opacity:1;transform:none}}

/* Gray-navy canvas, white identity, and a restrained one-time light sweep. */
:root{--paper:#293344;--ink:#f5f6f8;--muted:#c1c9d4;--line:#4a5566;--accent:#c9d9d1}
html,body{background:#293344}
.intro::before{background:#293344}
.intro .scroll-cue{color:#d2d9e2}
.publication{background:#323e50;border-color:#4a5669}
.publication:hover{border-color:#93a2b5;box-shadow:0 8px 26px #10172330}
.publication-brand{background:#f3f4f2;border:0;border-radius:5px;margin-top:22px;padding:16px;color:#19232b}
.publication-nameplate{color:#19232b}
.publication-copy p{color:#c8d0db}
.publication .category{color:#bfcfc7}
.visit{border-color:#536075;color:#f5f6f8}
.section-heading>span,footer{color:#c1c9d4}
.directory-toggle{background:#202b3d}
.menu-content{background:#293344}
dialog.directory-panel{background:#293344}
.directory-panel .menu-main>a,.menu-main>button{color:#f5f6f8}
.directory-panel .menu-main>a:hover,.menu-main>button:hover{color:#fff}
.directory-panel :focus-visible{outline-color:#d8e5f3}
.trailer-halo{animation:emg-white-glow 3.4s ease .1s both}
.intro-glare-band{animation:emg-glare-sweep 1.25s cubic-bezier(.25,.6,.35,1) 3.1s both}
@keyframes emg-white-glow{0%{opacity:0}25%{opacity:.3}55%{opacity:.4}100%{opacity:.06}}
@keyframes emg-glare-sweep{from{transform:translateX(0)}to{transform:translateX(1500px)}}
@media(max-width:700px){.publication-brand{margin-top:12px;padding:8px}}
@media(prefers-reduced-motion:reduce){.trailer-glare{display:none}.trailer-halo{animation:none;opacity:.06}}

/* A single coordinated outline, fill and soft-light timeline. */
.directory-close{width:auto;min-width:58px;height:38px;padding:0 10px;border-radius:4px;font:600 12px Arial,sans-serif}
.menu-heading{padding-right:64px}.visit,.about-link{justify-content:flex-start}
.logo-reveal.trailer-reveal{animation:none}
.trailer-outline-reveal{clip-path:none;animation:none}
.intro-outline-band{animation:emg-outline-feather 2.4s cubic-bezier(.35,0,.25,1) both}
.trailer-edge{stroke-linecap:round;stroke-linejoin:round}
.trailer-color,.trailer-finish{animation:emg-fill-soft 2.4s cubic-bezier(.35,0,.25,1) both}
.trailer-caption{animation:trailer-caption-in .95s cubic-bezier(.4,0,.2,1) 2.55s both}
.emg-radiance{opacity:0;animation:emg-fill-soft 2.4s cubic-bezier(.35,0,.25,1) both;pointer-events:none}
.emg-rays{transform-origin:475px 312px;filter:url(#emg-ray-softness);animation:emg-rays-settle 2s cubic-bezier(.4,0,.2,1) 4.15s both}
.emg-fill-bloom{filter:blur(20px);animation:emg-bloom-settle 2s cubic-bezier(.4,0,.2,1) 4.15s both;transform-origin:475px 312px}
.scroll-cue{gap:18px}
@keyframes emg-outline-feather{from{transform:translateY(0)}to{transform:translateY(800px)}}
@keyframes emg-fill-soft{from{opacity:0}to{opacity:1}}
@keyframes emg-rays-settle{from{transform:scale(1);opacity:1}to{transform:scale(.86);opacity:0}}
@keyframes emg-bloom-settle{from{transform:scale(1);opacity:.65}to{transform:scale(.94);opacity:0}}
@media(prefers-reduced-motion:reduce){.intro-outline-band{animation:none;transform:translateY(800px)}.trailer-color,.trailer-finish,.trailer-caption{animation:none;opacity:1;transform:none}.emg-radiance{display:none;animation:none}.emg-rays,.emg-fill-bloom{animation:none}.scroll-cue.is-visible svg{animation:none}}
body{overflow-x:clip}

/* Five publications, with consistent brand areas and readable domains. */
.publication-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.publication-grid>.publication{grid-column:span 2}
.publication-grid>.publication:nth-child(4){grid-column:2 / span 2}
.publication-brand{height:190px;margin:20px 20px 0;padding:24px;overflow:hidden}
.publication-brand img{display:block;width:100%;max-width:285px;max-height:120px;height:auto;object-fit:contain}
.publication-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.5vw,34px);line-height:1.12;letter-spacing:-1px;text-align:center;color:#19232b}
.publication-copy{padding:24px}
.publication-copy h3{font-size:clamp(18px,1.8vw,24px);line-height:1.3;letter-spacing:-.5px;margin:10px 0 24px;overflow-wrap:anywhere}
@media(max-width:1000px){.publication-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.publication-grid>.publication,.publication-grid>.publication:nth-child(4){grid-column:auto}.publication-grid>.publication:last-child{grid-column:1 / -1;max-width:calc(50% - 10px);width:100%;justify-self:center}.publication-wordmark{font-size:30px}}
@media(max-width:600px){.publication-grid{grid-template-columns:1fr;gap:18px}.publication-grid>.publication:last-child{grid-column:auto;max-width:none}.publication-brand{height:165px;margin:18px 18px 0;padding:24px}.publication-copy{padding:22px}.publication-copy h3{font-size:22px}.publication-wordmark{font-size:32px}}
#publications .section-heading{padding-right:100px}
@media(max-width:600px){#publications .section-heading{padding-right:76px;gap:12px}}

/* Original publication artwork; transparent vectors remain transparent. */
.publication-brand{background:#fff}
.publication-brand img{max-width:100%;max-height:140px}

/* Layered navy canvas and accessible native folder drawers. */
body{background:radial-gradient(ellipse at 15% 35%,#3a485c55,transparent 48%),linear-gradient(125deg,#172132 0%,#293548 46%,#1a2435 100%)}
.intro::before{background:radial-gradient(ellipse at 50% 44%,#39485d 0%,#263245 48%,#182233 100%)}
.network-drawers{display:flex;flex-direction:column;gap:18px}
.network-drawer{border:1px solid #64758d55;border-radius:12px;background:linear-gradient(135deg,#354459b8,#202c40ed);box-shadow:0 12px 30px #080e1b26,inset 0 1px 0 #ffffff0a;overflow:hidden;scroll-margin-top:28px}
.network-drawer>summary{display:flex;align-items:center;gap:18px;min-height:90px;padding:25px 30px;cursor:pointer;list-style:none;user-select:none;transition:background .2s}
.network-drawer>summary::-webkit-details-marker{display:none}
.network-drawer>summary:hover{background:#ffffff05}
.network-drawer>summary:focus-visible{outline:2px solid #c9d9e9;outline-offset:-5px;border-radius:10px}
.drawer-folder{width:28px;height:24px;flex:none;color:#afc0d5}.drawer-folder svg{display:block;width:100%;height:100%}
.drawer-title{font-size:24px;font-weight:500;letter-spacing:-.6px}
.drawer-meta{margin-left:auto;font-size:11px;letter-spacing:.4px;color:#b9c6d6}
.drawer-chevron{width:9px;height:9px;border-right:1.5px solid #c5d3e3;border-bottom:1.5px solid #c5d3e3;transform:rotate(45deg);margin:0 4px 4px 12px;transition:transform .25s}
.network-drawer[open]>summary .drawer-chevron{transform:rotate(225deg);margin-bottom:-4px}
.network-drawer[open]>summary{border-bottom:1px solid #77879f26}
.drawer-content{padding:28px;animation:drawer-appear .3s ease both}
.drawer-content .publication{background:linear-gradient(150deg,#3b495e,#2c394d);border-color:#7d8da042;box-shadow:0 8px 20px #0a122024}
.drawer-content .publication:hover{box-shadow:0 12px 28px #050b193b;border-color:#a3b4cb99}
.drawer-content .publication-brand{margin:16px 16px 0;padding:18px;height:165px;box-shadow:0 4px 12px #0b12251a}
.drawer-content .publication-copy{padding:22px}
.drawer-content .publication-copy h3{font-size:clamp(16px,1.7vw,22px)}
.drawer-coming{min-height:175px;display:flex;flex-direction:column;justify-content:center;padding:32px 76px}
.drawer-coming p{font-size:14px;line-height:1.6;color:#b9c6d6;margin:0}
.drawer-coming .coming-title{font-size:22px;color:#f5f6f8;margin-bottom:8px}
@keyframes drawer-appear{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.network-drawer>summary{padding:22px 18px;gap:12px;min-height:80px}.drawer-title{font-size:20px}.drawer-meta{font-size:10px}.drawer-folder{width:24px}.drawer-chevron{margin-left:6px}.drawer-content{padding:14px}.drawer-coming{padding:28px;min-height:155px}.network-drawers{gap:14px}.drawer-content .publication-copy h3{font-size:20px}}
@media(max-width:380px){.drawer-title{font-size:18px}.drawer-meta{font-size:9px}.network-drawer>summary{gap:9px;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.drawer-content{animation:none}.drawer-chevron{transition:none}}

/* About, contact and a quieter editorial footer. */
.about-section{margin-top:100px;padding-top:54px}.about-layout{grid-template-columns:1fr 1.15fr;gap:70px}.about-layout h2{font-size:clamp(38px,4.4vw,58px);line-height:1.08}.about-layout .about-lead{font-size:21px;line-height:1.5;color:#f0f3f8}.about-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:52px}.about-chapters article{border-top:1px solid #8d9db54d;padding-top:24px}.chapter-label{font-size:9px;letter-spacing:1.8px;color:#adbed1}.about-chapters h3{font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.5px;margin:18px 0}.about-chapters p,.contact-section p{font-size:14px;line-height:1.85;color:var(--muted)}.about-closing{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 36px;margin-top:40px;background:linear-gradient(110deg,#485c7738,#13203370);border-left:2px solid #a4b5c9}.about-closing p{font-size:24px;line-height:1.4;letter-spacing:-.6px;margin:0}.about-closing em{font-family:Georgia,serif;font-weight:400;color:#c6d2e0}.section-button{display:inline-flex;align-items:center;gap:24px;padding:15px 18px;border:1px solid #91a1b770;border-radius:4px;font-size:12px;white-space:nowrap}.section-button:hover{background:#ffffff0b;border-color:#bdcbdc}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin:80px 0 0;padding:52px 0 64px;border-top:1px solid var(--line);scroll-margin-top:90px}.contact-section h2{font:400 clamp(32px,3.5vw,44px)/1.15 Georgia,serif;letter-spacing:-1.2px;margin:0 0 20px}.contact-section p{max-width:470px;margin:0 0 20px}.contact-details h3{font-size:15px;font-weight:500;margin:0 0 12px}.contact-group{border-top:1px solid #8494aa40;margin-top:28px;padding-top:24px}.contact-group p{font-size:13px;margin-bottom:0}.site-footer{display:block;margin-top:0;padding:40px 0 24px;border-top:1px solid var(--line);font-size:12px}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-identity img{object-fit:contain;object-position:left center;display:block;max-width:86px}.footer-identity p{font-size:12px;line-height:1.7;color:#adbbcd;margin:16px 0 0}.footer-main nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-main h2{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#f0f3f8;margin:8px 0 6px}.footer-main nav a{font-size:12px;line-height:1.6}.footer-main nav a span{font-size:9px;color:#a4b4c9;margin-left:8px}.site-footer a:hover,.about-link:hover{color:white;text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:22px;border-top:1px solid #7a8ca333;font-size:10px;line-height:1.6;color:#aebcd0}.publications-pending .contact-section{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:700px){.about-section{margin-top:60px;padding-top:32px}.about-layout{grid-template-columns:1fr;gap:24px}.about-layout .about-lead{font-size:19px}.about-chapters{grid-template-columns:1fr;gap:24px;margin-top:28px}.about-chapters h3{margin:14px 0}.about-chapters p{margin-bottom:0}.about-chapters p+p{margin-top:12px}.about-closing{padding:24px;align-items:flex-start;flex-direction:column;gap:24px}.contact-section{grid-template-columns:1fr;gap:28px;margin-top:48px;padding:32px 0 40px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-identity{grid-column:1/-1;display:flex;align-items:center;gap:24px}.footer-identity p{margin:0}.footer-main nav a span{display:block;margin-left:0}.footer-bottom{align-items:flex-start}.footer-bottom>a{white-space:nowrap}}

.footer-identity img{filter:brightness(0) invert(1)}

/* Shared line icons and standalone information pages. */
.ui-icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}.visit{gap:12px}.footer-bottom>a{display:inline-flex;align-items:center;gap:10px}.inner-page .floating-directory{display:block}.inner-header{height:110px;padding-right:110px}.inner-brand{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:600}.inner-brand img{filter:brightness(0) invert(1);object-fit:contain}.back-home{display:inline-flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.inner-page .about-section,.inner-page .contact-section{margin-top:0;border-top:0;padding-top:70px;padding-bottom:70px}.inner-page .about-layout h1{font:400 clamp(38px,4.4vw,58px)/1.08 Georgia,serif;letter-spacing:-1.5px;margin:0}.inner-page .contact-section h1{font:400 clamp(38px,4.4vw,58px)/1.08 Georgia,serif;letter-spacing:-1.5px;margin:0 0 26px}.inner-page .mini-outline{display:none}.inner-page .mini-fill{animation:none;opacity:1}.directory-panel a[aria-current=page]{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.site-footer a[aria-current=page]{color:#fff}.inner-page .contact-section{min-height:52vh}.inner-page .about-section+.site-footer{margin-top:0}.site-footer{margin-top:65px}
@media(max-width:700px){.inner-header{height:100px;padding-right:72px}.inner-brand{gap:12px}.inner-brand span{display:none}.back-home{font-size:11px;gap:8px}.inner-brand img{width:48px}.inner-page .about-section,.inner-page .contact-section{padding-top:40px;padding-bottom:32px}.inner-page .about-layout h1,.inner-page .contact-section h1{font-size:38px}.site-footer{margin-top:42px}}

/* Support forms and private inbox: same navy palette and line-icon language. */
.ticket-form h2,#ticket-success h2{font:400 28px/1.2 Georgia,serif;letter-spacing:-.6px}.ticket-form label,.ticket-detail label,.ticket-filters label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#e6edf7;margin-bottom:18px}.ticket-form input,.ticket-form select,.ticket-form textarea,.support-admin input,.support-admin select,.support-admin textarea{width:100%;border:1px solid #7b8da75c;background:#182337;color:#f2f5fa;border-radius:4px;padding:13px 14px;font:14px/1.5 Arial,sans-serif}.ticket-form textarea,.support-admin textarea{resize:vertical}.ticket-form :focus-visible,.support-admin :focus-visible{outline:2px solid #bfd0e7;outline-offset:3px}.section-button{background:transparent;color:inherit;cursor:pointer;font-family:inherit}.section-button:disabled{opacity:.5;cursor:wait}.ticket-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-section .form-privacy,.form-privacy{font-size:12px;line-height:1.7;color:#aabbd0;margin:16px 0 22px}#ticket-feedback{margin-top:20px}#ticket-reference{display:block;font-size:14px;overflow-wrap:anywhere;padding:18px;border:1px solid var(--line);margin:24px 0}.support-admin{padding:60px 0}.support-admin h1{font:400 clamp(38px,5vw,58px)/1.1 Georgia,serif;letter-spacing:-1.5px}.admin-intro{color:var(--muted);line-height:1.7}.ticket-filters{display:flex;gap:16px;align-items:end;margin:32px 0}.ticket-filters label{margin:0;flex:1}.ticket-filters label:first-child{flex:2}.ticket-filters button{min-height:49px}.inbox-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:30px}.ticket-row{width:100%;text-align:left;color:inherit;background:#2d3b50;border:1px solid #74869e55;padding:20px;margin-bottom:12px;border-radius:5px;display:flex;flex-direction:column;gap:12px;cursor:pointer}.ticket-row:hover{border-color:#aebfd6}.ticket-row strong{font-size:16px;overflow-wrap:anywhere}.ticket-row>span{font-size:11px;color:var(--muted)}.ticket-status{letter-spacing:.8px;text-transform:uppercase}.ticket-detail{background:#17233680;border:1px solid #74869e55;border-radius:6px;padding:28px;align-self:start;min-width:0}.ticket-detail h2{font:400 28px/1.3 Georgia,serif;overflow-wrap:anywhere}.ticket-detail p{line-height:1.7;overflow-wrap:anywhere}.ticket-message{white-space:pre-wrap;padding:24px 0;border-block:1px solid var(--line)}.ticket-ref{font-size:11px;color:var(--muted)}.ticket-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;font-size:12px}.ticket-pagination .section-button{padding:10px}.ticket-detail form{margin-top:30px}#admin-login{padding:24px;border:1px solid var(--line);margin-top:24px}
@media(max-width:700px){.inbox-layout{grid-template-columns:1fr}.ticket-filters{flex-wrap:wrap}.ticket-filters label:first-child{flex-basis:100%}.support-admin{padding-top:36px}.ticket-detail{padding:20px}.ticket-form h2{font-size:27px}}