@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--ink:#09121b;--panel:#111d27;--text:#eee8dc;--muted:#aeb6bb;--gold:#c3a676;--border:rgba(195,166,118,.25);--display:"Cormorant Garamond",Georgia,serif;--body:Manrope,Arial,sans-serif;font-family:var(--body);font-size:16px;color:var(--text);background:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,p,figure{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:#b49766;color:#09121b}.skip-link{position:fixed;z-index:100;top:-100px;left:16px;background:var(--text);color:var(--ink);padding:12px}.skip-link:focus{top:16px}.site-header{height:114px;max-width:1600px;padding:0 5%;margin:auto;display:flex;align-items:center;gap:60px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:17px;font-family:var(--display);font-size:29px;font-weight:600;letter-spacing:1px}.brand small{display:block;font-family:var(--body);font-size:10px;font-size:.75rem;letter-spacing:.22em;margin-top:3px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:38px;height:48px;font-size:31px;border:1px solid var(--gold);outline:1px solid var(--border);outline-offset:4px;color:var(--gold)}nav{display:flex;gap:34px;margin-left:auto;font-size:.875rem}nav a{padding:10px 0;border-bottom:1px solid transparent}nav a:hover{color:var(--gold);border-color:var(--gold)}.realm-header{font-size:.75rem;letter-spacing:.11em;color:var(--gold)}.realm-header span{padding:0 10px;opacity:.5}.eyebrow{font-size:.75rem;line-height:1.8;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);font-weight:500}.eyebrow>span{padding:0 8px;color:#687078}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;min-height:760px;height:calc(100svh - 114px);max-height:1050px;border-bottom:1px solid var(--border)}.hero-copy{padding:88px 7% 35px 10%;display:flex;flex-direction:column;align-items:flex-start;position:relative;background:radial-gradient(ellipse at 0 25%,#182b36 0%,transparent 62%)}h1{font-family:var(--display);font-weight:400;font-size:clamp(5rem,8.6vw,9rem);line-height:1.08;letter-spacing:-.055em;margin:39px 0 14px;margin-left:-.04em}.hero-motto{font-family:var(--display);font-size:clamp(2rem,3vw,3.25rem);line-height:1.14;letter-spacing:-.025em}.hero-motto em{color:var(--gold);font-weight:400}.hero-intro{color:var(--muted);font-size:1rem;line-height:1.9;margin:32px 0 31px}.entry-link{font-size:.875rem;padding:0 0 15px;border-bottom:1px solid var(--gold);min-width:156px;display:flex;justify-content:space-between;gap:38px}.entry-link span{font-size:21px;color:var(--gold)}.entry-link:hover{color:var(--gold)}.hero-bottom{margin-top:auto;padding-top:48px;width:100%;display:flex;justify-content:space-between;gap:15px;font-size:.75rem;letter-spacing:.1em;color:#899399}.hero-bottom>span:last-child{white-space:nowrap;color:var(--gold)}.hero-art{position:relative;overflow:hidden;background:#203542}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:center 27%}.hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(5,12,17,.85),transparent 25%),linear-gradient(90deg,rgba(9,18,27,.16),transparent 24%)}.hero-art figcaption{position:absolute;bottom:35px;left:36px;right:36px;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.875rem}.hero-art figcaption>span{display:flex;align-items:center;gap:12px}.caption-rule{width:22px;height:1px;background:var(--gold)}.hero-art figcaption a{font-size:.75rem;color:#e1d3bc;display:flex;align-items:center;gap:15px}.hero-art figcaption a:hover{text-decoration:underline}.page-section{max-width:1440px;margin:auto;padding:96px 5.55% 110px}.section-label{font-size:.75rem;letter-spacing:.18em;color:var(--muted);display:flex;gap:26px;align-items:center}.section-number{font-family:var(--display);font-size:1.3rem;letter-spacing:0;color:var(--gold)}.guild-section{display:grid;grid-template-columns:1fr 1fr;gap:40px 80px}.guild-section .section-label{grid-column:1/-1}.guild-heading{padding-top:15px}h2{font-family:var(--display);font-size:clamp(3.5rem,5vw,5.6rem);font-weight:400;line-height:1.03;letter-spacing:-.025em}h2 em{font-weight:400;color:var(--gold)}.guild-heading h2{margin-top:20px}.guild-copy{padding-top:18px}.guild-copy>p{color:var(--muted);font-size:1.1rem;line-height:1.85;max-width:510px}.guild-copy>p+p{margin-top:22px}.guild-copy strong{color:var(--text);font-weight:500}.guild-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:39px;padding-top:27px;border-top:1px solid var(--border)}.guild-facts span{font-size:.75rem;letter-spacing:.1em;color:var(--gold)}.guild-facts p{font-family:var(--display);font-size:1.45rem;line-height:1.4;margin-top:12px}.gallery-section{padding-top:62px;border-top:1px solid var(--border)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin:41px 0 50px}.section-heading h2{margin-top:16px}.section-heading>p{font-size:1rem;line-height:1.9;color:var(--muted);padding-bottom:9px}.gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:43px 25px}.art-card{grid-column:span 2;padding:0;background:none;border:0;text-align:left;min-width:0}.image-wrap{display:block;position:relative;overflow:hidden;background:var(--panel)}.portrait .image-wrap{aspect-ratio:3/4}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;filter:saturate(.82)}.portrait:first-child img{object-position:center 28%}.portrait:nth-child(2) img{object-position:center 18%}.portrait:nth-child(3) img{object-position:center 32%}button.art-card:hover img{transform:scale(1.035);filter:saturate(1)}.expand{position:absolute;right:16px;bottom:16px;background:rgba(9,18,27,.85);border:1px solid var(--border);display:grid;place-items:center;width:36px;height:36px;color:var(--gold);font-size:20px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}button.art-card:hover .expand,.art-card:focus-visible .expand{opacity:1;transform:none}.art-meta{display:flex;flex-direction:column;gap:8px;margin-top:21px}.art-meta>span:first-child{font-size:.75rem;letter-spacing:.13em;color:var(--gold)}.art-meta strong{font-family:var(--display);font-size:1.9rem;font-weight:500}.art-subtitle{font-size:.875rem;color:var(--muted);line-height:1.5}.landscape{grid-column:span 3}.landscape .image-wrap{aspect-ratio:3/2}.huntress img{object-position:center 35%}.relic-heading{display:flex;align-items:center;gap:23px;margin-top:85px;margin-bottom:25px}.relic-heading .line{height:1px;background:var(--border);flex:1}.relic-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.relic-card{border:0;background:var(--panel);padding:0;position:relative;text-align:left;overflow:hidden;aspect-ratio:1.16}.relic-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .5s}.relic-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,12,19,.99),rgba(5,12,19,.03) 77%)}.relic-copy{position:absolute;bottom:31px;left:32px;right:25px;z-index:1}.relic-copy>strong{display:block;font-family:var(--display);font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.02;font-weight:400;margin:12px 0 23px}.relic-copy em{font-weight:400;color:#e2c696}.view-art{font-size:.875rem;display:flex;align-items:center;gap:18px}.view-art>span{color:var(--gold)}button.relic-card:hover>img{transform:scale(1.035)}.references{margin-top:38px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.references summary{display:flex;align-items:center;gap:20px;padding:24px 0;cursor:pointer;font-family:var(--display);font-size:1.7rem;list-style:none}.references summary::-webkit-details-marker{display:none}.references summary>span:not(.details-symbol){font-family:var(--body);font-size:.875rem;color:var(--muted);margin-left:auto}.details-symbol{color:var(--gold);font-family:var(--body);font-size:1.5rem}.references[open] .details-symbol{transform:rotate(45deg)}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:5px 0 30px}.reference-card{border:0;background:var(--panel);padding:15px;display:flex;align-items:center;gap:20px;text-align:left}.reference-card img{width:110px;height:120px;object-fit:contain;background:#17202a}.reference-card small{font-size:.75rem;color:var(--gold);display:block;margin-bottom:10px;line-height:1.8}.reference-card strong{font-family:var(--display);font-size:1.4rem;font-weight:500;line-height:1.15}button.reference-card:hover{background:#1d2c37}.closing{padding:10px 25px 95px;text-align:center}.closing>p{font-family:var(--display);font-size:clamp(2.75rem,5.5vw,5rem);line-height:1.08;margin-top:26px;font-weight:400}.closing em{font-weight:400;color:var(--gold)}.closing-rule{height:36px;width:1px;background:var(--gold);display:block;margin:35px auto 0}footer{max-width:1600px;margin:auto;border-top:1px solid var(--border);padding:34px 5%;display:flex;align-items:center;gap:25px;font-size:.75rem;color:var(--muted);line-height:1.8}.footer-brand{font-family:var(--display);font-size:1.7rem;color:var(--text)}.fan-note{max-width:290px;margin-left:auto}footer>a:last-child{white-space:nowrap;color:var(--gold)}dialog{padding:0;border:1px solid var(--border);background:#0b131c;color:var(--text);width:min(1180px,96vw);max-width:96vw;height:94svh;max-height:94svh;overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:rgba(3,7,11,.92);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:15px;top:15px;z-index:3;background:#101a24;border:1px solid var(--border);padding:9px 15px;display:flex;gap:16px;align-items:center;font-size:.875rem}.dialog-close span{font-size:24px}.dialog-image{min-height:0;flex:1;display:grid;place-items:center;padding:25px 55px 12px}.dialog-image img{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain}.dialog-footer{display:flex;justify-content:space-between;align-items:center;text-align:center;gap:20px;padding:20px 30px 23px;border-top:1px solid var(--border);flex-shrink:0}.dialog-footer button{border:1px solid var(--border);background:transparent;min-width:46px;min-height:46px;color:var(--gold);font-size:23px}.dialog-footer button:hover{background:var(--panel)}.dialog-footer h2{font-size:1.9rem;line-height:1.15;margin:5px 0}.dialog-footer p{color:var(--muted);font-size:.875rem;line-height:1.5}#dialog-index{color:var(--gold);font-size:.75rem;letter-spacing:.16em}body.art-open{overflow:hidden}

