:root{--bg:#03070d;--panel:#08111d;--panel2:#0b1725;--line:rgba(123,188,237,.18);--blue:#63c8ff;--ice:#c8ecff;--gold:#d3a85f;--text:#eef6fb;--muted:#8fa7b8;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% 20%,#0b1c2d 0,#03070d 36%,#02050a 100%);color:var(--text);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.container{width:min(1180px,calc(100% - 42px));margin:auto}.narrow{width:min(860px,calc(100% - 42px))}.page-noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.16;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,transparent 0,rgba(84,183,245,.025) 50%,transparent 100%)}.topbar{height:82px;position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid transparent;transition:.35s;background:linear-gradient(to bottom,rgba(2,6,11,.62),transparent)}.topbar.scrolled{height:68px;background:rgba(3,8,14,.9);backdrop-filter:blur(18px);border-bottom-color:rgba(132,200,244,.12)}.brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.18em}.brand img{width:42px;height:42px;object-fit:contain}.brand b{color:var(--blue);font-weight:700}.nav{display:flex;align-items:center;gap:28px;color:#c7d6df;font-size:12px;letter-spacing:.11em;text-transform:uppercase}.nav a{transition:.2s}.nav a:hover{color:white}.nav-cta{border:1px solid rgba(98,200,255,.5);padding:12px 17px;background:rgba(61,161,220,.08);box-shadow:inset 0 0 20px rgba(49,177,255,.06)}.nav-toggle{display:none;background:none;border:0;width:44px;height:44px;position:relative}.nav-toggle span{position:absolute;left:10px;right:10px;height:1px;background:white;transition:.25s}.nav-toggle span:first-child{top:17px}.nav-toggle span:last-child{top:25px}.hero{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media:after{content:"";position:absolute;inset:0;background:rgba(2,6,11,.34)}.hero-media video{width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.1) brightness(.68);transform:scale(1.03)}.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 4%,rgba(2,7,12,.13) 35%,rgba(2,6,11,.83) 92%),linear-gradient(to bottom,rgba(1,4,8,.35),transparent 30%,#03070d 100%)}.hero-runes{position:absolute;width:820px;height:820px;border:1px solid rgba(87,188,248,.08);border-radius:50%;box-shadow:0 0 140px rgba(50,168,238,.07),inset 0 0 120px rgba(53,156,224,.05)}.hero-runes:before,.hero-runes:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(143,214,255,.06);border-radius:50%}.hero-runes:after{inset:18%;border-style:solid}.hero-content{position:relative;z-index:3;text-align:center;padding-top:70px}.eyebrow,.kicker{font-size:11px;letter-spacing:.42em;color:#82cfff;text-transform:uppercase}.eyebrow{display:flex;align-items:center;justify-content:center;gap:16px}.eyebrow span{width:46px;height:1px;background:linear-gradient(90deg,transparent,#69caff)}.eyebrow span:last-child{transform:scaleX(-1)}.hero-logo{width:min(590px,82vw);margin:6px auto -18px;filter:drop-shadow(0 18px 35px rgba(0,0,0,.6))}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(31px,4vw,58px);line-height:1.04;margin:0;color:#f2f8fb;text-shadow:0 8px 25px #000}.hero h1 em{font-style:normal;color:#a7dfff}.hero-copy{width:min(710px,92%);margin:22px auto 28px;color:#b4c7d2;font-size:16px;line-height:1.75}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{min-height:54px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:12px;position:relative;overflow:hidden;transition:.25s;border:1px solid transparent}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.17),transparent 75%);transform:translateX(-120%);transition:.55s}.btn:hover:before{transform:translateX(120%)}.btn-primary{background:linear-gradient(180deg,#aee7ff,#4daee5);color:#03101a;border-color:#bfeeff;box-shadow:0 10px 30px rgba(54,170,235,.24),inset 0 1px white}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(54,170,235,.34)}.btn-primary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.btn-primary span{display:flex;flex-direction:column;text-align:left;line-height:1.05;font-size:13px}.btn-primary small{font-size:8px;letter-spacing:.2em;opacity:.65;margin-bottom:4px}.btn-ghost{border-color:rgba(205,232,247,.2);background:rgba(7,15,25,.45);backdrop-filter:blur(8px);color:#d7e9f3}.btn-ghost:hover{border-color:rgba(205,232,247,.45);background:rgba(15,31,47,.72)}.wide{width:100%}.hero-meta{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;color:#7894a7;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.hero-meta i{width:3px;height:3px;background:#6ecfff;border-radius:50%;box-shadow:0 0 9px #62c9ff}.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:4;width:28px;height:46px;border:1px solid rgba(180,222,246,.25);border-radius:20px}.scroll-hint span{position:absolute;width:3px;height:7px;background:#8fdcff;border-radius:4px;left:12px;top:9px;animation:scroll 1.7s infinite}@keyframes scroll{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(17px)}}.section{position:relative;padding:120px 0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.section-copy h2,.section-head h2,.lom-content h2,.final-cta h2{font-family:var(--serif);font-size:clamp(42px,5.2vw,76px);font-weight:400;line-height:.98;margin:12px 0 26px;letter-spacing:-.035em}.section-copy h2 span,.section-head h2 span,.lom-content h2 span{color:#87d7ff}.section-copy>p:not(.kicker),.section-head>p:not(.kicker),.lom-content>p:not(.kicker){color:#91a8b7;line-height:1.85;font-size:15px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:42px;background:rgba(130,198,239,.12);border:1px solid rgba(130,198,239,.12)}.feature-grid article{background:rgba(4,11,18,.92);padding:25px;min-height:180px}.feature-grid b{font-size:10px;color:#5fc8ff;letter-spacing:.16em}.feature-grid h3{font-family:var(--serif);font-size:20px;font-weight:400;margin:18px 0 8px}.feature-grid p{color:#728c9d;line-height:1.65;font-size:13px;margin:0}.sigil-card{min-height:620px;display:grid;place-items:center;position:relative}.sigil-card:before{content:"";position:absolute;inset:5%;border:1px solid rgba(95,197,255,.1);transform:rotate(45deg);box-shadow:inset 0 0 70px rgba(65,182,247,.04)}.sigil-card img{position:relative;z-index:2;width:min(600px,100%);filter:drop-shadow(0 30px 45px #000)}.sigil-glow{position:absolute;width:320px;height:320px;background:#087ac4;border-radius:50%;filter:blur(100px);opacity:.19}.launcher{background:linear-gradient(180deg,rgba(4,10,17,0),rgba(8,18,29,.82) 48%,rgba(4,10,17,0));border-top:1px solid rgba(111,190,238,.06);border-bottom:1px solid rgba(111,190,238,.06)}.centered{text-align:center;width:min(760px,100%);margin:0 auto 54px}.download-panel{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(145deg,rgba(12,25,39,.96),rgba(4,10,17,.98));border:1px solid rgba(111,199,250,.16);box-shadow:0 30px 100px rgba(0,0,0,.4);overflow:hidden}.download-visual{min-height:520px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(27,129,194,.2),transparent 58%),url('/assets/img/hero.webp') center/cover}.download-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,9,.16),rgba(2,7,12,.84))}.download-visual img{width:86%;position:relative;z-index:2;filter:drop-shadow(0 15px 22px rgba(0,0,0,.8))}.download-info{padding:60px}.file-badge{display:inline-block;color:#72d0ff;border:1px solid rgba(91,199,255,.3);padding:8px 11px;font-size:9px;letter-spacing:.18em;background:rgba(47,155,218,.06)}.download-info h3{font-family:var(--serif);font-weight:400;font-size:34px;margin:20px 0 8px}.file-name{color:#7f98a8;font-size:12px}.download-info dl{margin:28px 0 32px;border-top:1px solid rgba(137,196,232,.12);border-bottom:1px solid rgba(137,196,232,.12)}.download-info dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(137,196,232,.08);font-size:12px}.download-info dl div:last-child{border:0}.download-info dt{color:#718b9c}.download-info dd{margin:0;color:#c8d9e2}.hash-box{margin-top:16px;padding:13px;background:#03080d;border:1px solid rgba(111,198,250,.12);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.hash-box span{font-size:8px;letter-spacing:.15em;color:#6ebee9}.hash-box code{font-family:Consolas,monospace;color:#6f8796;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hash-box button{background:none;border:0;color:#8ed9ff;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.steps-list{list-style:none;margin:45px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(119,193,239,.16)}.steps-list li{position:relative;padding:35px 28px 0;border-right:1px solid rgba(119,193,239,.1);min-height:245px}.steps-list li:last-child{border:0}.steps-list li:before{content:"";position:absolute;top:-3px;left:28px;width:6px;height:6px;background:#6ecfff;transform:rotate(45deg);box-shadow:0 0 12px #5dc9ff}.steps-list span{font-family:var(--serif);font-size:38px;color:rgba(128,203,246,.26)}.steps-list h3{font-family:var(--serif);font-size:21px;font-weight:400}.steps-list p{font-size:13px;color:#7891a1;line-height:1.7}.lom-section{min-height:780px;position:relative;display:grid;place-items:center;overflow:hidden;border-top:1px solid rgba(184,98,255,.12);border-bottom:1px solid rgba(255,166,65,.12)}.lom-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,1,10,.83),rgba(5,4,11,.58),rgba(11,5,2,.82)),url('/assets/img/lom-world.webp') center/cover;filter:saturate(.9)}.lom-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 50%,rgba(132,27,255,.14),transparent 28%),radial-gradient(circle at 83% 55%,rgba(255,147,17,.11),transparent 30%)}.lom-content{position:relative;z-index:2;text-align:center;width:min(790px,calc(100% - 42px));padding:110px 0}.lom-logo{width:min(400px,75%);margin:0 auto 14px}.lom-content h2{font-size:clamp(42px,5vw,70px)}.lom-content h2 span{background:linear-gradient(90deg,#a86bff,#ff5c64,#ffc348);-webkit-background-clip:text;background-clip:text;color:transparent}.lom-content strong{color:white}.lom-tags{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.lom-tags span{border:1px solid rgba(226,170,255,.16);padding:10px 14px;background:rgba(5,5,12,.5);font-size:9px;letter-spacing:.18em;color:#a9a1b7}.faq-list{border-top:1px solid rgba(132,196,234,.14)}details{border-bottom:1px solid rgba(132,196,234,.14);padding:0 2px}summary{list-style:none;cursor:pointer;padding:24px 0;font-family:var(--serif);font-size:19px;position:relative;padding-right:40px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:7px;color:#7acfff;font-family:var(--sans);font-size:20px;font-weight:300}details[open] summary:after{content:"−"}details p{color:#829aaa;font-size:14px;line-height:1.7;padding:0 40px 25px 0;margin:0}.final-cta{position:relative;text-align:center;padding:110px 0 130px;background:radial-gradient(circle at 50% 45%,rgba(29,136,203,.18),transparent 42%)}.final-cta img{width:155px;margin:auto;filter:drop-shadow(0 18px 30px #000)}.final-cta p{color:#6ccaff;font-size:9px;letter-spacing:.4em;margin-top:8px}.final-cta h2{font-size:clamp(45px,6vw,78px);margin:10px 0 28px}footer{border-top:1px solid rgba(126,193,234,.1);background:#02060a;padding:44px 0 24px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}.footer-grid strong{font-family:var(--serif);font-weight:400;letter-spacing:.1em}.footer-grid p{color:#617887;font-size:11px}.footer-domain{text-align:center;color:#6d8796;font-size:10px;letter-spacing:.18em}.footer-dev{text-align:right;color:#647c8c;font-size:11px}.footer-dev b{color:#c6d5dd}.legal{margin-top:30px;padding-top:20px;border-top:1px solid rgba(128,193,233,.08);font-size:9px;color:#4d616e;line-height:1.6;text-align:center}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav-toggle{display:block;z-index:3}.nav{position:absolute;top:0;left:0;right:0;min-height:100vh;background:rgba(3,8,14,.97);backdrop-filter:blur(18px);flex-direction:column;justify-content:center;gap:28px;transform:translateY(-105%);transition:.3s}.nav.open{transform:none}.nav.open+.nav-toggle span:first-child{transform:rotate(45deg);top:21px}.nav.open+.nav-toggle span:last-child{transform:rotate(-45deg);top:21px}.split{grid-template-columns:1fr;gap:30px}.sigil-card{min-height:440px}.download-panel{grid-template-columns:1fr}.download-visual{min-height:380px}.steps-list{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-dev{text-align:center}.footer-domain{text-align:center}}@media(max-width:600px){.container,.narrow{width:min(100% - 28px,1180px)}.topbar{height:68px;padding:0 14px}.brand{font-size:10px}.brand img{width:36px;height:36px}.hero-content{padding-top:55px}.hero-logo{width:95vw;margin-bottom:-2px}.hero-copy{font-size:14px}.hero-actions .btn{width:100%}.hero-meta{font-size:8px;gap:8px;flex-wrap:wrap}.section{padding:82px 0}.section-copy h2,.section-head h2,.lom-content h2{font-size:43px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.sigil-card{min-height:320px}.download-info{padding:32px 22px}.download-visual{min-height:280px}.download-info h3{font-size:28px}.steps-list{grid-template-columns:1fr}.steps-list li{min-height:0;padding:28px 18px;border-right:0;border-bottom:1px solid rgba(119,193,239,.1)}.lom-section{min-height:680px}.lom-content{padding:85px 0}.footer-grid{gap:14px}.scroll-hint{display:none}}

/* ===== EPIPHANY IMMERSIVE EXPERIENCE ===== */
body.experience-locked{overflow:hidden}.experience-intro{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:#02060a;transition:opacity .9s cubic-bezier(.2,.7,.2,1),visibility .9s}.experience-intro.is-entered{opacity:0;visibility:hidden;pointer-events:none}.intro-backdrop{position:absolute;inset:-3%;background:linear-gradient(rgba(1,5,9,.22),rgba(1,4,8,.82)),url('/assets/img/hero.webp') center/cover;filter:brightness(.42) saturate(.78);transform:scale(1.05);animation:introDrift 12s ease-in-out infinite alternate}.experience-intro:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(66,177,238,.12),transparent 32%),radial-gradient(circle at center,transparent 20%,rgba(1,5,9,.82) 78%,#010306 100%)}.intro-inner{position:relative;z-index:3;width:min(850px,calc(100% - 36px));text-align:center}.intro-emblem{width:min(230px,42vw);margin:0 auto -18px;filter:drop-shadow(0 20px 40px #000) drop-shadow(0 0 35px rgba(55,179,248,.18));animation:introFloat 5s ease-in-out infinite}.intro-kicker{font-size:9px;letter-spacing:.45em;color:#77cfff;margin:0 0 22px}.intro-inner h1{font:400 clamp(43px,6.5vw,92px)/.92 var(--serif);letter-spacing:-.045em;margin:0;color:#eff8fd;text-shadow:0 20px 45px #000}.intro-inner h1 span{color:#9edfff}.intro-copy{width:min(640px,95%);margin:24px auto 30px;color:#8fa8b8;line-height:1.8;font-size:14px}.intro-actions{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.experience-start{border:1px solid rgba(153,224,255,.52);background:rgba(7,22,34,.55);color:#e8f8ff;min-width:260px;height:58px;padding:0 24px;letter-spacing:.22em;font-size:10px;font-weight:700;cursor:pointer;position:relative;overflow:hidden;backdrop-filter:blur(12px);box-shadow:0 0 40px rgba(50,178,240,.08),inset 0 0 35px rgba(91,200,255,.05)}.experience-start:before{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,transparent,rgba(131,218,255,.18),transparent);transform:translateX(-120%);transition:.7s}.experience-start:hover:before{transform:translateX(120%)}.experience-start i{display:inline-block;width:6px;height:6px;margin-left:16px;border:1px solid #93ddff;transform:rotate(45deg);box-shadow:0 0 12px #58c7ff}.experience-skip{border:0;background:none;color:#657f8f;font-size:9px;letter-spacing:.18em;cursor:pointer;padding:16px}.experience-skip:hover{color:#b9d5e3}.intro-tech{margin-top:28px;color:#425c6b;font-size:8px;letter-spacing:.26em}.intro-rune{position:absolute;border:1px solid rgba(103,199,250,.09);border-radius:50%;z-index:2;pointer-events:none}.intro-rune:before,.intro-rune:after{content:"";position:absolute;inset:9%;border:1px dashed rgba(111,205,255,.08);border-radius:50%}.intro-rune:after{inset:23%;border-style:solid}.intro-rune-a{width:min(82vw,900px);height:min(82vw,900px);animation:runeRotate 36s linear infinite}.intro-rune-b{width:min(58vw,630px);height:min(58vw,630px);animation:runeRotate 24s linear infinite reverse}@keyframes runeRotate{to{transform:rotate(360deg)}}@keyframes introFloat{50%{transform:translateY(-8px)}}@keyframes introDrift{to{transform:scale(1.1) translate3d(-1%,1%,0)}}

.experience-track{height:560vh;position:relative;background:#02060a}.experience-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#02060a}.experience-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.experience-fallback{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(2,7,12,.36),rgba(2,7,12,.72)),url('/assets/img/hero.webp') center/cover;filter:saturate(.75) brightness(.45);transform:scale(1.03)}.experience-sticky.is-webgl .experience-fallback{opacity:.18;transition:opacity 1.4s ease}.experience-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at center,transparent 12%,rgba(1,5,8,.13) 46%,rgba(1,4,7,.72) 92%),linear-gradient(to bottom,rgba(1,4,7,.54),transparent 24%,transparent 72%,rgba(1,4,7,.76))}.experience-grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.17;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}.experience-flare{position:absolute;z-index:4;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#c6f1ff;box-shadow:0 0 20px 8px rgba(93,203,255,.4),0 0 80px 34px rgba(38,142,220,.12);opacity:0;transform:translate(-50%,-50%) scale(.3);pointer-events:none}.experience-flare.pulse{animation:flarePulse .7s ease-out}@keyframes flarePulse{0%{opacity:.85;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(18)}}

.experience-chapter{position:absolute;z-index:6;left:50%;top:50%;width:min(980px,calc(100% - 42px));transform:translate(-50%,-44%) translateY(24px);text-align:center;opacity:0;pointer-events:none;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1),filter .7s;filter:blur(4px)}.experience-chapter.is-active{opacity:1;transform:translate(-50%,-50%);filter:none}.experience-chapter.chapter-left{text-align:left;width:min(1180px,calc(100% - 42px));padding-right:46%}.experience-chapter.chapter-right{text-align:right;width:min(1180px,calc(100% - 42px));padding-left:46%}.experience-chapter.chapter-final{width:min(760px,calc(100% - 42px))}.chapter-logo{width:min(560px,72vw);margin:0 auto -10px;filter:drop-shadow(0 24px 44px #000)}.chapter-index{font-size:9px;letter-spacing:.35em;color:#5c849a;margin:0 0 16px}.chapter-kicker{font-size:10px;letter-spacing:.36em;color:#67cbff;margin:0 0 14px}.experience-chapter h2{font:400 clamp(45px,6.6vw,94px)/.92 var(--serif);letter-spacing:-.048em;margin:0;color:#f0f8fb;text-shadow:0 18px 42px rgba(0,0,0,.85)}.experience-chapter h2 em{font-style:normal;color:#9ddfff}.experience-chapter>p:last-child:not(.chapter-mini){color:#9bb0bd;font-size:clamp(13px,1.25vw,16px);line-height:1.75;width:min(580px,100%);margin:22px auto 0}.chapter-left>p:last-child:not(.chapter-mini){margin-left:0}.chapter-right>p:last-child:not(.chapter-mini){margin-right:0}.cinematic-download{margin-top:30px}.chapter-mini{font-size:9px!important;letter-spacing:.15em;color:#6d8999!important;margin-top:16px!important;text-transform:uppercase}

.experience-ui{position:absolute;z-index:8;left:max(22px,calc((100vw - 1180px)/2));right:max(22px,calc((100vw - 1180px)/2));bottom:26px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"bar hold" "status hold";align-items:end;gap:9px 28px;pointer-events:none}.experience-progress{grid-area:bar;width:min(330px,48vw);height:1px;background:rgba(162,210,236,.16);overflow:hidden}.experience-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#4ebdff,#c5f0ff);box-shadow:0 0 10px #64caff;transition:width .08s linear}.experience-ui>p{grid-area:status;margin:0;color:#6d8796;font-size:8px;letter-spacing:.26em}.hold-indicator{grid-area:hold;display:flex;align-items:center;gap:10px;color:#718d9d;font-size:8px;letter-spacing:.18em}.hold-indicator i{width:26px;height:26px;border:1px solid rgba(142,213,250,.32);border-radius:50%;position:relative}.hold-indicator i:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#71ccff;transform:scale(var(--hold-scale,0));box-shadow:0 0 16px #53c3ff;transition:transform .08s linear}.experience-sticky.is-holding .hold-indicator{color:#b9e7ff}.experience-sticky.is-holding{cursor:grabbing}.experience-sticky:not(.is-holding){cursor:grab}

@media(max-width:900px){.experience-track{height:500vh}.experience-chapter.chapter-left,.experience-chapter.chapter-right{padding:0;text-align:center;width:min(760px,calc(100% - 32px))}.chapter-left>p:last-child:not(.chapter-mini),.chapter-right>p:last-child:not(.chapter-mini){margin-left:auto;margin-right:auto}.experience-ui{left:16px;right:16px}.hold-indicator span{display:none}.experience-chapter h2{font-size:clamp(44px,10vw,72px)}.intro-inner h1{font-size:clamp(44px,11vw,76px)}}@media(max-width:600px){.experience-track{height:460vh}.experience-chapter{width:calc(100% - 28px)}.chapter-logo{width:92vw}.experience-chapter h2{font-size:43px}.experience-chapter>p:last-child:not(.chapter-mini){font-size:13px}.experience-ui{bottom:16px}.experience-progress{width:54vw}.intro-copy{font-size:13px}.intro-actions{gap:6px}.experience-start{width:100%;min-width:0}.experience-skip{width:100%}}@media(prefers-reduced-motion:reduce){.experience-intro{display:none}.experience-locked{overflow:auto}.experience-track{height:100vh}.experience-chapter{display:none}.experience-chapter[data-chapter="4"]{display:block;opacity:1;filter:none;transform:translate(-50%,-50%)}.experience-ui{display:none}.experience-canvas{display:none}.experience-fallback{opacity:1!important;filter:saturate(.8) brightness(.52)}}

/* =========================================================
   SKYRIM EPIPHANY — CINEMATIC V3
   Art direction: full-bleed scene, no boxed image edges,
   scroll-driven storytelling, premium micro-interactions.
   ========================================================= */
:root{
  --cinematic-blue:#76d5ff;
  --cinematic-ice:#d8f4ff;
  --cinematic-deep:#02070c;
  --cinematic-gold:#d8b06a;
  --cinematic-ease:cubic-bezier(.2,.72,.15,1);
}
html{scroll-behavior:auto}
body{background:#02060a}
body.cinematic-active .topbar{transform:translateY(-115%);opacity:0;pointer-events:none}
body.site-navigation-ready .topbar{transform:translateY(0);opacity:1;pointer-events:auto}
.topbar{transition:height .35s ease,background .35s ease,border-color .35s ease,transform .65s var(--cinematic-ease),opacity .45s ease}
.brand img{object-fit:contain;filter:drop-shadow(0 0 10px rgba(86,199,255,.22))}

/* Custom cursor */
.ep-cursor{position:fixed;left:0;top:0;z-index:180;pointer-events:none;display:none;will-change:transform,opacity}
.ep-cursor-dot{width:4px;height:4px;border-radius:50%;background:#d9f5ff;box-shadow:0 0 14px #6ed0ff}
.ep-cursor-ring{width:34px;height:34px;margin:-15px 0 0 -15px;border:1px solid rgba(152,219,255,.48);border-radius:50%;box-shadow:0 0 24px rgba(62,176,238,.1),inset 0 0 18px rgba(80,192,255,.06);transition:border-color .2s ease,background .2s ease}
body.cursor-interactive .ep-cursor-ring{border-color:rgba(210,242,255,.9);background:rgba(83,188,244,.08)}
@media (hover:hover) and (pointer:fine){.ep-cursor{display:block}body{cursor:none}a,button,summary{cursor:none}}

/* Intro */
.experience-intro{background:#010408;overflow:hidden}
.intro-backdrop{inset:-8%;background-image:url('/assets/img/hero.webp');background-size:cover;background-position:center;filter:brightness(.44) saturate(.82) contrast(1.08);transform:scale(1.10);animation:none;will-change:transform,filter}
.intro-veil{position:absolute;inset:0;z-index:1;background:
  radial-gradient(circle at 50% 43%,rgba(45,159,222,.10) 0,rgba(5,16,25,.18) 30%,rgba(1,4,8,.82) 78%,#010307 100%),
  linear-gradient(180deg,rgba(1,4,8,.34),rgba(1,4,8,.08) 45%,rgba(1,4,8,.78));
  pointer-events:none}
.experience-intro:after{background:linear-gradient(90deg,rgba(1,4,8,.62),transparent 22%,transparent 78%,rgba(1,4,8,.62))}
.intro-orbit{position:absolute;z-index:2;left:50%;top:47%;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);opacity:.55}
.intro-orbit-a{width:min(780px,72vw);aspect-ratio:1;border:1px solid rgba(112,205,255,.15);box-shadow:0 0 80px rgba(65,175,235,.05),inset 0 0 80px rgba(65,175,235,.03)}
.intro-orbit-a:before,.intro-orbit-a:after,.intro-orbit-b:before,.intro-orbit-b:after{content:"";position:absolute;inset:8%;border-radius:50%;border:1px dashed rgba(122,213,255,.08)}
.intro-orbit-a:after{inset:22%;border-style:solid}
.intro-orbit-b{width:min(540px,52vw);aspect-ratio:1;border:1px solid rgba(135,218,255,.08)}
.intro-orbit-b:before{inset:14%}.intro-orbit-b:after{inset:31%;border-style:solid}
.intro-inner{z-index:4;width:min(920px,calc(100% - 38px));display:flex;flex-direction:column;align-items:center}
.intro-symbol{width:min(430px,56vw);height:min(300px,34vh);display:grid;place-items:center;position:relative;margin-bottom:-26px;isolation:isolate}
.intro-symbol img{width:100%;height:100%;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 24px 54px rgba(0,0,0,.88)) drop-shadow(0 0 28px rgba(69,183,245,.14))}
.intro-symbol-glow{position:absolute;width:44%;aspect-ratio:1;border-radius:50%;background:rgba(35,155,225,.24);filter:blur(75px);z-index:1}
.intro-kicker{position:relative;z-index:4;margin:0 0 18px;color:#8ddaff;font-size:9px;letter-spacing:.5em;text-shadow:0 0 16px rgba(100,203,255,.25)}
.intro-inner h1{display:flex;flex-direction:column;gap:2px;font-size:clamp(42px,5.7vw,86px);line-height:.92;max-width:940px}
.intro-title-line{display:block}.intro-title-line.accent{color:#9be1ff}
.intro-copy{margin-top:22px;width:min(650px,92%);color:#96aab7}
.intro-actions{margin-top:2px}
.experience-start{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));border:1px solid rgba(146,222,255,.48);background:linear-gradient(180deg,rgba(18,43,59,.66),rgba(5,15,24,.78));box-shadow:0 0 55px rgba(54,177,239,.09),inset 0 0 34px rgba(79,191,247,.05)}
.intro-tech{color:#547183;letter-spacing:.3em;margin-top:24px}

/* Full-bleed experience: this is intentionally viewport-sized so no rectangular image can appear. */
.experience-track{height:620vh;background:#01050a}
.experience-sticky{background:#01050a;isolation:isolate}
.experience-fallback{inset:-7%;z-index:0;background-image:url('/assets/img/hero.webp');background-size:cover;background-position:center;filter:brightness(.54) saturate(.82) contrast(1.07);transform:scale(1.10);opacity:1!important;will-change:transform,filter,background-position;overflow:hidden}
.experience-fallback:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 50% 46%,rgba(32,145,207,.06) 0,rgba(3,10,16,.10) 34%,rgba(1,5,9,.72) 88%),
  linear-gradient(180deg,rgba(1,4,8,.20),rgba(1,4,8,.02) 36%,rgba(1,5,9,.36) 72%,rgba(1,4,8,.88));
  pointer-events:none}
.experience-fallback:after{content:"";position:absolute;inset:-2%;background:
  linear-gradient(90deg,rgba(1,4,8,.78),transparent 18%,transparent 82%,rgba(1,4,8,.78)),
  radial-gradient(circle at 50% 50%,transparent 36%,rgba(1,4,8,.48) 82%,rgba(1,3,6,.82) 100%);pointer-events:none}
.experience-sticky.is-webgl .experience-fallback{opacity:1}
.experience-canvas{z-index:2;mix-blend-mode:screen;opacity:.92}
.experience-aurora{position:absolute;z-index:1;pointer-events:none;width:64vw;height:70vh;filter:blur(90px);opacity:.14;will-change:transform,opacity;background:radial-gradient(ellipse at center,rgba(68,190,255,.55),rgba(30,111,179,.16) 38%,transparent 72%)}
.experience-aurora-a{left:-18vw;top:-12vh;transform:rotate(-15deg)}
.experience-aurora-b{right:-20vw;top:2vh;transform:rotate(17deg);opacity:.11}
.experience-mist{position:absolute;z-index:3;pointer-events:none;left:-12%;width:124%;height:30%;filter:blur(40px);opacity:.16;background:linear-gradient(90deg,transparent,rgba(133,210,245,.16),rgba(50,130,179,.08),transparent);will-change:transform,opacity}
.experience-mist-a{top:26%;transform:rotate(-4deg) translateX(-3%)}
.experience-mist-b{bottom:8%;transform:rotate(3deg) translateX(5%);opacity:.10}
.experience-vignette{z-index:4;background:radial-gradient(circle at 50% 46%,transparent 22%,rgba(1,5,9,.12) 54%,rgba(1,4,8,.65) 94%),linear-gradient(to bottom,rgba(1,4,8,.42),transparent 20%,transparent 74%,rgba(1,4,8,.82))}
.experience-grain{z-index:5;opacity:.12}
.experience-flare{z-index:9}

/* Portal glyph ring */
.portal-glyphs{position:absolute;z-index:5;left:50%;top:50%;width:min(620px,48vw);aspect-ratio:1;transform:translate(-50%,-52%);pointer-events:none;opacity:.64;will-change:transform,opacity}
.portal-glyphs:before,.portal-glyphs:after{content:"";position:absolute;border-radius:50%;inset:4%;border:1px solid rgba(116,210,255,.14);box-shadow:0 0 45px rgba(68,184,245,.06),inset 0 0 45px rgba(68,184,245,.04)}
.portal-glyphs:after{inset:14%;border-style:dashed;border-color:rgba(126,215,255,.09)}
.portal-glyphs span{position:absolute;left:50%;top:50%;color:rgba(143,221,255,.48);font-family:Georgia,serif;font-size:17px;text-shadow:0 0 13px rgba(76,195,255,.45);transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateY(calc(min(620px,48vw) * -.45)) rotate(calc(var(--i) * -30deg));transform-origin:center;will-change:opacity,filter}

/* Minimal frame details, not a card or box */
.cinematic-frame{position:absolute;z-index:7;inset:28px;pointer-events:none;opacity:.42}
.cinematic-frame i{position:absolute;width:62px;height:62px;border-color:rgba(141,215,252,.22);border-style:solid}
.cinematic-frame i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}
.cinematic-frame i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}
.cinematic-frame i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}
.cinematic-frame i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}

/* Chapters */
.experience-chapter{z-index:8;transition:none;filter:none;will-change:opacity,transform,filter}
.experience-chapter.is-active{filter:none}
.chapter-opening{width:min(980px,calc(100% - 40px));transform:translate(-50%,-49%)}
.chapter-opening .chapter-index{position:absolute;top:-2vh;left:50%;transform:translateX(-50%)}
.chapter-portal-mark{width:min(520px,43vw);height:min(420px,48vh);display:grid;place-items:center;margin:0 auto -24px;position:relative;isolation:isolate}
.chapter-logo{width:100%;height:100%;object-fit:contain;margin:0;position:relative;z-index:4;filter:drop-shadow(0 28px 48px rgba(0,0,0,.88)) drop-shadow(0 0 24px rgba(69,183,245,.12))}
.portal-halo{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}
.portal-halo-a{width:68%;aspect-ratio:1;border:1px solid rgba(115,211,255,.18);box-shadow:0 0 70px rgba(67,185,244,.09),inset 0 0 60px rgba(63,178,239,.05)}
.portal-halo-b{width:48%;aspect-ratio:1;background:rgba(42,163,229,.18);filter:blur(75px)}
.opening-copy{position:relative;z-index:5;margin-top:-12px}
.opening-copy .chapter-kicker{margin-bottom:7px}
.chapter-opening h2{font-size:clamp(42px,4.9vw,72px);line-height:.96;letter-spacing:-.04em;text-wrap:balance}
.chapter-opening>p:last-child,.opening-copy>p:last-child{margin-top:14px!important}
.experience-chapter.chapter-left,.experience-chapter.chapter-right{width:min(1240px,calc(100% - 72px));padding:0}
.chapter-copy-panel{width:min(625px,48%);position:relative}
.chapter-left .chapter-copy-panel{margin-right:auto;text-align:left;padding-left:36px}
.chapter-right .chapter-copy-panel{margin-left:auto;text-align:right;padding-right:36px}
.chapter-copy-panel:before{content:"";position:absolute;top:3px;bottom:3px;width:1px;background:linear-gradient(transparent,rgba(114,207,252,.34),transparent)}
.chapter-left .chapter-copy-panel:before{left:0}.chapter-right .chapter-copy-panel:before{right:0}
.experience-chapter h2{font-size:clamp(48px,5.5vw,82px);line-height:.93;text-wrap:balance}
.experience-chapter h2 em{background:linear-gradient(180deg,#d9f4ff,#83d5fb);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.experience-chapter>p:last-child:not(.chapter-mini),.chapter-copy-panel>p:last-child{color:#a6b8c3;font-size:clamp(13px,1.05vw,16px);text-shadow:0 3px 18px rgba(0,0,0,.9)}
.chapter-final{transform:translate(-50%,-50%);text-align:center}
.chapter-final h2{font-size:clamp(54px,6.6vw,94px)}
.cinematic-download{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}

/* HUD */
.experience-ui{z-index:10;bottom:24px;grid-template-columns:minmax(160px,330px) 1fr auto;grid-template-areas:"bar status hold";align-items:center;gap:18px;left:max(28px,calc((100vw - 1240px)/2));right:max(28px,calc((100vw - 1240px)/2))}
.experience-progress{width:100%;height:1px}.experience-progress span{background:linear-gradient(90deg,#4ebdff,#d6f6ff);box-shadow:0 0 14px rgba(89,199,255,.78)}
.experience-ui>p{align-self:center;white-space:nowrap}
.hold-indicator{justify-self:end}
.hold-indicator i{width:30px;height:30px}

/* Sections: less template-like, more art-directed */
.section{overflow:clip}
.section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 26%,rgba(47,150,210,.055),transparent 28%),radial-gradient(circle at 88% 72%,rgba(42,124,187,.04),transparent 31%)}
.feature-grid{gap:14px;background:none;border:0}
.feature-grid article{position:relative;background:linear-gradient(145deg,rgba(9,22,34,.92),rgba(3,10,17,.82));border:1px solid rgba(120,200,246,.12);overflow:hidden;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);transition:border-color .3s ease,background .3s ease;transform-style:preserve-3d}
.feature-grid article:before{content:"";position:absolute;left:-30%;top:-80%;width:75%;height:180%;background:linear-gradient(100deg,transparent,rgba(127,218,255,.06),transparent);transform:rotate(13deg);transition:transform .7s var(--cinematic-ease)}
.feature-grid article:hover{border-color:rgba(119,211,255,.30);background:linear-gradient(145deg,rgba(12,30,45,.95),rgba(3,10,17,.88))}
.feature-grid article:hover:before{transform:translateX(120%) rotate(13deg)}
.sigil-card{min-height:590px;perspective:900px}
.sigil-card:before{inset:12%;border-color:rgba(95,197,255,.08);box-shadow:0 0 80px rgba(58,174,236,.04),inset 0 0 70px rgba(65,182,247,.03)}
.sigil-card img{width:min(560px,100%);filter:drop-shadow(0 34px 48px #000) drop-shadow(0 0 34px rgba(67,184,245,.08))}
.download-panel{border:1px solid rgba(111,199,250,.18);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));background:linear-gradient(145deg,rgba(10,24,37,.96),rgba(2,8,14,.98));box-shadow:0 36px 120px rgba(0,0,0,.46),0 0 90px rgba(52,165,228,.035);transform-style:preserve-3d}
.download-visual{background:radial-gradient(circle at center,rgba(27,129,194,.13),transparent 56%),url('/assets/img/hero.webp') center/cover}
.download-visual:after{background:linear-gradient(90deg,rgba(1,5,9,.14),rgba(2,7,12,.91)),radial-gradient(circle at center,transparent 30%,rgba(1,4,8,.52))}
.steps-list{gap:14px;border-top:0}
.steps-list li{border:1px solid rgba(119,193,239,.10);padding:32px 26px;min-height:230px;background:linear-gradient(180deg,rgba(8,20,31,.68),rgba(3,9,15,.45));clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.steps-list li:last-child{border:1px solid rgba(119,193,239,.10)}
.steps-list li:before{top:-1px;left:26px}
.lom-bg{transform:scale(1.06);will-change:transform}
.final-cta{overflow:hidden}.final-cta:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg at 50% 50%,transparent,rgba(64,176,236,.035),transparent 15%,transparent 40%,rgba(77,189,246,.03),transparent 58%);animation:finalSpin 28s linear infinite}
@keyframes finalSpin{to{transform:rotate(360deg)}}
.final-cta .container{position:relative}.final-cta img{width:min(430px,70vw);height:190px;object-fit:contain;margin-bottom:-42px}

/* Motion-managed reveals: never hide content if JS is unavailable */
.reveal{opacity:1;transform:none;transition:none}
html.motion-ready .reveal{opacity:0;transform:translateY(28px)}

/* Interactive card lighting */
.interactive-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;position:relative;will-change:transform;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0)}
.interactive-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(131,218,255,.085),transparent 34%);opacity:0;transition:opacity .25s ease}
.interactive-card:hover:after{opacity:1}

