:root{--bg:#090b10;--surface:#11141b;--surface2:#171c26;--line:#31353e;--white:#f9fafb;--muted:#9aa0ae;--red:#ff263e;--red2:#c90027}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:86px}body{background:var(--bg);color:var(--white);margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{width:min(1440px,93%);margin:auto}.topbar{position:sticky;top:0;background:rgba(8,10,16,.96);backdrop-filter:blur(18px);z-index:50;border-bottom:1px solid #a31728}.navwrap{max-width:1540px;padding:0 3%;margin:auto;min-height:81px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:233px}.brand-icon{font-size:39px;color:var(--red);line-height:1}.brand strong{font-size:23px;letter-spacing:-.8px;white-space:nowrap}.brand em{color:var(--red);font-style:normal}.brand small{display:block;color:#abb0bf;font-size:9px;letter-spacing:3.4px;margin-top:3px}.topbar nav{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.topbar nav a{font-weight:650;font-size:15px;padding:16px 13px;border-radius:8px;white-space:nowrap;transition:.2s}.topbar nav a:hover,.topbar nav a.active{color:var(--red);background:#1b121a}.nav-actions{display:flex;align-items:center;gap:9px}.btn{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:15px;border-radius:10px;padding:13px 21px;font-size:14px;font-weight:750;transition:.22s;white-space:nowrap;color:#fff}.btn:hover{transform:translateY(-2px)}.red{background:var(--red);box-shadow:0 7px 30px #c9002833}.red:hover{background:#ee102f}.subtle,.outline{border-color:#72717a;background:#11131a}.outline:hover,.subtle:hover{border-color:var(--red)}.big{padding:16px 24px}.menutoggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{min-height:615px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(95deg,#080a11 0%,#11101a 50%,#0c0911 100%)}.hero:before{content:"";position:absolute;inset:0;opacity:.24;background:url('assets/studio-3.jpg') center/cover no-repeat;filter:blur(9px)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,14,1) 0%,rgba(7,8,14,.94) 32%,rgba(7,8,14,.35) 72%,rgba(7,8,14,.1))}.hero-glow{position:absolute;width:500px;height:500px;right:15%;top:5%;background:#b5002b;filter:blur(170px);opacity:.42}.hero-content{position:relative;z-index:2;margin-left:max(3.5%,calc((100% - 1440px)/2));padding:62px 0 70px;width:55%;max-width:850px}.eyebrow,.section-mini{font-size:12px;letter-spacing:3px;color:#c7c9d0;font-weight:800;display:flex;align-items:center;gap:12px}.eyebrow b{color:var(--red)}.section-mini:before{content:"";width:28px;height:3px;background:var(--red);display:inline-block}.section-mini span{color:var(--muted);letter-spacing:1px}.hero h1{font-size:clamp(41px,4.7vw,75px);letter-spacing:-2.5px;line-height:1.04;margin:25px 0 18px;font-weight:850}.hero h1 span,h2 span{color:var(--red)}.hero-content>p{color:#d3d2d7;max-width:580px;font-size:19px;line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.hero-tags{display:flex;gap:23px;margin-top:50px;font-size:10px;color:#c3c4cb;font-weight:850;letter-spacing:1.6px}.hero-tags span{border-left:2px solid var(--red);padding-left:11px}.hero-visual{width:41%;height:100%;position:absolute;z-index:1;right:0;top:0;display:flex;align-items:flex-end;justify-content:flex-end}.hero-photo{width:82%;height:93%;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 20%)}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center 19%}.hero-photo:after{content:"";inset:0;position:absolute;background:linear-gradient(0deg,#08090fd9 0%,transparent 40%)}.founder-caption{position:absolute;z-index:3;bottom:52px;right:7%;text-align:center;text-shadow:0 3px 15px #000}.script{font-family:Georgia,serif;font-size:35px;font-style:italic;display:block}.founder-caption small{font-size:10px;letter-spacing:2px}.division{padding:22px 0 25px}.division-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.division-card{position:relative;min-height:275px;border:1px solid #343944;border-radius:11px;overflow:hidden;padding:145px 18px 17px;background:#13161e;transition:.25s}.division-card:hover{transform:translateY(-5px);border-color:#bf2338}.division-card img,.division-card .image-placeholder{position:absolute;inset:0;height:190px;width:100%;object-fit:cover;opacity:.85}.division-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d0f15 4%,#0d0f15d9 43%,transparent 100%)}.division-card>*:not(img):not(.image-placeholder){position:relative;z-index:2}.division-card h3{font-size:19px;margin:6px 0}.division-card p{font-size:13px;line-height:1.5;color:#bdc0cb;margin:5px 28px 0 0}.number{color:var(--red);font-weight:900;font-size:13px}.round-arrow{position:absolute!important;right:14px;bottom:15px;border:1px solid #a3a5ae;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.karaoke-art{background:radial-gradient(ellipse at 65% 20%,#7c1f6b,#25142b 45%,#0c0b16 90%);display:grid;place-items:center}.karaoke-art span{font-size:100px;color:#eb5487;text-shadow:0 0 35px #f44}.section{padding:85px 0;scroll-margin-top:80px}.section h2{font-size:clamp(35px,4vw,64px);line-height:1.08;letter-spacing:-1.9px;margin:23px 0}.section h2 i{font-family:Georgia,serif;font-weight:400}.section p{color:#b7bac5;line-height:1.7;font-size:16px}.lead{font-size:19px!important;color:#eaebed!important}.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:9%;align-items:center}.story-panel{display:flex;align-items:center;gap:23px;border:1px solid var(--line);border-radius:14px;padding:15px;background:#141720}.story-panel img{width:42%;height:300px;object-fit:cover;object-position:top;border-radius:8px}.story-panel small,.portfolio-grid small{color:var(--red);letter-spacing:2px;font-weight:800;font-size:10px}.story-panel h3{font-size:27px;margin:14px 0 3px}.text-link{display:inline-block;margin-top:17px;color:var(--red);font-weight:800}.band{background:#10131b}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading>p{max-width:410px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.service-item{padding:25px;background:#171b25;border:1px solid #333943;border-radius:13px}.service-item .si{font-size:26px;color:var(--red)}.service-item h3{font-size:21px;margin:18px 0 7px}.service-item p{font-size:14px;margin:0 0 15px}.service-item a{color:var(--red);font-weight:700;font-size:13px}.music-hero{background:linear-gradient(100deg,#17141b,#10131b);border:1px solid var(--line);border-radius:16px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:20px}.music-hero h2{font-size:clamp(38px,4vw,60px);margin-top:0}.music-hero p{max-width:590px}.music-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.music-tags span,.feature-pills span{font-size:12px;border:1px solid #53505d;padding:9px 12px;border-radius:20px}.music-images{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;height:345px}.music-images img{width:100%;height:100%;object-fit:cover;border-radius:9px;min-width:0}.music-images img:first-child{object-position:center}.lower{margin-top:40px;margin-bottom:18px}.section-heading h3{font-size:26px;margin:0}.muted,.fine{color:#9fa3b0!important}.fine{font-size:12px!important}.studio-media{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.video-box{position:relative;background:#000;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:340px}.video-box video{width:100%;height:360px;object-fit:contain;background:#000}.video-label{position:absolute;top:12px;left:12px;background:#070a10ca;padding:8px 12px;border-radius:5px;font-size:11px}.studio-stills{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,1fr);gap:10px}.studio-stills img{width:100%;height:170px;object-fit:cover;border-radius:8px}.studio-stills img:first-child{grid-row:span 2;height:350px}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.work-grid article{padding:21px;background:#151923;border:1px solid var(--line);border-radius:10px}.work-icon{font-size:32px;color:var(--red)}.work-grid h4{font-size:16px}.work-grid p{font-size:13px}.karaoke-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.karaoke-visual{border:1px solid #562435;min-height:355px;border-radius:14px;background:radial-gradient(circle at 70% 30%,#98223c 0,#30152b 35%,#11111d 75%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.karaoke-icon{font-size:125px;color:var(--red);text-shadow:0 0 45px #ff003e66}.karaoke-visual h3{font-size:27px;margin:0}.karaoke-visual p{font-size:13px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:19px}.portfolio-grid article{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#171a24}.portfolio-grid img{width:100%;height:270px;object-fit:cover;display:block}.portfolio-grid article div{padding:20px}.portfolio-grid h3{margin:9px 0 0}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:30px;border:1px solid var(--line);border-radius:13px;background:#131721}.formgrid label{display:flex;flex-direction:column;gap:10px;color:#e0e1e7;font-weight:650;font-size:13px}.formgrid input,.formgrid select,.formgrid textarea,.admin-main input,.admin-main select{background:#090c13;color:#fff;border:1px solid #48505c;border-radius:8px;padding:13px;min-width:0}.formgrid textarea{min-height:120px;resize:vertical}.wide{grid-column:1/-1}.formgrid fieldset{border:1px solid #404650;border-radius:10px;padding:15px}.formgrid legend{font-weight:700;font-size:13px;padding:0 8px}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.checks label{display:flex;flex-direction:row;align-items:center;font-weight:400}.checks input{accent-color:var(--red)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-links{display:grid;gap:9px}.contact-links a{border-bottom:1px solid var(--line);padding:15px 3px;display:flex;justify-content:space-between;gap:10px;color:var(--red)}.contact-links span{color:white;flex:1}footer{padding:30px 0;border-top:1px solid var(--line)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-row strong{font-size:22px}.footer-row p,.footer-row span,.footer-row a{font-size:12px;color:var(--muted)}#toTop{display:none;position:fixed;right:24px;bottom:24px;border:1px solid var(--red);background:#11141d;border-radius:50%;width:48px;height:48px;place-items:center;font-size:23px;z-index:49;box-shadow:0 6px 22px #000b}#toTop.visible{display:grid}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#242938;color:white;padding:13px 21px;border:1px solid var(--red);z-index:90;border-radius:12px;display:none;max-width:90vw;text-align:center}#adminSite{max-width:1500px;padding:32px 3%;margin:auto;min-height:85vh}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-top h1{margin:15px 0 5px}.admin-top p{color:var(--muted)}.admin-layout{display:grid;grid-template-columns:225px 1fr;gap:22px;margin-top:28px}.sidebar{background:#141822;border:1px solid var(--line);padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:6px;align-self:start}.sidebar button{border:0;background:transparent;color:#c9ced7;text-align:left;padding:14px;border-radius:8px;font-weight:650}.sidebar button:hover,.sidebar button.active{background:#3c1a28;color:#fff}.admin-main{min-width:0;background:#11151e;border:1px solid var(--line);border-radius:12px;padding:24px}.admin-main h2{margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat{background:#1b202c;padding:22px;border:1px solid #303846;border-radius:9px}.stat strong{display:block;font-size:30px}.stat span{color:#afb5c2;font-size:13px}.admin-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:13px}.admin-table th{text-align:left;color:#b0b5c3;background:#1c2230}.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid #323a47}.admin-table td{word-break:break-word}.admin-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.admin-controls input,.admin-controls select{max-width:200px}.smallbtn{background:#2b3240;color:#fff;border:1px solid #596274;border-radius:6px;padding:7px 10px}.smallbtn:hover{border-color:var(--red)}.badge{display:inline-block;border:1px solid #536171;border-radius:6px;padding:5px 7px;color:#dce1e9;font-size:11px}.admin-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-form label{display:flex;flex-direction:column;gap:8px;font-size:13px}.admin-form .full{grid-column:1/-1}.admin-form input,.admin-form select{width:100%}.admin-note{font-size:12px;color:#aab1c0}.danger{color:#ff7e90}.admin-main .section-heading h2{font-size:24px}.hide{display:none!important}
@media(max-width:1260px){.navwrap{gap:9px}.topbar nav a{padding:13px 7px;font-size:13px}.brand{min-width:205px}.brand strong{font-size:20px}.nav-actions .btn{font-size:12px;padding:12px}.hero h1{font-size:56px}}
@media(max-width:900px){.navwrap{min-height:74px;flex-wrap:wrap}.menutoggle{display:block;margin-left:auto}.topbar nav{order:5;width:100%;flex-basis:100%;display:none;flex-direction:column;align-items:stretch;padding:8px 0 16px}.topbar nav.open{display:flex}.topbar nav a{font-size:16px;padding:12px}.nav-actions{margin-left:auto}.nav-actions .btn{padding:10px}.hero-content{width:70%;margin-left:4%}.hero-visual{width:50%;opacity:.65}.hero h1{font-size:clamp(38px,6vw,60px)}.division-grid,.service-grid,.work-grid{grid-template-columns:repeat(2,1fr)}.story-grid,.music-hero,.karaoke-layout{grid-template-columns:1fr}.music-images{height:250px}.studio-media{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:92%}.brand{min-width:0}.brand strong{font-size:18px}.brand small{letter-spacing:1.5px}.nav-actions{width:100%;justify-content:space-between;padding-bottom:10px}.hero{min-height:690px;align-items:flex-start}.hero-content{padding:40px 0 200px;width:92%;z-index:3}.hero-visual{height:45%;width:80%;bottom:0;top:auto;opacity:.60}.hero-photo{height:100%;width:85%}.founder-caption{display:none}.hero h1{font-size:42px}.hero-content>p{font-size:15px}.hero-tags{display:none}.eyebrow,.section-mini{font-size:10px;letter-spacing:1.5px}.section{padding:55px 0}.division-grid,.service-grid,.work-grid,.portfolio-grid,.contact-grid{grid-template-columns:1fr}.division-grid{gap:12px}.division-card{min-height:245px}.section h2{font-size:38px}.section-heading{align-items:start;flex-direction:column}.story-panel img{height:230px}.music-hero{padding:20px}.music-images{height:190px}.karaoke-layout{gap:30px}.formgrid,.admin-form{grid-template-columns:1fr;padding:18px}.checks{grid-template-columns:1fr 1fr}.footer-row{flex-direction:column;align-items:start}.admin-top{align-items:start;flex-direction:column}.admin-main{padding:13px;overflow-x:auto}.admin-table{min-width:570px}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:12px}.stat strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.division-card{transition:none}}