.credited-art{min-width:0}.credited-art>.art-card{display:block;width:100%}.art-credit{margin-top:12px;font-size:.875rem;line-height:1.5;color:var(--muted)}.art-credit a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.art-credit a:hover{color:var(--text)}

.annals-section{border-top:1px solid var(--border)}.annals-section .section-heading>p{max-width:480px}.charter-signers{list-style:none;counter-reset:signer;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin:0;padding:0;border-top:1px solid var(--border)}.charter-signers li{counter-increment:signer;display:flex;align-items:baseline;gap:20px;padding:21px 0;border-bottom:1px solid var(--border);font-family:var(--display);font-size:1.7rem;line-height:1.3;overflow-wrap:anywhere}.charter-signers li:before{content:counter(signer,decimal-leading-zero);font-family:var(--body);font-size:.75rem;color:var(--gold);flex-shrink:0}.charter-note{margin-top:27px;color:var(--muted);font-size:1rem;line-height:1.8}@media(max-width:760px){.charter-signers{grid-template-columns:1fr;gap:0}.charter-signers li{font-size:1.6rem;padding:16px 0}.annals-section .section-heading>p{max-width:none}}

.hero-intro>p+p{margin-top:1em}
/* The two bearers accompany the standard and the closing welcome. */
.standard-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:32px;margin:20px 0 32px}
.standard-intro .rule-title{font-family:var(--display);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.25}
.standard-intro .eyebrow{font-family:var(--body);font-size:.875rem}
.standard-portrait{min-width:0;text-align:left}
.standard-portrait>img{width:100%;height:auto;aspect-ratio:2/3;border:1px solid var(--border)}
.standard-portrait figcaption{margin-top:14px;color:var(--gold);font-family:var(--display);font-size:1.5rem;line-height:1.3}
.standard-portrait figcaption>span{display:block;margin-top:5px;font-family:var(--body);font-size:.875rem;line-height:1.6;color:var(--muted)}
.closing-with-bearer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center;max-width:1150px;margin:0 auto;padding:25px 5.55% 95px}
.closing-copy>p{font-family:var(--display);font-size:clamp(2.75rem,4.5vw,4.5rem);line-height:1.08;margin-top:26px;font-weight:400}
@media(max-width:760px){.standard-intro{grid-template-columns:minmax(0,1fr);gap:24px}.standard-portrait{width:100%;max-width:420px;margin-inline:auto}.closing-with-bearer{grid-template-columns:minmax(0,1fr);padding:10px 7% 65px;gap:42px}.closing-copy>p{font-size:clamp(2.5rem,9vw,3.2rem)}}
/* The tabard emblem stays with the name, without repeating it to screen readers. */
.guild-name{display:inline-block;white-space:nowrap}
.guild-name>.guild-watermark{display:inline-block;width:.9em;height:1em;max-width:none;margin-left:.22em;object-fit:contain;vertical-align:-.16em;opacity:.72;mix-blend-mode:screen;pointer-events:none}
#hero-title .guild-watermark{width:.28em;height:.34em;margin-left:.12em;vertical-align:.48em}
.rule-pictures{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}.rule-pictures figure{min-width:0}.rule-pictures img{width:100%;height:auto;border:1px solid var(--border)}.rule-pictures figcaption{margin-top:10px;font-family:var(--display);font-size:1.35rem;line-height:1.4;color:var(--gold)}
.rules-list{margin:32px 0 0;padding-left:2rem;max-width:52rem;list-style-type:lower-roman}.rules-list>li{padding-left:14px;line-height:1.8;font-size:1rem}.rules-list>li::marker{color:var(--gold);font-family:var(--display);font-size:1.4rem}.rules-list>li+li{margin-top:28px}.rule-title{font-size:1.125rem;font-weight:500}.rule-example{margin-top:12px;color:var(--muted)}.rule-example>span{color:var(--gold);font-size:.875rem;letter-spacing:.08em}
.rules-section.page-section{border-top:1px solid var(--border);padding-top:48px;padding-bottom:48px}.rules-heading{display:flex;align-items:baseline;gap:26px;font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.2}.rules-heading>span{color:var(--gold);font-size:.6em;letter-spacing:0}

