:root{--black:#050507;--ink:#0b0a10;--panel:#111016;--panel2:#17131f;--white:#f7f3fb;--muted:#aaa2b4;--gold:#d8aa52;--gold2:#f5d98c;--violet:#8a3ffc;--violet2:#c378ff;--cyan:#61e5ee;--line:#ffffff1f;--pad:clamp(22px,6vw,92px);--max:1480px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{background:var(--black);color:var(--white);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}::selection{background:var(--violet);color:#fff}body:before{content:"";pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:fixed;inset:0}.nav-shell{z-index:50;height:84px;padding:0 var(--pad);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#050507e6,#05050740);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.18em;align-items:center;gap:12px;font-size:16px;font-weight:900;display:flex}.sigil{filter:drop-shadow(0 0 16px #8a3ffc38);width:76px;height:76px}.sigil.small{width:42px;height:42px}.nav-links{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:30px;font-size:13px;font-weight:650;display:flex}.nav-links>a{color:#d6cedd;transition:all .25s}.nav-links>a:hover{color:#fff}.nav-cta{border:1px solid #d8aa5280;color:var(--gold2)!important;padding:12px 18px!important}.nav-cta span,.button span{margin-left:12px}.menu-toggle{background:0 0;border:0;padding:8px;display:none}.menu-toggle span{background:#fff;width:27px;height:1px;margin:7px;display:block}.hero{isolation:isolate;min-height:100svh;padding:150px var(--pad) 90px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-3;background-image:linear-gradient(90deg,#030305eb 0%,#030305a1 39%,#0303050d 72%),linear-gradient(#0000 55%,#030305e6),url(/images/yzdesign-hero.png);background-position:50%;background-size:cover;animation:14s ease-in-out infinite alternate heroBreath;position:absolute;inset:0;transform:scale(1.035)}.hero:after{content:"";z-index:-1;background:linear-gradient(transparent,var(--black));height:35%;position:absolute;inset:auto 0 0}.noise{z-index:-2;background:radial-gradient(circle at 71% 40%,#8a3ffc33,#0000 25%),radial-gradient(circle at 63% 62%,#d8aa521f,#0000 23%);position:absolute;inset:0}.hero-content{z-index:2;max-width:950px;position:relative}.eyebrow,.section-number{letter-spacing:.25em;text-transform:uppercase;color:var(--gold2);font-size:11px;font-weight:800}.hero h1,.section-head h2,.studio h2,.method h2,.contact h2{letter-spacing:-.065em;text-transform:uppercase;margin:26px 0 32px;font-size:clamp(58px,9vw,142px);line-height:.83}.hero h1 .outline{-webkit-text-stroke:1.2px #ffffffbf;color:#0000;text-shadow:0 0 40px #8a3ffc2e}.hero-copy{color:#e3dce8;max-width:700px;font-size:clamp(18px,2vw,28px);line-height:1.42}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.button{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;justify-content:center;align-items:center;padding:16px 22px;font-size:12px;font-weight:800;transition:all .3s;display:inline-flex}.button.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#080609;border-color:#0000}.button.primary:hover{transform:translateY(-2px);box-shadow:0 0 34px #d8aa5247}.button.ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08}.button.ghost:hover{border-color:var(--violet2);color:var(--violet2)}.hero-side{right:var(--pad);writing-mode:vertical-rl;letter-spacing:.33em;color:#ffffff80;gap:18px;font-size:9px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.scroll-cue{right:var(--pad);letter-spacing:.25em;color:#bfb7c7;align-items:center;gap:12px;font-size:9px;display:flex;position:absolute;bottom:24px}.scroll-cue i{background:linear-gradient(90deg,var(--gold),transparent);width:72px;height:1px}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#09080c;padding:15px 0;overflow:hidden}.marquee div{white-space:nowrap;gap:26px;width:max-content;animation:28s linear infinite marquee;display:flex}.marquee span{letter-spacing:.28em;color:#cbc3d1;font-size:11px}.marquee b{color:var(--violet)}.section-pad{padding:120px var(--pad);max-width:var(--max);margin:0 auto}.section-number{color:var(--violet2);border-left:1px solid var(--violet);padding-left:12px}.studio-grid{grid-template-columns:1.05fr .8fr;gap:9vw;margin-top:55px;display:grid}.studio h2,.method h2,.contact h2{text-transform:none;font-size:clamp(46px,6vw,94px);line-height:.94}.studio h2 em,.section-head h2 em,.method h2 em,.contact h2 em{color:var(--gold2);font-family:Georgia,serif;font-weight:400}.studio-copy{padding-top:34px}.studio-copy .lead{color:#eee8f2;font-size:clamp(21px,2vw,31px);line-height:1.35}.studio-copy>p:not(.lead){color:var(--muted);font-size:16px;line-height:1.75}.principles{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.principles span{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.16em;padding:10px 15px;font-size:10px}.relic-panel{border:1px solid var(--line);justify-content:flex-end;align-items:center;min-height:620px;margin-top:100px;display:flex;position:relative;overflow:hidden}.relic-panel:after{content:"";background:linear-gradient(90deg,#0000 20%,#0505074d 50%,#050507ed 76%);position:absolute;inset:0}.relic-panel img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.relic-copy{z-index:2;width:48%;padding:70px;position:relative}.relic-copy>span{letter-spacing:.22em;color:var(--cyan);font-size:9px}.relic-copy h3{margin:22px 0;font-size:clamp(30px,4vw,58px);line-height:1.03}.relic-copy p{color:#b9b1c0;max-width:490px;line-height:1.7}.services{border-top:1px solid var(--line)}.section-head{grid-template-columns:180px 1fr .6fr;align-items:end;gap:50px;margin-bottom:72px;display:grid}.section-head h2{text-transform:none;margin:0;font-size:clamp(45px,6vw,88px);line-height:.95}.section-head>p{color:var(--muted);max-width:460px;line-height:1.7}.service-list{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr 1fr 40px;align-items:center;gap:30px;padding:32px 12px;transition:all .35s;display:grid;position:relative}.service-row:before{content:"";transform-origin:0;background:linear-gradient(90deg,#8a3ffc26,#0000 60%);transition:all .4s;position:absolute;inset:0;transform:scaleX(0)}.service-row:hover:before{transform:scaleX(1)}.service-row>*{position:relative}.service-n{color:var(--gold);font-size:12px}.service-row h3{margin:0;font-size:clamp(22px,2.3vw,36px)}.service-row p{color:var(--muted);margin:0;line-height:1.55}.service-arrow{color:var(--violet2);font-size:25px;transition:all .3s}.service-row:hover .service-arrow{transform:translate(4px,-4px)}.portfolio{background:linear-gradient(#08070b,#0d0912);max-width:none}.portfolio-head{max-width:calc(var(--max) - 2*var(--pad));grid-template-columns:180px 1fr;margin-left:auto;margin-right:auto}.project-grid{max-width:var(--max);grid-template-columns:repeat(12,1fr);gap:16px;margin:0 auto;display:grid}.project-card{border:1px solid var(--line);background:#0c0b10;flex-direction:column;grid-column:span 4;justify-content:space-between;min-height:410px;padding:24px;transition:all .4s;display:flex;position:relative;overflow:hidden}.project-card:first-child,.project-card:nth-child(5){grid-column:span 7}.project-card:nth-child(2),.project-card:nth-child(6){grid-column:span 5}.project-card:before{content:"";opacity:.28;border:1px solid;width:320px;height:320px;transition:all .7s;position:absolute;top:-155px;right:-155px;transform:rotate(45deg)}.project-card:after{content:"";opacity:.1;filter:blur(20px);background:radial-gradient(circle,currentColor,#0000 64%);position:absolute;inset:35% -10% -30%}.project-card:hover{border-color:currentColor;transform:translateY(-5px)}.project-card:hover:before{transform:rotate(65deg)scale(1.15)}.project-card.gold{color:var(--gold)}.project-card.cyan{color:var(--cyan)}.project-card.violet{color:var(--violet2)}.project-index{letter-spacing:.2em;font-size:10px}.project-mark{letter-spacing:-.08em;color:#0000;-webkit-text-stroke:1px currentColor;opacity:.75;font-size:clamp(80px,10vw,150px);font-weight:900;line-height:1}.project-meta{z-index:2;position:relative}.project-meta span{letter-spacing:.18em;text-transform:uppercase;font-size:9px}.project-meta h3{color:#fff;margin:8px 0 0;font-size:clamp(18px,2vw,30px)}.portfolio-note{max-width:var(--max);color:#766e80;margin:30px auto 0;font-size:11px;line-height:1.6}.method-grid{grid-template-columns:.9fr 1fr;gap:8vw;display:grid}.method ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.method li{border-bottom:1px solid var(--line);grid-template-columns:75px 1fr;gap:22px;padding:24px 0;display:grid}.method li>span{color:var(--gold);font-size:12px}.method li h3{margin:0 0 8px;font-size:24px}.method li p{color:var(--muted);margin:0}.pricing{border-top:1px solid var(--line)}.pack-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pack{border:1px solid var(--line);background:#0b0a0f;flex-direction:column;min-height:500px;padding:34px;transition:all .35s;display:flex;position:relative}.pack:hover{transform:translateY(-7px)}.pack.gold:hover{border-color:var(--gold)}.pack.violet:hover{border-color:var(--violet2)}.pack.cyan:hover{border-color:var(--cyan)}.pack.featured{background:linear-gradient(#8a3ffc1f,#0b0a0f);border-color:#c378ff80}.recommended{background:var(--violet);letter-spacing:.18em;padding:8px 12px;font-size:8px;font-weight:900;position:absolute;top:0;right:0}.pack-top h3{text-transform:uppercase;letter-spacing:.12em;margin:0 0 65px;font-size:18px}.pack.gold h3{color:var(--gold2)}.pack.violet h3{color:var(--violet2)}.pack.cyan h3{color:var(--cyan)}.pack-top span{letter-spacing:.18em;color:var(--muted);font-size:9px;display:block}.pack-top strong{margin-top:7px;font-size:clamp(40px,4vw,65px);display:block}.pack ul{border-top:1px solid var(--line);margin:25px 0;padding:28px 0;list-style:none}.pack li{color:#c9c2ce;padding:8px 0}.pack li:before{content:"◇";color:var(--gold);margin-right:11px}.pack>a{text-transform:uppercase;letter-spacing:.14em;margin-top:auto;font-size:10px}.pack>a span{float:right}.a-la-carte{color:var(--gold2);letter-spacing:.06em;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:32px;font-size:12px;display:flex}.contact{border-top:1px solid var(--line);background:#09070d;max-width:none;position:relative;overflow:hidden}.contact-glow{filter:blur(30px);background:radial-gradient(circle,#8a3ffc3b,#0000 63%);border-radius:50%;width:760px;height:760px;position:absolute;top:-250px;right:-250px}.contact-grid{max-width:var(--max);grid-template-columns:1fr .8fr;gap:9vw;margin:auto;display:grid;position:relative}.contact h2{font-size:clamp(47px,6vw,92px)}.contact-copy{color:var(--muted);max-width:620px;line-height:1.75}.contact-status{color:#8e8796;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;margin-top:35px;font-size:11px;display:flex}.contact-status i{background:var(--gold);width:7px;height:7px;box-shadow:0 0 15px var(--gold);border-radius:50%}.brief-form{border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff06;flex-direction:column;gap:24px;padding:34px;display:flex}.brief-form label{color:#d7d0dc;letter-spacing:.13em;text-transform:uppercase;flex-direction:column;gap:9px;font-size:10px;display:flex}.brief-form input,.brief-form select{color:#fff;background:#08070b;border:0;border-bottom:1px solid #3a3342;border-radius:0;outline:none;width:100%;padding:14px 4px}.brief-form input:focus,.brief-form select:focus{border-color:var(--violet2)}.brief-form input::placeholder{color:#655e6c}.form-row{grid-template-columns:1fr 1fr;gap:22px;display:grid}.brief-form small{color:#746d7b;line-height:1.5}.brief-form .button{border:0;width:100%}footer{padding:70px var(--pad) 30px;border-top:1px solid var(--line)}.footer-main{justify-content:space-between;align-items:center;padding-bottom:50px;display:flex}.footer-brand span{letter-spacing:-.03em;font-size:clamp(34px,5vw,70px)}.footer-main p{color:var(--gold);letter-spacing:.2em;font-size:10px}.footer-bottom{border-top:1px solid var(--line);color:#81798a;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;padding-top:24px;font-size:10px;display:flex}.cursor-aura{z-index:1;pointer-events:none;background:radial-gradient(430px circle at var(--pointer-x,50vw) var(--pointer-y,35vh),#752fff13,transparent 68%);mix-blend-mode:screen;position:fixed;inset:0}.section-pad{isolation:isolate;position:relative}.section-halo{z-index:-1;aspect-ratio:1;pointer-events:none;filter:blur(12px);opacity:.45;border-radius:50%;width:min(620px,58vw);position:absolute}.halo-cyan{background:radial-gradient(circle,#61e5ee1a,#0000 67%);top:12%;right:-20%}.halo-violet{background:radial-gradient(circle,#8a3ffc29,#0000 68%);top:30%;left:-18%}.halo-gold{background:radial-gradient(circle,#d8aa521c,#0000 67%);bottom:2%;right:-18%}.nav-shell:after{content:"";background:linear-gradient(90deg,transparent,var(--violet2),var(--cyan),transparent);width:28%;height:1px;filter:drop-shadow(0 0 6px var(--violet));animation:7s ease-in-out infinite navPulse;position:absolute;bottom:-1px;left:0}.brand>span{background:linear-gradient(90deg,#fff 25%,var(--gold2) 54%,#fff 80%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite brandSheen}.nav-links>a:hover{color:#fff;text-shadow:0 0 16px #c378ff8c}.nav-cta{box-shadow:inset 0 0 18px #d8aa520a}.noise{background:radial-gradient(circle at 71% 40%,#8a3ffc3d,#0000 25%),radial-gradient(circle at 63% 62%,#d8aa5226,#0000 23%),linear-gradient(115deg,#0000 48%,#61e5ee09 49%,#0000 50%)}.hero-orbit{z-index:-1;pointer-events:none;filter:drop-shadow(0 0 12px #8a3ffc2e);border:1px solid #c378ff47;border-radius:50%;position:absolute;top:23%;right:12%}.orbit-one{aspect-ratio:1;width:clamp(270px,37vw,610px);animation:30s linear infinite orbitSpin}.orbit-two{aspect-ratio:1;border-style:dashed;border-color:#61e5ee33;width:clamp(210px,28vw,460px);animation:22s linear infinite reverse orbitSpin;top:30%;right:17%}.hero-orbit:before,.hero-orbit:after{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 16px 3px var(--cyan);border-radius:50%;position:absolute}.hero-orbit:before{top:12%;left:19%}.hero-orbit:after{background:var(--gold2);box-shadow:0 0 16px 3px var(--gold);bottom:28%;right:8%}.light-beam{z-index:-1;opacity:.55;background:linear-gradient(#0000,#c378ff99,#61e5ee24,#0000);width:1px;height:125%;position:absolute;top:-25%;right:30%;transform:rotate(21deg);box-shadow:0 0 22px #8a3ffc73}.hero h1>span:first-child{text-shadow:0 0 36px #ffffff14}.hero h1 .outline{text-shadow:0 0 24px #8a3ffc5c,0 0 70px #61e5ee14}.scroll-cue i{animation:2.4s ease-in-out infinite scrollLine}.button{position:relative;overflow:hidden}.button:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:28%;height:260%;transition:left .65s;position:absolute;top:-80%;left:-45%;transform:rotate(18deg)}.button:hover:before{left:120%}.button.primary:hover{box-shadow:0 0 34px #d8aa5247,0 0 70px #8a3ffc14}.button.ghost:hover{box-shadow:inset 0 0 25px #8a3ffc14,0 0 22px #8a3ffc17}.relic-panel{box-shadow:0 28px 90px #00000059,0 0 60px #8a3ffc0a}.relic-panel:before{content:"";z-index:3;opacity:.55;pointer-events:none;background:linear-gradient(115deg,#0000 28%,#61e5ee57,#d8aa5238,#0000 71%) border-box;border:1px solid #0000;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.relic-panel img{transition:transform 1.4s,filter 1s}.relic-panel:hover img{filter:saturate(1.12);transform:scale(1.025)}.relic-copy{z-index:4}.relic-copy>span{text-shadow:0 0 12px #61e5ee8c}.service-row:nth-child(3n+1):hover:before{background:linear-gradient(90deg,#8a3ffc26,#0000 60%)}.service-row:nth-child(3n+2):hover:before{background:linear-gradient(90deg,#61e5ee1a,#0000 60%)}.service-row:nth-child(3n):hover:before{background:linear-gradient(90deg,#d8aa521a,#0000 60%)}.project-card{background:linear-gradient(145deg,#0e0c13,#09090d)}.project-card:hover{box-shadow:0 22px 65px #0000006b,0 0 35px color-mix(in srgb,currentColor 13%,transparent)}.project-mark{text-shadow:0 0 34px color-mix(in srgb,currentColor 17%,transparent)}.pack.featured:before{content:"";pointer-events:none;background:linear-gradient(145deg,#c378ffb3,#0000 34%,#61e5ee57,#0000 70%) border-box;border:1px solid #0000;animation:6s ease-in-out infinite borderGlow;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.contact-status i{animation:2.2s ease-in-out infinite statusPulse}@keyframes heroBreath{to{transform:scale(1.075)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes navPulse{50%{opacity:.45;width:20%;left:72%}}@keyframes brandSheen{0%,62%,to{background-position:100% 0}78%{background-position:0 0}}@keyframes scrollLine{0%,to{transform-origin:0;opacity:.45;transform:scaleX(.45)}50%{opacity:1;transform:scaleX(1)}}@keyframes borderGlow{50%{opacity:.38}}@keyframes statusPulse{50%{box-shadow:0 0 24px 5px var(--gold);opacity:.72}}@media (max-width:980px){.menu-toggle{display:block}.nav-links{padding:32px var(--pad);border-bottom:1px solid var(--line);background:#08070b;flex-direction:column;align-items:flex-start;display:none;position:absolute;top:84px;left:0;right:0}.nav-links.open{display:flex}.hero-side{display:none}.section-head{grid-template-columns:1fr;gap:24px}.studio-grid,.method-grid,.contact-grid{grid-template-columns:1fr}.relic-panel{justify-content:flex-end;min-height:560px}.relic-panel:after{background:linear-gradient(#0505070d 25%,#050507f5)}.relic-copy{align-self:flex-end;width:100%;padding:42px}.project-card,.project-card:nth-child(n){grid-column:span 6}.pack-grid{grid-template-columns:1fr}.pack{min-height:auto}.service-row{grid-template-columns:55px 1fr 35px}.service-row p{grid-column:2/4}.footer-main{flex-direction:column;align-items:flex-start;gap:25px}}@media (max-width:640px){.nav-shell{height:70px}.nav-links{top:70px}.hero{min-height:920px;padding-top:130px}.hero-bg{background-image:linear-gradient(90deg,#030305e6,#03030533),linear-gradient(#0000 35%,#030305f5),url(/images/yzdesign-hero.png);background-position:61%}.hero h1{font-size:55px}.hero-actions{flex-direction:column;align-items:stretch}.hero-orbit{opacity:.42}.orbit-one{width:420px;top:21%;right:-33%}.orbit-two{width:300px;top:27%;right:-17%}.light-beam{opacity:.28;right:14%}.section-pad{padding-top:86px;padding-bottom:86px}.studio-grid{margin-top:38px}.relic-panel{min-height:610px;margin-top:60px}.relic-panel img{object-position:31% center}.service-row{padding:25px 0}.project-card,.project-card:nth-child(n){grid-column:span 12;min-height:330px}.project-mark{font-size:110px}.form-row{grid-template-columns:1fr}.brief-form{padding:24px}.footer-main p{line-height:1.8}.footer-bottom{flex-direction:column;gap:14px}.sigil{width:60px}.scroll-cue{display:none}}@media (hover:none){.cursor-aura{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-bg,.marquee div,.hero-orbit,.nav-shell:after,.brand>span,.scroll-cue i,.pack.featured:before,.contact-status i{animation:none!important}.service-row,.project-card,.pack,.button,.relic-panel img{transition:none!important}}