@charset "UTF-8";:root{--paper: #f2ece3;--paper-2: #f8f4ec;--ink: #0b0b0b;--ink-soft: #6b665e;--line: rgba(11, 11, 11, .14);--persimmon: #ec6a32;--pistachio: #8fb08a;--sky: #8fb0cc;--accent: var(--persimmon);--forest: #24502f;--red: #d8402b;--yellow: #f2c21b;--blue: #2552a0;--white: #ffffff;--orange: #ff6600;--display: "Inter Tight", "Helvetica Neue", Arial, sans-serif;--sans: "Inter", "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--wordmark: "Inter Tight", "Helvetica Neue", Arial, sans-serif;--gutter: clamp(18px, 3.6vw, 56px);--head: 64px;--out: cubic-bezier(.16, 1, .3, 1);--inout: cubic-bezier(.76, 0, .24, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}img{display:block;max-width:100%}.pixel{image-rendering:pixelated}::selection{background:var(--persimmon);color:var(--ink)}:focus-visible{outline:2px solid var(--persimmon);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.display{font-family:var(--display);font-weight:800;line-height:.86;letter-spacing:-.055em;margin:0}.tag{font:700 13px/1 var(--display);text-transform:uppercase;letter-spacing:.01em}.label-sm{font:400 11px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.wordmark{font:800 20px/1 var(--display);letter-spacing:-.045em;white-space:nowrap}.wordmark b{font-weight:inherit;color:var(--persimmon)}.split{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:column;grid-auto-columns:auto;align-items:end;gap:clamp(24px,5vw,80px)}.split__lead{margin:0;max-width:24ch;font:500 clamp(19px,2.1vw,30px)/1.18 var(--display);letter-spacing:-.025em}.ruled{list-style:none;margin:0;padding:2px 0 2px clamp(18px,2.6vw,40px);border-left:2px solid currentColor;display:flex;flex-direction:column;gap:4px;min-width:11ch;font:800 clamp(17px,1.9vw,27px)/1.08 var(--display);text-transform:uppercase;letter-spacing:-.015em}.ruled--sm{border-left-width:1.5px;padding-left:14px;gap:2px;min-width:0;font:600 12px/1.3 var(--display);letter-spacing:.01em;text-align:left}.ruled__link{display:inline-flex;align-items:baseline;gap:10px;transition:color .25s}.ruled__link .label-sm{color:inherit;opacity:.5}.ruled__link:hover{color:var(--persimmon)}@media(max-width:560px){.split{grid-auto-flow:row;align-items:start}}[data-reveal=up]{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1.1s var(--out)}[data-reveal=mask]{position:relative}[data-reveal=mask]:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;background:var(--paper);transform-origin:50% 100%;transition:transform 1.3s var(--inout);pointer-events:none}[data-reveal=mask] img{translate:0 -6%;transition:translate 1.6s var(--out)}[data-reveal=mask].is-in:after{transform:scaleY(0)}[data-reveal=mask].is-in img{translate:0 0}[data-reveal].is-in{opacity:1;transform:none}.letters__word{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;padding:0 .06em .12em;margin:0 -.06em -.12em}.letters i{display:inline-block;font-style:inherit;transition:transform .95s var(--out);transition-delay:calc(var(--i) * 22ms)}[data-reveal]:not(.is-in) .letters i{transform:translateY(112%)}.page-wrapper{animation:page-in .45s var(--out)}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.header{position:fixed;inset:0 0 auto;z-index:100;height:var(--head);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:transform .5s var(--out)}.header.is-hidden{transform:translateY(-100%)}.nav{display:flex;gap:clamp(16px,2.6vw,36px)}.nav__link{position:relative;font:600 14px/1 var(--display);text-transform:uppercase;letter-spacing:.01em;padding:6px 0}.nav__link sup{font:400 9px/1 var(--mono);margin-left:2px;color:var(--ink-soft)}.nav__link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--out)}.nav__link:hover:after,.nav__link.is-active:after{transform:scaleX(1);transform-origin:left}.main{padding-top:var(--head)}@media(max-width:760px){.nav__link{font-size:13px}.nav__link sup{display:none}}.footer{position:relative;padding:18px var(--gutter) 22px;border-top:1px solid var(--line)}.footer__friend{position:absolute;right:calc(var(--gutter) + 4%);bottom:calc(100% - 3px);width:clamp(64px,7vw,96px)}.footer__row{display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap}.footer__row .wordmark{font-size:16px;color:var(--ink);text-transform:none;letter-spacing:-.045em}.footer__links{display:flex;gap:20px;margin-left:auto}.footer__links a,.footer__links button{text-transform:inherit;transition:color .2s}.footer__links a:hover,.footer__links button:hover{color:var(--ink)}@media(max-width:560px){.footer__links{margin-left:0}}.pill{position:fixed;top:0;left:0;z-index:260;pointer-events:none}.pill__inner{display:block;padding:5px 8px 4px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 10px/1 var(--display);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transform-origin:0 0;transform:translate(var(--off),calc(var(--off) + 4px)) scale(0);transition:transform .25s var(--spring)}.is-on .pill__inner{transform:translate(var(--off),calc(var(--off) + 4px)) scale(1)}.is-flip .pill__inner{transform-origin:100% 0;transform:translate(calc(-100% - var(--off) * .5),calc(var(--off) + 4px)) scale(0)}.is-flip.is-on .pill__inner{transform:translate(calc(-100% - var(--off) * .5),calc(var(--off) + 4px)) scale(1)}.poses{position:relative;display:block;aspect-ratio:392/300}.poses img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;mix-blend-mode:multiply}.poses img.is-on{opacity:1}.story{display:grid;gap:clamp(48px,7vw,100px);padding:clamp(56px,9vw,140px) var(--gutter) 0}.story__row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3fr);gap:clamp(16px,4vw,64px);padding-top:18px;border-top:1.5px solid var(--ink)}.story__lead{margin:0 0 clamp(24px,3vw,40px);max-width:24ch;font:500 clamp(21px,2.2vw,32px)/1.15 var(--display);letter-spacing:-.035em}.story__body{max-width:980px;columns:2 280px;column-gap:clamp(24px,3vw,48px)}.story__body p{margin:0 0 1em;font:400 16px/1.6 var(--sans);break-inside:avoid}.stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.stages li{position:relative;display:flex;flex-direction:column;gap:6px;padding-top:20px;font:700 clamp(12px,1.3vw,18px)/1.1 var(--display);text-transform:uppercase;color:var(--ink-soft)}.stages li:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--line)}.stages .label-sm{color:inherit}.stages .is-done{color:var(--ink)}.stages .is-done:before{background:var(--ink)}.stages .is-now{color:var(--ink)}.stages .is-now:before{background:var(--persimmon)}.stages .is-now:after{content:"● now";font:400 10px/1 var(--mono);letter-spacing:.04em;color:var(--persimmon)}.story__note{margin:22px 0 0;max-width:60ch;font:500 16px/1.5 var(--sans)}@media(max-width:560px){.story__row{grid-template-columns:minmax(0,1fr)}}.label{position:sticky;top:calc(var(--head) + 24px);padding:20px 22px 18px;background:#fffdf8;box-shadow:0 0 0 1px var(--line);font-family:var(--mono)}.label__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1.5px solid var(--ink);font-size:12px}.label__top .wordmark{font-size:16px}.label__name{margin:18px 0 14px;font:800 38px/.9 var(--display);letter-spacing:-.045em}.label dl{margin:0}.label dl div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:8px 0;border-top:1px solid var(--line)}.label dl dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.label dl dd{margin:0;font:500 13px/1.35 var(--sans)}.label__foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.label__bars{width:92px;height:22px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 12px)}@media(max-width:900px){.label{position:static;margin-right:var(--gutter);max-width:380px}}.strip{display:flex;align-items:flex-start;gap:clamp(16px,2vw,32px);overflow-x:auto;scrollbar-width:none;padding-right:var(--gutter);cursor:grab;-webkit-user-select:none;user-select:none;scroll-snap-type:x proximity}.strip::-webkit-scrollbar{display:none}.strip.is-grabbing{cursor:grabbing;scroll-snap-type:none}.strip__item{flex:none;margin:0;width:clamp(220px,24vw,360px);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px}.strip__item figcaption{display:flex;gap:12px}.strip__item figcaption span:first-child{color:var(--ink)}.strip__item--drawing,.strip__item--photo{width:clamp(300px,38vw,580px)}.bezel{padding:6%;border-radius:12%;background:var(--ink)}.bezel img{width:100%;border-radius:4%;pointer-events:none}.sheet{padding:8%;background:var(--paper-2)}.sheet img{width:100%;mix-blend-mode:multiply;pointer-events:none}.frame{overflow:hidden}.frame img{width:100%;height:100%;object-fit:cover;pointer-events:none}.backdrop-word{position:fixed;inset:var(--head) 0 0;z-index:-1;display:grid;place-items:center;overflow:hidden;pointer-events:none;transform:translateY(var(--drift, 0));will-change:transform}.backdrop-word span{font:italic 900 calc(min(88vw,1400px) / (var(--chars) * .72))/.9 var(--wordmark);text-transform:uppercase;letter-spacing:-.03em;white-space:nowrap;color:color-mix(in srgb,var(--ink) 7%,var(--paper));transform:rotate(-4deg);padding:.1em .15em}.backdrop-word__defs{position:absolute}.character{display:inline-block}.character i{display:block;width:100%;background:var(--forest);-webkit-mask:var(--src) center bottom/contain no-repeat;mask:var(--src) center bottom/contain no-repeat}.character--peek{overflow:hidden}.character--peek i{transform:translateY(102%);transition:transform .9s var(--spring)}.character--peek.is-up i{transform:none;transition-delay:.15s}.field{position:relative;min-height:calc(100svh - var(--head) - 48px);touch-action:manipulation}.tone-white{--tone: var(--white);--on-tone: var(--ink)}.tone-red{--tone: var(--red);--on-tone: var(--white)}.tone-yellow{--tone: var(--yellow);--on-tone: var(--ink)}.tone-blue{--tone: var(--blue);--on-tone: var(--white)}.fcard{position:absolute;perspective:1100px;user-select:none;-webkit-user-select:none;touch-action:pan-y;will-change:transform}.fcard__tab{position:absolute;left:0;bottom:100%;margin-bottom:7px;padding:5px 7px 4px;background:var(--tone);color:var(--on-tone);box-shadow:0 0 0 1px #0b0b0b14;font:700 12px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;cursor:grab;touch-action:none}.fcard__tab b{font-weight:inherit}.is-carried .fcard__tab{cursor:grabbing}.fcard__spin{position:relative;width:100%;height:100%;transform-style:preserve-3d}.fcard__front,.fcard__back{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.fcard__front{object-fit:cover;background:var(--paper-2);box-shadow:0 26px 46px -30px #0b0b0b80;transition:box-shadow .4s}.is-caught .fcard__front,.is-carried .fcard__front{box-shadow:0 40px 70px -30px #0b0b0b8c}.is-carried .fcard__front{box-shadow:0 60px 90px -36px #0b0b0b8c}.fcard__back{--ink: var(--on-tone);container-type:inline-size;display:flex;flex-direction:column;padding:8%;background:var(--tone);color:var(--on-tone);transform:rotateY(180deg);box-shadow:0 0 0 1px #0b0b0b14,0 26px 46px -30px #0b0b0b80}.fcard__no{font:800 13cqw/.9 var(--display);letter-spacing:-.05em}.fcard__name{margin-top:auto;font:800 9cqw/.95 var(--display);letter-spacing:-.045em}.fcard__line{margin-top:2.5cqw;font:600 4.8cqw/1.25 var(--display);text-transform:uppercase;letter-spacing:.01em;opacity:.85}.fcard__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:4cqw;margin-top:6cqw;font:600 4.8cqw/1 var(--display);text-transform:uppercase;letter-spacing:.03em}.fcard__foot .label__bars{width:34cqw;height:8cqw}.fdraw{position:absolute;background:var(--draw, var(--forest));-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat;cursor:grab}.fdraw.is-carried{cursor:grabbing}.fdraw{will-change:transform}.fdraw--figure{transform-origin:50% 100%;background:none;-webkit-mask:none;mask:none}.figure{display:block;width:100%;height:100%;overflow:visible}.figure__head,.figure__pupil{fill:var(--draw, var(--ink))}.figure__lens{fill:var(--paper)}.figure__eye{transform:scaleY(var(--blink, 1))}.figure__pupil--h{transform:translate(calc(var(--lx, 0) * var(--reach)),calc(var(--ly, 0) * var(--reach) * .3))}.figure__pupil--v{transform:translate(calc(var(--lx, 0) * var(--reach) * .3),calc(var(--ly, 0) * var(--reach)))}.figure__body{transform:translateY(calc(var(--bodyY, 0) * 1px))}.figure__leg{fill:none;stroke:var(--draw, var(--ink));stroke-width:3.2;stroke-linejoin:miter;stroke-linecap:butt;vector-effect:non-scaling-stroke}.figure__leg--l{transform:rotate(calc(var(--splay, 0) * 1deg)) scaleY(calc(var(--legK, 1) - var(--legL, 0) / var(--len)))}.figure__leg--r{transform:rotate(calc(var(--splay, 0) * -1deg)) scaleY(calc(var(--legK, 1) - var(--legR, 0) / var(--len)))}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.sheet-layer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:#0b0b0b47;cursor:zoom-out;animation:sheet-fade .4s ease both}.sheet-layer__sheet{position:absolute;inset:clamp(40px,7vh,72px) 0 0;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);border-radius:18px 18px 0 0;box-shadow:0 -30px 80px -40px #0b0b0b99;animation:sheet-rise .55s var(--out) both}.sheet-layer.is-closing .sheet-layer__backdrop{animation:sheet-fade .32s ease reverse both}.sheet-layer.is-closing .sheet-layer__sheet{animation:sheet-rise .32s var(--inout) reverse both}@keyframes sheet-rise{0%{transform:translateY(100%)}}@keyframes sheet-fade{0%{opacity:0}}.is-locked,.is-locked body{overflow:hidden}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:var(--gutter);gap:16px;background:#f2ece3f5;cursor:zoom-out;animation:sheet-fade .3s ease both}.viewer__stage{display:grid;place-items:center;min-height:0}.viewer__media{max-width:min(100%,100vw - var(--gutter) * 2);max-height:calc(100svh - var(--gutter) * 2 - 56px);width:auto;height:auto;object-fit:contain;box-shadow:0 30px 70px -40px #0b0b0b80;cursor:default;animation:sheet-fade .35s ease both}.viewer__media.is-stepping{cursor:e-resize}.viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.viewer__label{font:800 clamp(20px,2vw,28px)/1 var(--display);letter-spacing:-.04em;color:var(--forest)}.viewer__nav{display:inline-flex;align-items:center;gap:14px}.viewer__nav button{font:600 22px/1 var(--display);padding:4px 8px}.viewer__close{font:700 13px/1 var(--display);text-transform:uppercase}.viewer__close:hover{color:var(--persimmon)}.page{min-height:calc(100svh - var(--head));padding:clamp(28px,4vw,56px) var(--gutter) clamp(64px,10vw,140px)}.page__head{margin-bottom:clamp(40px,6vw,88px)}.page__title{font-size:clamp(40px,6vw,88px);margin:clamp(32px,7vh,88px) 0 clamp(20px,3vh,36px) -.05em}.page--error{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.page--error .page__title{font-family:var(--display);font-weight:800;color:var(--forest);letter-spacing:-.05em;margin:4px 0 8px}.error__skull{width:clamp(120px,16vw,200px);margin-top:clamp(24px,6vh,64px)}.work__head{padding:clamp(28px,4vw,56px) var(--gutter) clamp(40px,6vw,80px)}.work__top{display:flex;justify-content:space-between}.back{transition:color .2s}.back:hover{color:var(--persimmon)}.work__title{font-size:clamp(44px,7vw,112px);margin:clamp(24px,5vh,56px) 0 clamp(20px,3vh,36px) -.03em;color:var(--forest)}.work__poses{width:clamp(84px,9vw,132px)}.work__cover{position:relative;margin:0;height:clamp(320px,74vh,860px);overflow:hidden}.work__cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12)}.work__body{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start;padding:clamp(48px,8vw,120px) 0 clamp(48px,8vw,120px) var(--gutter)}.next{display:block;padding:clamp(36px,6vw,96px) var(--gutter) clamp(28px,4vw,64px);background:var(--ink);color:var(--paper);transition:opacity .9s ease,transform 1.1s var(--out),background-color .45s ease,color .45s ease}@media(hover:hover){.next:hover{background:var(--accent);color:var(--ink)}}.next__title{display:flex;align-items:baseline;justify-content:space-between;font-size:clamp(34px,5vw,76px);margin:clamp(24px,4vw,56px) 0 0 -.04em}.next__arrow{font-weight:500;transition:transform .5s var(--out)}.next:hover .next__arrow{transform:translate(.12em)}@media(max-width:900px){.work__body{grid-template-columns:minmax(0,1fr);padding-right:0}}@media(max-width:560px){.work__cover{height:auto;aspect-ratio:4/5}}.lab{position:relative;z-index:1;overflow:hidden;padding:12px var(--gutter) clamp(32px,5vw,72px)}.about__mark{margin:clamp(32px,7vh,88px) 0 clamp(28px,5vh,56px) -.04em;font:italic 900 clamp(52px,8vw,132px)/.85 var(--display);letter-spacing:-.065em}.about__mark b{font-weight:inherit;color:var(--persimmon);transition:opacity .6s ease .35s}.about__mark:not(.is-in) b{opacity:0}.family li{display:grid;grid-template-columns:6.4em minmax(0,28ch);gap:16px;align-items:baseline;opacity:.4;transition:opacity .25s}.family li:hover,.family li.is-here{opacity:1}.family span{font:500 14px/1.3 var(--sans);text-transform:none;letter-spacing:0}.family .is-here strong:after{content:"";display:inline-block;width:.32em;height:.32em;margin-left:.14em;border-radius:50%;background:var(--persimmon)}.about__links{list-style:none;margin:clamp(48px,8vw,112px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:28px;font:700 16px/1 var(--display);text-transform:uppercase}.about__links a:hover{color:var(--persimmon)}@media(max-width:560px){.family li{grid-template-columns:minmax(0,1fr);gap:2px}}