:root{--bg:#0b0b0c;--char:#151517;--char2:#1d1d20;--line:#2c2b2e;--gold:#c9a96e;--gold2:#e5cf9f;--white:#f6f3ee;--muted:#a19d96;--wa:#25d366;--err:#ff8a7a;--ok:#9be3b0;
--serif:"Bodoni Moda",Georgia,serif;--sans:Manrope,system-ui,-apple-system,sans-serif;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:var(--gold2)}a:hover{color:var(--white)}
h1,h2,h3,.h2,.h3,.display{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}h2,.h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}h3,.h3{font-size:1.3rem}.h4{font-size:1.05rem;font-family:var(--sans);font-weight:700}
p{margin:0 0 1em}.muted{color:var(--muted)}.small{font-size:.86rem}.center{justify-content:center}
.wrap{width:min(1200px,92vw);margin:auto}.narrow{width:min(820px,92vw)}
.skip,.sr{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--gold);color:#000;padding:8px 12px}
.hp{position:absolute;left:-9999px;opacity:0;height:0}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.74rem;color:var(--gold);font-weight:600;margin-bottom:.8em}
.lead{font-size:1.15rem;color:#d8d3cb;max-width:62ch}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,11,12,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,169,110,.15)}
.header-in{display:flex;align-items:center;gap:24px;height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--white)}
.logo-mark{font-family:var(--serif);font-weight:700;color:#0b0b0c;background:linear-gradient(135deg,var(--gold2),var(--gold));border-radius:8px;padding:4px 7px;font-size:.9rem}
.logo-text{font-family:var(--serif);font-size:1.15rem;letter-spacing:.02em}
.nav{margin-left:auto;display:flex;align-items:center;gap:20px}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.nav-link{background:none;border:0;color:var(--white);font:500 .93rem var(--sans);padding:10px 12px;text-decoration:none;cursor:pointer;border-radius:8px}
.nav-link:hover{color:var(--gold2)}.has-sub{position:relative}
.sub{display:none!important;position:absolute;top:100%;left:0;background:var(--char);border:1px solid var(--line);border-radius:var(--r);padding:10px!important;min-width:260px;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.5)}
.has-sub button[aria-expanded=true]+.sub{display:flex!important}.sub a{display:block;padding:8px 12px;color:var(--white);text-decoration:none;border-radius:8px;font-size:.92rem}.sub a:hover{background:var(--char2);color:var(--gold2)}
.nav-cta{display:flex;gap:8px}.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--white);padding:8px 14px;border-radius:999px;font:600 .9rem var(--sans)}
@media(max-width:1020px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg);flex-direction:column;align-items:stretch;padding:16px 4vw 24px;border-bottom:1px solid var(--line);max-height:calc(100vh - 72px);overflow:auto}
.nav.open{display:flex}.nav ul{flex-direction:column}.sub{position:static;box-shadow:none;border:0;padding:0 0 0 12px!important}.nav-cta .btn{flex:1}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;font:600 .95rem var(--sans);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:wait}
.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111}.btn-gold:hover{color:#000;box-shadow:0 8px 30px rgba(201,169,110,.3)}
.btn-ghost{border-color:rgba(246,243,238,.35);color:var(--white);background:transparent}.btn-ghost:hover{border-color:var(--gold);color:var(--gold2)}
.btn-wa{background:var(--wa);color:#062e15}.btn-wa:hover{color:#000}.btn-sm{padding:9px 18px;font-size:.86rem}.wide{width:100%}.danger{border-color:#7a3a33;color:var(--err)}
.linkish{background:none;border:0;color:var(--gold2);cursor:pointer;font:inherit;padding:0;text-decoration:underline}
.link-gold{color:var(--gold);font-weight:600;text-decoration:none}.link-gold:hover{color:var(--gold2)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}

/* hero */
.hero{position:relative;min-height:min(92vh,860px);display:flex;align-items:flex-end;overflow:hidden}
.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero picture img{animation:slowzoom 18s ease-out forwards}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,.92) 0%,rgba(11,11,12,.55) 55%,rgba(11,11,12,.2)),linear-gradient(0deg,var(--bg),transparent 40%)}
.hero-in{position:relative;z-index:1;padding:120px 0 90px;animation:rise .9s ease-out both}
.display{font-size:clamp(2.8rem,7.5vw,6rem);line-height:1;text-transform:uppercase;letter-spacing:.01em}.display em{font-style:italic;color:var(--gold2);text-transform:none}
@keyframes slowzoom{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.page-hero{position:relative;padding:110px 0 60px;background:linear-gradient(90deg,rgba(11,11,12,.95),rgba(11,11,12,.7)),var(--bg) var(--bg-pos,center)/cover;background-image:linear-gradient(90deg,rgba(11,11,12,.96),rgba(11,11,12,.66)),var(--bg);background-size:cover;background-position:center;border-bottom:1px solid var(--line)}
.crumbs{font-size:.85rem;color:var(--muted);padding:18px 0}.crumbs a{color:var(--muted)}

/* sections */
.section{padding:80px 0}.section.alt{background:var(--char)}.sec-head{max-width:720px;margin-bottom:36px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.card{background:var(--char2);border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:6px;transition:border-color .25s,transform .25s}
.card:hover{border-color:rgba(201,169,110,.55);transform:translateY(-3px)}.card h3 a{color:var(--white);text-decoration:none}.card h3 a:hover{color:var(--gold2)}
.card .btn{align-self:flex-start;margin-top:auto}.meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;color:var(--muted);margin:6px 0 14px}
.pill{display:inline-block;padding:3px 11px;border-radius:999px;border:1px solid rgba(201,169,110,.5);color:var(--gold2);font-size:.78rem;font-weight:600;margin:0}
.pill.warn,.s-not_selected,.s-withdrawn,.s-closed{border-color:#6d5a4f;color:#d9b9a6}.s-shortlisted,.s-audition_scheduled{background:rgba(201,169,110,.18)}
.event-card{flex-direction:row;gap:20px;align-items:flex-start}.date{min-width:84px;text-align:center;border:1px solid var(--gold);border-radius:12px;padding:10px 6px;font-size:.78rem;color:var(--gold2);text-transform:uppercase;letter-spacing:.08em}
.date span{display:block;font:500 2rem/1 var(--serif);color:var(--white);margin-bottom:4px}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.cat{position:relative;padding:28px 24px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--white);background:linear-gradient(160deg,#1f1e21,#121214);transition:.25s}
.cat:hover{border-color:var(--gold);color:var(--white)}.cat p{color:var(--muted);font-size:.9rem;margin:0}.cat span{position:absolute;right:22px;top:26px;color:var(--gold)}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}.split.top{align-items:start}
.split-img{border-radius:var(--r);aspect-ratio:4/5;object-fit:cover;width:100%;border:1px solid var(--line)}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:32px}}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}@media(max-width:600px){.duo{grid-template-columns:1fr}}
.panel{background:var(--char2);border:1px solid var(--line);border-radius:var(--r);padding:28px}.sticky{position:sticky;top:96px}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;counter-reset:s}
.steps li{border-top:1px solid var(--gold);padding-top:18px}.num{font:500 2.2rem var(--serif);color:var(--gold)}
.why{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.why-i{padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--char2)}.why-i p{color:var(--muted);margin:0}
.note{border-left:3px solid var(--gold);background:rgba(201,169,110,.08);padding:14px 18px;border-radius:0 10px 10px 0;margin:18px 0}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;padding:16px 30px 16px 0;font-weight:600;list-style:none;position:relative}
.faq summary::after{content:"+";position:absolute;right:4px;color:var(--gold);font-size:1.3rem;top:10px}.faq details[open] summary::after{content:"–"}.faq p{color:#cfcac2}
.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.related h2{width:100%}.related a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.88rem}
.ticks{padding-left:1.1em}.ticks li{margin-bottom:.5em}
.prose h2{font-size:1.6rem;margin-top:1.6em}.prose ul{padding-left:1.2em}.prose li{margin-bottom:.4em}
.facts{margin:0 0 18px}.facts div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.facts dt{color:var(--muted)}.facts dd{margin:0;text-align:right}
.facts.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:24px}