@media(max-width:1000px){
  .portal-glyphs{width:min(520px,70vw)}
  .portal-glyphs span{transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateY(calc(min(520px,70vw) * -.45)) rotate(calc(var(--i) * -30deg))}
  .chapter-copy-panel{width:min(620px,70%)}
  .chapter-opening .chapter-portal-mark{width:min(500px,64vw)}
  .experience-ui{grid-template-columns:1fr auto;grid-template-areas:"bar hold" "status hold"}
}
@media(max-width:700px){
  body.cinematic-active .topbar{transform:translateY(-115%)}
  .experience-track{height:520vh}
  .cinematic-frame{inset:14px;opacity:.25}.cinematic-frame i{width:34px;height:34px}
  .portal-glyphs{width:88vw;opacity:.44}.portal-glyphs span{font-size:13px;transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateY(calc(88vw * -.45)) rotate(calc(var(--i) * -30deg))}
  .chapter-opening{width:calc(100% - 24px)}
  .chapter-opening .chapter-portal-mark{width:92vw;height:39vh;margin-bottom:-10px}
  .chapter-opening h2{font-size:clamp(38px,11vw,54px)}
  .chapter-copy-panel{width:100%;padding:0 8px!important;text-align:center!important}
  .chapter-copy-panel:before{display:none}
  .experience-chapter.chapter-left,.experience-chapter.chapter-right{width:calc(100% - 28px)}
  .experience-chapter h2{font-size:clamp(40px,11vw,58px)}
  .experience-ui{left:16px;right:16px;bottom:15px;grid-template-columns:1fr auto;grid-template-areas:"bar hold" "status hold"}
  .experience-ui>p{font-size:7px}.hold-indicator span{display:none}
  .intro-symbol{width:88vw;height:28vh;margin-bottom:-8px}
  .intro-inner h1{font-size:clamp(39px,11vw,62px)}
  .intro-copy{font-size:12px;line-height:1.65}
  .intro-orbit-a{width:96vw}.intro-orbit-b{width:72vw}
  .ep-cursor{display:none!important}body{cursor:auto!important}a,button,summary{cursor:pointer!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.final-cta:before{animation:none}.intro-orbit{display:none}.portal-glyphs{display:none}.experience-aurora,.experience-mist{display:none}
  html.motion-ready .reveal{opacity:1;transform:none}
}

/* ===== LOM ENGINE — CINEMATIC INTEGRATION V3.1 ===== */
.lom-section{
  min-height:920px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  border-top:1px solid rgba(190,103,255,.10);
  border-bottom:1px solid rgba(255,168,68,.10);
  background:#05030a;
}
.lom-bg{
  position:absolute;
  inset:-5%;
  z-index:-5;
  background:
    linear-gradient(180deg,rgba(3,2,8,.24) 0%,rgba(4,2,9,.12) 38%,rgba(6,3,7,.48) 100%),
    linear-gradient(90deg,rgba(6,2,15,.30),rgba(10,4,10,.08) 47%,rgba(15,6,2,.28)),
    url('/assets/img/lom-world.webp') center 48%/cover no-repeat;
  filter:saturate(1.05) contrast(1.04) brightness(.83);
  transform:scale(1.08);
  will-change:transform;
}
.lom-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  pointer-events:none;
  background:
    radial-gradient(circle at 25% 44%,rgba(129,37,255,.20),transparent 31%),
    radial-gradient(circle at 76% 46%,rgba(255,80,45,.13),transparent 28%),
    radial-gradient(circle at 88% 60%,rgba(255,179,42,.10),transparent 24%),
    linear-gradient(180deg,rgba(3,6,10,.30),transparent 18%,transparent 74%,rgba(2,5,9,.72));
  mix-blend-mode:screen;
}
.lom-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center,transparent 28%,rgba(2,3,7,.18) 63%,rgba(1,2,5,.56) 100%),
    linear-gradient(90deg,rgba(1,2,5,.30),transparent 18%,transparent 82%,rgba(1,2,5,.32));
}
.lom-atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.lom-atmosphere i{position:absolute;border-radius:50%;filter:blur(56px);opacity:.25;will-change:transform}
.lom-atmosphere i:nth-child(1){width:280px;height:280px;left:10%;top:28%;background:rgba(145,45,255,.36)}
.lom-atmosphere i:nth-child(2){width:240px;height:240px;right:13%;top:34%;background:rgba(255,62,53,.28)}
.lom-atmosphere i:nth-child(3){width:200px;height:200px;right:22%;bottom:10%;background:rgba(255,178,45,.22)}
.lom-shell{
  position:relative;
  z-index:3;
  width:min(1180px,calc(100% - 42px));
  padding:108px 0 104px;
  text-align:center;
  display:grid;
  justify-items:center;
}
.lom-eyebrow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  color:#b8c4d2;
  font-size:10px;
  letter-spacing:.42em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.lom-eyebrow span{width:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(182,102,255,.85))}
