:root{--ink:#17191d;--paper:#f5f0e8;--acid:#dfff3e;--purple:#a9a0ff;--orange:#ff7b48;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;z-index:20;opacity:.22;pointer-events:none;inset:0;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.hero{position:relative;min-height:850px;height:100vh;background:var(--ink);color:var(--paper);overflow:hidden}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;font-size:12px;font-family:var(--mono);letter-spacing:-.05em}.brand{font-family:var(--sans);font-weight:800;font-size:22px;letter-spacing:-1.5px}.brand span{color:var(--acid);font-size:10px;vertical-align:top;margin-left:2px}.nav a{color:inherit;text-decoration:none}.nav-center{display:flex;gap:28px}.nav-center a{opacity:.65;transition:opacity .3s}.nav-center a:hover{opacity:1}.nav-contact{border-bottom:1px solid var(--acid);padding-bottom:4px}.nav-contact i{font-style:normal;color:var(--acid);font-size:16px}.hero-copy{position:relative;z-index:2;padding-top:12vh}.eyebrow,.section-label{font-family:var(--mono);font-size:11px;letter-spacing:.01em;text-transform:uppercase}.eyebrow:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin-right:9px}.hero h1{font-size:clamp(58px,10vw,150px);line-height:.83;letter-spacing:-.095em;margin:38px 0 36px;font-weight:700}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-family:var(--serif);font-size:1.08em;font-weight:500;letter-spacing:-.09em;color:var(--acid);padding-left:10vw}.hero-intro{font-size:clamp(15px,1.35vw,19px);line-height:1.55;max-width:340px;margin-left:44%;font-weight:400}.hero-intro strong{color:var(--acid);font-weight:600}.hero-portrait{position:absolute;right:10%;bottom:-12px;width:min(29vw,360px);aspect-ratio:4/5;z-index:3;transform:rotate(5deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.hero-portrait:hover{transform:rotate(0) scale(1.03)!important}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.1);mix-blend-mode:screen;opacity:.83;border:1px solid rgba(255,255,255,.35)}.portrait-sticker{position:absolute;background:var(--acid);color:var(--ink);font:500 10px/1.15 var(--mono);padding:11px;z-index:1}.portrait-sticker.top{left:-31px;top:23px;transform:rotate(-14deg)}.portrait-sticker.bottom{right:-20px;bottom:30px;background:var(--orange);transform:rotate(9deg)}.hero-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.8}.orb-one{width:33vw;height:33vw;background:var(--purple);right:-8vw;top:-11vw}.orb-two{width:14vw;height:14vw;background:var(--orange);left:9%;bottom:-5vw}.hero-bottom{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:25px;display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase;width:min(1200px,calc(100% - 80px))}.hero-bottom span{color:var(--acid);font-size:15px;margin-left:5px}.statement{padding:180px 0 160px}.statement h2{font-size:clamp(34px,5.1vw,75px);letter-spacing:-.07em;line-height:1.04;max-width:950px;margin:45px 0 70px}.statement h2 i,.work h2 i,.services h3 i,.contact h2 i{font-family:var(--serif);font-weight:500}.statement-foot{display:flex;justify-content:space-between;align-items:end;margin-left:43%;gap:30px}.statement-foot p{font-size:16px;line-height:1.6;max-width:370px;margin:0}.round-link{width:104px;height:104px;flex:0 0 104px;border:1px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:inherit;text-decoration:none;font:10px/1.3 var(--mono);transition:.35s}.round-link b{font-size:19px;font-weight:400}.round-link:hover{background:var(--ink);color:var(--acid);transform:rotate(12deg)}.work{background:var(--ink);color:var(--paper);padding:115px 0 130px}.work-head{position:relative}.work h2{font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.075em;margin:45px 0 82px}.work h2 i{color:var(--acid)}.work-count{position:absolute;right:0;bottom:0;font:12px var(--mono);color:var(--acid)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project{min-height:530px;padding:18px;position:relative;display:flex;flex-direction:column;overflow:hidden;transition:transform .4s}.project:hover{transform:translateY(-9px)}.project-lime{background:var(--acid);color:var(--ink)}.project-purple{background:var(--purple);color:var(--ink)}.project-orange{background:var(--orange);color:var(--ink)}.project-top{font:10px var(--mono);text-transform:uppercase;display:flex;justify-content:space-between}.project-art{flex:1;position:relative;margin:25px 0}.project-meta{display:flex;justify-content:space-between;align-items:center}.project-meta h3{font-size:22px;letter-spacing:-.05em;margin:0}.project-meta a{height:42px;width:42px;background:var(--ink);color:var(--paper);display:grid;place-items:center;border-radius:50%;text-decoration:none;font-size:20px;transition:transform .3s}.project:hover .project-meta a{transform:rotate(45deg)}.prism-art{display:grid;place-items:center;perspective:500px}.prism-art .prism{position:absolute;width:150px;height:150px;transform:rotate(45deg);border:1px solid var(--ink);transition:transform .5s}.p1{background:#ff8bcb;transform:rotate(45deg) translate(-25px,-25px)!important}.p2{background:#fff5d0;transform:rotate(45deg) translate(25px,25px)!important}.project:hover .p1{transform:rotate(60deg) translate(-25px,-25px)!important}.project:hover .p2{transform:rotate(30deg) translate(25px,25px)!important}.prism-art b{font-size:34px;line-height:.78;letter-spacing:-.08em;position:relative;z-index:1}.orbit-art{display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--ink);border-radius:50%;width:80%;height:35%;transform:rotate(-28deg)}.o2{transform:rotate(42deg);width:74%;height:31%}.orbit-core{background:var(--ink);color:var(--purple);border-radius:50%;height:102px;width:102px;display:grid;place-items:center;font:16px var(--mono);position:relative;z-index:1;animation:float 4s ease-in-out infinite}.orbit-art small{position:absolute;bottom:8%;left:2%;font:14px/.9 var(--mono)}.ripple-art{display:grid;place-items:center;overflow:hidden}.ripple-art>span{font-size:50px;line-height:.8;letter-spacing:-.08em;font-weight:800;position:relative;z-index:2}.ripple{position:absolute;border:1px solid var(--ink);border-radius:50%;width:130px;height:130px}.r1{width:105%;height:55%;transform:rotate(-35deg)}.r2{width:78%;height:41%;transform:rotate(-35deg)}.r3{width:50%;height:27%;transform:rotate(-35deg)}.services{padding:150px 0}.service-list{margin-top:50px;border-top:1px solid rgba(23,25,29,.4)}.service{min-height:150px;border-bottom:1px solid rgba(23,25,29,.4);display:grid;grid-template-columns:12% 38% 38% 12%;align-items:center;transition:padding .35s,background .35s}.service:hover{padding-left:20px;background:var(--acid)}.service span,.service b{font:11px var(--mono)}.service h3{font-size:clamp(28px,3.3vw,48px);line-height:.85;letter-spacing:-.07em;margin:0}.service p{max-width:260px;font-size:14px;line-height:1.5}.service b{font-size:20px;text-align:right}.marquee{background:var(--acid);color:var(--ink);overflow:hidden;white-space:nowrap;padding:20px 0;font-size:clamp(32px,5vw,68px);line-height:.9;letter-spacing:-.07em;font-weight:800}.marquee div{display:inline-block;animation:marquee 18s linear infinite}.marquee span{font-family:var(--serif);font-weight:400;margin:0 25px}.contact{background:var(--purple);min-height:720px;position:relative;overflow:hidden;padding-top:125px}.contact-sun{position:absolute;width:58vw;height:58vw;max-width:820px;max-height:820px;border-radius:50%;background:var(--orange);right:-18vw;bottom:-30vw}.contact-inner{position:relative}.contact h2{font-size:clamp(55px,8.5vw,125px);line-height:.85;letter-spacing:-.09em;margin:48px 0}.contact h2 i{color:var(--paper)}.mail-link{color:var(--ink);font-size:clamp(16px,2vw,25px);font-weight:600;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:8px}.mail-link span{margin-left:30px;color:var(--paper)}footer{display:flex;justify-content:space-between;position:absolute;top:510px;width:100%;font:10px var(--mono);text-transform:uppercase}footer a{color:inherit;text-decoration:none}.reveal,.reveal-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.is-visible{opacity:1;transform:none}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:30;transform:translate(-50%,-50%)}.cursor-dot{width:6px;height:6px;background:var(--acid)}.cursor-ring{width:25px;height:25px;border:1px solid var(--acid);transition:width .25s,height .25s,background .25s}@keyframes marquee{to{transform:translateX(-33.333%)}}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.hero{min-height:770px}.nav{height:72px}.nav-center{display:none}.hero-copy{padding-top:10vh}.hero h1{margin-top:30px;font-size:19vw}.hero h1 em{padding-left:4vw}.hero-intro{margin:35px 0 0;width:52%;font-size:14px}.hero-portrait{width:47vw;right:8%;bottom:45px}.hero-bottom{width:calc(100% - 40px);bottom:13px}.hero-bottom p:last-child{display:none}.orb-one{width:55vw;height:55vw}.orb-two{width:36vw;height:36vw}.statement{padding:105px 0}.statement h2{margin:34px 0 42px}.statement-foot{margin-left:0;align-items:center}.statement-foot p{font-size:14px}.round-link{width:82px;height:82px;flex-basis:82px}.work{padding:85px 0}.work h2{margin:35px 0 55px}.projects{grid-template-columns:1fr;gap:12px}.project{min-height:390px}.service{grid-template-columns:15% 55% 30%;padding:18px 0;min-height:130px}.service p{display:none}.services{padding:100px 0}.contact{min-height:610px;padding-top:90px}.contact-sun{width:110vw;height:110vw;right:-40vw;bottom:-22vw}footer{top:430px;gap:20px;flex-wrap:wrap}.cursor-dot,.cursor-ring{display:none}}
