/* USUTUKU / THE CELESTIAL ATLAS
   An editorial system of midnight, illuminated type, and astronomical engraving. */
:root{--ink:#101217;--paper:#F7F3EA;--arcane-white:#FFF2C4;--lavender:#C4B5FD;--line:#fff2c429;--gutter:clamp(24px,5vw,96px);--orbit-turn:0deg}
html{overflow-x:clip;scroll-padding-top:100px}
body{background:var(--ink);font-weight:400}
body::before{opacity:.022}body::after{display:none}
::selection{background:#C4B5FD;color:#101217}
.celestial-sky{position:fixed;inset:0;background:url('assets/celestial-sky.svg') center top/1600px 1200px;opacity:.5;pointer-events:none;z-index:0}
.ambient{opacity:.065;filter:blur(120px)}.ambient-one{background:#776b9a;left:-45%;animation:none}.ambient-two{background:#516c7e;right:-48%;animation:none}
#aether{opacity:.32;z-index:0}
.section-shell{width:min(1240px,calc(100% - var(--gutter)*2))}
h2,h3{letter-spacing:-.045em}h2{font-size:clamp(56px,6.5vw,96px)}h3{font-size:clamp(46px,5.2vw,76px)}
p{ text-wrap:pretty }
em{color:var(--arcane-white)}
.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--lavender);transform:scaleX(var(--reading,0));transform-origin:left;z-index:60;pointer-events:none}
.site-header{position:absolute;height:100px;padding:0 var(--gutter);border-bottom:1px solid #fff2c423;background:linear-gradient(#101217bb,transparent);gap:35px}
.wordmark{font-size:27px;font-weight:500;letter-spacing:.12em}
.site-header nav{gap:clamp(18px,2.4vw,40px);font-size:11px;letter-spacing:.045em}
.site-header nav a{padding-block:12px}.site-header nav a::after{bottom:4px}
.nav-cta{border:1px solid #fff2c43d;padding:10px 17px;font-size:10px;letter-spacing:.06em}
.nav-cta:hover{background:#c4b5fd0d}.nav-cta span{margin-left:24px}
.menu-toggle{display:none}
.hero{height:100svh;min-height:820px;max-height:1200px;background:#101217;isolation:isolate}
.hero-art{top:0;inset:0;object-position:50% 46%;filter:saturate(.78) contrast(1.03);animation:hero-enter 2.4s var(--ease) both;mask-image:linear-gradient(transparent,#000 20%,#000 88%,transparent)}
.hero::after{background:linear-gradient(180deg,#101217d9,transparent 33%,transparent 78%,#10121726 92%,#101217),linear-gradient(90deg,#10121780,transparent 32%,transparent 68%,#10121780)}
.hero-haze{opacity:.55;background:radial-gradient(ellipse at 50% 38%,#baa5e327,transparent 60%);animation:none}
.hero-rune{display:none}
.hero-heading{top:28%;transform:none;z-index:2}
.hero-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.42em;color:var(--arcane-white);margin-bottom:27px}
.hero h1{font-size:clamp(120px,19.5vw,310px);font-weight:500;letter-spacing:.025em;line-height:.82;opacity:.7;text-shadow:0 4px 50px #090b1680}
.hero-rule{width:1px;height:40px;margin-top:34px;background:linear-gradient(#fff2c4aa,transparent)}
.hero-caption{position:absolute;left:var(--gutter);bottom:130px;z-index:2;display:flex;flex-direction:column;gap:3px;text-shadow:0 2px 16px #0008}
.hero-caption span{font-size:11px;letter-spacing:.08em}.hero-caption em{font:italic clamp(24px,2.7vw,38px)/1.2 var(--serif)}
.hero-side-note{position:absolute;right:var(--gutter);top:50%;writing-mode:vertical-rl;font-size:9px;text-transform:uppercase;letter-spacing:.3em;color:var(--arcane-white);opacity:.8}
.hero-bottom{left:var(--gutter);bottom:26px;right:var(--gutter)}
.explore{font-size:9px;letter-spacing:.2em;gap:14px}.scroll-line{height:38px}
.celestial-diagram{position:absolute;pointer-events:none;background:url('assets/astrolabe.svg') center/contain no-repeat;aspect-ratio:1;transform:rotate(var(--orbit-turn));will-change:transform}
.hero-astrolabe{width:min(1000px,90vw);left:50%;top:5%;translate:-50% 0;opacity:.22;z-index:-2}
.hero::before{content:'';position:absolute;inset:120px 24px 30px;border:1px solid #fff2c41b;border-top:0;pointer-events:none;z-index:2}
.threshold{padding:95px 0 110px;position:relative}
.threshold-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px}
.threshold .eyebrow{margin:0;letter-spacing:.18em;font-size:9px!important}.threshold-note{font:italic 18px var(--serif);color:var(--arcane-white)}
.threshold-star{position:absolute;left:50%;transform:translateX(-50%);font:30px var(--serif);color:var(--lavender);background:var(--ink);padding:0 18px}
.threshold h2{font-size:clamp(70px,11.5vw,170px);line-height:1.05;text-align:center;padding:48px 0 60px;letter-spacing:-.055em}
.threshold h2 em{font-weight:300}
.threshold-bottom{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:30px}
.threshold-bottom p{font-size:13px;line-height:1.8}
.text-link{font-size:11px;letter-spacing:.03em;display:inline-flex;align-items:center;gap:50px;color:var(--lavender);border-bottom:1px solid #c4b5fd88;padding:12px 0}
.text-link span{font-size:22px;transition:transform .35s}.text-link:hover span{transform:translate(3px,-3px)}
.chapter-line{margin-bottom:78px;gap:20px;font-size:9px;letter-spacing:.2em;color:var(--arcane-white)}
.chapter-line>span:first-child{font:italic 16px var(--serif);opacity:1;display:grid;place-items:center;border:1px solid #fff2c43d;border-radius:50%;width:35px;height:35px}
.chapter-line i{background:linear-gradient(90deg,#fff2c43b,#c4b5fd19)}.chapter-line>span:last-child{font-size:12px;color:var(--lavender)}
.welcome{padding-top:25px;padding-bottom:0}
.welcome-grid{grid-template-columns:1fr .9fr;gap:13%;position:relative}
.letter h2{font-size:clamp(46px,4.8vw,68px);margin-bottom:32px}.letter p{font-size:14px;line-height:1.95}
.letter-seal{display:none}
.letter blockquote{border-left:0;border-top:1px solid var(--line);padding:24px 0 0;font-size:32px;line-height:1.24;color:var(--arcane-white);margin:28px 0}
.signature span{font-size:40px}.letter p.letter-note{font-size:12px;max-width:none;font-style:italic}
.welcome-portrait{outline-color:#fff2c438;outline-offset:14px;box-shadow:0 30px 100px #0005}
.welcome-portrait img{filter:saturate(.85);object-position:50% 45%}
.portrait-frame::before,.portrait-frame::after{border-color:#fff2c491;width:40px;height:40px}
.portrait-ring {
  inset: auto;
  left: 50%;
  top: 50%;
  width: 132%;
  height: auto;
  aspect-ratio: 1;
  border-color: #c4b5fd26;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 25px #c4b5fd04, 0 0 0 26px #c4b5fd14;
}
.image-corner{font-size:20px;color:var(--arcane-white)}
.world-ads{margin-top:100px;grid-template-columns:1fr 1fr;gap:30px;border-top:0;padding:45px 0 65px;position:relative}
.world-ads h2{font:10px var(--sans);text-transform:uppercase;letter-spacing:.23em;margin-bottom:8px;color:var(--arcane-white)}
.world-ads h2::before,.world-ads h2::after{content:'';display:inline-block;vertical-align:middle;width:50px;height:1px;background:var(--line);margin:0 20px}
.world-ads img{filter:saturate(.7);border:1px solid #fff2c426;aspect-ratio:2.18}
.ranking-live{margin-top:20px;padding:95px 30px 60px;border:1px solid #fff2c426;background:radial-gradient(ellipse at 50% 58%,#5b4d791c,transparent 64%),#0d1015;overflow:hidden}
.ranking-heading{position:relative;z-index:1}.small-star{display:block;font:40px var(--serif);color:var(--lavender);margin-bottom:25px}
.ranking-heading h2{font-size:clamp(54px,5.7vw,82px)}.ranking-heading .eyebrow{font-size:9px!important;letter-spacing:.24em}
.ranking-layout{margin-top:30px;position:relative;z-index:1}.rank-art{width:min(100%,740px)}
.ranking-atlas{width:110%;left:-5%;top:27%;opacity:.22}
.rank-orbit{stroke-opacity:.25}.rank-axis{opacity:.1}.rank-tier>path:first-child{stroke-opacity:.35}
.about{padding-top:130px;padding-bottom:35px}
.about>.section-intro{max-width:1040px;margin-bottom:130px}.about>.section-intro h2{font-size:clamp(54px,6.2vw,88px);line-height:1.03}
.about .section-intro .eyebrow{font-size:9px!important;margin-bottom:32px}
.feature{grid-template-columns:1fr 1.08fr;gap:12%;margin-bottom:140px;align-items:center}
.feature-copy{padding:30px 0}.feature-number{font:italic 16px var(--serif);display:flex;align-items:center;gap:15px;opacity:1;margin-bottom:32px}.feature-number::after{content:'';width:65px;height:1px;background:#fff2c44a}
.feature h3{font-size:clamp(48px,5.2vw,76px);margin-bottom:30px}
.feature p{font-size:14px;line-height:1.95}.feature p.lead{font-size:16px;line-height:1.8}.feature p.pronunciation{font-size:14px;margin-top:-15px}
.feature-art{aspect-ratio:1;overflow:visible;background:transparent;outline:1px solid #fff2c42e;outline-offset:13px;box-shadow:0 20px 70px #0005}
.feature-art img{height:100%;width:100%;object-fit:cover;clip-path:inset(0);transition:filter .6s;transform:none!important}
.feature-art::after{inset:-14px;border:0;background:linear-gradient(var(--arcane-white),var(--arcane-white)) left top/25px 1px no-repeat,linear-gradient(var(--arcane-white),var(--arcane-white)) left top/1px 25px no-repeat,linear-gradient(var(--arcane-white),var(--arcane-white)) right bottom/25px 1px no-repeat,linear-gradient(var(--arcane-white),var(--arcane-white)) right bottom/1px 25px no-repeat;opacity:.7}
.feature-art::before{content:'';position:absolute;z-index:-1;width:130%;aspect-ratio:1;left:-15%;top:-15%;background:url('assets/astrolabe.svg') center/contain;opacity:.15;transform:rotate(18deg)}
.feature::after{width:100%;bottom:-70px;background:linear-gradient(90deg,transparent,#fff2c42b,transparent)}
.feature-reverse{grid-template-columns:1.08fr 1fr}
.feature:nth-of-type(3) .feature-art::before{transform:rotate(-28deg)}
.feature:nth-of-type(5){margin-bottom:80px}
.cards-section{padding:100px 0 120px;background:radial-gradient(ellipse at 50% 60%,#67597729,transparent 65%),#0d1015;border-color:#fff2c429;isolation:isolate}
.cards-section .section-intro h2{font-size:clamp(60px,8vw,116px);line-height:1}
.cards-section .section-intro p{font-size:14px;line-height:1.9}.cards-section .section-intro{margin-bottom:75px}
.cards-section .section-sigil{font-size:42px;margin-bottom:32px}
.card-atlas{width:min(1400px,125vw);left:50%;top:310px;translate:-50% 0;opacity:.36;z-index:0}
.card-gallery{max-width:930px;gap:65px;padding:18px 28px;align-items:center;margin-bottom:60px}
.spell-card{filter:drop-shadow(0 30px 30px #0009);--rotation:0deg}.spell-card img{border-radius:8px;border-color:#fff2c440;box-shadow:0 0 45px #c4b5fd0c}
.card-fire{--rotation:-7deg;margin-top:56px}.card-water{--rotation:7deg;margin-top:56px}.card-meditate{margin-top:0}
.card-colophon{display:flex;align-items:center;justify-content:center;gap:22px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--arcane-white);padding-top:10px}.card-colophon i{height:3px;width:3px;border:1px solid var(--lavender);transform:rotate(45deg)}
.center-cta{margin-top:55px}.button-gold{background:#fff2c409;border-color:#fff2c469;color:var(--arcane-white);box-shadow:none;min-width:225px;letter-spacing:.16em;font-size:10px}.center-cta p{font-size:10px;color:var(--paper)}
.story{padding-block:130px}.story-grid{grid-template-columns:.85fr 1fr;gap:13%}
.story-heading h2{font-size:clamp(56px,5.6vw,82px)}
.story-photo{padding:0;margin-top:45px;border:0;outline:1px solid #fff2c435;outline-offset:12px;background:transparent;box-shadow:0 20px 60px #0005}
.story-photo img{aspect-ratio:4/5;filter:saturate(.78);object-position:50% 70%}
.story-copy{padding-top:7px}.story-copy p{font-size:14px;line-height:1.95}.story-copy p.story-emphasis{font-size:36px;line-height:1.2;margin:30px 0}.story-copy .story-final{font-size:29px;color:var(--arcane-white);padding-top:30px}
.artists{padding-block:25px 110px}
.artists>.section-intro{display:flex;justify-content:space-between;align-items:end;text-align:left;gap:40px;margin-bottom:70px}.artists>.section-intro h2{font-size:clamp(70px,8.7vw,124px);margin-bottom:0}.artists>.section-intro p{font-size:13px;max-width:345px;line-height:1.8}.artists>.section-intro .eyebrow{margin-bottom:24px;max-width:none}
.artist{grid-template-columns:.95fr 1fr;gap:10%;padding:75px 0;min-height:0;position:relative;border-color:#fff2c428}
.artist>figure{height:800px;outline:1px solid #fff2c42e;outline-offset:12px}
.artist>figure::after{inset:0;border:0;box-shadow:inset 0 0 50px #10121722}
.artist img{transform:none!important;filter:saturate(.86);object-position:50% 25%}
.artist-copy{min-height:800px;padding:0}
.artist h3{font-size:clamp(48px,5vw,72px);margin-bottom:35px}
.artist .eyebrow{font-size:9px!important;letter-spacing:.17em;margin-bottom:16px}
.artist-copy p{font-size:13px;line-height:1.9}.artist-copy .question{font-size:12px;line-height:1.65;color:var(--arcane-white);font-weight:500;margin-top:24px}.artist-copy .question+p{margin-top:8px}
.artist-full-interview{margin-top:24px}.artist-social-links{gap:8px 25px}.artist-social-links a{font-size:12px}
.artist:nth-of-type(2)>figure{order:2}.artist:nth-of-type(2)>.artist-copy{order:1}
.support{padding:160px 0 170px;background:radial-gradient(ellipse at 50% 90%,#5d527a2b,transparent 63%),#0d1015;isolation:isolate}
.support-rune{display:none}.support-atlas{width:min(1150px,110vw);left:50%;top:-60px;translate:-50% 0;opacity:.34;z-index:0}
.support>.section-shell{z-index:1}.support .section-sigil{font-size:50px;margin-bottom:35px}.support .eyebrow{font-size:9px!important;letter-spacing:.25em;margin-bottom:30px}
.support h2{font-size:clamp(64px,8.2vw,120px);line-height:1.02;margin-bottom:48px}
.site-footer{padding-block:40px 90px;border-color:#fff2c426}.site-footer>.wordmark{font-size:27px}.site-footer>span{font-size:10px}
.effects-toggle{background:#101217e8;border-color:#c4b5fd35;border-radius:0;font-size:9px;gap:8px;padding:8px 12px;backdrop-filter:blur(16px)}
.effects-toggle>span:first-child{font-size:14px}
.js-reveal .reveal{transform:translateY(26px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.effects-off .celestial-diagram{transform:rotate(0deg);will-change:auto}
@media(min-width:1600px){.section-shell{width:min(1320px,calc(100% - var(--gutter)*2))}.letter p,.story-copy p,.feature p{font-size:15px}.artist-copy p{font-size:14px}.artist-copy .question{font-size:13px}}
@media(max-width:1050px){
  .site-header{gap:20px}.site-header nav{gap:20px}.site-header nav a{font-size:10px}.nav-cta{padding:9px 12px}
  .hero{min-height:740px}.hero-heading{top:30%}.hero-caption{bottom:130px}
  .welcome-grid{gap:9%;grid-template-columns:1fr .9fr}.letter p{font-size:13px}.letter blockquote{font-size:29px}
  .feature{gap:9%}.feature p{font-size:13px}.feature p.lead{font-size:15px}.feature-art{aspect-ratio:.85}
  .card-gallery{gap:45px;max-width:850px}.artist{gap:8%;grid-template-columns:.85fr 1fr}.artist h3{font-size:48px}.artist>figure{height:850px}.artist-copy{min-height:850px}
  .story-grid{gap:9%}.story-copy p{font-size:13px}.story-copy p.story-emphasis{font-size:32px}
}
@media(max-width:700px){
  :root{--gutter:24px}html{scroll-padding-top:90px}.section-shell{width:calc(100% - 48px)}
  .site-header{height:80px;padding:0 24px;gap:20px}.wordmark{font-size:24px}.nav-cta{font-size:9px;padding:8px 10px;margin-left:auto}.nav-cta span{display:none}
  .celestial-js .menu-toggle{display:flex;align-items:center;gap:10px;background:transparent;color:var(--arcane-white);font-size:10px;order:3;padding:12px 0}.menu-toggle span{font-size:19px;line-height:1}
  .site-header nav{display:flex;position:absolute;top:80px;left:0;right:0;justify-content:center;gap:18px;background:#101217ee;padding:16px 12px;border-bottom:1px solid var(--line)}
  .site-header nav a,.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:block;font-size:10px}
  .celestial-js .site-header nav{display:none}.celestial-js .site-header.menu-open nav{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 20px;box-shadow:0 30px 50px #0007}
  .site-header.menu-open nav a{font:27px/1.4 var(--serif);padding:10px 0;border-bottom:1px solid #fff2c41a}.site-header.menu-open nav a::after{display:none}
  .hero{height:90svh;min-height:650px;max-height:900px}.hero::before{inset:99px 12px 22px}.hero-heading{top:31%}.hero-kicker{font-size:8px;letter-spacing:.28em;margin-bottom:24px}
  .hero h1{font-size:24vw;font-weight:600;letter-spacing:0}.hero-rule{height:28px;margin-top:23px}.hero-art{object-position:50% 48%;filter:saturate(.8)}
  .hero-astrolabe{width:155vw;max-width:none;top:13%;opacity:.22}.hero-caption{bottom:128px}.hero-caption span{font-size:10px}.hero-caption em{font-size:29px}.hero-side-note{display:none}.hero-bottom{bottom:30px}.explore{font-size:8px}
  .threshold{padding:65px 0 75px}.threshold .eyebrow{font-size:8px!important;letter-spacing:.08em}.threshold-note{font-size:15px}.threshold-star{display:none}.threshold-top{padding-bottom:20px}
  .threshold h2{font-size:18vw;line-height:.95;text-align:left;padding:36px 0 40px}.threshold h2 em{display:block}.threshold-bottom{gap:25px;align-items:start}.threshold-bottom p{font-size:11px}.text-link{font-size:10px;gap:15px;padding-top:0;white-space:nowrap}.text-link span{font-size:17px}
  .chapter-line{gap:12px;margin-bottom:50px;font-size:8px;letter-spacing:.14em}.chapter-line>span:first-child{height:29px;width:29px;font-size:14px}
  .welcome{padding-top:0}.welcome-grid{grid-template-columns:1fr;gap:55px}.letter h2{font-size:48px}.letter p{font-size:14px}.letter blockquote{font-size:30px}.letter p.letter-note{font-size:12px}
  .welcome-portrait{max-width:300px;width:90%;outline:1px solid #fff2c435;outline-offset:12px;padding:0;border:0}.welcome-portrait img{position:static;aspect-ratio:3/4;height:auto;width:100%}
  .world-ads{margin-top:55px;gap:16px;padding:35px 0 45px}.world-ads h2{font-size:9px}.world-ads h2::before,.world-ads h2::after{width:30px;margin:0 12px}.world-ads img{aspect-ratio:2.18}
  .ranking-live{margin-top:15px;margin-inline:-12px;padding:50px 10px 30px}.ranking-heading h2{font-size:49px}.ranking-heading .eyebrow{font-size:8px!important;letter-spacing:.13em}.small-star{font-size:32px;margin-bottom:20px}.ranking-atlas{width:160%;left:-30%;top:32%}
  .ranking-layout{margin-top:20px}.rank-art{max-width:470px}.rank-tier text.rank-name,.rank-tier[data-rank="0"] text.rank-name{font-size:23px}
  .about{padding-top:75px;padding-bottom:10px}.about>.section-intro{margin-bottom:75px}.about>.section-intro h2{font-size:48px;line-height:1.04}.about .section-intro .eyebrow{font-size:8px!important;letter-spacing:.12em;margin-bottom:25px}
  .feature,.feature-reverse{grid-template-columns:1fr;gap:32px;margin-bottom:85px}.feature-copy,.feature-reverse .feature-copy{order:1;padding:0}.feature-art,.feature-reverse .feature-art{order:2;aspect-ratio:1.1;outline-offset:9px;width:calc(100% - 8px);margin:auto}
  .feature-art::after{inset:-10px}.feature-art::before{width:120%;left:-10%;top:-10%;opacity:.15}.feature h3{font-size:50px;margin-bottom:26px}.feature p{font-size:14px}.feature p.lead{font-size:15px}.feature p.pronunciation{font-size:14px}.feature-number{margin-bottom:24px}.feature::after{bottom:-43px}.feature:nth-of-type(5){margin-bottom:65px}
  .cards-section{padding:70px 0 80px}.cards-section .section-intro{margin-bottom:48px}.cards-section .section-intro h2{font-size:61px;line-height:.98}.cards-section .section-intro h2 em{display:block}.cards-section .section-intro p{font-size:13px}.cards-section .section-sigil{font-size:32px;margin-bottom:26px}
  .card-atlas{width:175vw;top:330px;opacity:.4}.card-gallery{gap:12px;padding:12px 0;max-width:470px;margin-bottom:35px}.card-fire,.card-water{margin-top:25px}.spell-card img{border-radius:4px}.card-colophon{gap:10px;font-size:6px;letter-spacing:.1em}.center-cta{margin-top:38px}
  .story{padding-block:75px}.story-grid{grid-template-columns:1fr;gap:45px}.story-heading h2{font-size:57px}.story-photo{max-width:340px;margin-top:30px;outline-offset:9px}.story-copy p{font-size:14px}.story-copy p.story-emphasis{font-size:32px}.story-copy .story-final{font-size:28px}
  .artists{padding:10px 0 60px}.artists>.section-intro{display:block;margin-bottom:28px}.artists>.section-intro h2{font-size:74px}.artists>.section-intro>p{font-size:13px;margin-top:22px}.artists>.section-intro .eyebrow{font-size:8px!important;margin-bottom:20px}
  .artist{grid-template-columns:1fr;gap:38px;padding:45px 0;min-height:0}.artist>figure,.artist:nth-of-type(2)>figure{order:1;max-width:430px;width:calc(100% - 16px);height:430px;outline-offset:8px;margin:auto}.artist-copy,.artist:nth-of-type(2)>.artist-copy{order:2;min-height:0}.artist h3{font-size:51px;margin-bottom:30px}.artist-copy p{font-size:14px}.artist-copy .question{font-size:13px}.artist .eyebrow{font-size:9px!important}.artist-social-links a{font-size:13px}
  .support{padding:95px 0 105px}.support-atlas{width:190vw;top:-30px;opacity:.32}.support .eyebrow{font-size:8px!important;letter-spacing:.13em}.support h2{font-size:57px}.support .section-sigil{font-size:40px;margin-bottom:30px}.site-footer{padding-block:30px 90px}.site-footer>.wordmark{font-size:25px}.site-footer>span{font-size:9px}.site-footer>a:last-child{font-size:9px}
  .effects-toggle{right:12px;bottom:12px;font-size:8px;padding:7px 10px}
}
@media(prefers-reduced-motion:reduce){.celestial-diagram{transform:none!important;will-change:auto}.js-reveal .reveal{opacity:1;transform:none}*{scroll-behavior:auto!important}}
/* Keep the entire opening composition in a normal laptop viewport. */
@media(min-width:701px){.hero{min-height:700px}}
.nav-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center}

/* Restore the original magical atmosphere around the refined layouts. */
:root{--ink:#141317}
body{background:var(--ink)}
body::before{opacity:.035}body::after{display:block}
.ambient{opacity:.1;filter:blur(100px)}
.ambient-one{background:#9352cb;left:-45%;animation:ambient 28s ease-in-out infinite alternate}
.ambient-two{background:#5679a2;right:-45%;animation:ambient 23s ease-in-out infinite alternate-reverse}
#aether{opacity:.8;z-index:3}
.hero-haze{opacity:1;background:radial-gradient(ellipse at 28% 65%,#9576ff28,transparent 48%),radial-gradient(ellipse at 75% 30%,#ae69bd22,transparent 45%);animation:haze 14s ease-in-out infinite alternate}
.hero-rune{display:block}
.feature-art::before{display:none}
.ranking-live{background:radial-gradient(ellipse at 32% 55%,#fff2c407,transparent 65%)}
.cards-section{background:radial-gradient(ellipse at 50% 48%,#65508129,transparent 70%),linear-gradient(#19161c55,#11101499)}
.support{background:radial-gradient(ellipse at 50% 100%,#68513830,transparent 65%),radial-gradient(ellipse at 50% 50%,#573d6a22,transparent 65%)}
.support-rune{display:block}
@media(max-width:700px){.ambient{filter:blur(60px)}}

/* Give each thought its own line and use the available desktop width. */
.about > .section-intro { max-width: 1240px; }
.headline-line { display: block; }
@media (min-width: 701px) {
  .about > .section-intro h2 { font-size: clamp(40px, 5.5vw, 80px); }
  .headline-line { white-space: nowrap; }
}

/* Keep supporting copy comfortably readable on smaller screens. */
@media (max-width: 1050px) {
  .letter p,
  .feature p,
  .feature p.lead,
  .story-copy p,
  .artist-copy p,
  .cards-section .section-intro p,
  .artists > .section-intro > p {
    font-size: 16px;
    line-height: 1.8;
  }

  .eyebrow,
  .threshold .eyebrow,
  .about .section-intro .eyebrow,
  .ranking-heading .eyebrow,
  .artists > .section-intro .eyebrow,
  .artist .eyebrow,
  .support .eyebrow {
    font-size: 14px !important;
    line-height: 1.6;
    letter-spacing: .08em;
  }

  .letter p.signature { font-size: 16px; }
  .letter p.letter-note { font-size: 14px; }
  .feature p.pronunciation { font-size: 15px; }
  .artist-copy .question { font-size: 15px; line-height: 1.7; }
  .artist-social-links a { font-size: 16px; }
  .threshold-bottom p { font-size: 16px; }
  .text-link { font-size: 14px; }
  .hero-caption span { font-size: 14px; }
  .explore { font-size: 12px; letter-spacing: .12em; }
  .world-ads h2 { font-size: 14px; line-height: 1.6; }
  .card-colophon {
    flex-wrap: wrap;
    font-size: 13px;
    line-height: 1.8;
    gap: 8px 12px;
    letter-spacing: .06em;
  }
  .button-gold,
  .center-cta p,
  .site-footer > span,
  .site-footer > a:last-child { font-size: 14px; }
  .effects-toggle { font-size: 12px; }
}

@media (max-width: 700px) {
  .site-header { gap: 12px; }
  .site-header .wordmark { font-size: 22px; }
  .nav-cta { font-size: 12px; letter-spacing: 0; padding-inline: 8px; }
  .celestial-js .menu-toggle { font-size: 13px; gap: 7px; }
  .site-header nav { flex-wrap: wrap; }
  .threshold-top { flex-wrap: wrap; gap: 12px 24px; }
  .threshold-bottom { flex-direction: column; gap: 20px; }
  .world-ads h2::before,
  .world-ads h2::after { width: 20px; margin-inline: 10px; }
}

.feature-definition h3 {
  color: var(--arcane-white);
}

.feature p.pronunciation {
  color: var(--paper);
}

/* Give reading text more presence beneath the display headings. */
body { font-size: 18px; }

.letter p,
.feature p,
.story-copy p,
.artist-copy p,
.section-intro p,
.artists > .section-intro > p,
.cards-section .section-intro p,
.threshold-bottom p {
  font-size: 18px;
  line-height: 1.85;
}

.letter p.signature { font-size: 18px; }
.letter p.letter-note { font-size: 15px; }
.feature p.lead { font-size: 19px; }
.feature p.pronunciation { font-size: 17px; }
.artist-copy .question { font-size: 17px; line-height: 1.7; }
.artist-social-links a { font-size: 17px; }
.hero-caption span { font-size: 15px; }
.text-link { font-size: 15px; }
.center-cta p { font-size: 15px; }
.card-colophon {
  font-size: 14px;
  line-height: 1.8;
  flex-wrap: wrap;
  gap: 10px 18px;
}
.button-gold { font-size: 14px; }
.site-footer > span,
.site-footer > a:last-child { font-size: 14px; }

@media (max-width: 1050px) {
  .letter p,
  .feature p,
  .story-copy p,
  .artist-copy p,
  .section-intro p,
  .artists > .section-intro > p,
  .cards-section .section-intro p,
  .threshold-bottom p,
  .letter p.signature {
    font-size: 17px;
    line-height: 1.85;
  }

  .feature p.lead { font-size: 18px; }
  .letter p.letter-note { font-size: 15px; }
  .artist-copy .question { font-size: 16px; }
}

.eyebrow,
.threshold .eyebrow,
.about .section-intro .eyebrow,
.ranking-heading .eyebrow,
.artists > .section-intro .eyebrow,
.artist .eyebrow,
.support .eyebrow {
  font-size: 14px !important;
  line-height: 1.6;
  letter-spacing: .08em;
}

/* Separate the founder's story from the artist interviews. */
.artists {
  border-top: 1px solid var(--line);
  padding-top: clamp(50px, 6vw, 85px);
}

/* Stack sponsor artwork as the content area narrows. */
.world-ads img {
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

@media (max-width: 1050px) {
  .world-ads {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .world-ads img {
    width: 100%;
    max-width: 720px;
    justify-self: center;
  }
}

/* Give each card room to be seen on tablet and phone screens. */
@media (max-width: 1050px) {
  .card-gallery {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 40px;
    padding: 12px 0;
  }

  .card-gallery .spell-card {
    width: 100%;
    max-width: 320px;
    margin-top: 0;
    --rotation: 0deg;
  }

  .card-gallery .spell-card img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

/* Keep both sponsor images in matching frames at every breakpoint. */
.world-ads img {
  width: 100%;
  height: auto;
  aspect-ratio: 2.18 / 1;
  object-fit: contain;
  background: var(--ink);
}

/* Match BugBolt's native proportions and crop Uplift to the same frame. */
.world-ads img {
  aspect-ratio: 2 / 1;
  object-fit: cover;
  object-position: center;
  background: transparent;
}

/* Let the artist introduction use the available column width. */
.artists > .section-intro > p {
  max-width: none;
}