/* forms */
.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.92rem}
input,select,textarea{font:inherit;color:var(--white);background:#0f0f11;border:1px solid var(--line);border-radius:10px;padding:12px 14px;width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none}
.form label.check,.check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:.9rem}.check input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--gold)}
fieldset{border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:12px;margin:0}legend{color:var(--gold2);padding:0 6px;font-weight:600}
details>summary{cursor:pointer;color:var(--gold2);font-weight:600;margin-bottom:10px}.form details[open]{display:flex;flex-direction:column;gap:12px}
.hint{color:var(--muted);font-weight:400;font-size:.8rem}.prefix{display:flex}.prefix span{padding:12px;border:1px solid var(--line);border-right:0;border-radius:10px 0 0 10px;color:var(--muted)}.prefix input{border-radius:0 10px 10px 0}
.form-msg{min-height:1em;margin:0;font-size:.9rem}.form-msg.err{color:var(--err)}.form-msg.ok{color:var(--ok)}
.inline-form{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.inline-form input:not([type=checkbox]),.inline-form select{flex:1 1 220px;width:auto}.inline-form .check{flex-basis:100%}.inline-form .form-msg{flex-basis:100%}

/* dashboard */
.dash-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.tabs{display:flex;gap:6px;overflow-x:auto;margin:20px 0;border-bottom:1px solid var(--line)}.tabs button{background:none;border:0;color:var(--muted);padding:12px 16px;font:600 .92rem var(--sans);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}
.tabs button[aria-selected=true]{color:var(--gold2);border-bottom-color:var(--gold)}
.progress{height:8px;background:#0f0f11;border-radius:9px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin:12px 0}.thumbs img{aspect-ratio:3/4;object-fit:cover;border-radius:10px;width:100%}.thumbs figure{margin:0;text-align:center}
.upload{cursor:pointer;flex-direction:row!important}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;white-space:nowrap}
.mini{display:flex;flex-direction:column;gap:6px;min-width:220px}.notice{padding:14px 0;border-bottom:1px solid var(--line)}.notice.unread h3{color:var(--gold2)}
.contact-panel{text-align:left}

/* footer */
.site-footer{background:#070708;border-top:1px solid rgba(201,169,110,.2);padding:70px 0 30px;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin-bottom:8px}
.footer-grid a:not(.btn):not(.logo){color:#cfcac2;text-decoration:none;font-size:.92rem}.footer-grid a:not(.btn):hover{color:var(--gold2)}.footer-grid .linkish{color:#cfcac2;text-decoration:none;font-size:.92rem}
.foot-h{font:700 .8rem var(--sans);text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:16px}
.foot-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:.85rem;color:var(--muted)}
@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr}.section{padding:56px 0}.event-card{flex-direction:column}}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#062e15;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.45)}.wa-float svg{width:28px;height:28px}
.consent{position:fixed;left:20px;bottom:20px;right:92px;max-width:560px;z-index:70;background:var(--char2);border:1px solid var(--gold);border-radius:var(--r);padding:18px 20px;box-shadow:0 20px 50px rgba(0,0,0,.6);font-size:.9rem}
.consent[hidden]{display:none}
