@import url("fonts.css");

:root{color-scheme:dark;--ink:#141317;--paper:#f7f3ea;--muted:#f7f3ea;--arcane-white:#fff2c4;--line:rgba(255,242,196,.24);--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.8 var(--sans);overflow-x:clip}body::before{content:'';position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
body::after{content:'';position:absolute;top:900px;left:0;right:0;height:2400px;pointer-events:none;z-index:-1;background:repeating-linear-gradient(45deg,transparent 0 139px,rgba(255,242,196,.025) 140px 141px,transparent 142px 280px),repeating-linear-gradient(-45deg,transparent 0 139px,rgba(255,242,196,.025) 140px 141px,transparent 142px 280px);mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent)}
::selection{background:#bca0d8;color:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--arcane-white);outline-offset:7px}img{max-width:100%;display:block}figure{margin:0}h1,h2,h3,p,blockquote{margin:0}p+p{margin-top:1.15em}h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.035em}h2{font-size:clamp(44px,5.6vw,76px)}h3{font-size:clamp(38px,4.6vw,62px)}em{color:var(--arcane-white);font-weight:400}main{position:relative;z-index:1}#aether{position:fixed;inset:0;z-index:3;pointer-events:none;width:100%;height:100%;opacity:.8}.ambient{position:fixed;width:70vw;height:70vw;max-width:1000px;max-height:1000px;border-radius:50%;pointer-events:none;filter:blur(100px);z-index:0;opacity:.1}.ambient-one{top:10%;left:-45%;background:#9352cb;animation:ambient 28s ease-in-out infinite alternate}.ambient-two{top:45%;right:-45%;background:#5679a2;animation:ambient 23s ease-in-out infinite alternate-reverse}.section-shell{width:min(1200px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:12px;left:12px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 20px;transform:translateY(-160%)}.skip:focus{transform:none}
.site-header{height:90px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 56px;border-bottom:1px solid rgba(255,255,255,.13);z-index:10;background:linear-gradient(#100e1870,transparent)}.wordmark{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1;font-weight:700;letter-spacing:.065em;font-size:28px;display:inline-flex;align-items:center;gap:22px}.site-header nav{display:flex;gap:32px;font-size:12px;letter-spacing:.045em}.site-header nav a{position:relative;transition:color .25s}.site-header nav a::after{content:'';height:1px;position:absolute;left:0;right:100%;bottom:-6px;background:var(--arcane-white);transition:right .3s}.site-header nav a:hover{color:var(--arcane-white)}.site-header nav a:hover::after{right:0}.nav-cta{font-size:12px;letter-spacing:.02em;border-bottom:1px solid var(--arcane-white);padding:9px 0;color:var(--arcane-white);white-space:nowrap}.nav-cta span{margin-left:24px}
.hero{position:relative;height:min(980px,100svh);min-height:630px;isolation:isolate;overflow:hidden;background:#20162e}.hero-art{width:100%;height:100%;object-fit:cover;object-position:50% 46%;position:absolute;inset:0;z-index:-3;filter:saturate(.94);animation:hero-enter 2.4s var(--ease) both}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0d091a44,transparent 27%,transparent 72%,#14131726 88%,#141317b3 97%,#141317 100%),linear-gradient(90deg,#17131c66,transparent 26%,transparent 74%,#17131c66)}.hero-haze{position:absolute;inset:10% -10%;z-index:-2;background:radial-gradient(ellipse at 28% 65%,#9576ff28,transparent 48%),radial-gradient(ellipse at 75% 30%,#ae69bd22,transparent 45%);mix-blend-mode:screen;animation:haze 14s ease-in-out infinite alternate}.hero-heading{position:absolute;left:0;right:0;top:43%;text-align:center;transform:translateY(-10%);text-shadow:0 3px 50px #140c29cc}.hero h1{opacity:.7;font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;font-size:clamp(100px,17.3vw,245px);line-height:.9;letter-spacing:-.025em;color:var(--paper);text-shadow:0 0 45px #b8a1e938,0 3px 40px #15101c88}.hero-rule{display:block;width:90px;height:1px;background:var(--arcane-white);margin:32px auto 0}.hero-rune{position:absolute;width:620px;height:620px;border:1px solid #d7b9ff16;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-2;box-shadow:0 0 0 28px #d7b9ff08,0 0 0 29px #d7b9ff16}.hero-bottom{position:absolute;bottom:20px;left:56px;right:56px;display:flex;justify-content:center;align-items:end}.explore{font-size:10px;text-transform:uppercase;letter-spacing:.24em;text-align:center;color:var(--arcane-white);display:flex;flex-direction:column;align-items:center;gap:20px}.scroll-line{display:block;width:1px;height:52px;background:linear-gradient(var(--arcane-white),#fff2c410);position:relative}.scroll-line::after{content:'';width:3px;height:10px;position:absolute;top:0;left:-1px;background:#fff2c4;animation:scroll-glint 2.8s ease-in-out infinite}
.chapter-line{display:flex;gap:20px;align-items:center;margin-bottom:64px;color:var(--arcane-white);font-size:10px;text-transform:uppercase;letter-spacing:.2em}.chapter-line>span:first-child{font:italic 18px var(--serif);letter-spacing:0;opacity:.65}.chapter-line i{height:1px;background:var(--line);flex:1}.chapter-line>span:last-child{font-size:15px}.welcome{padding-top:95px;padding-bottom:70px}.welcome-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}.letter{position:relative;padding:32px 0}.letter h2{font-size:45px;margin-bottom:26px}.letter p{font-size:14px;line-height:1.9;color:var(--muted)}.letter-seal{font:64px var(--serif);display:block;color:var(--arcane-white);margin-bottom:22px}.letter blockquote{font:italic 28px/1.3 var(--serif);color:var(--paper);border-left:1px solid var(--arcane-white);padding-left:25px;margin:20px 0 28px}.letter p.signature{color:var(--paper)}.signature span{font:italic 36px/1.5 var(--serif);color:var(--arcane-white)}.letter p.letter-note{font-size:10px;line-height:1.65;max-width:310px;margin-top:22px;opacity:.7}.portrait-frame{position:relative;padding:12px;border:1px solid var(--line)}.portrait-frame::before,.portrait-frame::after{content:'';width:48px;height:48px;position:absolute;border-color:var(--arcane-white);border-style:solid;pointer-events:none}.portrait-frame::before{top:-5px;left:-5px;border-width:1px 0 0 1px}.portrait-frame::after{bottom:-5px;right:-5px;border-width:0 1px 1px 0}.welcome-portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 45%;filter:saturate(.85)}.portrait-ring{position:absolute;inset:5% -12%;border-radius:50%;border:1px solid #fff2c410;pointer-events:none;z-index:-1}.image-corner{position:absolute;bottom:-18px;left:calc(50% - 18px);padding:0 11px;background:var(--ink);color:var(--arcane-white);font-size:24px}.world-ads{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:100px;padding-top:38px;border-top:1px solid var(--line)}.world-ads img{width:100%;height:auto;aspect-ratio:2.18;object-fit:cover;border:1px solid #fff2c433;filter:saturate(.85)}.ranking{display:block;position:relative;padding:12px;background:#0b0c0c;border:1px solid var(--line);margin-top:45px;width:100%;overflow:hidden}.ranking img{width:100%;height:auto}.image-action{position:absolute;bottom:26px;right:26px;background:#161419e8;border:1px solid var(--line);font-size:11px;letter-spacing:.04em;padding:9px 14px;color:var(--arcane-white)}.image-action b{margin-left:25px;font-weight:400}
.about{padding-block:80px 60px}.section-intro{text-align:center;margin:0 auto 85px}.section-intro h2{margin-bottom:24px}.section-intro p{color:var(--muted);font-size:15px;line-height:1.8}.eyebrow{font-size:10px!important;letter-spacing:.22em;text-transform:uppercase;color:var(--arcane-white)!important;margin-bottom:22px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center;margin-bottom:110px;position:relative}.feature::after{content:'';position:absolute;width:37%;height:1px;background:var(--line);left:0;bottom:-55px}.feature-reverse .feature-copy{order:2}.feature-reverse .feature-art{order:1}.feature-reverse::after{left:auto;right:0}.feature-copy{padding:20px 0 28px}.feature-number{display:block;font:italic 19px var(--serif);color:var(--arcane-white);margin-bottom:26px;opacity:.75}.feature h3{margin-bottom:28px}.feature p{font-size:15px;color:var(--muted);line-height:1.9}.feature p.lead{color:var(--paper);font-size:17px}.feature p.pronunciation{font-size:11px;color:var(--arcane-white);letter-spacing:.04em;margin-top:-16px;margin-bottom:24px}.feature-art{position:relative;overflow:hidden;aspect-ratio:1.12;background:#22202a}.feature-art::after{content:'';position:absolute;inset:0;border:1px solid #fff2c42b;background:linear-gradient(180deg,transparent 75%,#17141d44);pointer-events:none}.feature-art img{height:100%;width:100%;object-fit:cover;object-position:50% 47%;transition:transform 1.4s var(--ease)}.feature:hover .feature-art img{transform:scale(1.035)}.feature-definition .feature-art img{object-position:50% 44%}
.cards-section{position:relative;padding:95px 0 110px;background:radial-gradient(ellipse at 50% 48%,#35254570,transparent 70%),linear-gradient(#19161c55,#11101499);overflow:hidden;border-block:1px solid #fff2c418}.cards-section>.section-shell{position:relative;z-index:1}.section-sigil{display:block;color:var(--arcane-white);font:55px var(--serif);margin-bottom:20px}.arcane-circle{width:1050px;height:1050px;position:absolute;left:50%;top:210px;transform:translateX(-50%);border:1px solid #fff2c40f;border-radius:50%;box-shadow:0 0 0 50px #fff2c404,0 0 0 51px #fff2c40f;pointer-events:none}.arcane-circle div{position:absolute;inset:12%;border:1px solid #fff2c40d;transform:rotate(45deg)}.card-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-items:start;max-width:900px;margin:0 auto 55px;padding:18px}.spell-card{padding:0;position:relative;background:transparent;transition:transform .5s var(--ease),filter .5s;filter:drop-shadow(0 20px 25px #0008);transform:translateY(0) rotate(var(--rotation,0deg))}.spell-card img{width:100%;height:auto;border-radius:10px;border:1px solid #fff2c455;box-shadow:0 0 30px var(--glow,#9981ac0a)}.spell-card>span{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:10px;letter-spacing:.15em;color:var(--arcane-white);margin:20px 2px 0}.spell-card b{font-size:16px;font-weight:400}.card-fire{--rotation:-5deg;--glow:#ff9a5720;margin-top:24px}.card-water{--rotation:5deg;--glow:#6bcaee20;margin-top:24px}.card-meditate{--glow:#b1d89820;z-index:1}.center-cta{text-align:center;margin-top:80px}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:50px;padding:14px 30px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.button-gold{background:#26232a;color:var(--paper);box-shadow:0 0 35px #fff2c410;border:1px solid #fff2c488}.button>span{font-size:17px}.center-cta p{color:var(--arcane-white);font-size:11px;letter-spacing:.06em;margin-top:16px;opacity:.8}
.story{padding-block:110px}.story-grid{display:grid;grid-template-columns:.75fr 1fr;gap:12%}.story-heading{align-self:start;position:sticky;top:60px}.story-heading h2{font-size:clamp(46px,5vw,70px)}.story-symbol{width:180px;height:180px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin:65px 0 0 20px;position:relative;opacity:.5}.story-symbol::before{content:'';position:absolute;inset:25px;border:1px solid var(--line);transform:rotate(45deg)}.story-symbol span{font:70px var(--serif);color:var(--arcane-white)}.story-copy p{color:var(--muted);font-size:14px;line-height:1.95}.story-copy p.story-emphasis{font:italic 28px/1.4 var(--serif);color:var(--arcane-white);margin:30px 0}.story-copy .story-final{font:26px/1.4 var(--serif);color:var(--paper);border-top:1px solid var(--line);padding-top:32px;margin-top:35px}
.artists{padding-block:45px 80px}.artists .section-intro{margin-bottom:70px}.artist{display:grid;grid-template-columns:.72fr 1fr;gap:10%;padding:60px 0;border-bottom:1px solid var(--line);align-items:center}.artist:last-child{border-bottom:0}.artist>figure{overflow:hidden;position:relative}.artist>figure::after{content:'';position:absolute;inset:10px;border:1px solid #fff2c433;pointer-events:none}.artist img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;transition:transform 1.2s var(--ease)}.artist:hover img{transform:scale(1.025)}.artist h3{font-size:46px;margin-bottom:28px}.artist .eyebrow{margin-bottom:12px}.artist-copy p{font-size:14px;color:var(--muted);line-height:1.85}.artist-copy .question{color:var(--paper);font-weight:500;margin-top:25px;font-size:13px}.artist-copy .question:first-child{margin-top:0}.artist-copy .question+p{margin-top:10px}.artist-copy details{margin-top:30px;border-top:1px solid var(--line)}.artist-copy summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none;padding:18px 0;color:var(--arcane-white);font-size:11px;letter-spacing:.03em}.artist-copy summary::-webkit-details-marker{display:none}.artist-copy summary span{font-size:22px;font-weight:400}.artist-copy details[open] summary span{transform:rotate(45deg)}.artist-copy details>div{padding-bottom:10px}.artist-copy details .question{margin-top:25px}
.support{position:relative;text-align:center;overflow:hidden;padding:110px 0 120px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#68513830,transparent 65%),radial-gradient(ellipse at 50% 50%,#573d6a22,transparent 65%)}.support>.section-shell{position:relative}.support h2{font-size:clamp(48px,6vw,86px);margin-bottom:40px}.support .eyebrow{margin-bottom:14px}.support-rune{width:630px;height:630px;border:1px solid #fff2c410;position:absolute;top:-100px;left:50%;transform:translateX(-50%) rotate(45deg)}.support-rune::after{content:'';position:absolute;inset:70px;border:1px solid #fff2c410;border-radius:50%}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px 70px;border-top:1px solid var(--line);position:relative;z-index:2}.site-footer>.wordmark{font-size:24px}.site-footer>span,.site-footer>a:last-child{font-size:10px;letter-spacing:.04em;color:var(--muted)}.site-footer>a:last-child span{margin-left:14px;color:var(--arcane-white)}.effects-toggle{position:fixed;right:20px;bottom:20px;background:#1e1a23df;border:1px solid #fff2c444;z-index:25;display:flex;align-items:center;gap:10px;padding:9px 13px;color:var(--arcane-white);font-size:10px;backdrop-filter:blur(12px)}.effects-toggle>span:first-child{font-size:17px}.effects-off #aether,.effects-off .ambient{display:none}.effects-off *,.effects-off *::before,.effects-off *::after{animation:none!important}.effects-off{scroll-behavior:auto}
dialog{border:1px solid var(--line);background:#18161c;color:var(--paper);padding:56px 20px 18px;max-width:min(95vw,1200px);max-height:95svh;box-shadow:0 30px 150px #000a;overflow:auto}dialog::backdrop{background:#08070de8;backdrop-filter:blur(10px)}dialog img{object-fit:contain;width:auto;max-width:100%;max-height:calc(90svh - 110px);margin:auto}dialog p{text-align:center;color:var(--arcane-white);font-size:12px;margin-top:14px;letter-spacing:.08em}.dialog-close{position:absolute;top:10px;right:15px;background:transparent;font-size:12px;display:flex;gap:15px;align-items:center}.dialog-close span{font-size:26px}body:has(dialog[open]){overflow:hidden}.js-reveal .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js-reveal .reveal.visible{opacity:1;transform:none}
@keyframes hero-enter{from{transform:scale(1.035);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes ambient{to{transform:translate(90px,-120px);opacity:.15}}@keyframes haze{to{transform:translate(3%,2%) scale(1.06);opacity:.5}}@keyframes scroll-glint{0%{transform:translateY(0);opacity:0}20%{opacity:1}90%,100%{transform:translateY(42px);opacity:0}}
@media(min-width:1600px){.section-shell{width:min(1320px,calc(100% - 160px))}.welcome-grid{gap:10%}.letter p,.story-copy p{font-size:16px}.feature p{font-size:16px}.artist-copy p{font-size:16px}}
@media(max-width:1000px){.site-header{padding-inline:30px;gap:20px}.site-header nav{gap:20px}.section-shell{width:calc(100% - 64px)}.welcome-grid{gap:6%}.letter p{font-size:13px}.letter h2{font-size:38px}.letter blockquote{font-size:24px}.feature{gap:7%}.feature p{font-size:14px}.feature p.lead{font-size:15px}.card-gallery{gap:27px}.artist{gap:7%}.artist h3{font-size:38px}.story-grid{gap:7%}.hero{min-height:620px}.hero-bottom{left:32px;right:32px}}
@media(max-width:700px){html{scroll-padding-top:30px}.section-shell{width:calc(100% - 40px)}.site-header{height:76px;padding-inline:22px}.wordmark{font-size:25px}.site-header nav{gap:18px}.site-header nav a{font-size:10px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.nav-cta{font-size:10px}.nav-cta span{margin-left:8px}.hero{height:87svh;min-height:570px;max-height:850px}.hero-art{object-position:50% 48%}.hero h1{font-size:clamp(92px,23vw,162px)}.hero-heading{top:43%}.hero-rule{width:65px;margin-top:26px}.hero-bottom{bottom:20px;left:22px;right:22px}.hero-rune{width:380px;height:380px}.chapter-line{margin-bottom:40px;gap:15px;font-size:9px;letter-spacing:.14em}.welcome{padding-top:55px;padding-bottom:30px}.welcome-grid{grid-template-columns:1fr;gap:40px}.letter{padding:0 4px}.letter h2{font-size:40px}.letter p{font-size:14px}.letter blockquote{font-size:28px}.welcome-portrait{max-width:450px;width:90%;justify-self:center}.welcome-portrait img{aspect-ratio:4/5}.letter-seal{font-size:48px;margin-bottom:15px}.world-ads{gap:12px;margin-top:65px;padding-top:25px}.ranking{padding:5px;margin-top:25px}.image-action{bottom:10px;right:10px;font-size:9px;padding:6px 10px}.image-action b{margin-left:10px}.about{padding-block:60px 0}.section-intro{margin-bottom:45px}.section-intro h2{font-size:44px}.section-intro p{font-size:14px}.section-intro h2 br{display:none}.feature{grid-template-columns:1fr;gap:24px;margin-bottom:70px}.feature-copy,.feature-reverse .feature-copy{order:1;padding:0 5px}.feature-art,.feature-reverse .feature-art{order:2;aspect-ratio:1.15}.feature::after{bottom:-35px;width:100%}.feature h3{font-size:46px;margin-bottom:22px}.feature h3 br{display:none}.feature h3 em::before{content:' '}.feature-number{margin-bottom:15px;font-size:17px}.feature p{font-size:14px}.feature p.lead{font-size:16px}.feature-art img{object-position:50% 41%}.cards-section{padding-block:65px}.cards-section .section-intro{margin-bottom:40px}.cards-section .section-intro h2{font-size:45px}.card-gallery{gap:15px;padding:8px 0;max-width:470px;margin-bottom:30px}.spell-card img{border-radius:5px}.spell-card>span{font-size:8px;letter-spacing:.03em;margin-top:12px;gap:4px}.spell-card b{font-size:13px}.card-fire,.card-water{margin-top:15px}.center-cta{margin-top:45px}.button{min-height:54px;padding-inline:24px;gap:40px}.story{padding-block:65px}.story-grid{grid-template-columns:1fr;gap:30px}.story-heading{position:static}.story-heading h2{font-size:48px}.story-heading h2 br{display:none}.story-symbol{display:none}.story-heading .eyebrow{font-size:9px!important}.story-copy p{font-size:14px}.story-copy p.story-emphasis{font-size:27px}.story-copy p.story-final{font-size:25px}.artists{padding-block:10px 45px}.artists .section-intro{margin-bottom:10px}.artist{grid-template-columns:1fr;gap:30px;padding-block:40px}.artist>figure{max-width:430px;width:100%;margin:auto}.artist img{aspect-ratio:1.15;object-position:50% 28%}.artist h3{font-size:40px;margin-bottom:20px}.artist-copy{padding:0 5px}.artist-copy p{font-size:14px}.artist-copy .eyebrow{font-size:9px!important}.artist-copy .question{font-size:13px}.support{padding-block:70px 80px}.support h2{font-size:48px}.support .section-sigil{font-size:40px}.site-footer{flex-wrap:wrap;gap:20px;padding-block:25px 85px}.site-footer .wordmark{flex-basis:100%;font-size:24px}.site-footer>a:last-child{margin-left:auto}.effects-toggle{right:12px;bottom:12px;padding:7px 11px;font-size:9px}.ambient{filter:blur(60px)}.desktop-only{display:none}}
@media(max-width:360px){.site-header nav a:last-child{display:none}.site-header{gap:15px}.nav-cta{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-reveal .reveal{opacity:1;transform:none}#aether,.ambient{display:none}}

/* Match the invitation portrait to the height set by its letter. */
@media(min-width:701px){.welcome-grid{align-items:stretch}.welcome-portrait{align-self:stretch;min-height:0}.welcome-portrait img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);aspect-ratio:auto;object-fit:cover}}
@media(max-width:700px){.welcome-portrait{max-width:300px}.welcome-portrait img{height:auto;aspect-ratio:3/4}}

/* Align the artwork to the text, excluding the decorative seal and padding. */
.world-ads h2{grid-column:1/-1;text-align:center;font-size:clamp(30px,3.5vw,46px);color:var(--paper);margin:0 0 12px}
.ranking-live{position:relative;margin-top:80px;padding:55px 40px 30px;border-block:1px solid var(--line);background:radial-gradient(ellipse at 32% 55%,#fff2c407,transparent 65%);isolation:isolate}
.ranking-heading{text-align:center}.ranking-heading .eyebrow{margin-bottom:15px}.ranking-heading h2{font-size:clamp(40px,4.5vw,64px)}.ranking-hint{font-size:11px;color:var(--paper);margin-top:18px;letter-spacing:.07em}
.ranking-layout{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:25px;margin-top:25px}.rank-art{min-width:0}.rank-pyramid{display:block;width:100%;height:auto;overflow:visible;color:var(--arcane-white)}
.rank-orbit{fill:none;stroke:var(--arcane-white);stroke-opacity:.16;stroke-width:.7;transform-origin:350px 350px}.rank-orbit-one{animation:rank-revolve 100s linear infinite}.rank-orbit-two{animation:rank-revolve 150s linear infinite reverse}.rank-orbit .orbit-mote{fill:var(--arcane-white);stroke-opacity:1;filter:drop-shadow(0 0 5px #fff2c4)}
.rank-axis{fill:none;stroke:var(--arcane-white);stroke-width:.5;opacity:.12}.rank-outline{fill:none;stroke:var(--arcane-white);stroke-width:1.5;opacity:.45}.rank-energy{fill:none;stroke:var(--arcane-white);stroke-width:2;stroke-dasharray:24 1300;stroke-linecap:round;filter:drop-shadow(0 0 5px #fff2c4);animation:rank-ascend 9s linear infinite;opacity:.8}
.rank-tier{cursor:pointer;color:var(--arcane-white)}.rank-tier>path:first-child{fill:url(#rank-fill);stroke:var(--arcane-white);stroke-opacity:.3;stroke-width:1;transition:stroke-opacity .4s,filter .4s}.rank-tier text{text-anchor:middle;fill:var(--paper);font-family:var(--serif);font-size:18px;letter-spacing:2px;pointer-events:none}.rank-tier use,.rank-tier .rank-icon{pointer-events:none;opacity:.7;transition:opacity .4s,filter .4s}.rank-tier .rank-icon{fill:none;stroke:currentColor;stroke-width:2}.rank-tier.is-active>path:first-child,.rank-tier:hover>path:first-child{fill:url(#rank-selected);stroke-opacity:1;filter:drop-shadow(0 0 5px #fff2c440)}.rank-tier.is-active use,.rank-tier.is-active .rank-icon{opacity:1;filter:drop-shadow(0 0 6px #fff2c470)}.rank-tier.is-active text{fill:var(--arcane-white)}
.rank-list{display:flex;flex-direction:column;gap:3px}.rank-option{display:flex;align-items:center;gap:18px;padding:15px 16px;text-align:left;background:transparent;border:1px solid transparent;border-bottom-color:#fff2c41c;transition:background .3s,border-color .3s;min-height:65px;width:100%}.rank-index{font:italic 13px var(--serif);color:var(--arcane-white);width:22px;flex-shrink:0}.rank-option strong{display:block;font:25px/1.2 var(--serif);color:var(--paper);font-weight:400}.rank-option small{display:block;color:var(--paper);font-size:10px;line-height:1.6;letter-spacing:.035em;margin-top:5px}.rank-option .rank-mark{color:var(--arcane-white);margin-left:auto;opacity:0;transition:opacity .3s;font-size:14px}.rank-option.is-active{background:#fff2c407;border-color:#fff2c44d}.rank-option.is-active strong{color:var(--arcane-white)}.rank-option.is-active .rank-mark{opacity:1}.rank-option:hover{background:#fff2c40a}.rank-option:focus-visible{outline-offset:2px}
@keyframes rank-revolve{to{transform:rotate(360deg)}}@keyframes rank-ascend{to{stroke-dashoffset:-1324}}
@media(max-width:1000px){.ranking-live{padding-inline:15px}.ranking-layout{gap:10px;grid-template-columns:1.2fr 1fr}.rank-option{padding:12px 10px;gap:12px;min-height:57px}.rank-option strong{font-size:23px}.rank-option small{font-size:9px}}
@media(max-width:700px){.world-ads h2{margin-bottom:8px}.ranking-live{margin-top:55px;padding:40px 0 25px}.ranking-layout{grid-template-columns:1fr;margin-top:15px;gap:5px}.rank-art{max-width:470px;width:100%;margin:auto}.rank-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rank-option{min-height:82px;gap:8px;padding:12px 9px;border-color:#fff2c41c}.rank-option strong{font-size:23px}.rank-option small{font-size:9px}.rank-index{font-size:11px;width:16px}.rank-option .rank-mark{font-size:10px}.rank-option:last-child{grid-column:1/-1}.ranking-heading .eyebrow{font-size:8px!important;letter-spacing:.17em}}
.letter p.letter-note{font-size:12px;line-height:1.7;max-width:370px;opacity:1}
.rank-option small{font-size:13px;line-height:1.5}
.rank-option.rank-origin{border-color:#fff2c480;background:#fff2c40a}
.rank-option small.rank-location-label{display:inline-flex;align-items:center;gap:8px;color:var(--arcane-white);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;margin-top:9px;border:1px solid #fff2c470;background:#fff2c40a}
.rank-location-label::before{content:'';width:5px;height:5px;background:var(--arcane-white);border-radius:50%;box-shadow:0 0 8px #fff2c480}
.rank-location-marker path{fill:none;stroke:var(--arcane-white);stroke-width:1.5}.rank-location-marker rect{fill:#242128;stroke:var(--arcane-white);stroke-width:1}.rank-location-marker text{text-anchor:middle;fill:var(--arcane-white);font:600 12px var(--sans);letter-spacing:2px}
@media(max-width:1000px){.rank-option small{font-size:12px}}
@media(max-width:700px){.rank-option small{font-size:12px}.rank-option small.rank-location-label{font-size:11px}.rank-option.rank-origin{min-height:95px}.rank-option{min-height:92px}}
@media(min-width:701px){.letter{padding:0}.letter-seal{position:absolute;top:-55px;font-size:36px;line-height:1;margin:0}.welcome-portrait{padding:0;border:0;outline:1px solid var(--line);outline-offset:12px}.welcome-portrait img{inset:0;width:100%;height:100%}}

/* A single arcane sigil develops through the caster ranks. */
.ranking-layout{display:block;margin-top:35px}.rank-art{width:min(100%,800px);max-width:800px;margin-inline:auto}.rank-tier{cursor:default}.rank-tier text.rank-name{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;letter-spacing:2px;fill:var(--paper)}.rank-tier text.rank-subtext{font-family:var(--sans);font-size:16px;letter-spacing:.15px;fill:var(--paper)}.rank-tier[data-rank="0"] text.rank-name{font-size:25px}.rank-tier[data-rank="0"] text.rank-subtext{font-size:15px}.rank-here-tag{fill:#242128;stroke:var(--arcane-white);stroke-width:1}.rank-tier text.rank-here-text{font-size:13px;letter-spacing:1.3px;fill:var(--arcane-white);font-weight:600;text-transform:uppercase}
@media(max-width:700px){.ranking-layout{margin-top:30px}.rank-art{width:100%;max-width:470px}.rank-tier text.rank-name{font-size:30px;letter-spacing:1px}.rank-tier[data-rank="0"] text.rank-name{font-size:28px}.rank-tier text.rank-subtext{font-size:22px;letter-spacing:0}.rank-tier[data-rank="0"] text.rank-subtext{font-size:20px}.rank-tier[data-rank="2"] text.rank-subtext{font-size:20px}.rank-tier text.rank-here-text{font-size:17px;letter-spacing:.5px}}
.rank-tier .rank-sigil{stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}
.sigil-novice{filter:drop-shadow(0 0 1px #fff2c410)}.sigil-su{filter:drop-shadow(0 0 2px #fff2c418)}.sigil-usu{filter:drop-shadow(0 0 3px #fff2c420)}.sigil-tuku{filter:drop-shadow(0 0 4px #fff2c430)}.sigil-sutuku{filter:drop-shadow(0 0 5px #fff2c440)}.rank-tier[data-rank="0"] use{filter:drop-shadow(0 0 7px #fff2c460)}

/* Keep the champion label inside the narrow apex at every screen size. */
.rank-tier[data-rank="0"] text.rank-name{font-size:20px;letter-spacing:1px}.rank-tier[data-rank="0"] text.rank-subtext{font-size:13px;letter-spacing:0}
@media(max-width:700px){.rank-tier[data-rank="0"] text.rank-name{font-size:23px;letter-spacing:.5px}.rank-tier[data-rank="0"] text.rank-subtext{font-size:15px}}

/* Give every rank title the same emphasis as Usutuku. */
.rank-tier text.rank-name,.rank-tier[data-rank="0"] text.rank-name{font-size:20px;font-weight:400;letter-spacing:1px}
@media(max-width:700px){.rank-tier text.rank-name,.rank-tier[data-rank="0"] text.rank-name{font-size:23px;font-weight:400;letter-spacing:.5px}}

.rank-tier text.rank-name,.rank-tier[data-rank="0"] text.rank-name{fill:var(--arcane-white)}
.ranking-live{overflow:hidden}.rank-art{position:relative}.champion-magic{opacity:0;pointer-events:none;transform-origin:350px 180px;mix-blend-mode:screen}.champion-trigger{position:absolute;left:38.1%;top:3.75%;width:23.8%;height:22.3%;padding:0;background:transparent;clip-path:polygon(50% 0,100% 100%,0 100%);cursor:pointer}.champion-trigger:focus-visible{background:#fff2c410;outline:0;box-shadow:inset 0 -2px var(--arcane-white)}.effects-off .champion-magic{display:none}
@media(prefers-reduced-motion:reduce){.champion-magic{display:none}}

.champion-magic{filter:blur(1.25px)}

/* Improve the About pronunciation and keep the fire casters head in frame. */
.feature p.pronunciation{font-size:15px;line-height:1.7}
.feature-definition .feature-art img{object-position:50% 20%}
@media(max-width:700px){.feature p.pronunciation{font-size:14px}}

/* Keep the collecting artwork focused on the caster and raised spell. */
.feature-art img[src="assets/ice-ball.webp"]{object-position:50% 6%}

/* Keep noninteractive card figures within their original gallery columns. */
.card-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.spell-card{min-width:0;width:100%}.spell-card img{display:block;width:100%;height:auto;aspect-ratio:396/684;object-fit:contain}

/* The personal story begins with the people behind it. */
.story-heading{position:static}.story-photo{margin-top:36px;padding:8px;border:1px solid var(--line);background:#1b181f;box-shadow:0 15px 45px #0003}.story-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 70%}
@media(max-width:700px){.story-photo{max-width:420px;margin:28px auto 0}}
.artist{align-items:start;min-height:920px}.artist>figure{height:800px;width:100%}.artist img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 25%}.artist-copy{min-height:800px}.artist-full-interview{margin-top:25px}.artist-full-interview>.question:first-child{margin-top:0}
@media(min-width:1600px){.artist>figure{height:880px}.artist-copy{min-height:880px}}
@media(min-width:701px) and (max-width:1000px){.artist>figure{height:820px}.artist-copy{min-height:820px}}
@media(max-width:700px){.artist{min-height:0}.artist>figure{height:420px;max-width:430px}.artist-copy{min-height:0}.artist img{object-position:50% 25%}}

.artist-copy .question{color:var(--arcane-white)}

/* Keep the fallen caster visible while preserving a readable scroll cue. */
.explore{color:var(--arcane-white);text-shadow:0 1px 6px #100b19,0 0 16px #100b19}.scroll-line{filter:drop-shadow(0 1px 3px #100b19)}

/* Let the fallen caster remain the focal point of the hero. */
.hero-bottom{justify-content:flex-start}.explore{align-items:flex-start;text-align:left}

.explore{color:#FFF2C4}.scroll-line{background:linear-gradient(#FFF2C4,#FFF2C400)}.scroll-line::after{background:#FFF2C4}

.artist-social-links{display:flex;flex-wrap:wrap;gap:6px 24px}.artist-social-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--arcane-white);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.artist-social-links a:hover{text-decoration-thickness:2px}

/* Lavender ties interactive details and atmospheric light to the hero artwork. */
:root{--lavender:#C4B5FD;--lavender-line:rgba(196,181,253,.28)}
img,.rank-pyramid{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.artist-social-links a{color:var(--lavender);text-decoration-color:#c4b5fd80;transition:color .25s,text-decoration-color .25s}
.artist-social-links a:hover{color:var(--paper);text-decoration-color:var(--lavender)}
.site-header nav a:hover,.site-footer>a:last-child:hover{color:var(--lavender)}
.site-header nav a::after{background:var(--lavender)}
.nav-cta{border-bottom-color:#c4b5fd80;transition:color .25s,border-color .25s}.nav-cta:hover{color:var(--lavender);border-bottom-color:var(--lavender)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--lavender)}
.section-sigil,.letter-seal{color:var(--lavender);text-shadow:0 0 25px #c4b5fd18}
.rank-orbit{stroke:var(--lavender);stroke-opacity:.25}.rank-orbit .orbit-mote{fill:var(--lavender);filter:drop-shadow(0 0 5px #c4b5fd)}
.arcane-circle{border-color:#c4b5fd1f;box-shadow:0 0 0 50px #c4b5fd04,0 0 0 51px #c4b5fd12}.arcane-circle div{border-color:#c4b5fd16}
.cards-section{background:radial-gradient(ellipse at 50% 48%,#65508129,transparent 70%),linear-gradient(#19161c55,#11101499)}
.spell-card img{border-color:#c4b5fd45}
.story-photo{border-color:var(--lavender-line);box-shadow:0 15px 45px #0003,0 0 40px #c4b5fd07}
.artist>figure::after{border-color:#c4b5fd55}
.effects-toggle{border-color:#c4b5fd66;transition:border-color .25s,box-shadow .25s}.effects-toggle:hover{border-color:var(--lavender);box-shadow:0 0 20px #c4b5fd16}