:root{--c-white: #ffffff;--c-black: #000000;--c-link: #0000ee;--c-link-visited: #551a8b;--c-bg: var(--c-white);--c-fg: var(--c-black);--font-system: Times, "Times New Roman", Georgia, serif;--font-mono: "Courier New", Courier, monospace;--font-display: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;--fs-body: 16px;--fs-small: 13px;--lh-body: 1.5;--fs-display-s: clamp(2rem, 5vw, 4rem);--fs-display-m: clamp(3rem, 9vw, 8rem);--fs-display-l: clamp(4rem, 16vw, 16rem);--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--space-6: 64px;--space-7: 96px;--space-8: 160px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .2s;--dur-med: .5s;--dur-slow: .9s;--z-content: 1;--z-cta: 150;--z-navbar: 160;--z-panel: 200;--z-trail: 9990;--z-cursor: 9999;--cursor-size: 20px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--c-bg);color:var(--c-fg);font-family:var(--font-system);font-size:var(--fs-body);line-height:var(--lh-body)}img,canvas,svg{display:block;max-width:100%}a{color:var(--c-link)}a:visited{color:var(--c-link-visited)}html.is-custom-cursor,html.is-custom-cursor *{cursor:none!important}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}@media (prefers-reduced-motion: reduce){html.is-custom-cursor,html.is-custom-cursor *{cursor:auto!important}}.cursor{position:fixed;top:0;left:0;z-index:var(--z-cursor);width:0;height:0;pointer-events:none;transform:translate3d(-100px,-100px,0);will-change:transform;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.cursor.is-visible{opacity:1}.cursor__visual{position:absolute;top:0;left:0}.cursor__circle,.cursor__text,.cursor__pencil,.cursor__label{position:absolute;top:0;left:0;opacity:0}.cursor{--cur-ink: 20, 20, 20}.cursor.on-dark{--cur-ink: 245, 245, 245}.cursor__circle{width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgba(var(--cur-ink),.5);opacity:0;transform:scale(.4);transition:opacity var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.cursor[data-mode=default].on-dark .cursor__circle{opacity:1;transform:scale(1)}html.is-custom-cursor.use-native,html.is-custom-cursor.use-native *{cursor:auto!important}.cursor__text{width:3px;height:calc(var(--caret-h, 22px) * 1.25);margin-top:calc(var(--caret-h, 22px) * -.625);margin-left:-1.5px;border-radius:1px;background:#2b7fff;opacity:0;transform:scale(.6);transition:opacity var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out),height var(--dur-fast) var(--ease-out),margin-top var(--dur-fast) var(--ease-out)}.cursor[data-mode=text] .cursor__text{opacity:1;transform:scale(1)}.cursor__pencil{max-width:none;transform:translate(-4px,-24px)}.cursor[data-mode=pencil] .cursor__pencil{opacity:1}.cursor__label{top:50%;left:50%;transform:translate(12px,-50%);white-space:nowrap;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--c-black);background:var(--c-white);padding:2px 6px}.cursor[data-mode=label] .cursor__label{opacity:1}.magnetic__inner{display:inline-block;will-change:transform}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);mix-blend-mode:difference;transition:transform var(--dur-med) var(--ease-out)}.navbar.is-hidden{transform:translateY(-100%)}.navbar__brand{font-family:var(--font-system);font-size:var(--fs-body);font-weight:700}.navbar__brand a{color:#fff;text-decoration:none}.navbar__links{display:flex;gap:var(--space-4);font-size:var(--fs-body)}.navbar__links a{color:#fff;text-decoration:underline}.intro{max-width:42rem;margin:0 auto;padding:calc(var(--space-8)) var(--space-4) var(--space-8)}.visitor-counter{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-7) var(--space-4) 0;font-family:var(--font-system);opacity:.85}.visitor-counter__label{font-size:11px;letter-spacing:.02em;color:#666}.visitor-counter .counter__digit{font-size:13px;padding:2px 3px;animation:counterGlow 2.8s ease-in-out infinite}@keyframes counterGlow{0%,to{color:#3f6;text-shadow:0 0 1px rgba(51,255,102,.4)}50%{color:#58ff85;text-shadow:0 0 5px rgba(51,255,102,.7)}}.intro h1{font-weight:400;font-size:2rem;margin:0 0 var(--space-5)}.intro p{margin:0 0 var(--space-4);max-width:34rem}.intro a{color:var(--c-link);text-decoration:underline}.site-footer{max-width:42rem;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-7);font-size:var(--fs-small);color:var(--c-fg)}.counter{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-system);font-size:var(--fs-small)}.counter__odometer{display:inline-flex;gap:1px;padding:2px;background:var(--c-black)}.counter__digit{display:grid;place-items:center;min-width:.85em;padding:1px 2px;background:#0a0a0a;color:#3f6;font-family:var(--font-mono);font-size:15px;line-height:1.1}.cases{padding:var(--space-8) var(--space-4)}.cases__label{margin:0 0 var(--space-5);font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.15em;text-transform:uppercase;color:var(--c-fg)}.cases__list{list-style:none;margin:0;padding:0}.cases__item{display:flex;align-items:baseline;gap:var(--space-3);margin:0}.case__index{flex:none;font-family:var(--font-display);font-weight:400;font-size:var(--fs-small);color:var(--c-fg)}.case__meta{display:inline-flex;gap:var(--space-3);margin-left:var(--space-6);font-family:var(--font-display);font-weight:400;font-size:var(--fs-small);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--c-fg)}.case__title{display:block;width:fit-content;margin:0;padding:0 0 .1em;border:0;background:transparent;font-family:var(--font-display);font-size:var(--fs-display-m);font-weight:300;line-height:.95;letter-spacing:.08em;text-align:left;text-transform:uppercase;color:var(--c-fg);overflow:hidden;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-med) var(--ease-out)}.case__title-inner{display:inline-block;will-change:transform}.cases__list .case__title:hover{transform:translate(var(--space-4))}.trail{position:fixed;inset:0;z-index:var(--z-trail);pointer-events:none;overflow:hidden}.trail__img{position:fixed;top:0;left:0;width:200px;height:150px;object-fit:cover;opacity:0;pointer-events:none;will-change:transform,opacity}.viewer{position:fixed;inset:0;z-index:var(--z-panel);background:var(--c-bg);opacity:0;visibility:hidden;pointer-events:none}.viewer.is-open{opacity:1;visibility:visible;pointer-events:auto}.viewer__nav{position:fixed;left:var(--space-4);bottom:var(--space-4);z-index:3;display:flex;flex-direction:column;gap:1px;align-items:flex-start;mix-blend-mode:difference}.viewer__nav-item{margin:0;padding:0;border:0;background:transparent;font-family:var(--font-display);font-size:12px;line-height:1.25;text-transform:uppercase;letter-spacing:.06em;color:#fff;opacity:.55;transition:font-size var(--dur-med) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.viewer__nav-item.is-active{opacity:1;text-decoration:underline;text-underline-offset:3px}.viewer__nav-item.is-viewed:before{content:"";display:inline-block;width:4px;height:4px;margin-right:5px;border-radius:50%;background:currentColor;vertical-align:middle}.viewer__nav:hover .viewer__nav-item{font-size:16px;opacity:.6}.viewer__nav:hover .viewer__nav-item.is-active,.viewer__nav .viewer__nav-item:hover{opacity:1}.viewer__close{position:fixed;top:var(--space-3);right:var(--space-4);z-index:3;display:grid;place-items:center;width:64px;height:64px;padding:0;border:0;background:transparent;mix-blend-mode:difference;font-family:var(--font-system);color:#fff}.viewer__close-x{display:block;font-size:48px;line-height:1;transition:transform var(--dur-med) var(--ease-out)}.viewer__close:hover .viewer__close-x{transform:rotate(90deg)}.viewer__stage{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto}.viewer__content{--side: clamp(110px, 8vw, 150px);--img-radius: 14px;padding:72px var(--side) var(--space-8)}.case-view__head{text-align:center;margin-bottom:var(--space-4)}.case-view__index{display:block;font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.12em}.case-view__title{margin:var(--space-2) 0 var(--space-3);font-family:var(--font-display);font-size:clamp(2.4rem,6.5vw,6.5rem);font-weight:300;line-height:.95;letter-spacing:.02em;text-transform:uppercase}.case-view__meta{display:flex;justify-content:center;gap:var(--space-4);margin:0;font-family:var(--font-mono);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em}.case-view__video{width:calc(100% + 2 * var(--side));margin:0 calc(-1 * var(--side)) var(--space-7);aspect-ratio:16 / 9;height:auto}.case-view__text.block-text{max-width:26ch;margin:var(--space-8) 0;font-family:var(--font-display);font-size:clamp(1.35rem,2.3vw,2.1rem);font-weight:300;line-height:1.2}.case-view__text.right{margin-left:auto}.case-view__text.left{margin-right:auto}.case-view__img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--img-radius);margin:var(--space-6) 0}.case-view__img.block-contain{height:72vh;aspect-ratio:auto}.case-view__img.block-wide{aspect-ratio:16 / 9}.case-view__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-6) 0}.case-view__pair .case-view__img{aspect-ratio:4 / 5;margin:0}.case-next{display:block;width:100%;margin:var(--space-8) 0 0;padding:0;border:0;background:transparent;text-align:left;color:var(--c-fg)}.case-next .magnetic__inner{display:block}.case-next__label{display:block;margin-bottom:var(--space-3);font-family:var(--font-display);font-weight:400;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em}.case-next__media{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;border-radius:var(--img-radius);overflow:hidden}.case-next__media:after{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity var(--dur-med) var(--ease-out)}.case-next:hover .case-next__media:after{opacity:.14}.case-next__title{font-family:var(--font-display);font-size:clamp(2rem,6vw,5rem);font-weight:400;text-transform:uppercase;letter-spacing:.02em}html.is-viewer-open,html.is-viewer-open body{overflow:hidden}.contact{position:relative;background:var(--c-black);color:var(--c-white)}.morph{position:fixed;right:24px;bottom:24px;z-index:var(--z-cta);display:flex;align-items:center;justify-content:center;width:168px;height:54px;padding:0;border:0;border-radius:999px;background:var(--c-black);color:var(--c-white);font-family:var(--font-display);font-size:16px;font-weight:300;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden}.morph.is-consumed{position:absolute;inset:0 auto auto 0;width:100%;height:42vh;border-radius:0;font-size:min(9vw,20vh);pointer-events:none}.contact__hero{height:42vh}.contact__fallback-heading,html.no-morph .contact__hero{display:none}html.no-morph .contact__fallback-heading{display:block;margin:0;padding:24vh 0 8vh;text-align:center;font-family:var(--font-display);font-size:14vw;font-weight:400;text-transform:uppercase}.contact__body{position:relative;z-index:1;padding:var(--space-4) clamp(24px,8vw,160px) var(--space-8)}.contact-form{max-width:820px;margin:0 auto}.contact-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-6)}.field{margin-bottom:var(--space-5)}.field input,.field textarea{width:100%;padding:var(--space-2) 0;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.28);color:var(--c-white);font-family:var(--font-display);font-size:clamp(1.05rem,1.8vw,1.4rem);transition:border-color var(--dur-fast) var(--ease-out)}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--c-white)}.contact-form input::placeholder,.contact-form textarea::placeholder,.caricature__email::placeholder{color:#ffffffbf}.field input.has-error,.caricature__email.has-error{border-bottom-color:#ff5a5a}.field input.has-error::placeholder{color:#ff8a8a}.field__error{display:block;min-height:1em;margin-top:4px;font-family:var(--font-display);font-size:var(--fs-small);color:#ff8a8a}.contact-form__foot{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3)}.contact-form__submit{padding:14px 30px;border:1px solid var(--c-white);border-radius:999px;background:transparent;color:var(--c-white);font-family:var(--font-display);font-size:var(--fs-body);font-weight:300;letter-spacing:.02em;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.contact-form__submit:hover{background:#fff3;border-color:transparent}.contact-form__submit.is-sent,.caricature__form button.is-sent{border-color:#ffffff4d;background:transparent;color:#ffffff80}.contact-form__submit.is-sent:hover,.caricature__form button.is-sent:hover{background:#fff3;border-color:transparent}.contact-form__status:empty{display:none}.contact-form__status{font-family:var(--font-display);font-size:var(--fs-small)}@media (max-width: 640px){.contact-form__grid{grid-template-columns:1fr}}.caricature{display:flex;gap:var(--space-4);align-items:center;max-width:680px;margin:var(--space-8) auto 0;padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.15);opacity:.85}.caricature__peek{position:relative;flex:none;width:72px;height:72px;border-radius:8px;overflow:hidden;background:#fff}.caricature__frame{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:caricatureCycle 3.6s infinite}@keyframes caricatureCycle{0%{opacity:1}27%{opacity:1}34%{opacity:0}to{opacity:0}}.caricature__caption{margin:0 0 var(--space-2);font-family:var(--font-system);font-size:var(--fs-small);opacity:.8}.caricature__row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.caricature__file{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.05em;cursor:inherit}.caricature__file input{display:none}.caricature__file span{text-decoration:underline;text-underline-offset:3px}.caricature__email{padding:4px 0;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.3);color:var(--c-white);font-family:var(--font-mono);font-size:var(--fs-small)}.caricature__email:focus{outline:none;border-color:var(--c-white)}.caricature__form button{padding:6px 16px;border:1px solid var(--c-white);border-radius:999px;background:transparent;color:var(--c-white);font-family:var(--font-display);font-size:var(--fs-small);text-transform:uppercase;transition:background var(--dur-fast) var(--ease-out)}.caricature__form button:hover{background:#fff3;border-color:transparent}.caricature__status:empty{display:none}.caricature__status{width:100%;margin:var(--space-2) 0 0;font-family:var(--font-mono);font-size:var(--fs-small)}.board{max-width:42rem;margin:0 auto;padding:var(--space-7) var(--space-4);text-align:center}.board h2{margin:0 0 var(--space-4);font-weight:400;font-size:1.4rem}.board__stage{position:relative;width:min(340px,86vw);aspect-ratio:1;margin:0 auto;border:1px solid #d8d8d8;background:#fcfcfc}.board__ref{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;filter:grayscale(1);user-select:none;-webkit-user-drag:none}.board__ref.is-hidden{display:none}.board__canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.board__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--fs-body)}.board__tools button{padding:4px 10px;border:0;background:transparent;font-family:var(--font-system);font-size:var(--fs-body);color:var(--c-link);text-decoration:underline}.board__tools button.is-active{color:var(--c-fg);font-weight:700}.board__tools [data-board-done]{color:var(--c-fg);text-decoration:none;border:1px solid var(--c-fg);border-radius:0}.board__status{width:100%;font-size:var(--fs-small);color:#555}.board__ref-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--fs-small)}.board__ref-tools button,.board__ref-change{padding:2px 8px;border:0;background:transparent;font-family:var(--font-system);font-size:var(--fs-small);color:var(--c-link);text-decoration:underline}.basement{padding:var(--space-6) var(--space-4) var(--space-8)}.basement h2{max-width:42rem;margin:0 auto var(--space-4);font-weight:400;font-size:1.4rem}.basement__grid{display:flex;flex-wrap:wrap;gap:var(--space-2);align-content:flex-start;max-width:60rem;margin:0 auto}.basement__tile{width:76px;height:76px}.basement__tile img{width:100%;height:100%;object-fit:contain;filter:grayscale(1)}