:root{--bg:#09100d;--panel:rgba(14,24,19,.9);--panel-soft:rgba(19,31,25,.78);--text:#f4efe3;--muted:#c8c4b8;--gold:#d7b472;--green:#879b72;--line:rgba(215,180,114,.28);--shadow:0 22px 60px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,"Times New Roman",serif;line-height:1.75}a{color:inherit}.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;background:url("tlo.jpg") center center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,6,.08) 0%,rgba(4,8,6,.2) 42%,rgba(4,8,6,.88) 100%)}.hero-content{position:relative;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:120px 0 80px;text-shadow:0 3px 20px rgba(0,0,0,.8)}.eyebrow,.kicker{margin:0 0 8px;color:var(--gold);font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:700}h1{margin:0;font-size:clamp(3.8rem,10vw,8.5rem);line-height:.92;font-weight:500}.hero-lead{max-width:760px;margin:28px 0 36px;font-size:clamp(1.1rem,2.2vw,1.55rem);color:#fff9ed}.hero-button{display:inline-block;padding:13px 24px;border:1px solid rgba(255,255,255,.7);text-decoration:none;background:rgba(4,8,6,.38);backdrop-filter:blur(8px);transition:.25s ease}.hero-button:hover{background:rgba(215,180,114,.18);transform:translateY(-2px)}main{overflow:hidden}.section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:110px 0}.section-heading{display:flex;gap:24px;align-items:flex-start;margin-bottom:34px}.section-heading>span,.publication-number{color:var(--gold);font:700 .85rem Arial,sans-serif;border:1px solid var(--line);padding:8px 10px}.section-heading h2,.character-copy h2,.canon-box h2,.publication-copy h2{margin:0;font-weight:500;line-height:1.1;font-size:clamp(2.6rem,6vw,5rem)}.story-panel{max-width:900px;margin-left:auto;padding:clamp(28px,5vw,58px);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.opening{font-size:clamp(1.25rem,2.4vw,1.75rem);color:#fff8e9}.text-link{display:inline-block;margin-top:16px;color:var(--gold);text-decoration:none;font-family:Arial,sans-serif;font-weight:700}.character{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:clamp(36px,7vw,90px);align-items:center}.character-image{position:relative}.character-image::before{content:"";position:absolute;inset:24px -24px -24px 24px;border:1px solid var(--line);z-index:0}.character-image img{position:relative;z-index:1;display:block;width:100%;max-height:720px;object-fit:cover;object-position:center top;box-shadow:var(--shadow)}.character-copy{padding:30px 0}.path{width:100%;max-width:none;padding-left:max(20px,calc((100vw - 1180px)/2));padding-right:max(20px,calc((100vw - 1180px)/2));background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))}.centered{justify-content:center}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.path-card{min-height:340px;padding:34px;display:flex;flex-direction:column;text-decoration:none;background:var(--panel-soft);border:1px solid rgba(255,255,255,.11);transition:.25s ease}.path-card.primary{background:linear-gradient(145deg,rgba(108,125,88,.43),rgba(14,24,19,.92));border-color:var(--line)}.path-card:hover{transform:translateY(-6px);border-color:var(--gold)}.path-card small{color:var(--gold);text-transform:uppercase;letter-spacing:.13em;font:700 .72rem Arial,sans-serif}.path-card h3{margin:14px 0 10px;font-size:2rem;line-height:1.15;font-weight:500}.path-card p{color:var(--muted)}.path-card strong{margin-top:auto;color:var(--gold);font-family:Arial,sans-serif}.publication{padding-top:70px}.publication-box{display:grid;grid-template-columns:auto 1fr;gap:28px;padding:clamp(32px,6vw,68px);background:linear-gradient(145deg,rgba(104,82,48,.26),rgba(14,24,19,.96));border:1px solid var(--line);box-shadow:var(--shadow)}.publication-number{align-self:start}.publication-copy>p:not(.kicker){max-width:850px;color:var(--muted)}.publication-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.publication-button{display:inline-block;padding:12px 20px;color:#101611;background:var(--gold);border:1px solid var(--gold);text-decoration:none;font:700 .85rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}.publication-button.secondary{color:var(--gold);background:transparent}.publication-button:hover{filter:brightness(1.08)}.canon-box{padding:clamp(34px,7vw,78px);text-align:center;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.canon-box p:not(.kicker){max-width:760px;margin:26px auto;color:var(--muted);font-size:1.12rem}.canon-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.canon-links a{padding:10px 18px;text-decoration:none;border:1px solid var(--line);font-family:Arial,sans-serif;font-size:.9rem}footer{text-align:center;padding:28px 20px 48px;color:#999f95;font-family:Arial,sans-serif;font-size:.8rem;letter-spacing:.08em}@media(max-width:850px){.hero{min-height:82vh;background-position:58% center}.character{grid-template-columns:1fr}.character-image{max-width:560px}.path-grid{grid-template-columns:1fr}.path-card{min-height:260px}.publication-box{grid-template-columns:1fr}}@media(max-width:540px){.hero-content,.section{width:min(100% - 28px,1180px)}.section{padding:76px 0}.story-panel,.path-card,.publication-box{padding:24px}.character-image::before{inset:12px -10px -12px 10px}}