@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Nunito:wght@500;700;900&display=swap');
:root{--ink:#221d1a;--paper:#fff8df;--orange:#ef6a23;--yellow:#ffc93d;--cream:#fff1b8;--blue:#46a5c6;--red:#d8422f;--white:#fffdf5;--shadow:8px 8px 0 var(--ink);--radius:26px;--shell:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px,rgba(34,29,26,.13) 1.2px,transparent 0);background-size:17px 17px;font-family:"Nunito",Arial,sans-serif;font-weight:700;line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,rgba(255,201,61,.28),transparent 38%),radial-gradient(circle at 90% 18%,rgba(239,106,35,.22),transparent 25%)}a{color:inherit}img,video{display:block;max-width:100%}.shell{width:var(--shell);margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px max(20px,calc((100% - 1180px)/2));background:rgba(255,248,223,.94);border-bottom:3px solid var(--ink);backdrop-filter:blur(10px)}.brand{font:34px/1 "Bangers",Impact,sans-serif;letter-spacing:1.5px;text-decoration:none;transform:rotate(-2deg)}.brand span{color:var(--orange)}nav{display:flex;align-items:center;gap:10px}nav a{padding:9px 14px;text-decoration:none;font-weight:900;border:2px solid transparent;border-radius:999px}nav a:hover,nav a[aria-current=page]{background:var(--yellow);border-color:var(--ink)}nav .nav-contact{background:var(--orange);color:var(--white);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.nav-toggle{display:none;border:2px solid var(--ink);background:var(--yellow);font:inherit;font-weight:900;border-radius:99px;padding:7px 12px}.hero{position:relative;min-height:590px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding-block:90px 70px;overflow:hidden}.hero h1,.page-hero h1,.contact-hero h1{font:clamp(76px,12vw,155px)/.79 "Bangers",Impact,sans-serif;letter-spacing:2px;margin:16px 0 25px;text-transform:uppercase}.hero h1 span,.contact-hero h1 span{color:var(--orange);text-shadow:4px 4px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-weight:900;margin:0;color:var(--red)}.lede{max-width:630px;font-size:clamp(19px,2.2vw,27px);line-height:1.35}.button-row{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.button{display:inline-block;background:var(--yellow);padding:13px 22px;border:3px solid var(--ink);border-radius:999px;box-shadow:5px 5px 0 var(--ink);font-weight:900;text-decoration:none;text-transform:uppercase;transition:.2s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button-dark{background:var(--ink);color:var(--white);box-shadow:5px 5px 0 var(--orange);border-color:var(--ink)}.text-link{font-weight:900;text-decoration-thickness:3px;text-underline-offset:5px}.hero-burst{justify-self:center;width:min(31vw,320px);aspect-ratio:1;display:grid;place-items:center;text-align:center;color:var(--white);font:clamp(42px,6vw,78px)/.82 "Bangers",Impact,sans-serif;letter-spacing:2px;background:var(--blue);clip-path:polygon(50% 0,60% 25%,79% 8%,79% 34%,100% 28%,84% 50%,100% 66%,75% 67%,77% 94%,56% 77%,45% 100%,38% 74%,13% 91%,20% 64%,0 57%,25% 45%,5% 26%,33% 29%);filter:drop-shadow(9px 10px 0 var(--ink));transform:rotate(7deg)}section{padding-block:75px}.reel-section{padding-top:35px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2,.discipline-section>h2,.cta h2,.about-copy h2,.case-details h2{font:clamp(48px,7vw,82px)/.9 "Bangers",Impact,sans-serif;letter-spacing:1.5px;margin:7px 0 0}.sticker{display:inline-grid;place-items:center;min-width:105px;min-height:75px;padding:10px;background:var(--yellow);border:3px solid var(--ink);border-radius:50%;font:25px/1 "Bangers",Impact,sans-serif;transform:rotate(7deg);box-shadow:4px 4px 0 var(--ink)}.video-frame{padding:10px;background:var(--ink);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.video-frame video{width:100%;max-height:690px;aspect-ratio:16/9;background:#090909;border-radius:16px}.caption{margin:20px 5px 0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-card{position:relative;display:block;text-decoration:none;background:var(--white);border:3px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink);overflow:hidden;transition:.2s}.project-card:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:9px 12px 0 var(--ink)}.project-thumb{aspect-ratio:4/3;overflow:hidden;background:var(--yellow);border-bottom:3px solid var(--ink)}.project-thumb img,.project-thumb video{width:100%;height:100%;object-fit:cover}.project-info{padding:18px 19px 21px}.project-info small{text-transform:uppercase;color:var(--red);letter-spacing:1.5px}.project-info h3{font:31px/1 "Bangers",Impact,sans-serif;letter-spacing:1px;margin:6px 0}.project-info p{margin:0;font-size:14px}.project-card .badge{position:absolute;top:14px;right:12px;background:var(--yellow);border:2px solid var(--ink);border-radius:99px;padding:4px 10px;font-size:12px;text-transform:uppercase}.discipline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:28px}.discipline-card{position:relative;min-height:320px;display:flex;flex-direction:column;justify-content:end;padding:28px;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;overflow:hidden}.discipline-card:before{content:"";position:absolute;width:170px;aspect-ratio:1;border:22px dotted rgba(34,29,26,.16);border-radius:50%;right:-48px;top:-53px}.discipline-card h3{font:clamp(39px,4vw,57px)/.9 "Bangers",Impact,sans-serif;margin:0}.discipline-card p{margin:8px 0 0}.illustration-card{background:var(--orange);color:var(--white)}.animation-card{background:var(--yellow)}.motion-card{background:var(--blue);color:var(--white)}.card-number{position:absolute;top:20px;left:24px;font-weight:900}.card-arrow{position:absolute;right:25px;bottom:22px;font-size:34px}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--orange);border:4px solid var(--ink);border-radius:35px;box-shadow:var(--shadow);padding:42px 50px;margin-block:65px 100px}.cta h2{color:var(--white);margin-bottom:0}footer{display:flex;justify-content:space-between;gap:20px;padding:30px max(20px,calc((100% - 1180px)/2));background:var(--ink);color:var(--white)}.page-hero{padding-block:80px 45px}.page-hero h1{font-size:clamp(80px,13vw,150px);margin-bottom:20px}.accent-dot{color:var(--orange)}.work-browser{padding-top:20px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters button{font:inherit;font-weight:900;padding:9px 15px;border:2px solid var(--ink);border-radius:99px;background:var(--white);cursor:pointer}.filters button.active,.filters button:hover{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.results-count{margin:0 0 24px}.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding-top:15px;padding-bottom:110px}.portrait-placeholder{aspect-ratio:4/5;display:grid;place-items:center;background:var(--yellow);border:4px solid var(--ink);border-radius:45% 45% 25% 25%;box-shadow:var(--shadow);background-image:radial-gradient(rgba(34,29,26,.18) 2px,transparent 2px);background-size:18px 18px}.portrait-placeholder>div{display:grid;place-items:center;background:var(--white);border:3px solid var(--ink);border-radius:50%;width:60%;aspect-ratio:1;font:40px/1 "Bangers",Impact,sans-serif;text-align:center}.portrait-placeholder small{font:14px/1.2 "Nunito",sans-serif;margin-top:8px}.about-copy{position:relative}.about-copy .sticker{position:absolute;right:0;top:-35px}.about-copy>p{font-size:18px}.about-copy .intro-placeholder{font-size:23px}.skill-chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.skill-chips span{padding:7px 12px;border:2px solid var(--ink);border-radius:99px;background:var(--cream)}.contact-hero{width:var(--shell);margin:auto;padding:90px 0 110px}.contact-hero h1{font-size:clamp(68px,11vw,135px)}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:50px}.contact-list a{display:grid;grid-template-columns:1fr auto;gap:2px 15px;padding:22px;background:var(--white);border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);text-decoration:none}.contact-list small{grid-column:1;text-transform:uppercase;color:var(--red);letter-spacing:1.5px}.contact-list strong{grid-column:1;font-size:18px}.contact-list span{grid-column:2;grid-row:1/3;align-self:center;font-size:28px}.placeholder-note{padding:12px 15px;background:var(--cream);border-left:5px solid var(--orange)}.case-media{padding-top:10px}.case-media img,.case-media video{width:100%;max-height:760px;object-fit:contain;background:var(--ink);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.case-details{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.case-copy>p:first-child{font-size:23px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.detail-grid div{padding:17px;background:var(--white);border:2px solid var(--ink);border-radius:15px}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{text-transform:uppercase;color:var(--red)}.next-project{padding-top:10px;padding-bottom:110px}.next-project a{display:flex;align-items:center;gap:12px;padding:25px 28px;background:var(--yellow);border:3px solid var(--ink);border-radius:20px;box-shadow:var(--shadow);text-decoration:none;font-size:25px}.next-project a strong{font:36px/1 "Bangers",Impact,sans-serif;margin-right:auto}.hide{display:none!important}
@media(max-width:820px){.nav-toggle{display:block}nav{display:none;position:absolute;top:72px;left:15px;right:15px;flex-direction:column;align-items:stretch;padding:14px;background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--shadow)}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-burst{position:absolute;right:0;top:55px;width:145px;opacity:.9}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(68px,20vw,112px)}.project-grid{grid-template-columns:repeat(2,1fr)}.discipline-grid{grid-template-columns:1fr}.discipline-card{min-height:230px}.about-layout,.case-details{grid-template-columns:1fr}.portrait-placeholder{max-width:520px}.contact-list{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.cta{padding:35px 28px}.about-layout{gap:50px}}
@media(max-width:540px){:root{--shell:calc(100% - 26px);--shadow:5px 5px 0 var(--ink)}.site-header{padding:14px 15px}.brand{font-size:29px}.hero{padding-top:55px}.hero-burst{display:none}.hero h1,.contact-hero h1{font-size:64px}.project-grid{grid-template-columns:1fr}.section-heading{align-items:start}.section-heading .sticker{display:none}.cta,footer{flex-direction:column;align-items:flex-start}.cta{margin-inline:13px}.page-hero{padding-top:55px}.page-hero h1{font-size:75px}.case-details{gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.portrait-placeholder:has(img){overflow:hidden;background-image:none}.portrait-placeholder>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 42%}
.resume-button{background:var(--blue);color:var(--white)}
.project-card:after{content:"Check me out!";position:absolute;z-index:3;left:14px;top:14px;padding:7px 12px;background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink);font:18px/1 "Bangers",Impact,sans-serif;letter-spacing:.5px;opacity:0;transform:scale(.6) rotate(-8deg);transform-origin:left bottom;transition:opacity .18s,transform .22s;pointer-events:none}.project-card:hover:after,.project-card:focus-visible:after{opacity:1;transform:scale(1) rotate(-5deg)}
.reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .55s ease var(--reveal-delay,0ms),transform .55s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}
.process-section{padding-top:20px}.process-section h2{font:clamp(48px,7vw,82px)/.9 "Bangers",Impact,sans-serif;letter-spacing:1.5px;margin:7px 0 0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.process-grid article{position:relative;min-height:250px;padding:28px 24px;background:var(--white);border:3px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink);overflow:hidden}.process-grid article:nth-child(2){background:var(--yellow);transform:rotate(1deg)}.process-grid article:nth-child(3){background:var(--blue);color:var(--white)}.process-grid article>span{position:absolute;right:18px;top:10px;font:64px/1 "Bangers",Impact,sans-serif;opacity:.14}.process-grid h3{font:36px/1 "Bangers",Impact,sans-serif;letter-spacing:1px;margin:28px 0 12px}.process-grid p{margin:0}.case-media video{aspect-ratio:16/9}
@media(max-width:820px){.process-grid{grid-template-columns:1fr}.process-grid article{min-height:200px}.process-grid article:nth-child(2){transform:none}}
@media(hover:none){.project-card:after{display:none}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}