@font-face{font-family:Beethoven;src:url(/Beethoven.ttf)format("truetype");font-display:swap}:root{--ink:#17141d;--paper:#f4eddf;--paper-deep:#e9dfcd;--coral:#ff4f5e;--cyan:#12c8ec;--yellow:#ffd25b;--wine:#7d103f;--muted:#675f69;--line:#17141d2e;--display:"Bungee", Impact, sans-serif;--body:"Outfit", system-ui, sans-serif;--shadow:7px 7px 0 var(--ink);color:var(--ink);font-family:var(--body);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:20;opacity:.18;mix-blend-mode:multiply;background-image:url(/comic_texture.png);background-size:520px;position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}::selection{background:var(--cyan);color:var(--ink)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:.7rem 1rem;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{z-index:30;justify-content:space-between;align-items:center;width:100%;min-height:82px;padding:12px clamp(20px,4vw,64px);transition:background .25s,box-shadow .25s,transform .25s;display:flex;position:fixed;top:0;left:0}.site-header.is-scrolled{box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4eddfeb}.brand{isolation:isolate;align-items:center;gap:12px;text-decoration:none;display:inline-flex;position:relative}.brand:before{content:"";z-index:-1;border:2px solid var(--ink);background-color:var(--coral);background-image:radial-gradient(circle, var(--ink) 0 1px, transparent 1.3px);opacity:0;background-size:6px 6px;border-radius:50%;width:55px;height:55px;transition:opacity .14s ease-out,transform .16s ease-out,box-shadow .16s ease-out;position:absolute;top:50%;left:1px;transform:translateY(-50%)scale(.3)rotate(-20deg)}.brand img{z-index:1;object-fit:contain;width:58px;height:58px;transition:transform .16s ease-out,filter .16s ease-out;position:relative}.brand:is(:hover,:focus-visible):before{opacity:.78;box-shadow:4px 4px 0 var(--ink);transform:translateY(-50%)scale(1.12)rotate(9deg)}.brand:is(:hover,:focus-visible) img{filter:drop-shadow(-3px 1px 0 var(--cyan)) drop-shadow(3px -1px 0 var(--coral));transform:translateY(-3px)rotate(-8deg)scale(1.1)}.brand span{line-height:1.05;display:grid}.brand strong{font-family:var(--display);letter-spacing:.02em;font-size:.94rem}.brand small{color:var(--muted);letter-spacing:.04em;margin-top:5px;font-size:.75rem}.site-nav{white-space:nowrap;flex-shrink:0;align-items:center;gap:clamp(18px,2.7vw,42px);display:flex}.site-nav a{font-size:.9rem;font-weight:700;text-decoration:none;transition:color .2s,transform .2s,background-color .2s;position:relative}.site-nav>a:not(.nav-cta):not(.nav-external):after{content:"";background:var(--coral);transform-origin:100%;height:3px;transition:transform .2s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.site-nav>a:hover:after,.site-nav>a.is-active:after{transform-origin:0;transform:scaleX(1)}.site-nav>a:not(.nav-cta):not(.nav-external):hover,.site-nav>a:not(.nav-cta):not(.nav-external):focus-visible{color:var(--wine);transform:translateY(-2px)}.nav-external{border:2px solid var(--ink);background:var(--cyan);box-shadow:3px 3px 0 var(--ink);align-items:center;gap:6px;padding:9px 12px;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.nav-external:hover{box-shadow:none;background:#49dbf4;transform:translate(3px,3px)rotate(-1deg)}.nav-external span,.nav-cta span{transition:transform .2s cubic-bezier(.2,.9,.2,1.3);display:inline-block}.nav-external:hover span,.nav-cta:hover span{transform:translate(3px,-2px)rotate(-8deg)}.nav-cta{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--yellow);padding:10px 14px;transition:transform .2s,box-shadow .2s}.nav-cta:hover{box-shadow:none;transform:translate(3px,3px)}.menu-toggle{border:2px solid var(--ink);background:var(--paper);width:46px;height:46px;box-shadow:3px 3px 0 var(--ink);display:none}.menu-toggle>span:not(.sr-only){background:var(--ink);width:22px;height:2px;margin:5px auto;transition:transform .2s;display:block}.hero{border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);align-items:center;min-height:100svh;padding:120px clamp(24px,6vw,96px) 76px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";border:2px solid #17141d21;border-radius:50%;width:32vw;min-width:420px;height:32vw;min-height:420px;position:absolute;top:-13vw;left:-12vw;box-shadow:0 0 0 34px #17141d09,0 0 0 68px #17141d06}.hero-copy{z-index:4;max-width:760px;position:relative}.eyebrow{letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 22px;font-size:.78rem;font-weight:800;display:flex}.eyebrow>span{background:var(--coral);width:34px;height:4px}.eyebrow.light>span{background:var(--cyan)}.hero h1,.section-heading h2,.about-copy h2,.site-footer h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.045em;margin:0;font-weight:400;line-height:.93}.hero h1{max-width:900px;font-size:clamp(3.4rem,7vw,7.5rem)}.hero h1 em,.site-footer h2 em{text-transform:none;color:var(--coral);letter-spacing:0;white-space:nowrap;font-family:Beethoven,cursive;font-weight:400;position:relative}.hero h1 em:after{content:"";background:var(--cyan);z-index:-1;height:6px;position:absolute;bottom:3px;left:2%;right:-2%;transform:rotate(-1deg)}.hero-lede{color:#514a54;max-width:610px;margin:26px 0 0;font-size:clamp(1.08rem,1.5vw,1.35rem);line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:34px;display:flex}.button{border:2px solid var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:12px 20px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button>span{transition:transform .2s cubic-bezier(.2,.9,.2,1.3);display:inline-block}.button:hover>span{transform:translate(4px,-2px)rotate(-7deg)}.button-primary{background:var(--coral);box-shadow:5px 5px 0 var(--ink)}.button-primary:hover,.button-secondary:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(4px,4px)}.text-link{text-underline-offset:5px;align-items:center;gap:9px;font-weight:700;text-decoration-thickness:2px;display:inline-flex}.text-link:hover{color:var(--wine)}.hero-stats{border-top:1px solid var(--line);margin:48px 0 0;padding:22px 0 0;display:flex}.hero-stats>div{min-width:130px;padding-right:clamp(18px,3vw,42px)}.hero-stats>div+div{border-left:1px solid var(--line);padding-left:clamp(18px,3vw,42px)}.hero-stats dt{font-family:var(--display);font-size:1.1rem}.hero-stats dd{color:var(--muted);margin:4px 0 0;font-size:.8rem}.hero-visual{align-self:stretch;min-width:0;min-height:620px;position:relative}.hero-visual:before{content:"";aspect-ratio:1;background:var(--cyan);border:3px solid var(--ink);width:min(100%,650px);box-shadow:var(--shadow);border-radius:47% 53% 63% 37%/42% 44% 56% 58%;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-radius .45s;animation:8s ease-in-out infinite hero-blob-drift;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.hero-visual:after{content:"";z-index:1;aspect-ratio:1;background-image:radial-gradient(circle, var(--ink) 0 1.3px, transparent 1.6px);opacity:0;pointer-events:none;background-size:9px 9px;border-radius:50%;width:min(80%,500px);transition:opacity .35s,transform .5s cubic-bezier(.2,.85,.2,1);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scale(.62)rotate(-18deg);-webkit-mask-image:radial-gradient(circle,#000 12%,#0000 68%);mask-image:radial-gradient(circle,#000 12%,#0000 68%)}.hero-visual img{z-index:2;object-fit:contain;filter:drop-shadow(10px 13px #17141d2e);width:min(104%,690px);max-height:90%;transition:transform .45s cubic-bezier(.2,.85,.2,1),filter .45s;animation:5.8s ease-in-out infinite hero-art-float;position:absolute;bottom:-1%;left:51%;transform:translate(-50%)}.hero-orbit{z-index:1;border:2px solid var(--ink);border-radius:50%;transition:transform .4s cubic-bezier(.2,.85,.2,1),background-color .3s;position:absolute}.hero-orbit-one{background:var(--yellow);width:88px;height:88px;animation:6.8s ease-in-out infinite orbit-float-one;top:19%;right:3%}.hero-orbit-two{background:var(--yellow);width:25px;height:25px;animation:5.2s ease-in-out infinite orbit-float-two;bottom:21%;left:5%}.hero-sticker{z-index:3;border:2px solid var(--ink);width:62px;height:62px;font-family:var(--display);box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;font-size:.7rem;transition:transform .35s cubic-bezier(.2,.9,.2,1.2),box-shadow .35s;display:grid;position:absolute}.sticker-one{background:var(--yellow);animation:6.2s ease-in-out infinite sticker-bob-one;top:20%;left:4%;transform:rotate(-12deg)}.sticker-two{background:var(--coral);animation:5.6s ease-in-out infinite sticker-bob-two;bottom:17%;right:1%;transform:rotate(10deg)}.hero-visual:hover:before{border-radius:56% 44% 48% 52%/50% 57% 43% 50%;transform:translate(-50%,-50%)rotate(-3deg)scale(1.025)}.hero-visual:hover:after{opacity:.48;transform:translate(-50%,-50%)scale(1)rotate(4deg)}.hero-visual:hover img{filter:drop-shadow(15px 19px #17141d38);transform:translate(-50%)translateY(-13px)rotate(-1.2deg)scale(1.015)}.hero-visual:hover .hero-orbit-one{background:var(--yellow);transform:translate(9px,-8px)scale(1.12)}.hero-visual:hover .hero-orbit-two{background:var(--coral);transform:translate(-8px,5px)scale(1.45)}.hero-visual:hover .sticker-one{box-shadow:7px 8px 0 var(--ink);transform:translate(-5px,-8px)rotate(-20deg)scale(1.08)}.hero-visual:hover .sticker-two{box-shadow:7px 8px 0 var(--ink);transform:translate(6px,-5px)rotate(18deg)scale(1.08)}.scroll-cue{text-transform:uppercase;letter-spacing:.11em;align-items:center;gap:10px;font-size:.76rem;font-weight:800;text-decoration:none;display:flex;position:absolute;bottom:24px;right:clamp(24px,4vw,64px)}.scroll-cue i{border:1px solid var(--ink);border-radius:50%;place-items:center;width:32px;height:32px;font-style:normal;animation:2.4s ease-in-out infinite scroll-cue-bob;display:grid}@keyframes hero-art-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes hero-blob-drift{0%,to{translate:0;rotate:0deg}50%{translate:5px -7px;rotate:2deg}}@keyframes orbit-float-one{0%,to{translate:0}45%{translate:8px -10px}}@keyframes orbit-float-two{0%,to{translate:0}50%{translate:-6px 7px}}@keyframes sticker-bob-one{0%,to{translate:0}50%{translate:-3px -8px}}@keyframes sticker-bob-two{0%,to{translate:0}50%{translate:5px -7px}}@keyframes scroll-cue-bob{0%,to{translate:0}50%{translate:0 5px}}.section{padding:clamp(82px,10vw,150px) clamp(24px,6vw,96px)}.section-heading{justify-content:space-between;align-items:end;gap:48px;max-width:1400px;margin:0 auto clamp(48px,7vw,86px);display:flex}.section-heading h2,.about-copy h2{font-size:clamp(2.8rem,5.4vw,5.8rem)}.section-heading>p{max-width:430px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.6}.featured-section{background:var(--paper)}.featured-grid{gap:clamp(58px,7vw,94px);max-width:1240px;margin:auto;display:grid}.project{isolation:isolate;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center;gap:clamp(36px,5vw,72px);display:grid;position:relative}.project-reverse .project-media{order:2;justify-self:end}.project-media,.project-card>a{color:var(--ink);display:block;position:relative;overflow:visible}.project-media{align-self:center;width:100%;max-width:650px;transition:transform .16s ease-out}.project-media:before{content:"";z-index:4;border:2px solid var(--ink);background-color:var(--coral);background-image:radial-gradient(circle, var(--ink) 0 1.25px, transparent 1.5px);opacity:0;pointer-events:none;background-size:7px 7px;border-radius:50%;width:108px;height:108px;transition:opacity .14s ease-out,transform .16s ease-out,box-shadow .16s ease-out;position:absolute;top:-20px;right:-24px;transform:scale(.35)rotate(-25deg)}.project-media:after{content:attr(data-comic-word);z-index:6;color:var(--yellow);background:var(--wine);border:2px solid var(--ink);clip-path:polygon(5% 10%,92% 0,100% 76%,88% 100%,3% 91%,0 28%);font-family:var(--display);letter-spacing:-.04em;text-shadow:-3px 2px 0 var(--coral), 3px -2px 0 var(--cyan);opacity:0;pointer-events:none;padding:.2em .42em .24em;font-size:clamp(1.35rem,3.2vw,2.75rem);line-height:1;transition:opacity .1s ease-out,transform .15s cubic-bezier(.2,.9,.2,1.2);position:absolute;bottom:14%;left:-12px;transform:translate(-16px,12px)rotate(-10deg)scale(.55)}.project-reverse .project-media:after{left:auto;right:-12px;transform:translate(16px,12px)rotate(10deg)scale(.55)}.project-card>a:after{content:"";z-index:-1;background:var(--ink);position:absolute;inset:10px -10px -10px 10px}.project-media img{object-fit:contain;border:3px solid var(--ink);width:100%;height:auto;transition:transform .16s ease-out,filter .16s ease-out}.project-lead .project-media{max-width:620px}.project-compact .project-media{max-width:600px}.project-card>a:hover img{filter:saturate(1.08);transform:translate(-5px,-5px)}.project-index{z-index:2;background:var(--yellow);border:2px solid var(--ink);width:54px;height:54px;box-shadow:3px 3px 0 var(--ink);font-family:var(--display);border-radius:50%;place-items:center;font-size:.82rem;transition:transform .16s ease-out,background-color .14s ease-out,box-shadow .16s ease-out;display:grid;position:absolute;top:-20px;left:-18px}.project-open{z-index:2;border:2px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.2rem;transition:transform .16s ease-out,background .14s ease-out,box-shadow .16s ease-out;display:grid;position:absolute;bottom:15px;right:15px}a:hover>.project-open{background:var(--cyan);transform:rotate(8deg)}.project-info h3,.project-card h3{font-family:var(--display);text-transform:uppercase;margin:12px 0 18px;font-size:clamp(2rem,3.7vw,4.3rem);font-weight:400;line-height:.98;transition:transform .16s ease-out,text-shadow .14s ease-out}.project-title-link{color:inherit;text-decoration:none}.project-title-link:focus-visible{outline:3px solid var(--coral);outline-offset:5px}@media (hover:hover) and (pointer:fine){.project-media:is(:hover,:focus-visible){transform:translateY(-8px)rotate(-1.15deg)}.project-reverse .project-media:is(:hover,:focus-visible){transform:translateY(-8px)rotate(1.15deg)}.project-media:is(:hover,:focus-visible):before{opacity:1;box-shadow:7px 7px 0 var(--ink), -7px -7px 0 var(--cyan);transform:scale(1.18)rotate(18deg)}.project-media:is(:hover,:focus-visible) img{filter:saturate(1.2)contrast(1.06)drop-shadow(-4px 0 #12c8ecad)drop-shadow(4px 0 #ff4f5e9e);transform:translate(-6px,-6px)scale(1.012)}.project-media:is(:hover,:focus-visible) .project-index{background:var(--cyan);box-shadow:5px 5px 0 var(--ink), -4px -4px 0 var(--coral);transform:scale(1.08)rotate(-3deg)}.project-media:is(:hover,:focus-visible) .project-open{background:var(--yellow);box-shadow:-4px 4px 0 var(--cyan), 4px -4px 0 var(--coral);transform:rotate(14deg)scale(1.12)}.project:has(.project-media:is(:hover,:focus-visible)) .project-info h3{text-shadow:-3px 1px 0 var(--cyan), 3px -1px 0 var(--coral);transform:translate(5px)rotate(-.45deg)}html.comic-fx .project-media:is(:hover,:focus-visible):after{opacity:1;transform:translate(0)rotate(-4deg)scale(1)}html.comic-fx .project-reverse .project-media:is(:hover,:focus-visible):after{transform:translate(0)rotate(4deg)scale(1)}}.project-info p,.project-card p{color:var(--muted);font-size:1.06rem;line-height:1.62}.project-info .project-role{color:var(--wine);letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:800}.project-kicker{border-bottom:2px solid var(--ink);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:12px;padding-bottom:11px;font-size:.74rem;font-weight:800;display:flex}.project-kicker span:last-child{color:var(--wine)}.tag-list{flex-wrap:wrap;gap:7px;margin:25px 0;padding:0;list-style:none;display:flex}.tag-list li,.skill-cloud span{isolation:isolate;border:1px solid var(--ink);background:#ffffff40;padding:7px 10px;font-size:.76rem;font-weight:700;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background-color .2s;position:relative;overflow:hidden}.tag-list li:after,.skill-cloud span:after{content:"";z-index:-1;background-image:radial-gradient(circle, var(--ink) 0 1px, transparent 1.3px);opacity:0;pointer-events:none;background-size:5px 5px;transition:opacity .2s,transform .25s;position:absolute;inset:0;transform:scale(1.8)rotate(8deg)}.tag-list li:hover,.skill-cloud span:hover{box-shadow:3px 4px 0 var(--ink);background:var(--cyan);transform:translate(-2px,-3px)rotate(-1deg)}.tag-list li:nth-child(2n):hover,.skill-cloud span:nth-child(2n):hover{background:var(--coral);transform:translate(2px,-3px)rotate(1deg)}.tag-list li:hover:after,.skill-cloud span:hover:after{opacity:.22;transform:scale(1)rotate(0)}.project-link{color:var(--ink);align-items:center;gap:8px;padding-bottom:6px;font-weight:800;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex;position:relative}.project-link:after{content:"";background:var(--coral);transform-origin:0;height:3px;transition:transform .25s cubic-bezier(.2,.8,.2,1),height .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.2)}.project-link>span{place-items:center;transition:transform .24s cubic-bezier(.2,.9,.2,1.35);display:inline-grid;position:relative}.project-link>span:after{content:"";z-index:-1;background-color:var(--yellow);background-image:radial-gradient(circle, var(--ink) 0 1px, transparent 1.25px);opacity:0;background-size:5px 5px;border-radius:50%;width:28px;height:28px;transition:opacity .2s,transform .25s cubic-bezier(.2,.9,.2,1.25);position:absolute;transform:scale(.25)rotate(-18deg)}.project-link:hover,.project-link:focus-visible{color:var(--wine);transform:translateY(-2px)}.project-link:hover:after,.project-link:focus-visible:after{height:4px;transform:scaleX(1)}.project-link:hover>span,.project-link:focus-visible>span{transform:translate(6px,-2px)rotate(-8deg)}.project-link:hover>span:after,.project-link:focus-visible>span:after{opacity:.65;transform:scale(1)rotate(8deg)}.project-pair{grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);display:grid}.project-card>a img{aspect-ratio:16/10;object-fit:cover;border:3px solid var(--ink);width:100%;transition:transform .4s}.project-card h3{margin-bottom:10px;font-size:clamp(1.75rem,2.5vw,2.9rem)}.project-card .project-kicker{margin-top:28px}.project-card p{margin-bottom:0}.archive-section{background:var(--ink);color:var(--paper)}.archive-section .eyebrow>span{background:var(--cyan)}.archive-heading{align-items:center}.filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.filter{color:var(--paper);cursor:pointer;background:0 0;border:1px solid #f4eddf8c;padding:8px 13px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.filter:hover,.filter.is-active{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,26px);max-width:1400px;margin:auto;display:grid}.archive-card{isolation:isolate;opacity:1;min-width:0;text-decoration:none;transition:opacity .18s ease-out,transform .16s ease-out;position:relative;transform:scale(1)}.archive-card:before{content:attr(data-comic-word);z-index:4;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);clip-path:polygon(4% 8%,96% 0,100% 86%,8% 100%,0 22%);font-family:var(--display);opacity:0;pointer-events:none;padding:5px 8px 6px;font-size:clamp(.68rem,1.4vw,.9rem);line-height:1;transition:opacity .1s ease-out,transform .15s cubic-bezier(.2,.9,.2,1.2);position:absolute;top:10px;left:10px;transform:translate(-8px,8px)rotate(-8deg)scale(.65)}.archive-card:after{content:"";z-index:3;background:var(--coral);border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);clip-path:polygon(100% 0,100% 100%,0 0);opacity:0;pointer-events:none;width:35px;height:35px;transition:opacity .1s ease-out,transform .15s ease-out;position:absolute;top:-1px;right:-1px;transform:translate(8px,-8px)}.archive-card[hidden],.archive-card.is-folded{display:none}.archive-card img{aspect-ratio:1;object-fit:cover;filter:saturate(.85);border:2px solid #f4eddfb3;width:100%;transition:filter .16s ease-out,transform .16s ease-out,box-shadow .16s ease-out}.archive-card:hover img{filter:saturate(1.15);transform:translateY(-5px)}@media (hover:hover) and (pointer:fine){html.comic-fx .archive-card:hover{transform:translateY(-6px)rotate(-.75deg)}html.comic-fx .archive-card:nth-child(2n):hover{transform:translateY(-6px)rotate(.75deg)}html.comic-fx .archive-card:hover:before{opacity:1;transform:translate(0)rotate(-3deg)scale(1)}html.comic-fx .archive-card:hover:after{opacity:1;transform:translate(0)}html.comic-fx .archive-card:hover img{box-shadow:-4px 3px 0 var(--cyan), 4px -3px 0 var(--coral)}}.archive-card>span{justify-content:space-between;align-items:baseline;gap:12px;padding:13px 2px 4px;display:flex}.archive-card b{font-family:var(--display);text-transform:uppercase;font-size:.92rem;font-weight:400}.archive-card small{color:#b8afb9;text-align:right}.archive-more{color:var(--paper);border-color:var(--paper);box-shadow:5px 5px 0 var(--paper);background:0 0;margin:48px auto 0}.about-section{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(45px,8vw,130px);max-width:1530px;margin:auto;display:grid}.about-art{isolation:isolate;transition:transform .16s ease-out;position:relative;transform:rotate(-2deg)}.about-art:before{content:"";background:var(--cyan);border:3px solid var(--ink);z-index:-1;transition:transform .16s ease-out,background-color .14s ease-out;position:absolute;inset:18px -18px -18px 18px}.about-art:after{content:"";z-index:3;border:2px solid var(--ink);background-color:var(--coral);background-image:radial-gradient(circle, var(--ink) 0 1.25px, transparent 1.5px);opacity:0;pointer-events:none;background-size:7px 7px;border-radius:50%;width:104px;height:104px;transition:opacity .14s ease-out,transform .16s ease-out,box-shadow .16s ease-out;position:absolute;top:-24px;right:-28px;transform:scale(.35)rotate(-25deg)}.about-art img{z-index:1;object-fit:cover;object-position:top;border:3px solid var(--ink);background:var(--wine);width:100%;max-height:680px;transition:transform .16s ease-out,filter .16s ease-out;position:relative}@media (hover:hover) and (pointer:fine){.about-art:hover{transform:translateY(-8px)rotate(-3.15deg)}.about-art:hover:before{background:var(--yellow);transform:translate(7px,7px)rotate(1deg)}.about-art:hover:after{opacity:1;box-shadow:7px 7px 0 var(--ink), -7px -7px 0 var(--cyan);transform:scale(1.16)rotate(18deg)}.about-art:hover img{filter:saturate(1.16)contrast(1.05)drop-shadow(-4px 0 #12c8ecad)drop-shadow(4px 0 #ff4f5e9e);transform:translate(-6px,-6px)scale(1.012)}}.about-copy{max-width:760px}.about-copy h2{margin-bottom:30px}.about-copy p{max-width:700px;color:var(--muted);line-height:1.7}.about-copy .about-lede{color:var(--ink);font-size:clamp(1.2rem,2vw,1.65rem);font-weight:600;line-height:1.45}.skill-cloud{flex-wrap:wrap;gap:9px;margin:32px 0;display:flex}.skill-cloud span:nth-child(3n+1){background:var(--yellow)}.skill-cloud span:nth-child(3n+2){background:#c9f4f9}.skill-cloud span:nth-child(3n){background:#ffd2d6}.site-footer{background:var(--wine);color:var(--paper);padding:clamp(80px,10vw,145px) clamp(24px,6vw,96px) 32px;position:relative;overflow:hidden}.site-footer:after{content:"A5";font-family:var(--display);color:#f4eddf0b;pointer-events:none;font-size:min(40vw,620px);line-height:1;position:absolute;top:-6vw;right:-3vw}.footer-copy{z-index:1;max-width:1200px;position:relative}.site-footer h2{font-size:clamp(3rem,7vw,7.7rem)}.site-footer h2 em{color:var(--cyan)}.button-light{background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--cyan);margin-top:42px}.button-light:hover{box-shadow:1px 1px 0 var(--cyan);transform:translate(4px,4px)}.footer-bottom{z-index:1;border-top:1px solid #f4eddf59;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:clamp(90px,12vw,170px);padding-top:24px;font-size:.83rem;display:grid;position:relative}.footer-bottom>div{gap:26px;display:flex}.footer-bottom a{text-underline-offset:4px}.footer-bottom>a{justify-self:end}.back-to-top{z-index:18;border:2px solid var(--ink);background:var(--yellow);width:45px;height:45px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;position:fixed;bottom:22px;right:22px;transform:translateY(12px)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.comic-fx-layer{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}.comic-impact{--impact-color:var(--yellow);width:1px;height:1px;color:var(--ink);font-family:var(--display);pointer-events:none;position:absolute}.comic-impact>span{z-index:2;background:var(--impact-color);border:2px solid var(--ink);clip-path:polygon(7% 10%,88% 0,100% 28%,92% 92%,16% 100%,0 70%,2% 22%);white-space:nowrap;text-shadow:2px 2px #ffffff8c;padding:.22em .42em .27em;font-size:clamp(1rem,3vw,2.25rem);line-height:1;animation:.62s steps(5,end) both comic-impact-pop;position:absolute;top:0;left:0}.comic-impact:before{content:"";z-index:1;background:var(--coral);clip-path:polygon(50% 0,61% 31%,88% 12%,71% 41%,100% 50%,70% 59%,88% 88%,60% 70%,50% 100%,40% 70%,12% 88%,29% 59%,0 50%,30% 41%,12% 12%,39% 31%);opacity:.9;width:90px;height:90px;animation:.62s ease-out both comic-burst-pop;position:absolute;top:-42px;left:-42px}.comic-impact i{z-index:0;width:34px;height:5px;left:-50px;top:calc(-18px + var(--line-index) * 14px);background:var(--cyan);border:1px solid var(--ink);animation:.52s ease-out both comic-speed-mark;animation-delay:calc(var(--line-index) * 20ms);position:absolute;transform:skew(-24deg)}.comic-impact.is-cyan{--impact-color:var(--cyan)}.comic-impact.is-coral{--impact-color:var(--coral)}html.comic-fx.fx-ready .fx-reveal{opacity:0;transition:opacity .38s ease-out var(--fx-delay,0s), translate .42s cubic-bezier(.16,.9,.24,1) var(--fx-delay,0s);translate:0 26px}html.comic-fx.fx-ready .fx-reveal.is-revealed{opacity:1;translate:0}html.comic-fx .hero-copy>*{animation:.48s cubic-bezier(.16,.9,.24,1) both comic-copy-arrive}html.comic-fx .hero-copy>:nth-child(2){animation-delay:70ms}html.comic-fx .hero-copy>:nth-child(3){animation-delay:.12s}html.comic-fx .hero-copy>:nth-child(4){animation-delay:.17s}html.comic-fx .hero-copy>:nth-child(5){animation-delay:.22s}html.comic-fx :is(.button,.filter,.nav-cta,.nav-external,.archive-more):active{transform:translate(3px,3px)scale(.97)rotate(-.5deg)}@keyframes comic-copy-arrive{0%{opacity:0;translate:-24px 12px}to{opacity:1;translate:0}}@keyframes comic-impact-pop{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(.25)}28%{opacity:1;transform:translate(-50%,-62%)rotate(5deg)scale(1.12)}72%{opacity:1;transform:translate(-50%,-82%)rotate(-3deg)scale(1)}to{opacity:0;transform:translate(-50%,-120%)rotate(3deg)scale(.84)}}@keyframes comic-burst-pop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}38%{opacity:.9;transform:scale(1.2)rotate(8deg)}to{opacity:0;transform:scale(1.5)rotate(18deg)}}@keyframes comic-speed-mark{0%{opacity:0;translate:-22px}35%{opacity:1;translate:0}to{opacity:0;translate:24px -4px}}@media (width<=1080px){.site-header{padding-left:24px;padding-right:24px}.site-nav{gap:16px}.brand small{display:none}.hero{grid-template-columns:1fr .72fr;padding-left:40px;padding-right:40px}.hero h1{font-size:clamp(3.25rem,7.5vw,6rem)}.hero-visual{min-height:540px}.project{gap:45px}.project-media,.project-lead .project-media,.project-compact .project-media{max-width:560px}.archive-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){html{scroll-padding-top:82px}.site-header{border-bottom:1px solid var(--line);background:#f4eddff2;min-height:72px;padding:9px 20px}.brand img{width:50px;height:50px}.brand small{display:none}.menu-toggle{z-index:2;display:block}.menu-toggle[aria-expanded=true]>span:nth-last-child(2){transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.site-nav{background:var(--paper);border-bottom:3px solid var(--ink);opacity:0;visibility:hidden;align-content:start;gap:0;height:calc(100svh - 71px);padding:24px;transition:transform .25s,opacity .2s,visibility .2s;display:grid;position:absolute;top:100%;left:0;right:0;overflow-y:auto;transform:translateY(-110%)}.site-nav.is-open{opacity:1;visibility:visible;transform:none}.site-nav a{border-bottom:1px solid var(--line);padding:15px 4px;font-size:1rem}.site-nav>a:not(.nav-cta):not(.nav-external):after{bottom:-1px;left:4px;right:4px}.site-nav>a:not(.nav-cta):not(.nav-external):hover,.site-nav>a:not(.nav-cta):not(.nav-external):focus-visible{background:#ff4f5e14;padding-left:12px;transform:none}.site-nav .nav-external{border:2px solid var(--ink);justify-content:center;margin-top:13px;padding:13px}.site-nav .nav-cta{text-align:center;border:2px solid var(--ink);margin-top:13px;padding:13px}body.menu-open{overflow:hidden}.hero{grid-template-columns:1fr;row-gap:0;min-height:auto;padding:125px 24px 80px}.hero-copy{grid-area:2/1;max-width:700px}.hero-visual{grid-area:1/1;min-height:clamp(350px,86vw,500px);margin:-32px 0 32px}.hero-visual:before{width:min(86vw,500px)}.hero-visual:after{width:min(68vw,400px)}.hero-visual img{width:min(88vw,510px)}.hero-sticker{width:52px;height:52px}.scroll-cue{display:none}.section-heading{gap:22px;display:grid}.project,.project-reverse{grid-template-columns:1fr;gap:35px}.project-reverse .project-media{order:initial;justify-self:start}.project-media,.project-lead .project-media,.project-compact .project-media{width:min(100%,620px)}.project-pair{grid-template-columns:1fr;gap:70px}.archive-heading{align-items:start}.filters{justify-content:start}.archive-grid{grid-template-columns:repeat(2,1fr)}.about-section{grid-template-columns:1fr}.about-art{width:min(82%,480px);margin:auto}.footer-bottom{grid-template-columns:1fr auto}.footer-bottom>div{grid-area:1/1/auto/-1}}@media (width<=520px){.hero{padding-top:115px}.hero-visual{min-height:clamp(300px,86vw,440px);margin-bottom:30px}.hero h1{font-size:clamp(2.75rem,14vw,4.2rem)}.hero h1 em{white-space:normal}.hero-lede{font-size:1rem}.hero-actions{align-items:stretch;gap:18px}.hero-actions .button{width:100%}.hero-actions .text-link{overflow-wrap:anywhere;font-size:.82rem}.hero-stats{grid-template-columns:1fr 1fr;row-gap:20px;display:grid}.hero-stats>div{min-width:0;padding-right:12px}.hero-stats>div+div{padding-left:12px}.hero-stats>div:last-child{border-left:0;grid-column:1/-1;padding-left:0}.section{padding-left:20px;padding-right:20px}.section-heading h2,.about-copy h2{font-size:clamp(2.45rem,13vw,3.4rem)}.project-info h3{font-size:2.35rem}.archive-grid{grid-template-columns:1fr}.archive-card img{aspect-ratio:4/3}.about-art{width:calc(100% - 20px)}.site-footer h2{font-size:clamp(2.6rem,13vw,4rem)}.footer-bottom{grid-template-columns:1fr}.footer-bottom>div{grid-column:1;gap:12px;display:grid}.footer-bottom>a{justify-self:start}.back-to-top{bottom:14px;right:14px}.project-media:before{width:78px;height:78px;top:-14px;right:-10px}.project-media:after{font-size:clamp(1.15rem,7vw,2rem);bottom:10%;left:8px}.project-reverse .project-media:after{left:auto;right:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.comic-fx.fx-ready .fx-reveal,html.comic-fx.fx-ready .fx-reveal.is-revealed{opacity:1;translate:0}.comic-fx-layer,.project-media:after,.archive-card:before,.archive-card:after{display:none!important}}