
:root{
  --black:#080808;--black-soft:#11100f;--paper:#f3e7d3;--paper-light:#faf4e9;--paper-deep:#e8d7bc;
  --ink:#1a1714;--ink-soft:#574b40;--orange:#a83c08;--orange-mid:#bf490b;--orange-bright:#d65a10;
  --orange-deep:#6e2506;--orange-glow:rgba(214,90,16,.24);--line:rgba(74,49,27,.25);
  --serif:Georgia,"Times New Roman",serif;--sans:Inter,Arial,Helvetica,sans-serif;--mono:"Courier New",Courier,monospace;
  --page-width:1280px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);scroll-padding-top:104px}
body{margin:0;padding-top:77px;color:var(--ink);font-family:var(--sans);background:var(--paper);overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{font:inherit}
.page-background{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:#f2e4ce;background-image:url("../assets/nyra-background.png");background-repeat:no-repeat;background-position:left center;background-size:cover}
.page-background::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,243,230,.35),rgba(250,243,230,.74) 54%,rgba(250,243,230,.9))}
.masthead,main,.footer{position:relative;z-index:1}.container{width:min(var(--page-width),calc(100% - 72px));margin-inline:auto}
.masthead{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1000;min-height:77px;background:var(--black);border-bottom:1px solid #21150d;box-shadow:0 8px 32px rgba(0,0,0,.16);overflow:visible}
.masthead-inner{height:77px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{width:min(500px,42vw);height:77px;position:relative;overflow:visible;z-index:8}
.brand img{position:absolute;left:0;top:50%;width:auto;height:97px;max-width:none;max-height:none;object-fit:contain;object-position:left center;transform:translateY(-50%);filter:drop-shadow(0 0 2px rgba(204,72,9,.38)) drop-shadow(0 0 10px rgba(204,72,9,.12))}
.masthead-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.launch-button{color:#d65a10;min-height:34px;padding:0 15px;display:inline-flex;align-items:center;gap:9px;border:1px solid #7d2b06;background:#0c0b0a;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 8px rgba(214,90,16,.2)}
.launch-button::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange-bright);box-shadow:0 0 7px rgba(214,90,16,.7)}
.home-button{min-height:34px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid rgba(248,243,235,.25);color:#cbbcad;background:#0d0c0b;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.mobile-menu-button{display:none;width:38px;height:36px;border:1px solid #7d2b06;background:#0e0d0c;color:#d65a10;font-size:20px;cursor:pointer}
.nav-plate{position:absolute;right:36px;bottom:-17px;min-height:39px;display:flex;align-items:stretch;background:#f8f3eb;border:1px solid #050505;box-shadow:0 8px 22px rgba(0,0,0,.12),inset 0 -2px 0 rgba(170,57,6,.28);z-index:6}
.nav-link{min-height:38px;padding:0 13px;display:flex;align-items:center;justify-content:center;position:relative;color:#963305;font-size:8.5px;font-weight:800;letter-spacing:.065em;text-transform:uppercase;white-space:nowrap}.nav-link+.nav-link{border-left:1px solid rgba(0,0,0,.11)}
.nav-link:hover{color:#c74808;background:rgba(191,73,11,.035)}

.learn-hero{padding:88px 0 58px;border-bottom:1px solid rgba(84,50,22,.24);position:relative;overflow:hidden}
.learn-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,243,230,.1),rgba(250,243,230,.65) 55%,rgba(250,243,230,.88));pointer-events:none}
.learn-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:60px;align-items:end}
.eyebrow{margin:0 0 13px;color:#973306;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.learn-hero h1{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(54px,7vw,100px);line-height:.92;letter-spacing:.025em;color:#21150c}
.learn-hero .lede{max-width:780px;margin:24px 0 0;color:#4f4134;font-family:var(--serif);font-size:20px;line-height:1.7}
.hero-meta{border:1px solid rgba(66,39,19,.5);background:rgba(250,244,234,.76);padding:24px;box-shadow:0 12px 24px rgba(62,36,18,.07)}
.meta-line{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid rgba(74,49,27,.16);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.meta-line:last-child{border-bottom:0}.meta-line b{color:#a53b07}

.course-strip{background:#0b0a09;color:#a89889;border-top:1px solid #27170d;border-bottom:1px solid #27170d}.course-strip-inner{min-height:48px;display:flex;align-items:center;gap:18px;overflow:auto}.course-strip a{flex:0 0 auto;color:#a89889;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.course-strip a:hover,.course-strip .active{color:#d65a10}.course-strip .sep{color:#493325}

.article-shell{display:grid;grid-template-columns:250px minmax(0,820px) 1fr;gap:42px;padding:58px 0 92px;align-items:start}
.lesson-sidebar{position:sticky;top:116px;border:1px solid rgba(74,49,27,.28);background:rgba(249,242,230,.8);padding:20px}.lesson-sidebar .side-title{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#963305;margin:0 0 14px}.lesson-list{display:grid;gap:3px}.lesson-list a{padding:7px 9px;color:#625243;font-size:11px;line-height:1.25;border-left:2px solid transparent}.lesson-list a:hover{color:#a83c08;background:rgba(168,60,8,.04)}.lesson-list a.current{color:#8b3006;font-weight:800;border-left-color:#a83c08;background:rgba(168,60,8,.06)}
.article{background:rgba(250,245,236,.88);border:1px solid rgba(72,46,25,.3);box-shadow:0 16px 34px rgba(55,33,16,.08);padding:clamp(28px,4vw,58px)}
.article h2{margin:54px 0 18px;font-family:var(--serif);font-size:clamp(30px,4vw,46px);font-weight:400;line-height:1.08;color:#25180f}.article h2:first-child{margin-top:0}.article h3{margin:34px 0 12px;font-family:var(--serif);font-size:26px;font-weight:400;color:#4c2915}.article p,.article li{color:#504236;font-family:var(--serif);font-size:18px;line-height:1.76}.article ul{padding-left:22px}.article strong{color:#25180f}.article a.inline-link{color:#9e3506;border-bottom:1px solid rgba(158,53,6,.35)}
.big-idea{margin:34px 0;padding:28px 30px;border-left:4px solid #a83c08;background:linear-gradient(90deg,rgba(168,60,8,.09),rgba(168,60,8,.025));font-family:var(--serif);font-size:24px;line-height:1.45;color:#2f1b10}.big-idea b{color:#9b3507}
.diagram{margin:26px 0;padding:25px;background:#0e0d0c;border:1px solid #6d3414;color:#dfcbb5;font-family:var(--mono);font-size:13px;line-height:1.65;overflow:auto;box-shadow:inset 0 0 0 6px rgba(255,255,255,.012)}.diagram .accent{color:#d65a10}.diagram-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.mini-card{padding:22px;border:1px solid rgba(74,49,27,.28);background:rgba(255,250,241,.72)}.mini-card h3{margin:0 0 8px;font-size:22px}.mini-card p{margin:0;font-size:15px;line-height:1.55}
.simple-rule{margin:34px 0;text-align:center;padding:24px;border-top:1px solid rgba(168,60,8,.28);border-bottom:1px solid rgba(168,60,8,.28);font-family:var(--serif);font-size:clamp(26px,4vw,40px);color:#8f3006}
.source-box{margin-top:38px;padding:22px;border:1px solid rgba(74,49,27,.25);background:rgba(239,225,202,.62)}.source-box h3{margin:0 0 10px;font-size:19px}.source-box p,.source-box li{font-size:13px;line-height:1.5}.source-box a{color:#913006;text-decoration:underline}

.right-rail{position:sticky;top:116px}.rail-card{padding:21px;border:1px solid rgba(74,49,27,.28);background:rgba(249,242,230,.76);margin-bottom:16px}.rail-label{font-family:var(--mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#963305;margin-bottom:10px}.rail-card p{margin:0;color:#625243;font-family:var(--serif);font-size:14px;line-height:1.55}.rail-card a{display:inline-block;margin-top:12px;color:#9e3506;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

.lesson-footer{margin-top:52px;padding-top:34px;border-top:1px solid rgba(74,49,27,.24)}.remember{display:grid;gap:10px;margin:22px 0}.remember div{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;color:#554639;font-family:var(--serif);font-size:16px;line-height:1.5}.remember span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #9f3a08;color:#9f3a08;font-family:var(--mono);font-size:10px}
.page-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.page-nav a{padding:18px;border:1px solid rgba(52,32,18,.55);background:rgba(248,241,229,.84);transition:transform .18s ease,background .18s ease}.page-nav a:hover{transform:translateY(-2px);background:#fff8ed}.page-nav small{display:block;color:#963305;font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.page-nav b{font-family:var(--serif);font-size:18px;font-weight:400}.page-nav .next{text-align:right}

.portal{padding:95px 0 100px;position:relative}.portal-intro{max-width:830px;margin-bottom:42px}.portal-intro h1{font-family:var(--serif);font-size:clamp(54px,7vw,92px);font-weight:400;line-height:.95;margin:0 0 22px}.portal-intro p{font-family:var(--serif);font-size:20px;line-height:1.65;color:#57493c}.corridors{display:grid;grid-template-columns:1fr 1fr;gap:24px}.corridor{min-height:360px;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #6d3414;background:linear-gradient(130deg,rgba(197,71,9,.07),transparent 33%),linear-gradient(#11100f,#171411);color:#eee0cd;box-shadow:0 12px 30px rgba(44,25,12,.14);position:relative;overflow:hidden}.corridor::before{content:"";position:absolute;inset:8px;border:1px solid rgba(186,76,19,.22)}.corridor .number{position:absolute;top:28px;right:30px;color:#7e4a2b;font-family:var(--mono);font-size:10px}.corridor h2{margin:0 0 13px;font-family:var(--serif);font-weight:400;font-size:clamp(34px,4vw,50px);text-transform:uppercase}.corridor p{margin:0 0 24px;max-width:540px;color:#c6b6a4;font-size:14px;line-height:1.7}.corridor .cta{color:#d65a10;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.corridor.active:hover{transform:translateY(-3px);border-color:#98430f}.corridor.disabled{opacity:.64}.corridor.disabled .cta{color:#8b735f}
.course-map{padding:74px 0 100px}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.course-card{min-height:190px;padding:25px 28px;border:1px solid rgba(54,33,18,.48);background:rgba(250,245,236,.85);box-shadow:0 8px 20px rgba(55,33,16,.06);position:relative;transition:transform .18s ease,background .18s ease}.course-card:hover{transform:translateY(-2px);background:#fff9ef}.course-card .num{position:absolute;top:22px;right:24px;color:#9d6a45;font-family:var(--mono);font-size:9px}.course-card h2{margin:34px 0 10px;font-family:var(--serif);font-size:28px;font-weight:400}.course-card p{margin:0;color:#625143;font-size:13px;line-height:1.55}.course-card .go{display:inline-block;margin-top:18px;color:#9e3506;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.footer{background:#080808;color:#8e8174;padding:34px 0 44px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-brand{color:#c04c0d;font-family:var(--serif);font-size:20px;letter-spacing:.08em}.footer-links{display:flex;flex-wrap:wrap;gap:12px 18px}.footer-links a{color:#a89889;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.footer-links a:hover{color:#c94e0c}
@media(max-width:1100px){.container{width:min(var(--page-width),calc(100% - 44px))}.article-shell{grid-template-columns:210px minmax(0,1fr)}.right-rail{display:none}.nav-plate{right:22px}}
@media(max-width:920px){body{padding-top:64px}html{scroll-padding-top:82px}.masthead,.masthead-inner{min-height:64px;height:64px}.brand{width:min(390px,66vw);height:64px}.brand img{height:72px}.launch-button,.home-button{display:none}.mobile-menu-button{display:block}.nav-plate{right:0;left:0;bottom:auto;top:100%;display:none;flex-direction:column}.nav-plate.open{display:flex}.nav-link{min-height:46px;justify-content:flex-start;padding-inline:20px;font-size:11px}.nav-link+.nav-link{border-left:0;border-top:1px solid rgba(0,0,0,.09)}.learn-hero{padding-top:72px}.learn-hero-inner{grid-template-columns:1fr}.hero-meta{max-width:480px}.article-shell{grid-template-columns:1fr}.lesson-sidebar{position:static;order:2}.article{order:1}.corridors,.course-grid{grid-template-columns:1fr}.page-background{background-position:left center}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){body{padding-top:56px}.container{width:calc(100% - 28px)}.masthead,.masthead-inner{min-height:56px;height:56px}.brand{width:min(300px,70vw);height:56px}.brand img{height:62px}.learn-hero{padding:58px 0 40px}.learn-hero h1{font-size:clamp(48px,16vw,76px)}.learn-hero .lede{font-size:17px}.article{padding:26px 22px}.article p,.article li{font-size:17px}.diagram-grid,.page-nav{grid-template-columns:1fr}.page-nav .next{text-align:left}.portal{padding-top:70px}.corridor{min-height:300px;padding:28px}.course-map{padding-top:55px}.footer-links{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
