:root{--cream:#fff0c8;--ink:#17130e;--tomato:#ff3d27;--blue:#2358e8;--yellow:#ffd21c;--pink:#ff79b8;--mint:#a9edc6;--purple:#762ae3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Fraunces",Georgia,serif;font-size:18px;overflow-x:hidden}body::after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.14;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='.3'/%3E%3C/svg%3E");mix-blend-mode:multiply}a{color:inherit}.progress{position:fixed;inset:0 auto auto 0;z-index:100;width:0;height:6px;background:var(--yellow)}
.gate-active{overflow:hidden}.portfolio-cover{position:fixed;z-index:90;inset:0;display:grid;grid-template-rows:auto 1fr auto;color:#1a1a18;background:#f3f2ed;font-family:"Fraunces",Georgia,serif;overflow:auto;transition:clip-path 720ms cubic-bezier(.72,0,.2,1),transform 720ms cubic-bezier(.72,0,.2,1);clip-path:inset(0 0 0 0)}.portfolio-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,rgba(26,26,24,.08) 50%,transparent 50.1%);opacity:.7}.portfolio-cover.departing{clip-path:inset(0 0 100% 0);transform:translateY(-20px)}.cover-nav{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid #c8c6bf}.cover-logo{font-family:"Fraunces",serif;font-size:20px;font-weight:900;letter-spacing:-.04em;text-decoration:none}.cover-nav nav{display:flex;gap:44px}.cover-nav nav a{font:700 14px/1 "Fraunces",serif;text-decoration:none}.cover-menu{justify-self:end;padding:10px 0;color:#1a1a18;background:transparent;border:0;border-bottom:1px solid #1a1a18;font:700 14px/1 "Fraunces",serif;cursor:pointer}.cover-menu span{margin-left:8px}.cover-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(50px,8vw,130px);padding:clamp(60px,8vh,110px) clamp(24px,8vw,130px)}.cover-copy{max-width:760px}.cover-status{margin:0 0 36px;color:#5d5c57;font-size:14px}.cover-status i{display:inline-block;width:8px;height:8px;margin-right:9px;background:#4c735d;border-radius:50%}.cover-copy h1{margin:0;font:700 clamp(68px,8.5vw,130px)/.88 "Fraunces",serif;letter-spacing:-.065em}.cover-role{margin:24px 0 36px;font-size:clamp(24px,2.5vw,36px);font-weight:500}.cover-intro{max-width:610px;margin:0;color:#54534e;font-size:20px;line-height:1.5}.cover-actions{display:flex;align-items:center;gap:28px;margin-top:42px}.cover-primary{min-height:52px;padding:0 20px;color:#f3f2ed;background:#1a1a18;border:1px solid #1a1a18;border-radius:0;font:700 15px/1 "Fraunces",serif;cursor:pointer}.cover-primary span{margin-left:18px}.cover-actions>a{font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.cover-photo{justify-self:end;width:min(100%,430px);margin:0}.cover-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 28%;filter:saturate(.8) contrast(.96)}.cover-photo figcaption{display:flex;justify-content:flex-end;margin-top:12px;color:#74726b;font-size:12px}.cover-footer{position:relative;z-index:2;display:flex;justify-content:space-between;padding:20px clamp(24px,5vw,76px);border-top:1px solid #c8c6bf;color:#6e6c65;font-size:11px;font-weight:700;letter-spacing:.08em}
.nav-shell{position:absolute;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px clamp(22px,4vw,64px)}.clay-logo{width:68px;height:60px;display:grid;place-items:center;color:var(--cream);background:var(--tomato);border:3px solid var(--ink);border-radius:48% 52% 44% 56%/54% 44% 56% 46%;box-shadow:5px 6px 0 var(--ink),inset -5px -5px 0 rgba(99,12,4,.18);font:400 22px/1 "Bowlby One SC",sans-serif;text-decoration:none;transform:rotate(-6deg)}nav{display:flex;gap:40px}nav a,.hire-link{font:400 13px/1 "Bowlby One SC",sans-serif;text-decoration:none;text-transform:uppercase}.hire-link{justify-self:end;border-bottom:3px solid currentColor;padding-bottom:5px}.nav-shell a{transition:transform 150ms ease}.nav-shell a:hover{transform:rotate(-3deg) scale(1.04)}
.hero{position:relative;min-height:980px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:145px clamp(24px,6vw,96px) 85px;overflow:hidden;background:var(--yellow);border-bottom:4px solid var(--ink)}.sunburst{position:absolute;right:-12%;top:-25%;width:75vw;height:75vw;border-radius:50%;background:repeating-conic-gradient(var(--pink) 0 12deg,var(--yellow) 12deg 24deg);opacity:.8}.blob{position:absolute;display:block;filter:drop-shadow(10px 12px 0 var(--ink));border:4px solid var(--ink)}.blob-one{left:-90px;bottom:40px;width:240px;height:190px;background:var(--mint);border-radius:37% 63% 68% 32%/46% 45% 55% 54%;transform:rotate(18deg)}.blob-two{left:43%;top:120px;width:90px;height:78px;background:var(--purple);border-radius:50% 45% 55% 45%;transform:rotate(-16deg)}.hero-type{position:relative;z-index:4}.mini-label,.section-tag{margin:0 0 18px;font:400 13px/1.2 "Bowlby One SC",sans-serif;text-transform:uppercase;letter-spacing:.04em}.hero h1{margin:0;font:400 clamp(78px,10vw,150px)/.82 "Bowlby One SC",sans-serif;letter-spacing:-.055em;text-transform:uppercase}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--cream);text-shadow:-4px -4px 0 var(--ink),4px -4px 0 var(--ink),-4px 4px 0 var(--ink),4px 4px 0 var(--ink),9px 10px 0 var(--tomato);transform:rotate(-2deg);transform-origin:left}.hero-deck{max-width:570px;margin:42px 0 30px;font-size:24px;font-weight:700;line-height:1.25}.clay-button{display:inline-flex;align-items:center;gap:32px;min-height:64px;padding:0 24px;color:var(--cream);background:var(--blue);border:3px solid var(--ink);box-shadow:7px 8px 0 var(--ink),inset -6px -6px 0 rgba(9,25,96,.18);border-radius:17px 13px 19px 14px;font:400 14px/1 "Bowlby One SC",sans-serif;text-decoration:none;transform:rotate(1deg);transition:transform 140ms ease,box-shadow 140ms ease}.clay-button:hover{transform:translate(4px,5px) rotate(-1deg);box-shadow:3px 3px 0 var(--ink)}.clay-button b{font-size:28px}.character-stage{position:relative;z-index:3;align-self:end;height:720px}.blue-arch{position:absolute;inset:70px 2% 0 10%;background:var(--blue);border:4px solid var(--ink);border-radius:48% 48% 9% 9%/37% 37% 8% 8%;box-shadow:16px 18px 0 var(--ink),inset -18px -20px 0 rgba(13,27,99,.18)}.character-stage>img{position:absolute;z-index:2;left:-1%;bottom:-60px;width:102%;max-height:780px;object-fit:contain;object-position:bottom;filter:drop-shadow(14px 19px 0 rgba(23,19,14,.85))}.sticker{position:absolute;z-index:5;display:grid;place-items:center;text-align:center;border:4px solid var(--ink);font:400 17px/.9 "Bowlby One SC",sans-serif}.sticker-trust{right:-28px;top:105px;width:126px;height:112px;background:var(--tomato);border-radius:48% 52% 38% 62%/52% 41% 59% 48%;box-shadow:7px 8px 0 var(--ink);transform:rotate(10deg)}.sticker-bite{left:-28px;bottom:150px;width:110px;height:108px;background:var(--mint);border-radius:50%;box-shadow:7px 8px 0 var(--ink);font-size:38px;transform:rotate(-9deg)}.sticker-bite small{font-size:13px}.name-tag{position:absolute;z-index:5;right:-12px;bottom:38px;margin:0;padding:12px 18px;background:var(--cream);border:3px solid var(--ink);box-shadow:6px 7px 0 var(--tomato);font:400 17px/1 "Bowlby One SC",sans-serif;transform:rotate(-3deg)}.name-tag span{font:700 13px/1 "Fraunces",serif}.side-note{position:absolute;right:24px;bottom:18px;margin:0;font-size:13px;font-style:italic;transform:rotate(-2deg)}
.marquee{overflow:hidden;padding:18px 0 15px;color:var(--cream);background:var(--ink);white-space:nowrap}.marquee div{width:max-content;animation:marquee 22s linear infinite}.marquee span{font:400 22px/1 "Bowlby One SC",sans-serif}.marquee b{margin:0 30px;color:var(--tomato);font-size:26px}@keyframes marquee{to{transform:translateX(-50%)}}
.manifesto{position:relative;min-height:900px;padding:120px clamp(24px,7vw,110px);background:var(--cream);overflow:hidden}.manifesto h2,.work-intro h2,.talents h2{position:relative;z-index:2;margin:0;font:400 clamp(70px,9vw,136px)/.84 "Bowlby One SC",sans-serif;letter-spacing:-.05em;text-transform:uppercase}.manifesto h2 em{color:var(--tomato);font-style:normal}.manifesto-copy{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:50px;width:58%;margin:70px 0 0 auto}.manifesto-copy p{margin:0;font-size:22px;font-weight:700;line-height:1.35}.stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);width:65%;margin:70px 0 0 auto;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}.stats div{padding:25px 18px;text-align:center}.stats div+div{border-left:4px solid var(--ink)}.stats strong{display:block;font:400 clamp(60px,7vw,100px)/.8 "Bowlby One SC",sans-serif}.stats span{font:400 13px/1 "Bowlby One SC",sans-serif;text-transform:uppercase}.eyeball{position:absolute;right:-100px;top:85px;width:460px;height:300px;background:var(--yellow);border:5px solid var(--ink);border-radius:50%;box-shadow:15px 16px 0 var(--pink);transform:rotate(-13deg)}.eyeball::before{content:"";position:absolute;inset:50px 125px;background:var(--paper,#fff);border:4px solid var(--ink);border-radius:50%}.eyeball i{position:absolute;z-index:2;left:188px;top:98px;width:85px;height:85px;background:var(--blue);border:4px solid var(--ink);border-radius:50%;box-shadow:inset -12px -9px 0 rgba(0,0,0,.25)}
.work-intro{position:relative;min-height:820px;padding:110px clamp(24px,7vw,110px);color:var(--cream);background:var(--tomato);border-block:4px solid var(--ink);overflow:hidden}.work-intro h2{position:relative;z-index:3;max-width:1100px}.work-intro h2 span{color:var(--yellow);text-shadow:5px 6px 0 var(--ink)}.work-intro img{position:absolute;z-index:2;right:-3%;bottom:-15%;width:min(56vw,760px);filter:drop-shadow(15px 18px 0 var(--ink));transform:rotate(-5deg)}
.case{position:relative;min-height:900px;padding:58px clamp(24px,7vw,110px) 90px;border-bottom:5px solid var(--ink);overflow:hidden}.case-yellow{background:var(--yellow)}.case-pink{background:var(--pink)}.case-blue{color:var(--cream);background:var(--blue)}.case-number{font:400 22px/1 "Bowlby One SC",sans-serif}.case-type{position:absolute;right:clamp(24px,7vw,110px);top:64px;font-weight:900}.case h3{position:relative;z-index:3;margin:100px 0 0;font:400 clamp(68px,9vw,138px)/.78 "Bowlby One SC",sans-serif;letter-spacing:-.055em}.case h3 em{font-style:normal;color:var(--tomato);text-shadow:5px 6px 0 var(--ink)}.case-pink h3 em{color:var(--yellow)}.case-blue h3 em{color:var(--yellow);text-shadow:5px 6px 0 var(--ink)}.case aside{position:absolute;z-index:4;right:clamp(24px,7vw,110px);bottom:80px;width:min(34%,460px);padding:25px;background:var(--cream);color:var(--ink);border:4px solid var(--ink);box-shadow:10px 12px 0 var(--ink);transform:rotate(-1deg)}.case aside>p{font-size:20px;font-weight:700;line-height:1.3}.case dl{margin:25px 0 0;border-top:3px solid var(--ink)}.case dl div{display:grid;grid-template-columns:95px 1fr;padding:8px 0;border-bottom:2px solid var(--ink)}.case dt{font-style:italic}.case dd{margin:0;font-weight:900}.clay-window{position:absolute;right:5%;top:17%;width:330px;height:265px;background:var(--blue);border:5px solid var(--ink);border-radius:25px;box-shadow:14px 15px 0 var(--ink),inset -14px -16px 0 rgba(0,0,0,.18);transform:rotate(8deg)}.clay-window span{position:absolute;inset:60px 30px 28px;background:#c7f2ff;border:4px solid var(--ink);border-radius:10px}.clay-window i,.clay-window b{position:absolute;top:20px;width:22px;height:22px;border:3px solid var(--ink);border-radius:50%}.clay-window i{left:24px;background:var(--tomato)}.clay-window b{left:55px;background:var(--yellow)}.clay-mouth{position:absolute;right:8%;top:18%;width:330px;height:205px;background:var(--tomato);border:5px solid var(--ink);border-radius:50% 46% 50% 44%/55% 49% 51% 45%;box-shadow:14px 15px 0 var(--ink);transform:rotate(-7deg)}.clay-mouth span{position:absolute;inset:67px 45px 48px;background:var(--ink);border-radius:50%}.clay-mouth i{position:relative;z-index:2;display:inline-block;left:88px;top:72px;width:31px;height:38px;background:var(--cream);border:3px solid var(--ink);border-radius:4px 4px 12px 12px}.clay-pot{position:absolute;right:10%;top:15%;width:330px;height:220px;background:var(--tomato);border:5px solid var(--ink);border-radius:15px 15px 90px 90px;box-shadow:14px 15px 0 var(--ink);transform:rotate(6deg)}.clay-pot::before,.clay-pot::after{content:"";position:absolute;top:60px;width:70px;height:55px;border:18px solid var(--ink);border-radius:50%}.clay-pot::before{left:-65px}.clay-pot::after{right:-65px}.clay-pot span{position:absolute;left:105px;top:-125px;width:55px;height:190px;background:var(--yellow);border:5px solid var(--ink);border-radius:50%;transform:rotate(24deg);box-shadow:7px 8px 0 var(--ink)}.clay-pot i{position:absolute;left:145px;top:-40px;width:100px;height:100px;border:18px dotted var(--cream);border-radius:50%;opacity:.8}
.talents{padding:120px clamp(24px,7vw,110px);background:var(--mint)}.talents h2 em{color:var(--purple);font-style:normal;text-shadow:5px 6px 0 var(--yellow)}.talents ol{margin:85px 0 0;padding:0;list-style:none;border-top:5px solid var(--ink)}.talents li{display:grid;grid-template-columns:80px 1.1fr 1fr;align-items:center;gap:28px;padding:30px 10px;border-bottom:5px solid var(--ink);transition:background 140ms ease,padding 140ms ease}.talents li:hover{padding-inline:25px;background:var(--yellow)}.talents li b{font:400 17px/1 "Bowlby One SC",sans-serif;color:var(--tomato)}.talents li strong{font:400 clamp(28px,4vw,52px)/1 "Bowlby One SC",sans-serif}.talents li span{font-size:20px;font-weight:700}.quote-section{position:relative;padding:140px 24px;color:var(--cream);background:var(--ink);text-align:center;overflow:hidden}.quote-section>span{position:absolute;left:3%;top:-170px;color:var(--tomato);font:400 600px/1 "Bowlby One SC",sans-serif;opacity:.55}.quote-section blockquote{position:relative;z-index:2;margin:0;font:400 clamp(46px,6vw,90px)/.95 "Bowlby One SC",sans-serif}.quote-section blockquote em{color:var(--yellow);font-style:normal}.quote-section p{position:relative;z-index:2;margin-top:28px;font-weight:700}.contact{position:relative;min-height:850px;padding:110px clamp(24px,7vw,110px);background:var(--purple);color:var(--cream);overflow:hidden}.contact h2{margin:50px 0 0;font:400 clamp(85px,12vw,180px)/.78 "Bowlby One SC",sans-serif;letter-spacing:-.06em;color:var(--yellow);text-shadow:8px 9px 0 var(--ink)}.contact>p:not(.section-tag){font-size:38px;font-weight:900}.contact button{margin-top:25px;min-height:70px;padding:0 28px;color:var(--ink);background:var(--mint);border:4px solid var(--ink);border-radius:15px;box-shadow:9px 10px 0 var(--ink);font:400 15px/1 "Bowlby One SC",sans-serif;cursor:pointer;transition:transform 140ms ease,box-shadow 140ms ease}.contact button:hover{transform:translate(5px,6px);box-shadow:4px 4px 0 var(--ink)}#indignation-count{min-height:24px;margin-top:24px;font:400 13px/1 "Bowlby One SC",sans-serif;color:var(--yellow)}.contact-badge{position:absolute;right:8%;top:17%;width:210px;height:200px;display:grid;place-items:center;background:var(--tomato);color:var(--cream);border:5px solid var(--ink);border-radius:47% 53% 41% 59%/52% 38% 62% 48%;box-shadow:13px 14px 0 var(--ink);font:400 24px/.9 "Bowlby One SC",sans-serif;text-align:center;transform:rotate(12deg)}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:45px clamp(24px,5vw,70px);background:var(--yellow);border-top:5px solid var(--ink);font-size:14px;font-weight:700}footer p{text-align:center}footer>a:last-child{justify-self:end;font:400 12px/1 "Bowlby One SC",sans-serif}
.reveal{opacity:0;transform:translateY(28px) rotate(.3deg);transition:opacity 700ms ease,transform 700ms cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.nav-shell{grid-template-columns:1fr auto;padding:17px 18px}.nav-shell nav{display:none}.hire-link{font-size:10px}.clay-logo{width:55px;height:50px;font-size:18px;box-shadow:4px 5px 0 var(--ink)}.hero{min-height:1160px;display:block;padding:125px 20px 45px}.sunburst{right:-75%;top:35%;width:150vw;height:150vw}.blob-two{display:none}.hero h1{font-size:clamp(65px,20vw,88px)}.hero-deck{font-size:20px}.character-stage{height:545px;margin-top:50px}.character-stage>img{left:-8%;bottom:-40px;width:116%;filter:drop-shadow(9px 11px 0 rgba(23,19,14,.85))}.blue-arch{inset:35px 3% 0}.sticker-trust{right:-8px;top:60px;width:94px;height:84px;font-size:13px}.sticker-bite{left:-5px;bottom:115px;width:82px;height:82px;font-size:27px}.name-tag{right:0;bottom:12px;font-size:13px}.side-note{display:none}.marquee span{font-size:17px}.manifesto{min-height:1000px;padding:80px 20px}.manifesto h2,.work-intro h2,.talents h2{font-size:clamp(58px,17vw,78px)}.eyeball{right:-145px;top:30px;width:320px;height:210px}.eyeball::before{inset:34px 88px}.eyeball i{left:131px;top:67px;width:62px;height:62px}.manifesto-copy{grid-template-columns:1fr;width:100%;gap:22px;margin-top:220px}.manifesto-copy p{font-size:19px}.stats{width:100%;margin-top:50px}.stats strong{font-size:42px}.stats span{font-size:9px}.work-intro{min-height:780px;padding:80px 20px}.work-intro img{right:-32%;bottom:-2%;width:115vw}.case{min-height:960px;padding:35px 20px 55px}.case-type{right:20px;top:40px;font-size:13px}.case h3{margin-top:70px;font-size:clamp(60px,18vw,83px)}.case aside{right:20px;bottom:45px;width:calc(100% - 40px);padding:18px}.case aside>p{font-size:17px}.clay-window,.clay-mouth,.clay-pot{right:10%;top:41%;transform:scale(.73) rotate(7deg);transform-origin:right center}.clay-mouth{transform:scale(.72) rotate(-7deg)}.clay-pot{transform:scale(.7) rotate(6deg)}.talents{padding:80px 20px}.talents ol{margin-top:55px}.talents li{grid-template-columns:42px 1fr;gap:10px;padding:23px 2px}.talents li strong{font-size:24px}.talents li span{grid-column:2;font-size:16px}.quote-section{padding:95px 20px}.quote-section blockquote br{display:none}.contact{min-height:780px;padding:80px 20px}.contact h2{margin-top:160px;font-size:clamp(72px,22vw,100px)}.contact-badge{right:25px;top:65px;width:130px;height:125px;font-size:16px}.contact>p:not(.section-tag){font-size:28px}footer{grid-template-columns:auto 1fr;gap:22px;padding:32px 20px}footer p{text-align:right}footer>a:last-child{display:none}}
@media(max-width:800px){.cover-nav{grid-template-columns:1fr auto;min-height:72px;padding:0 18px}.cover-nav nav{display:none}.cover-grid{grid-template-columns:1fr;padding:50px 20px 35px;gap:45px}.cover-status{margin-bottom:24px}.cover-copy h1{font-size:clamp(58px,18vw,78px)}.cover-role{margin:18px 0 24px;font-size:25px}.cover-intro{font-size:17px}.cover-actions{margin-top:30px}.cover-photo{justify-self:start;width:75%}.cover-photo img{aspect-ratio:1/1;object-position:50% 23%}.cover-footer{padding:16px 18px}.cover-footer span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}