:root{--ink:oklch(17% .018 275);--paper:oklch(94% .018 85);--blue:oklch(66% .22 255);--pink:oklch(66% .25 350);--violet:oklch(54% .19 310);--muted:oklch(72% .025 275);--display:'Bebas Neue',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.07;z-index:10;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:absolute;width:100%;z-index:5;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.wordmark{font:34px/1 var(--display);color:var(--paper);text-decoration:none;letter-spacing:.02em}.wordmark span{color:var(--pink)}nav{display:flex;gap:30px}a{color:inherit}nav a,.hire-link{text-decoration:none}.hire-link{border-bottom:1px solid var(--pink);padding-bottom:5px}.hire-link span,.text-link span,.email span{color:var(--pink)}.hero{min-height:100vh;padding:150px 8vw 70px;position:relative;background:radial-gradient(circle at 75% 40%,color-mix(in oklch,var(--violet) 32%,transparent),transparent 28%),var(--ink);display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:0;color:var(--muted)}.eyebrow span{color:var(--pink);margin-left:6px}.hero-title,.section-heading h2,.statement h2,.archive h2,.contact h2{font:clamp(76px,13vw,190px)/.83 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:8vh 0 5vh;max-width:900px}.hero-title em,.section-heading em,.statement em,.archive em,.contact em{color:var(--pink);font-style:normal}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-intro{max-width:390px;font-size:17px;line-height:1.45;margin:0}.circle-link{width:112px;height:112px;border:1px solid var(--blue);border-radius:50%;display:grid;place-content:center;text-align:center;text-decoration:none;font-size:29px;transition:transform .6s cubic-bezier(.2,.8,.2,1),background .3s}.circle-link:hover{transform:rotate(-12deg);background:var(--blue);color:var(--ink)}.circle-link span{display:block;font:11px var(--body);text-transform:uppercase;letter-spacing:.1em}.hero-orbit{position:absolute;right:9vw;top:30%;width:250px;height:250px;border:1px solid color-mix(in oklch,var(--blue) 70%,transparent);border-radius:50%;display:grid;place-items:center;animation:spin 18s linear infinite}.hero-orbit:after{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:var(--pink);top:14px;right:35px}.hero-orbit span{position:absolute;font:15px var(--display);letter-spacing:.1em}.hero-orbit span:nth-child(1){transform:translateY(-102px)}.hero-orbit span:nth-child(2){transform:translateX(132px) rotate(90deg)}.hero-orbit span:nth-child(3){transform:translateY(102px)}@keyframes spin{to{transform:rotate(360deg)}}.ticker{background:var(--pink);color:var(--ink);overflow:hidden;padding:10px 0;font:28px var(--display);white-space:nowrap}.ticker div{animation:marquee 30s linear infinite}@keyframes marquee{to{transform:translateX(-40%)}}.work-section{padding:150px 8vw 90px}.section-heading h2{font-size:clamp(70px,11vw,160px);margin:7vh 0 12vh}.project-list{display:grid;gap:100px}.project{min-height:520px;display:grid;grid-template-columns:50px minmax(0,1fr) 38%;gap:4vw;align-items:stretch;position:relative}.project-number{font:34px var(--display);color:var(--ink)}.project-copy{align-self:end;padding-bottom:6px}.project-type{font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 20px}.project-copy h3{font:clamp(58px,8vw,120px)/.8 var(--display);margin:0 0 26px;letter-spacing:-.02em}.project-copy p:not(.project-type){max-width:380px;line-height:1.5;margin:0 0 28px}.text-link{text-transform:uppercase;letter-spacing:.12em;font-size:11px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px}.project-blue{background:var(--blue);color:var(--ink);padding:38px}.project-pink{background:var(--pink);color:var(--ink);padding:38px}.project-violet{background:var(--violet);color:var(--paper);padding:38px}.project-paper{background:var(--paper);color:var(--ink);padding:38px}.project-visual{min-height:430px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual-signal{background:linear-gradient(140deg,var(--ink) 0 45%,transparent 45% 100%)}.signal-line{width:84%;height:1px;background:var(--pink);transform:rotate(-24deg);box-shadow:0 0 30px 12px color-mix(in oklch,var(--pink) 50%,transparent)}.signal-label{position:absolute;left:10%;bottom:13%;font:62px/.8 var(--display);color:var(--paper)}.visual-email{background:var(--paper);color:var(--pink);align-items:flex-start;justify-content:flex-start;padding:28px;flex-direction:column}.visual-email span{font:40px var(--display)}.visual-email strong{font:clamp(54px,7vw,100px)/.78 var(--display);margin-top:20px}.visual-email small,.visual-video small{position:absolute;bottom:20px;left:25px;font-size:10px;letter-spacing:.14em}.visual-video{background:linear-gradient(135deg,var(--ink),var(--violet) 52%,var(--blue));justify-content:center}.visual-video:before{content:'';position:absolute;inset:14%;border:1px solid color-mix(in oklch,var(--paper) 65%,transparent);transform:rotate(6deg)}.visual-video a{display:grid;place-items:center;z-index:1;text-decoration:none}.play{font-size:48px;border:1px solid var(--paper);width:90px;height:90px;border-radius:50%;display:grid;place-items:center;padding-left:6px;transition:background .3s,color .3s}.visual-video a:hover .play{background:var(--paper);color:var(--violet)}.visual-ideas{background:var(--blue);font:75px/.77 var(--display);padding:30px;justify-content:space-between;align-items:start}.visual-ideas i{font:110px serif;color:var(--pink);align-self:center}.visual-ideas b{font:75px/.77 var(--display);align-self:end;text-align:right}.statement{padding:180px 8vw;background:var(--paper);color:var(--ink)}.statement h2{font-size:clamp(70px,11vw,155px);margin:8vh 0}.statement h2 em{color:var(--violet)}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-left:25%;max-width:720px}.statement-grid p{font-size:18px;line-height:1.55}.archive{padding:150px 8vw}.archive-head{display:flex;justify-content:space-between;align-items:end}.archive h2{font-size:clamp(70px,10vw,140px);margin:8vh 0}.video-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-template-rows:240px 240px;gap:16px}.video-tile{padding:18px;display:flex;justify-content:space-between;align-items:start;text-decoration:none;font-size:10px;letter-spacing:.12em;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.video-tile:hover{transform:scale(.98) rotate(-1deg)}.video-tile b{font-size:20px}.tile-1{grid-row:span 2;background:linear-gradient(145deg,var(--pink),var(--violet));color:var(--ink)}.tile-2{background:linear-gradient(145deg,var(--blue),var(--paper));color:var(--ink)}.tile-3{background:linear-gradient(145deg,var(--violet),var(--ink))}.tile-4{background:linear-gradient(145deg,var(--paper),var(--pink));color:var(--ink)}.contact{padding:150px 8vw 100px;background:var(--violet)}.contact h2{font-size:clamp(90px,14vw,200px);margin:9vh 0}.contact h2 em{color:var(--blue)}.contact-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:22px;align-items:end}.contact-bottom p{max-width:250px;line-height:1.5}.email{font:clamp(24px,3vw,44px) var(--display);text-decoration:none;border-bottom:1px solid var(--paper);padding-bottom:8px}.resume{justify-self:end;text-transform:uppercase;font-size:11px;letter-spacing:.13em;text-decoration:none}.resume span{font-size:18px;margin-left:8px}footer{padding:22px 4vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}footer a{text-decoration:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease-out,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){.site-header{padding:20px 6vw;height:65px}.site-header nav{display:none}.hire-link{font-size:9px}.hero{padding:120px 6vw 45px;min-height:92vh}.hero-title{font-size:25vw;margin:20vh 0 12vh}.hero-orbit{width:130px;height:130px;right:7vw;top:37%;opacity:.5}.hero-orbit span{font-size:9px}.hero-orbit span:nth-child(1){transform:translateY(-57px)}.hero-orbit span:nth-child(2){transform:translateX(67px) rotate(90deg)}.hero-orbit span:nth-child(3){transform:translateY(57px)}.hero-intro{font-size:15px;max-width:250px}.circle-link{width:75px;height:75px;font-size:22px}.circle-link span{font-size:8px}.work-section,.archive,.statement,.contact{padding:90px 6vw}.section-heading h2,.statement h2,.archive h2,.contact h2{font-size:20vw;margin:6vh 0 10vh}.project{display:flex;flex-direction:column;gap:18px;min-height:0;padding:20px!important}.project-number{font-size:24px}.project-visual{min-height:300px}.project-copy{padding:0 0 20px}.project-copy h3{font-size:20vw}.signal-label,.visual-ideas,.visual-ideas b{font-size:16vw}.statement-grid,.contact-bottom{grid-template-columns:1fr;margin-left:0}.contact-bottom{gap:35px}.resume{justify-self:start}.archive-head{display:block}.archive-head .text-link{display:inline-block;margin-bottom:40px}.video-grid{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px}.tile-1{grid-row:span 1}.video-tile{font-size:8px}footer{padding:20px 6vw;gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit,.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}.video-tile,.circle-link{transition:none}}
.video-player{display:grid;place-items:center;min-height:80px;margin:0 0 24px;background:color-mix(in oklch,var(--paper) 8%,var(--ink));border:1px solid color-mix(in oklch,var(--paper) 20%,transparent);color:var(--muted)}.video-player p{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.video-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0}