:root{--bg:#080c1b;--ink:#f3f0ea;--muted:#a8a9bd;--gold:#d9b977;--line:#ffffff18}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:#090d1cf2;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px;font-size:17px;letter-spacing:3px}.brand b{font-weight:400;color:var(--gold)}.mark{font-family:Georgia,serif;font-size:36px;color:var(--gold);position:relative}.mark span{font-size:13px;position:absolute;top:0;right:-7px}nav{display:flex;gap:35px;font-size:13px;color:#c6c5d2}nav a:hover,.text-link:hover{color:var(--gold)}.menu{display:none}.hero{min-height:650px;height:calc(100svh - 90px);max-height:950px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#080c1b 3%,#080c1bc9 32%,transparent 70%),linear-gradient(0deg,#080c1b,transparent 35%),url('assets/universe.svg') center right/cover}.hero-content{position:relative;padding:45px 6%;width:100%}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:3px;font-weight:600;margin:0 0 23px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,7.2vw,110px);font-weight:400;line-height:1.03;letter-spacing:-4px;margin:0 0 27px}h1 span{color:var(--gold)}.intro{font-size:16px;line-height:1.9;color:#c7c7d5;margin-bottom:35px}.button{background:var(--gold);color:#101321;display:inline-flex;align-items:center;gap:32px;padding:17px 23px;font-size:12px;font-weight:600}.button:hover{background:#edd19e}.text-link{background:none;border:0;padding:0;font-size:12px}.hero .text-link{margin-left:25px}.hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;letter-spacing:2px;font-size:9px;color:var(--muted)}.gold{color:var(--gold)}.demo-notice{padding:19px 6%;border-block:1px solid var(--line);font-size:10px;letter-spacing:1.4px;display:flex;gap:18px;align-items:center}.demo-notice>span:last-child{font-size:12px;letter-spacing:0;color:var(--muted)}.section{padding:95px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}h2{font-family:Georgia,serif;font-size:clamp(32px,3.7vw,55px);font-weight:400;letter-spacing:-1.5px;line-height:1.13;margin:0}.section-heading>p,.music-content>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}.filters{display:flex;gap:25px;margin:30px 0}.filters button{background:none;border:0;border-bottom:1px solid transparent;padding:10px 0;color:var(--muted);font-size:12px}.filters .active{color:var(--gold);border-color:var(--gold)}.gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}.art-card{border:0;background:none;text-align:left;padding:0;min-width:0}.art{height:340px;position:relative;overflow:hidden;background-color:#141a33}.celestial{background:url('assets/universe.svg') 68% center/cover}.planet{background:radial-gradient(ellipse at 60% 38%,#c8a8b0 0,#57507d 19%,transparent 19.5%),radial-gradient(ellipse at 80% 0,#52608b,transparent 60%),linear-gradient(155deg,#070d24,#293355 65%,#111222)}.planet:after{content:'';position:absolute;inset:68% -30% -30%;background:linear-gradient(170deg,#98808f,#242238 35%,#0c0d1a 36%);transform:rotate(-10deg);border-radius:45%}.motion{background:radial-gradient(ellipse at 50% 50%,#b894df,transparent 6%,#494199 9%,transparent 18%,#292f66 25%,#0c1328 65%)}.motion:after{content:'';position:absolute;inset:15%;border:1px solid #c9b3f8;box-shadow:0 0 35px #7868d4,inset 0 0 40px #6763ac;border-radius:50%;animation:orbit 12s linear infinite;transform:rotateX(55deg)}@keyframes orbit{to{transform:rotateX(55deg) rotate(360deg)}}.badge{position:absolute;top:17px;left:17px;font-size:8px;letter-spacing:1.6px;background:#080c1ba6;padding:8px 10px;border:1px solid #ffffff25;z-index:2}.caption{display:flex;justify-content:space-between;padding:20px 0;color:var(--gold)}.caption b{display:block;font:20px Georgia,serif;color:var(--ink)}.caption small{display:block;margin-top:10px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.play{position:absolute;top:45%;left:43%;z-index:2;border:1px solid #ffffff55;border-radius:50%;padding:12px 17px;font-size:22px}.quiet{color:var(--muted);font-size:11px;line-height:1.7}.music{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#101427;border-block:1px solid var(--line);align-items:center}.music-cover{aspect-ratio:1.15;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#39315c,#101326 70%);border:1px solid var(--line)}.record{width:75%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#10111c 0px,#343047 1px,#111220 3px,#111220 6px);box-shadow:0 20px 40px #0007;display:grid;place-items:center}.record>span{display:grid;place-content:center;text-align:center;background:#a28760;color:#101321;border-radius:50%;width:36%;height:36%;font:36px Georgia,serif}.record small{font:6px Arial;letter-spacing:1px;margin-top:10px}.track{display:flex;align-items:center;gap:20px;padding:22px 0;border-block:1px solid var(--line);margin-top:30px}.track button{background:var(--gold);color:var(--bg);width:43px;height:43px;border:0;border-radius:50%}.track b{font:19px Georgia,serif}.track small{display:block;font-size:8px;letter-spacing:1px;margin-top:8px;color:var(--muted)}#audio-state{margin-left:auto;font-size:11px;color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px}.projects article{display:grid;grid-template-columns:42% 1fr;gap:25px;align-items:center}.book{min-height:280px;display:flex;flex-direction:column;justify-content:space-between;padding:25px 18px;background:radial-gradient(circle at 50% 70%,#504474,transparent 55%),#141b36;border:1px solid #d9b97770;box-shadow:7px 6px 0 #262944}.book>span,.book small{font-size:6px;letter-spacing:2px}.book strong{font:24px Georgia,serif;font-weight:400;color:var(--gold)}.book i{text-align:center;font-size:40px;color:var(--gold)}h3{font:25px Georgia,serif;font-weight:400;margin:17px 0}.projects p{font-size:12px;line-height:1.9;color:var(--muted)}.projects .eyebrow{font-size:8px;letter-spacing:1px}.project-art{height:280px}.invitation{text-align:center;padding:85px 20px 100px;background:radial-gradient(ellipse at bottom,#252246,transparent 65%);border-block:1px solid var(--line)}.invitation .button{margin-top:30px}footer{padding:45px 6% 25px}footer p{font-size:12px;color:var(--muted)}.socials{display:flex;gap:24px;margin:28px 0 15px;font-size:12px}footer small{font-size:10px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:35px;padding-top:24px;color:var(--muted);font-size:10px}dialog{background:#0f1529;color:var(--ink);border:1px solid #d9b97755;width:min(760px,90vw);padding:30px}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog .art{height:400px}.close{display:block;margin:0 0 15px auto;background:none;border:0;font-size:28px}dialog p{color:var(--muted);line-height:1.8}.contact-main{min-height:70vh;padding:100px 6%;background:radial-gradient(ellipse at 90% 20%,#302448,transparent 55%)}.contact-main h1{font-size:clamp(50px,7vw,90px)}.contact-main p{color:var(--muted);line-height:1.8;max-width:580px}.contact-email{font-family:Georgia,serif;font-size:clamp(22px,4vw,45px);display:inline-block;color:var(--gold);margin:30px 0;border-bottom:1px solid #d9b97755;padding-bottom:12px}[hidden]{display:none!important}@media(max-width:850px){.header{height:75px}.menu{display:block;background:none;border:1px solid var(--line);padding:8px 12px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#101427;padding:25px 6%;flex-direction:column}nav.open{display:flex}.hero{min-height:660px;height:85svh}.hero-art{background:linear-gradient(90deg,#080c1bd9,transparent),linear-gradient(0deg,#080c1b,transparent),url('assets/universe.svg') 60% center/cover}.hero h1{letter-spacing:-2px}.section{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin-top:25px}.gallery{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}.art{height:280px}.music{gap:40px}.projects{grid-template-columns:1fr;gap:45px}.demo-notice{flex-wrap:wrap;gap:10px}.demo-notice>span:last-child{width:100%}}@media(max-width:550px){.brand{font-size:13px}.hero .text-link{display:block;margin:25px 0}.hero-content{padding-top:10px}.hero h1{font-size:58px}.gallery,.music{grid-template-columns:1fr}.wide{grid-column:auto}.gallery .art{height:320px}.music-cover{max-width:380px}.filters{gap:20px}.filters button{font-size:11px}.socials{flex-wrap:wrap}.footer-bottom{gap:20px;flex-direction:column}.projects article{gap:20px}.book strong{font-size:20px}.projects h3{font-size:22px}.book{min-height:260px}.contact-main{padding-top:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion:after{animation:none}}