/* EOTFG — Cathedral Compendium / VI. Full public design system, not a wallpaper overlay. */
:root{--bg:#09090c;--panel:#151417;--panel2:#1d191a;--ink:#e8dcc5;--muted:#b9ae9e;--gold:#cba66b;--copper:#c57153;--line:#514333;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--red:#852b23;--hairline:#ac865e4f;--max:1344px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.8;background:radial-gradient(ellipse at 95% 0,#35241d1f,transparent 55%),#09090c}body:not([data-page=planner])::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0004,transparent 20%,transparent 80%,#0004),url('../img/art/blackstone.webp');opacity:.4}p{margin:0 0 1.25em;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit;background:var(--panel);border:1px solid var(--line)}button:disabled{opacity:.45;cursor:not-allowed}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.17;margin:0;color:var(--ink)}h2{font-size:clamp(30px,3.2vw,47px)}h3{font-size:27px}em{color:var(--gold);font-weight:400}a,button{transition:color .18s,border-color .18s,background-color .18s,box-shadow .18s}a:hover{color:#f8dfaf}button:hover{border-color:var(--gold)}[hidden]{display:none!important}::selection{background:#713a2e;color:#fff3d6}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e8bd7a;outline-offset:4px}code{color:#d6b88e;font-size:.9em;overflow-wrap:anywhere}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;padding:10px 18px;background:#e9cf9e;color:#100e0d}.skip-link:focus{top:10px}.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}
/* Carved chrome. Every control remains native HTML. */
.ornate{position:relative;border:1px solid #665138;background:linear-gradient(135deg,#25202055,#13121588 40%),url('../img/art/blackstone.webp');box-shadow:inset 0 0 0 4px #08080b,inset 0 0 0 5px #8d705130,0 12px 36px #0005}
.ornate::after{content:'';position:absolute;inset:-2px;pointer-events:none;background:url('../img/art/corner.svg') left top,url('../img/art/corner-tr.svg') right top,url('../img/art/corner-bl.svg') left bottom,url('../img/art/corner-br.svg') right bottom;background-repeat:no-repeat;background-size:52px 52px;z-index:3}
.flourish{height:36px;width:100%;max-width:360px;background:url('../img/art/divider.svg') center/100% 100% no-repeat;margin:22px 0}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:500;text-transform:uppercase;color:var(--gold);line-height:1.7;margin:0 0 18px}.lead{font-family:var(--serif);font-size:22px;line-height:1.55;color:#d8c7ac}.small-note{font-size:11px;line-height:1.75;color:#aaa08e}.fineprint{font-size:12px;line-height:1.8;color:#a89e8e}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0 0}.button{display:inline-flex;min-height:46px;padding:11px 23px;align-items:center;justify-content:center;gap:18px;border:1px solid #866a48;box-shadow:inset 0 0 0 3px #0c0b0d,inset 0 0 0 4px #ad90632c,0 3px 12px #0004;background:linear-gradient(#292021,#141114);font-family:var(--serif);font-size:12px;line-height:1.5;letter-spacing:1px;text-transform:uppercase;color:#f1dec0;position:relative}.button::before,.button::after{content:'';position:absolute;top:50%;width:5px;height:5px;transform:translateY(-50%) rotate(45deg);background:#b79561;border:1px solid #32231a}.button::before{left:-3px}.button::after{right:-3px}.button.primary{background:linear-gradient(#75261f,#411a19);border-color:#9e6e49;color:#f6e5cc}.button:hover{background:linear-gradient(#443028,#261b1b);border-color:#d9b171;box-shadow:inset 0 0 0 3px #0c0b0d,inset 0 0 0 4px #ad906362,0 3px 20px #b1742320}.button.primary:hover{background:linear-gradient(#92382a,#542019)}.button.secondary{background:linear-gradient(#242023,#141216)}.button.ghost{box-shadow:none;background:transparent}.button[aria-disabled=true]{opacity:.65;cursor:default}.text-link{font-family:var(--serif);font-size:13px;color:var(--gold);display:inline-flex;gap:24px;align-items:center;border:0;border-bottom:1px solid #6a513744;background:transparent;padding:9px 0}.text-link:hover{border-color:#c49b60;color:#edd5a6}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px;background:linear-gradient(#1b19196b,#07070bcc),url('../img/art/blackstone.webp');border-bottom:1px solid #6d583b;box-shadow:0 6px 25px #0008;position:relative;z-index:30}.site-header::after{content:'';height:1px;background:#ba9a5b2b;position:absolute;bottom:3px;left:0;right:0}.brand{display:flex;align-items:center;gap:12px;flex:none;min-width:0}.brand img{width:82px;height:46px;object-fit:contain;mix-blend-mode:screen}.brand>span{font-family:var(--serif);font-size:9px;letter-spacing:1px;line-height:1.9}.brand b,.footer-brand b{color:#c3694b;font-style:italic;font-weight:400}.brand small{display:block;font-size:6px;letter-spacing:1.05px;color:#aa967b}.site-header nav{display:flex;align-items:center;gap:23px;align-self:stretch}.site-header nav a{font-family:var(--serif);font-size:11px;letter-spacing:.7px;white-space:nowrap;display:flex;align-items:center;position:relative}.site-header nav a[aria-current]{color:#dca15f;text-shadow:0 0 22px #c8703d55}.site-header nav a[aria-current]::before{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,transparent,#b44b30,transparent)}.site-header nav a[aria-current]::after{content:'◆';font-size:7px;position:absolute;bottom:-6px;left:50%;color:#bb8352}.site-header .nav-community{display:none}.header-cta{font-family:var(--serif);font-size:10px;letter-spacing:1.1px;text-transform:uppercase;white-space:nowrap;border:1px solid #806244;padding:9px 17px;background:#44201c66;box-shadow:inset 0 0 0 3px #0b0a0c}.header-cta span{margin-left:12px}.nav-toggle{display:none}
/* The landing page — entirely new information architecture. */
.home-main{max-width:var(--max);margin:auto;padding:0 36px}.cathedral-hero{display:grid;grid-template-columns:1fr 1.04fr;gap:30px;align-items:center;padding:56px 0 25px;position:relative}.hero-statement{position:relative;z-index:1;padding:20px 0}.hero-statement .eyebrow{font-size:9px;letter-spacing:2px}.hero-statement h1{color:#e9d8b5;text-transform:uppercase;text-shadow:0 2px 0 #000,0 0 20px #bb905326;letter-spacing:1px;line-height:.93}.word-echoes{display:block;font-size:clamp(63px,6.8vw,99px);letter-spacing:7px}.word-of{display:block;font-size:15px;margin:12px 0 12px 11px;letter-spacing:8px;color:#b39a76}.word-fallen{display:block;font-size:clamp(41px,4.6vw,65px);letter-spacing:0}.hero-line{font-family:var(--serif);font-size:27px;line-height:1.48;color:#e2d1b4;margin:0 0 14px}.hero-copy{max-width:450px;font-size:13px;line-height:1.9}.hero-statement .actions{gap:12px;align-items:stretch}.hero-statement .button{padding:12px 19px;font-size:10px;letter-spacing:.8px}.development-note{font-size:8px;letter-spacing:1.05px;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin:22px 0 0;color:#968975}.ember-dot{width:5px;height:5px;display:inline-block;background:#b95635;box-shadow:0 0 7px #bc5b3a}.note-divider{color:#716452}.hero-portal{margin:0;position:relative;padding:16px 16px 10px;border-radius:48% 48% 0 0;background:#08090b;box-shadow:inset 0 0 0 5px #0c0c0e,inset 0 0 0 6px #a4895d33,0 22px 60px #0007}.hero-portal::after{background-image:url('../img/art/corner-bl.svg'),url('../img/art/corner-br.svg');background-position:left bottom,right bottom;background-size:68px;background-repeat:no-repeat}.portal-arch{position:relative;border-radius:49% 49% 0 0;overflow:hidden;border:1px solid #a383574d;isolation:isolate;height:462px}.hero-art{width:100%;height:100%;object-fit:cover;object-position:51% 50%;filter:contrast(1.06)}.portal-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#08080a 0,transparent 30%),linear-gradient(90deg,#07070933,transparent 20%,transparent 80%,#07070933)}.portal-rim{position:absolute;inset:8px;border:1px solid #f0bf7333;border-radius:49% 49% 0 0}.hero-portal figcaption{position:absolute;left:30px;right:30px;bottom:29px;text-align:center;font-family:var(--serif);text-transform:uppercase;font-size:11px;letter-spacing:1.7px;line-height:1.8;color:#d8c3a0;pointer-events:none}.hero-portal figcaption small{display:block;font-family:var(--sans);text-transform:none;font-size:8px;letter-spacing:.3px;color:#ac9b85;margin-top:7px}.portal-roman{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font:16px Georgia;color:#c7aa76;background:#101014;border:1px solid #685339;clip-path:polygon(50% 0,100% 35%,100% 70%,50% 100%,0 70%,0 35%);padding:8px 16px}.threshold{display:flex;align-items:center;gap:23px;margin:30px 0 23px}.threshold span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#856944)}.threshold span:last-child{transform:rotate(180deg)}.threshold p{font-family:var(--serif);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#b09a76;margin:0}.gateway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:86px}.gateway{min-width:0;display:flex;flex-direction:column;overflow:visible}.gateway>img{height:176px;width:100%;object-fit:cover;opacity:.9;mask-image:linear-gradient(#000 66%,transparent)}.gateway-sigil{height:176px;display:grid;place-items:center;background:radial-gradient(circle,#3f304b55,transparent 64%)}.gateway-sigil>img{height:155px}.gateway-copy{padding:0 21px 20px;margin-top:-8px;position:relative;z-index:1}.gateway-copy .eyebrow{font-size:8px;letter-spacing:1.5px;color:#9e8864}.gateway-copy h2{font-size:23px;margin:7px 0 10px}.gateway-copy p{font-size:11px;line-height:1.8;min-height:39px}.gateway-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #6e57343b;font-family:var(--serif);font-size:10px;letter-spacing:.6px;padding-top:13px;color:#cfb07b}.gateway:hover{border-color:#b99a69;box-shadow:inset 0 0 0 4px #08080b,inset 0 0 0 5px #b0926160,0 12px 40px #8c402011}.gateway:hover>img{opacity:1}
.world-section{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;margin:0 0 92px;padding:0 18px}.world-portrait{margin:0;position:relative;padding:10px}.world-portrait>img{width:100%;aspect-ratio:1.3;object-fit:cover}.world-portrait figcaption{font-family:var(--serif);font-size:9px;text-align:center;letter-spacing:3px;margin:14px 0 4px;color:#bd9d6b}.world-copy h2{margin:0 0 24px}.world-copy p:not(.lead){font-size:13px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:30px}.section-heading .eyebrow{margin:0 0 11px}.section-heading.centered{display:block;text-align:center}.centered .flourish{margin:18px auto}.path-section{margin:0 0 88px}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.path-card{padding:28px 27px;text-align:center;position:relative;background:radial-gradient(ellipse at 50% 2%,#72372124,transparent 65%),url('../img/art/blackstone.webp')}.path-card.hunter{background:radial-gradient(ellipse at 50% 2%,#32423b33,transparent 65%),url('../img/art/blackstone.webp')}.path-card.mystic{background:radial-gradient(ellipse at 50% 2%,#49415c3a,transparent 65%),url('../img/art/blackstone.webp')}.path-crest>img{width:158px;height:158px;margin:0 auto 18px}.path-card h3{text-transform:uppercase;letter-spacing:3px;font-size:25px;margin-bottom:16px}.path-card p{font-size:12px;line-height:1.85;min-height:67px}.path-card .text-link{font-size:12px}.path-number{position:absolute;right:20px;top:18px;color:#93764c88;font:13px var(--serif)}
.home-echoes{padding:37px 32px 26px;margin:0 0 88px}.home-echoes .section-heading{margin-bottom:10px}.home-echoes h2{font-size:34px}.echo-intro{font-size:12px}.relic-selection{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;margin:24px 0}.relic-option{display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:10px 3px 13px;min-height:139px;background:#0c0b0e;border:1px solid #8e72562e;position:relative}.relic-option img{width:86px;height:83px;object-fit:contain;opacity:.68;transition:opacity .2s}.relic-option span{font:10px/1.35 var(--serif);color:#b9ab90;max-width:90px;text-align:center}.relic-option.active{background:linear-gradient(#2b211a,#131013);border-color:#a7854e}.relic-option.active img,.relic-option:hover img{opacity:1}.relic-option.active::after{content:'◆';position:absolute;bottom:-13px;color:#c59453;font-size:12px}.relic-feature{display:grid;grid-template-columns:140px 1.4fr 1fr;gap:24px;border-top:1px solid #7e644335;padding-top:28px;align-items:center;min-height:208px}.relic-large img{width:130px}.relic-text h3{font-size:29px;margin-bottom:10px}.relic-text p{font-size:12px;max-width:550px}.relic-text .eyebrow{font-size:8px;margin:0 0 6px}.relic-text .button{font-size:9px;min-height:38px;padding:9px 17px}.relic-notice{display:flex;align-items:flex-start;gap:18px;border-left:1px solid #715a3d44;padding-left:27px}.relic-number{font:42px/1.2 var(--serif);color:#967b52}.relic-notice h4{font-size:21px;margin-bottom:13px}.relic-notice p{font-size:11px}.relic-notice .text-link{font-size:11px}.atlas-showcase{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;margin:0 0 85px}.atlas-showcase h2{margin:0 0 23px}.atlas-showcase-copy>p{font-size:13px}.atlas-facts{display:flex;gap:29px;margin:28px 0}.atlas-facts strong{font:30px/1.3 var(--serif);color:#d8b478;display:block}.atlas-facts span{display:block;font-size:9px;letter-spacing:.4px;color:#a79a83}.atlas-showcase-copy .small-note{font-size:10px;margin:20px 0 0}.atlas-showcase-art{height:407px;overflow:hidden;background:radial-gradient(circle at center,#70573533,transparent 68%),#0a0b0f;display:block}.atlas-showcase-art>img{height:100%;width:100%;object-fit:cover;opacity:.75;transform:scale(1.1)}.atlas-showcase-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:#0d0b0eaa;border-radius:50%}.atlas-showcase-center img{width:100%}.map-caption{position:absolute;left:22px;right:22px;bottom:15px;display:flex;justify-content:space-between;gap:10px;font:9px var(--serif);letter-spacing:1.2px;color:#cbae7d}.ritual-strip{padding:30px 42px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:30px;margin:0 0 60px}.ritual-strip h2{font-size:31px;margin-bottom:15px}.ritual-strip p{font-size:12px;max-width:640px}.ritual-strip .eyebrow{font-size:9px;margin-bottom:12px}.ritual-strip>div:first-child img{width:136px}.studio-section{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center;margin:0 0 65px}.studio-logo{max-width:350px;margin:0 auto}.studio-logo img{mix-blend-mode:screen}.studio-section h2{font-size:47px;margin-bottom:22px}.studio-section p:not(.lead){font-size:13px;max-width:540px}.community-section{padding:57px 28px 50px;text-align:center;margin-bottom:70px;background:radial-gradient(ellipse at bottom,#55271a38,transparent 60%),url('../img/art/blackstone.webp')}.community-section h2{font-size:45px;margin-bottom:22px}.community-section .actions{justify-content:center}.community-section p{font-size:13px}.community-section .community-footnote{font-size:10px;margin:22px 0 0;color:#a5957e}
/* Shared page headers / the compendium chapters. */
.chapter-breadcrumb{max-width:var(--max);margin:0 auto;padding:29px 44px 0;font-size:9px;letter-spacing:1px;color:#9c8a6d;text-transform:uppercase;display:flex;gap:14px}.chapter-header{max-width:var(--max);margin:0 auto;padding:28px 44px 32px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:38px;align-items:center;border-bottom:1px solid #59483355}.chapter-art{padding:8px;height:200px;display:grid;place-items:center;background:#0b0b0e}.chapter-art>img{width:100%;height:100%;object-fit:cover}.chapter-art>img[src$='.svg']{max-width:155px}.chapter-copy{max-width:920px}.chapter-copy h1{font:clamp(35px,4vw,53px)/1.12 var(--serif);margin:0 0 16px}.chapter-copy h1 br{display:none}.chapter-copy h1 em{font-style:normal}.chapter-copy .eyebrow{font-size:9px;margin-bottom:12px}.chapter-copy .lead{font-family:var(--sans);font-size:14px;max-width:800px;color:#cbbfa7;line-height:1.8}.chapter-copy>p:not(.eyebrow):not(.lead){font-size:12px;max-width:840px}.chapter-note{max-width:1256px;margin:15px auto 0;display:grid;grid-template-columns:290px 1.1fr 1fr;gap:25px;align-items:center;border:1px solid #59483360;background:#131115;padding:19px 25px}.chapter-note>.reference-tag{display:none}.chapter-note>p{font-size:11px;margin:0}.chapter-note .profile-metrics{margin:0;gap:22px}.chapter-note .profile-metrics strong{font:27px var(--serif);color:#d4b171}.chapter-note .profile-metrics small{font-size:8px;letter-spacing:.7px;color:#a99c85;text-transform:uppercase}.chapter-link{display:flex;align-items:center;gap:28px;justify-content:space-between;max-width:1256px;margin:20px auto 0;padding:19px 26px;border-left:2px solid #aa8350;background:#171519}.chapter-link h2{font-size:22px;margin:0 0 6px}.chapter-link .eyebrow{font-size:8px;margin:0 0 7px}.chapter-link p{font-size:11px;margin:0;max-width:770px}.chapter-link .button{white-space:nowrap;font-size:10px}
/* Reliquary cards and pop-up codex pages. */
.codex-section{max-width:var(--max);margin:auto;padding:32px 44px 56px}.codex-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 23px;margin-bottom:28px}.segmented{display:flex;gap:5px;flex-wrap:wrap}.segmented button{border:1px solid #7153344d;background:#0e0d10;padding:12px 19px;font:12px var(--serif);color:#c0af92;position:relative}.segmented button.active{background:linear-gradient(#382923,#201a1b);border-color:#b1905c;color:#f2dbae}.segmented span{margin-left:12px;color:#bc8c59;font-size:9px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid #615038;background:#0c0b0f;padding:0 13px;min-width:295px}.search-field span{font-size:20px;color:var(--gold)}.search-field input{font-size:12px;min-width:0;width:100%;background:transparent;border:0;padding:12px 0;color:var(--ink)}.codex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.echo-card{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto auto 1fr auto;gap:0 13px;text-align:left;padding:23px 23px 20px;position:relative;border:1px solid #745b3d;background:radial-gradient(circle at 20% 33%,#392a3333,transparent 65%),url('../img/art/blackstone.webp');box-shadow:inset 0 0 0 4px #0c0b0e,inset 0 0 0 5px #97754d30;min-height:263px}.echo-card::after{content:'';position:absolute;inset:-1px;background:url('../img/art/corner.svg') left top,url('../img/art/corner-br.svg') right bottom;background-size:48px;background-repeat:no-repeat;pointer-events:none}.echo-card:hover{border-color:var(--echo-color,#cfb487);box-shadow:inset 0 0 0 4px #0c0b0e,inset 0 0 0 5px #ba955560,0 6px 28px #0006}.echo-number{grid-column:1/-1;font:8px var(--serif);letter-spacing:1.7px;color:#a9987d;margin-bottom:13px}.echo-symbol{grid-column:1;grid-row:2/4;display:grid;place-items:start center;padding-top:3px}.echo-symbol img{width:108px;height:104px;object-fit:contain}.echo-card h2{font-size:22px;margin-bottom:11px;line-height:1.15;align-self:center}.echo-card p{font-size:11px;line-height:1.75;margin-bottom:17px}.echo-card-footer{grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;border-top:1px solid #7c613c44;padding-top:14px;margin-top:7px;font:8px var(--serif);letter-spacing:1.2px;color:#c6ae83}.source-note{max-width:1256px;margin:0 auto 55px;padding:25px;border:1px solid #624a2e66;background:#17131a}.source-note p{max-width:980px;font-size:12px}.source-note .eyebrow{display:block;margin-bottom:10px}.echo-dialog{padding:35px 42px;max-width:870px;width:calc(100% - 30px);max-height:90dvh;background:linear-gradient(#1b171aed,#100f14f5),url('../img/art/blackstone.webp');color:var(--ink);border:1px solid #a18150;box-shadow:inset 0 0 0 5px #09090b,inset 0 0 0 6px #a78a542f,0 25px 100px #000d;overflow:auto}.echo-dialog::backdrop{background:#040406db;backdrop-filter:blur(5px)}.dialog-close{position:sticky;float:right;top:0;width:35px;height:35px;line-height:1;font-size:25px;background:#21191b;color:#d9bd8f;z-index:3}.modal-relic{width:104px;float:left;margin:0 22px 15px 0}.echo-dialog h2{font-size:36px;line-height:1.2;margin:12px 0 14px}.echo-dialog .eyebrow{font-size:9px;margin-bottom:10px}.echo-dialog h3{clear:both;font-size:25px;margin:26px 0 14px}.echo-dialog p,.echo-dialog li{font-size:13px;line-height:1.8;color:#c5bbaa}.echo-dialog li{margin-bottom:9px}.echo-dialog ul{padding-left:19px}.baseline-box{padding:20px 24px;border-left:2px solid var(--echo-color,var(--gold));background:#08090f66;border-top:1px solid #79613f44;border-bottom:1px solid #79613f44}.baseline-box p:last-child{margin-bottom:0}.proposal-tag{display:inline-block;font:8px/1.6 var(--sans);letter-spacing:1px;padding:4px 7px;color:#dbb780;border:1px solid #8b6a3d66;background:#9c734418;vertical-align:middle}.echo-dialog details{border-top:1px solid #7b624344;margin-top:20px;padding-top:16px}.echo-dialog summary{cursor:pointer;font-size:12px;color:var(--gold)}.echo-dialog .source-line{font-size:10px;color:#9f937c}.no-results{text-align:center;padding:45px 20px;color:#b1a58f}
/* Guide as chapters, not unframed empty whitespace. */
.guide-layout{max-width:var(--max);margin:auto;display:grid;grid-template-columns:225px minmax(0,1fr);gap:35px;padding:32px 44px 65px;align-items:start}.guide-toc{position:sticky;top:24px;padding:29px 23px;display:flex;flex-direction:column;gap:0}.guide-toc .eyebrow{font-size:9px;margin-bottom:15px}.guide-toc a{font:12px/1.5 var(--serif);padding:13px 0;border-top:1px solid #674e333b;color:#bdac8e}.guide-toc a:hover{color:#edd3a0}.guide-content{min-width:0}.guide-content section{padding:29px 34px 34px;border:1px solid #6e553440;background:linear-gradient(135deg,#2521224a,#14131788),url('../img/art/blackstone.webp');margin:0 0 22px;position:relative;scroll-margin-top:24px}.chapter-number{position:absolute;right:26px;top:15px;font:52px var(--serif);color:#a6854830;pointer-events:none}.guide-content h2{font-size:32px;line-height:1.2;margin:0 0 22px;max-width:650px}.guide-content h3{font-size:24px;margin:25px 0 16px}.guide-content p{font-size:13px;line-height:1.85}.guide-content .eyebrow{font-size:9px;margin-bottom:15px}.guide-content a:not(.button){color:var(--gold)}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:23px 0}.rule-grid>div{background:#0c0b104d;padding:21px;border:1px solid #785b323b}.rule-grid h3{margin:0 0 12px;font-size:22px}.rule-grid p{font-size:12px;margin:0}.narrow{max-width:900px;margin:30px auto 70px;padding:30px 34px;border:1px solid #765d3e;background:#131215}.narrow h2{font-size:29px;margin:28px 0 18px}.narrow>p{font-size:13px}.error-page{min-height:65vh}.error-page .chapter-art{height:250px}.error-page p{font-size:14px}
.site-footer{border-top:1px solid #6b5135;background:linear-gradient(#14111555,#07070adb),url('../img/art/blackstone.webp');padding:34px max(28px,calc((100vw - 1256px)/2)) 17px}.footer-top{display:grid;grid-template-columns:290px 1fr 190px;gap:40px;align-items:center;padding-bottom:27px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{width:92px;object-fit:contain;mix-blend-mode:screen}.footer-brand span{font:9px/1.8 var(--serif);letter-spacing:.7px}.footer-brand small{display:block;font:8px/1.8 var(--sans);color:#9c8c73;margin-top:7px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font:11px var(--serif);color:#c3b396}.footer-motto{margin:0;font:19px/1.5 var(--serif);text-align:right;color:#bca581}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #96754b36;padding-top:19px;gap:20px;font-size:9px;line-height:1.7;color:#8d816e}.footer-bottom p{margin:0;color:#998d7a}.footer-bottom a{color:#ba9b6b}.site-toast{position:fixed;z-index:300;bottom:23px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;max-width:min(650px,92vw);padding:14px 21px;font-size:12px;line-height:1.65;border:1px solid #96794f;background:#20191cf5;color:#ead3ac;box-shadow:0 10px 40px #000a;transition:opacity .2s,transform .2s}.site-toast.show{opacity:1;transform:translate(-50%,0)}
/* Public responsive layouts */
@media(min-width:1550px){.cathedral-hero{padding-top:65px}.portal-arch{height:480px}.site-header{padding-left:44px;padding-right:44px}}
@media(max-width:1200px){.site-header{gap:16px;padding:0 22px}.site-header nav{gap:15px}.site-header nav a{font-size:10px}.brand>span{display:none}.header-cta{font-size:9px;padding:9px 12px}.gateway-grid{gap:11px}.gateway-copy{padding:0 16px 18px}.gateway-copy h2{font-size:21px}.portal-arch{height:448px}.world-section{gap:38px}.chapter-note{margin-left:36px;margin-right:36px;grid-template-columns:240px 1fr}.chapter-note>p:last-child{grid-column:1/-1;font-size:10px;padding-top:8px;border-top:1px solid #765d323f}.chapter-link,.source-note{margin-left:36px;margin-right:36px}.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-echoes{padding-left:22px;padding-right:22px}.relic-feature{grid-template-columns:110px 1.2fr 1fr}.relic-large img{width:100px}.relic-selection{gap:5px}.relic-option{min-height:129px}.relic-option img{width:76px;height:74px}.relic-option span{font-size:9px}.atlas-facts{gap:20px}.ritual-strip{grid-template-columns:100px 1fr;gap:25px}.ritual-strip>a{grid-column:2;justify-self:start}.footer-top{grid-template-columns:240px 1fr;gap:25px}.footer-motto{display:none}}
@media(max-width:1000px){.site-header .header-cta{display:none}.site-header nav{gap:22px}.word-echoes{font-size:71px;letter-spacing:4px}.word-fallen{font-size:44px}.hero-statement .eyebrow{font-size:8px;letter-spacing:1.2px}.portal-arch{height:425px}.hero-line{font-size:24px}.hero-copy{font-size:12px}.hero-statement .button{font-size:10px;padding:11px 16px;min-height:43px}.cathedral-hero{gap:25px}.home-main{padding:0 28px}.gateway-grid{grid-template-columns:1fr 1fr;margin-bottom:65px}.gateway{display:grid;grid-template-columns:130px 1fr;min-height:180px;align-items:center}.gateway>img{height:100%;min-height:178px;mask-image:linear-gradient(90deg,#000 60%,transparent);object-fit:cover}.gateway-sigil{height:160px}.gateway-copy{margin:0;padding:18px 22px 17px 8px}.gateway-copy p{min-height:0}.gateway-copy h2{font-size:24px}.gateway-link{font-size:10px}.gateway-copy .eyebrow{font-size:8px}.world-section{padding:0;gap:30px}.world-copy .lead{font-size:20px}.relic-notice{display:none}.relic-feature{grid-template-columns:110px 1fr}.relic-selection{grid-template-columns:repeat(5,1fr);gap:8px}.relic-option{min-height:118px}.relic-option span{font-size:10px;max-width:110px}.atlas-showcase{gap:30px}.atlas-showcase-art{height:390px}.atlas-facts{gap:19px}.atlas-facts strong{font-size:25px}.atlas-facts span{font-size:8px}.path-grid{gap:15px}.path-card{padding:22px 18px}.path-card h3{font-size:23px}.path-card .text-link{font-size:10px;gap:12px}.path-card p{font-size:11px;min-height:84px}.chapter-header{padding-left:28px;padding-right:28px;grid-template-columns:165px 1fr;gap:28px}.chapter-art{height:175px}.chapter-breadcrumb{padding-left:28px;padding-right:28px}.chapter-link,.source-note{margin-left:28px;margin-right:28px}.codex-section,.guide-layout{padding-left:28px;padding-right:28px}.guide-layout{grid-template-columns:190px 1fr;gap:20px}.guide-content section{padding:24px}.guide-content h2{font-size:29px}.guide-content p{font-size:12px}}
@media(max-width:800px){.site-header{height:73px;padding:0 20px}.brand img{width:76px;height:45px}.brand>span{display:block;font-size:8px}.brand small{font-size:6px}.site-header nav{display:none;position:absolute;left:0;right:0;top:73px;background:#141116fa;padding:14px 22px 23px;border-bottom:1px solid #99774b;box-shadow:0 10px 20px #0009;flex-direction:column;gap:0;align-items:stretch}.site-header nav.open{display:flex}.site-header nav a{display:block;padding:13px 5px;border-bottom:1px solid #82634033;font-size:12px;letter-spacing:1px}.site-header nav a[aria-current]::before,.site-header nav a[aria-current]::after{display:none}.site-header nav .nav-community{display:block}.nav-toggle{display:block;padding:7px 12px;font-family:var(--serif);font-size:12px;border-color:#6d5539;background:#1c1719}.nav-toggle span{margin-left:10px}.home-main{padding:0 22px}.cathedral-hero{grid-template-columns:1fr;gap:28px;padding-top:32px}.hero-statement{padding:13px 0 0;text-align:center}.hero-statement .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-statement h1 .word-echoes{font-size:80px;letter-spacing:6px}.hero-statement h1 .word-fallen{font-size:54px}.word-of{font-size:12px;margin:12px 0;letter-spacing:7px}.hero-statement .flourish{margin:20px auto;max-width:320px}.hero-line{font-size:25px}.hero-copy{max-width:480px;margin:0 auto;font-size:13px}.hero-statement .actions{justify-content:center;margin-top:23px}.development-note{justify-content:center;font-size:7px;letter-spacing:.5px;margin-top:19px}.hero-portal{max-width:550px;width:100%;margin:0 auto;border-radius:47% 47% 0 0}.portal-arch{height:360px;border-radius:48% 48% 0 0}.hero-art{object-position:50% 43%}.portal-rim{border-radius:48% 48% 0 0}.threshold{margin:20px 0}.threshold p{font-size:8px;letter-spacing:1px}.gateway{grid-template-columns:1fr}.gateway>img{height:148px;min-height:0;mask-image:linear-gradient(#000 62%,transparent)}.gateway-sigil{height:148px}.gateway-sigil>img{height:140px}.gateway-copy{padding:0 20px 20px;margin-top:-5px}.gateway-copy h2{font-size:23px}.gateway-copy p{min-height:39px}.world-section{grid-template-columns:1fr;margin-bottom:65px;gap:28px}.world-portrait{max-width:550px;width:100%;margin:auto}.world-copy h2{font-size:38px}.path-grid{grid-template-columns:1fr}.path-card{display:grid;grid-template-columns:135px 1fr;text-align:left;gap:0 22px;padding:22px 27px}.path-crest{grid-row:1/4;display:grid;place-items:center}.path-crest>img{width:135px;height:135px;margin:0}.path-card h3{font-size:23px;margin-top:9px;margin-bottom:12px}.path-card p{font-size:12px;min-height:0;margin-bottom:9px}.path-card .text-link{font-size:12px;justify-self:start}.path-number{font-size:10px;top:13px}.path-section{margin-bottom:65px}.home-echoes{padding:27px 22px;margin-bottom:60px}.home-echoes .section-heading{display:block}.home-echoes h2{font-size:31px}.home-echoes .text-link{font-size:11px}.relic-selection{grid-template-columns:repeat(3,1fr)}.relic-option img{width:82px;height:80px}.relic-option{min-height:120px}.relic-feature{grid-template-columns:84px 1fr;gap:18px}.relic-text h3{font-size:25px}.relic-text p{font-size:11px}.atlas-showcase{grid-template-columns:1fr;margin-bottom:60px}.atlas-showcase h2{font-size:39px}.atlas-showcase-art{height:365px}.atlas-facts strong{font-size:31px}.atlas-facts span{font-size:10px}.atlas-facts{gap:32px}.ritual-strip{grid-template-columns:75px 1fr;padding:25px 22px;gap:17px}.ritual-strip h2{font-size:28px}.ritual-strip>div:first-child{align-self:start}.ritual-strip>a{grid-column:1/-1}.ritual-strip p{font-size:12px}.studio-section{grid-template-columns:1fr;gap:17px}.studio-logo{max-width:280px}.studio-section h2{font-size:39px}.community-section{padding:36px 23px}.community-section h2{font-size:38px}.community-section p{font-size:12px}.chapter-breadcrumb{padding:24px 22px 0;font-size:8px}.chapter-header{grid-template-columns:100px 1fr;gap:20px;padding:26px 22px 22px}.chapter-art{height:125px;padding:6px}.chapter-copy h1{font-size:33px}.chapter-copy .lead{font-size:12px}.chapter-copy .eyebrow{font-size:8px;letter-spacing:1px}.chapter-copy>p:not(.eyebrow):not(.lead){font-size:11px}.chapter-note{margin:15px 22px 0;padding:20px;display:block}.chapter-note .profile-metrics{display:flex;gap:27px;margin:0 0 14px}.chapter-note>p{margin:10px 0 0;font-size:12px}.chapter-note>p:last-child{padding-top:12px;font-size:11px}.chapter-link{margin:16px 22px 0;padding:21px;display:block}.chapter-link h2{font-size:24px}.chapter-link .button{margin-top:15px;white-space:normal}.codex-section{padding:25px 22px 40px}.codex-tools{display:block;padding:18px}.search-field{margin-top:15px;min-width:0}.codex-grid{grid-template-columns:1fr 1fr;gap:14px}.echo-card{display:block;text-align:center;padding:20px;min-height:315px}.echo-symbol{display:flex;justify-content:center;margin:12px 0}.echo-symbol img{width:99px;height:97px}.echo-card h2{font-size:23px}.echo-card p{font-size:11px}.echo-card-footer{font-size:7px;margin-top:17px}.echo-number{font-size:7px}.source-note{margin:0 22px 35px;padding:20px}.source-note p{font-size:11px}.echo-dialog{padding:27px 23px}.echo-dialog h2{font-size:29px}.echo-dialog .lead{font-size:20px}.modal-relic{width:76px;margin-right:15px}.modal-relic>img{width:76px}.echo-dialog p,.echo-dialog li{font-size:12px}.guide-layout{grid-template-columns:1fr;padding:26px 22px 50px;gap:25px}.guide-toc{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding:24px}.guide-toc .eyebrow{grid-column:1/-1}.guide-toc a{font-size:12px;padding:12px 0}.guide-content section{padding:26px 23px}.guide-content h2{font-size:30px}.rule-grid{grid-template-columns:1fr}.narrow{margin:23px 22px 50px;padding:25px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-links{font-size:12px;gap:18px}.footer-brand>span{font-size:10px}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom>p{font-size:9px}.site-footer{padding:30px 22px 22px}}
@media(max-width:420px){.home-main{padding:0 17px}.hero-statement h1 .word-echoes{font-size:66px;letter-spacing:5px}.hero-statement h1 .word-fallen{font-size:43px;letter-spacing:.5px}.hero-statement .eyebrow{font-size:8px;letter-spacing:1px}.hero-statement .button{font-size:10px;padding:12px 16px}.hero-statement .actions{gap:10px}.hero-line{font-size:23px}.portal-arch{height:284px}.hero-portal figcaption{font-size:9px;letter-spacing:.8px;bottom:24px}.hero-portal figcaption small{font-size:7px}.hero-portal{padding:10px}.gateway-grid{gap:12px}.gateway-copy{padding:0 14px 18px}.gateway-copy h2{font-size:20px}.gateway-copy p{font-size:10px;min-height:54px}.gateway-link{font-size:9px}.gateway-copy .eyebrow{font-size:7px;letter-spacing:1px}.gateway>img,.gateway-sigil{height:124px}.gateway-sigil>img{height:118px}.path-card{grid-template-columns:89px 1fr;gap:0 14px;padding:22px 19px}.path-crest>img{width:90px;height:110px}.path-card h3{font-size:21px;letter-spacing:2px}.path-card p{font-size:11px}.path-card .text-link{font-size:10px}.relic-feature{grid-template-columns:1fr;text-align:center}.relic-large{display:none}.relic-text .eyebrow{margin-top:0}.home-echoes{padding:24px 18px}.atlas-facts{gap:23px}.atlas-facts strong{font-size:27px}.atlas-facts span{font-size:9px}.atlas-showcase-art{height:320px}.chapter-header{grid-template-columns:72px 1fr;gap:14px;padding-left:18px;padding-right:18px}.chapter-art{height:97px}.chapter-copy h1{font-size:29px}.chapter-copy .lead{font-size:11px}.chapter-copy .profile-launch{gap:12px}.codex-grid{grid-template-columns:1fr}.echo-card{display:grid;text-align:left;grid-template-columns:100px 1fr;min-height:233px;padding:22px}.echo-symbol{grid-row:2/4;margin:0;padding-top:5px}.echo-card-footer{font-size:8px}.echo-card p{font-size:12px}.echo-card h2{font-size:25px}.echo-card .echo-number{font-size:8px}.codex-tools{padding:16px}.segmented button{font-size:11px;padding:11px 14px}.brand>span{font-size:7px}.brand small{font-size:5px}.brand img{width:65px}.site-header{padding-left:17px;padding-right:17px}.footer-links{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{body{background:white;color:black}.site-header,.site-footer,.chapter-art,.ornate::after{display:none}.chapter-header{display:block;padding:10px}.guide-layout{display:block}.guide-toc{display:none}p,h1,h2,h3,a{color:black}.guide-content section{background:white;box-shadow:none;break-inside:avoid}}
.chapter-copy h1 br{display:initial}
.mobile-summary-trigger{display:none}
@media(max-width:520px){.mobile-summary-trigger{display:block}}
/* Fixed texture must use the layout viewport, not the expanded mobile visual viewport. */
body:not([data-page=planner])::before{width:100vw;max-width:100vw;right:auto}
/* A document texture, not a fixed oversized layer: avoids mobile viewport rounding overflow. */
body:not([data-page=planner])::before{display:none}
body:not([data-page=planner]){background:linear-gradient(#08080bbd,#07070abf),url('../img/art/blackstone.webp')}
@media(max-width:800px){.guide-toc.ornate{position:relative;top:auto}}
.chapter-art>img[src$='archive-relic.webp']{max-width:126px;max-height:136px;object-fit:contain}
/* On phones, the illustration belongs beside the title in the reading order, not below all the copy. */
@media(max-width:800px){.cathedral-hero{gap:17px;padding-top:34px}.hero-statement{display:contents}.hero-statement>.eyebrow{order:0;text-align:center;margin:0}.hero-statement>h1{order:1;text-align:center}.cathedral-hero>.hero-portal{order:2;margin-top:8px;margin-bottom:8px}.hero-statement>.flourish{display:none}.hero-statement>.hero-line{order:3;text-align:center;margin-bottom:0}.hero-statement>.hero-copy{order:4;text-align:center}.hero-statement>.actions{order:5;justify-content:center;margin-top:4px}.hero-statement>.development-note{order:6;margin:0 0 9px;justify-content:center}}