@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--orange:#ff5a12;--green:#adff23;--yellow:#fff02b;--ink:#060807;font-family:Outfit,Arial Narrow,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink);color:#f5f5f2}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}.site-shell{isolation:isolate;background:linear-gradient(#ffffff13 1px,#0000 1px) 0 0/9.1vw 9.1vw,linear-gradient(90deg,#ffffff13 1px,#0000 1px) 0 0/9.1vw 9.1vw,radial-gradient(circle at 62% 44%,#15261f54,#0000 31%),#080a09;width:100%;height:100svh;min-height:640px;position:relative;overflow:hidden}.ambient{z-index:-2;background:radial-gradient(circle at 30% 35%,#1f2f2a24,#0000 25%),linear-gradient(110deg,#0000 40%,#00000047 85%);position:absolute;inset:0}.grain{z-index:30;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:40;align-items:center;height:54px;display:flex;position:absolute;top:2.45vh;left:3.05vw;right:2.65vw}.brand{width:clamp(122px,10.2vw,164px);line-height:0;transition:filter .35s,transform .35s cubic-bezier(.16,1,.3,1);display:block}.brand img{width:100%;height:auto;display:block}.brand:hover{filter:drop-shadow(0 0 10px #adff233d);transform:translateY(-1px)}.main-nav{gap:clamp(26px,3.1vw,56px);margin-left:5vw;display:flex}.main-nav a{letter-spacing:.05em;font-size:clamp(11px,.88vw,15px);position:relative}.main-nav a:after{content:"";background:var(--green);width:0;height:1px;transition:width .35s;position:absolute;bottom:-6px;left:0}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.project-cta{isolation:isolate;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06080761;border:1px solid #ffffffb8;border-radius:999px;justify-content:center;align-items:center;min-width:220px;height:52px;margin-left:auto;padding:0 54px 0 27px;font-size:clamp(13px,1.03vw,17px);transition:background .35s,color .35s,transform .35s cubic-bezier(.16,1,.3,1),border-color .35s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 8px 30px #0000002e}.project-cta:before{content:"";z-index:-1;background:linear-gradient(105deg,#0000 25%,#ffffff47 48%,#0000 70%);transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-125%)}.project-cta:after{content:"";background:var(--green);border-radius:50%;width:9px;height:9px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;position:absolute;right:20px;box-shadow:0 0 0 5px #adff231a,0 0 14px #adff23b8}.project-cta:hover{color:#080a09;background:#f5f5f2f0;border-color:#fff;transform:scale(1.015)}.project-cta:hover:before{transform:translate(125%)}.project-cta:hover:after{transform:scale(1.25);box-shadow:0 0 0 7px #adff2329,0 0 18px #adff23e6}.copy-column{z-index:22;pointer-events:none;width:29vw;position:absolute;top:18.1vh;left:3.05vw}.copy-column>.orange-button{pointer-events:auto}.eyebrow{letter-spacing:.27em;white-space:nowrap;margin:0 0 1.65vh;font-size:clamp(9px,.78vw,13px)}.hero-title{color:#f1f1ee;letter-spacing:-.028em;word-spacing:.08em;transform-origin:0;flex-direction:column;width:130%;margin:0;font-size:clamp(78px,10.5vw,168px);font-weight:800;line-height:.82;display:flex;transform:scaleX(.77)}.hero-title span{white-space:nowrap;display:block}.hero-sub{letter-spacing:.01em;margin:1.75vh 0 1.7vh;font-size:clamp(14px,1.26vw,21px);font-weight:300;line-height:1.25}.orange-button{isolation:isolate;background:var(--orange);color:#060807;cursor:pointer;border:1px solid #ff9761b8;border-radius:999px;align-items:center;height:51px;padding:0 58px 0 33px;font-size:clamp(14px,1.05vw,18px);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,background .35s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff57,inset 0 -9px 18px #a71d0021,0 12px 32px #ff490829}.orange-button:before{content:"";z-index:-1;background:linear-gradient(105deg,#0000 28%,#ffffff7a 48%,#0000 67%);transition:transform .72s cubic-bezier(.16,1,.3,1);position:absolute;inset:-2px;transform:translate(-125%)}.orange-button:after{content:"";border:2px solid #070908e6;border-radius:50%;width:9px;height:9px;transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s;position:absolute;right:22px;box-shadow:0 0 0 4px #07090814}.orange-button:hover{background:#ff6a22;transform:scale(1.015);box-shadow:inset 0 1px #ffffff6b,inset 0 -9px 18px #a71d001a,0 18px 38px #ff490840}.orange-button:hover:before{transform:translate(125%)}.orange-button:hover:after{background:#080a09;transform:scale(1.2)}.orange-button.small{height:43px;padding:0 25px;font-size:13px;font-weight:500}.orange-button.small:after{display:none}.project-stage{--glare-x:32%;--glare-y:18%;z-index:10;cursor:grab;perspective:1450px;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:8vh 0 9vh 29.5vw}.project-stage.is-dragging{cursor:grabbing}.scene-rig{z-index:10;width:min(54.2vw,870px);height:min(62.2vh,620px);transform-style:preserve-3d;will-change:transform;position:absolute;top:7.8vh;left:9.1vw}.project-panel{transform-style:preserve-3d;will-change:transform, opacity;background:0 0;border:0;position:absolute;inset:0;overflow:visible;box-shadow:0 38px 80px #0000008f,0 7px 14px #0006}.glass-depth{z-index:0;-webkit-backdrop-filter:blur(7px)saturate(122%);backdrop-filter:blur(7px)saturate(122%);background:linear-gradient(118deg,#4a97c23d,#04203633 42%,#3a8ebe42);border:1px solid #b2e5ff7a;position:absolute;inset:-5px;overflow:hidden;box-shadow:inset 6px 0 9px -7px #e0f6fff2,inset -7px 0 9px -7px #146391e6,inset 0 7px 9px -8px #ffffffeb,inset 0 -8px 10px -8px #0e476cfa,inset 0 0 35px #53b2e42e}.glass-depth:before{content:"";background:radial-gradient(ellipse 52% 33% at var(--glare-x) var(--glare-y), #e7f9ff26, transparent 68%), linear-gradient(108deg, #ffffff14, transparent 19% 74%, #99dcff17);mix-blend-mode:screen;position:absolute;inset:0}.glass-depth:after{content:"";border:1px solid #e2f7ff24;position:absolute;inset:2px;box-shadow:inset 0 0 1px #ffffffbf}.glass-edge{z-index:15;pointer-events:none;border-top:2px solid #e0f7ffc7;border-bottom:3px solid #1a638fa3;border-left:2px solid #aee2ff94;border-right:3px solid #2477a88f;position:absolute;inset:-8px;box-shadow:0 0 0 1px #77ccf947,0 0 8px #5abef659,inset 0 0 0 1px #ebfaff1a,inset 0 0 13px #3b9dd533}.glass-edge:before{content:"";border:1px solid #ffffff78;border-color:#ffffff78 #0d4971b3 #0c4164b8 #c6edff42;position:absolute;inset:5px}.glass-edge:after{content:"";filter:blur(.35px);background:linear-gradient(90deg,#0000,#fffffff0,#88dbff94,#0000);width:54%;height:3px;position:absolute;top:-3px;left:8%}.glass-caustic{z-index:14;pointer-events:none;background:radial-gradient(circle at var(--glare-x) var(--glare-y), #ffffff3d 0, #9de0ff1a 8%, transparent 26%);mix-blend-mode:screen;opacity:.68;position:absolute;inset:-4px;overflow:hidden}.project-panel.is-active .glass-edge{filter:drop-shadow(0 0 3px #ccf1fff5)drop-shadow(0 0 10px #47beffc2)drop-shadow(0 0 24px #2191ff57)}.project-panel.is-active .glass-edge:after{animation:3.2s ease-in-out infinite edgeSweep}.project-panel.is-active .glass-depth{-webkit-backdrop-filter:blur(18px)saturate(142%)contrast(108%);backdrop-filter:blur(18px)saturate(142%)contrast(108%);box-shadow:inset 6px 0 9px -7px #ebfaff,inset -7px 0 9px -7px #146391e6,inset 0 7px 9px -8px #fff,inset 0 -8px 10px -8px #0e476cfa,inset 0 0 40px #53b2e43d,0 0 16px #46bbff29}.project-panel:not(.is-active) .panel-ui{-webkit-backdrop-filter:none;backdrop-filter:none}.screw{z-index:20;background:radial-gradient(circle at 35% 30%,#fff 0 13%,#aab2b5 27%,#5b656a 51%,#e1e6e5 68%,#4c5558 100%);border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:0 1px 4px #000}.screw:after{content:"";background:#161a1bb3;height:1px;position:absolute;top:6px;left:3px;right:3px;transform:rotate(65deg)}.screw-tl{top:8px;left:8px}.screw-tr{top:8px;right:8px}.screw-bl{bottom:8px;left:8px}.screw-br{bottom:8px;right:8px}.panel-ui{z-index:2;border:1px solid #c6e8fa14;position:absolute;inset:8px;overflow:hidden;box-shadow:inset 0 0 24px #2a8bc514}.panel-caption{color:#ffffff80;letter-spacing:.06em;font-size:10px;position:absolute;bottom:-31px;left:-2px}.nocturne-ui{-webkit-backdrop-filter:blur(13px)saturate(132%);backdrop-filter:blur(13px)saturate(132%);background:linear-gradient(112deg,#052447b3,#02152b94 58%,#03192ead)}.panel-nav{letter-spacing:.04em;align-items:center;gap:27px;height:17%;padding:0 5%;font-size:9px;display:flex}.nocturne-logo{letter-spacing:-.05em;margin-right:auto;font-size:clamp(18px,1.55vw,27px);font-weight:300}.panel-links{gap:34px;display:flex}.panel-nav button{background:0 0;border:1px solid #ffffffb8;border-radius:999px;width:101px;height:33px;margin-left:auto;font-size:9px}.hamburger{border-top:1px solid #fff;border-bottom:1px solid #fff;width:19px;height:12px;position:relative}.hamburger:after{content:"";border-top:1px solid #fff;width:19px;position:absolute;top:5px;left:0}.nocturne-grid{grid-template-columns:24% 60% 16%;align-items:center;display:grid;position:absolute;inset:17% 4.7% 8%}.festival-copy{z-index:3;align-self:stretch;padding-top:12%;position:relative}.festival-copy h2{z-index:3;letter-spacing:-.075em;white-space:nowrap;width:310%;margin:0;font-size:clamp(48px,5.2vw,92px);font-weight:300;line-height:.9;position:relative}.festival-copy .date{white-space:nowrap;margin:1vh 0 2vh;font-size:clamp(12px,1.22vw,21px);font-weight:300;line-height:1.12}.mini-landscape{filter:grayscale()contrast(1.2);background:url(/assets/nocturne-performer-v2.png) 56% 36%/220%;border:1px solid #ffffff14;width:52%;height:16%;position:absolute;bottom:5%;left:0}.hero-art{align-self:center;height:92%;overflow:hidden}.hero-art img{object-fit:cover;object-position:53% center;filter:grayscale()contrast(1.14)brightness(.9);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter 1s}.project-panel.is-active:hover .hero-art img{filter:grayscale()contrast(1.2)brightness();transform:scale(1.045)}.side-copy{align-self:center;padding-left:17%;font-size:clamp(10px,.87vw,15px);font-weight:300;line-height:1.25}.side-copy strong{font-weight:300}.side-copy p{color:#ffffffd1;font-size:.82em;line-height:1.45}.concept-ui{-webkit-backdrop-filter:blur(13px)saturate(128%);backdrop-filter:blur(13px)saturate(128%);background:#0a0d0e8f}.concept-index{letter-spacing:.12em;z-index:3;font-size:10px;position:absolute;top:7%;left:5%}.concept-copy{z-index:2;position:absolute;bottom:10%;left:7%}.concept-copy span{letter-spacing:.16em;font-size:10px}.concept-copy h2{letter-spacing:-.07em;margin:15px 0 0;font-size:clamp(45px,5vw,85px);line-height:.78}.mono-ui{color:#0b0b0a;-webkit-backdrop-filter:blur(13px)saturate(82%);backdrop-filter:blur(13px)saturate(82%);background:linear-gradient(112deg,#e1ded5e6,#bab9b3c2 54%,#dcdad2db)}.arch-shape{filter:contrast(1.2);background:linear-gradient(100deg,#222 0 18%,#6e6c67 18% 29%,#dbd8cf 29% 63%,#6a6965 63% 75%,#20201f 75%);border-radius:45% 45% 0 0;width:62%;height:100%;position:absolute;bottom:-23%;right:5%}.coordinates{text-align:right;font-size:9px;line-height:1.5;position:absolute;top:7%;right:5%}.after-ui{-webkit-backdrop-filter:blur(13px)saturate(142%);backdrop-filter:blur(13px)saturate(142%);color:#ffd7c1;background:linear-gradient(155deg,#3d082fd6,#120412bd 70%)}.after-ui h2{z-index:2;letter-spacing:-.07em;margin:0;font-size:clamp(55px,7.6vw,124px);font-weight:700;line-height:.72;position:absolute;bottom:7%;left:7%}.after-ui h2 em{color:#ff5818;font-style:normal}.after-ui p{z-index:2;font-size:14px;position:absolute;top:16%;right:6%}.after-sun{aspect-ratio:1;background:radial-gradient(circle at 46% 43%,#fff0df 0 3%,#ffb15e 5%,#ff4e0b 28%,#791034 62%,#0000 63%);border-radius:50%;width:48%;position:absolute;top:7%;right:12%;box-shadow:0 0 70px #a4163d}.objects-ui{-webkit-backdrop-filter:blur(14px)saturate(118%);backdrop-filter:blur(14px)saturate(118%);background:radial-gradient(circle at 65% 44%,#2f4140d6,#090c0dbd 52%)}.objects-ui h2{letter-spacing:-.07em;color:#aeb6b5;margin:0;font-size:clamp(60px,8vw,130px);font-weight:300;position:absolute;top:12%;left:5%}.objects-ui p{color:#c7ceca;font-size:13px;position:absolute;bottom:8%;left:6%}.objects-ui .concept-index{left:auto;right:5%}.orb{aspect-ratio:1;background:radial-gradient(circle at 42% 37%,#869291,#34413f 31%,#0a0d0f 68%);border-radius:47% 53% 50% 46%;width:43%;position:absolute;top:19%;right:8%;box-shadow:inset -20px -16px 40px #000,0 0 50px #91aeaa33}.orb span{border:1px solid #c7dcd654;border-radius:50%;position:absolute}.orb span:first-child{inset:9%}.orb span:nth-child(2){inset:20%}.orb span:nth-child(3){inset:32%}.flora{z-index:2;pointer-events:none;filter:drop-shadow(0 0 9px #a4ff22a6);width:19%;height:135%;position:absolute;top:-20%;left:34%}.stem-main{background:linear-gradient(90deg,#526e04,#ddff48 25%,#f5ff91 50%,#85df05 77%,#314600);border-radius:50% 48% 45% 50%;width:6%;height:114%;position:absolute;top:-7%;left:46%;transform:rotate(-.7deg);box-shadow:inset 1px 0 5px #fffc,0 0 14px #9cff1999}.stem-main:before{content:"";border-radius:inherit;opacity:.78;background:linear-gradient(#ffffffa6,#0000 28%,#ffffff52 62%,#0000);width:18%;height:100%;position:absolute;top:0;left:21%}.stem-main:after{content:"";border-radius:inherit;background:repeating-linear-gradient(#0000 0 13px,#30520042 14px 15px);width:17%;height:100%;position:absolute;top:0;right:13%}.stem{transform-origin:bottom;background:linear-gradient(90deg,#dfff63,#75bd06);border-radius:100%;width:4px;height:28%;position:absolute;box-shadow:0 0 8px #9dfb18}.branch-one{top:2%;left:48%;transform:rotate(-40deg)}.branch-two{height:25%;top:47%;left:51%;transform:rotate(55deg)}.branch-three{height:19%;top:67%;left:47%;transform:rotate(-47deg)}.branch-four{height:19%;top:18%;left:50%;transform:rotate(52deg)}.branch-five{height:17%;top:31%;left:47%;transform:rotate(-58deg)}.branch-six{height:16%;top:76%;left:50%;transform:rotate(43deg)}.bud{background:radial-gradient(circle at 35% 30%,#f1ffac,#759e04 35%,#172004 72%);border:2px solid #cfff44;border-radius:52% 48% 55% 45%;width:22px;height:31px;position:absolute;box-shadow:inset 0 0 7px #fff,0 0 12px #91f000}.bud-one{top:1%;left:14%;transform:rotate(-30deg)}.bud-two{top:42%;right:5%;transform:rotate(30deg)}.bud-three{top:66%;left:20%;transform:rotate(-18deg)}.bud-four{top:16%;right:12%;transform:rotate(25deg)scale(.78)}.bud-five{top:73%;right:18%;transform:rotate(39deg)scale(.7)}.leaf{transform-origin:bottom;background:linear-gradient(118deg,#e1ff70db,#609e04e0 43%,#1d3d00f0);border:1px solid #deff6fad;border-radius:92% 8% 86% 14%;width:20px;height:47px;position:absolute;box-shadow:inset 3px 2px 5px #ffffff4d,0 0 9px #96f31461}.leaf:after{content:"";background:#eaffac8a;width:1px;height:82%;position:absolute;top:8%;left:48%;transform:rotate(-8deg)}.leaf-one{top:19%;left:30%;transform:rotate(-47deg)scale(.9)}.leaf-two{top:29%;right:14%;transform:rotate(45deg)scale(.8)}.leaf-three{top:43%;left:22%;transform:rotate(-59deg)scale(.72)}.leaf-four{top:57%;right:13%;transform:rotate(52deg)scale(.92)}.leaf-five{top:77%;left:27%;transform:rotate(-43deg)scale(.7)}.leaf-six{top:84%;right:17%;transform:rotate(39deg)scale(.64)}.orbit{z-index:3;pointer-events:none;filter:drop-shadow(0 0 3px #fff02b59);border:1.35px solid #fff02be6;border-radius:50%;position:absolute}.orbit i{background:var(--yellow);width:7px;height:7px;box-shadow:0 0 7px var(--yellow);border-radius:50%;position:absolute}.orbit-a{width:35%;height:32%;top:7%;left:4%;transform:rotate(-14deg)}.orbit-a i{bottom:12%;left:4%}.orbit-b{width:31%;height:27%;top:13%;left:43%;transform:rotate(12deg)}.orbit-b i{box-shadow:0 0 8px var(--yellow);background:#fff9a8;top:8%;right:7%}.orbit-c{width:28%;height:23%;top:48%;left:24%;transform:rotate(-19deg)}.orbit-c i{top:4%;left:17%}.orbit-d{width:24%;height:20%;top:51%;left:62%;transform:rotate(17deg)}.orbit-d i{background:#fff9a8;bottom:4%;right:11%}.node{z-index:4;pointer-events:none;background:radial-gradient(circle at 35% 25%,#fff,#899196 42%,#212629 70%);border-radius:50%;width:15px;height:15px;position:absolute;box-shadow:0 2px 5px #000}.node-one{top:41%;left:29%}.node-two{top:1%;left:54%}.node-three{top:22%;right:12%}.drag-label{z-index:24;pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;bottom:8vh;right:11.7vw}.drag-label small{background:#0a0c0ba6;border:1px solid #ffffff3b;border-radius:6px;padding:10px 14px;font-size:11px}.cursor-icon{text-shadow:0 1px 2px #000;font-size:32px;line-height:1;transform:rotate(3deg)}.availability{z-index:35;letter-spacing:.11em;color:#ffffffbf;font-size:clamp(8px,.68vw,11px);position:absolute;bottom:9.5vh;left:3.2vw}.availability i{background:var(--green);vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:9px;display:inline-block;box-shadow:0 0 8px #adff2373}.project-tabs{z-index:40;grid-template-columns:repeat(4,1fr);gap:4.2vw;display:grid;position:absolute;bottom:2.7vh;left:9.9vw;right:5.5vw}.project-tab{cursor:pointer;color:#ffffffbf;letter-spacing:.1em;text-align:left;background:0 0;align-items:flex-start;gap:24px;height:42px;padding:0 8px 14px;font-size:10px;display:flex;position:relative}.project-tab strong{white-space:nowrap;font-weight:400}.project-tab i{background:#ffffff38;width:100%;height:1px;position:absolute;bottom:0;left:0}.project-tab i:after{content:"";background:#fff;width:0;height:1px;transition:width .65s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.project-tab:hover,.project-tab.active{color:#fff}.project-tab.active i:after{width:100%}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}.inner-page{z-index:20;position:absolute;inset:12.3vh 3.05vw 3.4vh;overflow:hidden}.page-intro{border-bottom:1px solid #ffffff3d;justify-content:space-between;align-items:flex-end;height:18vh;padding-bottom:2.2vh;display:flex}.page-intro h1{letter-spacing:-.018em;word-spacing:.08em;margin:0;font-size:clamp(38px,4.4vw,74px);font-weight:600;line-height:.86}.page-intro h1 em,.studio-manifesto h1 em,.start-lead h1 em{color:var(--orange);font-style:normal}.page-intro p{color:#ffffffa3;width:min(30vw,430px);margin:0;font-size:clamp(12px,1vw,16px);line-height:1.35}.work-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;background:#fff3;border:1px solid #fff3;gap:1px;display:grid;position:absolute;inset:20vh 0 0}.work-card{cursor:crosshair;background:#101312;outline:0;min-width:0;position:relative;overflow:hidden}.work-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#040605e0);position:absolute;inset:36% 0 0}.work-card:focus-visible{box-shadow:inset 0 0 0 2px var(--green);z-index:3}.work-visual{transition:transform .75s cubic-bezier(.16,1,.3,1),filter .75s;position:absolute;inset:0;overflow:hidden}.work-card:hover .work-visual,.work-card:focus-visible .work-visual{filter:contrast(1.08)brightness(1.08);transform:scale(1.055)}.work-meta{z-index:3;grid-template-columns:28px 1fr auto auto;align-items:end;gap:10px;display:grid;position:absolute;bottom:12px;left:15px;right:15px}.work-meta span,.work-meta small,.work-meta b{letter-spacing:.1em;color:#ffffffa6;font-size:clamp(7px,.56vw,10px);font-weight:400}.work-meta strong{letter-spacing:-.02em;font-size:clamp(12px,1.08vw,18px);font-weight:500}.work-meta b{margin-left:8px}.work-nocturne .work-visual{filter:grayscale()contrast(1.15);background:linear-gradient(#051e3833,#03111fb8),url(/assets/nocturne-performer-v2.png) 56% 35%/cover}.work-nocturne .work-visual:after{content:"";border:1px solid #5bc0ffb3;position:absolute;inset:10% 8% 21%;transform:rotate(3deg);box-shadow:0 0 12px #34abff73}.work-mono .work-visual{background:linear-gradient(102deg,#d8d4ca 0 24%,#323331 24% 37%,#a8a69f 37% 51%,#161817 51% 70%,#e0ddd3 70%)}.work-mono .work-visual i:first-child{border:13px solid #ffffffa8;border-radius:50% 50% 0 0;width:48%;height:125%;position:absolute;top:12%;right:9%}.work-afterlight .work-visual{background:linear-gradient(145deg,#230a23,#070809)}.work-afterlight .work-visual i:first-child{aspect-ratio:1;background:radial-gradient(circle at 45% 42%,#fff 0 2%,#ffb443 4%,#ff4e0b 29%,#7d1137 66%);border-radius:50%;width:44%;transition:transform .75s;position:absolute;top:-3%;right:15%;box-shadow:0 0 44px #ff370a80}.work-afterlight:hover .work-visual i:first-child{transform:translate(-12px,8px)scale(1.08)}.work-objects .work-visual{background:radial-gradient(circle at 65% 40%,#41504f,#080b0b 47%)}.work-objects .work-visual i:first-child{aspect-ratio:1;background:repeating-radial-gradient(circle,#d0e8e047 0 1px,#0000 2px 14px),radial-gradient(circle at 39% 34%,#9aa8a5,#15201f 63%);border-radius:47% 53% 46% 54%;width:36%;position:absolute;top:4%;right:14%;box-shadow:inset -12px -14px 25px #000}.work-fold .work-visual{color:#0b0d0c;background:#e8e4da}.work-fold .work-visual:before{content:"FOLD";letter-spacing:-.1em;transform-origin:0;font-size:clamp(90px,11vw,180px);font-weight:800;position:absolute;top:-18%;left:-2%;transform:scaleX(.62)}.work-fold .work-visual i{background:#fb5a0b;width:1px;height:150%;position:absolute;top:-20%;transform:rotate(28deg)}.work-fold .work-visual i:first-child{left:34%}.work-fold .work-visual i:nth-child(2){left:55%}.work-fold .work-visual i:nth-child(3){left:76%}.work-spectra .work-visual{background:radial-gradient(circle at 50% 45%,#202529,#050706 62%)}.work-spectra .work-visual:before{content:"";aspect-ratio:1;filter:blur(3px);background:conic-gradient(#adff23,#22d7ff,#9c2cff,#ff5517,#adff23);border-radius:50%;width:45%;animation:8s linear infinite spectraSpin;position:absolute;top:-3%;left:30%}.work-spectra .work-visual:after{content:"";aspect-ratio:1;background:#090b0a;border-radius:50%;width:31%;position:absolute;top:6%;left:37%}.work-kinetic .work-visual{background:#ff4d13}.work-kinetic .work-visual i{background:#0a0c0b;width:130%;height:12%;transition:transform .65s;position:absolute;left:-15%;transform:rotate(-11deg)}.work-kinetic .work-visual i:first-child{top:12%}.work-kinetic .work-visual i:nth-child(2){top:39%}.work-kinetic .work-visual i:nth-child(3){top:66%}.work-kinetic:hover .work-visual i{transform:rotate(4deg)translate(4%)}.work-still .work-visual{background:linear-gradient(120deg,#8d8a82,#e7e2d7 44%,#333636)}.work-still .work-visual:before{content:"";background:radial-gradient(circle at 34% 29%,#fff,#919b99 25%,#171a19 72%);border-radius:43% 57% 48% 52%;width:42%;height:66%;transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute;top:4%;left:29%;transform:rotate(13deg);box-shadow:15px 18px 25px #00000059}.work-still:hover .work-visual:before{transform:rotate(-4deg)scale(1.08)}.work-signal .work-visual{background:#09100f}.work-signal .work-visual:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 13px,#76ff4924 14px),linear-gradient(90deg,#0000,#adff2314);position:absolute;inset:0}.work-signal .work-visual i{background:var(--green);width:3px;box-shadow:0 0 8px var(--green);animation:1.8s ease-in-out infinite alternate signalPulse;position:absolute;bottom:28%}.work-signal .work-visual i:first-child{height:24%;left:39%}.work-signal .work-visual i:nth-child(2){height:48%;animation-delay:.25s;left:50%}.work-signal .work-visual i:nth-child(3){height:34%;animation-delay:.5s;left:61%}.studio-page{grid-template-columns:44% 56%;display:grid}.studio-manifesto{z-index:2;align-self:center;padding-right:5vw;position:relative}.studio-manifesto>p{letter-spacing:.14em;color:#ffffffa6;width:76%;margin:0 0 3vh;font-size:clamp(9px,.68vw,12px);line-height:1.45}.studio-manifesto h1{letter-spacing:-.025em;word-spacing:.075em;transform-origin:0;width:114%;margin:0 0 3vh;font-size:clamp(60px,7.8vw,126px);line-height:.78;transform:scaleX(.88)}.studio-manifesto>span{color:#ffffffbd;width:80%;font-size:clamp(13px,1.18vw,19px);line-height:1.35;display:block}.studio-system{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#091e276b;border:1px solid #97dcff7a;grid-template-rows:29% 71%;align-self:center;height:69vh;max-height:680px;padding:2.2vw;display:grid;transform:rotate(1.2deg);box-shadow:inset 0 0 35px #46beff1f,0 22px 55px #00000059,0 0 14px #45b9ff33}.studio-facts{border-bottom:1px solid #ffffff38;grid-template-columns:repeat(3,1fr);display:grid}.studio-facts p{color:#ffffffad;margin:0;font-size:clamp(9px,.76vw,13px);line-height:1.45}.process-list{grid-template-rows:repeat(4,1fr);display:grid}.process-row{border-bottom:1px solid #ffffff29;grid-template-columns:34px 28% 1fr;align-items:center;display:grid}.process-row span{color:var(--green);font-size:9px}.process-row strong{font-size:clamp(14px,1.45vw,24px);font-weight:500}.process-row p{color:#ffffffa1;margin:0;font-size:clamp(10px,.82vw,14px)}.studio-orb{aspect-ratio:1;z-index:0;border:1px solid #fff02b6b;border-radius:50%;width:18vw;position:absolute;top:3%;left:34%}.studio-orb i{border:1px solid #fff02b40;border-radius:50%;position:absolute;inset:16%}.studio-orb i:nth-child(2){inset:32%}.studio-orb i:nth-child(3){background:var(--yellow);box-shadow:0 0 20px var(--yellow);inset:46%}.start-page{grid-template-columns:51% 49%;align-items:center;display:grid}.start-lead{padding-right:4vw}.start-lead>p{letter-spacing:.18em;color:#ffffff9e;margin:0 0 3vh;font-size:10px}.start-lead h1{letter-spacing:-.025em;word-spacing:.075em;margin:0 0 4vh;font-size:clamp(56px,7vw,112px);line-height:.83}.start-mail{width:fit-content}.brief-board{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#051c2b75;border:1px solid #93dbff8c;grid-template-rows:auto 1fr auto;height:68vh;max-height:670px;padding:2vw;display:grid;box-shadow:inset 0 0 38px #40aeec24,0 0 22px #2d9ee62e}.brief-header{letter-spacing:.1em;color:#ffffff94;border-bottom:1px solid #ffffff38;justify-content:space-between;padding-bottom:2vh;font-size:clamp(7px,.58vw,10px);display:flex}.brief-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid}.brief-grid>div{border-bottom:1px solid #ffffff24;padding:2.4vh 1.2vw}.brief-grid>div:nth-child(odd){border-right:1px solid #ffffff24;padding-left:0}.brief-grid>div:nth-child(2n){padding-right:0}.brief-grid>div:nth-child(n+3){border-bottom:0}.brief-grid small{letter-spacing:.14em;color:var(--green);margin-bottom:1.5vh;font-size:8px;display:block}.brief-grid strong{font-size:clamp(13px,1.15vw,19px);font-weight:400;line-height:1.35}.brief-cta{border-top:1px solid #ffffff40;align-items:center;height:55px;padding-right:30px;font-size:clamp(15px,1.35vw,22px);transition:color .3s,padding .3s;display:flex;position:relative}.brief-cta:after{content:"";background:var(--orange);border-radius:50%;width:10px;height:10px;transition:background .3s,transform .3s,box-shadow .3s;position:absolute;right:3px;box-shadow:0 0 0 5px #ff5a121a,0 0 13px #ff5a1280}.brief-cta:hover{color:var(--green);padding-left:8px}.brief-cta:hover:after{background:var(--green);transform:scale(1.2);box-shadow:0 0 0 6px #adff231f,0 0 16px #adff23a6}@keyframes spectraSpin{to{transform:rotate(360deg)}}@keyframes signalPulse{to{opacity:.5;height:55%}}@keyframes edgeSweep{0%,to{opacity:.45;transform:translate(-8%)}50%{opacity:1;transform:translate(58%)}}@media (height<=800px) and (width>=721px){.copy-column{top:17vh}.hero-title{font-size:clamp(74px,9vw,122px)}.hero-sub{margin-block:1.1vh}.orange-button{height:48px}.page-intro{height:16.5vh}.work-grid{inset-block-start:18.5vh}.studio-system,.brief-board{height:66vh}}@media (width<=1050px){.copy-column{width:34vw}.hero-title{font-size:clamp(62px,9vw,100px)}.scene-rig{width:66vw;left:3vw}.project-stage{left:30vw}.flora{left:51%}.panel-links{display:none}.project-tabs{gap:2vw;left:5vw}.drag-label{display:none}.work-meta{grid-template-columns:20px 1fr auto;gap:6px;bottom:9px;left:10px;right:10px}.work-meta small{display:none}.studio-manifesto{padding-right:2vw}.studio-manifesto h1{font-size:clamp(54px,8.5vw,92px)}.studio-system,.brief-board{padding:2.2vw}}@media (width<=720px){.site-shell{background-size:25vw 25vw;min-height:560px}.topbar{top:2vh;left:5vw;right:5vw}.main-nav{display:none}.project-cta{width:46px;min-width:auto;height:46px;padding:0;font-size:0}.project-cta:after{right:50%;transform:translate(50%)}.project-cta:hover:after{transform:translate(50%)scale(1.25)}.copy-column{width:90vw;top:13vh;left:5vw}.eyebrow{font-size:8px}.hero-title{opacity:.95;font-size:clamp(54px,20vw,96px);line-height:.78}.hero-sub{margin-top:1.3vh;font-size:13px}.orange-button{height:42px;padding:0 45px 0 21px;font-size:13px}.project-stage{perspective:900px;inset:30vh 0 10vh}.scene-rig{width:78vw;height:39vh;top:11vh;left:14vw}.flora{width:28%;height:130%;top:-9%;left:49%}.orbit-a{width:84%;left:7%}.panel-nav{height:19%}.nocturne-grid{inset-top:19%;grid-template-columns:31% 69%}.side-copy{display:none}.festival-copy h2{font-size:11vw}.festival-copy .date{font-size:10px}.orange-button.small{height:30px;padding:0 12px;font-size:8px}.mini-landscape,.availability{display:none}.project-tabs{gap:8px;bottom:1.8vh;left:5vw;right:5vw}.project-tab{flex-direction:column;gap:4px;height:37px;padding:0 0 9px;font-size:8px}.project-tab strong{text-overflow:ellipsis;max-width:100%;overflow:hidden}.inner-page{inset:10vh 4vw 2.2vh}.page-intro{align-items:end;height:15vh;padding-bottom:1.5vh}.page-intro h1{font-size:clamp(27px,8vw,46px)}.page-intro p{width:43vw;font-size:8px}.work-grid{inset-block-start:17vh}.work-meta{flex-wrap:wrap;gap:5px;display:flex;bottom:6px;left:7px}.work-meta span,.work-meta small,.work-meta b{display:none}.work-meta strong{font-size:8px}.studio-page{grid-template-columns:43% 57%}.studio-manifesto{padding-right:2vw}.studio-manifesto>p{width:100%;margin-bottom:2vh;font-size:6px}.studio-manifesto h1{margin-bottom:2vh;font-size:clamp(34px,11vw,62px)}.studio-manifesto>span{width:95%;font-size:8px}.studio-system{height:72vh;padding:2vw}.studio-facts p{font-size:6px}.process-row{grid-template-columns:17px 39% 1fr}.process-row span{font-size:6px}.process-row strong{font-size:9px}.process-row p{font-size:6px}.start-page{grid-template-columns:46% 54%}.start-lead{padding-right:2vw}.start-lead>p{font-size:6px}.start-lead h1{font-size:clamp(31px,10vw,56px)}.start-mail{max-width:100%;padding:0 34px 0 10px;font-size:8px}.start-mail:after{width:7px;height:7px;right:13px}.brief-board{height:72vh;padding:2vw}.brief-header{font-size:5px}.brief-grid>div{padding:1.6vh 1vw}.brief-grid small{font-size:5px}.brief-grid strong{font-size:7px}.brief-cta{height:38px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}