.lom-eyebrow span:last-child{background:linear-gradient(90deg,rgba(255,143,58,.85),transparent)}
.lom-eyebrow b{font-weight:600;background:linear-gradient(90deg,#a875ff,#d7c8ff 40%,#ffc15a);-webkit-background-clip:text;background-clip:text;color:transparent}
.lom-brand-stage{
  --lom-x:0px;
  --lom-y:0px;
  position:relative;
  width:min(760px,92vw);
  height:clamp(255px,31vw,390px);
  display:grid;
  place-items:center;
  margin:4px auto -18px;
  transform-style:preserve-3d;
  perspective:900px;
}
.lom-brand-stage::before{
  content:"";
  position:absolute;
  width:58%;
  aspect-ratio:1;
  border-radius:50%;
  background:conic-gradient(from 90deg,rgba(127,46,255,.0),rgba(150,54,255,.18),rgba(255,54,67,.14),rgba(255,179,42,.16),rgba(127,46,255,.0));
  filter:blur(24px);
  opacity:.62;
  animation:lomAuraSpin 22s linear infinite;
}
.lom-brand-glow{
  position:absolute;
  width:72%;
  height:64%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(165,57,255,.12),rgba(255,72,59,.06) 38%,transparent 70%);
  filter:blur(18px);
  transform:translate3d(var(--lom-x),var(--lom-y),-10px);
  transition:transform .18s ease-out;
}
.lom-brand-orbit{position:absolute;border-radius:50%;pointer-events:none;opacity:.28}
.lom-brand-orbit-a{width:58%;aspect-ratio:1;border:1px solid rgba(194,134,255,.16);box-shadow:inset 0 0 36px rgba(146,64,255,.04);animation:lomAuraSpin 30s linear infinite}
.lom-brand-orbit-a::before{content:"";position:absolute;inset:8%;border:1px dashed rgba(255,175,94,.12);border-radius:50%}
.lom-brand-orbit-b{width:43%;aspect-ratio:1;border:1px dashed rgba(255,127,82,.13);animation:lomAuraSpin 20s linear infinite reverse}
.lom-logo{
  position:relative;
  z-index:2;
  width:min(650px,88%);
  margin:0;
  background:transparent!important;
  mix-blend-mode:screen;
  opacity:.97;
  filter:brightness(1.12) saturate(1.2) contrast(1.08) drop-shadow(0 12px 28px rgba(0,0,0,.35)) drop-shadow(0 0 34px rgba(151,55,255,.10));
  transform:translate3d(var(--lom-x),var(--lom-y),25px);
  transition:transform .16s ease-out,filter .35s ease;
  will-change:transform;
}
.lom-brand-stage:hover .lom-logo{filter:brightness(1.2) saturate(1.28) contrast(1.08) drop-shadow(0 15px 34px rgba(0,0,0,.30)) drop-shadow(0 0 44px rgba(184,67,255,.16))}
.lom-copy{position:relative;z-index:3;width:min(870px,100%);margin-top:2px}
.lom-copy h2{font-family:var(--serif);font-size:clamp(44px,5.6vw,78px);font-weight:400;line-height:.95;letter-spacing:-.045em;margin:0 0 24px;color:#f5f1f6;text-shadow:0 16px 42px rgba(0,0,0,.52)}
.lom-copy h2 span{background:linear-gradient(90deg,#b67aff 4%,#ff6872 49%,#ffc45f 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lom-copy>p{width:min(740px,100%);margin:0 auto;color:#c0b8c8;line-height:1.85;font-size:15px;text-shadow:0 5px 20px rgba(0,0,0,.8)}
.lom-copy strong{color:#fff;font-weight:650}
.lom-tags{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:30px}
.lom-tags span{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(223,173,255,.15);
  padding:0 15px;
  background:linear-gradient(180deg,rgba(13,9,20,.26),rgba(8,7,12,.12));
  backdrop-filter:blur(9px);
  font-size:9px;
  letter-spacing:.18em;
  color:#c9bfce;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
  transition:border-color .25s ease,color .25s ease,transform .25s ease,background .25s ease;
}
.lom-tags span i{width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,#b35dff,#ffb34d);box-shadow:0 0 10px rgba(192,88,255,.35)}
.lom-tags span:hover{transform:translateY(-2px);color:#fff;border-color:rgba(235,190,255,.32);background:rgba(14,9,21,.38)}
@keyframes lomAuraSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lom-brand-stage::before,.lom-brand-orbit{animation:none!important}.lom-logo,.lom-brand-glow{transition:none!important}}
@media (max-width:760px){
  .lom-section{min-height:760px}
  .lom-shell{padding:86px 0 78px}
  .lom-eyebrow{gap:10px;font-size:8px;letter-spacing:.30em}
  .lom-eyebrow span{width:34px}
  .lom-brand-stage{height:240px;width:min(620px,104vw);margin:0 auto -8px}
  .lom-logo{width:94%}
  .lom-copy h2{font-size:clamp(39px,11vw,58px)}
  .lom-copy>p{font-size:14px;line-height:1.72}
  .lom-tags{gap:8px;margin-top:24px}
  .lom-tags span{font-size:8px;padding:0 11px}
}

/* ===== SKYRIM EPIPHANY — MAGIC / COMBAT EXPERIENCE V4 ===== */
.experience-sticky::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  opacity:.34;
  background:
    radial-gradient(circle at 18% 68%,rgba(88,88,255,.10),transparent 23%),
    radial-gradient(circle at 80% 64%,rgba(255,74,20,.08),transparent 24%);
  mix-blend-mode:screen;
  transition:opacity .45s ease,background .7s ease;
}
.experience-sticky.magic-awake::after{
  opacity:.58;
  background:
    radial-gradient(circle at 22% 55%,rgba(75,129,255,.18),transparent 25%),
    radial-gradient(circle at 75% 42%,rgba(167,54,255,.14),transparent 24%),
    radial-gradient(circle at 52% 78%,rgba(255,128,31,.08),transparent 20%);
}
.experience-sticky.combat-awake::after{
  opacity:.62;
  background:
    radial-gradient(circle at 16% 62%,rgba(75,147,255,.16),transparent 24%),
    radial-gradient(circle at 83% 56%,rgba(255,88,31,.18),transparent 26%),
    linear-gradient(115deg,transparent 42%,rgba(190,232,255,.035) 49%,transparent 55%);
}
.experience-sticky.fire-awake::after{
  opacity:.72;
  background:
    radial-gradient(circle at 18% 58%,rgba(91,74,255,.14),transparent 25%),
    radial-gradient(circle at 76% 69%,rgba(255,73,14,.24),transparent 28%),
    radial-gradient(circle at 52% 86%,rgba(255,150,33,.18),transparent 28%);
}
.chapter-kicker{transition:color .35s ease,text-shadow .35s ease}
.experience-sticky.magic-awake .chapter-kicker{color:#99cfff;text-shadow:0 0 20px rgba(87,153,255,.35)}
.experience-sticky.combat-awake .chapter-kicker{color:#d7eaff;text-shadow:0 0 20px rgba(205,232,255,.28)}
.experience-sticky.fire-awake .chapter-kicker{color:#ffc47a;text-shadow:0 0 22px rgba(255,126,42,.38)}

/* LOM: use the real transparent asset, never blend a black rectangle over the background. */
.lom-logo{
  width:min(690px,92%)!important;
  max-height:330px;
  object-fit:contain;
  background:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  filter:drop-shadow(0 16px 34px rgba(0,0,0,.28)) drop-shadow(0 0 30px rgba(157,61,255,.16))!important;
}
.lom-brand-stage{height:clamp(245px,27vw,350px);margin:0 auto -12px}
.lom-brand-stage::before{opacity:.42}
.lom-brand-glow{opacity:.58}
@media(max-width:760px){.lom-logo{width:98%!important;max-height:235px}.lom-brand-stage{height:220px}}

/* Remove any Gemini badge/logo accidentally injected into the site DOM. */
.gemini-logo,.gemini-badge,[data-gemini],img[alt*="Gemini" i],img[src*="gemini" i],a[href*="gemini.google" i]{display:none!important}
