:root{color-scheme:dark;--bg:#0b1020;--panel:#12182a;--gold:#dcc393;--text:#f0ede6;--muted:#adb2c3;--line:rgba(220,195,147,.2);--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--sans)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h2{font:36px/1.2 var(--serif);letter-spacing:-.7px}em{color:var(--gold);font-weight:400}p{color:var(--muted)}[hidden]{display:none!important}.page-shell{max-width:1240px;margin:auto;padding:0 48px}.ambient{position:absolute;inset:0 0 auto;height:850px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 24%,#30244566,transparent 48%),radial-gradient(ellipse at 20% 18%,#1c294438,transparent 55%)}.site-header{min-height:105px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font:19px/1.2 var(--serif);letter-spacing:2px}.brand-symbol{font-size:48px;line-height:1;color:var(--gold)}.brand small{display:block;font:8px/1.5 var(--sans);letter-spacing:3px;margin-top:7px;color:var(--muted)}nav{display:flex;gap:28px;font-size:13px;color:var(--muted)}nav a:hover,footer>a:hover{color:var(--gold)}.sound-button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:9px 14px;font-size:11px;white-space:nowrap}.sound-button>span:first-child{color:var(--gold);font-size:17px;margin-right:5px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center;min-height:490px;padding:64px 0}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--gold);font-weight:600;line-height:1.5;margin-bottom:19px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--gold)}h1{font:clamp(36px,4.25vw,57px)/1.13 var(--serif);letter-spacing:-1.6px}.hero-description{font-size:14px;max-width:440px;margin-top:24px;line-height:1.85}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:13px 21px;background:var(--gold);color:#191922;border-radius:5px;font-size:13px;font-weight:600;margin-top:29px;transition:background .2s,transform .2s}.primary-button:hover{background:#ecd7b2;transform:translateY(-2px)}.primary-button span{font-size:20px}.hero-note{font-size:10px;margin-top:16px;color:#9299ae}.mobile-break{display:none}.hero-art{position:relative;height:350px;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;width:350px;height:350px;border:1px solid var(--line);border-radius:50%;transform:rotate(-25deg) scaleX(1.15)}.orbit-two{width:300px;height:300px;transform:rotate(30deg) scaleX(1.25);opacity:.4}.hero-card{position:absolute;object-fit:cover;border:1px solid #9f8656;border-radius:11px;box-shadow:0 16px 35px #0008}.hero-card-left{width:158px;height:240px;transform:translateX(-97px) rotate(-17deg)}.hero-card-right{width:158px;height:240px;transform:translateX(97px) rotate(17deg)}.hero-card-center{width:177px;height:267px;animation:levitate 7s ease-in-out infinite;object-fit:cover}.art-star{position:absolute;font-size:25px;color:var(--gold)}.star-one{top:6px;right:35px}.star-two{bottom:25px;left:25px;font-size:35px}.art-caption{position:absolute;bottom:-28px;font-size:8px;letter-spacing:2.3px;color:#9892a9}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{font-size:12px;line-height:1.7}.modes-section{padding:28px 0 60px;scroll-margin-top:25px}.modes-section h2{font-size:32px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mode-card{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(140deg,#19203580,#111626);text-align:left;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}.mode-card:hover{transform:translateY(-5px);border-color:#a58c63;box-shadow:0 14px 40px #0003}.mode-card[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.mode-card>img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;object-position:50% 45%;opacity:.92}.mode-copy{display:flex;flex-direction:column;padding:22px;flex:1}.mode-meta{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--gold);margin-bottom:14px}.mode-meta>span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.mode-title{font:23px/1.2 var(--serif);margin-bottom:12px}.mode-description{color:var(--muted);font-size:12px;line-height:1.8;flex:1}.mode-link{border-top:1px solid var(--line);padding-top:15px;margin-top:22px;font-size:11px;color:var(--gold);display:flex;justify-content:space-between;align-items:center}.mode-link>span{font-size:20px}.deck-note{font-size:11px;text-align:center;margin-top:24px;color:#969eb4}.deck-note>span:first-child{font-size:20px;margin-right:7px;color:var(--gold)}.guide{padding:52px 0 62px;border-top:1px solid var(--line)}.section-star{font-size:58px;color:var(--gold);line-height:1}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.guide-grid article{padding-left:20px;border-left:1px solid var(--line)}.step-number{font:italic 22px var(--serif);color:#b69e76}.guide h3{font:22px var(--serif);margin:14px 0 10px}.guide p:not(.eyebrow){font-size:12px;max-width:270px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding:62px 0 76px}.about h2{font-size:38px;margin-bottom:22px}.about p:not(.eyebrow){font-size:13px;margin-top:16px;line-height:1.9}.about-details{padding-top:18px}.about details{border-bottom:1px solid var(--line);padding:20px 0}.about summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:16px}.about summary::-webkit-details-marker{display:none}.about summary>span{color:var(--gold);font-size:20px;line-height:1}.about details[open] summary>span{transform:rotate(45deg)}footer{border-top:1px solid var(--line);padding:30px 0 38px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:14px}footer .brand-symbol{font-size:35px}footer .brand small{font-size:7px}footer p,footer>a:last-child{font-size:11px}.spread{padding:44px 0 64px;border-top:1px solid var(--line)}.spread>p{font-size:13px}.text-button{padding:8px 0;border:0;background:transparent;font-size:12px;color:var(--gold)}.spread-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:25px 0}.spread-toolbar>div{display:flex;gap:10px}.spread-toolbar p{font-size:12px}.secondary-button{padding:9px 15px;background:#181e30;border:1px solid var(--line);border-radius:6px;font-size:12px}.secondary-button:hover:not(:disabled){border-color:var(--gold)}.cards-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:930px;margin:0 auto}.cards-layout.single{grid-template-columns:minmax(0,270px);justify-content:center}.card-slot{min-width:0;animation:arrive .5s both}.position-label{font-size:11px;text-align:center;min-height:40px;color:var(--gold);margin-bottom:10px;display:flex;align-items:center;justify-content:center;line-height:1.4}.card-button{display:block;position:relative;border:0;padding:0;background:transparent;width:100%;aspect-ratio:9/14;perspective:1200px;border-radius:13px}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.card-button[aria-pressed=true] .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:13px;border:1px solid #a48a5d;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#090d1c;box-shadow:0 15px 35px #0004}.card-cover{background:center/cover url('assets/artwork/card_back.webp');display:flex;align-items:flex-end;justify-content:center;padding:16px}.card-cover>span{font-size:11px;color:var(--gold);border:1px solid var(--line);background:#0b1020ec;padding:5px 15px;border-radius:20px}.card-front{transform:rotateY(180deg)}.card-front img{display:block;width:100%;height:100%;object-fit:contain}.readings{display:grid;gap:15px;margin-top:34px}.reading{border:1px solid var(--line);background:#12182acf;border-radius:10px;padding:23px 26px;animation:arrive .4s both}.reading-position{font-size:10px;letter-spacing:1px;color:var(--gold);margin-bottom:5px}.reading h3{font:26px var(--serif);margin-bottom:12px}.reading p{font-size:14px}.reading .reflection{font-size:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:16px;color:var(--gold)}.spread .reading-note{font-size:11px;max-width:700px;margin-top:25px}.skip-link{position:fixed;left:15px;top:-100px;background:var(--gold);color:var(--bg);padding:10px 18px;z-index:100}.skip-link:focus{top:15px}dialog{border:1px solid var(--line);background:#101525;color:var(--text);border-radius:14px;padding:16px;max-width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}dialog::backdrop{background:#030611e6;backdrop-filter:blur(8px)}.dialog-inner{text-align:center;padding:30px 10px 0}.dialog-inner>img{display:block;max-width:100%;height:auto;max-height:72dvh;margin:auto;object-fit:contain}.dialog-inner h2{font-size:24px;margin-top:15px}.dialog-inner p{font-size:10px;margin-top:8px}.dialog-close{position:absolute;right:8px;top:5px;width:40px;height:40px;border:0;background:transparent;font-size:29px}.noscript{position:fixed;bottom:0;left:0;right:0;padding:16px;background:#dcc393;color:#111;text-align:center}.paused .hero-card-center{animation-play-state:paused}@keyframes levitate{0%,100%{transform:translateY(-8px) rotate(-3deg)}50%{transform:translateY(4px) rotate(0)}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px){.hero-copy{animation:arrive .7s both}}
@media(max-width:1000px){.page-shell{padding:0 30px}nav{gap:16px;font-size:12px}.hero{grid-template-columns:1.2fr 1fr}.hero-art{transform:scale(.85)}.mode-copy{padding:18px}.mode-title{font-size:21px}.about{gap:40px}}
@media(max-width:760px){.page-shell{padding:0 22px}.site-header{min-height:85px;flex-wrap:wrap;gap:14px;padding:19px 0}nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:14px}.brand{font-size:17px}.brand-symbol{font-size:38px}.sound-button{font-size:10px;padding:7px 10px}.hero{grid-template-columns:1fr;padding:44px 0 24px;gap:0;min-height:0}.hero-copy{max-width:560px}.hero h1{font-size:45px}.hero-description{max-width:420px}.hero-art{height:315px;transform:scale(.82);margin:10px 0 5px}.section-heading{align-items:flex-start;gap:16px}.section-heading>p{display:none}.modes-section h2{font-size:29px}.mode-grid{grid-template-columns:1fr;gap:18px}.mode-card{display:grid;grid-template-columns:38% 1fr}.mode-card>img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}.mode-title{font-size:22px}.mode-copy{padding:20px}.mode-meta{margin-bottom:10px;gap:8px;font-size:10px}.mode-meta>span{font-size:8px;letter-spacing:.7px}.mode-link{margin-top:15px;padding-top:10px}.modes-section{padding-top:15px;padding-bottom:40px}.guide{padding:35px 0 40px}.guide h2{font-size:29px}.guide-grid{gap:25px;grid-template-columns:1fr}.guide-grid article{display:grid;grid-template-columns:35px 1fr;column-gap:12px}.step-number{grid-row:span 2;margin-top:3px}.guide h3{margin:0 0 6px}.guide p:not(.eyebrow){max-width:none}.about{grid-template-columns:1fr;gap:16px;padding:40px 0}.about h2{font-size:33px}.about-details{padding-top:0}.section-star{font-size:40px}footer{flex-wrap:wrap;padding:25px 0}footer p{order:3;width:100%}.cards-layout{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.spread h2{font-size:28px}.spread .section-heading{flex-direction:column;gap:10px}.spread-toolbar{align-items:flex-start;flex-direction:column}.spread-toolbar>div{flex-wrap:wrap}.position-label{min-height:44px}.reading{padding:20px}.card-cover{padding:8px}.card-cover>span{font-size:10px;padding:5px 8px}}
@media(max-width:380px){.page-shell{padding:0 16px}.hero h1{font-size:37px}.brand{font-size:15px}.brand small{letter-spacing:1.6px}.sound-button{padding:6px 8px}.mode-card{grid-template-columns:1fr}.mode-card>img{height:auto;aspect-ratio:1.6}.hero-art{transform:scale(.73);margin-left:-15px;margin-right:-15px}.mode-copy{padding:20px}.cards-layout{grid-template-columns:minmax(0,270px);justify-content:center}.position-label{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.mode-card:hover,.primary-button:hover{transform:none}}

@media(max-width:760px){.orbit-one{width:280px;height:280px}.orbit-two{width:250px;height:250px}.hero h1{font-size:clamp(36px,10.5vw,45px)}}

@media(min-width:761px) and (max-width:1000px){.orbit-one{width:260px;height:260px}.orbit-two{width:240px;height:240px}}

/* The original hooded mage stays behind the entire page. */
body{isolation:isolate}
.mage-background{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#0b1020}
.mage-portrait{position:absolute;inset:-5%;background:url('assets/artwork/hood_bg.webp') center 38% / cover no-repeat;opacity:.64;animation:mage-breathe 18s ease-in-out infinite alternate;will-change:transform}
.mage-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,28,.9) 0%,rgba(7,12,28,.68) 42%,rgba(7,12,28,.32) 76%,rgba(7,12,28,.55)),linear-gradient(0deg,rgba(7,12,28,.82),transparent 70%)}
.mage-aura{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 46%,rgba(166,111,45,.22),transparent 32%),radial-gradient(ellipse at 55% 18%,rgba(95,51,173,.22),transparent 45%);animation:mage-glow 11s ease-in-out infinite alternate}
.paused .mage-portrait,.paused .mage-aura{animation-play-state:paused}
.guide,.about{background:linear-gradient(90deg,rgba(11,16,32,.68),rgba(11,16,32,.32));border-radius:12px}
.card-side-switch{display:flex;justify-content:center;gap:10px;margin:16px 0}
.card-side-switch [aria-pressed=true]{border-color:var(--gold);background:#302a27;color:var(--gold)}
.dialog-inner h2{margin:0 35px 12px}
.dialog-inner>img{max-height:64dvh;min-height:140px}
.dialog-inner #original-image-link{display:block;margin-top:10px}
.description-button{display:block;text-align:left;margin-top:10px}
@keyframes mage-breathe{from{transform:translate3d(-1%,0,0) scale(1.015);opacity:.59}to{transform:translate3d(1%,1%,0) scale(1.065);opacity:.72}}
@keyframes mage-glow{from{opacity:.35}to{opacity:.85}}
@media(max-width:760px){.mage-portrait{background-position:58% center;background-size:auto 110%;opacity:.55}.mage-shade{background:linear-gradient(90deg,rgba(7,12,28,.83),rgba(7,12,28,.43)),linear-gradient(0deg,rgba(7,12,28,.8),transparent 80%)}.dialog-inner{padding:30px 0 0}.card-side-switch .secondary-button{padding:8px 12px}.dialog-inner>img{max-height:60dvh}}
@media(prefers-reduced-motion:reduce){.mage-portrait,.mage-aura{animation:none;will-change:auto}.mage-portrait{opacity:.64}}