@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{font-family:Manrope,Noto Sans SC,sans-serif;color:#191b17;background:#f0eee7;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #191b17;--paper: #f0eee7;--acid: #c8ff32;--line: rgba(25, 27, 23, .2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}button,a{color:inherit}a{text-decoration:none}button{font:inherit}.shell{width:min(100% - 48px,1440px);margin-inline:auto}.spotlight{position:fixed;z-index:10;width:480px;height:480px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(200,255,50,.14),transparent 65%);mix-blend-mode:multiply}.nav{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:30}.wordmark{font-weight:800;font-size:1.35rem;letter-spacing:-.05em}.wordmark span{font:400 .48rem DM Mono,monospace;vertical-align:top;margin-left:3px}.nav-links{display:flex;gap:36px;font-size:.78rem;font-weight:700}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.availability{justify-self:end;font:400 .66rem DM Mono,monospace;display:flex;align-items:center;gap:8px}.availability i{width:7px;height:7px;background:#6cad1f;border-radius:50%;box-shadow:0 0 0 5px #6cad1f21}.menu-button{display:none;border:0;background:transparent}.hero{min-height:calc(100vh - 88px);position:relative;padding:58px 0 48px;display:flex;flex-direction:column;justify-content:space-between}.hero-kicker{display:flex;justify-content:space-between;font:400 .62rem DM Mono,monospace;letter-spacing:.03em}.hero h1{margin:auto 0;padding:6vh 0;font-size:clamp(5rem,13.2vw,12.3rem);line-height:.77;letter-spacing:-.085em;font-weight:800}.hero .line{display:flex;align-items:baseline}.line-one{padding-left:8vw}.line-two{justify-content:flex-end;gap:.1em}.line-two em{font-family:Georgia,Times New Roman,serif;font-size:.74em;font-weight:400;letter-spacing:-.07em}.hero-bottom{display:flex;align-items:end;justify-content:space-between}.hero-bottom p{margin:0;max-width:470px;font-size:clamp(.9rem,1.2vw,1.08rem);line-height:1.75}.hero-bottom strong{font-weight:700}.scroll-link{display:flex;align-items:center;gap:14px;padding-bottom:6px;border-bottom:1px solid currentColor;font:500 .7rem DM Mono,monospace}.orb{position:absolute;top:31%;left:3%;width:clamp(72px,8vw,118px);aspect-ratio:1;border-radius:50%;background:var(--acid);display:flex;flex-direction:column;align-items:center;justify-content:center;font:500 clamp(.48rem,.58vw,.65rem) "DM Mono",monospace;transform:rotate(-12deg);animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px) rotate(-5deg)}}.marquee{overflow:hidden;background:var(--ink);color:var(--paper);padding:23px 0}.marquee-track{display:flex;width:max-content;animation:marquee 25s linear infinite}.marquee-content{display:flex;align-items:center;gap:34px;padding-right:34px;font-size:1rem;letter-spacing:.08em}.marquee-content svg{color:var(--acid)}@keyframes marquee{to{transform:translate(-50%)}}.work{padding-top:140px;padding-bottom:150px}.section-heading{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:40px;margin-bottom:80px}.eyebrow{display:block;margin-bottom:24px;font:400 .66rem DM Mono,monospace;letter-spacing:.04em}.section-heading h2{margin:0;font-size:clamp(2.8rem,6.5vw,6.4rem);line-height:.95;letter-spacing:-.07em}.section-heading p{margin:0 0 7px;max-width:380px;line-height:1.7;font-size:.88rem;color:#595b54}.project-list{display:grid;grid-template-columns:repeat(12,1fr);gap:100px 24px}.project{grid-column:span 7}.project:nth-child(2n){grid-column:6 / span 7}.project-visual{position:relative;aspect-ratio:16 / 10;overflow:hidden;padding:26px;isolation:isolate;transition:border-radius .4s cubic-bezier(.2,.8,.2,1)}.project:hover .project-visual{border-radius:48px}.project-visual.acid{background:#c8ff32}.project-visual.lavender{background:#b7a9ff}.project-visual.orange{background:#ff7043}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(25,27,23,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(25,27,23,.13) 1px,transparent 1px);background-size:9% 13%;-webkit-mask-image:linear-gradient(to bottom right,black,transparent 74%);mask-image:linear-gradient(to bottom right,black,transparent 74%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project:hover .visual-grid{transform:scale(1.12) rotate(2deg)}.project-number{position:relative;z-index:2;font:500 .72rem DM Mono,monospace}.visual-title{position:absolute;left:8%;bottom:10%;z-index:2;display:flex;flex-direction:column;font-size:clamp(3.5rem,8.5vw,8.5rem);font-weight:800;line-height:.72;letter-spacing:-.09em;text-transform:uppercase;transform:rotate(-4deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project:hover .visual-title{transform:rotate(0) scale(1.05)}.project-arrow{position:absolute;top:24px;right:24px;z-index:2;width:34px;height:34px;transition:transform .25s ease}.project:hover .project-arrow{transform:rotate(45deg)}.project-meta{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px 0 16px;border-bottom:1px solid var(--line)}.project-meta h3{margin:0 0 7px;font-size:1.4rem;letter-spacing:-.04em}.project-meta p{margin:0;color:#66685f;font-size:.8rem}.meta-right{display:flex;gap:30px;align-items:start;font:400 .62rem DM Mono,monospace}.tags{display:flex;gap:8px;padding-top:12px}.tags span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;font:400 .58rem DM Mono,monospace;text-transform:uppercase}.about{background:var(--ink);color:var(--paper)}.about-inner{padding-top:120px;padding-bottom:140px}.light{color:#a7a89f}.about-copy{max-width:1200px;padding:60px 0 120px}.about-copy p{margin:0;font-size:clamp(3rem,6.6vw,6.7rem);line-height:1.03;letter-spacing:-.065em;font-weight:600}.about-copy span{display:block;color:#777a70}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end}.portrait{aspect-ratio:4 / 3;background:#252821;display:grid;place-items:center;overflow:hidden}.portrait-shape{width:46%;aspect-ratio:3 / 4;border-radius:48% 48% 6px 6px;background:var(--acid);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font:500 .72rem/1.3 DM Mono,monospace;text-align:center;transform:translateY(8%)}.portrait-shape svg{margin-bottom:20px;width:44px;height:44px}.bio>p{font-size:1.05rem;line-height:1.85;color:#c6c7c0}.services{margin-top:70px;padding-top:24px;border-top:1px solid #43463e;display:grid;grid-template-columns:1fr 2fr;font:400 .64rem DM Mono,monospace}.services ul{list-style:none;padding:0;margin:0}.services li{padding:7px 0;font-family:Manrope,Noto Sans SC,sans-serif;font-size:.95rem}.contact{padding-top:100px}.contact-top{display:flex;justify-content:space-between;font:400 .66rem DM Mono,monospace}.contact h2{margin:13vh 0 16vh;font-size:clamp(3.7rem,10vw,10rem);line-height:.95;letter-spacing:-.08em}.contact h2 button{display:inline-flex;align-items:center;gap:12px;padding:0;border:0;border-bottom:5px solid currentColor;background:transparent;font:inherit;color:#7b7d74;letter-spacing:inherit;cursor:pointer;transition:color .2s ease}.contact h2 button:hover{color:var(--ink)}.footer-bottom{min-height:90px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font:400 .62rem DM Mono,monospace}.footer-bottom div{display:flex;gap:28px}.footer-bottom>a{justify-self:end}@media(max-width:800px){.shell{width:min(100% - 32px,1440px)}.nav{height:72px;grid-template-columns:1fr auto}.menu-button{display:flex;position:relative;z-index:3}.availability{display:none}.nav-links{position:fixed;inset:0;background:var(--acid);flex-direction:column;align-items:center;justify-content:center;gap:24px;font-size:2.5rem;opacity:0;visibility:hidden;transition:.25s ease}.nav-links.open{opacity:1;visibility:visible}.hero{min-height:calc(100svh - 72px);padding:32px 0}.hero h1{font-size:clamp(4.3rem,23vw,8rem);line-height:.82}.line-one{padding-left:0}.line-two{flex-direction:column;align-items:end;gap:0}.line-two em{align-self:start}.orb{top:24%;right:2%;left:auto}.hero-bottom{align-items:start;gap:30px;flex-direction:column}.hero-bottom p{max-width:390px}.section-heading{grid-template-columns:1fr}.work{padding-top:90px;padding-bottom:100px}.project-list{display:block}.project{margin-bottom:72px}.project-visual{aspect-ratio:4 / 3;padding:18px}.project:hover .project-visual{border-radius:28px}.visual-title{font-size:16vw}.project-meta{grid-template-columns:1fr}.meta-right{justify-content:space-between}.about-copy{padding:40px 0 80px}.about-grid{grid-template-columns:1fr;gap:60px}.services{grid-template-columns:1fr 1fr}.contact{padding-top:72px}.contact h2{margin:10vh 0}.contact h2 button{border-bottom-width:3px}.footer-bottom{padding:24px 0;grid-template-columns:1fr auto;gap:24px}.footer-bottom div{grid-row:2;grid-column:1 / -1;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spotlight{display:none}}
