/* MYSTIC STUDIO / ATELIER 4.0 — Site-wide visual direction
   Self-contained; designed to be layered after the stable v3.6 styles.
   Motion is transform and opacity only. No external fonts, images, or runtime dependencies. */
:root{
  --bg:#0b0e19;--surface:#15192a;--panel:#1b2034;
  --stroke:rgba(218,195,151,.18);--gold:#d7b77b;--gold-light:#f2dfb3;
  --text:#f8f2e8;--muted:#c0bccb;
  --display:Georgia,'Times New Roman',ui-serif,serif;
  --sans:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --v4-night:#0b0e19;--v4-cream:#f8f2e8;--v4-gold:#d9b982;
  --v4-violet:#a99bc5;--v4-edge:rgba(214,184,128,.19);
  --v4-fast:cubic-bezier(.2,.8,.2,1);--v4-slow:cubic-bezier(.22,1,.36,1);
  --v4-r:22px;--v4-r-lg:34px;
  color-scheme:dark;
}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--v4-night);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 3%,rgba(93,62,120,.13),transparent 42%),radial-gradient(ellipse at 15% 80%,rgba(69,92,120,.08),transparent 40%)}
*{min-width:0}img{max-width:100%}button,select,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button:not(:disabled),a{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #f5d9a1!important;outline-offset:4px!important}
::selection{background:#f4d28d;color:#15111d}
h1,h2,h3,.display{font-family:var(--display);font-weight:400;letter-spacing:-.035em;word-break:normal;overflow-wrap:normal}h1 em,h2 em,h3 em{font-family:var(--display);font-style:italic;font-weight:400;color:#e9cc91;background:none;-webkit-text-fill-color:initial}
h1{font-size:clamp(3rem,6vw,6.6rem);line-height:1.12}h2{font-size:clamp(2.25rem,4.3vw,4.4rem);line-height:1.14}h3{line-height:1.26}p{line-height:1.82}small,.kicker,.eyebrow{font-weight:500}
.shell{width:min(1240px,calc(100% - 64px))}.section{padding-block:clamp(72px,9vw,136px)}
.kicker,.eyebrow{letter-spacing:.23em;color:#d4b784;font-size:11px;line-height:1.6}.section-heading{margin-bottom:clamp(32px,5vw,66px);align-items:end}.section-heading h2{max-width:740px}.section-heading>p{font-size:14px;line-height:1.9;color:#b5b0bd}.section-heading p:first-child{margin-bottom:16px}
.btn-primary,.outline-btn,.btn-secondary,.btn-ghost{position:relative;overflow:hidden;min-height:48px;border-radius:999px;transition:transform .35s var(--v4-slow),background-color .3s,border-color .3s,box-shadow .3s}
.btn-primary{background:linear-gradient(135deg,#f0d89f,#c7a16a);border:1px solid #ddbe80;color:#1f1a25;padding:15px 26px;box-shadow:0 6px 30px rgba(176,121,65,.17);font-size:13px;letter-spacing:.01em}
.btn-primary::after{content:"";position:absolute;inset:-100% -140%;background:linear-gradient(110deg,transparent 41%,rgba(255,255,255,.44) 51%,transparent 60%);transform:translateX(-105%);pointer-events:none;transition:transform .7s var(--v4-slow)}
@media(hover:hover){.btn-primary:hover::after{transform:translateX(65%)}.btn-primary:hover{background:#f0d6a1;box-shadow:0 8px 33px rgba(223,176,107,.25);transform:translateY(-3px)}}
.btn-secondary,.outline-btn{border:1px solid rgba(232,197,139,.35);background:rgba(30,28,45,.5);backdrop-filter:blur(6px)}.btn-secondary:hover,.outline-btn:hover{border-color:#e8c98d;background:rgba(77,62,78,.45)}
.btn-ghost{border-bottom-color:#bc9c70;min-height:unset}
/* Site header – readable on every page and safe inside in-app browsers */
.topbar{height:78px;position:sticky;top:0;background:rgba(12,15,26,.78)!important;border-bottom:1px solid rgba(236,208,157,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:height .3s var(--v4-slow),background .3s}
.topbar.scrolled{background:rgba(10,12,22,.95)!important;border-bottom-color:rgba(222,193,146,.24);box-shadow:0 12px 32px rgba(0,0,0,.17);height:68px}
.nav{gap:18px}.brand{letter-spacing:.18em;font-size:17px}.brandmark{font-size:32px;line-height:1;margin-right:9px;filter:drop-shadow(0 0 10px rgba(220,173,100,.2))}
.desktop-nav{gap:clamp(12px,2.1vw,27px)}.desktop-nav a{position:relative;font-size:12px;white-space:nowrap;color:#c9c3ca;transition:color .25s ease}.desktop-nav a::after{content:"";position:absolute;bottom:-12px;left:0;width:100%;height:1px;background:#d7b77b;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--v4-slow)}.desktop-nav a:hover::after,.desktop-nav a.active::after{transform:scaleX(1)}.desktop-nav a:hover,.desktop-nav a.active{color:#f9e9c6}
.nav-right .outline-btn{padding:10px 18px;min-height:40px}
.menu-toggle{color:#f2dcaf!important;min-width:42px;min-height:42px;border-radius:9px!important}
/* Global page theme accents – individual disciplines */
body[data-page="tarot"]{--page-accent:#d7b77b;--page-glow:rgba(168,119,156,.18)}
body[data-page="tuvi"],body[data-page="bazi"]{--page-accent:#d9ab74;--page-glow:rgba(173,116,79,.18)}
body[data-page="astrology"]{--page-accent:#abbcef;--page-glow:rgba(88,114,206,.2)}
body[data-page="numerology"]{--page-accent:#b4d8d1;--page-glow:rgba(96,161,164,.14)}
body[data-page="iching"]{--page-accent:#c5c9a0;--page-glow:rgba(139,151,93,.18)}
body:not([data-page="home"]) main{position:relative;isolation:isolate}
body:not([data-page="home"]) main::before{content:"";position:absolute;left:0;right:0;top:0;height:600px;background:radial-gradient(ellipse at 72% 12%,var(--page-glow,rgba(106,82,158,.17)),transparent 52%);z-index:-1;pointer-events:none}
/* HOME / cinematic entry with clear hero alignment */
body[data-page="home"] .hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(28px,4vw,72px);min-height:min(830px,calc(100svh + 40px));padding-top:clamp(60px,9vw,100px);padding-bottom:100px;overflow:visible}
.hero-copy{max-width:720px;z-index:5}.hero-copy .eyebrow{max-width:100%;font-size:10px;white-space:normal}.hero-copy h1{font-size:clamp(3.1rem,5.8vw,6.15rem);letter-spacing:-.055em;line-height:1.115;margin:27px 0 30px;text-wrap:balance}.hero-copy h1 em{display:inline-block;background:linear-gradient(95deg,#fbebc6 0%,#dfb87f 57%,#ae8dc6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy>p{max-width:510px;font-size:clamp(14px,1.3vw,16px);color:#c4bfca;line-height:1.95}.hero-actions{gap:24px;flex-wrap:wrap}.hero-proof{color:#bcb0a2;font-size:12px}.hero-visual{height:clamp(450px,48vw,660px);width:100%;min-height:420px;overflow:visible;z-index:2;transform:translateZ(0)}
.hero-visual::before{content:"";position:absolute;inset:1% 2%;border-radius:50%;background:radial-gradient(circle,rgba(184,124,171,.14) 0%,rgba(176,126,78,.09) 35%,transparent 70%);filter:blur(20px);z-index:0;pointer-events:none}
.hero-halo{filter:blur(28px);opacity:.68}.astrolabe{stroke:rgba(239,206,148,.3)}.hero-deck-collection{perspective:1100px;filter:drop-shadow(0 28px 27px rgba(0,0,0,.42))}.hero-tarot{box-shadow:0 16px 28px rgba(0,0,0,.37),0 0 35px rgba(169,135,99,.17);border-radius:6px;overflow:hidden}.hero-tarot img{object-fit:contain!important}
.hero-bottom{color:#a6a0a4!important;letter-spacing:.17em}.marquee-wrap{background:linear-gradient(90deg,rgba(28,26,40,.6),rgba(48,34,58,.35),rgba(23,25,39,.6));border-top:1px solid #d0b07d26;border-bottom:1px solid #d0b07d26;overflow:hidden}
/* Home service atlas — entirely new, unique art per discipline */
.feature-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-card{min-height:408px;border:1px solid var(--v4-edge);border-radius:var(--v4-r);padding:15px 22px 22px;transform:translateY(0);background:linear-gradient(162deg,#1b1b2d 0%,#111625 78%);box-shadow:0 12px 34px #00000024;isolation:isolate;transition:transform .5s var(--v4-slow),border-color .35s ease,box-shadow .4s ease}
.feature-card::before{inset:auto;top:-30%;right:-40%;width:95%;height:85%;background:radial-gradient(circle,var(--card-shine,rgba(171,128,169,.12)),transparent 69%);border:0;pointer-events:none;transform:translateY(0);transition:transform .7s var(--v4-slow)}
.feature-card::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(360px circle at var(--mx,45%) var(--my,30%),rgba(226,190,136,.1),transparent 70%);opacity:0;transition:opacity .45s}
.feature-card:hover::after,.feature-card:focus-visible::after{opacity:1}.feature-card:hover{border-color:rgba(222,191,138,.5);transform:translate3d(0,-9px,0);box-shadow:0 26px 55px rgba(0,0,0,.3)}
.feature-card:hover::before{transform:translate3d(-30px,28px,0)}
.feature-card.feature-1{--card-shine:rgba(218,158,94,.14)}.feature-card.feature-2{--card-shine:rgba(126,155,233,.18)}.feature-card.feature-3{--card-shine:rgba(110,198,190,.1)}.feature-card.feature-4{--card-shine:rgba(162,178,130,.12)}.feature-card.feature-5{--card-shine:rgba(190,134,88,.12)}
.feature-cover{height:190px;margin:-15px -22px 15px;position:relative;border-radius:22px 22px 6px 6px;background:radial-gradient(ellipse at center,rgba(133,89,141,.17),transparent 70%),linear-gradient(160deg,rgba(37,30,58,.75),rgba(12,18,34,.38));border-bottom:1px solid rgba(217,184,133,.13)}
.feature-cover .discipline-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center;position:absolute;inset:0;padding:0 12px;filter:drop-shadow(0 12px 19px rgba(0,0,0,.22));transition:transform .75s var(--v4-slow),filter .6s}
.feature-card:hover .discipline-art{transform:translate3d(0,-9px,0) scale(1.07) rotate(-1.5deg);filter:drop-shadow(0 15px 25px rgba(205,150,99,.15))}
.feature-no{position:absolute;right:22px;bottom:10px;font-size:10px;letter-spacing:.2em;color:#dbc7a1}
.feature-card h3{font-size:clamp(26px,2.3vw,33px);margin-top:13px}.feature-card p{font-size:13px;max-width:100%;line-height:1.8;color:#c2bccb}.feature-card .feature-icon{display:none}.feature-card .feature-bottom{border-top:1px solid #d0b98a26;margin-top:20px}.feature-bottom span:last-child{color:#e4c587;transition:transform .4s var(--v4-slow)}.feature-card:hover .feature-bottom span:last-child{transform:translateX(5px)}
/* New quick-start guided route chooser */
.intent-section{position:relative;isolation:isolate;display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;padding:clamp(40px,7vw,94px);border-radius:var(--v4-r-lg);background:radial-gradient(ellipse at 74% 38%,rgba(109,77,129,.24),transparent 53%),linear-gradient(135deg,#232239,#141827 65%);border:1px solid rgba(236,201,143,.19);box-shadow:0 45px 90px rgba(0,0,0,.15);margin-top:50px;margin-bottom:70px;overflow:hidden}
.intent-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(90deg,transparent 0 97px,rgba(239,211,159,.045) 98px 99px)}
.intent-aura{position:absolute;right:-200px;top:0;width:650px;height:650px;pointer-events:none;background:radial-gradient(circle,rgba(196,136,202,.18),transparent 69%);filter:blur(22px)}
.intent-copy{position:relative;z-index:1}.intent-copy h2{font-size:clamp(36px,4vw,62px);max-width:630px;margin:22px 0}.intent-copy>p:not(.kicker){color:#bcb6c8;max-width:510px;font-size:14px}
.intent-options{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 22px}.intent-option{border:1px solid rgba(222,191,144,.27);border-radius:99px;padding:10px 16px;color:#d6ccd7;background:rgba(16,19,33,.58);font-size:12px;transition:transform .3s var(--v4-slow),background-color .3s,border-color .3s}
.intent-option span{font-size:18px;vertical-align:-2px;margin-right:7px;color:#e5c88f}.intent-option:hover{transform:translateY(-3px)}.intent-option.is-active{border-color:#e3c28e;color:#f8eacf;background:rgba(203,163,99,.17)}
.intent-result{border-top:1px solid rgba(232,206,161,.2);padding-top:24px;max-width:555px;transition:opacity .25s,transform .25s}
.intent-result.is-swapping{opacity:.35;transform:translateY(7px)}.intent-kicker{color:#bda6ce;font-size:10px;letter-spacing:.17em}.intent-result h3{font-size:clamp(25px,2.5vw,35px);margin:10px 0 8px}.intent-result p{font-size:13px;color:#bdb8c8;line-height:1.8;margin-bottom:21px}.intent-picture{position:relative;z-index:1;width:100%;height:100%;min-height:460px;display:grid;place-items:center;pointer-events:none}
.intent-picture img{position:relative;z-index:2;width:min(100%,520px);filter:drop-shadow(0 20px 38px #0007);animation:v4-floating 8s ease-in-out infinite;object-fit:contain}
.intent-orbit-a,.intent-orbit-b{position:absolute;left:50%;top:50%;border:1px solid rgba(223,192,141,.17);border-radius:50%;width:min(90%,440px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:0}.intent-orbit-b{width:min(72%,330px);border-style:dashed;opacity:.4}
@keyframes v4-floating{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
/* Editorial and ritual previews */
.editorial{padding-top:110px}.editorial-grid{gap:18px}.editorial-tile{min-height:350px;border-radius:var(--v4-r);background:radial-gradient(ellipse at 80% 14%,rgba(135,114,186,.25),transparent 50%),linear-gradient(145deg,#232238,#141827);border-color:rgba(221,192,136,.18);padding:clamp(24px,3vw,43px);transition:transform .45s var(--v4-slow),border-color .3s}
.editorial-tile:hover{transform:translateY(-7px);border-color:rgba(215,181,113,.5)}.editorial-tile .big-sigil{font-size:clamp(90px,11vw,175px);color:rgba(219,192,138,.27)}.editorial-tile h3{font-size:clamp(25px,2.4vw,35px)}.editorial-tile p{color:#c5bfc9;font-size:13px}
.spotlight,.ritual-art,.price-card,.form-panel,.auth-panel,.auth-art,.coming-panel,.aside-art,.report-card,.account-welcome,.admin-box,.history-card,.knowledge-card,.glossary-grid details{border-radius:var(--v4-r)!important;border-color:rgba(229,197,145,.18)!important}
.spotlight{background:radial-gradient(circle at 78% 33%,rgba(158,111,165,.2),transparent 57%),linear-gradient(155deg,#252238,#111522);box-shadow:0 26px 75px rgba(0,0,0,.14)}
/* All pages – background geometry and distinctive first screen */
.page-intro{position:relative;isolation:isolate;padding-block:clamp(62px,8vw,118px) clamp(32px,5vw,65px);overflow:visible}
.page-intro h1{position:relative;z-index:2;font-size:clamp(3rem,6vw,5.95rem);text-wrap:balance;max-width:960px;margin:15px auto 25px}
.page-intro>p:not(.kicker){position:relative;z-index:2;color:#c9c2cf;font-size:clamp(14px,1.4vw,16px);line-height:1.85;max-width:700px}
.page-intro.center>p:not(.kicker){margin-inline:auto}.page-intro.center h1{max-width:900px}
.page-intro::before{content:"";position:absolute;z-index:0;pointer-events:none;width:420px;height:360px;top:5px;right:0;opacity:.22;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 10px 30px rgba(155,109,127,.15))}
body[data-page="tarot"] .page-intro::before{background-image:url('/assets/art/tarot.svg')}
body[data-page="tuvi"] .page-intro::before{background-image:url('/assets/art/tuvi.svg')}
body[data-page="astrology"] .page-intro::before{background-image:url('/assets/art/astrology.svg')}
body[data-page="numerology"] .page-intro::before{background-image:url('/assets/art/numerology.svg')}
body[data-page="iching"] .page-intro::before{background-image:url('/assets/art/iching.svg')}
body[data-page="bazi"] .page-intro::before{background-image:url('/assets/art/bazi.svg')}
/* Tarot ritual visual refinements: preserve all server-side interactions */
.ritual-studio{border:1px solid #d4b57d3d!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(29,29,46,.94),rgba(17,19,33,.96))!important;box-shadow:0 30px 90px rgba(0,0,0,.2);padding:clamp(18px,3vw,38px)!important}
.ritual-table{border:1px solid rgba(213,179,125,.18);background:radial-gradient(ellipse at 50% 42%,rgba(111,76,132,.33),transparent 64%),#101321!important;box-shadow:inset 0 0 90px rgba(0,0,0,.45),0 35px 70px #07091088}
.ritual-sigil{border-color:#e3c59047;box-shadow:0 0 0 34px #dbc58a0a,0 0 0 64px #dec58a05,inset 0 0 80px #c9a4720c}
.ritual-fan-card-art,.ritual-flip-front,.ritual-flip-back{border-radius:9px;box-shadow:0 18px 30px #0008,inset 0 0 0 5px #171927}
.ritual-reading-card{border-radius:16px!important;border:1px solid rgba(225,190,136,.24);background:linear-gradient(165deg,#242137,#131827)}
.ritual-closing{border-radius:22px;background:radial-gradient(circle at 86% 0,rgba(139,94,155,.22),transparent 55%),#1d1e32}
.ritual-studio .btn-primary{min-height:51px}.ritual-deck-preview,.ritual-deck-stack,.ritual-fan-card{transform-style:preserve-3d}
/* Body tools and reports */
.form-panel,.auth-panel,.price-card,.coming-panel,.admin-box,.report-card{background:linear-gradient(150deg,#202236,#131728);box-shadow:0 15px 65px rgba(0,0,0,.18)}
.form-panel,.auth-panel{padding:clamp(25px,3.4vw,50px)}
input,select,textarea{border-radius:12px!important;background:rgba(10,14,24,.7)!important;color:#f3ede5!important;border:1px solid rgba(224,200,158,.28)!important;min-height:46px}
input:focus,select:focus,textarea:focus{border-color:#e3c48b!important;box-shadow:0 0 0 4px rgba(221,181,116,.1)}
input::placeholder,textarea::placeholder{color:#9d97a5}.tool-result>.result-box{border-radius:16px;border:1px solid rgba(226,191,134,.28);background:#232037}
.aside-art{background:radial-gradient(circle at center,rgba(137,107,182,.25),transparent 67%),#161a2a;position:relative;overflow:hidden}.aside-art::before{content:"";position:absolute;inset:20px;border:1px solid rgba(226,197,135,.22);border-radius:50%;pointer-events:none;animation:v4-turn 90s linear infinite}.aside-art::after{content:"";position:absolute;inset:20%;border:1px dashed rgba(234,202,137,.3);border-radius:50%;pointer-events:none}
@keyframes v4-turn{to{transform:rotate(360deg)}}
.coming-panel{padding-block:95px;position:relative;overflow:hidden}.coming-panel::before{content:"";position:absolute;inset:-10%;border:1px solid rgba(213,184,133,.1);border-radius:50%;pointer-events:none}.coming-panel h2{max-width:700px;margin:22px auto}.coming-panel p:not(.kicker){max-width:650px;margin:0 auto 28px;color:#c1b8c8}
.auth-art{background:radial-gradient(ellipse at 60% 23%,rgba(164,116,168,.24),transparent 60%),#1a1a2d;overflow:hidden;position:relative}.auth-art::after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(218,177,116,.2);border-radius:50%;top:8%;right:-7%;pointer-events:none}
.auth-art>span{filter:drop-shadow(0 0 25px rgba(216,190,135,.3))}
.account-layout,.report-page,.legal{padding-block:clamp(58px,8vw,95px) 95px}.account-welcome,.history-card,.report-card{background:linear-gradient(150deg,#24233a,#161a29);border:1px solid rgba(229,197,145,.16)}.history-card{transition:transform .35s var(--v4-slow),border-color .3s}.history-card:hover{transform:translateY(-5px);border-color:#e0be87}
.report-cards{gap:18px}.report-card{padding:28px}.report-page h1{max-width:950px}.paywall{border-radius:24px;background:linear-gradient(135deg,#302942,#171a2e);border:1px solid rgba(221,183,121,.24)}
.knowledge-card{transition:transform .35s var(--v4-slow),border-color .3s,box-shadow .3s;background:radial-gradient(circle at top right,rgba(126,94,148,.13),transparent 55%),linear-gradient(165deg,#252539,#151a29);min-height:215px}.knowledge-card:hover{transform:translateY(-5px);border-color:#dcc38d!important;box-shadow:0 17px 38px #0002}.glossary-grid summary{list-style:none;display:flex;justify-content:space-between;gap:20px}.glossary-grid summary::after{content:'+';color:#dfbf84;font-size:20px}.glossary-grid details[open] summary::after{content:'−'}.glossary-grid details{background:#1b2033!important}
/* Footer is an intentional final panel */
.footer{margin-top:90px;border-top:1px solid rgba(228,194,133,.22);background:linear-gradient(180deg,#17192a,#0b0e19 73%);padding-top:clamp(48px,6vw,90px)}.footer-top{padding-bottom:clamp(28px,5vw,65px)}.footer p{color:#aaa5b6}.footer-links a{transition:color .2s,transform .25s;display:block}.footer-links a:hover{color:#efd1a0;transform:translateX(4px)}.footer-bottom{border-top:1px solid rgba(228,194,133,.15)}
#toast{z-index:10020;box-shadow:0 16px 35px rgba(0,0,0,.5);border-radius:14px}
/* Site-wide reveal, with JavaScript fallback that never hides without ready state */
html.v4-ready [data-v4-reveal]{opacity:0;transform:translate3d(0,22px,0);transition:opacity .76s var(--v4-slow),transform .76s var(--v4-slow);transition-delay:var(--reveal-delay,0ms)}
html.v4-ready [data-v4-reveal].v4-shown{opacity:1;transform:translate3d(0,0,0)}
html.v4-ready [data-v4-reveal].will-reveal{opacity:0}html.v4-ready [data-v4-reveal].will-reveal.v4-shown{opacity:1}
body:not([data-page="home"]) .page-intro .kicker{display:block}
/* Simplify page transitions in reduced motion and low-end devices */
@media(max-width:1120px){.desktop-nav{gap:13px}.desktop-nav a{font-size:11px}body[data-page="home"] .hero{gap:20px}.feature-grid{gap:15px}.feature-card{padding-inline:16px}.feature-cover{margin-inline:-16px}}
@media(max-width:930px){body[data-page="home"] .hero{grid-template-columns:1fr;gap:0;min-height:0;text-align:left;padding-top:78px;padding-bottom:55px}.hero-copy{max-width:700px}.hero-visual{width:min(100%,630px);height:490px;min-height:360px}.hero-bottom{grid-column:1}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intent-section{grid-template-columns:1fr;gap:10px}.intent-picture{min-height:240px;max-height:320px}.intent-picture img{max-height:340px}.intent-section::before{opacity:.15}}
@media(max-width:800px){.topbar{height:68px}.topbar.scrolled{height:62px}.mobile-nav.show{display:flex;box-shadow:0 25px 60px rgba(0,0,0,.55);background:rgba(17,19,33,.98);border-top:1px solid var(--stroke);max-height:calc(100svh - 80px);overflow-y:auto}.mobile-nav a{min-height:44px;display:flex;align-items:center}.mobile-dock{background:rgba(13,16,29,.96);backdrop-filter:blur(20px);border-top:1px solid rgba(222,188,131,.27);gap:4px}.mobile-dock a{border-radius:12px;min-height:40px;display:flex;align-items:center;justify-content:center;flex:1;transition:background .2s}.mobile-dock a[aria-current="page"]{background:rgba(231,193,134,.14);color:#f6dfaf}.footer{margin-top:40px}}
@media(max-width:600px){.shell{width:calc(100% - 34px)}h1{font-size:clamp(2.65rem,12vw,3.6rem)}h2{font-size:clamp(2.1rem,9vw,3rem)}.section{padding-top:65px;padding-bottom:58px}.section-heading{display:block}.section-heading>p{margin-top:18px;max-width:100%}.hero-copy h1{font-size:clamp(2.9rem,11vw,4.4rem);line-height:1.16;margin:18px 0 21px}.hero-copy>p{font-size:14px}.hero-actions{gap:8px}.hero-actions .btn-primary{font-size:12px;min-height:49px}.hero-actions .btn-ghost{font-size:12px}.hero-visual{height:345px;min-height:345px;width:100%}.hero-bottom{padding-top:0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:365px}.feature-cover{height:181px}.feature-card h3{font-size:30px}.feature-card p{font-size:12.5px}.intent-section{padding:30px 21px 10px;border-radius:23px;margin-top:22px;margin-bottom:25px}.intent-copy h2{font-size:clamp(2.1rem,9vw,3rem)}.intent-options{gap:6px}.intent-option{padding:9px 12px;font-size:11px}.intent-picture{min-height:205px;max-height:235px}.intent-picture img{max-height:230px}.page-intro{padding-block:55px 35px}.page-intro h1{font-size:clamp(2.65rem,11vw,3.8rem)}.page-intro::before{width:240px;height:220px;top:0;opacity:.16}.auth-layout{margin-top:25px}.form-panel,.auth-panel{padding:24px}.glossary-grid,.knowledge-grid{grid-template-columns:1fr}.ritual-studio{padding:14px!important}.ritual-table{border-radius:16px!important}.footer{margin-top:20px}.footer-top{gap:35px}}
@media(max-width:375px){.hero-copy h1{font-size:2.8rem}.feature-card{min-height:365px}.intent-option{font-size:10px;padding:8px 10px}}
@media(hover:none){.feature-card:hover,.editorial-tile:hover,.history-card:hover,.knowledge-card:hover{transform:none}.feature-card:hover .discipline-art{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.intent-picture img,.aside-art::before{animation:none!important}html.v4-ready [data-v4-reveal]{opacity:1!important;transform:none!important;transition:none!important}.feature-card,.feature-card .discipline-art,.btn-primary,.intent-option,.intent-result{transition:none!important}.arrival-veil{display:none!important}}
@media print{.topbar,.mobile-dock,.glow,#mystic-stars,.starscape,.reading-progress,.arrival-veil,.motion-cursor,.hero-actions,.intent-options{display:none!important}body,main,.report-page{background:#fff!important;color:#111!important}html.v4-ready [data-v4-reveal]{opacity:1!important;transform:none!important}.report-card,.report-page,.report-cards{box-shadow:none!important;color:#111!important;border-color:#ddd!important}}