@media(min-width:1700px){.hero{border-left:1px solid var(--border);border-right:1px solid var(--border)}}
@media(max-width:1100px){.site-header{height:100px;gap:32px}.realm-header{display:none}.hero{height:auto;min-height:720px}.hero-copy{padding-top:60px;padding-left:9%;padding-right:5%}.hero h1{margin-top:30px}.hero-art figcaption{left:24px;right:24px}.hero-art figcaption a{display:none}.hero-intro br{display:none}.hero-bottom>span:last-child{display:none}.guild-section{gap:35px 50px}.section-heading>p{max-width:265px}.reference-card{gap:15px}.reference-card img{width:85px}footer{flex-wrap:wrap}.fan-note{max-width:270px}}
@media(max-width:760px){.site-header{height:91px;padding:0 6%;gap:20px}.brand{font-size:25px;gap:13px}.brand-mark{width:28px;height:36px;font-size:26px}.brand small{font-size:.75rem;letter-spacing:.11em}nav{gap:19px;font-size:.875rem}.hero{display:flex;flex-direction:column;min-height:0;max-height:none}.hero-copy{padding:46px 7% 36px}.hero .eyebrow{font-size:.75rem;letter-spacing:.08em}.hero .eyebrow>span{padding:0 4px}.hero h1{font-size:clamp(4.8rem,15.8vw,7.3rem);margin-top:24px;margin-bottom:17px}.hero-motto{font-size:2.6rem}.hero-intro{margin:24px 0;max-width:320px;line-height:1.85}.hero-bottom{display:none}.entry-link{min-width:155px;margin-top:5px}.hero-art{height:540px;width:100%}.hero-art img{object-position:center 27%}.hero-art figcaption{bottom:26px;left:7%;right:7%}.hero-art figcaption a{display:flex}.page-section{padding:62px 7% 69px}.guild-section{grid-template-columns:1fr;gap:25px}.guild-heading{padding-top:6px}.guild-heading h2{font-size:4.1rem;margin-top:16px}.guild-copy{padding-top:0}.guild-copy>p{font-size:1rem}.guild-facts{margin-top:28px}.gallery-section{padding-top:40px}.section-heading{display:block;margin-top:28px;margin-bottom:32px}.section-heading h2{font-size:3.6rem}.section-heading>p{max-width:none;margin-top:23px;font-size:.9375rem}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 19px}.art-card{grid-column:span 1}.portrait:nth-child(3){grid-column:span 2}.portrait:nth-child(3) .image-wrap{aspect-ratio:1.18}.portrait:nth-child(3) img{object-position:center 38%}.landscape{grid-column:span 2}.art-meta{margin-top:16px;gap:7px}.art-meta strong{font-size:1.75rem}.art-meta>span:first-child{font-size:.75rem;letter-spacing:.09em}.art-subtitle{font-size:.875rem}.expand{opacity:1;transform:none;right:12px;bottom:12px;width:32px;height:32px}.relic-heading{margin-top:45px;gap:16px}.relic-heading .eyebrow{letter-spacing:.08em}.relic-grid{grid-template-columns:1fr;gap:21px}.relic-card{aspect-ratio:1.1}.relic-copy{left:25px;bottom:25px}.relic-copy>strong{font-size:2.6rem}.references summary{font-size:1.5rem;gap:15px;flex-wrap:wrap}.references summary>span:not(.details-symbol){font-size:.75rem;max-width:135px;text-align:right;line-height:1.7}.reference-grid{grid-template-columns:1fr}.reference-card img{width:95px}.closing{padding-bottom:65px}.closing p{font-size:3.2rem}footer{padding:26px 7%;display:grid;grid-template-columns:1fr 1fr;gap:16px}.fan-note{grid-column:1/-1;grid-row:2;max-width:none;margin:0}footer>span:nth-child(2){text-align:right}footer>a:last-child{grid-column:1/-1}.dialog-image{padding:55px 9px 12px}.dialog-footer{padding:16px 12px;gap:12px}.dialog-footer h2{font-size:1.45rem}.dialog-footer p{font-size:.875rem}.dialog-footer button{min-width:40px;min-height:44px}}
@media(max-width:380px){.site-header{padding:0 5%;gap:12px}nav{gap:12px}.brand{font-size:23px}.hero-art{height:470px}.hero-art figcaption a{display:none}.art-meta strong{font-size:1.5rem}.hero-motto{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}