
:root{--bg:#080914;--panel:#171527d9;--violet:#b879ff;--muted:#bbb6cd;--line:#ffffff1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 70% 25% at 50% 0%,#43246a55,transparent),radial-gradient(ellipse 55% 30% at 95% 65%,#67247b24,transparent),#080914;color:#f7f3ff;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{max-width:1170px;margin:auto;padding:0 26px}.nav{position:sticky;top:0;z-index:20;background:#090914dd;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav .shell{display:flex;align-items:center;gap:26px;min-height:74px}.brand{font-weight:950;letter-spacing:.02em;font-size:22px;white-space:nowrap}.brand span{color:var(--violet)}.navlinks{display:flex;gap:25px;margin-left:auto;color:#d7d2e2;font-size:13px;font-weight:700}.navlinks a:hover{color:white}.staff{border:1px solid #a66cff88;background:#8f4ae21b;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:800}.hero{position:relative;min-height:575px;display:grid;align-items:center;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 40% 50% at 50% 14%,#8f51ff54,transparent),linear-gradient(90deg,#0b0b19 3%,#181026b8 53%,#0b0b19 100%)}.spot{position:absolute;z-index:-1;top:-150px;width:310px;height:690px;filter:blur(16px);opacity:.42;background:linear-gradient(180deg,#b58cffc7,transparent 76%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%)}.spot.left{left:2%;transform:rotate(-23deg)}.spot.right{right:2%;transform:rotate(23deg)}.hero .shell{width:100%;position:relative;padding-top:70px;padding-bottom:80px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:#d3a7ff;font-size:12px;font-weight:900}.hero h1{font-size:clamp(54px,8vw,100px);line-height:.98;letter-spacing:-.06em;margin:18px 0 24px;max-width:780px}.hero h1 em{font-style:normal;color:#c692ff;text-shadow:0 0 40px #b66cff44}.lead{max-width:570px;color:#d3ccdf;font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:13px 20px;font-size:14px;font-weight:800;background:linear-gradient(135deg,#b67cff,#793fd4);box-shadow:0 12px 32px #783dd333}.btn.secondary{background:#ffffff0a;border:1px solid #ffffff35;box-shadow:none}.paint{position:absolute;width:175px;height:125px;opacity:.83;pointer-events:none;filter:drop-shadow(0 8px 20px #0006)}.paint svg{width:100%;height:100%}.hero .paint{right:8%;bottom:65px;transform:rotate(-20deg)}section{padding:85px 0;position:relative}.section-label{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#c68aff;font-weight:900}.section-head{max-width:700px;margin-bottom:30px}.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.13;letter-spacing:-.035em;margin:10px 0 14px}.section-head p,.sub{color:var(--muted);margin:0}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.glass{background:linear-gradient(145deg,#242039c9,#141320e8);border:1px solid #ffffff1d;border-radius:22px;box-shadow:0 22px 55px #0003}.intro{padding:34px}.intro h3{font-size:25px;margin:0 0 12px}.intro p{color:#cfc9dc}.side{padding:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,#8045c544,transparent 58%),#171324}.side .big{font-size:74px;margin:8px 0 10px}.side h3{font-size:23px;margin:0 0 8px}.side p{color:var(--muted);margin:0}.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.skill{padding:24px;transition:transform .2s,border-color .2s}.skill:hover,.activity:hover{transform:translateY(-5px);border-color:#b67aff88}.icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#a66cff20;border:1px solid #ae74ff55;color:#d4b4ff;font-size:23px;margin-bottom:20px}.skill h3{font-size:17px;line-height:1.25;margin:0 0 10px}.skill p{color:var(--muted);font-size:14px;margin:0}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.activity{min-height:210px;padding:23px;transition:transform .2s,border-color .2s}.activity .symbol{font-size:28px}.activity h3{font-size:17px;line-height:1.25;margin:15px 0 9px}.activity p{font-size:13px;color:var(--muted);margin:0}.tag{display:inline-block;border-radius:100px;padding:5px 10px;background:#b377ff1a;color:#d6b1ff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;margin-top:14px}.gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.media{min-height:220px;border:1px solid #ffffff23;border-radius:19px;background:radial-gradient(circle at 25% 25%,#8751bd66,transparent 60%),linear-gradient(135deg,#292038,#13131f);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.media .camera{font-size:38px;opacity:.75}.media strong{font-size:14px;margin-top:10px}.media small{color:var(--muted);margin-top:5px}.notice{font-size:12px;color:#aaa3bb;margin-top:13px}.closing{padding:38px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:radial-gradient(circle at 95% 0,#8c47e944,transparent 45%),#1b162b}.closing h2{margin:0 0 8px;font-size:30px}.closing p{color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding:28px 0 45px;color:#aba5bb;font-size:13px}.footer .shell{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer a{text-decoration:underline;text-underline-offset:3px}.splash-mini{position:absolute;right:4%;top:50px;width:100px;transform:rotate(20deg);opacity:.65} .splash-mini svg{width:100%}@media(max-width:900px){.skills,.activity-grid{grid-template-columns:repeat(2,1fr)}.navlinks{display:none}.staff{margin-left:auto}.gallery{grid-template-columns:1fr 1fr}.gallery .media:first-child{grid-column:span 2}.hero .paint{right:0;opacity:.3}}@media(max-width:620px){.shell{padding:0 18px}.hero{min-height:530px}.hero h1{font-size:55px}.lead{font-size:16px}.intro-grid,.skills,.activity-grid,.gallery{grid-template-columns:1fr}.gallery .media:first-child{grid-column:auto}.closing{display:block}.closing .actions{margin-top:22px}.nav .shell{min-height:64px}.brand{font-size:19px}.staff{padding:9px 11px;font-size:11px}section{padding:60px 0}}

/* Art-directed paint accents: decorative, never a tiled background */
.splatter{position:absolute;z-index:0;pointer-events:none;opacity:.88;filter:drop-shadow(0 12px 20px #0005)}
.splatter svg{display:block;width:100%;height:auto;overflow:visible}
.splatter.cyan{width:178px;left:-50px;top:46px;transform:rotate(-25deg)}
.splatter.pink{width:135px;right:4%;top:30px;transform:rotate(18deg)}
.splatter.gold{width:160px;left:-56px;bottom:25px;transform:rotate(32deg)}
.splatter.multi{width:155px;right:-45px;bottom:22px;transform:rotate(-18deg)}
.splatter.hero-splash{width:180px;left:46%;bottom:10px;transform:rotate(18deg);opacity:.65}
section>.shell,.hero>.shell{z-index:1;position:relative}
section{isolation:isolate}
@media(max-width:700px){.splatter{opacity:.45!important}.splatter.cyan,.splatter.gold{left:-90px}.splatter.pink,.splatter.multi{right:-90px}.splatter.hero-splash{left:65%;bottom:2px;width:120px}}

/* Theater motifs: decorative, restrained, and responsive */
.theater-motif{position:absolute;pointer-events:none;z-index:0;color:#d7adff;opacity:.34;filter:drop-shadow(0 0 16px #a45aff55)}
.theater-motif svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.theater-motif.curtain{top:12px;right:1%;width:190px;height:205px;color:#c98bff;opacity:.43}
.theater-motif.light{top:65px;right:13%;width:120px;height:135px;color:#f9d66b;transform:rotate(-18deg);opacity:.55}
.theater-motif.mic{bottom:35px;right:5%;width:105px;height:145px;color:#4ee6e8;transform:rotate(14deg);opacity:.4}
.theater-motif.costume{top:80px;right:5%;width:125px;height:145px;color:#ff72b6;transform:rotate(9deg);opacity:.4}
.theater-motif.stage{bottom:20px;right:4%;width:200px;height:115px;color:#c29aff;opacity:.38}
.hero>.theater-motif{z-index:0}.hero .shell{z-index:2}
@media(max-width:700px){.theater-motif{opacity:.2!important;transform:scale(.75)!important}.theater-motif.curtain{right:-55px}.theater-motif.light{right:0}.theater-motif.stage{right:-60px}}

/* V4: distribute theatrical artwork around the composition, with richer illustrated silhouettes */
.theater-motif{opacity:.65;filter:drop-shadow(0 8px 22px #0009) drop-shadow(0 0 12px #ad6bff33)}
.theater-motif svg{stroke:none;fill:initial;width:100%;height:100%;overflow:visible}
.theater-motif.curtain{left:auto;right:2%;top:55px;width:185px;height:185px;opacity:.65}
.theater-motif.light{left:1%;right:auto;top:35px;width:145px;height:150px;transform:rotate(-12deg);opacity:.68}
.theater-motif.mic{left:2%;right:auto;bottom:15px;width:118px;height:148px;transform:rotate(-11deg);opacity:.55}
.theater-motif.costume{left:auto;right:2%;top:10px;width:145px;height:140px;transform:rotate(10deg);opacity:.55}
.theater-motif.stage{left:1%;right:auto;bottom:10px;width:210px;height:145px;opacity:.6}
section>.shell{position:relative;z-index:1}
@media(max-width:900px){.theater-motif{opacity:.3!important}.theater-motif.light,.theater-motif.mic,.theater-motif.stage{left:-65px}.theater-motif.curtain,.theater-motif.costume{right:-65px}}
@media(max-width:620px){.theater-motif{width:95px!important;height:100px!important;opacity:.2!important}.theater-motif.light,.theater-motif.mic,.theater-motif.stage{left:-45px}.theater-motif.curtain,.theater-motif.costume{right:-45px}}

/* V5: full theatrical hero — layered curtains, illuminated marquee and real stage presentation */
.hero{min-height:690px;background:#080713;overflow:hidden}
.hero:before{background:radial-gradient(ellipse 50% 58% at 50% 35%,#653f9a77,transparent 76%),linear-gradient(180deg,#140b22 0%,#100a1e 72%,#07070d 100%)}
.stage-proscenium{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.stage-valance{position:absolute;left:0;right:0;top:-12px;height:95px;background:repeating-linear-gradient(90deg,#310d4e 0 30px,#70269b 50px,#3c105f 90px);border-bottom:8px solid #a66ad3;box-shadow:0 12px 26px #000a;clip-path:polygon(0 0,100% 0,100% 78%,95% 88%,90% 76%,85% 90%,80% 77%,75% 91%,70% 78%,65% 90%,60% 78%,55% 91%,50% 78%,45% 91%,40% 78%,35% 90%,30% 78%,25% 91%,20% 77%,15% 90%,10% 76%,5% 88%,0 78%);z-index:6}
.curtain-panel{position:absolute;top:0;bottom:0;width:clamp(140px,23vw,370px);z-index:5;filter:drop-shadow(10px 8px 26px #000b);background:repeating-linear-gradient(90deg,#220a3c 0px,#5c1d83 22px,#b057da 37px,#6d2494 56px,#260c47 78px);border-inline:2px solid #b477d388}
.curtain-left{left:-15px;clip-path:polygon(0 0,100% 0,100% 10%,88% 18%,82% 29%,79% 42%,85% 56%,73% 70%,82% 100%,0 100%);transform-origin:top left;animation:curtainRevealLeft 1.2s ease-out both}
.curtain-right{right:-15px;clip-path:polygon(0 0,100% 0,100% 100%,18% 100%,27% 70%,15% 56%,21% 42%,18% 29%,12% 18%,0 10%);transform-origin:top right;animation:curtainRevealRight 1.2s ease-out both}
@keyframes curtainRevealLeft{from{transform:translateX(14%)}to{transform:translateX(0)}}@keyframes curtainRevealRight{from{transform:translateX(-14%)}to{transform:translateX(0)}}
.stage-light{position:absolute;top:60px;width:190px;height:540px;z-index:2;transform-origin:top center}
.stage-light .fixture{position:absolute;top:0;left:calc(50% - 22px);width:44px;height:35px;border:3px solid #f7dba4;background:linear-gradient(120deg,#4a4055,#11121e);border-radius:7px 7px 14px 14px;box-shadow:0 0 22px #e7c5ff99;z-index:2}
.stage-light .fixture:after{content:'';position:absolute;left:7px;right:7px;bottom:-5px;height:8px;background:#fff1ba;border-radius:50%;box-shadow:0 0 18px #ffe9b5}
.stage-light .beam{position:absolute;top:27px;left:0;width:100%;height:100%;background:linear-gradient(180deg,#ffe6bc55 0%,#d5b5ff25 36%,#cda3ff08 85%,transparent);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);filter:blur(7px)}
.light-left{left:24%;transform:rotate(24deg)}.light-right{right:24%;transform:rotate(-24deg)}.light-center{left:calc(50% - 95px);transform:scale(.78);opacity:.6}
.stage-floor{position:absolute;bottom:0;left:0;right:0;height:125px;background:radial-gradient(ellipse 40% 75% at 50% 100%,#a768e34d,transparent),linear-gradient(180deg,transparent,#180e28 65%,#0c0914);border-top:1px solid #a46bb533;z-index:1}
.footlights{position:absolute;bottom:14px;left:25%;right:25%;display:flex;justify-content:space-around;z-index:3}.footlights i{width:8px;height:5px;background:#ffdfae;border-radius:50%;box-shadow:0 0 17px 7px #ffdaaa66}
.hero .shell{z-index:7;text-align:center;padding-top:125px;padding-bottom:130px;display:flex;flex-direction:column;align-items:center}.hero h1{max-width:none;margin:18px 0 12px;font-size:clamp(53px,7.8vw,106px);text-shadow:0 5px 30px #000c}.hero h1 em{color:#e0baff;text-shadow:0 0 38px #c186ff99}.hero .lead{max-width:570px;text-shadow:0 2px 14px #000}.hero .actions{justify-content:center}
.stage-kicker{font-size:12px;letter-spacing:.42em;color:#ffe0a3;font-weight:900;text-shadow:0 0 20px #f1b768aa;margin-bottom:17px}.stage-underline{height:2px;width:190px;background:linear-gradient(90deg,transparent,#f8d49b,transparent);box-shadow:0 0 16px #f7c993;margin:10px auto 18px}
.hero .paint{z-index:6;right:10%;bottom:70px;opacity:.65}.splatter.hero-splash{z-index:6;left:11%;bottom:42px;width:120px;opacity:.65}
#about .splatter.cyan{top:25px;left:-58px}#about .shell{z-index:2}
@media(max-width:850px){.curtain-panel{width:23vw}.hero{min-height:620px}.light-left{left:12%}.light-right{right:12%}.stage-valance{height:74px}.hero .shell{padding-top:105px}}
@media(max-width:620px){.hero{min-height:570px}.curtain-panel{width:18vw;opacity:.9}.stage-valance{height:58px}.hero .shell{padding-top:95px;padding-bottom:110px}.hero h1{font-size:clamp(45px,11vw,68px)}.stage-kicker{font-size:10px;letter-spacing:.2em}.stage-light{opacity:.55}.light-left{left:-15%}.light-right{right:-15%}.hero .paint{width:110px;bottom:20px}.splatter.hero-splash{left:3%;bottom:12px;width:90px}}
@media(prefers-reduced-motion:reduce){.curtain-panel{animation:none}}

/* WordPress integration refinements */
html{scroll-padding-top:30px} .rcwd-original-content{width:min(1120px,92%);margin:45px auto 85px;padding:28px;border:1px solid #ffffff33;border-radius:22px;background:#ffffff08;color:#eee;overflow-wrap:anywhere} .rcwd-original-content summary{cursor:pointer;font-weight:750;color:#fff;font-size:1.1rem;padding:10px 0}.rcwd-original-content .wp-block-image img,.rcwd-original-content img{max-width:100%;height:auto}.rcwd-original-content a{color:#7cecff}.rcwd-original-content iframe{max-width:100%}.rcwd-original-content details[open] summary{margin-bottom:20px}.rcwd-original-content .entry-content{max-width:100%} .rcwd-original-content h1,.rcwd-original-content h2,.rcwd-original-content h3{font-size:revert;letter-spacing:normal;line-height:1.25} .rcwd-footer-standard{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;max-width:1120px;margin:auto;padding:24px 4%;color:#c8c4d7;border-top:1px solid #ffffff25}.rcwd-footer-standard a{color:#f2eaff} .rcwd-footer-standard a:hover{text-decoration:underline} @media(max-width:650px){.rcwd-footer-standard{justify-content:center;text-align:center}}