/* Karaoke availability calendar */
.booking-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:25px;align-items:start;margin-top:22px}.booking-calendar-panel,.booking-form,.admin-calendar-box{background:#151921;border:1px solid #373e4d;border-radius:16px;padding:24px}.booking-form{display:flex;flex-direction:column;gap:14px}.booking-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#cdd4df}.booking-form input,.booking-form textarea,.booking-calendar-panel select{width:100%;background:#0c1017;border:1px solid #424b5b;border-radius:8px;color:white;padding:11px;font:inherit}.booking-form textarea{min-height:80px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-toolbar h3{margin:0;font-size:21px}.cal-arrow{background:#303743;color:#fff;border:1px solid #5b6574;border-radius:9px;font-size:26px;width:42px;height:40px;cursor:pointer}.cal-arrow:disabled{opacity:.3}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekdays{margin:17px 0 8px;text-align:center;font-size:12px;color:#a9b0bc}.calendar-date{min-height:59px;background:#1a2830;color:#fff;border:1px solid #365453;border-radius:9px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center}.calendar-date strong{font-size:17px}.calendar-date small{font-size:9px;color:#c2d6cb}.calendar-date.busy{background:#38313a;border-color:#754652}.calendar-date.busy small{color:#ffc4ce}.calendar-date.selected{background:#b81534;border-color:#fb516f}.calendar-date.past{opacity:.3;cursor:default}.calendar-key{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;color:#b9c2ce;margin:14px 0 25px}.key-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.key-dot.available{background:#4ea48c}.key-dot.occupied{background:#a86b7d}.key-dot.chosen{background:#ec1c45}.slot-heading h3{margin:0 0 6px}.slot-heading p{font-size:13px;color:#a9b3c0}.duration-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.duration-choice select{max-width:150px}.time-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.time-slot{display:flex;flex-direction:column;align-items:center;gap:5px;background:#17342f;border:1px solid #357060;color:#fff;border-radius:8px;padding:12px 3px;cursor:pointer}.time-slot small{font-size:10px;color:#ade0c8}.time-slot:disabled{background:#30333a;border-color:#414853;opacity:.65;cursor:not-allowed}.time-slot:disabled small{color:#c4a7af}.time-slot.picked{background:#bc1739;border-color:#ff4268}.selection-summary{font-size:13px;color:#f5bdc7;background:#241b26;padding:13px;border-radius:8px;margin-top:15px}.admin-calendar-box{margin:20px 0}.admin-calendar-box h3{margin-top:0}#karaokeForm input[readonly]{background:#212832;color:#fff;cursor:default}@media(max-width:900px){.booking-layout{grid-template-columns:1fr}}@media(max-width:600px){.booking-calendar-panel,.booking-form{padding:14px}.time-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-date{min-height:49px}.calendar-date strong{font-size:14px}.calendar-date small{font-size:8px}.calendar-days{gap:3px}}
