:root{--paper:#09070e;--blue:#eee9fa;--red:#ac71ff;--line:#292230;--purple:#a36dff;--muted:#ada4bc}body{background:#09070e;color:#eee9fa}::selection{background:#a36dff;color:#08060d}header{height:90px;position:absolute;inset:0 0 auto;z-index:10;border:0;padding:0 5%}.brand>b{letter-spacing:-4px;font-size:45px}.brand>b span{font-size:27px;display:inline-block;vertical-align:top;padding-left:6px}.brand>span{font-size:9px;letter-spacing:1px}nav a{color:#b9b0c9}.selected{border:1px solid #544261;background:#ffffff05;color:#f5f0ff;border-radius:30px}nav a:hover{color:#c69cff}.hero{min-height:780px;height:100svh;max-height:1100px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:130px 8% 90px;overflow:hidden;background:radial-gradient(ellipse at 72% 45%,#55248865 0%,#21112f36 33%,transparent 65%)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#a884ca07 1px,transparent 1px),linear-gradient(90deg,#a884ca07 1px,transparent 1px);background-size:90px 90px;pointer-events:none;mask-image:linear-gradient(transparent,#000,transparent)}.hero-kicker{font-size:9px;letter-spacing:2px;color:#c2afda;position:relative;z-index:2;display:flex;align-items:center;gap:9px;margin-bottom:28px}.live-dot{width:5px;height:5px;border-radius:50%;background:#b483ff;box-shadow:0 0 12px #be8cff}.hero h1{font-weight:500;position:relative;z-index:2;font-size:clamp(65px,8.8vw,140px);line-height:.99;letter-spacing:-7px;margin:0;pointer-events:none;max-width:1050px}.line{display:block;overflow:hidden;padding:4px 0 12px}.line>span{display:block;animation:lineDrop 1.2s cubic-bezier(.2,.8,.2,1) both}.line:nth-child(2)>span{animation-delay:.18s}.line:nth-child(3)>span{animation-delay:.36s}.hero h1 em{color:#be92ff;letter-spacing:-8px}.ai-word{font-weight:500;color:#ae78ff;position:relative;display:inline-block}.ai-spark{position:absolute;font-size:44px;right:-60px;top:9px;color:#d8b9ff;animation:spin 18s linear infinite}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:35px;position:relative;z-index:3}.hero-bottom p{font-size:12px;line-height:1.8;color:#aaa0b8}.enter{background:#b786ff;border-radius:60px;color:#160b27;display:flex;align-items:center;gap:28px;font-size:10px;letter-spacing:1px;padding:10px 10px 10px 24px;transition:transform .3s,box-shadow .3s}.enter:hover{transform:translateY(-4px);box-shadow:0 10px 45px #9e54ff44}.enter b{width:40px;height:40px;border-radius:50%;background:#170c26;color:#d5b6ff;font-size:25px;display:grid;place-items:center;font-weight:400}.hero-side{font-size:8px;line-height:1.9;letter-spacing:1.5px;color:#94869e}.hero-index{position:absolute;bottom:30px;left:8%;font-size:8px;letter-spacing:1.5px;color:#70647c}.hero-orbit{position:absolute;inset:0;pointer-events:none;perspective:1000px;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform 1s ease-out}.orbit-ring{position:absolute;border:1px solid #b783ff24;border-radius:50%;width:700px;height:700px;right:-130px;top:7%;transform:rotateX(58deg) rotateZ(-28deg);box-shadow:0 0 60px #9c55ff08,inset 0 0 60px #9c55ff08}.orbit-ring.second{transform:rotateX(58deg) rotateZ(35deg);right:-70px;top:12%}.floating{position:absolute;overflow:hidden;margin:0;background:#241334;border:1px solid #b586e544;box-shadow:0 30px 70px #000b;animation:float 9s ease-in-out infinite;opacity:.7}.floating img{height:100%;width:100%;object-fit:cover}.floating.one{width:200px;height:280px;right:6%;top:16%;rotate:14deg}.floating.two{width:150px;height:205px;right:27%;top:64%;rotate:-14deg;animation-delay:-3s;opacity:.5}.floating.three{width:140px;height:190px;right:-35px;top:62%;rotate:12deg;animation-delay:-6s}.orbit-star{position:absolute;right:28%;top:20%;color:#bd7fff;font-size:50px;animation:spin 22s linear infinite}.ticker{overflow:hidden;border-top:1px solid #573877;border-bottom:1px solid #573877;background:#a471e9;color:#120c1c;padding:14px 0;font-size:11px;letter-spacing:2px}.ticker div{width:max-content;animation:marquee 40s linear infinite}.ticker span{padding:0 35px;font-size:18px;vertical-align:middle}#explore{padding-top:30px;background:radial-gradient(ellipse at 50% 48%,#32174470,transparent 65%)}.intro{color:#a18ba9}.headline{padding:25px 5% 35px}.headline h2{font-size:clamp(40px,5.4vw,76px);margin:0;line-height:1.02}.headline h2 em{color:#b68de5}.headline p{color:#9a8ca6}.switchbar{margin:0 5%;align-items:center}.modes{padding:4px;border:1px solid #3c2c4c;border-radius:50px;background:#120c1c}.modes button{border-radius:30px;color:#ada0bc;padding:13px 22px}.modes button.active{background:#aa78eb;border-color:transparent;color:#140b20}.modes button:hover:not(.active){color:#fff}#layout-button{color:#ad95c5}.card{border:1px solid #b88bde30;border-radius:12px;background:#23182c;box-shadow:0 25px 65px #0009}.card-label{letter-spacing:1px}.card-type{background:#120b20a6;border:1px solid #ffffff26;padding:6px 9px;border-radius:30px;top:13px;left:13px;font-size:8px}.stage{height:clamp(420px,46vw,650px)}.drag-hint{color:#9f86b2}#play-status{color:#c8a2f7}.work-info{border-color:#392848;max-width:840px}.number{color:#b788f3}.number small{color:#9581a5}.work-info p{color:#9982ae}#open-work{font-size:25px}#sound{border-radius:30px;color:#bf9de8;border-color:#503663}.navigation{border:0;max-width:840px;margin-bottom:75px}.navigation>button{border:1px solid #463151!important;border-radius:50%;height:45px;width:45px;transition:background .25s}.navigation>button:hover{background:#4e2a6f}#progress{background:#2c2038;height:2px}#progress span{height:2px;background:#b37ffa;box-shadow:0 0 10px #b27fff}.archive-heading h2 em{color:#bb95e7}.eyebrow{color:#95809f}.archive-heading>span:last-child{color:#9f8dae}#archive{padding:85px 5%;border-color:#2a1c37}.archive-heading{max-width:1400px;margin:auto}#categories{margin:35px 0 45px}#categories button{color:#b09bc0;border-color:#37253e}#categories .active{color:#e7d6ff;background:#372045;border-color:#925abb}#grid{gap:50px 26px}.tile-visual{border-radius:6px;background:#1b1423}.tile-meta{font-size:13px;color:#e7dcf1}.tile-meta small{color:#9982a9}.tag{color:#e5cdfa;background:#180f21d9;border:1px solid #b594c83b;border-radius:25px;backdrop-filter:blur(10px)}#more{color:#d4b5f7;border-color:#76548e;border-radius:30px;padding:16px 34px}#more:hover{background:#271632}#studio{background:radial-gradient(ellipse at 80% 20%,#8844b544,transparent 60%),#1a0d24;color:#eee3fa;padding:75px 5%;border-top:1px solid #4d2d62}#studio h2{font-size:clamp(55px,9vw,135px);letter-spacing:-5px}#studio h2 em{color:#bd8af6}.studio-row p{color:#b5a2c5}.studio-row a{border-color:#754592;color:#d3adf3}footer{color:#8f789e;border-top:1px solid #372341;padding:28px 5%}dialog{background:#0b0710;color:#e8daf3}.viewer-head button{border-color:#5c3b70;border-radius:25px}.viewer-nav{color:#c4a0df}.viewer-head>span{color:#c8a0ec}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.in-view{opacity:1;transform:none}@keyframes lineDrop{from{transform:translateY(-115%) rotate(-3deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes float{50%{translate:0 -20px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:800px){.hero{padding:130px 6% 90px;min-height:730px}.hero h1{font-size:clamp(60px,10vw,90px);letter-spacing:-5px}.hero h1 em{letter-spacing:-5px}.floating.one{width:140px;height:195px;right:0;top:12%;opacity:.45}.floating.two{right:10%;top:64%;width:115px;height:160px;opacity:.4}.floating.three{display:none}.hero-side{display:none}.hero-bottom{justify-content:flex-start;gap:28px}.orbit-ring{right:-280px}.orbit-star{right:17%;top:48%;font-size:40px}.headline p{max-width:180px}}@media(max-width:600px){header{height:78px;padding:0 5%}.brand>b{font-size:35px}.brand>span{font-size:8px}nav a{padding:10px}.hero{min-height:680px;height:94svh;max-height:850px;padding:115px 6% 80px;justify-content:center}.hero-kicker{font-size:7px;letter-spacing:1.2px;max-width:220px;margin-bottom:26px}.hero h1{font-size:clamp(50px,11.8vw,74px);letter-spacing:-3.5px}.hero h1 em{letter-spacing:-4px}.line{padding-bottom:10px}.ai-spark{font-size:29px;right:-39px;top:5px}.hero-bottom{display:block;margin-top:24px}.hero-bottom p{font-size:11px;line-height:1.6;margin-bottom:23px}.enter{display:inline-flex;font-size:9px;padding-left:20px;gap:24px}.enter b{width:33px;height:33px;font-size:21px}.floating.one{width:110px;height:154px;right:-12px;top:13%;opacity:.5}.floating.two{width:100px;height:135px;right:5%;top:auto;bottom:65px;opacity:.45}.orbit-star{right:12%;top:54%;font-size:27px}.hero-index{bottom:24px;left:6%;font-size:7px}.ticker{padding:10px 0;font-size:8px}.ticker span{padding:0 22px;font-size:14px}.headline h2{font-size:42px}.headline{padding-top:14px;padding-bottom:28px}#explore{padding-top:15px}.switchbar{margin-bottom:10px}.modes{gap:0}.modes button{padding:10px 12px;font-size:10px}#layout-button{font-size:8px}.stage{height:410px}.card{border-radius:8px}#open-work{font-size:19px}.work-info{gap:15px}.navigation{margin-bottom:40px}#archive{padding:45px 5% 65px}.archive-heading h2{font-size:45px}.archive-heading>span:last-child{position:static;display:block;font-size:9px}#categories{margin:25px 0 30px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none;padding-bottom:6px}#categories button{white-space:nowrap}#grid{gap:30px 13px}.tile-meta{font-size:11px}.tile-meta small{font-size:8px}.tag{font-size:7px;padding:6px 8px;left:8px;bottom:8px}#studio{padding:45px 5%}#studio h2{font-size:54px;letter-spacing:-3px}.studio-row p{font-size:12px}}@media(prefers-reduced-motion:reduce){.line>span{animation:none}.reveal{opacity:1;transform:none}.hero-orbit{transform:none}.ticker div{animation:none}}
/* A consistent vector language, independent of the device emoji font. */
.icon{display:inline-block;width:22px;height:22px;vertical-align:middle;flex-shrink:0;pointer-events:none}.brand .monogram{font-family:Georgia,serif;font-size:49px;line-height:1;letter-spacing:-3px;position:relative;padding-right:13px;font-weight:400}.brand .brand-dot{position:absolute;width:6px;height:6px;background:#b78bed;border-radius:50%;right:1px;top:13px;padding:0}.brand{gap:12px}.brand>span{line-height:1.45}.enter b .icon{width:20px;height:20px}.ticker .icon{height:12px;width:12px}.ticker span{padding:0 28px}.card-label>.icon{width:17px;height:17px}.tile-meta>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.tile-meta .icon{width:15px;height:15px;color:#a086b2}#open-work{display:flex;align-items:center;gap:14px}#open-work>.icon{width:19px;height:19px;color:#ac82cc}#sound{display:flex;align-items:center;gap:8px}#sound .icon{width:16px;height:16px}.navigation button{display:grid;place-items:center}.navigation .icon{width:20px;height:20px}.drag-hint .icon{height:22px;width:22px}.viewer-head button{display:flex;align-items:center;gap:8px}.viewer-head .icon{width:17px;height:17px}.nav-contact{color:#d6b5f2;border-bottom:1px solid #8655a6;padding-bottom:9px}.hero-orbit .second{opacity:.45}.hero .floating{opacity:.8}.hero h1{max-width:1100px}.hero .line{padding-bottom:14px}.hero .floating.two{opacity:.4}.hero-kicker{letter-spacing:1.6px}.hero-side{opacity:.8}#categories button{min-height:40px}.tile:focus-visible .tile-visual{outline:2px solid #c48bff;outline-offset:4px}.stage:focus-visible{outline-offset:-4px}@media(max-width:800px){.contact-cards{grid-template-columns:1fr}.contact-card{padding:26px}.contact-card h3{font-size:24px}}@media(max-width:600px){header{height:82px}.brand .monogram{font-size:38px}.brand .brand-dot{top:10px;width:5px;height:5px;right:2px}.brand>span{font-size:8px}.brand{gap:8px}nav{gap:8px}nav a{padding:9px 7px;font-size:10px}.nav-contact{font-size:10px}.hero-kicker{font-size:7px;letter-spacing:.9px}.hero .floating.one{right:-23px;top:17%;width:96px;height:133px;opacity:.45}.hero .floating.two{right:5%;bottom:55px;opacity:.48}.hero{min-height:670px}.hero .line{padding-bottom:12px}.headline h2{font-size:39px;letter-spacing:-1.8px}.work-info{gap:12px}#open-work{font-size:17px;gap:8px}#sound{font-size:7px;padding:9px 10px;gap:5px}#sound .icon{width:14px;height:14px}.number{font-size:33px}.number small{font-size:10px}.contact-cards{gap:12px;margin-top:28px}.contact-card{padding:23px 18px;gap:16px;border-radius:12px}.contact-card h3{font-size:19px;margin:10px 0}.contact-card span{font-size:7px;letter-spacing:.7px}.contact-card small{font-size:11px}.contact-card>.icon:first-child{width:28px;height:28px}.contact-card>.icon:last-child{width:18px;height:18px}.contact-note{display:block;font-size:8px;line-height:1.7;margin-top:18px}.contact-float{bottom:max(16px,env(safe-area-inset-bottom));right:16px;padding:13px;border-radius:50%}.contact-float span{display:none}.contact-float .icon{width:23px;height:23px}footer{display:flex;flex-wrap:wrap;gap:18px;padding-bottom:85px}.footer-social{gap:10px}footer>span{font-size:8px}.footer-social a{width:32px;height:32px}footer>a{font-size:8px}.viewer-nav button{display:grid;place-items:center}.viewer-nav .icon{width:22px;height:22px}.ticker .icon{width:10px;height:10px}.ticker span{padding:0 20px}}@media(prefers-reduced-motion:reduce){.contact-card:hover,.contact-float:hover{transform:none}}
/* Compact introduction: the work begins immediately below it. */
.hero{height:auto;min-height:0;max-height:none;padding:122px 6% 34px;display:block;background:radial-gradient(ellipse at 78% 35%,#55248850,transparent 66%)}
.hero h1{font-size:clamp(46px,6.2vw,86px);line-height:1;letter-spacing:-4px;max-width:920px}.hero h1 .line{display:inline;overflow:visible;padding:0}.hero h1 .line>span{display:inline;animation:none}.hero h1 .line:first-child{display:block;margin-bottom:7px}.hero h1 .line:nth-child(2){margin-right:.2em}.hero h1 em{letter-spacing:-4px}.hero-kicker{margin-bottom:19px;font-size:8px}.hero-bottom{margin-top:22px;justify-content:flex-start;gap:30px}.hero-bottom p{font-size:11px;margin:0}.hero-side,.hero-index,.hero .floating.two,.hero .floating.three{display:none}.hero .floating.one{height:175px;width:128px;top:110px;right:7%;rotate:10deg;opacity:.5}.hero .orbit-ring{width:500px;height:500px;top:-90px;right:-150px;opacity:.5}.hero .orbit-ring.second{display:none}.hero .enter{padding:7px 7px 7px 20px;font-size:9px}.hero .enter b{height:30px;width:30px}.hero .enter b .icon{width:17px;height:17px}#explore{padding-top:0}.intro{margin:16px 5% 12px;font-size:9px}.switchbar{padding:10px 0;margin-bottom:0}.stage{height:clamp(390px,42vw,570px)}.intro-screen{display:none}.intro-first .intro-screen{display:grid;place-items:center;position:fixed;inset:0;z-index:1000;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,#2c123e70,transparent 60%),#09070e;animation:introExit .65s cubic-bezier(.76,0,.24,1) 1.75s forwards}.intro-wordmark{text-align:center;animation:introTextIn .8s cubic-bezier(.2,.8,.2,1) both;padding:25px}.intro-wordmark p{font-size:clamp(45px,8vw,110px);letter-spacing:-4px;margin:22px 0 12px;color:#f2eafa}.intro-wordmark em{color:#b88ae9}.intro-eyebrow{font-size:8px;letter-spacing:2.5px;color:#9f80b8}.intro-subtitle{font-size:clamp(13px,2vw,20px);letter-spacing:1px;color:#baa6cc;display:block;animation:introTextIn .8s .25s both}.intro-line{height:1px;width:130px;margin:32px auto 0;background:#3e284e;overflow:hidden}.intro-line i{height:100%;width:100%;display:block;background:#bd8deb;transform-origin:left;animation:introLine 1.65s ease-in-out both}@keyframes introLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes introTextIn{from{opacity:0;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes introExit{to{transform:translateY(-100%);visibility:hidden}}@media(max-width:600px){.hero{padding:102px 6% 23px;min-height:0;height:auto;max-height:none}.hero h1{font-size:clamp(30px,7.8vw,45px);letter-spacing:-1.8px;line-height:1.08}.hero h1 em{letter-spacing:-2px}.hero h1 .line:first-child{margin-bottom:6px}.hero-kicker{font-size:6px;letter-spacing:.6px;margin-bottom:15px;max-width:none}.hero .hero-bottom{display:flex;margin-top:19px;gap:0}.hero-bottom p{display:none}.hero .hero-bottom .enter{font-size:8px;gap:15px;padding:6px 6px 6px 16px}.hero .enter b{width:26px;height:26px}.hero .enter b .icon{width:15px;height:15px}.hero .floating.one{width:66px;height:89px;right:5%;top:96px;opacity:.33;rotate:11deg}.hero .orbit-ring{width:330px;height:330px;top:-40px;right:-170px;opacity:.4}.intro{font-size:8px;margin-top:11px;margin-bottom:9px}#explore{padding-top:0}.switchbar{padding:8px 0}.modes button{padding:9px 11px}.stage{height:365px}.intro-wordmark p{font-size:50px;letter-spacing:-2px}.intro-subtitle{font-size:12px}.intro-line{width:100px}.intro-eyebrow{font-size:7px;letter-spacing:1.8px}}@media(prefers-reduced-motion:reduce){.intro-first .intro-screen{display:none}}

/* Understated contact section with consistent vector social marks. */
#studio{padding:44px 6% 38px;background:#100c17;border-top:1px solid #302638;border-bottom:1px solid #302638}
.contact-topline{color:#a994ba;font-size:9px;letter-spacing:2px}
.contact-composition{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:25px 0 30px}
#studio h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,4.4vw,60px);font-weight:400;line-height:1.1;letter-spacing:-2px;margin:0;color:#f0e9f5}
.contact-composition p{font-size:12px;line-height:1.7;color:#aa9bb6;margin:0}
.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid #302638;padding-top:24px}
.contact-link{display:flex;align-items:center;gap:15px;min-height:64px;padding:8px 0;color:#eee6f4}
.contact-symbol{display:grid;place-items:center;width:46px;height:46px;border:1px solid #4b3b5b;border-radius:12px;color:#c7a8e5;background:#191121;transition:border-color .2s,background .2s}
.contact-symbol .icon{width:24px;height:24px;stroke-width:1.65}
.contact-details{display:flex;flex-direction:column;gap:7px}
.contact-details>span{font-size:13px;font-weight:500;letter-spacing:.2px}
.contact-details small{font-size:12px;color:#b9a9c7;letter-spacing:.3px}
.contact-link:hover .contact-symbol{border-color:#b48ad4;background:#291b36}
.contact-link:focus-visible{outline:2px solid #b48ad4;outline-offset:5px}
footer{padding:19px 6%;gap:18px;align-items:center;background:#09070e}footer>a{display:flex;align-items:center;min-height:40px}
@media(max-width:600px){#studio{padding:30px 6% 24px}.contact-topline{font-size:8px;letter-spacing:1.5px}.contact-composition{display:block;margin:20px 0 24px}#studio h2{font-size:clamp(29px,7.7vw,43px);letter-spacing:-1.3px}.contact-composition p{font-size:11px;margin-top:14px}.contact-actions{grid-template-columns:1fr;gap:4px;padding-top:12px}.contact-link{min-height:70px;gap:14px}.contact-link+.contact-link{border-top:1px solid #251d2d}.contact-symbol{width:40px;height:40px;border-radius:10px}.contact-symbol .icon{width:22px;height:22px}.contact-details>span{font-size:12px}.contact-details small{font-size:11px}footer{padding:12px 6% max(14px,env(safe-area-inset-bottom));flex-wrap:nowrap}footer>span,footer>a{font-size:8px}}