@charset "UTF-8";
:root{--ink:#283632;--muted:#68716a;--paper:#f4f0e7;--line:#d9d6c9;--gold:#d5b779;--deep:#202b29;--accent:#84613b;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:#d5b77944}button,a{touch-action:manipulation}button{cursor:pointer}a:hover{color:var(--accent)}:focus-visible{outline:3px solid #a87231;outline-offset:4px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font:30px/1.1 var(--serif);white-space:nowrap}.brand small{display:block;font:9px/2.5 system-ui;letter-spacing:3px}.seal{font:48px var(--serif);color:var(--accent)}nav{display:flex;gap:24px;align-items:center}nav a{padding:15px 0;font-size:14px;border-bottom:2px solid transparent}nav a[aria-current]{border-color:var(--accent);color:var(--accent)}main{min-height:70vh;outline:none}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.15;margin:0 0 20px}h1{font-size:clamp(38px,4.6vw,64px);letter-spacing:-1.5px}h2{font-size:36px;letter-spacing:-.6px}h3{font-size:25px;margin-bottom:12px}p{margin:0 0 18px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;line-height:1.6;color:var(--accent);margin-bottom:13px;display:block}.hero{position:relative;height:590px;overflow:hidden;background:var(--deep);color:white}.hero>img{height:100%;width:100%;object-fit:cover;object-position:center 47%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142723e8 0%,#1827238c 38%,#18272300 75%)}.herocopy{position:absolute;left:7%;top:15%;z-index:1}.hero h1{font-size:clamp(48px,5.5vw,76px);line-height:1.03;letter-spacing:-2px}.hero p{color:#ede9dc}.hero .eyebrow{color:#ead3a2}.hero-caption{position:absolute;bottom:18px;right:25px;z-index:1;font-size:11px;color:#fff;background:#172923a6;padding:4px 10px}.button{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;padding:14px 22px;min-height:48px;background:#e8d7ae;color:#28332d;font-size:13px;font-weight:600;border:1px solid transparent}.button:hover{background:#f4e6c8;color:#28332d}.button.dark{background:var(--deep);color:var(--paper)}.button.dark:hover{background:#3d5046}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0 5%;border-bottom:1px solid var(--line);padding:28px 0;gap:15px}.stats a{display:flex;align-items:center;gap:14px;justify-content:center}.stats b{font:42px var(--serif)}.stats span{font-size:12px;max-width:100px;color:var(--muted)}.section{padding:52px 5%;max-width:1600px;margin:auto}.sectionhead{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.sectionhead h2{margin:0}.sectionhead>a{font-size:13px;border-bottom:1px solid var(--line);padding:12px 0;white-space:nowrap}.residents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.resident-card{border:1px solid var(--line);background:#fcfaf4;transition:transform .2s}.resident-card:hover{transform:translateY(-3px)}.sheet-preview{overflow:hidden;background:#ddd8c8}.sheet-preview img{display:block;width:100%;height:auto}.cardbody{padding:20px}.cardbody h3{font-size:29px}.cardbody .eyebrow{font-size:9px;letter-spacing:1.4px;min-height:16px}.cardfoot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:12px}.swatches{display:flex;gap:4px}.swatches i{width:12px;height:12px;border-radius:50%;border:1px solid #0001}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center}.feature{margin:25px 5%;padding:45px;background:#e8e7da}.feature p{max-width:440px}.fine{font-size:12px;color:var(--muted);line-height:1.65}.feature .fine{margin-top:22px}.art{padding:0;border:0;background:#e1dece;display:block;position:relative;width:100%;overflow:hidden;text-align:left;color:white}.art img{display:block;width:100%;height:auto}.enlarge{position:absolute;bottom:10px;right:10px;background:#202b29e8;font-size:10px;padding:5px 10px;opacity:0;transition:opacity .15s}.art:hover .enlarge,.art:focus-visible .enlarge{opacity:1}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gallery figure{margin:0;background:#fcfaf4;border:1px solid var(--line)}.gallery .art{aspect-ratio:1.5}.gallery .art img{height:100%;object-fit:contain}.gallery figcaption{padding:16px 18px}.gallery figcaption strong{display:block;font:21px var(--serif)}.gallery figcaption .eyebrow{font-size:9px;margin-bottom:7px}.next{margin:32px 5% 60px;padding:35px;background:var(--deep);color:var(--paper);display:flex;align-items:center;gap:30px}.next .seal,.next .eyebrow{color:var(--gold)}.next h2{margin-bottom:8px}.next p{margin:0;color:#c5c9bd}.next .button{margin-left:auto;white-space:nowrap}footer{border-top:1px solid var(--line);padding:28px 5%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:var(--muted)}footer a{display:block;text-decoration:underline;text-align:right;letter-spacing:0;margin-top:5px}footer i{padding:0 7px}.pageheading{max-width:820px;margin-bottom:30px}.intro{font-size:17px;color:var(--muted);max-width:760px}.filters{display:flex;gap:18px;padding:22px;background:#e8e7dc;align-items:end}.filters label{display:grid;gap:5px;font-size:11px;font-weight:600;min-width:180px}.filters .search{flex:1}input,select{border:1px solid #bdbfaf;background:#fffdf7;color:var(--ink);padding:12px;min-height:48px;border-radius:0;width:100%;font-size:15px}.resultcount{margin:18px 0;font-size:12px;color:var(--muted)}.back{display:inline-block;margin-bottom:30px;font-size:13px;padding:8px 0}.profiletop{display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:40px;margin-bottom:50px}.profiletop .pageheading{margin-bottom:15px}.profiletop .art{border:7px solid #e1d9c8;box-shadow:0 6px 24px #202b2912}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}.chip{display:inline-flex;align-items:center;border:1px solid var(--line);padding:10px 13px;font-size:12px;background:#fbf9f2;min-height:44px}.palette{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.palette span{font-size:9px}.palette i{display:block;width:38px;height:25px;margin-bottom:6px;border:1px solid #0001}.profilegrid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin:40px 0 55px}.profilegrid article{max-width:760px}.prose{margin:30px 0}.prose p{white-space:pre-line}.paper{padding:30px;background:#e9e7dc;border-top:2px solid #bba57a;align-self:start}.paper h3{margin-top:25px;font-size:23px}ul{padding-left:23px}li{margin-bottom:10px}li>p{margin:0}.note{padding:20px 24px;border-left:3px solid #a58d5b;background:#e9e7dc;font-size:14px;margin:25px 0}.mapintro{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;margin-bottom:40px}.placegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.placecard{padding:25px;border:1px solid var(--line);position:relative;background:#fcfaf4}.placecard p{font-size:13px;color:var(--muted);padding-right:15px}.placecard .eyebrow{font-size:9px}.arrow{position:absolute;bottom:16px;right:20px}.roadmapstats{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-bottom:30px}.roadmapstats>div{border-top:1px solid #bbae91;padding-top:14px;display:flex;flex-direction:column}.roadmapstats b{font:36px var(--serif)}.roadmapstats span{font-size:11px;color:var(--muted)}.downloads{display:flex;gap:12px;margin-bottom:25px;align-items:center}.tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.task{border:1px solid var(--line);padding:25px;background:#fcfaf4}.task h3{margin-top:20px;font-size:23px}.task h3 span{font:13px system-ui;color:var(--muted)}.task p{font-size:14px}.task .fine{font-size:12px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:5px 9px;background:#e2e9e0}.badge.gap{background:#ecd8c3}.priority{float:right;font-size:11px;color:var(--muted)}.narrow{max-width:900px}.narrow h2{margin-top:40px}.empty{padding:40px;background:#e9e7dc}dialog{width:96vw;max-width:none;height:94dvh;max-height:none;padding:0;background:#f4f0e7;border:1px solid #d2c19b;color:var(--ink)}dialog::backdrop{background:#111d1be8}.viewerbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}.viewerbar strong{font:18px var(--serif)}.viewerbar>div{display:flex;gap:7px}.viewerbar button,.viewerbar a{background:#e5e3d7;border:1px solid #cbc9b9;padding:10px 13px;font-size:12px;min-width:44px;min-height:44px;white-space:nowrap}#imagepan{height:calc(100% - 116px);overflow:auto;padding:12px;overscroll-behavior:contain}#largeimage{display:block;margin:auto}.viewerhint{font-size:11px;text-align:center;margin:9px 12px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:20}.skip:focus{top:5px}@media(hover:none){.enlarge{opacity:1}}@media(min-width:1600px){.hero{height:680px}}@media(max-width:1100px){header{padding:0 4%;height:90px}nav{gap:18px}.brand{font-size:27px}.residents{grid-template-columns:repeat(3,minmax(0,1fr))}.section>.residents:has(>.resident-card:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}.cardbody{padding:15px}.cardbody h3{font-size:25px}.split{gap:25px}.feature{padding:30px}.profilegrid{gap:30px}.next{flex-wrap:wrap}.next .button{margin-left:75px}.profiletop{gap:25px}.gallery{gap:17px}.stats b{font-size:36px}}@media(max-width:820px){header{height:auto;min-height:110px;flex-wrap:wrap;gap:0;padding:15px 5% 0}.brand{font-size:28px}nav{width:100%;justify-content:space-between;gap:10px}nav a{padding:11px 0}.hero{height:520px}.herocopy{top:14%;left:6%}.hero:after{background:linear-gradient(90deg,#142723ed,#14272377 65%,#14272322)}.hero h1{font-size:58px}.hero-caption{font-size:9px}.section{padding:38px 5%}.stats{grid-template-columns:repeat(4,1fr);gap:14px}.stats a{flex-direction:column;gap:2px;text-align:center}.stats span{font-size:10px}.residents,.section>.residents:has(>.resident-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.mapintro{grid-template-columns:1fr;gap:25px}.feature{margin:12px 5%;padding:30px}.feature p{max-width:none}.profiletop{grid-template-columns:1fr}.profiletop .art{max-width:760px}.profilegrid{grid-template-columns:1fr;gap:20px}.placegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmapstats{grid-template-columns:repeat(3,1fr)}.tasks{grid-template-columns:1fr}.viewerbar{flex-wrap:wrap}.viewerbar strong{font-size:15px}.viewerbar>div{width:100%;justify-content:flex-end}.viewerbar button,.viewerbar a{padding:9px 11px}#imagepan{height:calc(100% - 150px)}.next{gap:20px}.next h2{font-size:31px}.next .seal{display:none}.next .button{margin-left:0}.next>div{flex:1 1 100%}footer{flex-direction:column}footer a{text-align:left}.filters{padding:16px;gap:12px}.filters label{min-width:0}.filters label:not(.search){max-width:42%}.sectionhead{align-items:start}.sectionhead>a{white-space:normal;max-width:130px;text-align:right;flex-shrink:0}.sectionhead h2{font-size:31px}}@media(max-width:480px){.hero{height:480px}.hero h1{font-size:50px}.herocopy{top:12%}.hero p{font-size:14px}.hero-caption{right:10px;left:10px;text-align:center}.brand small{font-size:8px}.stats{gap:8px}.stats b{font-size:31px}.stats span{font-size:9px}.cardbody{padding:12px}.cardbody h3{font-size:23px}.cardbody .eyebrow{font-size:8px;letter-spacing:.8px;min-height:26px}.swatches{gap:2px}.swatches i{width:9px;height:9px}.cardfoot{font-size:9px;gap:5px}.residents{gap:12px}.gallery,.placegrid{grid-template-columns:1fr}.filters{flex-direction:column;align-items:stretch}.filters label:not(.search){max-width:none}.downloads{flex-wrap:wrap}.feature{padding:24px}.sectionhead{flex-wrap:wrap;gap:12px}.sectionhead>a{max-width:none;text-align:left}.paper{padding:22px}.viewerbar button,.viewerbar a{font-size:10px;padding:8px}.viewerbar{padding:10px}.viewerhint{font-size:9px}.intro{font-size:15px}h2{font-size:30px}.next{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.reference-slot{min-width:0;background:#fffaf0;border:1px solid #dbd0bb;border-radius:12px;padding:22px}.reference-character{grid-column:1/-1}.reference-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.reference-head h3{font-size:25px;margin:4px 0 12px}.reference-status{display:inline-block;white-space:nowrap;font:600 12px/1.4 system-ui;padding:6px 10px;border-radius:20px;background:#e2eadf;color:#284e38}.reference-status.missing{background:#f4e5c9;color:#775018}.reference-status.not-applicable{background:#e9e5df;color:#625d55}.reference-slot .art{width:100%}.reference-placeholder{min-height:230px;border:1px dashed #c8b995;background:#f5efdf;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.reference-placeholder>span{font-size:40px;color:#a68d5d}.reference-placeholder p{max-width:330px;font-size:14px}.reference-placeholder.not-applicable{background:#f0eeea;border-color:#ccc7be}.reference-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:24px 0}.reference-summary article{padding:18px;background:#f3eddf;border-radius:10px}.reference-summary h3{font-size:19px}.reference-summary strong{font-size:22px}.reference-summary p{font-size:13px}.audit-table-wrap{overflow-x:auto;margin:24px 0}.reference-audit{border-collapse:collapse;width:100%;min-width:780px}.reference-audit th,.reference-audit td{padding:14px 12px;text-align:left;border-bottom:1px solid #d8cfbd;font-size:14px}.reference-audit thead th{background:#eee6d5}.reference-audit tbody th{background:#fffaf0}.reference-audit a{color:#325b4b}@media(max-width:700px){.reference-grid{grid-template-columns:1fr}.reference-character{grid-column:auto}.reference-slot{padding:16px}.reference-head h3{font-size:22px}.reference-head{gap:8px}.reference-status{font-size:10px;padding:5px 8px}.reference-placeholder{min-height:190px}.reference-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.residents:has(.portrait-card),.section>.residents:has(>.portrait-card:nth-child(4):last-child){grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.resident-card.portrait-card{display:flex;align-items:stretch;min-height:142px;border-radius:10px;overflow:hidden}.portrait-preview{flex:0 0 124px;width:124px;background:linear-gradient(135deg,#e5e7db,#f2eadb);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.portrait-preview img{display:block;width:124px;height:142px;object-fit:cover;object-position:50% 12%}.portrait-card .cardbody{min-width:0;flex:1;padding:20px 15px;display:flex;flex-direction:column;justify-content:center}.portrait-card .cardbody h3{font-size:26px;margin:0 0 5px;line-height:1.1}.portrait-role{font:12px/1.4 system-ui;color:var(--muted);margin:0 0 12px}.portrait-card .cardfoot{font-size:10px;margin-top:auto}.portrait-pending{font:48px Georgia;color:#8a806d;align-self:center}.reference-portrait .art{max-width:380px;margin:0 auto;background:#f0ebdf}.reference-portrait .art img{object-fit:contain}@media(max-width:1000px){.residents:has(.portrait-card),.section>.residents:has(>.portrait-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-preview{flex-basis:110px;width:110px}.portrait-preview img{width:110px;height:138px}.portrait-card .cardbody{padding:16px 12px}.portrait-card .cardbody h3{font-size:24px}}@media(max-width:600px){.residents:has(.portrait-card),.section>.residents:has(>.portrait-card:nth-child(4):last-child){grid-template-columns:1fr;gap:12px}.resident-card.portrait-card{min-height:116px}.portrait-preview{flex-basis:112px;width:112px}.portrait-preview img{width:112px;height:120px}.portrait-card .cardbody{padding:14px 18px}.portrait-card .cardbody h3{font-size:25px}.portrait-role{margin-bottom:10px}.portrait-card .cardfoot{font-size:11px}}
.portrait-preview img{transform:scale(1.35);transform-origin:50% 0%;}
/* Character pages: an illustrated introduction, readable story, unframed art spreads. */
.person-page{max-width:1500px}.person-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}.person-title{max-width:680px}.person-title h1{font-size:clamp(64px,8vw,112px);line-height:1}.person-title>p{font-size:18px;line-height:1.8}.person-title .fine{font-size:12px}.person-signature{display:flex;align-items:center;gap:22px;font:italic 20px var(--serif)!important;color:var(--accent);margin-top:36px}.person-signature span{font-size:34px}.person-page .reference-spread{min-width:0;margin:0 0 52px}.person-intro .reference-portrait{display:flex;flex-direction:column-reverse;margin:0}.person-page .reference-art{background:transparent;margin:0 auto;width:100%;border:0;border-radius:0;box-shadow:none}.person-page .reference-art img{height:auto;width:100%;object-fit:contain}.person-intro .reference-art{max-width:480px!important;background:radial-gradient(ellipse at 50% 60%,#e0e5d6,transparent 68%)}.spread-caption{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:20px}.spread-caption h3{margin:0;font-size:28px}.spread-caption .eyebrow{margin:0 0 6px}.image-source{font-size:12px;color:var(--muted);white-space:nowrap;min-height:44px;display:flex;align-items:center}.person-intro .spread-caption{border:0;margin:10px 0 0;padding:0;align-items:center}.person-intro .spread-caption h3{font-size:17px}.person-intro .spread-caption .eyebrow{display:none}.person-story{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8%;margin:60px 0 80px}.person-story>article{max-width:730px}.person-belonging{border-left:1px solid var(--line);padding-left:30px;align-self:start;font-size:14px}.person-belonging h2{font-size:30px}.person-belonging h3{margin-top:30px;font-size:22px}.chapter-heading{text-align:center;padding:36px 0 28px;border-top:1px solid var(--line)}.chapter-heading>span{font:36px var(--serif);color:var(--accent);display:block;margin-bottom:10px}.chapter-heading .eyebrow{margin-bottom:8px}.person-wardrobe{margin-top:60px}.person-page .reference-placeholder{min-height:110px;border-radius:0;background:transparent;padding:20px}.person-page .reference-placeholder p{max-width:650px;margin:8px 0 0}.person-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;font-size:13px}.person-page .enlarge{opacity:1}.person-page .prose{margin:32px 0}.person-page .prose p{max-width:68ch}
@media(max-width:820px){.person-intro{grid-template-columns:1.1fr 1fr;gap:24px}.person-title>p{font-size:16px}.person-title h1{font-size:64px}.person-intro .spread-caption{display:block}.person-story{gap:30px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.person-belonging{padding-left:20px}.spread-caption{align-items:start;flex-wrap:wrap;gap:4px}.spread-caption h3{font-size:25px}}
@media(max-width:600px){.person-intro{grid-template-columns:1fr;gap:0}.person-intro .reference-portrait{max-width:360px;width:100%;margin:0 auto}.person-intro .spread-caption{display:flex;flex-wrap:wrap}.person-title h1{font-size:68px}.person-signature{margin-top:20px}.person-story{grid-template-columns:1fr;margin:38px 0}.person-belonging{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.person-page .reference-spread{margin-bottom:32px}.person-footer{flex-direction:column}.person-page .image-source{white-space:normal}.viewerbar>div{flex-wrap:wrap}.person-page .chapter-heading h2{font-size:29px}}

.person-main-sheet{margin-top:48px}
/* Resident identity: the approved palette and original sheet sigil. */
.resident-card.portrait-card{border-color:color-mix(in srgb,var(--resident-primary) 32%,#d9d6c9);border-top:3px solid var(--resident-primary);background:linear-gradient(120deg,#fcfaf4 30%,color-mix(in srgb,var(--resident-secondary) 22%,#fcfaf4));isolation:isolate}
.portrait-card .portrait-preview{background:linear-gradient(145deg,color-mix(in srgb,var(--resident-primary) 24%,#f4f0e7),color-mix(in srgb,var(--resident-secondary) 35%,#f4f0e7))}
.portrait-card:hover{color:var(--ink);border-color:var(--resident-primary);box-shadow:0 5px 18px #28363212}
.portrait-card:focus-visible{outline-color:var(--ink)}
.resident-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.resident-heading>div{flex:1;min-width:0}
.resident-heading .portrait-role{margin:0;color:#515c54}
.resident-sigil{flex:0 0 52px;width:52px;height:58px;display:flex;align-items:center;justify-content:center;mix-blend-mode:multiply}
.resident-sigil>svg{display:block;width:100%;height:100%;overflow:hidden}
.portrait-card .cardbody{padding:16px 14px}
.portrait-card .cardfoot{color:#515c54;border-top:1px solid color-mix(in srgb,var(--resident-primary) 20%,transparent);padding-top:9px;gap:8px}
.resident-colours{display:flex;gap:3px;margin-left:auto}
.resident-colours i{display:block;width:14px;height:5px;border-radius:2px;box-shadow:inset 0 0 0 1px #00000012}
@media(min-width:1001px) and (max-width:1250px){.residents:has(.portrait-card),.section>.residents:has(>.portrait-card:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.resident-heading{margin-bottom:8px}.resident-sigil{width:48px;flex-basis:48px;height:52px}.portrait-card .cardbody{padding:12px 14px}}
.resident-sigil>svg{border-radius:4px}
.sigil-wren>svg{clip-path:polygon(42% 0,100% 0,100% 100%,0 100%,0 26%,42% 26%)}


/* The village welcome: a changing view, signposts and a little noticeboard. */
.village-landing{--home-green:#253f36;--home-rust:#965a43;--home-paper:#f4f0e7}
.village-welcome{position:relative;min-height:660px;color:#fff7e8;background:#233a31;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:70px 6% 28px;overflow:hidden}
:is(#welcome-scene,.welcome-slide){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 52%;z-index:-2}
.village-welcome:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142b24e8 0%,#142b24b8 35%,#142b2430 75%),linear-gradient(0deg,#152b24ed,transparent 45%);z-index:-1}
.welcome-copy{max-width:650px;padding-bottom:70px}.welcome-copy .eyebrow{color:var(--season-colour);letter-spacing:2.5px;font-size:11px}
.welcome-copy h1{font-size:clamp(62px,6.5vw,96px);line-height:1.02;letter-spacing:-3px;margin-bottom:28px;text-shadow:0 2px 24px #10251b40}.welcome-copy h1 em{font-weight:400;color:var(--season-colour)}
.welcome-description{font-size:18px;line-height:1.75;max-width:420px;color:#f2ecdf}
.welcome-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:30px}.welcome-actions .button{background:#f0dab4;color:#263b31;border-radius:2px}.welcome-actions .button:hover{background:#fff0d0}.welcome-text-link{color:#fff7e8;font-size:13px;padding:12px 0;border-bottom:1px solid #fff5d55c}.welcome-text-link:hover{color:var(--season-colour)}
.welcome-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;border-top:1px solid #f5e9d330;padding-top:23px}.season-story p{font:italic 21px/1.4 var(--serif);margin-bottom:8px;color:#f5e5c9}.season-story>span{font-size:10px;color:#d9d8ca}.season-dial{flex-shrink:0}.season-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.7px;margin-bottom:9px;color:#e5dbc9}.season-buttons{display:flex;gap:4px}.season-buttons button{border:1px solid #e9dcc342;background:#18372f9c;color:#fff4df;padding:8px 12px;min-height:44px;font-size:12px;border-radius:3px;display:flex;align-items:center;gap:7px}.season-buttons button>span{font:20px Georgia}.season-buttons button[aria-pressed=true]{background:var(--season-colour);border-color:var(--season-colour);color:#20372e}.season-buttons button:hover{border-color:#fff7e8}.village-welcome :focus-visible{outline-color:#ffdf9c}
.welcome-ribbon{display:flex;align-items:center;justify-content:center;gap:28px;padding:23px 5%;border-bottom:1px solid #d5cebc;background:#e9e7da}.welcome-ribbon p{margin:0;font-size:12px;letter-spacing:.4px;text-align:center;color:#49584b}.welcome-ribbon em{font-family:var(--serif);font-size:17px;letter-spacing:0}.welcome-ribbon>span{font-size:27px;color:#7c8c6d}.welcome-ribbon>span:last-child{transform:rotate(180deg)}
.village-doorways{max-width:1400px;margin:auto;padding:65px 6% 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.village-doorway{position:relative;display:flex;flex-direction:column;border-top:2px solid var(--doorway-accent);padding:24px 0 0;color:#283b31;min-width:0}.doorway-people{--doorway-accent:#a16170}.doorway-places{--doorway-accent:#68816a}.doorway-art{--doorway-accent:#ab8147}.doorway-number{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#6a6d60;margin-bottom:30px}.village-doorway>svg{position:absolute;right:0;top:46px;width:55px;height:55px;color:var(--doorway-accent);opacity:.9}.village-doorway h2{font-size:36px;line-height:1.12;letter-spacing:-.8px;padding-right:45px;margin-bottom:18px}.village-doorway p{font-size:14px;color:#61695e;max-width:300px;line-height:1.8;margin-bottom:25px}.doorway-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:12px;font-weight:600;border-bottom:1px solid #d8d0bf;padding-bottom:12px;gap:10px}.doorway-link b{font-size:18px;font-weight:400;color:var(--doorway-accent);transition:transform .2s}.village-doorway:hover{color:var(--doorway-accent)}.village-doorway:hover .doorway-link b{transform:translate(3px,-3px)}
.village-noticeboard{background:#dfe3d5;position:relative;padding:52px 6% 64px;border-block:1px solid #c8cfba;display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,2.8fr);gap:35px}.noticeboard-intro{align-self:center}.noticeboard-intro .eyebrow{color:#55674b}.noticeboard-intro h2{font-size:37px;line-height:1.08}.noticeboard-intro>p:not(.eyebrow){font-size:14px;color:#58684f;max-width:220px}.noticeboard-flourish{font-size:50px;color:#a5b190;display:block;line-height:1;margin-top:22px}.village-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;padding-top:8px}.village-note{position:relative;padding:33px 23px 24px;box-shadow:2px 6px 0 #72816215,0 8px 18px #3b4c3010;display:flex;flex-direction:column;transition:transform .2s;color:#443e31}.note-bakery{background:#f4e6c7;transform:rotate(-2deg)}.note-music{background:#efe5e4;transform:rotate(1.3deg);margin-top:12px}.note-home{background:#f7f1dd;transform:rotate(-1deg)}.note-pin{position:absolute;top:10px;left:calc(50% - 4px);width:8px;height:8px;background:#92794b;border-radius:50%;box-shadow:1px 2px 2px #594b3460}.note-music .note-pin{background:#925c6a}.note-home .note-pin{background:#5b7963}.village-note .eyebrow{font-size:9px;letter-spacing:1.3px;color:#7b654c;margin-bottom:16px}.village-note h3{font-size:27px;font-style:italic;line-height:1.15;letter-spacing:-.4px}.village-note p{font-size:12px;line-height:1.85;color:#625d50;margin-bottom:25px}.note-link{margin-top:auto;font-size:11px;font-weight:600;border-top:1px dashed #9b8a6f66;padding-top:14px}.village-note:hover{transform:rotate(0deg) translateY(-4px);color:#7f513c}
.landing-map{max-width:1400px;margin:auto;padding:75px 6%;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px}.landing-map h2{font-size:48px;line-height:1.07}.landing-map-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#646d60;max-width:320px}.landing-map figure{margin:0;padding:12px;background:#fffbf0;transform:rotate(1.3deg);box-shadow:0 3px 20px #37452f15;border:1px solid #e1d8c6}.landing-map-art{aspect-ratio:1.55;background:#ece4cf}.landing-map-art img{height:100%;object-fit:cover}.landing-map figcaption{font:italic 16px var(--serif);text-align:center;padding:12px 6px 3px;color:#796d52}.landing-workbench{display:block;margin-top:22px;font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#68715f;max-width:300px}
@media(min-width:1600px){.village-welcome{padding-inline:max(6%,calc((100vw - 1400px)/2));min-height:730px}}
@media(max-width:1050px){.village-welcome{min-height:650px;padding-top:60px}.welcome-bottom{align-items:start;flex-direction:column;gap:20px}.welcome-copy{padding-bottom:40px}.village-doorways{gap:25px;padding-block:48px}.village-doorway h2{font-size:30px}.village-doorway>svg{width:43px;height:43px;top:54px}.village-noticeboard{grid-template-columns:1fr;padding-block:42px}.noticeboard-intro{max-width:none;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:22px}.noticeboard-intro .eyebrow{width:100%;margin-bottom:12px}.noticeboard-intro h2{margin-bottom:0}.noticeboard-intro>p:not(.eyebrow){max-width:none;margin:0}.noticeboard-flourish{display:none}.village-notes{gap:18px}.village-note{padding-inline:18px}.village-note h3{font-size:25px}.landing-map{gap:35px;padding-block:55px}.landing-map h2{font-size:41px}}
@media(max-width:700px){.village-welcome{padding:45px 6% 25px;min-height:650px}.welcome-copy h1{font-size:65px;letter-spacing:-2px}.welcome-description{font-size:16px;max-width:350px}.village-welcome:after{background:linear-gradient(90deg,#142b24de,#142b2460),linear-gradient(0deg,#142b24f0,transparent 70%)}.welcome-actions{gap:10px 22px}.welcome-copy{padding-bottom:35px}.season-story p{font-size:18px}.season-buttons button{padding:7px 10px}.welcome-ribbon{gap:16px}.welcome-ribbon em{display:block;margin-top:4px}.village-doorways{grid-template-columns:1fr;padding-block:35px;gap:28px}.village-doorway{padding-top:18px}.doorway-number{margin-bottom:18px}.village-doorway h2{font-size:32px;padding-right:65px}.village-doorway h2 br{display:none}.village-doorway p{max-width:90%;margin-bottom:18px}.village-doorway>svg{right:5px;top:37px}.village-notes{grid-template-columns:1fr;gap:25px;max-width:440px;width:100%;margin:auto}.village-note{padding:32px 27px 24px}.village-note h3{font-size:30px}.village-note p{font-size:14px}.note-music{margin-top:0}.noticeboard-intro h2{font-size:35px;margin-bottom:14px}.village-noticeboard{padding:36px 8% 45px;gap:22px}.landing-map{grid-template-columns:1fr;gap:30px;padding-block:42px}.landing-map h2{font-size:42px}.landing-map-copy>p:not(.eyebrow){max-width:none}.landing-map figure{transform:none}}
@media(max-width:370px){.welcome-copy h1{font-size:55px}.season-buttons{gap:3px}.season-buttons button{font-size:11px;padding-inline:7px;gap:4px}.welcome-ribbon{gap:10px}.welcome-ribbon>span{font-size:21px}}
/* Frame the illustrated scene above its baked-in dialogue strip. */
:is(#welcome-scene,.welcome-slide){height:145%;object-position:65% 0}
@media(max-width:700px){.welcome-copy h1{font-size:56px}.village-welcome{min-height:680px}}
@media(max-width:370px){.welcome-copy h1{font-size:49px}}
@media(max-width:700px){.season-dial{width:100%;max-width:390px}.season-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.season-buttons button{justify-content:center;padding:8px 3px;font-size:10px;gap:3px;min-width:0}.season-buttons button>span{font-size:16px}}
/* Transparent original sigils sit behind the readable card content. */
.portrait-card .cardbody{position:relative;isolation:isolate;overflow:hidden}
.portrait-card .resident-heading{position:static}
.portrait-card .resident-heading>div,.portrait-card .cardfoot{position:relative;z-index:1}
.portrait-card .resident-sigil{position:absolute;z-index:0;right:-6px;top:50%;transform:translateY(-50%) rotate(-9deg);width:145px;height:145px;max-width:85%;object-fit:contain;opacity:.15;pointer-events:none;mix-blend-mode:multiply;border:0;border-radius:0;display:block}
.portrait-card .cardbody h3{position:relative}
@media(max-width:600px){.portrait-card .resident-sigil{width:138px;height:138px;right:-3px;opacity:.14}}
/* A personal visual identity and a deeper, readable character foundation. */
.person-page{--person-primary:#84613b;--person-secondary:#e2d2b5}
.person-page .eyebrow{color:color-mix(in srgb,var(--person-primary) 35%,#283632)}
.person-page .person-intro{position:relative;padding:35px;border-top:3px solid var(--person-primary);border-bottom:1px solid color-mix(in srgb,var(--person-primary) 25%,#ded9ca);background:linear-gradient(110deg,color-mix(in srgb,var(--person-secondary) 17%,#f4f0e7),#f4f0e7 82%);overflow:hidden}
.person-page .person-title{position:relative;isolation:isolate;min-width:0}.person-title>:not(.person-emblem){position:relative;z-index:1}
.person-emblem{position:absolute;width:360px;height:360px;max-width:95%;object-fit:contain;right:-20px;top:12px;opacity:.075;transform:rotate(-9deg);z-index:0;pointer-events:none;mix-blend-mode:multiply}
.person-page .person-title h1{font-size:clamp(56px,7vw,100px)}
.person-page .chip{background:color-mix(in srgb,var(--person-secondary) 12%,#fbf9f2);border-color:color-mix(in srgb,var(--person-primary) 22%,#d9d6c9)}
.person-page .person-signature{font:italic 20px var(--serif);display:flex;align-items:center;gap:20px;color:color-mix(in srgb,var(--person-primary) 50%,#283632);margin-top:30px}
.person-page .person-signature>span{font-size:20px}.person-colour-signature{display:flex;gap:4px}.person-colour-signature i{width:27px;height:6px;display:block;border-radius:2px;border:1px solid #0000000c}
.person-page .person-intro .reference-art{background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--person-secondary) 32%,transparent),transparent 70%)}
.person-contents{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:18px 0;border-block:1px solid color-mix(in srgb,var(--person-primary) 24%,#d9d6c9);margin:8px 0 48px}
.person-contents>span{font:italic 19px var(--serif);margin-right:auto}.person-contents button{display:flex;align-items:center;gap:12px;border:1px solid transparent;background:color-mix(in srgb,var(--person-secondary) 18%,#f4f0e7);padding:10px 14px;color:var(--ink);min-height:44px;font-size:12px;border-radius:3px}.person-contents button:hover{border-color:var(--person-primary)}
.person-page .person-story{margin-top:40px}.person-page .prose h3{border-left:3px solid var(--person-primary);padding-left:14px;font-size:27px}
.person-motivations{margin:25px 0 0;padding:22px 25px;background:color-mix(in srgb,var(--person-secondary) 16%,#f4f0e7);border-left:2px solid color-mix(in srgb,var(--person-primary) 60%,#d9d6c9)}
.person-motivations>div+div{margin-top:19px}.person-page dt{font-size:10px;letter-spacing:1.25px;text-transform:uppercase;font-weight:700;color:color-mix(in srgb,var(--person-primary) 35%,#283632);margin-bottom:6px}.person-page dd{margin:0;font-size:15px;line-height:1.85}
.person-moments{list-style:none;padding:0;margin:20px 0}.person-moments li{padding:14px 0 14px 24px;border-bottom:1px solid #d9d6c9;position:relative;margin:0;font-size:15px}.person-moments li:before{content:'✧';position:absolute;left:0;color:color-mix(in srgb,var(--person-primary) 50%,#283632)}
.person-voice{margin-top:22px}.person-voice blockquote{margin:18px 0;padding:5px 0 5px 22px;border-left:1px solid var(--person-primary);font:italic 22px/1.6 var(--serif);color:color-mix(in srgb,var(--person-primary) 25%,#283632)}
.person-page .person-belonging{border-color:color-mix(in srgb,var(--person-primary) 25%,#d9d6c9)}
.person-trust{margin-top:30px;background:color-mix(in srgb,var(--person-secondary) 18%,#f4f0e7);padding:1px 20px 5px;border-radius:3px}.person-page .note{background:color-mix(in srgb,var(--person-secondary) 15%,#f4f0e7);border-color:var(--person-primary)}
.person-connections,.person-scenes{margin:60px 0 75px;scroll-margin-top:28px}.person-section-heading{border-top:1px solid color-mix(in srgb,var(--person-primary) 30%,#d9d6c9);padding-top:30px;margin-bottom:28px}.person-section-heading h2{font-size:37px;margin-bottom:14px}.person-section-heading>p:last-child:not(.eyebrow){color:var(--muted);max-width:680px;font-size:15px}
.person-relationship-overview{max-width:800px;margin-bottom:30px}.person-relationship-overview li{padding-bottom:9px}
.relationship-beats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.relationship-beats article{border-top:2px solid var(--person-primary);padding:22px 25px;background:color-mix(in srgb,var(--person-secondary) 12%,#fbf9f2)}.relationship-beats h3{display:flex;justify-content:space-between;font-size:28px}.relationship-beats h3 span{font:20px system-ui}.relationship-beats p{font-size:15px;line-height:1.85;margin:0}.relationship-beats a:hover{color:color-mix(in srgb,var(--person-primary) 55%,#283632)}
.person-story-threads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.story-thread{padding:30px;border:1px solid color-mix(in srgb,var(--person-primary) 25%,#d9d6c9);background:linear-gradient(135deg,color-mix(in srgb,var(--person-secondary) 12%,#fbf9f2),#fbf9f2);position:relative}.thread-number{font:italic 35px var(--serif);color:color-mix(in srgb,var(--person-primary) 55%,#bdb8a8);display:block;margin-bottom:20px}.story-thread h3{font-size:30px;max-width:95%;margin-bottom:25px}.story-thread dl{margin:0}.story-thread dl>div+div{margin-top:22px}
.person-page .chapter-heading{border-color:color-mix(in srgb,var(--person-primary) 30%,#d9d6c9)}.person-page .chapter-heading>span{color:color-mix(in srgb,var(--person-primary) 60%,#84613b)}
#person-story,#person-reference{scroll-margin-top:28px}
@media(max-width:1000px){.person-page .person-intro{padding:26px}.person-page .person-title h1{font-size:64px}.person-page .person-signature{flex-wrap:wrap;gap:12px}.person-contents>span{width:100%;margin:0 0 8px}.person-story-threads{gap:20px}.story-thread{padding:23px}.person-emblem{right:-10px;width:300px;height:300px}}
@media(max-width:700px){.person-page .person-story{grid-template-columns:1fr}.person-page .person-belonging{border-left:0;border-top:1px solid color-mix(in srgb,var(--person-primary) 30%,#d9d6c9);padding:26px 0 0}.person-page .person-intro{grid-template-columns:1fr;padding:24px 20px}.person-page .person-title h1{font-size:62px;overflow-wrap:anywhere}.person-emblem{width:290px;height:290px;right:-12px;top:0}.person-page .person-intro .reference-portrait{max-width:360px;margin:auto;width:100%}.person-contents{gap:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:30px}.person-contents>span{grid-column:1/-1}.person-contents button{justify-content:space-between;padding-inline:10px;font-size:11px}.relationship-beats,.person-story-threads{grid-template-columns:1fr;gap:18px}.person-connections,.person-scenes{margin:42px 0}.person-section-heading h2{font-size:31px}.story-thread h3{font-size:28px}.person-motivations{padding:20px}.person-voice blockquote{font-size:21px}.person-page .person-signature{margin-bottom:24px}}

.season-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.season-toolbar .season-label{margin:0;font-size:9px;letter-spacing:1px}.season-toolbar button{background:transparent;border:0;border-bottom:1px solid #e9dcc360;color:#fff4df;font-size:10px;padding:8px 0;min-height:44px;white-space:nowrap}.welcome-slide{pointer-events:none}

.season-buttons button{position:relative;overflow:hidden}.season-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#20372e;transform:scaleX(0);transform-origin:left;pointer-events:none}.season-buttons button:not([aria-pressed=true]) .season-progress{visibility:hidden}

.village-welcome{touch-action:pan-y pinch-zoom}
:root .sprite-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:16px 0 12px;border-bottom:1px solid #b7a88a;padding-bottom:10px}
:root .sprite-tabs button{font:inherit;cursor:pointer;min-height:44px;padding:10px 5px;border:1px solid #b7a88a;border-radius:7px;background:transparent;color:inherit}
:root .sprite-tabs button[aria-selected="true"]{background:var(--resident-primary,#655943);color:#fff;box-shadow:inset 0 -3px #d6bd89}
:root .sprite-tabs button:focus-visible{outline:3px solid #9b733b;outline-offset:3px}
:root .reference-sprites [role="tabpanel"][hidden]{display:none}
:root .reference-sprites h4{margin:0;font:inherit;font-weight:600}
@media(max-width:400px){:root .sprite-tabs{gap:4px}:root .sprite-tabs button{font-size:13px}}