/* Crazy Yuvi premium portfolio layer */
:root{--ink:#f4f5fb;--muted:#9295a6;--line:#252735;--paper:#08090e;--panel:#11131c;--blue:#7b83ff;--violet:#b57cff}body{background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}.site-header{height:82px;width:min(1240px,calc(100% - 72px));position:relative;z-index:3}.brand-mark{background:var(--blue);color:#090a10;border-radius:7px;width:30px;height:30px;font-size:10px}.brand-dot,.accent{color:var(--violet)}.site-header nav{color:var(--muted)}.site-header nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:16px}.mode-switch{display:flex;gap:3px;background:#12141d;border:1px solid var(--line);padding:3px;border-radius:5px}.mode-button{border:0;background:transparent;color:var(--muted);font:10px 'DM Mono',monospace;padding:7px 9px;cursor:pointer;border-radius:3px}.mode-button.active{background:var(--blue);color:#fff}.view-switch{display:none}.button{border-radius:3px}.dark{background:var(--blue)}.hero{width:min(1240px,calc(100% - 72px));min-height:690px;padding:80px 0}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,6.4vw,88px);letter-spacing:-5px;line-height:.95;color:#f5f5fa}.hero-text{color:var(--muted);max-width:520px}.hero-art{background:#0e1018;border:1px solid var(--line);height:500px}.orbit{border-color:#7b83ff2d}.discord-window{background:#151822}.marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;color:#777b8e;font:10px 'DM Mono',monospace;letter-spacing:1px}.marquee div{animation:drift 26s linear infinite}.section,.work,.process{color:var(--ink)}.heading h2,.section-heading h2,.about h2{font-family:'Space Grotesk',sans-serif;color:var(--ink)}.work,.process{padding:125px 0}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{background:var(--panel);border:1px solid var(--line);transition:transform .25s,box-shadow .25s;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.project-card:hover{box-shadow:0 25px 70px #0008;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)}.project-art{height:220px;position:relative;overflow:hidden;background:#20243a}.project-card.purple .project-art{background:radial-gradient(circle at 70% 30%,#a981ff,#2a2349 53%,#10111c)}.project-card.blue .project-art{background:radial-gradient(circle at 30% 20%,#54b9ff,#1a3147 50%,#0f131c)}.project-card.green .project-art{background:radial-gradient(circle at 65% 20%,#6fe0b7,#1d403c 50%,#101614)}.project-number{position:absolute;top:20px;left:22px;font:10px 'DM Mono',monospace;color:#fff8}.project-symbol{position:absolute;right:30px;bottom:20px;font-size:70px;color:#fff9}.project-info{padding:27px}.project-info h3{font-family:'Space Grotesk';font-size:30px;margin:0 0 12px}.project-info>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.65;max-width:400px}.project-meta{display:flex;justify-content:space-between;gap:12px;margin-top:27px;padding-top:16px;border-top:1px solid var(--line);font:10px 'DM Mono',monospace;color:#a7aabd}.project-meta a{color:var(--blue)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{min-height:205px;background:var(--panel);padding:24px;position:relative}.service-card>span{font:10px 'DM Mono';color:var(--blue)}.service-card h3{font-family:'Space Grotesk';font-size:18px;line-height:1.15;margin:42px 0 10px}.service-card p{font-size:12px;color:var(--muted);line-height:1.6}.service-card>b{position:absolute;right:20px;bottom:20px;color:var(--blue)}.split-section,.review-section{padding:125px 0;display:grid;grid-template-columns:110px 1fr}.split-content{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.split-content h2{font-family:'Space Grotesk';font-size:52px;line-height:1.02;letter-spacing:-3px;margin:0}.about-copy{padding-top:40px;color:var(--muted);line-height:1.8;font-size:14px}.about-facts{display:flex;gap:35px;margin-top:32px;font:10px 'DM Mono';color:#babdcd}.about-facts b{display:block;color:var(--blue);font-size:21px;margin-bottom:6px}.empty-reviews{border:1px dashed var(--line);padding:65px;text-align:center;background:#0d0f16}.quote-mark{font:72px Georgia;color:var(--violet);line-height:1}.empty-reviews p{color:var(--muted);font-size:13px}.empty-line{display:block;width:60px;height:1px;background:var(--blue);margin:25px auto}.contact-section{padding:0 0 125px}.contact-panel{position:relative;overflow:hidden;background:#181526;border:1px solid #3b315e;padding:75px;display:flex;align-items:center;justify-content:space-between;gap:45px}.contact-panel h2{font-family:'Space Grotesk';font-size:52px;letter-spacing:-3px;margin:0 0 15px}.contact-panel p{max-width:500px;color:#a7a2b8;line-height:1.7}.button-light{background:#f4f5fb;color:#0a0b10}.contact-orbit{position:absolute;width:350px;height:350px;border:1px solid #b57cff44;border-radius:50%;right:-100px;top:-140px}.footer{width:min(1240px,calc(100% - 72px));padding:0 0 35px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top{border-top:1px solid var(--line);padding:30px 0}.footer p,.footer-bottom{font-size:11px;color:var(--muted)}.social-links{display:flex;gap:15px;font:10px 'DM Mono';color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);padding-top:18px}.owner-pencil{background:#181a26;border-color:#35394c;color:#fff}.modal{background:#000b}.modal-card{background:#151822;color:#fff;border:1px solid var(--line)}.modal input,.modal textarea,.modal select{background:#0e1018;color:#fff;border-color:var(--line)}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.ambient i{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(90px);opacity:.12}.ambient i:first-child{background:#6d64ff;top:5%;right:10%}.ambient i:nth-child(2){background:#b45dff;top:50%;left:-10%}.ambient i:nth-child(3){background:#266dff;bottom:-15%;right:25%}.loader{position:fixed;inset:0;z-index:20;background:#08090e;display:grid;place-items:center;color:#fff;font:700 22px 'Space Grotesk';transition:opacity .5s}.loader.done{opacity:0;pointer-events:none}.section,.service-card,.project-card{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.section.is-visible,.service-card.is-visible,.project-card.is-visible{opacity:1;transform:none}@keyframes drift{to{transform:translateX(-25%)}}@media(max-width:850px){.site-header{width:calc(100% - 36px)}.desktop-nav{display:none}.header-tools .button{display:none}.mode-button{padding:7px}.hero{width:calc(100% - 36px);display:block;padding:65px 0}.hero-art{margin-top:55px;height:380px}.service-grid{grid-template-columns:repeat(2,1fr)}.split-section,.review-section{display:block;padding:90px 0}.section-index{margin-bottom:35px}.split-content{display:block}.split-content h2,.contact-panel h2{font-size:42px}.about-copy{padding-top:30px}.project-grid{grid-template-columns:1fr}.contact-panel{display:block;padding:45px 28px}.contact-panel .button{margin-top:25px}.footer-top,.footer-bottom{flex-wrap:wrap}.footer{width:calc(100% - 36px)}}@media(max-width:560px){.mode-switch{display:flex}.mode-button{font-size:9px;padding:7px 6px}.hero h1{font-size:51px;letter-spacing:-3px}.hero-art{height:320px}.discord-window{width:92%}.service-grid{display:block}.service-card{min-height:165px}.service-card h3{margin-top:25px}.project-info h3{font-size:26px}.project-meta{display:block;line-height:1.7}.project-meta span{display:block}.contact-panel h2{font-size:38px}.footer-top{display:grid}.footer-bottom{display:grid;justify-content:start}.ambient{display:none}.hero-visual{transform:scale(.95)}}
 .header-actions{display:flex;align-items:center;gap:16px}.view-switch{border:0;background:none;color:var(--muted);font:700 11px Manrope;cursor:pointer}.view-switch:hover{color:var(--blue)}
:root{--ink:#15171d;--muted:#6e737d;--line:#e5e7eb;--blue:#5865f2;--paper:#f8f8f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 80px));margin:auto}.device-gate{position:fixed;inset:0;z-index:20;background:#f8f8f6;display:grid;place-items:center;padding:24px}.device-gate.hidden{display:none}.device-card{width:min(650px,100%);text-align:center}.device-card h1{font-size:clamp(38px,6vw,68px);letter-spacing:-3px;margin:0 0 18px}.gate-copy{max-width:420px;margin:0 auto 38px;color:var(--muted);line-height:1.7;font-size:14px}.device-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.device-option{min-height:150px;background:#fff;border:1px solid var(--line);border-radius:5px;text-align:left;padding:20px;cursor:pointer;color:var(--ink);transition:.2s}.device-option:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 15px 30px #5865f218}.device-option span{display:block;font-size:29px;color:var(--blue);margin-bottom:22px}.device-option strong,.device-option small{display:block}.device-option strong{font-size:14px}.device-option small{font:10px 'DM Mono',monospace;color:var(--muted);margin-top:4px}.gate-auto{margin-top:30px;background:none;border:0;cursor:pointer}.site-header{height:88px;width:min(1240px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:18px;font-weight:800;letter-spacing:-.7px}.brand-mark{display:inline-grid;place-items:center;background:var(--ink);color:#fff;width:26px;height:26px;border-radius:50%;font-size:13px;margin-right:7px}.brand-dot{color:var(--blue)}nav{display:flex;gap:36px;font-size:12px;color:var(--muted);font-weight:700}.button{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border:0;border-radius:4px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:#fff}.blue{background:var(--blue);color:#fff}.light{background:#eef0f5;color:var(--ink)}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:0 0 24px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:65px 0 80px}.status{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3bb273;margin-right:8px}.hero h1{font-size:clamp(45px,5.5vw,78px);line-height:.98;letter-spacing:-4px;max-width:630px;margin:0 0 28px}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.hero-text{font-size:16px;line-height:1.7;color:var(--muted);max-width:455px}.actions{display:flex;gap:25px;align-items:center;margin-top:34px}.text-link{font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:4px}.meta{display:flex;gap:12px;align-items:center;font:10px 'DM Mono',monospace;color:#92959b;margin-top:75px}.meta i{width:60px;height:1px;background:#c9cbd0}.hero-art{height:480px;background:#e7e8ee;position:relative;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid #5865f230;border-radius:50%}.one{width:430px;height:430px}.two{width:290px;height:290px}.discord-window{position:relative;width:78%;background:#262936;color:#fff;border-radius:7px;box-shadow:0 25px 60px #4f546d55;transform:rotate(-5deg);z-index:1}.window-top{height:35px;border-bottom:1px solid #3a3e4b;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font:9px 'DM Mono',monospace;color:#bbc0d0}.window-body{display:grid;grid-template-columns:35% 65%;min-height:260px}.window-body aside{background:#20222c;padding:18px 12px;display:flex;flex-direction:column;gap:14px;font-size:9px;color:#8f94a8}.window-body aside b{color:#fff}.window-body aside small,.chat>small{font:8px 'DM Mono',monospace;color:#666b7d}.chat{padding:18px 14px}.message{display:flex;gap:8px;margin-top:24px;font-size:8px;line-height:1.6}.message p{margin:0;color:#b8bdca}.message strong{color:#fff;margin-right:7px}.message i{color:#666b7d;font-style:normal}.avatar{display:grid;place-items:center;width:20px;height:20px;min-width:20px;border-radius:6px;color:#20222c}.coral{background:#f27a67}.blue{background:#7890ff}.yellow{background:#f4c95d}.accent{background:#313445;padding:9px;border-radius:4px}.note{position:absolute;background:#fff;padding:9px 11px;color:var(--muted);font:9px 'DM Mono',monospace;z-index:2;box-shadow:0 8px 20px #41476616}.note.top{top:54px;right:21px}.note.bottom{bottom:54px;left:20px}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:24px 0;color:#9b9ea4}.proof span{font:10px 'DM Mono',monospace}.proof b{font-size:11px;letter-spacing:1px;color:#686c74}.work,.process{padding:150px 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.heading h2{font-size:55px;line-height:1;letter-spacing:-2.8px;margin:0}.heading>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:310px;margin:0}.project-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.project{background:#fff;border:1px solid var(--line)}.project:first-child{grid-row:span 2}.project-visual{height:245px;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.project:first-child .project-visual{height:514px}.night{background:#222734;color:#fff}.sky{background:#b5dbe0}.sun{background:#f1d16d}.project-icon{font-size:35px}.project small{font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px;opacity:.65}.project h3{font-size:32px;letter-spacing:-1.5px;margin:10px 0 3px}.project p{font-size:12px;margin:0;opacity:.7}.project-foot{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid #ffffff25;color:var(--muted);font:10px 'DM Mono',monospace}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.steps>div{padding:28px 35px 10px 0;border-right:1px solid var(--line);margin-right:35px}.steps>div:last-child{border:0}.steps span{font:11px 'DM Mono',monospace;color:var(--blue)}.steps h3{font-size:18px;margin:38px 0 12px}.steps p,.about p{color:var(--muted);font-size:13px;line-height:1.7;max-width:245px}.about{background:#e9ebf5;display:grid;grid-template-columns:120px 1fr 180px;gap:50px;padding:75px 90px;margin-bottom:130px;align-items:center}.about-number{font:12px 'DM Mono',monospace;color:var(--blue)}.about h2{font-size:46px;line-height:1.04;letter-spacing:-2px;max-width:580px;margin:0 0 20px}.stamp{border:1px solid #abb1d0;border-radius:50%;width:155px;height:155px;display:grid;place-content:center;text-align:center;font:10px 'DM Mono',monospace;color:#6c7395;line-height:1.5;transform:rotate(8deg)}.stamp strong{font:27px Georgia,serif;color:var(--blue)}.footer{display:flex;justify-content:space-between;align-items:center;padding-bottom:50px}.footer p{font-size:12px;color:var(--muted)}.owner-pencil{position:fixed;right:22px;bottom:22px;border:1px solid #dfe1e7;background:#fff;color:var(--ink);width:45px;height:45px;border-radius:50%;font-size:20px;cursor:pointer;box-shadow:0 8px 22px #10142115}.modal{position:fixed;inset:0;background:#15171d77;display:grid;place-items:center;padding:20px;z-index:10}.modal.hidden,.hidden{display:none}.modal-card{position:relative;background:#fff;width:min(460px,100%);padding:35px;border-radius:6px;box-shadow:0 25px 70px #10142140}.modal-card h2{font-size:32px;margin:0 0 10px}.muted{font-size:13px;color:var(--muted);line-height:1.6}.close{position:absolute;right:18px;top:15px;background:none;border:0;font-size:25px;cursor:pointer}.modal input,.modal textarea,.modal select{width:100%;border:1px solid var(--line);padding:12px;margin:7px 0 14px;font:13px Manrope;background:#fff}.modal textarea{min-height:75px;resize:vertical}.modal label{display:block;font-size:11px;font-weight:800}.full{width:100%;justify-content:center}.error{height:16px;color:#d04b4b;font-size:11px}.editor-actions{display:flex;gap:10px;margin:4px 0 22px}.editor-actions .button{flex:1;justify-content:center}.edit-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:11px 0;font-size:12px}.edit-row button{border:0;background:none;color:#d04b4b;cursor:pointer}.mode-pc .hero{grid-template-columns:1fr 1fr}.mode-tablet .wrap{width:min(900px,calc(100% - 56px))}.mode-tablet .hero{grid-template-columns:1fr 1fr;gap:30px}.mode-tablet .hero h1{font-size:56px}.mode-mobile .wrap{width:calc(100% - 36px)}.mode-mobile .site-header{height:72px}.mode-mobile nav{display:none}.mode-mobile .site-header>.button{padding:11px;font-size:10px}.mode-mobile .hero{display:block;padding:50px 0}.mode-mobile .hero h1{font-size:52px;letter-spacing:-3px}.mode-mobile .hero-art{height:370px;margin-top:55px}.mode-mobile .discord-window{width:90%}.mode-mobile .proof{gap:18px;flex-wrap:wrap}.mode-mobile .proof b{font-size:9px}.mode-mobile .work,.mode-mobile .process{padding:90px 0}.mode-mobile .heading{display:block}.mode-mobile .heading h2{font-size:43px;margin-bottom:28px}.mode-mobile .project-grid{display:block}.mode-mobile .project{margin-bottom:18px}.mode-mobile .project:first-child .project-visual{height:370px}.mode-mobile .project-visual{height:270px}.mode-mobile .steps{display:block}.mode-mobile .steps>div{border-right:0;border-bottom:1px solid var(--line);padding:25px 0;margin:0}.mode-mobile .steps h3{margin-top:20px}.mode-mobile .about{display:block;padding:45px 28px;margin-bottom:90px}.mode-mobile .about-number{margin-bottom:40px}.mode-mobile .about h2{font-size:38px}.mode-mobile .stamp{margin:35px auto 0}.mode-mobile .footer{display:grid;gap:25px;padding-bottom:35px}.mode-mobile .footer p{order:3}.mode-mobile .footer .button{justify-self:start}@media(max-width:760px){.device-options{grid-template-columns:1fr}.device-option{min-height:90px}.device-option span{display:inline;margin-right:14px}.device-option small{display:inline;margin-left:10px}.site-header,.wrap{width:calc(100% - 36px)}.site-header nav{display:none}.hero{display:block;padding:50px 0}.hero h1{font-size:52px;letter-spacing:-3px}.hero-art{height:370px;margin-top:55px}.discord-window{width:90%}.proof{gap:18px;flex-wrap:wrap}.proof b{font-size:9px}.work,.process{padding:90px 0}.heading{display:block}.heading h2{font-size:43px;margin-bottom:28px}.project-grid{display:block}.project{margin-bottom:18px}.project:first-child .project-visual{height:370px}.project-visual{height:270px}.steps{display:block}.steps>div{border-right:0;border-bottom:1px solid var(--line);padding:25px 0;margin:0}.steps h3{margin-top:20px}.about{display:block;padding:45px 28px;margin-bottom:90px}.about-number{margin-bottom:40px}.about h2{font-size:38px}.stamp{margin:35px auto 0}.footer{display:grid;gap:25px;padding-bottom:35px}.footer p{order:3}.footer .button{justify-self:start}}
