@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Manrope:wght@300;400;500;600&display=swap');
:root{--bg:#080507;--panel:#100a0d;--wine:#7b1023;--red:#b71d38;--gold:#d1ae62;--gold2:#f0d18a;--silver:#a9a4a6;--line:rgba(209,174,98,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#eee9e4;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.055;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.cursorGlow{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(134,14,37,.11),transparent 65%);pointer-events:none;z-index:2;transform:translate(-50%,-50%)}
.topbar{height:92px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(8,5,7,.94),rgba(8,5,7,.72));backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px;color:var(--gold);text-decoration:none}.brand .seal{font-size:27px;text-shadow:0 0 25px #8b1028}.brand b{font:600 17px Cinzel;letter-spacing:.15em}.brand small{display:block;font-size:8px;letter-spacing:.32em;color:#777;margin-top:4px}.topbar nav{display:flex;gap:38px;margin:auto}.topbar nav a{color:#9c9598;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.24em;transition:.3s}.topbar nav a:hover{color:var(--gold)}button{font:inherit}.admin{border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--gold);border-radius:30px;padding:12px 20px;cursor:pointer;transition:.35s}.admin:hover{background:#771226;color:white;box-shadow:0 0 35px rgba(145,17,43,.28)}
.hero{height:100svh;min-height:720px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-media,.slide,.veil,.scan{position:absolute;inset:0}.slide{opacity:0;transform:scale(1.08);transition:opacity 2s,transform 8s;background-size:cover;background-position:center}.slide.active{opacity:1;transform:scale(1)}
.s1{background-image:linear-gradient(90deg,rgba(8,5,7,.9),rgba(8,5,7,.25),rgba(8,5,7,.75)),url('https://images.squarespace-cdn.com/content/v1/618041bccf21aa26f7a0ed4d/1699884566934-Z5N3FKNJHY5E5CB6R4KR/EP4A8119.jpg')}
.s2{background-image:radial-gradient(circle at 65% 45%,rgba(132,15,37,.18),transparent 30%),linear-gradient(90deg,#080507 0%,rgba(8,5,7,.35) 55%,#080507 100%),url('https://commons.wikimedia.org/wiki/Special:Redirect/file/TempleChurch-Effigies.jpg');filter:saturate(.55) contrast(1.08)}
.s3{background-image:radial-gradient(circle at 50% 50%,rgba(151,19,47,.25),transparent 25%),linear-gradient(180deg,rgba(8,5,7,.3),#080507 90%),url('https://artofswordmaking.com/public/photos/original/107e571f44879a447a638fb34c787e41-1606822506.jpg');filter:saturate(.6) contrast(1.1)}
.veil{background:radial-gradient(ellipse at center,transparent 0%,rgba(8,5,7,.18) 45%,#080507 100%),linear-gradient(180deg,rgba(8,5,7,.3),transparent 35%,#080507 100%)}.scan{opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.025) 5px)}
.hero-copy{position:relative;z-index:4;text-align:center;max-width:950px;padding:80px 20px 0}.eyebrow,.kicker{color:var(--gold);font-size:9px;letter-spacing:.45em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:25px}.eyebrow i{width:50px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.eyebrow i:last-child{transform:scaleX(-1)}h1{margin:0;font-family:Cinzel;font-weight:500;line-height:.88;text-shadow:0 12px 50px #000}h1 span{display:block;font-size:clamp(64px,10vw,145px);letter-spacing:.03em;color:#e7d2a4}h1 em{display:block;font-style:normal;font-size:clamp(42px,6vw,88px);letter-spacing:.13em;color:#b71d38;margin-top:18px}.monogram{font-size:40px;color:var(--red);margin:25px 0 12px;text-shadow:0 0 35px #a31230}.hero-copy p{max-width:620px;margin:0 auto;color:#aaa1a4;font-size:15px;line-height:1.8;letter-spacing:.04em}.hero-actions{margin-top:34px;display:flex;justify-content:center;gap:12px}.primary,.ghost{padding:16px 22px;border-radius:2px;font-size:9px;letter-spacing:.2em;text-decoration:none;cursor:pointer}.primary{background:linear-gradient(135deg,#8d112a,#5d0a19);color:white;box-shadow:0 12px 45px rgba(125,13,35,.3)}.primary b{color:var(--gold);margin-left:16px}.ghost{border:1px solid var(--line);background:rgba(8,5,7,.42);color:#aaa}.hero-side{position:absolute;right:4vw;top:50%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px;color:#756e70;font-size:8px}.hero-side div{height:90px;width:1px;background:linear-gradient(var(--gold),rgba(209,174,98,.1))}.scroll{position:absolute;bottom:24px;z-index:5;font-size:8px;letter-spacing:.3em;color:#777}.scroll span{display:block;text-align:center;font-size:18px;color:var(--gold);animation:bob 1.6s infinite}@keyframes bob{50%{transform:translateY(6px)}}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;background:#0d080a;color:#6f676a;font:500 9px Cinzel;letter-spacing:.32em;white-space:nowrap}.ticker div{width:max-content;animation:ticker 35s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.intro{max-width:1300px;margin:auto;padding:130px 6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;align-items:end}.intro h2,.archive h2{font:400 clamp(38px,5vw,68px) Cinzel;margin:14px 0 0;line-height:1.12}.intro h2 em{font-style:normal;color:var(--gold)}.intro>p{color:#8e8789;line-height:2;font-size:14px;border-left:1px solid var(--line);padding-left:34px}
.collections{max-width:1400px;margin:auto;padding:0 5vw 130px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{height:330px;padding:30px;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 80% 20%,rgba(135,17,40,.18),transparent 35%),linear-gradient(145deg,#140b0e,#090607);display:flex;flex-direction:column;justify-content:space-between;transition:.5s}.feature:after{content:'✠';position:absolute;right:-25px;bottom:-55px;font-size:180px;color:rgba(177,27,55,.07)}.feature:hover{transform:translateY(-8px);border-color:rgba(209,174,98,.38);box-shadow:0 30px 70px #000}.feature .num{font:22px Cinzel;color:#6e6266}.feature span{font-size:8px;letter-spacing:.35em;color:var(--gold)}.feature h3{font:400 26px Cinzel;margin:8px 0}.feature p{font-size:12px;color:#81797c}.feature>b{position:absolute;right:28px;top:28px;color:var(--gold)}
.archive{padding:110px 5vw 150px;background:radial-gradient(ellipse at 50% 20%,rgba(75,17,39,.16),transparent 42%),linear-gradient(180deg,#0b0709,#10090c 55%,#080507);border-top:1px solid var(--line);overflow:hidden}.archive-head{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:end;gap:30px}.tools{display:flex;gap:10px}.tools label,.tools select{border:1px solid var(--line);background:#0b0709;color:#aaa;padding:12px 15px}.tools input{background:transparent;border:0;outline:0;color:white;width:200px}.tools select{outline:0}.status{max-width:1400px;margin:28px auto 0;color:#6e6769;font-size:10px;letter-spacing:.15em}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);margin-right:9px}
.grid{max-width:1400px;margin:34px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;perspective:1400px;align-items:stretch}.card{--rx:0deg;--ry:0deg;--hx:50%;--hy:30%;position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid rgba(209,174,98,.17);background:linear-gradient(145deg,rgba(28,13,20,.94),rgba(7,4,7,.98));overflow:hidden;isolation:isolate;transform-style:preserve-3d;box-shadow:0 22px 65px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025);transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .45s,box-shadow .55s}.card:before{content:'';position:absolute;inset:-1px;z-index:5;pointer-events:none;border:1px solid transparent;background:linear-gradient(125deg,rgba(209,174,98,.8),transparent 25%,transparent 68%,rgba(143,15,47,.8)) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.2;transition:opacity .45s}.card:after{content:'';position:absolute;inset:-40%;z-index:4;pointer-events:none;background:radial-gradient(circle at var(--hx) var(--hy),rgba(255,236,183,.2),transparent 18%),linear-gradient(110deg,transparent 38%,rgba(255,255,255,.09) 48%,rgba(159,31,73,.12) 53%,transparent 64%);transform:translate3d(0,0,45px);opacity:0;mix-blend-mode:screen;transition:opacity .4s}.card:hover{transform:translateY(-10px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.012);border-color:rgba(209,174,98,.48);box-shadow:0 38px 95px rgba(0,0,0,.66),0 0 42px rgba(138,15,47,.14),inset 0 0 30px rgba(209,174,98,.035)}.card:hover:before{opacity:.9}.card:hover:after{opacity:1}.card-aura{position:absolute;left:12%;right:12%;bottom:-22px;height:48px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(159,21,55,.5),rgba(209,174,98,.12) 38%,transparent 72%);filter:blur(18px);opacity:.28;transition:.5s}.card:hover .card-aura{opacity:.75;transform:scaleX(1.16)}
.cover{aspect-ratio:1/1;background:linear-gradient(145deg,#241117,#0a0608);background-size:cover;background-position:center;position:relative;overflow:hidden;transform:translateZ(18px);transition:filter .55s,transform .55s cubic-bezier(.16,1,.3,1)}.card:hover .cover{filter:saturate(1.12) contrast(1.06);transform:translateZ(34px) scale(1.015)}.cover:before{content:'';position:absolute;z-index:2;left:-15%;right:-15%;height:2px;top:-8%;background:linear-gradient(90deg,transparent,rgba(231,197,117,.85),rgba(255,255,255,.95),rgba(148,20,52,.8),transparent);box-shadow:0 0 18px rgba(209,174,98,.7);opacity:0;transform:rotate(-7deg);pointer-events:none}.card:hover .cover:before{opacity:.8;animation:coverScan 2.4s cubic-bezier(.2,.65,.25,1) infinite}.cover:after{content:'▶';position:absolute;z-index:3;left:20px;bottom:20px;width:52px;height:52px;border:1px solid rgba(255,222,147,.38);border-radius:50%;display:grid;place-items:center;padding-left:3px;background:radial-gradient(circle at 35% 30%,rgba(198,35,74,.95),rgba(91,7,28,.94));color:white;backdrop-filter:blur(10px);box-shadow:0 0 0 7px rgba(128,13,39,.12),0 0 28px rgba(163,18,54,.42);transition:transform .45s,box-shadow .45s}.card:hover .cover:after{transform:scale(1.1) rotate(4deg);box-shadow:0 0 0 10px rgba(128,13,39,.12),0 0 42px rgba(209,174,98,.34)}.signal{position:absolute;z-index:3;top:17px;right:17px;max-width:58%;padding:7px 10px;border:1px solid rgba(222,190,113,.25);background:rgba(8,4,7,.6);backdrop-filter:blur(10px);color:#e5c678;font-size:8px;letter-spacing:.18em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-shadow:inset 0 0 16px rgba(209,174,98,.035)}
.card-body{position:relative;z-index:3;display:flex;flex:1;flex-direction:column;padding:25px 24px 26px;background:linear-gradient(160deg,rgba(22,11,16,.92),rgba(7,4,7,.98));transform:translateZ(12px)}.card-body:before{content:'';position:absolute;top:0;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,rgba(209,174,98,.5),transparent)}.card-body small{color:var(--gold);letter-spacing:.24em;text-transform:uppercase;font-size:9px}.card-body h3{font:400 19px/1.48 Cinzel;margin:18px 0 16px;text-wrap:balance}.card audio{width:100%;margin:4px 0 8px;filter:saturate(.65) sepia(.16)}.openlink{margin-top:auto!important;padding-top:13px;position:relative}.openlink:after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:1px;background:linear-gradient(90deg,var(--gold),transparent);transition:width .45s}.openlink:hover:after{width:100%}
@keyframes coverScan{0%{top:-8%;transform:rotate(-7deg) translateX(-8%)}65%,100%{top:112%;transform:rotate(-7deg) translateX(8%)}}
.empty{max-width:1400px;margin:28px auto 0;border:1px solid var(--line);min-height:360px;display:grid;place-items:center;text-align:center;padding:50px;background:radial-gradient(circle at center,rgba(126,15,35,.13),transparent 40%)}.empty>div:not(.orb){}.empty .orb{width:100px;height:100px;border:1px solid rgba(209,174,98,.2);border-radius:50%;display:grid;place-items:center;margin:auto;color:var(--red);font-size:36px;box-shadow:inset 0 0 35px rgba(139,15,39,.14),0 0 50px rgba(139,15,39,.08)}.empty h3{font:400 30px Cinzel;margin:20px 0 8px}.empty p{max-width:600px;color:#827a7d;line-height:1.8;font-size:13px}
.manifesto{min-height:500px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.manifesto:before{content:'';position:absolute;width:600px;height:600px;border:1px solid rgba(209,174,98,.08);border-radius:50%;box-shadow:0 0 0 80px rgba(209,174,98,.015),0 0 0 160px rgba(209,174,98,.01)}.manifesto>*{position:relative}.manifesto .cross{font-size:34px;color:var(--red)}.manifesto p{font:400 clamp(25px,3vw,42px) Cinzel;line-height:1.5;margin:18px}.manifesto em{font-style:normal;color:var(--gold)}.manifesto span{font-size:8px;letter-spacing:.4em;color:#686164}
footer{border-top:1px solid var(--line);min-height:150px;padding:40px 5vw;display:flex;align-items:center;justify-content:space-between;color:#625c5e;font-size:10px;letter-spacing:.12em}
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.78);backdrop-filter:blur(18px);display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(500px,100%);border:1px solid rgba(209,174,98,.24);background:linear-gradient(145deg,#160d10,#090607);padding:46px;position:relative;box-shadow:0 40px 120px #000}.close{position:absolute;right:18px;top:15px;border:0;background:none;color:#888;font-size:28px;cursor:pointer}.modal-seal{font-size:36px;color:var(--red);margin-bottom:18px}.modal h2{font:400 38px Cinzel;margin:8px 0}.modal p{font-size:12px;line-height:1.8;color:#8d8588}.modal input{width:100%;margin-top:10px;padding:15px;border:1px solid var(--line);background:#090607;color:white;outline:0}.modal form button{width:100%;margin-top:14px;padding:16px;background:#791126;border:0;color:white;letter-spacing:.18em;font-size:9px;cursor:pointer}.modal form button b{float:right;color:var(--gold)}#loginMsg{margin-top:14px;font-size:11px;color:#d77}
@media(max-width:900px){.topbar{height:72px}.topbar nav{display:none}.admin{margin-left:auto;font-size:0}.admin span{font-size:16px}.hero{min-height:680px}.hero-copy{padding-top:60px}.collections{grid-template-columns:1fr}.feature{height:230px}.intro{grid-template-columns:1fr;gap:40px;padding:90px 7vw}.intro>p{padding-left:20px}.archive-head{display:block}.tools{margin-top:25px;display:grid}.grid{grid-template-columns:repeat(2,1fr);gap:18px}.card:hover{transform:translateY(-6px)}footer{display:grid;gap:20px}.cursorGlow{display:none}}
@media(max-width:560px){h1 span{font-size:58px}h1 em{font-size:38px}.hero-actions{flex-direction:column;align-items:center}.grid{grid-template-columns:1fr}.archive{padding-left:18px;padding-right:18px}.modal-card{padding:34px 24px}.tools input{width:150px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.openlink{display:inline-block;margin-top:12px;color:var(--gold);font-size:9px;letter-spacing:.14em;text-decoration:none}.manage{display:flex;gap:8px;margin-top:15px}.manage button,.mini{border:1px solid var(--line);background:#120b0e;color:#bbb;padding:8px 12px;cursor:pointer}.manage .danger{color:#d75b70}
.manager{position:fixed;inset:0;z-index:120;background:rgba(4,2,3,.92);backdrop-filter:blur(20px);overflow:auto;display:none}.manager.open{display:block}.manager-shell{width:min(1250px,94vw);margin:4vh auto;border:1px solid var(--line);background:linear-gradient(145deg,#130b0e,#080507);box-shadow:0 40px 120px #000}.manager-head{padding:28px 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.manager-head h2{font:400 30px Cinzel;margin:7px 0}.manager-head>div:last-child{display:flex;align-items:center;gap:12px}.x{border:0;background:none;color:#aaa;font-size:32px;cursor:pointer}.manager-grid{display:grid;grid-template-columns:1.5fr .7fr}.editor{padding:34px}.covers{padding:34px;border-left:1px solid var(--line);background:rgba(255,255,255,.015)}.mode{display:flex;gap:8px;margin-bottom:25px}.mode button{flex:1;padding:14px;border:1px solid var(--line);background:#0a0608;color:#8e8789;font-size:9px;letter-spacing:.12em;cursor:pointer}.mode button.active{background:#721024;color:white;border-color:#a51b35}.editor label,.fieldbox label{display:block;color:#9c9295;font-size:8px;letter-spacing:.22em;margin:16px 0 7px}.editor input,.editor textarea{width:100%;padding:14px;border:1px solid var(--line);background:#090607;color:white;outline:0}.editor textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.drop{position:relative;border:1px dashed rgba(209,174,98,.3);padding:24px;text-align:center}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop b{display:block;color:var(--gold);font-size:11px}.drop span{display:block;color:#6f686a;font-size:10px;margin-top:7px}.check{display:flex!important;gap:9px;align-items:center}.check input{width:auto}.publish{width:100%;margin-top:22px;padding:17px;border:0;background:linear-gradient(135deg,#94142f,#5c0a19);color:white;letter-spacing:.2em;font-size:10px;cursor:pointer}.adminmsg{margin-top:14px;color:var(--gold);font-size:11px}.adminmsg.error{color:#e36a7d}.cover-preview{aspect-ratio:1/1;margin:16px 0;border:1px solid var(--line);background:radial-gradient(circle,#2b1017,#090607 70%);background-size:cover;background-position:center;display:grid;place-items:center;text-align:center}.cover-preview span{font-size:50px;color:var(--red)}.cover-preview small{display:block;color:#766d70;letter-spacing:.2em}.cover-preview.has span,.cover-preview.has small{display:none}.uploadcover{display:block;text-align:center;border:1px solid var(--line);padding:12px;color:var(--gold);font-size:9px;letter-spacing:.16em;cursor:pointer}.uploadcover input{display:none}.covers h4{font:500 9px Manrope;letter-spacing:.2em;color:#92898c;margin-top:28px}.media-library{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:210px;overflow:auto}.thumb{padding:0;border:1px solid var(--line);background:#080507;aspect-ratio:1;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover}.covers p{font-size:10px;color:#6f676a;line-height:1.7}
@media(max-width:800px){.manager-grid{grid-template-columns:1fr}.covers{border-left:0;border-top:1px solid var(--line)}.two{grid-template-columns:1fr}.manager-head{padding:22px}.editor,.covers{padding:22px}.mode{display:grid}}
.link-tools{display:grid;grid-template-columns:1fr auto;gap:8px}.link-tools button{border:1px solid rgba(209,174,98,.35);background:#211319;color:var(--gold);padding:0 16px;font-size:8px;letter-spacing:.14em;cursor:pointer}.link-preview{margin-top:10px;padding:10px;border:1px solid var(--line);background:#0c0709;display:flex;gap:12px;align-items:center}.link-preview[hidden]{display:none}.link-preview img{width:72px;height:72px;object-fit:cover;background:#160b0f}.link-preview div{display:grid;gap:6px}.link-preview small{color:var(--gold);font-size:8px;letter-spacing:.16em}.link-preview strong{font:400 13px Cinzel;line-height:1.35}@media(max-width:560px){.link-tools{grid-template-columns:1fr}.link-tools button{padding:13px}}
.link-tools button:disabled{opacity:.58;cursor:wait}.link-status{min-height:18px;margin-top:9px;font-size:11px;line-height:1.5;color:#756d70}.link-status.working{color:#d1ae62}.link-status.success{color:#81c995}.link-status.warning{color:#e2b86b}.link-status.error{color:#e36a7d}

/* Estudio audiovisual inmersivo */
:root{--mx:0;--my:0}.studio-fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at calc(50% + var(--mx)*5%) calc(42% + var(--my)*4%),rgba(125,15,39,.13),transparent 26%),radial-gradient(ellipse at 50% 110%,rgba(209,174,98,.055),transparent 42%)}.studio-fx>i{position:absolute;top:-35%;width:18vw;height:170%;background:linear-gradient(90deg,transparent,rgba(223,187,111,.035),transparent);filter:blur(12px);transform-origin:50% 0;animation:studioBeam 13s ease-in-out infinite alternate}.studio-fx>i:nth-child(1){left:8%;transform:rotate(18deg);animation-delay:-3s}.studio-fx>i:nth-child(2){left:43%;transform:rotate(-4deg);animation-duration:17s}.studio-fx>i:nth-child(3){right:5%;transform:rotate(-20deg);animation-delay:-8s;animation-duration:15s}@keyframes studioBeam{0%{opacity:.15;translate:-3% 0}50%{opacity:.75}100%{opacity:.22;translate:5% 0}}
.particles{position:absolute;inset:0}.particles i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:var(--gold2);box-shadow:0 0 8px var(--gold);opacity:0;animation:particleDrift var(--d) linear var(--delay) infinite}@keyframes particleDrift{0%{opacity:0;transform:translate3d(0,30px,0) scale(.4)}20%{opacity:.45}70%{opacity:.15}100%{opacity:0;transform:translate3d(calc(var(--mx)*20px),-130px,0) scale(1.4)}}
main,footer,.topbar{position:relative}.hero{isolation:isolate}.hero:before,.hero:after{content:'';position:absolute;z-index:2;pointer-events:none}.hero:before{inset:9% 13%;border:1px solid rgba(209,174,98,.07);clip-path:polygon(0 0,18% 0,18% 1px,82% 1px,82% 0,100% 0,100% 100%,82% 100%,82% calc(100% - 1px),18% calc(100% - 1px),18% 100%,0 100%);animation:frameBreathe 5s ease-in-out infinite}.hero:after{left:0;right:0;top:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(209,174,98,.18),transparent);box-shadow:0 38vh 0 rgba(183,29,56,.08);animation:horizonScan 8s ease-in-out infinite}@keyframes frameBreathe{50%{opacity:.35;inset:10% 15%;filter:drop-shadow(0 0 15px rgba(209,174,98,.15))}}@keyframes horizonScan{0%,100%{opacity:.1;transform:translateY(-35px)}50%{opacity:.75;transform:translateY(35px)}}
.studio-core{position:absolute;z-index:3;left:50%;top:50%;width:min(72vw,820px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(209,174,98,.09);box-shadow:0 0 0 8vw rgba(118,13,35,.012),inset 0 0 90px rgba(122,13,35,.07),0 0 120px rgba(0,0,0,.85);animation:corePulse 6s ease-in-out infinite;pointer-events:none}.studio-core:before,.studio-core:after,.studio-core i{content:'';position:absolute;border-radius:50%;inset:7%;border:1px solid rgba(209,174,98,.07)}.studio-core:before{border-left-color:rgba(209,174,98,.4);border-right-color:rgba(183,29,56,.32);animation:orbit 28s linear infinite}.studio-core:after{inset:17%;border-top-color:rgba(183,29,56,.3);animation:orbit 20s linear infinite reverse}.studio-core i:first-child{inset:-4%;border-style:dashed;opacity:.22;animation:orbit 60s linear infinite}.studio-core i:nth-child(2){inset:29%;background:radial-gradient(circle,rgba(150,20,47,.09),transparent 67%);border-color:rgba(183,29,56,.1);animation:innerPulse 4.5s ease-in-out infinite}.studio-core b{position:absolute;left:50%;top:9%;translate:-50% -50%;font:400 28px Cinzel;color:var(--red);text-shadow:0 0 22px var(--red);animation:sealPulse 3s ease-in-out infinite}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes corePulse{0%,100%{scale:.985;opacity:.65}50%{scale:1.025;opacity:1;box-shadow:0 0 0 9vw rgba(118,13,35,.018),inset 0 0 120px rgba(122,13,35,.11),0 0 150px rgba(119,14,37,.09)}}@keyframes innerPulse{50%{scale:1.08;opacity:.45}}@keyframes sealPulse{50%{filter:brightness(1.7);text-shadow:0 0 38px #d41f42}}
.hero-copy{perspective:900px}.hero-copy .eyebrow{animation:cinemaFade 1.3s .15s both}.hero-copy h1 span{animation:titleEnter 1.5s .3s cubic-bezier(.16,1,.3,1) both;background:linear-gradient(105deg,#8c6c2e 0%,#f6dfaa 32%,#fff5d8 48%,#b58a3c 67%,#eed28e 100%);background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation-name:titleEnter,goldFlow;animation-duration:1.5s,8s;animation-delay:.3s,1.8s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.16,1,.3,1),linear;animation-iteration-count:1,infinite}.hero-copy h1 em{animation:titleEnter 1.5s .55s cubic-bezier(.16,1,.3,1) both;text-shadow:0 0 0 transparent;position:relative}.hero-copy h1 em:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,220,145,.85) 49%,transparent 60%);mix-blend-mode:screen;transform:translateX(-120%);animation:titleGlint 5.5s 2s ease-in-out infinite}.hero-copy .monogram{animation:sealReveal 1.4s 1s both,sealPulse 3.2s 2.4s ease-in-out infinite}.hero-copy p,.hero-actions{animation:cinemaFade 1.3s 1s both}@keyframes titleEnter{0%{opacity:0;transform:translateY(65px) rotateX(-18deg);filter:blur(16px);letter-spacing:.18em}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes cinemaFade{from{opacity:0;transform:translateY(24px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes sealReveal{from{opacity:0;transform:scale(.25) rotate(-90deg);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}@keyframes goldFlow{to{background-position:220% center}}@keyframes titleGlint{0%,68%,100%{transform:translateX(-130%);opacity:0}76%{opacity:.75}90%{transform:translateX(130%);opacity:0}}
.reveal-ready{opacity:0;transform:translateY(38px);filter:blur(9px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s ease}.reveal-ready.in-view{opacity:1;transform:none;filter:none}.feature.reveal-ready:nth-child(2),.grid .card.reveal-ready:nth-child(2){transition-delay:.12s}.feature.reveal-ready:nth-child(3),.grid .card.reveal-ready:nth-child(3){transition-delay:.24s}.grid .card.reveal-ready:nth-child(4){transition-delay:.36s}
.grid .card.reveal-ready.in-view:hover{transform:translateY(-10px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.012)}
.feature{isolation:isolate}.feature:before{content:'';position:absolute;inset:-80% -40%;z-index:-1;background:conic-gradient(from 210deg,transparent,rgba(209,174,98,.09),transparent 22%);animation:cardAura 12s linear infinite}.feature:hover:before{animation-duration:4s}.feature:hover h3{text-shadow:0 0 25px rgba(209,174,98,.35)}@keyframes cardAura{to{transform:rotate(360deg)}}
.cinematic-panel{background:radial-gradient(circle at 50% 50%,rgba(116,13,35,.1),transparent 32%),linear-gradient(180deg,rgba(8,5,7,.94),rgba(10,6,8,.98))}.manifesto:before{animation:manifestoPulse 5s ease-in-out infinite}.manifesto:after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(183,29,56,.13),transparent 68%);filter:blur(6px);animation:manifestoGlow 4s ease-in-out infinite}.manifesto-scan{position:absolute!important;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 18px rgba(209,174,98,.5);opacity:.25;animation:manifestoScan 7s ease-in-out infinite}.manifesto p{text-shadow:0 10px 42px #000}.manifesto em{background:linear-gradient(90deg,#98722f,#f0d18a,#b78b3e);background-size:200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:goldFlow 7s linear infinite}.manifesto .cross{animation:sealPulse 3s ease-in-out infinite}@keyframes manifestoPulse{0%,100%{transform:scale(.94);opacity:.45;box-shadow:0 0 0 70px rgba(209,174,98,.01),0 0 0 140px rgba(183,29,56,.006)}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 0 95px rgba(209,174,98,.025),0 0 0 190px rgba(183,29,56,.012)}}@keyframes manifestoGlow{50%{transform:scale(1.4);opacity:.45}}@keyframes manifestoScan{0%,100%{top:18%;opacity:0}20%{opacity:.28}80%{opacity:.12}100%{top:82%}}
.topbar{box-shadow:0 18px 55px rgba(0,0,0,.35)}.admin,.primary,.ghost{position:relative;overflow:hidden}.admin:after,.primary:after,.ghost:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22),transparent 65%);transform:translateX(-130%);transition:transform .7s}.admin:hover:after,.primary:hover:after,.ghost:hover:after{transform:translateX(130%)}
@media(max-width:900px){.studio-core{width:105vw}.hero:before{inset:8% 4%}.studio-fx>i{width:32vw}.manifesto-scan{left:4%;right:4%}}@media(max-width:560px){.studio-core{width:135vw}.hero-copy h1 span{font-size:54px}.hero-copy h1 em{font-size:34px}.manifesto{min-height:430px}.manifesto:before{width:330px;height:330px}.particles i:nth-child(n+13){display:none}}
@media(prefers-reduced-motion:reduce){.studio-core,.studio-core:before,.studio-core:after,.studio-core i,.studio-fx>i,.particles i,.hero:before,.hero:after,.manifesto:before,.manifesto:after,.manifesto-scan,.hero-copy *,.cover:before{animation:none!important}.reveal-ready{opacity:1;transform:none;filter:none}.card,.cover{transition:none!important}.card:hover{transform:none}.card:hover .cover{transform:none}}