.nav-wrap{position:fixed;top:0;left:0;transition:background .45s,border-color .45s,transform .45s;will-change:transform;background:linear-gradient(180deg,rgba(10,9,11,.34),transparent)}
.nav-wrap.scrolled{background:rgba(14,12,15,.66);border-color:rgba(255,255,255,.1);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.nav-wrap.scrolled .nav{height:68px}.nav{transition:height .45s}
.nav-links a{position:relative;padding:9px 0}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:#f5b37f;transition:right .35s}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-links a.active{opacity:1}
.scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:rgba(255,255,255,.06)}.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#f0a169,#b876ff);transform:scaleX(0);transform-origin:left;will-change:transform}
.hero-content h1{transform-origin:left center}.hero-media{will-change:transform}.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--mx,65%) var(--my,38%),rgba(255,186,127,.16),transparent 24%);mix-blend-mode:screen}
.studio-v2{position:relative;padding-bottom:0;overflow:hidden;background:linear-gradient(135deg,#dfd8cd 0%,#cfc4b6 100%)}
.studio-v2:before{content:"";position:absolute;width:40vw;height:40vw;right:-12vw;top:0;border-radius:50%;background:rgba(161,115,255,.12);filter:blur(90px);animation:ambientFloat 10s ease-in-out infinite alternate}
.studio-v2 .section-head{position:relative}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff7e46;box-shadow:0 0 0 0 rgba(255,126,70,.5);animation:livePulse 2s infinite;margin-right:8px}
.studio-v2 .studio-grid{grid-template-columns:minmax(300px,.68fr) minmax(520px,1.32fr);gap:clamp(50px,7vw,110px);align-items:center;padding-bottom:145px}
.studio-v2 .studio-copy{position:relative;z-index:3}.studio-v2 .studio-copy>p{font-size:1.04rem;max-width:390px}.mood-label{margin-top:44px;font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:#716a64}
.mood-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0;margin-top:14px}.mood-controls .control{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;width:auto;border:1px solid rgba(20,18,20,.13);background:rgba(255,255,255,.18);padding:12px;text-align:left;transition:background .35s,border-color .35s,transform .35s;border-radius:2px;color:#524d49}.mood-controls .control:hover{transform:translateY(-3px);background:rgba(255,255,255,.36)}.mood-controls .control.active{padding:12px;background:#181518;color:#f4eee5;border-color:#181518}.mood-controls .control strong{font-size:.72rem;font-weight:500}.mood-controls .control small{grid-column:2;font-size:.55rem;opacity:.58;white-space:nowrap}.swatch{grid-row:1/3;width:25px;height:25px;border-radius:50%;align-self:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.swatch-lumen{background:linear-gradient(135deg,#ffb374,#8e6bff)}.swatch-ember{background:linear-gradient(135deg,#ff3b19,#ffc42d)}.swatch-nocturne{background:linear-gradient(135deg,#15b9bc,#3151ff)}
.studio-v2 .generate{width:auto;min-width:245px;margin-top:22px;border-radius:100px;padding:14px 18px 14px 22px;align-items:center;transition:transform .25s,background .3s}.studio-v2 .generate i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f2ece3;color:#181518}.studio-v2 .generate:hover{background:#332b31}
.canvas-wrap{position:relative;perspective:1200px}.canvas-wrap:before{content:"";position:absolute;inset:9% -5% -8% 13%;background:rgba(33,21,39,.18);filter:blur(35px);transform:translateZ(-50px)}
.canvas-card{aspect-ratio:1.34;transform:rotateY(-3deg) rotateX(1.5deg);transition:background 1s,transform .25s ease-out;box-shadow:0 45px 100px rgba(48,31,35,.27);border:1px solid rgba(255,255,255,.24)}.canvas-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 27%,transparent 72%,rgba(255,255,255,.06));z-index:2;pointer-events:none}.canvas-noise{position:absolute;inset:0;opacity:.12;z-index:3;mix-blend-mode:soft-light;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 baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.canvas-card .orb{animation:orbBreathe 8s ease-in-out infinite alternate}.canvas-card .orb-b{animation-delay:-3s}.canvas-card .orb-c{animation-delay:-5s}.orbit{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%;z-index:1;animation:orbitSpin 16s linear infinite}.orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;top:18%;left:5%;box-shadow:0 0 16px #fff}.orbit-one{width:90%;height:90%;left:5%;top:5%;transform:rotate(28deg)}.orbit-two{width:60%;height:120%;left:22%;top:-10%;animation-direction:reverse;animation-duration:21s}.floating-note{position:absolute;z-index:5;background:rgba(23,18,26,.84);color:#f0eae2;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);padding:11px 14px;min-width:126px;display:flex;justify-content:space-between;gap:18px;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 15px 30px rgba(30,18,30,.18)}.floating-note b{font-weight:500;color:#f5b37f}.note-one{left:-30px;top:18%;animation:noteFloat 5s ease-in-out infinite}.note-two{right:-28px;bottom:21%;animation:noteFloat 5s ease-in-out -2.5s infinite}.canvas-meta span:last-child{display:flex;align-items:center}.canvas-meta .live-dot{background:#fff;margin-right:6px}.canvas-meta b{font-weight:400}
.studio-marquee{border-top:1px solid rgba(20,18,20,.18);overflow:hidden;white-space:nowrap;padding:22px 0;color:#4c4642;font:italic 1.05rem Georgia}.studio-marquee div{display:inline-block;animation:marquee 28s linear infinite}
.work-card{position:relative}.work-visual{cursor:none}.work-visual>div{transition:transform .35s ease-out}.work-visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(5,4,6,.45),transparent 45%);opacity:0;transition:opacity .35s}.work-card:hover .work-visual:before{opacity:1}.view-study{position:absolute;z-index:4;left:var(--cx,50%);top:var(--cy,50%);width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:rgba(244,238,229,.9);color:#171416;font-size:.62rem;transform:translate(-50%,-50%) scale(0);transition:transform .25s;pointer-events:none}.work-card:hover .view-study{transform:translate(-50%,-50%) scale(1)}.work-card h3{transition:letter-spacing .35s}.work-card:hover h3{letter-spacing:.025em}
.flow-list{display:grid;gap:0;border-top:1px solid var(--line)}.flow-item{position:relative;padding:28px 66px 28px 0;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}.flow-item:hover{padding-left:20px;background:linear-gradient(90deg,rgba(245,179,127,.06),transparent)}.flow-item>span{font-size:.6rem;text-transform:uppercase;letter-spacing:.18em;color:#f0aa76}.flow-item h3{font:400 1.65rem Georgia;margin:8px 0}.flow-item p{font-size:.78rem;color:#8f8883;max-width:390px;margin:0}.flow-item i{position:absolute;right:8px;top:32px;font:italic 2.4rem Georgia;color:#4a4447;transition:color .35s,transform .35s}.flow-item:hover i{color:#f0aa76;transform:rotate(8deg)}
.closing{min-height:900px}.closing:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.25) .7px,transparent .7px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000,transparent 65%);opacity:.18}.closing-glow{animation:closingGlow 9s ease-in-out infinite alternate}.closing-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:translate(-50%,-50%);animation:closingOrbit 24s linear infinite}.closing-orbit:after{content:"";position:absolute;top:17%;left:5%;width:9px;height:9px;border-radius:50%;background:#efa675;box-shadow:0 0 24px #efa675}.orbit-a{width:min(78vw,950px);height:min(78vw,950px)}.orbit-b{width:min(58vw,710px);height:min(58vw,710px);animation-direction:reverse;animation-duration:18s}.closing-inner{z-index:2}.cta-orbit{position:relative;width:190px;height:190px;border-radius:50%;margin:42px auto 0;border:1px solid rgba(255,255,255,.46);background:rgba(255,255,255,.04);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);transition:background .35s,color .35s,box-shadow .35s}.cta-orbit>span{font:italic 1.25rem Georgia;line-height:1.1;z-index:2}.cta-orbit>i{position:absolute;right:30px;top:30px;font-style:normal}.cta-orbit>b{position:absolute;inset:-17px;font-size:.54rem;letter-spacing:.18em;font-weight:400;animation:ctaSpin 16s linear infinite;color:#9f9894;word-spacing:8px;border:1px dashed rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;color:transparent}.cta-orbit>b:before{content:"ARVELUME · PRIVATE PREVIEW ·";color:#a49d98;position:absolute;top:-4px;left:18px}.cta-orbit:hover{background:#f2ece3;color:#171416;box-shadow:0 0 80px rgba(232,142,110,.28)}
.magnetic{will-change:transform}
@keyframes livePulse{70%{box-shadow:0 0 0 8px rgba(255,126,70,0)}}@keyframes ambientFloat{to{transform:translate(-8%,12%) scale(1.15)}}@keyframes orbBreathe{to{transform:translate(8%,5%) scale(1.12)}}@keyframes orbitSpin{to{transform:rotate(388deg)}}@keyframes noteFloat{50%{transform:translateY(-11px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes closingGlow{to{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}@keyframes closingOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ctaSpin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.studio-v2 .studio-grid{grid-template-columns:1fr;gap:65px}.studio-v2 .studio-copy{max-width:670px}.mood-controls{max-width:670px}.canvas-wrap{width:95%;margin-left:auto}.studio-v2 .generate{min-width:270px}}
@media(max-width:700px){.nav-wrap.scrolled .nav{height:62px}.mood-controls{grid-template-columns:1fr}.mood-controls .control small{white-space:normal}.canvas-wrap{width:100%}.canvas-card{aspect-ratio:.86;transform:none}.note-one{left:-8px}.note-two{right:-8px}.studio-v2 .studio-grid{padding-bottom:100px}.flow-item h3{font-size:1.35rem}.closing{min-height:760px}.cta-orbit{width:160px;height:160px}.orbit-a{width:130vw;height:130vw}.orbit-b{width:95vw;height:95vw}.view-study{display:none}.work-visual{cursor:pointer}}
@media(prefers-reduced-motion:reduce){.studio-v2:before,.live-dot,.canvas-card .orb,.orbit,.floating-note,.studio-marquee div,.closing-glow,.closing-orbit,.cta-orbit>b{animation:none}.canvas-card{transform:none}.view-study{display:none}}