@font-face{font-family:"Cinzel";src:url("./assets/fonts/Cinzel-Variable.ttf") format("truetype");font-style:normal;font-weight:400 900;font-display:swap}
:root{--content-max:1680px;--page-gutter:clamp(56px,5.6vw,96px);--section-space:clamp(104px,7.3vw,140px);--section-heading-gap:clamp(46px,3.6vw,64px);--block-gap:clamp(40px,3.5vw,68px);color-scheme:dark;--ink:#0d0d0b;--surface:#161512;--gold:#c3a16c;--gold-bright:#ebc992;--muted:#aaa092;--line:rgba(176,143,94,.24);--display:"Cinzel","Songti SC","STSong","SimSun",serif;--serif:"Cinzel","Songti SC","STSong","SimSun",serif;--sans:"Cinzel","Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--ink);color:#e9dfce;font-family:var(--sans);font-weight:500;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.shell{width:min(var(--content-max),calc(100% - 2 * var(--page-gutter)));margin-inline:auto}
.site-header{height:78px;background:#100f0d;position:relative;z-index:20;border-bottom:1px solid rgba(192,154,97,.23)}.site-header::after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:1px;background:rgba(0,0,0,.9)}.header-inner{height:100%;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:40px;height:40px;border:1px solid #87663d;display:grid;place-items:center;transform:rotate(45deg);position:relative;box-shadow:inset 0 0 0 3px #15130f}.brand-mark::before{content:"";position:absolute;inset:4px;border:1px solid rgba(191,157,101,.45)}.brand-mark span{transform:rotate(-45deg);font-family:var(--display);font-size:22px;color:#c6a16a}.brand-wordmark{display:flex;flex-direction:column;gap:4px}.brand-wordmark strong{font-family:var(--serif);font-weight:700;letter-spacing:.23em;font-size:17px;color:#e6d1ac}.brand-wordmark small{font:9px var(--display);letter-spacing:.16em;color:#988362}.main-nav{display:flex;align-items:center;justify-content:center;gap:36px;flex:1;height:100%}.main-nav a{height:100%;display:flex;align-items:center;position:relative;font-size:13px;color:#aaa295;transition:color .2s}.main-nav a:hover,.main-nav a.nav-active{color:#e7c991}.main-nav a.nav-active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#b48950;box-shadow:0 0 12px #c58d4f}.header-actions{display:flex;align-items:center;gap:20px}.search-toggle,.menu-toggle{border:0;background:none;padding:9px;cursor:pointer}.search-toggle svg{width:19px;height:19px;fill:none;stroke:#c4b79f;stroke-width:1.5}.header-link{font-size:12px;letter-spacing:.09em;color:#d5bd93;border:1px solid #705a3b;padding:11px 17px;white-space:nowrap;transition:.2s}.header-link:hover{border-color:#d2a568;color:#fff}.header-link span{margin-left:10px;color:#ad8957}.menu-toggle{display:none}.menu-toggle span{display:block;width:21px;height:1px;background:#d7bf94;margin:5px 0}
.search-panel{position:absolute;top:77px;right:max(var(--page-gutter),calc((100% - var(--content-max))/2));width:min(440px,calc(100vw - 32px));background:#181713;border:1px solid #5c4b31;box-shadow:0 20px 50px #000b;z-index:30}.search-panel[hidden]{display:none}.search-inner{padding:23px}.search-inner label{font-family:var(--serif);color:#e3c997;font-size:17px}.search-input-wrap{height:43px;border:1px solid #514432;background:#0e0e0c;display:flex;align-items:center;gap:10px;margin-top:13px;padding:0 12px}.search-input-wrap svg{height:17px;width:17px;fill:none;stroke:#a99472;stroke-width:1.5}.search-input-wrap input{background:none;border:0;outline:0;color:#eee1cc;flex:1;min-width:0;font-size:13px}.search-input-wrap input::placeholder{color:#746e62}.search-input-wrap kbd{font:10px var(--display);color:#736854}.search-hint{color:#8e8577;font-size:11px;line-height:1.7}.search-results{display:grid;gap:2px}.search-results a{display:flex;justify-content:space-between;color:#d8c29c;font-size:13px;padding:9px 10px;border-top:1px solid #393126}.search-results a:hover{background:#292319}.search-results p{font-size:12px;color:#a79b89}
.hero{height:min(820px,calc(100svh - 78px));min-height:580px;position:relative;overflow:hidden;border-bottom:1px solid #4d3b28;background:#0e100f}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background-image:url("./assets/sanctuary-gate.webp");background-position:center;background-size:cover;transform:scale(1.02);animation:hero-reveal 1.4s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(10,11,10,.99) 0%,rgba(12,12,10,.94) 23%,rgba(13,12,10,.77) 42%,rgba(12,11,10,.22) 70%,rgba(9,10,9,.48) 100%),linear-gradient(0deg,#0e0d0b 0%,transparent 23%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.28) 100%)}.hero-content{position:relative;height:100%;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;min-width:0;max-width:600px;margin-top:-24px}.eyebrow,.section-kicker{font:13px var(--display);letter-spacing:.16em;color:#c9a777}.eyebrow{display:flex;align-items:center;flex-wrap:wrap;column-gap:11px;row-gap:6px;margin:0 0 24px;font-size:15px}.eyebrow-line{width:31px;height:1px;background:#bd9460}.eyebrow-dot{font-size:7px;color:#977650}.hero-pretitle{font:12px var(--display);letter-spacing:.42em;color:#c5ac83;margin:0 0 15px}.hero h1{font:700 clamp(60px,6vw,88px)/1.05 var(--serif);letter-spacing:.13em;margin:0;color:#f1e3cb;text-shadow:0 2px 15px #000}.hero-divider{width:300px;display:flex;align-items:center;gap:10px;margin:25px 0 23px;color:#ae8857}.hero-divider span{height:1px;background:linear-gradient(90deg,#896a42,transparent);flex:1}.hero-divider span:first-child{flex:0 0 45px;background:#a07c50}.hero-divider i{font-style:normal;font-size:12px}.hero h2{font:400 24px/1.4 var(--serif);letter-spacing:.14em;color:#e6cfad;margin:0 0 16px}.hero-description{font-size:13px;line-height:2.05;letter-spacing:.05em;color:#b6ab9c;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:31px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:0 21px;font-size:12px;letter-spacing:.12em;transition:background .2s,border-color .2s,color .2s}.button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}.button-primary{background:linear-gradient(180deg,#9a774c,#745534);border:1px solid #c29c65;color:#fff3df;box-shadow:inset 0 0 0 2px #806039,0 3px 12px #0008}.button-primary:hover{background:#b18a56}.button-ghost{border:1px solid #746044;background:#171510b8;color:#d8c6aa}.button-ghost:hover{border-color:#c7a06c;background:#292117}.button-cross{color:#c5a36e;font-size:18px}.hero-seal{position:absolute;z-index:1;width:min(34vw,440px);aspect-ratio:1;right:6%;top:15%;opacity:.21;color:#d9ad72;mix-blend-mode:screen}.hero-seal svg{width:100%;height:100%;stroke:currentColor;stroke-width:.6}.hero-bottom{position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:space-between;align-items:end;color:#98866b;font:9px var(--display);letter-spacing:.19em}.hero-bottom a{display:flex;align-items:center;gap:12px;font:10px var(--sans);letter-spacing:.16em;color:#baaa90}.scroll-line{width:46px;height:1px;background:linear-gradient(90deg,#b08e60,transparent)}
.section{padding-block:var(--section-space)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:var(--section-heading-gap)}.section-kicker{margin:0 0 18px;color:#a78a60}.section-kicker span{color:#6e5940;margin-right:12px}.section-heading h2{font:600 clamp(30px,2.4vw,42px)/1.3 var(--serif);letter-spacing:.1em;margin:0;color:#e7d7be}.section-heading h2 span{color:#a17e50}.section-description{font-size:15px;color:#b2a696;letter-spacing:.035em;line-height:1.9;margin:18px 0 0}.text-link{font-size:12px;color:#bb9b6b;white-space:nowrap;letter-spacing:.04em}.text-link:hover{color:#f1d4a1}.text-link span{margin-left:8px}.archive{position:relative}.archive::before{content:"";position:absolute;top:0;left:50%;width:1px;height:38px;background:linear-gradient(#9e7a4b,transparent)}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.8vw,28px)}.archive-card{min-height:144px;display:flex;align-items:center;gap:20px;padding:28px 24px;background:linear-gradient(135deg,#1a1915,#121210);border:1px solid #383127;position:relative;transition:transform .2s,border-color .2s,background .2s}.archive-card::after{content:"";position:absolute;left:0;top:0;width:18px;height:18px;border-top:1px solid #8c704b;border-left:1px solid #8c704b;opacity:.7}.archive-card:hover{transform:translateY(-3px);border-color:#a08053;background:linear-gradient(135deg,#28241c,#171613)}.card-icon{height:50px;width:50px;flex:0 0 50px;display:grid;place-items:center;border:1px solid #55432f;transform:rotate(45deg);background:#14130f}.card-icon svg{height:35px;width:35px;transform:rotate(-45deg);fill:none;stroke:#c7a675;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.card-copy{display:flex;flex-direction:column;gap:9px;min-width:0}.card-copy strong{font:600 18px var(--serif);letter-spacing:.06em;color:#ddc29b}.card-copy small{font-size:13px;color:#a9a092;line-height:1.5}.card-arrow{align-self:flex-start;margin-left:auto;font:14px var(--display);color:#796748}
.journey{background:radial-gradient(ellipse at 50% 0%,rgba(112,61,34,.13),transparent 60%),#12110f;border-top:1px solid #2a241c;border-bottom:1px solid #30261c}.heading-ornament{color:#7d6648;font-size:36px}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2vw,32px)}.journey-card{min-height:300px;padding:30px;position:relative;overflow:hidden;background:linear-gradient(145deg,#1d1b17,#11110f);border:1px solid #40382c;transition:border-color .2s,transform .2s}.journey-card:hover{border-color:#aa8555;transform:translateY(-3px)}.journey-card::after{content:"";position:absolute;inset:5px;border:1px solid rgba(154,126,85,.1);pointer-events:none}.journey-number{font:10px var(--display);letter-spacing:.15em;color:#98805c}.journey-art{position:absolute;top:38px;right:30px;width:120px;height:120px;display:grid;place-items:center}.art-orbit{position:absolute;inset:2px;border:1px solid #6c5236;border-radius:50%;opacity:.55}.art-orbit::before,.art-orbit::after{content:"";position:absolute;inset:10px;border:1px solid #624a30;transform:rotate(45deg)}.art-orbit::after{inset:20px;transform:rotate(0);border-radius:50%}.journey-art img{max-width:64px;max-height:76px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 13px #b25426aa);z-index:1}.journey-copy{display:flex;flex-direction:column;position:absolute;left:30px;bottom:32px;right:30px}.journey-copy strong{font:600 22px var(--serif);letter-spacing:.1em;color:#e1c59b}.journey-copy small{color:#b2a696;font-size:14px;line-height:1.8;margin-top:14px;max-width:280px}.journey-copy em{font-style:normal;font-size:11px;color:#b7986b;letter-spacing:.08em;margin-top:18px}.journey-copy em span{margin-left:8px}.site-footer{border-top:1px solid #342a1f;background:#0a0a09;padding:48px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{font:12px var(--display);letter-spacing:.18em;color:#c3a473}.footer-brand i{font-style:normal;color:#8e704a}.footer-inner p{font-size:11px;color:#777165;margin:9px 0 0}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.footer-links a{font-size:11px;color:#928879}.footer-links a:hover{color:#dbc19a}
@keyframes hero-reveal{from{opacity:.4;transform:scale(1.07)}to{opacity:1;transform:scale(1.02)}}
.brand-wordmark small,.eyebrow,.section-kicker,.journey-number,.hero-bottom,.footer-brand{font-family:var(--display)}
.hero-pretitle{font-family:var(--display);font-size:22px;letter-spacing:.2em;color:#dec093;text-shadow:0 2px 10px #000}
.hero h1{text-shadow:0 1px #fff0cf,0 3px 0 #6b5034,0 6px 20px #000}
.hero h2{font-weight:600;letter-spacing:.15em}
.season-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;padding:8px 13px;border:1px solid #a56c42;background:linear-gradient(90deg,#6d291bba,#291a11b8);box-shadow:0 0 24px #ae431626;color:#f3c996;font:700 clamp(18px,1.3vw,21px)/1.25 var(--serif);letter-spacing:.12em}
.season-kicker span{color:#e39054;font-size:12px}
.hero .season-kicker+h2{font-size:clamp(22px,2vw,29px);line-height:1.5;letter-spacing:.09em}
.hero .hero-description{font-size:14px}
.journey-symbol{width:50px;height:50px;fill:none;stroke:#c3a06d;stroke-width:.8;filter:drop-shadow(0 0 8px #b2542680);z-index:1}a:focus-visible,button:focus-visible{outline:2px solid #dfbc84;outline-offset:3px}.search-input-wrap:focus-within{border-color:#d1aa73}
@media(max-width:1050px){.shell{width:calc(100% - 64px)}.search-panel{right:32px}.main-nav{gap:20px}.header-inner{gap:20px}.header-link{display:none}.archive-grid{grid-template-columns:repeat(2,1fr)}.hero-seal{right:2%;width:38vw}.hero-copy{max-width:540px}.journey-card{min-height:270px}}
@media(max-width:700px){html{scroll-padding-top:65px}.shell{width:calc(100% - 40px)}.site-header{height:66px}.header-inner{justify-content:space-between}.brand-mark{width:34px;height:34px}.brand-mark span{font-size:18px}.brand-wordmark strong{font-size:15px}.brand-wordmark small{font-size:8px}.header-actions{gap:7px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:65px;left:0;right:0;height:auto;padding:12px 20px 20px;background:#12110f;border-bottom:1px solid #54442e;box-shadow:0 15px 20px #0008}.main-nav.is-open{display:grid;gap:0}.main-nav a{height:auto;padding:13px 0;border-bottom:1px solid #30291f}.main-nav a.nav-active::after{display:none}.search-panel{top:65px;right:16px}.hero{height:auto;min-height:620px}.hero-image{background-position:57% center}.hero-shade{background:linear-gradient(90deg,rgba(10,10,9,.92),rgba(11,10,9,.68) 65%,rgba(9,9,8,.48)),linear-gradient(0deg,#0e0d0b,transparent 30%)}.hero-copy{margin:0 0 10px}.hero-content{min-height:620px}.hero-pretitle{font-size:17px;letter-spacing:.16em}.eyebrow{font-size:13px;letter-spacing:.08em}.hero h1{font-size:clamp(52px,13vw,70px)}.hero h2{font-size:21px}.hero-description{font-size:12px}.hero-seal{width:64vw;top:17%;right:-25%;opacity:.16}.hero-bottom{bottom:21px}.hero-bottom>span:last-child{display:none}.section{padding-top:82px;padding-bottom:88px}.section-heading{align-items:start;flex-direction:column;gap:18px}.section-heading h2{font-size:28px}.archive-grid{grid-template-columns:1fr 1fr;gap:12px}.archive-card{min-height:120px;gap:12px;padding:20px 14px}.card-icon{height:39px;width:39px;flex-basis:39px}.card-icon svg{height:29px;width:29px}.card-copy strong{font-size:15px}.card-copy small{font-size:12px}.card-arrow{font-size:12px}.journey-grid{grid-template-columns:1fr}.journey-card{min-height:240px}.journey-art{right:30px;top:38px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:18px}}
@media(max-width:400px){.hero-bottom{justify-content:center}.hero-bottom>span:first-child{display:none}.archive-grid{grid-template-columns:1fr}.archive-card{min-height:88px}.hero-actions{gap:8px}.button{padding:0 13px;gap:12px}.hero h1{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* New season guild showcase */
.guild-section{background:radial-gradient(ellipse at 10% 12%,#652b1824,transparent 38%),#15120f;border-bottom:1px solid #3b2b1e;padding-block:clamp(60px,4.5vw,96px)}
.guild-section>.shell,.stash-section>.shell{width:min(2000px,calc(100% - 2 * var(--page-gutter)))}
.guild-section>.shell{max-width:1920px}
.guild-heading,.stash-heading{margin-bottom:clamp(28px,2.3vw,40px)}
.guild-heading{align-items:end}
.guild-heading .section-description{max-width:760px}
.guild-heading h2 .guild-season-title{display:block;color:#f0d8b3;font-size:clamp(38px,3.9vw,68px);font-weight:700}
.guild-heading h2 .guild-preview-title{display:block;margin-top:12px;color:#dfc39d;font-size:clamp(24px,2vw,34px)}
.guild-season-label{flex:none;padding:9px 14px;border:1px solid #775036;color:#d6ab7d;font:600 13px var(--serif);letter-spacing:.1em}
.guild-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,3.5vw,76px);align-items:center}
.guild-gathering,.guild-card{margin:0;min-width:0}
.guild-gathering .image-frame,.guild-card .image-frame{border:1px solid #5a4936;overflow:hidden;background:#0d0c0b}
.guild-gathering img,.guild-card img{display:block;width:100%;height:auto}
.guild-gathering img{aspect-ratio:16/9;object-fit:cover}
.guild-gathering figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:#a99b87;font-size:13px}
.guild-gathering figcaption strong{color:#d6ba91;font-family:var(--serif);letter-spacing:.08em}
.guild-copy{max-width:680px}
.guild-copy .guild-heading{display:block;margin-bottom:clamp(32px,2.5vw,48px)}
.guild-copy .guild-season-label{display:inline-block;margin-top:16px}
.guild-copy .guild-heading h2 .guild-season-title{font-size:clamp(38px,3.5vw,62px)}
.guild-copy h3{margin:0 0 22px;color:#eedbc0;font:600 clamp(26px,2.4vw,38px)/1.5 var(--serif);letter-spacing:.08em}
.guild-copy h3 em{font-style:normal;color:#ca966a}
.guild-copy>p:not(.feature-tag){margin:0;color:#b7a998;font-size:16px;line-height:2}
.guild-callout{display:flex;align-items:flex-start;gap:17px;margin-top:32px;padding:19px 0 19px 22px;border-left:1px solid #986a42;color:#d8b28a}
.guild-callout>span{color:#bc8256}
.guild-callout p{margin:0;font:600 17px/1.8 var(--serif);letter-spacing:.07em}
.guild-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,2.2vw,40px);margin-top:clamp(36px,3vw,64px)}
.guild-card img{aspect-ratio:16/10;object-fit:cover}
.guild-card figcaption{padding-top:18px}
.guild-card figcaption strong{color:#dfc49f;font:600 20px var(--serif);letter-spacing:.07em}
.guild-card figcaption p{margin:10px 0 0;color:#ad9f8e;font-size:14px;line-height:1.8}
@media(max-width:850px){.guild-showcase{grid-template-columns:1fr;gap:32px}.guild-copy{max-width:700px}.guild-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.guild-heading{align-items:flex-start}.guild-copy h3{font-size:26px}.guild-copy>p:not(.feature-tag){font-size:15px}.guild-callout{margin-top:22px}.guild-gallery{grid-template-columns:1fr;gap:32px}.guild-card figcaption{padding-top:14px}}

/* Collection and quick storage */
.stash-section{background:radial-gradient(ellipse at 90% 15%,#49342130,transparent 38%),#12110f;border-bottom:1px solid #362b20;padding-block:clamp(52px,4vw,76px)}
.stash-heading h2{font-size:clamp(30px,3.2vw,52px)}
.stash-story{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(28px,3vw,56px);align-items:center}
.stash-story-reverse{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);max-width:1760px;margin-inline:auto}
.stash-story+.stash-story{margin-top:clamp(40px,3.5vw,60px);padding-top:clamp(36px,3vw,52px);border-top:1px solid var(--line)}
.stash-copy{max-width:600px}
.stash-copy .stash-heading{margin-bottom:clamp(32px,2.5vw,44px)}
.stash-copy .stash-heading h2{font-size:clamp(30px,2.8vw,46px);letter-spacing:.06em}
.stash-copy h3{margin:0 0 20px;color:#eedbc0;font:600 clamp(27px,2.6vw,38px)/1.5 var(--serif);letter-spacing:.08em}
.stash-copy h3 em{font-style:normal;color:#c6976d}
.stash-copy>p:not(.feature-tag){margin:0;color:#b7a998;font-size:16px;line-height:2}
.stash-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.stash-tags span{padding:7px 12px;border:1px solid #5a4734;color:#cbae88;font-size:13px}
.stash-collection figure,.stash-quick{margin:0;min-width:0}
.stash-collection figure,.stash-quick{padding:clamp(14px,1.5vw,24px);background:linear-gradient(135deg,#211b15,#14120f);border:1px solid #4d3d2e}
.stash-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,2vw,40px);align-items:start}
.stash-collection .image-frame{aspect-ratio:1236/1596;background:#0c0b0a;border:1px solid #4d3d2e}
.stash-collection img{display:block;width:100%;height:100%;object-fit:contain}
.stash-quick img{display:block;width:100%;height:auto}
.stash-collection figcaption,.stash-quick figcaption{margin-top:12px;color:#ab9a84;font-size:13px;letter-spacing:.04em}
.stash-quick .image-frame{border:1px solid #4d3d2e}
.stash-story-reverse .stash-copy{order:2}
.stash-story-reverse .stash-quick{order:1}
@media(max-width:1050px){.guild-section>.shell,.stash-section>.shell{width:calc(100% - 64px)}}
@media(max-width:700px){.guild-section>.shell,.stash-section>.shell{width:calc(100% - 40px)}.stash-story{grid-template-columns:1fr;gap:28px}.stash-story+.stash-story{margin-top:40px;padding-top:36px}.stash-copy h3{font-size:26px}.stash-copy>p:not(.feature-tag){font-size:15px}.stash-story-reverse .stash-copy,.stash-story-reverse .stash-quick{order:initial}}
@media(max-width:600px){.stash-collection{grid-template-columns:1fr;gap:24px}.stash-collection .image-frame{aspect-ratio:auto}.stash-collection img{height:auto}}
@media(max-width:850px){.guild-copy{grid-row:1}.guild-copy .guild-heading{margin-bottom:28px}}

/* Gameplay showcase */
.features{background:radial-gradient(ellipse at 78% 5%,rgba(115,53,25,.14),transparent 38%),#100f0d;border-bottom:1px solid #31271d;padding-top:clamp(56px,4vw,72px)}
.features-heading{margin-bottom:var(--section-heading-gap);padding-left:clamp(20px,2vw,32px);border-left:2px solid #a47d50}
.features-heading .section-description{max-width:760px}
.feature-lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:clamp(40px,4vw,80px);align-items:center}
.feature-media{min-width:0;width:min(720px,92%);justify-self:center}
.feature-video{position:relative;min-width:0;background:#080807;overflow:hidden}
.feature-video video{width:100%;height:auto;aspect-ratio:16/9;display:block;object-fit:cover;background:#050505}
.feature-video-lead{align-self:center;border:1px solid #50402d}
.video-caption{display:block;margin:0 0 12px;color:#e1c291;font:600 14px/1.4 var(--display);letter-spacing:.08em}
.feature-lead-copy{max-width:620px;align-self:center}
.feature-tag{font:12px var(--display);letter-spacing:.18em;color:#be9265;margin:0 0 14px}
.feature-tag span{color:#8d5231;padding:0 5px}
.feature-lead h3,.t4-copy h3{font:600 clamp(25px,2.5vw,34px)/1.4 var(--serif);letter-spacing:.07em;color:#f0ddbf;margin:0 0 14px}
.feature-lead h3 em,.t4-copy h3 em{font-style:normal;color:#c68c5b}
.feature-lead-copy>p:not(.feature-tag),.t4-copy>p:not(.feature-tag){font-size:15px;line-height:1.95;letter-spacing:.035em;color:#b2a696;margin:0 0 20px}
.loot-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 0 18px;color:#d3b484;font-size:11px}
.loot-flow span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.loot-flow img{width:28px;height:34px;object-fit:contain;filter:drop-shadow(0 0 6px #a3411b)}
.loot-flow b{font:14px var(--display);color:#745d43;font-weight:400}
.t4-feature{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(36px,4vw,72px);align-items:center;margin:var(--block-gap) 0;padding:clamp(36px,3vw,54px) clamp(36px,4vw,72px);background:radial-gradient(circle at 12% 50%,#57271970,transparent 30%),linear-gradient(110deg,#211711,#15130f 60%);border:1px solid #63432e;position:relative;overflow:hidden}
.t4-feature::after{content:"";position:absolute;inset:5px;border:1px solid #b28a491a;pointer-events:none}
.t4-insignia{height:195px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#d3a36f}
.t4-orbit{position:absolute;width:184px;aspect-ratio:1;border:1px solid #a3784c80;border-radius:50%;box-shadow:inset 0 0 0 10px #21150e,inset 0 0 0 11px #a3784c55,0 0 30px #b1451c20}
.t4-orbit::before,.t4-orbit::after{content:"";position:absolute;inset:22px;border:1px solid #a3784c77;transform:rotate(45deg)}
.t4-orbit::after{inset:32px;transform:rotate(0);border-radius:50%}
.t4-mark{position:relative;font:64px/1 var(--display);text-shadow:0 0 25px #d46e34;color:#e0b67b}
.t4-insignia small{position:relative;font:7px var(--display);letter-spacing:.1em;margin-top:8px;color:#b9976d}
.t4-copy{max-width:810px;position:relative;z-index:1}
.t4-copy h3{margin-bottom:9px}
.t4-copy>p:not(.feature-tag){max-width:760px;margin-bottom:16px}
.tier-path{display:flex;align-items:center;gap:20px;margin:14px 0 21px}
.tier-path span{display:flex;align-items:baseline;gap:8px}
.tier-path strong{font:17px var(--display);color:#c4a77f}
.tier-path small{font-size:11px;color:#978a7a}
.tier-path i{font:18px var(--display);font-style:normal;color:#725540}
.tier-path .tier-final strong,.tier-path .tier-final small{color:#e7ba82}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,2.5vw,40px);row-gap:clamp(48px,4vw,72px)}
.feature-card{min-width:0;width:min(650px,90%);justify-self:center}
.feature-card .feature-video{border:1px solid #47382c}
.feature-card-copy{padding:24px 0 0}
.feature-card h3{font:600 23px/1.4 var(--serif);letter-spacing:.08em;color:#e1c39c;margin:0}
.feature-card p{max-width:42em;font-size:15px;line-height:1.9;color:#b2a696;margin:14px 0 0;text-wrap:pretty}
.dungeon-showcase{margin-top:clamp(80px,7vw,120px);padding-top:clamp(64px,6vw,96px);border-top:1px solid var(--line)}
.season-dungeons{margin-top:0;padding-block:clamp(56px,4vw,72px);background:#12110f;border-top:0;border-bottom:1px solid #362b20}
.season-dungeons>.shell{width:min(2000px,calc(100% - 2 * var(--page-gutter)))}
.dungeon-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,3vw,48px)}
.dungeon-heading h3{margin:0;color:#ead6ba;font:600 clamp(25px,2.4vw,34px)/1.4 var(--serif);letter-spacing:.07em}
.dungeon-heading h3 em{color:#c68c5b;font-style:normal}
.dungeon-heading p:not(.feature-tag){margin:16px 0 0;color:#b2a696;font-size:15px;line-height:1.9}
.dungeon-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,30px);align-items:start}
.dungeon-gallery figure{margin:0;min-width:0}
.dungeon-gallery .image-frame{border:1px solid #4d3d2e}
.dungeon-gallery img{display:block;width:100%;height:auto;aspect-ratio:800/417;object-fit:cover}
.dungeon-gallery figcaption{margin-top:12px;color:#b6a286;font:600 13px var(--display);letter-spacing:.06em}
@media(max-width:1050px){.season-dungeons>.shell{width:calc(100% - 64px)}.dungeon-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.season-dungeons>.shell{width:calc(100% - 40px)}.dungeon-heading{align-items:flex-start;flex-direction:column}.dungeon-gallery{grid-template-columns:1fr;gap:28px}}
.feature-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}
.item-miniatures{display:flex;align-items:center;gap:8px;height:34px;flex-shrink:0}
.item-miniatures img{width:25px;height:34px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 5px #a74c27a0)}
.feature-note{display:flex;align-items:center;gap:18px;margin-top:var(--block-gap);padding:26px 0 0;border-top:1px solid #42352a}
.feature-note>span{font-size:20px;color:#b8875c}
.feature-note p{flex:1;margin:0;color:#b2a696;font-size:15px;line-height:1.8}
.feature-note strong{font-weight:600;color:#dbc29d}
@media(max-width:1050px){.feature-lead{grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr)}.feature-lead-copy{padding:8px 0}.t4-feature{grid-template-columns:200px 1fr;gap:28px;padding:32px}.t4-insignia{height:170px}.t4-orbit{width:155px}.t4-mark{font-size:53px}.tier-path{gap:12px}}
@media(max-width:700px){.feature-lead{grid-template-columns:1fr;gap:26px}.feature-media,.feature-card{width:100%}.feature-lead-copy{padding:0 2px}.feature-lead h3,.t4-copy h3{font-size:25px}.t4-feature{grid-template-columns:1fr;gap:0;margin:38px 0;padding:28px 24px 32px}.t4-insignia{height:140px;margin-bottom:12px}.t4-orbit{width:133px}.t4-mark{font-size:44px}.tier-path{flex-wrap:wrap;gap:10px}.tier-path span{flex-direction:column;gap:3px}.feature-grid{grid-template-columns:1fr;gap:40px}.feature-card-copy{padding:20px 2px 0}.feature-note{align-items:flex-start;flex-wrap:wrap}.feature-note p{flex:1 1 calc(100% - 40px)}.feature-note a{margin-left:35px}.video-caption{font-size:13px;letter-spacing:.06em}}

/* Present-day SOE systems */
.systems-showcase{margin-top:clamp(80px,7vw,120px);padding-top:clamp(64px,6vw,96px);border-top:1px solid var(--line)}
.systems-heading{margin-bottom:clamp(32px,3vw,50px)}
.systems-heading h3,.system-sacred h4,.system-rune h4,.system-card h4{margin:0;color:#ead6ba;font:600 clamp(25px,2.2vw,34px)/1.4 var(--serif);letter-spacing:.07em}
.systems-heading h3 em,.system-sacred h4 em,.system-rune h4 em,.system-card h4 em{color:#c68c5b;font-style:normal}
.systems-heading>p:not(.feature-tag),.system-rune-copy>p:not(.feature-tag),.system-sacred-heading>div>p:not(.feature-tag),.system-card-copy>p:not(.feature-tag){margin:16px 0 0;color:#bcb0a0;font-size:clamp(17px,1.15vw,19px);line-height:1.9}
.systems-showcase .feature-tag{font-size:clamp(14px,1vw,16px)}
.system-rune{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:36px;padding:clamp(28px,3.2vw,54px);background:radial-gradient(circle at 85% 50%,#62402c44,transparent 30%),linear-gradient(120deg,#211a13,#15130f);border:1px solid #56422f}
.system-rune-copy{max-width:740px}.system-rune-copy .text-link,.system-sacred-heading .text-link,.system-card-copy .text-link{display:inline-block;margin-top:20px;font-size:15px}
.system-rune-seal{width:170px;aspect-ratio:1;justify-self:center;display:grid;place-items:center;border:1px solid #856647;border-radius:50%;box-shadow:inset 0 0 0 10px #201811,inset 0 0 0 11px #59442f;color:#c49d6b}
.system-rune-seal svg{width:96px;height:96px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.system-sacred{margin-top:clamp(58px,5.5vw,90px)}
.system-sacred-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,3vw,48px);margin-bottom:32px}
.system-sacred-heading .feature-tag{line-height:20px}
.system-sacred-heading>div+div{width:100%;max-width:580px;justify-self:end;padding-top:34px}
.system-sacred-heading>div+div .text-link{display:block;width:max-content;margin-left:auto}
.system-sacred-heading>div>p:not(.feature-tag){margin-top:0;font-size:clamp(15px,1.05vw,16px);line-height:1.85;text-wrap:pretty}.sacred-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2vw,32px)}
.sacred-gallery figure,.system-card figure{margin:0;min-width:0}.sacred-gallery .image-frame,.system-card .image-frame{display:grid;place-items:center;overflow:hidden;background:#0c0b09;border:1px solid #55432e}
.sacred-gallery .image-frame{height:clamp(250px,25vw,360px);padding:clamp(14px,1.5vw,24px);background:linear-gradient(135deg,#211b15,#14120f)}
.sacred-gallery img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.system-card img{display:block;width:100%;height:100%;object-fit:cover}
.sacred-gallery figcaption,.system-card figcaption{margin-top:15px;color:#d1b48b;font:600 clamp(16px,1.1vw,19px)/1.5 var(--serif);letter-spacing:.06em}
.system-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.5vw,40px);margin-top:clamp(58px,5.5vw,90px)}
.system-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;display:grid;grid-template-rows:auto 1fr;padding:clamp(24px,2.5vw,40px);background:linear-gradient(135deg,#201b15,#14120f);border:1px solid #4d3d2e}
.system-card::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-12px;bottom:48px;width:46%;height:62%;background:var(--system-sigil) center/contain no-repeat;opacity:.24}
#fate-cards{--system-sigil:url("./assets/systems/fate-sigil.svg")}
#essence{--system-sigil:url("./assets/systems/essence-sigil.svg")}
.system-card figure{align-self:end;padding-top:30px;width:60%;max-width:320px}.system-card .image-frame{aspect-ratio:1}
@media(max-width:700px){.system-rune{grid-template-columns:1fr;gap:24px}.system-rune-seal{width:120px;grid-row:1;justify-self:start}.system-rune-seal svg{width:68px;height:68px}.system-sacred-heading{grid-template-columns:1fr;gap:18px}.system-sacred-heading>div+div{max-width:none;padding-top:0}.sacred-gallery{grid-template-columns:1fr;gap:28px}.sacred-gallery figure{width:100%;max-width:420px;margin-inline:auto}.sacred-gallery .image-frame{height:300px;padding:18px}.system-pair{grid-template-columns:1fr;gap:26px}.system-card{padding:22px}.system-card figure{width:100%;max-width:280px}.system-card .image-frame{aspect-ratio:auto}.system-card img{height:auto}}

/* A quiet ritual backdrop for the upcoming season's alternate progression. */
.damnation-preview{position:relative;isolation:isolate;overflow:hidden;margin-top:clamp(64px,6vw,100px);padding:clamp(32px,4vw,64px);border:1px solid #684332;background:radial-gradient(ellipse at 85% 60%,#6a261a55,transparent 60%),linear-gradient(120deg,#201610,#120e0c);scroll-margin-top:100px}
.damnation-preview::after{content:"";position:absolute;inset:10px;border:1px solid #97694433;pointer-events:none;z-index:-1}
.damnation-seal{position:absolute;z-index:-1;width:440px;height:440px;right:-20px;top:50%;transform:translateY(-50%);color:#a75a36;opacity:.28;pointer-events:none}
.damnation-seal svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4}
.damnation-preview .feature-tag{color:#d1976c;font-size:14px;letter-spacing:.15em;margin:0 0 18px}
.damnation-preview h3{max-width:850px;margin:0;color:#efdbc1;font:600 clamp(26px,2.5vw,38px)/1.5 var(--serif);letter-spacing:.06em}
.damnation-preview h3 em{font-style:normal;color:#d19a70}
.damnation-description{max-width:770px;margin:20px 0 24px;color:#c4b4a3;font-size:clamp(16px,1.1vw,18px);line-height:1.95}
.damnation-preview .text-link{font-size:16px}
@media(max-width:700px){.damnation-preview{padding:32px 24px}.damnation-seal{width:320px;height:320px;right:-120px;opacity:.17}.damnation-preview h3 em{display:block}}

/* A slightly heavier Cinzel keeps the small English labels legible. */
.brand-wordmark small,.eyebrow,.hero-pretitle,.section-kicker,.journey-number,.hero-bottom,.footer-brand,.feature-tag,.video-caption,.t4-mark,.t4-insignia small,.tier-path strong{font-weight:600}


/* Ladder and character builds */
.ladder-section{position:relative;background:linear-gradient(110deg,#211b15,#151411 58%,#191610);border-bottom:1px solid #483524}
.ladder-inner{width:min(2000px,calc(100% - 2 * var(--page-gutter)));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(28px,3vw,56px);padding-block:clamp(48px,4.5vw,76px)}
.entry-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;display:flex;flex-direction:column;padding:clamp(26px,2.8vw,44px);border:1px solid #4d3d2e;background:linear-gradient(135deg,#211c16,#15130f)}
.entry-begin{background:radial-gradient(ellipse at 100% 20%,#68492d22,transparent 65%),linear-gradient(135deg,#211c16,#15130f)}
.entry-seal{position:absolute;z-index:-1;right:24px;bottom:70px;color:#b18d59;font:220px/1 var(--serif);opacity:.1;pointer-events:none}
.entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:auto;padding-top:30px}
.entry-actions .button{min-height:50px;padding-inline:22px;font-size:13px}
.entry-actions .text-link{font-size:14px}
.ladder-copy{max-width:none}
.ladder-kicker{margin:0 0 17px;font:600 12px var(--display);letter-spacing:.16em;color:#bf9b6d}
.entry-card h2{font:600 clamp(28px,2.3vw,36px)/1.35 var(--serif);letter-spacing:.08em;color:#f0ddbf;margin:0}
.entry-card h2 span{color:#b98b5b}
.ladder-description{font-size:16px;line-height:1.9;color:#c3b5a2;margin:18px 0 0}
.ladder-highlights{display:flex;flex-wrap:wrap;gap:22px 28px;margin-top:26px}
.ladder-highlight{display:flex;align-items:center;gap:14px;flex:1 1 220px}
.ladder-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #755b3c;color:#d0ac78}
.ladder-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.ladder-highlight strong,.ladder-highlight small{display:block}
.ladder-highlight strong{font:600 17px var(--serif);letter-spacing:.06em;color:#e8cfaa}
.ladder-highlight small{margin-top:6px;font-size:13px;line-height:1.6;color:#ad9f8e}
@media(min-width:701px) and (max-width:900px){
  .header-inner{justify-content:space-between}
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;top:77px;left:0;right:0;height:auto;padding:12px 32px 20px;background:#12110f;border-bottom:1px solid #54442e;box-shadow:0 15px 20px #0008}
  .main-nav.is-open{display:grid;gap:0;justify-content:stretch}
  .main-nav a{height:auto;min-height:44px;padding:13px 0;border-bottom:1px solid #30291f}
  .main-nav a.nav-active::after{display:none}
}
@media(max-width:700px){
  .main-nav.is-open{justify-content:stretch}
  .ladder-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:38px;padding-block:64px}
  .entry-card h2{font-size:28px}
  .ladder-description{font-size:15px}
  .ladder-highlights{gap:20px;margin-top:24px}
  .ladder-highlight{gap:16px}
  .ladder-highlight strong{font-size:18px}
  .ladder-highlight small{font-size:13px}
}

@media(min-width:701px) and (max-width:1050px){.ladder-inner{width:calc(100% - 64px)}}
@media(max-width:900px){.ladder-inner{grid-template-columns:1fr;gap:24px}.entry-card{padding:28px}.entry-actions{padding-top:28px}}