:root{--bg:#121018;--panel:#1a1721;--panel2:#221d29;--ink:#f8f2ee;--muted:#b3aab5;--line:#38313f;--pink:#f06b9b;--lime:#e1ff7a;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{overflow:hidden}.topbar{height:88px;display:flex;align-items:center;gap:42px;max-width:var(--max);padding:0 24px;margin:auto}.brand{display:inline-flex;align-items:center;gap:12px;font-family:Unbounded,sans-serif;font-size:17px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand-mark{width:39px;height:39px;border:2px solid var(--pink);border-radius:12px;display:inline-grid;place-items:center;position:relative;color:var(--pink);font-size:22px;line-height:1}.brand-mark span{position:absolute;color:var(--lime);font-size:13px;right:-7px;top:-6px}.brand-accent{color:var(--pink)}.nav{display:flex;gap:35px;margin-left:auto}.nav a{font-size:13px;font-weight:700;color:#c7bdc7}.nav a:hover,.nav a:focus-visible{color:var(--pink)}.top-cta{background:transparent;color:var(--ink);border:1px solid #6b5e6c;border-radius:99px;padding:10px 17px;font-size:13px;font-weight:800;white-space:nowrap}.top-cta span{margin-left:15px;color:var(--pink)}.menu-button{display:none;background:none;border:0;color:var(--ink);font-size:25px}.hero{min-height:645px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 77% 43%,#3b2440 0%,transparent 44%),linear-gradient(140deg,#201a27,#17121d 55%,#261a29);border-top:1px solid #2b2330;border-bottom:1px solid #40303b}.hero-content{max-width:var(--max);padding:104px 24px 31px;margin:auto;position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;letter-spacing:2.2px;font-weight:800;color:var(--pink)}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-dot{width:7px;height:7px;background:var(--lime);border-radius:50%}.eyebrow-line{width:36px;height:1px;background:#8e677d}.hero h1,.statement h2,.contact h2{font-family:Unbounded,sans-serif;font-size:clamp(48px,6.2vw,87px);letter-spacing:-6px;line-height:1.12;margin:32px 0 22px;font-weight:600}.hero h1 em,.statement h2 em,.contact h2 em{color:var(--pink);font-style:normal}.hero-content>p{max-width:520px;line-height:1.8;color:#d2c8d1;font-size:15px;margin:0 0 29px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:10px;padding:15px 19px;font-size:13px;font-weight:800;border:1px solid transparent}.button span{font-size:18px;line-height:1}.button-primary{background:var(--pink);color:#24141e}.button-primary:hover{background:#ff90b4}.button-outline{background:transparent;border-color:#65515f;color:var(--ink)}.button-outline:hover{border-color:var(--pink)}.hero-foot{display:flex;justify-content:space-between;max-width:var(--max);margin-top:101px;color:#9c8498;letter-spacing:2px;font-size:10px;font-weight:800}.hero-art{position:absolute;left:50%;top:0;width:50%;height:100%;z-index:1}.hero-disc{width:490px;height:490px;border-radius:50%;position:absolute;top:65px;left:7%;background:radial-gradient(circle at 38% 31%,#ff98b9 0%,#e75d90 28%,#9b3f7e 53%,#341e46 72%);box-shadow:0 0 100px 30px #ed60975c,inset -35px -40px 70px #1e0f31;transform:rotate(-18deg)}.hero-disc:before,.hero-disc:after{content:"";position:absolute;border-radius:50%;border:2px solid #ffcfdf4d;inset:23px}.hero-disc:after{inset:61px;border-color:#f9b2cb66}.disc-center{position:absolute;inset:130px;border-radius:50%;background:#24152e;border:2px solid #f7adcc8c;display:grid;place-items:center;box-shadow:inset 0 0 35px #0008}.disc-center span{font-family:serif;font-size:95px;color:var(--lime);transform:rotate(18deg)}.art-note{position:absolute;color:#f6b4ca;font-family:serif;font-size:42px;opacity:.75}.note-one{left:7%;top:11%}.note-two{right:8%;bottom:12%;writing-mode:vertical-rl}.art-label{position:absolute;right:13%;top:15%;font-family:Unbounded;font-size:12px;line-height:1.5;letter-spacing:2px;color:#f7dce7}.section{max-width:var(--max);margin:auto;padding:100px 24px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2{font-family:Unbounded;font-size:clamp(30px,3.7vw,48px);letter-spacing:-2.7px;margin:16px 0 10px;line-height:1.2}.section-heading p{max-width:620px;font-size:14px;line-height:1.7;color:var(--muted);margin:0}.heading-star{color:var(--lime);font-size:29px;vertical-align:top;margin-left:11px}.section-count{color:#b59aaf;font-size:10px;letter-spacing:2px;font-weight:800;white-space:nowrap}.catalog-controls{display:flex;gap:18px;align-items:center;margin:33px 0 29px}.search-box{width:350px;height:46px;border:1px solid var(--line);background:#1b1721;border-radius:8px;display:flex;align-items:center;padding:0 14px;gap:9px;color:var(--pink)}.search-box span{font-size:26px;line-height:1}.search-box input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-size:13px}.search-box input::placeholder{color:#827681}.filter-list{display:flex;gap:7px;overflow:auto}.filter-list button{border:1px solid var(--line);background:transparent;color:#b7aeb9;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:700;white-space:nowrap}.filter-list button.active{background:var(--lime);border-color:var(--lime);color:#222019}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.project-card{background:var(--panel);border:1px solid #3d3441;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);border-color:#956a83}.cover{height:235px;position:relative;overflow:hidden;background:#382138}.cover img{width:100%;height:100%;object-fit:cover}.cover-art{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 62% 30%,var(--cover-a),transparent 35%),linear-gradient(140deg,var(--cover-b),#15121e)}.cover-art:before{content:"";width:160px;height:160px;border:1px solid #ffffff56;border-radius:50%;box-shadow:0 0 0 24px #ffffff0b,0 0 0 50px #ffffff0a}.cover-symbol{position:absolute;font:700 74px serif;color:#fff9;left:50%;top:50%;transform:translate(-50%,-50%)}.cover-tag{position:absolute;top:14px;left:14px;background:#211523d9;padding:7px 9px;border:1px solid #ffffff44;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:1px}.cover-episode{position:absolute;right:14px;bottom:14px;background:var(--lime);color:#24221e;padding:7px 10px;border-radius:5px;font-size:10px;font-weight:800}.card-content{padding:22px;display:flex;flex-direction:column;flex:1}.card-meta{font-size:10px;letter-spacing:1.6px;color:var(--pink);font-weight:800}.card-content h3{font-family:Unbounded;font-size:20px;letter-spacing:-1px;line-height:1.35;margin:12px 0 10px}.card-content p{font-size:12px;color:#b2a9b4;line-height:1.7;margin:0 0 25px;flex:1}.card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:12px;font-weight:800;color:var(--lime);background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left}.card-link span{font-size:19px}.empty-state{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.catalog-note{display:flex;gap:15px;background:#211e24;border:1px solid #3b363c;border-radius:11px;padding:17px 20px;margin-top:25px;max-width:850px}.catalog-note span{color:var(--lime);font-size:22px}.catalog-note p{font-size:12px;color:#bdb2bc;line-height:1.6;margin:0}.statement{max-width:none;background:#e9ff9b;color:#211c26;padding:70px max(24px,calc((100vw - 1192px)/2)) 70px}.statement-top{display:flex;justify-content:space-between}.statement .kicker{color:#82575f}.statement-decoration{font-size:13px;font-weight:800;letter-spacing:4px}.statement h2{font-size:clamp(42px,5.7vw,72px);margin:50px 0 45px;letter-spacing:-5px}.statement h2 em{color:#ae5771}.statement-bottom{display:flex;align-items:flex-end;justify-content:space-between}.statement-bottom p{max-width:610px;line-height:1.8;font-size:15px;margin:0}.statement-spark{font-size:105px;line-height:.8;color:#e17099}.team{padding-top:105px;padding-bottom:115px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-grid article{border:1px solid #463846;background:#1c1821;border-radius:14px;min-height:252px;padding:25px;position:relative}.role-grid article>span{font-size:11px;color:#857583;letter-spacing:2px}.role-icon{height:73px;font-size:40px;color:var(--pink);padding-top:17px}.role-grid h3{font-family:Unbounded;font-size:17px;letter-spacing:-.8px;margin:8px 0 11px}.role-grid p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.contact{max-width:none;background:#28202e;padding:85px max(24px,calc((100vw - 1192px)/2))}.contact-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.contact h2{font-size:clamp(38px,5vw,67px);margin:26px 0 18px}.contact p{font-size:14px;color:#c4b5c5;margin:0;max-width:480px;line-height:1.7}.contact-button{background:var(--lime);color:#241d24;border:0;border-radius:10px;padding:20px 24px;min-width:205px;display:flex;justify-content:space-between;gap:22px;font-size:13px;font-weight:800}.contact-button span{font-size:20px}footer{max-width:var(--max);margin:auto;padding:32px 24px;display:flex;align-items:center;gap:30px}footer>span{margin-left:auto;color:#887d89;font-size:11px}footer button{color:#c9aabd;background:none;border:0;font-size:11px;font-weight:700}.dialog{background:#211b28;color:var(--ink);border:1px solid #655063;border-radius:15px;width:min(780px,calc(100% - 28px));max-height:90vh;padding:32px;box-shadow:0 30px 90px #000a}.dialog::backdrop{background:#0d0714ce;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:#ffffff16;color:#fff;width:35px;height:35px;border-radius:8px;font-size:24px}.detail-layout{display:grid;grid-template-columns:215px 1fr;gap:28px}.detail-layout .cover{height:300px;border-radius:9px}.detail-layout h2,.admin-head h2{font-family:Unbounded;font-size:28px;line-height:1.3;letter-spacing:-1.2px;margin:10px 30px 14px 0}.detail-description{color:#c9beca;line-height:1.7;font-size:13px}.episode-list{margin-top:20px;border-top:1px solid var(--line)}.episode-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.episode-row span{color:var(--lime);font-weight:800}.episode-row button{margin-left:auto;background:var(--pink);border:0;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:800;color:#261922}.episode-row button:disabled{opacity:.45;cursor:not-allowed}.player-dialog{width:min(870px,calc(100% - 28px))}.player-dialog h2{font:600 20px Unbounded;margin:7px 35px 20px 0}.player-dialog video,.player-dialog audio{width:100%;background:#0c0b0f;border-radius:8px}.player-dialog video{aspect-ratio:16/9}.player-dialog p{font-size:12px;color:var(--muted);line-height:1.6}.admin-head p{color:var(--muted);font-size:12px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.admin-tools label{display:flex;flex-direction:column;gap:6px;color:#d4c8d3;font-size:11px;font-weight:700}.form-wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.admin-tools input{background:#16131b;color:var(--ink);border:1px solid #524455;border-radius:7px;padding:11px;font-size:12px;width:100%}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.admin-tools input:focus{outline:1px solid var(--pink)}.rights-check{display:flex;align-items:start;gap:10px;margin:18px 0 10px;color:#d9ced7;font-size:11px;line-height:1.5}.rights-check input{accent-color:var(--pink);margin-top:2px}.form-error{color:#ff9dba;font-size:11px;min-height:15px}.admin-tools{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.admin-tools label{flex:1;min-width:200px}.admin-tools button{background:#3a2d3d;color:#e9dfe7;border:1px solid #59475d;border-radius:7px;padding:10px 12px;font-size:11px}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--lime);color:#201921;padding:12px 18px;border-radius:8px;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:900px){.hero-art{opacity:.48;left:42%;width:60%}.hero-content{padding-top:90px}.hero h1{font-size:clamp(47px,7vw,68px)}.hero-disc{width:430px;height:430px}.disc-center{inset:115px}.project-grid{grid-template-columns:repeat(2,1fr)}.catalog-controls{align-items:stretch;flex-direction:column}.search-box{width:100%}}@media(max-width:650px){.topbar{height:70px;padding:0 19px}.brand{font-size:14px}.brand-mark{width:35px;height:35px}.nav{display:none;position:absolute;z-index:10;top:69px;left:0;right:0;padding:20px;background:#201923;flex-direction:column;gap:20px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.top-cta{margin-left:auto;padding:9px 12px;font-size:11px}.top-cta span{margin-left:3px}.menu-button{display:block}.hero{min-height:600px}.hero-content{padding:80px 22px 27px}.hero h1{font-size:clamp(39px,9vw,57px);letter-spacing:-3px}.hero-content>p{font-size:13px;max-width:420px}.hero-art{left:28%;opacity:.23}.hero-disc{top:130px}.hero-foot{margin-top:100px;font-size:8px}.hero-foot span:first-child{max-width:160px}.section{padding:72px 20px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading h2{font-size:32px;letter-spacing:-1.8px}.section-count{font-size:9px}.project-grid,.role-grid{grid-template-columns:1fr}.cover{height:225px}.statement{padding:65px 20px}.statement h2{font-size:clamp(36px,9vw,50px);letter-spacing:-2.8px;margin:50px 0 30px}.statement-bottom p{font-size:13px}.statement-spark{display:none}.contact{padding:68px 20px}.contact-row{align-items:start;flex-direction:column}.contact h2{font-size:42px;letter-spacing:-3px}.contact-button{width:100%}footer{padding:28px 20px;flex-wrap:wrap}footer>span{margin-left:0;order:3;width:100%}.detail-layout{grid-template-columns:1fr}.detail-layout .cover{height:220px}.dialog{padding:23px}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}}
