@font-face{font-family:Rivania Pixel;src:url(/fonts/RivaniaPixel-Regular.woff2)format("woff2");font-display:swap}:root{--ink:#14171f;--navy:#1b2e52;--royal:#2b4ce6;--mist:#c3d3f2;--bone:#efeee9;--neon:#cf0;--u:8px;--ease:cubic-bezier(.22, .8, .2, 1);--gutter:clamp(16px, 3vw, 48px);--header-h:56px;--font-sans:"helvetica-lt-pro", "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;--font-mono:"roboto-mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-pixel:"Rivania Pixel", "Courier New", monospace;--name-size:clamp(48px, min(20vw, 28vh), 340px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:auto;-webkit-tap-highlight-color:transparent}body{background:var(--bone);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;letter-spacing:-.045em;margin:0;font-size:16px;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}::selection{background:var(--neon);color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 2px var(--neon)}.skip{left:var(--gutter);background:var(--ink);color:var(--bone);z-index:100;padding:8px 16px;position:fixed;top:-100px}.skip:focus{top:8px}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.header{z-index:50;height:var(--header-h);padding:0 var(--gutter);pointer-events:none;color:#fff;mix-blend-mode:difference;background:0 0;grid-template-columns:1fr auto 1fr;align-items:center;font-size:13px;font-weight:500;display:grid;position:fixed;inset:0 0 auto}.header__side{align-items:center;gap:24px;display:flex}.header a{pointer-events:auto;position:relative}.header a:hover{text-underline-offset:4px;text-decoration:underline}.brand{z-index:60;color:#fff;mix-blend-mode:difference;font-family:var(--font-pixel);white-space:nowrap;letter-spacing:0;font-weight:400;line-height:.9;font-size:var(--name-size);transform-origin:50%;will-change:transform;margin:0;position:fixed;top:0;left:50%}.brand a:hover{text-decoration:none}.hero__title--spacer{visibility:hidden}.hero__inner>*{transition:translate .9s var(--ease)}.hero.is-docked .hero__inner>*{translate:0 calc(var(--dock-shift,0px) * -1)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header__tm{margin-right:.35em;font-weight:700;display:inline-block}.header__brand{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;opacity:0;filter:blur(6px);pointer-events:none;font-size:14px;font-weight:700}.header__brand.is-live{pointer-events:auto}.header__lang{border-left:1px solid;padding-left:16px}.btn{background:var(--ink);color:var(--bone);cursor:pointer;border:0;border-radius:2px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.3;transition:background .25s;display:inline-block}.btn:hover{background:var(--neon);color:var(--ink)}.btn--small{padding:5px 10px;font-size:11px}.btn--light{background:var(--bone);color:var(--ink)}.btn--light:hover{background:var(--mist)}.hero{min-height:100svh;padding:calc(var(--header-h) + 16px) var(--gutter) 48px;text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.hero__trail{z-index:0;pointer-events:none;contain:layout paint;position:fixed;inset:0;overflow:hidden}.hero__inner{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex;position:relative}.hero__title{font-family:var(--font-pixel);white-space:nowrap;letter-spacing:0;font-weight:400;line-height:.9;font-size:var(--name-size)}.hero__photo{aspect-ratio:1;background:0 0;height:clamp(150px,34vh,380px);position:relative}.hero__photo img{object-fit:contain;opacity:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.hero__photo img.is-on{opacity:1}.hero__role,.hero__statement{color:#fff;mix-blend-mode:difference}.hero__role{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500}.hero__statement{max-width:34ch;margin-top:-8px;font-size:clamp(16px,1.4vw,20px);font-weight:500;line-height:1.35}.trail-item{aspect-ratio:4/3;object-fit:cover;--tx:calc(var(--x,0px) - 50%);--ty:calc(var(--y,0px) - 50%);width:clamp(76px,8vw,124px);transform:translate3d(var(--tx), var(--ty), 0) scale(.85);opacity:0;will-change:transform, opacity;transition:opacity .16s ease-out,transform .3s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:0}.trail-item.is-reset{transition:none}.trail-item.is-in{opacity:1;transform:translate3d(var(--tx), var(--ty), 0) scale(1)}.trail-item.is-out{opacity:0;transform:translate3d(var(--tx), var(--ty), 0) scale(1.06);transition-duration:.22s}.section{padding:clamp(80px, 12vw, 160px) var(--gutter) clamp(48px, 8vw, 96px);text-align:center}.section__title{font-family:var(--font-pixel);text-transform:uppercase;font-size:clamp(36px,7vw,112px);font-weight:400;line-height:.95}.section__intro{max-width:52ch;color:var(--navy);margin:24px auto;font-size:15px}.work__grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:24px 20px;max-width:880px;margin:56px auto 0;display:grid}.card{display:block}.card__media{background:var(--navy);border-radius:12px;display:block;overflow:hidden}.card__media--black{background:#000}.card__media--black img{object-fit:contain}.card__media img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform 1s var(--ease)}.card:hover .card__media img{transform:scale(1.04)}.card__meta{justify-content:space-between;align-items:flex-start;gap:16px;padding-top:12px;display:flex}.card__meta strong{font-size:13px;display:block}.card__meta small{color:var(--navy);font-size:12px}.card__arrow{background:var(--ink);width:28px;height:28px;color:var(--bone);transition:background .35s var(--ease), transform .45s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.card__arrow svg{transition:transform .45s var(--ease)}.card:hover .card__arrow{background:var(--neon);color:var(--ink)}.card:hover .card__arrow svg{transform:translate(1.5px,-1.5px)}.work__grid .work__item--wide{grid-column:1/-1}.work__grid .work__item--wide .card__media img{aspect-ratio:2}.about{padding-bottom:0}.about__stage{isolation:isolate;background:var(--bone);max-width:960px;min-height:640px;margin:0 auto;position:relative}.about__copy{z-index:2;position:relative}.about__copy--blue{z-index:3;pointer-events:none;color:var(--ink);-webkit-mask-image:var(--mask);mask-image:var(--mask);position:absolute;inset:0 0 auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.about__intro{max-width:46ch;margin:24px auto 0;font-size:clamp(18px,2vw,26px);font-weight:500;line-height:1.25}.about__photo{z-index:1;aspect-ratio:4/5;background:var(--bone);will-change:transform;width:clamp(180px,22vw,280px);margin:0;position:absolute;top:105px;left:50%;transform:translate(-50%)}.about__photo img{object-fit:contain;width:100%;height:100%;padding:12%}.resume{text-align:left;max-width:720px;margin:96px auto 0}.resume__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;color:#6b6f78;margin:56px 0 16px;font-size:12px;font-weight:500}.resume>.resume__label:first-child{margin-top:0}.acc details{background:var(--ink);color:var(--bone);transition:background .35s var(--ease), transform .5s var(--ease), color .35s var(--ease);border-radius:6px;margin-bottom:4px;overflow:hidden}.acc details:hover,.acc details[open]{background:var(--neon);color:var(--ink);transform:translate(6px)}.acc details:hover p,.acc details[open] p{color:#14171fd9}.acc summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:500;list-style:none;display:flex}.acc summary::-webkit-details-marker{display:none}.acc__plus{width:14px;height:14px;position:relative}.acc__plus:before,.acc__plus:after{content:"";transition:transform .45s var(--ease);background:currentColor;position:absolute}.acc__plus:before{height:2px;top:6px;left:0;right:0}.acc__plus:after{width:2px;top:0;bottom:0;left:6px}.acc details[open] .acc__plus:after{transform:scaleY(0)}.acc details p{max-width:60ch;color:var(--mist);transition:color .35s var(--ease);padding:0 16px 16px;font-size:14px}.rows li{border-top:1px solid #14171f33;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;display:grid}.rows li:last-child{border-bottom:1px solid #14171f33}.rows li:has(.rows__logo){grid-template-columns:120px 1fr auto;align-items:center}.rows__logo{width:auto;height:44px}.rows__when{color:#6b6f78;font-size:13px}.rows__body{flex-direction:column;gap:2px;font-size:14px;display:flex}.rows__body em{color:var(--navy);font-style:normal}.rows__body span{max-width:60ch;margin-top:6px}.resume__cols{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.resume__cols p{font-size:14px}.muted{color:#6b6f78}.logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;padding:8px 0 32px;display:flex}.logos li{height:56px;transition:opacity .4s var(--ease), transform .5s var(--ease);place-items:center;display:grid;position:relative}.logos img{object-fit:contain}.logos li.mark img{width:auto;height:48px}.logos li.lockup img{width:auto;height:44px}.logos li.wide img{object-fit:contain;width:112px;height:34px}.logos:has(li:hover) li:not(:hover){opacity:.25}.logos li:hover{transform:translateY(-3px)}.logos li:after{content:attr(data-name);background:var(--ink);color:var(--bone);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .4s var(--ease);z-index:5;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}.logos li:hover:after{opacity:1;transform:translate(-50%)}.contact{padding-bottom:96px}.social{flex-wrap:wrap;justify-content:center;gap:24px;font-size:14px;font-weight:500;display:flex}.social a{text-underline-offset:4px;text-decoration:underline #0000;transition:text-decoration-color .25s}.social a:hover{text-decoration-color:currentColor}.form{background:var(--ink);color:var(--bone);text-align:left;flex-direction:column;gap:24px;max-width:420px;margin:48px auto 0;padding:24px;display:flex}.form label{flex-direction:column;gap:8px;font-size:12px;font-weight:500;display:flex}.form input,.form textarea{color:var(--bone);font:inherit;resize:vertical;background:0 0;border:0;border-bottom:2px solid #efeee94d;outline:none;padding:8px;font-size:14px;font-weight:400}.form input::placeholder,.form textarea::placeholder{color:#efeee98c}.form input:focus,.form textarea:focus{border-bottom-color:var(--mist)}.form .btn{align-self:flex-start}.form .btn[disabled]{opacity:.6;cursor:progress}.form__status{min-height:1.2em;color:var(--mist);font-size:13px}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.footer{margin:0 var(--gutter);border-top:1px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 0 32px;font-size:13px;font-weight:500;display:grid}.footer span:last-child{justify-self:end}.footer__avail{align-items:center;gap:8px;display:inline-flex}.footer__avail i{background:var(--neon);width:8px;height:8px;box-shadow:0 0 0 1.5px var(--ink);border-radius:50%;display:inline-block}@media (width<=720px){.header__side{gap:12px}.header__home{display:none}.header{mix-blend-mode:difference;color:#fff;backdrop-filter:none;background:0 0;grid-template-columns:1fr auto 1fr;padding:0 16px;font-size:12px}.brand{mix-blend-mode:normal;color:var(--ink)}.header a{padding:14px 2px}.header__lang{padding-left:10px}.header__brand{letter-spacing:.02em;font-size:12px}.section{padding-top:72px}.resume{margin-top:48px}.about__photo{width:200px}.logos{gap:24px 20px}.logos li{height:44px}.logos li.mark img{height:38px}.logos li.lockup img{height:36px}.logos li.wide img{width:92px;height:28px}.logos li:after{display:none}.form{margin-top:32px;padding:20px}.form input,.form textarea{font-size:16px}.hero__statement{max-width:30ch}.work__grid{grid-template-columns:1fr}.rows li,.rows li:has(.rows__logo){grid-template-columns:1fr;gap:4px}.rows__logo{justify-self:start;margin-top:8px}.resume__cols{grid-template-columns:1fr}.footer{grid-template-columns:1fr auto;row-gap:8px}.footer__avail{grid-column:1/-1;justify-self:start!important}.about__stage{min-height:0}.about__photo{margin:32px auto 0;position:relative;top:auto;left:auto;transform:none!important}.about__copy--blue{display:none}}@media (hover:none){.about__photo{margin:32px auto 0;position:relative;top:auto;left:auto;transform:none!important}.about__stage{min-height:0}.about__copy--blue{display:none}}@media (prefers-reduced-motion:reduce){.card__media img{transition:none}}.header--static .header__brand{opacity:1;filter:none;pointer-events:auto}.btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:0 0}.case-cover{min-height:100svh;padding:calc(var(--header-h) + 24px) var(--gutter) 40px;background:#000;place-items:center;display:grid}.case-cover img{width:auto;max-width:min(100%,1100px);height:auto;max-height:calc(100svh - var(--header-h) - 80px);object-fit:contain}.case-intro{max-width:1120px;padding:clamp(64px, 10vw, 128px) var(--gutter);grid-template-columns:1.2fr 1fr;align-items:start;gap:48px clamp(32px,6vw,96px);margin:0 auto;display:grid}.case-title{font-family:var(--font-pixel);margin:0;font-size:clamp(56px,11vw,168px);font-weight:400;line-height:.9}.case-subtitle{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;margin-top:16px;font-size:12px;font-weight:500}.case-facts{gap:0;margin:0;display:grid}.case-facts div{border-top:1px solid #14171f33;grid-template-columns:110px 1fr;gap:16px;padding:10px 0;font-size:14px;display:grid}.case-facts div:last-child{border-bottom:1px solid #14171f33}.case-facts dt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;color:#6b6f78;padding-top:2px;font-size:11px}.case-facts dd{margin:0}.case-text{grid-column:1/-1;gap:20px;max-width:64ch;font-size:clamp(16px,1.5vw,19px);line-height:1.5;display:grid}.case-text p{margin:0}.case-dark{color:var(--bone);padding:clamp(56px, 9vw, 120px) var(--gutter);background:#000}.case-dark img{height:auto;display:block}.case-h2{font-family:var(--font-pixel);text-transform:uppercase;text-align:center;margin:0 0 clamp(40px,7vw,88px);font-size:clamp(36px,7vw,104px);font-weight:400;line-height:.95}.case-art{place-items:center;display:grid}.case-art img{width:min(560px,100%)}.case-posters{justify-items:center;display:grid}.case-posters img{width:min(760px,100%)}.act{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,6vw,96px);max-width:1120px;margin:0 auto clamp(64px,10vw,128px);display:grid}.act:last-child{margin-bottom:0}.act--flip .act__image{order:2}.act__image{width:100%}.act__numeral{font-family:var(--font-pixel);font-size:clamp(56px,8vw,112px);line-height:.9;display:block}.act__body h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--mist);margin:12px 0 16px;font-size:12px;font-weight:500}.act__body p{max-width:52ch;margin:0 0 32px;font-size:clamp(15px,1.4vw,18px);line-height:1.5}.act__cd{width:100%}.case-closing{max-width:1120px;padding:clamp(64px, 10vw, 128px) var(--gutter);gap:40px;margin:0 auto;display:grid}.case-actions{flex-wrap:wrap;gap:8px;display:flex}[data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform 1.1s var(--ease);transform:translateY(28px)}[data-reveal].is-in,html:not(.js) [data-reveal]{opacity:1;transform:none}@media (width<=720px){.case-intro{grid-template-columns:1fr;gap:32px}.case-facts div{grid-template-columns:96px 1fr}.act,.act--flip{grid-template-columns:1fr}.act--flip .act__image{order:0}.case-cover{padding-top:calc(var(--header-h) + 8px)}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}}.case-h2:has(+.case-lede){margin-bottom:clamp(48px,6vw,72px)}.case-lede{text-align:center;max-width:60ch;margin:0 auto clamp(40px,6vw,72px);font-size:clamp(15px,1.4vw,18px);line-height:1.55}.case-light .case-lede{color:var(--ink)}.swatches{display:grid}.swatches--main{grid-template-columns:repeat(5,1fr)}.swatches--main div{aspect-ratio:1/1.1}.swatches--sub{grid-template-columns:repeat(8,1fr)}.swatches--sub div{aspect-ratio:1/1.4}.swatches div{align-items:flex-end;padding:clamp(8px,1.6vw,20px);display:flex}.swatches span{font-family:var(--font-mono);letter-spacing:.02em;font-size:clamp(9px,1vw,13px)}.elements{justify-items:center;gap:clamp(20px,3vw,40px);padding:clamp(8px,2vw,24px) 0;display:grid}.elements__icons,.elements__bars{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,3vw,40px);display:flex}.case-stack .elements__icons img{width:auto;height:clamp(52px,7.5vw,92px)}.case-stack .elements__bars img{width:clamp(130px,18vw,230px);height:auto}.typespec{color:#0073ce;gap:4px;font-family:Futura,Jost,Century Gothic,sans-serif;display:grid}.typespec p{justify-content:space-between;align-items:baseline;gap:24px;margin:0;font-size:clamp(26px,5vw,64px);line-height:1.1;display:flex}.typespec span:last-child{font-size:.9em}.case-cover--wide{min-height:0;padding:0;display:block}.case-cover--wide img{width:100%;max-width:none;height:auto;max-height:none;display:block}.case-facts dd span{display:block}.case-facts dd span+span{margin-top:4px}.case-light{background:var(--bone);padding:clamp(56px, 9vw, 120px) var(--gutter)}.case-light .case-h2{color:var(--ink)}.case-stack{gap:clamp(32px,5vw,64px);max-width:1120px;margin:0 auto;display:grid}.case-stack figure{margin:0}.case-stack img{width:100%;height:auto;display:block}.case-stack figcaption{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:#6b6f78;margin-top:12px;font-size:11px}.case-wide{max-width:1120px;margin:0 auto clamp(16px,2vw,24px)}.case-wide img,.case-trio img{width:100%;height:auto;display:block}.case-trio{grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.5vw,24px);max-width:1120px;margin:0 auto;display:grid}.case-dark--tight{padding-top:clamp(40px,6vw,72px)}.case-intro--board{grid-template-columns:1.2fr 1fr;padding-bottom:clamp(32px,5vw,64px)}.board{padding:clamp(24px, 4vw, 56px) var(--gutter) clamp(56px, 8vw, 104px);background:#f5f3e8}.board__row{grid-template-columns:minmax(0,1fr) minmax(0,702px) minmax(0,1fr);align-items:start;gap:clamp(16px,3vw,48px);max-width:1400px;margin:0 auto;display:grid}.board__fig{grid-column:2;margin:0}.board__fig img{width:100%;height:auto;display:block}.board__fig.is-round img{border-radius:clamp(10px,2vw,22px)}.board__note{color:#6b6f78;max-width:28ch;top:calc(var(--header-h) + 24px);margin:0;font-size:13px;line-height:1.5;position:sticky}.board__row--left .board__note{text-align:right;grid-area:1/1;justify-self:end}.board__row--right .board__note{grid-area:1/3}.board__row--left .board__fig,.board__row--right .board__fig{grid-row:1}.board__text{text-align:center;color:#8a8576;max-width:640px;margin:clamp(28px,4vw,48px) auto;font-size:clamp(14px,1.3vw,17px);line-height:1.6}.board .case-actions{margin-top:24px}@media (width<=720px){.case-intro--board{grid-template-columns:1fr}}@media (width<=900px){.board__row{grid-template-columns:1fr}.board__fig,.board__row--left .board__fig,.board__row--right .board__fig{grid-area:1/1}.board__note,.board__row--left .board__note,.board__row--right .board__note{text-align:left;grid-area:2/1;justify-self:start;max-width:60ch;margin:12px 0 0;position:static}}.board__full{margin:0;display:none}.board__full img{width:100%;height:auto;display:block}@media (width<=720px){.board{padding-top:0}.board__full{margin-inline:calc(-1 * var(--gutter));display:block}.board__row,.board__text{display:none}}.case-actions--center{justify-content:center}.case-context{background:var(--bone);padding:clamp(56px, 8vw, 96px) var(--gutter) clamp(64px, 9vw, 120px)}.case-context .case-h2{color:var(--ink)}.case-text--center{margin:0 auto}.case-cover--small{min-height:0;padding:calc(var(--header-h) + 24px) var(--gutter) 40px;background:#000;place-items:center;display:grid}.case-cover--small img{width:min(1100px,100%);height:auto;max-height:none}.case-looks{grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,24px);max-width:1040px;margin:0 auto;display:grid}.case-looks img{width:100%;height:auto;display:block}.case-single{max-width:1040px;margin:0 auto}.case-single img{width:100%;height:auto;display:block}.case-end{justify-items:center;gap:40px;display:grid}.case-end .case-lede{color:#bfa77a;margin:0 auto}.case-end__logo{width:min(520px,84%);height:auto}@media (width<=720px){.case-looks{grid-template-columns:1fr;max-width:320px}}.zoomgrid{column-count:2;column-gap:clamp(8px,1.5vw,24px);max-width:1120px;margin:0 auto}.zoom{break-inside:avoid;margin-bottom:clamp(8px,1.5vw,24px)}.zoom img{width:100%;height:auto;display:block}.zoom-hint{text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--mist);margin:0 0 28px;font-size:11px;display:none}@media (hover:hover) and (pointer:fine){.zoom-hint{display:block}.zoomgrid{column-count:auto;align-items:center;gap:clamp(6px,.8vw,12px);height:clamp(230px,23vw,330px);margin-block:clamp(24px,4vw,56px);display:flex}.zoom{flex:var(--w,1) 1 0;min-width:0;aspect-ratio:var(--ar);cursor:none;border-radius:6px;max-height:100%;margin:0;overflow:hidden}.zoom img{object-fit:contain;width:100%;height:100%;filter:brightness(calc(.68 + .32 * var(--k,0)))}}@media (width<=720px){.swatches--main{grid-template-columns:repeat(2,1fr)}.swatches--main div:last-child{aspect-ratio:auto;grid-column:1/-1;min-height:96px}.swatches--sub{grid-template-columns:repeat(4,1fr)}.case-trio{grid-template-columns:1fr}}.cursor{display:none}@media (hover:hover) and (pointer:fine){html.has-cursor,html.has-cursor a,html.has-cursor button,html.has-cursor summary,html.has-cursor label{cursor:none}html.has-cursor input,html.has-cursor textarea{cursor:text}.cursor{z-index:200;pointer-events:none;color:#fff;mix-blend-mode:difference;opacity:0;will-change:transform;width:15px;height:15px;margin:-1px 0 0 -7px;transition:opacity .25s;display:block;position:fixed;top:0;left:0}.cursor svg{fill:currentColor;transform-origin:45% 10%;width:100%;height:100%;transition:transform .45s var(--ease);display:block}.cursor.is-visible{opacity:1}.cursor.is-hover svg{transform:scale(1.25)rotate(-10deg)}.cursor.is-text{opacity:0}}html,body{overflow-x:clip}@media (width<=720px){.section .section__title{font-size:var(--fit,clamp(64px, 25vw, 132px));white-space:nowrap;text-align:left;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0;padding:0;line-height:.9;display:block}.section .section__title+.section__intro{text-align:left;margin-inline:0}.section{text-align:left}.work__grid{margin-top:32px}.case-title{white-space:normal;overflow-wrap:anywhere;font-size:clamp(44px,14vw,72px);line-height:.95}.case-h2{white-space:normal;text-align:center;margin-bottom:28px;font-size:clamp(34px,11vw,56px);line-height:1}.case-dark,.case-light,.case-context{overflow:hidden}}.header__menu-btn{display:none}@media (width<=720px){.header{grid-template-columns:1fr auto}.header__side{display:none}.header__brand{justify-self:start;opacity:1!important;filter:none!important;pointer-events:auto!important}.header__menu-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:9px 14px;font-size:12px;font-weight:500;display:block;box-shadow:inset 0 0 0 1px}.menu__nav{align-content:center;gap:4px;display:grid}.menu__nav a{font-family:var(--font-pixel);text-transform:uppercase;opacity:0;transition:opacity .5s var(--ease), transform .7s var(--ease), color .25s;font-size:clamp(56px,20vw,96px);line-height:1;transform:translateY(24px)}.menu__nav a:active{color:var(--neon)}.menu__nav .menu__lang{font-family:var(--font-mono);letter-spacing:.04em;color:var(--mist);margin-top:20px;font-size:14px}.menu__foot{color:var(--mist);gap:6px;margin:0;font-size:13px;display:grid}.menu__foot a{color:var(--bone);text-underline-offset:4px;text-decoration:underline}.header .header__menu-btn{z-index:60;position:relative}html.menu-open .header{mix-blend-mode:normal;color:var(--bone)}html.menu-open .header__brand{color:var(--bone)}html.menu-open .header__menu-btn{color:var(--bone);background:0 0}html.menu-open .brand{opacity:0}}@media (prefers-reduced-motion:reduce){.menu__nav a{transition:none}}@media (width<=720px){.work__grid{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;max-width:none;margin:28px 0 0;padding:0;display:grid;overflow:visible}.work__grid li{flex:none}.work__grid .card__media{border-radius:10px}.work__grid .card__media img{aspect-ratio:4/3;object-position:50% 50%}.work__grid .card__meta{gap:8px;padding-top:8px}.work__grid .card__meta strong{font-size:12px}.work__grid .card__meta small{font-size:11px;line-height:1.25;display:block}.work__grid .card__arrow{width:24px;height:24px}.work__grid .card__arrow svg{width:10px;height:10px}}[data-lb]{cursor:zoom-in}html.has-cursor [data-lb]{cursor:none}.lb{z-index:180;opacity:0;visibility:hidden;transition:opacity .35s var(--ease), visibility 0s .35s;touch-action:pan-y;background:#000000f0;place-items:center;display:grid;position:fixed;inset:0}.lb.is-open{opacity:1;visibility:visible;transition:opacity .35s var(--ease)}.lb__stage{place-items:center;width:100%;height:100%;padding:64px 12px;display:grid}.lb__stage img{object-fit:contain;width:auto;max-width:min(96vw,1400px);height:auto;max-height:calc(100svh - 128px);transition:opacity .2s ease, transform .5s var(--ease)}.lb__stage img.is-swap{opacity:0;transform:scale(.985)}.lb__close,.lb__nav{width:44px;height:44px;color:var(--bone);cursor:pointer;backdrop-filter:blur(6px);background:#efeee924;border:0;border-radius:50%;place-items:center;font-size:22px;line-height:1;transition:background .25s;display:grid;position:absolute}.lb__close:hover,.lb__nav:hover{background:#efeee94d}.lb__close{font-size:28px;top:12px;right:12px}.lb__nav{margin-top:-22px;top:50%}.lb__prev{left:12px}.lb__next{right:12px}.lb__count{font-family:var(--font-mono);letter-spacing:.04em;color:var(--mist);font-size:12px;position:absolute;top:24px;left:16px}@media (width<=720px){.lb__nav{margin:0;top:auto;bottom:20px}.lb__prev{left:calc(50% - 56px)}.lb__next{right:calc(50% - 56px)}.lb__stage{padding:60px 8px 84px}}html.lb-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.lb,.lb__stage img{transition:none}}@view-transition{navigation:auto}::view-transition-old(root){animation:.28s var(--ease) both vt-out}::view-transition-new(root){animation:.45s var(--ease) both vt-in}@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(12px)}}@media (hover:none){a,button,.card{touch-action:manipulation}.btn:active,.card:active{transition:transform .15s;transform:scale(.97)}.card:hover .card__media img{transform:none}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}.case-cover--hero{background:#000;min-height:100svh;padding:0;display:block;position:relative;overflow:hidden}.case-cover--hero img{object-fit:cover;object-position:50% 48%;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.card__media--black img{object-fit:contain;object-position:50% 50%;padding:4%}.card:hover .card__media--black img{transform:none}.header{z-index:50;mix-blend-mode:normal;height:auto;color:var(--ink);pointer-events:none;backdrop-filter:none;background:0 0;justify-content:center;padding:0 12px;display:flex;position:fixed;inset:12px 0 auto}.header__pill{pointer-events:auto;max-width:100%;color:var(--ink);backdrop-filter:blur(22px)saturate(1.9)brightness(1.04);transition:padding .6s var(--ease), box-shadow .6s var(--ease), background .6s var(--ease);background:linear-gradient(#ffffff9e,#ffffff4d);border:1px solid #fff9;border-radius:999px;align-items:center;gap:2px;padding:5px 6px;font-size:13px;font-weight:500;display:flex;position:relative;box-shadow:inset 0 1px 1px #fffffff2,inset 0 -1px 2px #ffffff4d,0 12px 32px #14171f24,0 1px 3px #14171f1f}.header__pill:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 100% at 18% 0,#fff9,#0000 55%),radial-gradient(90% 100% at 90% 120%,#ffffff40,#0000 60%);position:absolute;inset:0}.header__pill>*{position:relative}.header__side{opacity:1;max-width:320px;transition:max-width .7s var(--ease), opacity .45s var(--ease);gap:0;overflow:hidden}.header__side--end{justify-content:flex-end}.header a,.header__menu-btn{border-radius:999px}.header .header__side a,.header .header__brand{transition:background .3s var(--ease), color .3s;padding:9px 13px;line-height:1}.header a:hover{text-decoration:none}.header .header__lang{background:var(--ink);color:var(--bone);border-left:0;margin-left:4px;padding-left:13px}.header .header__brand{padding-inline:14px;font-size:13px}.header.is-compact .header__pill:not(:hover):not(:focus-within) .header__side{opacity:0;max-width:0}.header.is-compact .header__pill:not(:hover):not(:focus-within){padding-inline:4px}@media (width<=720px){.header{grid-template-columns:none;justify-content:center;padding:0 12px;font-size:13px;display:flex;top:10px}.header__pill{justify-content:space-between;width:min(100%,420px);padding:5px 5px 5px 6px}.header__side{display:none}.header .header__brand{justify-self:auto;padding:9px 12px}.header__menu-btn{background:var(--ink);color:var(--bone);box-shadow:none;padding:10px 18px;font-size:12px;display:block}html.menu-open .header{mix-blend-mode:normal;color:var(--bone)}html.menu-open .header__pill{color:var(--bone);background:#ffffff1a;border-color:#ffffff38}html.menu-open .header__menu-btn{background:var(--bone);color:var(--ink)}}@media (prefers-reduced-motion:reduce){.header__pill,.header__side{transition:none}}.header__pill{color:#fff;backdrop-filter:none;background:#000;border:0;box-shadow:0 10px 28px #00000047}.header__pill:before{display:none}.header .header__side a:hover,.header .header__brand:hover{background:#ffffff24}.header .header__lang{color:#000;background:#fff}.header .header__lang:hover{background:var(--neon);color:#000}.header__menu-btn{color:#000!important;background:#fff!important}html.menu-open .header__pill{color:#fff;background:#000;border:1px solid #fff3}html.menu-open .header__menu-btn{color:#000!important;background:#fff!important}@media (width<=720px){.header__pill{width:min(100%,420px);transition:width .65s var(--ease), padding .6s var(--ease)}.header.is-compact .header__pill{width:188px}.header.is-compact .header__brand{padding-inline:10px}.header.is-compact .header__menu-btn{padding-inline:14px}}.island{z-index:48;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));opacity:0;visibility:hidden;transition:transform .8s var(--ease), opacity .5s var(--ease), visibility 0s .8s;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;transform:translate(-50%,160%)}.island.is-on{opacity:1;visibility:visible;transition:transform .8s var(--ease), opacity .5s var(--ease), visibility 0s;transform:translate(-50%)}.island__link{color:#fff;-webkit-touch-callout:none;touch-action:manipulation;width:min(92vw,360px);transition:transform .5s var(--ease);background:#000;border-radius:30px;display:block;overflow:hidden;box-shadow:0 14px 36px #00000059}.island__link:active{transform:scale(.98)}.island__preview{opacity:0;max-height:0;transition:max-height .65s var(--ease), opacity .4s var(--ease);display:block;position:relative;overflow:hidden}.island__preview img{object-fit:cover;width:100%;height:220px;display:block}.island__preview-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#000;border-radius:999px;padding:5px 9px;font-size:10px;position:absolute;bottom:12px;left:14px}.island.is-preview .island__preview{opacity:1;max-height:240px}@media (hover:hover) and (pointer:fine){.island__link:hover .island__preview{opacity:1;max-height:240px}}.island__bar{align-items:center;gap:12px;padding:8px 18px 8px 8px;display:flex}.island__thumb{background:#111;border-radius:50%;flex:none;width:44px;height:44px;overflow:hidden}.island__thumb img{object-fit:cover;width:100%;height:100%;display:block}.island__text{gap:2px;min-width:0;line-height:1.1;display:grid}.island__text small{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:#fff9;font-size:10px}.island__text strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.island__go{transition:transform .4s var(--ease);margin-left:auto;font-size:18px}.island__link:hover .island__go{transform:translate(4px)}.case-contact{background:var(--bone);padding:clamp(24px, 5vw, 64px) var(--gutter) clamp(48px, 8vw, 96px);text-align:center}.case-contact .case-h2{color:var(--ink)}.case-contact .form{margin-top:0}@media (prefers-reduced-motion:reduce){.island,.island.is-on,.island__preview{transition:none}}.header__panel,.header__scrim{display:none}@media (width<=720px){.header__pill{transition:width .65s var(--ease), border-radius .6s var(--ease), padding .6s var(--ease);flex-wrap:wrap;align-items:center}.header__panel{opacity:0;max-height:0;transition:max-height .8s var(--ease), opacity .45s var(--ease) 50ms;color:#fff;flex:1 0 100%;display:block;overflow:hidden}.header__panel.is-open{opacity:1;max-height:560px}html.menu-open .header__pill{background:#000;border-radius:30px;width:min(100%,420px)}.menu__nav{align-content:start;gap:2px;padding:18px 14px 6px;display:grid}.menu__nav a{font-family:var(--font-pixel);text-transform:uppercase;color:#fff;opacity:0;transition:opacity .5s var(--ease), transform .7s var(--ease), color .25s;font-size:clamp(44px,15vw,64px);line-height:1.05;display:block;transform:translateY(18px)}.header__panel.is-open .menu__nav a{opacity:1;transform:none}.header__panel.is-open .menu__nav a:nth-child(2){transition-delay:60ms}.header__panel.is-open .menu__nav a:nth-child(3){transition-delay:.12s}.header__panel.is-open .menu__nav a:nth-child(4){transition-delay:.18s}.menu__nav .menu__lang{font-family:var(--font-mono);letter-spacing:.04em;color:#fff9;margin-top:12px;font-size:13px}.menu__foot{color:#fff9;border-top:1px solid #ffffff24;gap:4px;margin:0;padding:14px 14px 16px;font-size:12px;display:grid}.menu__foot a{color:#fff;text-underline-offset:3px;text-decoration:underline}.header__scrim{z-index:44;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .5s var(--ease);background:#00000073;display:block;position:fixed;inset:0}html.menu-open .header__scrim{opacity:1;pointer-events:auto}html.menu-open{overflow:hidden}.header.is-compact .header__pill{justify-content:center;width:150px}.header.is-compact .header__menu-btn{display:none}.header.is-compact .header__brand{padding-inline:14px}.header__menu-btn{margin-left:auto}}.btn:hover,.card:hover .card__arrow{color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--bone)}.mb{display:inline-grid}.mb__a,.mb__b{text-align:center;transition:opacity .35s var(--ease), transform .55s var(--ease);grid-area:1/1}.mb__b{opacity:0;transform:translateY(8px)}@media (width<=720px){.header__pill{--spring:cubic-bezier(.32, .72, 0, 1);transition:width .75s var(--spring), border-radius .75s var(--spring), padding .6s var(--spring), box-shadow .6s var(--ease)}.header__panel{opacity:1;max-height:none;transition:grid-template-rows .75s var(--spring);flex:1 0 100%;grid-template-rows:0fr;display:grid;overflow:hidden}.header__panel.is-open{grid-template-rows:1fr;max-height:none}.header__panel-in{min-height:0;overflow:hidden}html.menu-open .header__pill{border-radius:32px;padding:8px}html.menu-open .header__menu-btn{border-radius:24px}html.menu-open .header .header__brand{padding-left:14px}html.menu-open .mb__a{opacity:0;transform:translateY(-8px)}html.menu-open .mb__b{opacity:1;transform:none}.menu__nav a{opacity:0;filter:blur(6px);transition:opacity .55s var(--ease), transform .85s var(--spring), filter .55s var(--ease), color .25s;transform:translateY(22px)}.header__panel.is-open .menu__nav a{opacity:1;filter:none;transform:none}.header__panel.is-open .menu__nav a:first-child{transition-delay:.12s}.header__panel.is-open .menu__nav a:nth-child(2){transition-delay:.18s}.header__panel.is-open .menu__nav a:nth-child(3){transition-delay:.24s}.header__panel.is-open .menu__nav a:nth-child(4){transition-delay:.3s}.menu__foot{opacity:0;transition:opacity .5s var(--ease) .32s, transform .7s var(--spring) .32s;transform:translateY(10px)}.header__panel.is-open .menu__foot{opacity:1;transform:none}.header__panel:not(.is-open) .menu__nav a,.header__panel:not(.is-open) .menu__foot{transition-delay:0s}}@media (prefers-reduced-motion:reduce){.header__panel,.menu__nav a,.menu__foot,.mb__a,.mb__b{transition:none}}.case-contact{padding-top:clamp(56px,8vw,96px)}.case-next{background:var(--bone);padding:clamp(40px, 6vw, 72px) var(--gutter);justify-content:center;display:flex}.island{opacity:1;visibility:visible;z-index:1;width:min(92vw,360px);transition:none;position:relative;bottom:auto;left:auto;transform:none}.island.is-on{transform:none}.island__link{width:100%;box-shadow:none;background:0 0;border-radius:0;display:block;position:relative;overflow:visible}.island__bar{transition:transform .5s var(--ease);background:#000;border-radius:999px;box-shadow:0 14px 36px #00000040}.island__link:active .island__bar{transform:scale(.98)}.island__preview{opacity:0;transform-origin:50% 100%;pointer-events:none;max-height:none;transition:opacity .35s var(--ease), transform .7s cubic-bezier(.32, .72, 0, 1);background:#000;border-radius:26px;position:absolute;bottom:calc(100% + 10px);left:0;right:0;overflow:hidden;transform:translateY(14px)scale(.96);box-shadow:0 22px 50px #00000059}.island.is-preview .island__preview{opacity:1;max-height:none;transform:none}@media (hover:hover) and (pointer:fine){.island__link:hover .island__preview{opacity:1;max-height:none;transform:none}}.case~.footer{padding-bottom:32px}html.menu-open .island,html.lb-open .island{opacity:1;visibility:visible}@media (width<=720px){.header__pill{row-gap:0;padding:5px}html.menu-open .header__pill{padding:8px}.header.is-compact .header__pill{padding:5px}.header.is-compact .header__brand{letter-spacing:.04em;text-indent:.04em;padding:10px 14px 8px}}input,textarea,button,select{letter-spacing:inherit}.act__numeral,.brand,.case-h2,.case-title,.hero__title,.menu__nav a,.section__title{letter-spacing:0}.header__brand,.header .header__brand,.header.is-compact .header__brand{letter-spacing:-.03em;text-indent:0}.menu__nav .menu__lang,.case-subtitle,.hero__role,.resume__label,.island__text small,.island__preview-tag,.swatches span,.case-facts dt,.zoom-hint,figcaption,.lb__count{letter-spacing:.03em}.section{text-align:left}.section .section__title{text-align:left;width:auto;max-width:1120px;color:var(--ink);white-space:normal;margin-left:max(0px,50% - 560px);margin-right:auto;font-size:clamp(36px,6vw,84px);line-height:.95;display:block}.about__copy--blue .section__title{color:inherit}.section .section__intro{text-align:left;max-width:52ch;margin-left:max(0px,50% - 560px);margin-right:auto}.section .btn--small{margin-left:max(0px,50% - 560px)}.section .social{justify-content:flex-start;margin-left:max(0px,50% - 560px)}@media (width<=720px){.section .section__title{width:auto;margin-left:0;font-size:clamp(40px,13vw,64px)}.section .section__intro,.section .btn--small,.section .social,.section .form{margin-left:0}}.resume__label{align-items:center;gap:8px;display:flex}.eyebrow-icon{width:16px;height:16px;color:var(--ink);opacity:.75;transition:transform .5s var(--ease), color .3s;flex:none}.resume__label:hover .eyebrow-icon{color:var(--ink);opacity:1;transform:translateY(-1px)scale(1.1)}.section .section__intro,.section .about__intro{text-align:center;margin-left:auto;margin-right:auto}.section .btn--small{width:max-content;margin-left:auto;margin-right:auto;display:block}.section .social{justify-content:center;margin-left:auto;margin-right:auto}.section .form{margin-left:auto;margin-right:auto}@media (width<=720px){.section .section__intro,.section .about__intro{text-align:center;margin-left:auto;margin-right:auto}.section .btn--small,.section .social,.section .form{margin-left:auto;margin-right:auto}}.section .section__title+.section__intro,.section#contact .section__title,.section.contact .section__title{text-align:center;margin-left:auto;margin-right:auto}@media (width<=720px){.section.contact .section__title{text-align:center;width:auto;margin-left:auto;margin-right:auto}}.section .section__title,.section .about__title{text-align:center;width:auto;margin-left:auto;margin-right:auto}@media (width<=720px){.section .section__title,.section .about__title{text-align:center;width:auto;margin-left:auto;margin-right:auto}}.section .section__title{color:var(--ink);background:var(--neon);width:fit-content;max-width:100%;padding:.07em .16em .02em}.about__copy--blue .section__title{visibility:hidden}.about__copy--blue .about__hl{background:var(--neon);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.04em .14em}.section .section__intro{z-index:1;position:relative}.logos-marquee{margin-inline:calc(-1 * var(--gutter));padding:8px 0 40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.logos-track{will-change:transform;width:max-content;animation:42s linear infinite logos-loop;display:flex}.logos-marquee:hover .logos-track,.logos-marquee:focus-within .logos-track{animation-play-state:paused}.logos-track .logos{flex-wrap:nowrap;flex:none;justify-content:flex-start;gap:56px;padding:0 28px}.logos-track .logos li{flex:none}@keyframes logos-loop{to{transform:translate(-50%)}}@media (width<=720px){.logos-track{animation-duration:30s}.logos-track .logos{gap:40px;padding:0 20px}}@media (prefers-reduced-motion:reduce){.logos-track{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.logos-track .logos[aria-hidden]{display:none}}@media (width>=721px){.header{height:var(--header-h);padding:0 var(--gutter);color:#fff;mix-blend-mode:difference;pointer-events:none;background:0 0;grid-template-columns:1fr auto 1fr;justify-content:normal;align-items:center;display:grid;position:fixed;inset:0 0 auto}.header__pill{display:contents}.header__side{opacity:1;gap:24px;max-width:none;overflow:visible}.header__side--end{justify-content:flex-end}.header.is-compact .header__side,.header.is-compact .header__pill:not(:hover):not(:focus-within) .header__side{opacity:1;max-width:none}.header a{pointer-events:auto}.header .header__side a,.header .header__brand{background:0 0;border-radius:0;padding:0;transition:none}.header .header__side a:hover,.header .header__brand:hover{text-underline-offset:4px;background:0 0;text-decoration:underline}.header .header__brand{letter-spacing:-.03em;font-size:14px}.header .header__lang{color:inherit;background:0 0;border-left:1px solid;margin-left:0;padding-left:16px}.header .header__lang:hover{color:inherit;background:0 0}}.form .btn{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;font-size:12px}@media (hover:hover) and (pointer:fine){.zoomgrid{contain:layout style}}.logos-marquee.is-paused .logos-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.hero__inner>*{transition:none}}.vn-cover{--vn-bg:#0b0b0c;--vn-dot:#efeee9;background:var(--vn-bg);height:100svh;min-height:520px;display:block;position:relative;overflow:hidden}.vn-cover canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.vn-cover__logo{color:var(--vn-dot);pointer-events:none;place-items:center;padding-bottom:6svh;display:grid;position:absolute;inset:0}.vn-cover__logo svg{filter:drop-shadow(0 0 28px #000000a6);width:min(58vw,780px);height:auto}@media (width<=720px){.vn-cover__logo svg{width:84vw}html.vn-over-cover:not(.menu-open) .header__pill{background:var(--bone);color:var(--ink);box-shadow:0 10px 30px #00000073}html.vn-over-cover:not(.menu-open) .header .header__brand:hover{background:#14171f14}html.vn-over-cover:not(.menu-open) .header__menu-btn{background:var(--ink);color:var(--bone)}}.vn-system{--vn-dark:#141414;--vn-light:#f4f3ef;--vn-acc:#f4f3ef;--vn-acc-l:#141414;background:var(--bone)}.vn-c-dark{color:var(--vn-dark)}.vn-c-light{color:var(--vn-light)}.vn-bg-dark{background-color:var(--vn-dark)}.vn-bg-light{background-color:var(--vn-light)}.vn-f-dark{fill:var(--vn-dark)}.vn-f-light{fill:var(--vn-light)}.vn-s-dark{stroke:var(--vn-dark)}.vn-s-light{stroke:var(--vn-light)}.vn-star-d polygon{fill:var(--vn-acc)}.vn-star-l polygon{fill:var(--vn-acc-l)}.vn-system :is(.vn-c-dark,.vn-c-light,.vn-bg-dark,.vn-bg-light,.vn-f-dark,.vn-f-light,.vn-s-dark,.vn-s-light,polygon){transition:color .45s var(--ease), background-color .45s var(--ease), fill .45s var(--ease), stroke .45s var(--ease)}.vn-sec{padding:clamp(56px, 8vw, 104px) var(--gutter)}.vn-sec--tint{background:#e6e5e0}.vn-sec .case-h2,.vn-sec .case-lede{color:var(--ink)}.vn-big{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:0;margin:0;font-size:clamp(56px,11vw,176px);font-weight:400;line-height:.84}.vn-big span{display:block}.vn-brand-head{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:clamp(12px,2vw,32px);max-width:1280px;margin:0 auto clamp(40px,5vw,72px);display:grid}.vn-brand-head .vn-big{color:var(--ink);grid-column:1/9}.vn-brand-head__lede{max-width:36ch;font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;color:#55585f;grid-column:9/-1;margin:0 0 .6vw;font-size:12px;line-height:1.65}.vn-brand{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);max-width:1280px;margin:0 auto;padding:0;list-style:none;display:grid}.vn-brand__item{border-radius:10px;place-items:center;min-width:0;padding:9% 8% 15%;display:grid;position:relative;overflow:hidden}.vn-brand__item--selo{aspect-ratio:16/7;grid-area:1/1/auto/9}.vn-brand__item--moldura{grid-area:1/9/3/-1}.vn-brand__item--estrela{aspect-ratio:1;grid-area:2/1/auto/5}.vn-brand__item--nomeV{aspect-ratio:1;grid-area:2/5/auto/9}.vn-brand__item--nomeH{aspect-ratio:5;grid-area:3/1/auto/-1;padding:3% 12% 5%}.vn-brand__logo{place-items:center;width:100%;height:100%;min-height:0;display:grid}.vn-brand__logo svg{width:100%;height:100%;display:block}.vn-brand__item--moldura .vn-brand__logo svg{max-width:72%}.vn-brand__caption{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.72;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin:0;font-size:10.5px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.vn-brand__caption small{font-size:inherit;opacity:.75}.vn-pals{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1100px;margin:0 auto;padding:0;list-style:none;display:grid}.vn-pal{background:var(--bone);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:box-shadow .3s var(--ease), transform .3s var(--ease);border:0;border-radius:14px;gap:12px;padding:12px 12px 16px;display:grid;box-shadow:0 0 0 1px #14171f1f}.vn-pal:hover{transform:translateY(-2px)}.vn-pal[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.vn-pal:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 2px var(--neon)}.vn-pal__preview{aspect-ratio:4/3;background:var(--p-dark);color:var(--p-light);border-radius:9px;place-items:center;padding:13%;display:grid}.vn-pal__preview svg{width:100%;height:100%;display:block}.vn-pal__preview polygon{fill:var(--p-acc)}.vn-pal__name{padding:0 2px;font-size:15px;font-weight:600}.vn-pal__swatches{gap:7px;padding:0 2px;display:grid}.vn-pal__swatch{grid-template-columns:18px 1fr auto;align-items:center;gap:8px;display:grid}.vn-pal__swatch i{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000026}.vn-pal__swatch small{font-family:var(--font-mono);text-transform:uppercase;color:#6b6f78;font-size:10px}.vn-pal__swatch code{font-family:var(--font-mono);font-size:11px}.vn-pal-show{aspect-ratio:3;border-radius:14px;max-width:1100px;margin:0 auto 24px;position:relative;overflow:hidden}.vn-pal-show canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.vn-pal-show__logo{width:46%;position:absolute;top:50%;left:6%;transform:translateY(-50%)}.vn-pal-show__logo svg{filter:drop-shadow(0 0 18px #00000080);width:100%;height:auto;display:block}.vn-sec--shirts{z-index:2;background:#000;position:relative;overflow:hidden}.vn-dys{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2vw,32px);max-width:1280px;margin:0 auto;display:grid;position:relative}.vn-dys__title{z-index:1;color:var(--bone);grid-area:1/1/auto/-1;position:relative}.vn-dys__title span+span{padding-left:18%}.vn-dys__photo{z-index:3;max-width:400px;margin:0;position:relative}.vn-dys__photo img{border-radius:4px;width:100%;height:auto;display:block;box-shadow:0 18px 40px #0009}.vn-dys__photo figcaption{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#8c8b86;margin-top:10px;font-size:11px}.vn-dys__photo--front{grid-area:1/8/auto/-1;place-self:start end;width:100%;margin-top:-1.5vw;rotate:2deg}.vn-dys__lede{z-index:3;max-width:34ch;font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;color:#b9b8b2;grid-area:2/1/auto/5;align-self:start;margin:clamp(28px,3vw,48px) 0 0;font-size:12px;line-height:1.65;position:relative}.vn-dys__mock{z-index:2;grid-area:2/4/4/-1;margin-top:-5vw;position:relative}.vn-dys__mock img{width:100%;height:auto;display:block}.vn-dys__photo--back{grid-area:3/1/auto/6;align-self:end;width:100%;margin-bottom:3vw;rotate:-2.5deg}@media (width<=720px){.vn-dys{grid-template-columns:1fr}.vn-dys__title{font-size:17vw}.vn-dys__title span+span{padding-left:12%}.vn-dys__photo--front,.vn-dys__lede,.vn-dys__mock,.vn-dys__photo--back{grid-area:auto/1}.vn-dys__photo--front{width:80%;margin-top:20px}.vn-dys__lede{margin-top:28px}.vn-dys__mock{margin-top:12px}.vn-dys__photo--back{justify-self:start;width:80%;margin:-4vw 0 0}}.vn-sec--badge{--vn-gap:clamp(56px, 8vw, 104px);padding:0 var(--gutter) var(--vn-gap) 0;grid-template-columns:60% 1fr;align-items:center;gap:4vw;display:grid;overflow-x:clip}.vn-badge-art{margin-top:-6px}.vn-badge-art img{width:80vw;max-width:none;height:auto;margin-bottom:-7.5vw;display:block}.vn-badge-text .case-h2{text-align:left;margin:0 0 clamp(40px,4vw,56px);font-size:clamp(36px,4.6vw,72px)}.vn-badge-text .case-lede{text-align:left;max-width:36ch;margin:0}.vn-badge-photo{width:min(100%,300px);margin:clamp(28px,3vw,44px) 0 0;rotate:2deg}.vn-badge-photo img{border-radius:4px;width:100%;height:auto;display:block;box-shadow:0 18px 40px #00000040}.vn-badge-photo figcaption{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#6b6f78;margin-top:10px;font-size:11px}@media (width<=720px){.vn-pal-show{aspect-ratio:4/3}.vn-pal-show__logo{width:84%;left:8%}.vn-sec--badge{padding:0 0 var(--vn-gap);grid-template-columns:1fr;gap:28px}.vn-badge-art img{width:124%;margin-bottom:-11%}.vn-badge-text{padding:0 var(--gutter)}.vn-badge-text .case-h2{text-align:center;margin-bottom:32px;font-size:clamp(34px,11vw,56px)}.vn-badge-text .case-lede{text-align:center;margin:0 auto}}.vn-outro{--vn-col-gap:clamp(40px, 4.5vw, 72px);color:var(--bone);padding:clamp(56px, 7vw, 96px) var(--gutter);gap:40px var(--vn-col-gap);background:#000;grid-template-columns:220px minmax(0,1fr) 240px 270px;align-items:start;display:grid}.vn-outro__logo{color:var(--bone);padding-top:35px}.vn-outro__brand{width:196px;position:relative}.vn-outro__brand svg{width:100%;height:auto;display:block}.vn-outro__mark{font-family:var(--font-sans);font-size:12px;line-height:1;position:absolute;top:-4%;left:92%}.vn-outro h2{font-family:var(--font-sans);color:#9d9c97;margin:0 0 12px;font-size:15px;font-weight:400;line-height:20px}.vn-outro p{max-width:52ch;color:var(--bone);margin:0;font-size:15px;line-height:22px}@media (width<=1100px){.vn-outro{grid-template-columns:1fr 1fr}.vn-outro__logo,.vn-outro__col--about{grid-column:1/-1}.vn-outro__logo{padding-top:0}.vn-outro__brand{width:min(64vw,240px)}}@media (width<=720px){.vn-brand-head{grid-template-columns:1fr}.vn-brand-head .vn-big,.vn-brand-head__lede{grid-column:1}.vn-brand-head .vn-big{font-size:22vw}.vn-brand-head__lede{margin:20px 0 0}.vn-brand{grid-template-columns:1fr 1fr;gap:10px}.vn-brand__item--selo{aspect-ratio:16/9;grid-area:auto/1/auto/-1}.vn-brand__item--moldura{grid-area:span 2/1}.vn-brand__item--estrela,.vn-brand__item--nomeV{grid-area:auto/2}.vn-brand__item{padding-bottom:26%}.vn-brand__item--selo{padding-bottom:16%}.vn-brand__item--nomeH{aspect-ratio:3;grid-area:auto/1/auto/-1;padding:4% 12% 13%}.vn-brand__caption{font-size:9px;bottom:9px;left:10px;right:10px}.vn-brand__caption small{display:none}.vn-pals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vn-pal__swatch{grid-template-columns:14px 1fr}.vn-pal__swatch i{width:14px;height:14px}.vn-pal__swatch code{grid-column:2;font-size:10px}}@media (prefers-reduced-motion:reduce){.vn-system *,.vn-pal{transition:none!important}}.vn-hand{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:clamp(12px,2vw,32px);max-width:1280px;margin:0 auto clamp(48px,7vw,96px);display:grid}.vn-hand__photo{grid-column:1/8}.vn-hand__text{grid-column:9/-1}.vn-hand__photo{margin:0;position:relative}.vn-hand__photo img{border-radius:4px;width:100%;height:auto;display:block;transform:rotate(-1.5deg);box-shadow:0 2px 4px #0000001f,0 22px 40px #00000029}.vn-hand__text h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);margin:0 0 14px;font-size:12px;font-weight:500}.vn-hand__text p{max-width:34ch;font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;color:#55585f;margin:0;font-size:12px;line-height:1.65}.vn-seal{width:clamp(112px,15vw,168px);color:var(--ink);filter:drop-shadow(0 10px 16px #0003);position:absolute;bottom:-14%;right:-5%;transform:rotate(-10deg)}.vn-seal svg{width:100%;height:auto;display:block;overflow:visible}.vn-seal__bg{fill:var(--neon)}.vn-seal text{fill:currentColor}.vn-seal__ringtext{font-family:var(--font-mono);font-size:11.5px;font-weight:500}.vn-seal__big{font-family:var(--font-sans);letter-spacing:-.04em;font-size:30px;font-weight:700}.vn-seal__small{font-family:var(--font-mono);letter-spacing:.06em;font-size:7.6px}.vn-seal__ring{transform-origin:100px 100px;transform-box:view-box;animation:40s linear infinite vn-seal-spin}@keyframes vn-seal-spin{to{transform:rotate(360deg)}}@media (width<=720px){.vn-hand{grid-template-columns:1fr;gap:56px}.vn-hand__photo,.vn-hand__text{grid-column:1}.vn-seal{width:112px;bottom:-18%;right:-2%}}@media (prefers-reduced-motion:reduce){.vn-seal__ring{animation:none}}[data-reveal][data-vn-anim=left]{transform:translate(-8vw)}[data-reveal][data-vn-anim=right]{transform:translate(8vw)}[data-reveal][data-vn-anim=zoom]{transform:scale(.86)}[data-reveal][data-vn-anim=fade]{transform:none}[data-reveal][data-vn-anim=wipe]{clip-path:inset(0 0 100%);transition:opacity .7s var(--ease), clip-path 1.4s var(--ease);transform:none}[data-reveal][data-vn-anim].is-in{transform:none}[data-reveal][data-vn-anim=wipe].is-in{clip-path:inset(-30%)}.vn-sparkled{isolation:isolate;position:relative}.vn-sparkle{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){[data-reveal][data-vn-anim]{clip-path:none;transform:none}}.vn-label{max-width:1280px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#55585f;margin:0 auto 16px;font-size:11px}.vn-pal-detail{display:none}@media (width<=720px){html:has([data-vn-cover]){scroll-snap-type:y proximity}.vn-cover,.vn-screen{scroll-snap-align:start}.vn-screen{box-sizing:border-box;flex-direction:column;justify-content:center;min-height:100svh;padding-top:76px;padding-bottom:28px;display:flex}.vn-screen>:is(.vn-pal-show,.vn-pals,.vn-brand,.vn-brand-head,.vn-hand,.vn-label,.vn-pal-detail,.vn-dys){width:100%}[data-reveal][data-vn-anim=left],[data-reveal][data-vn-anim=right]{transform:translateY(22px)}[data-reveal][data-vn-anim=zoom]{transform:scale(.95)}.case-intro.vn-screen{padding-left:var(--gutter);padding-right:var(--gutter);gap:28px}.vn-sec--brand{padding:0 var(--gutter)}.vn-brand-head{margin-bottom:0}.vn-brand-head .vn-big{font-size:min(20vw,10svh)}.vn-brand-head__lede{margin-top:12px;font-size:11px;line-height:1.6}.vn-hand{gap:30px;margin:24px 0 0}.vn-hand__photo{width:min(100%,50svh)}.vn-seal{width:90px;bottom:-16%;right:-3%}.vn-hand__text h3{margin-bottom:8px}.vn-hand__text p{font-size:11px;line-height:1.6}.vn-brand-versions{justify-content:flex-start;height:100svh;min-height:0}.vn-label{margin:0 0 12px}.vn-brand{flex:auto;grid-template-rows:1fr 1fr 1fr .62fr;grid-template-columns:1fr 1fr;gap:8px;min-height:0}.vn-brand__item,.vn-brand__item--selo,.vn-brand__item--nomeH{aspect-ratio:auto;min-height:0;padding:10px 10px 26px}.vn-brand__item--selo{grid-area:1/1/auto/-1}.vn-brand__item--moldura{grid-area:2/1/4}.vn-brand__item--estrela{grid-area:2/2}.vn-brand__item--nomeV{grid-area:3/2}.vn-brand__item--nomeH{grid-area:4/1/auto/-1;padding:8px 14% 24px}.vn-sec--tint.vn-screen{padding-left:var(--gutter);padding-right:var(--gutter)}.vn-sec--tint .case-h2{margin-bottom:12px}.vn-sec--tint .case-lede{margin:0 0 14px;font-size:13px;line-height:1.5}.vn-pal-show{aspect-ratio:auto;height:24svh;margin-bottom:10px}.vn-pal-show__logo{width:62%}.vn-pal-detail{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#55585f;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:0 0 12px;font-size:10px;display:flex}.vn-pal-detail span{align-items:center;gap:5px;display:inline-flex}.vn-pal-detail i{border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1px #00000026}.vn-pals{gap:8px}.vn-pal{grid-template-columns:40px 1fr;align-items:center;gap:4px 10px;padding:8px}.vn-pal__preview{aspect-ratio:1;border-radius:7px;grid-row:1/3;padding:6px}.vn-pal__name{padding:0;font-size:13px}.vn-pal__swatches{gap:4px;padding:0;display:flex}.vn-pal__swatch{display:block}.vn-pal__swatch small,.vn-pal__swatch code{display:none}.vn-pal__swatch i{width:12px;height:12px;display:block}.vn-sec--shirts.vn-screen{padding:76px var(--gutter) 28px;justify-content:center}.vn-dys{flex-direction:column;display:flex}.vn-dys__title{flex:none;order:1;font-size:min(17vw,8svh)}.vn-dys__photo--front{flex:none;order:2;align-self:flex-end;width:62%;margin:8px 0 -1.5svh}.vn-dys__mock{flex:none;order:3;justify-content:center;margin-top:0;display:flex}.vn-dys__mock img{object-fit:contain;width:100%;height:auto;max-height:34svh}.vn-dys__photo--back{flex:none;order:4;align-self:flex-start;width:62%;margin:-3svh 0 0}.vn-dys__lede{flex:none;order:5;max-width:none;margin:12px 0 0;font-size:10.5px;line-height:1.55}.vn-dys__photo figcaption{margin-top:6px;font-size:9.5px}.vn-sec--badge.vn-screen{flex-direction:column;justify-content:flex-start;gap:28px;padding:0 0 28px;display:flex}.vn-sec--badge .vn-badge-text{flex:1;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) 38%;align-content:center;column-gap:16px;display:grid}.vn-sec--badge .vn-badge-text .case-h2{text-align:left;grid-column:1;margin-bottom:14px;font-size:min(9vw,5svh);line-height:1}.vn-sec--badge .vn-badge-text .case-lede{text-align:left;grid-area:2/1;margin:0;font-size:13px;line-height:1.5}.vn-badge-photo{grid-area:1/2/4;align-self:center;width:100%;margin:0}.vn-badge-photo figcaption{margin-top:6px;font-size:9.5px}}.work__index,.work__count,.card__top{display:none}@media (width>=961px){.section.work--split{text-align:left;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(40px,6vw,120px);max-width:1320px;margin:0 auto;display:grid}.work--split .work__aside{align-self:stretch}.work__sticky{top:var(--header-h);height:calc(100vh - var(--header-h));height:calc(100svh - var(--header-h));flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:sticky}.work--split .section__title{text-align:left;white-space:nowrap;margin:0;font-size:clamp(48px,5.2vw,92px)}.work--split .section__title+.section__intro,.work--split .section__intro{text-align:left;max-width:34ch;margin:28px 0 0}.work--split .btn--small{margin:32px 0 0;display:inline-block}.work__index{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;gap:0;margin:36px 0 0;padding:0;font-size:12px;font-weight:500;list-style:none;display:grid}.work__index li{color:#14171f52;transition:color .35s var(--ease);align-items:center;gap:14px;padding:5px 0;display:flex}.work__index li span{width:28px;transition:padding .45s var(--ease);padding-left:0;position:relative}.work__index li span:before{content:"";background:var(--neon);width:0;height:10px;box-shadow:inset 0 0 0 1px var(--ink);transition:width .45s var(--ease);margin-top:-5px;position:absolute;top:50%;left:0}.work__index li.is-on{color:var(--ink)}.work__index li.is-on span{width:50px;padding-left:22px}.work__index li.is-on span:before{width:14px}.work__count{align-items:baseline;gap:10px;margin-top:28px;display:flex}.work__count b{font-family:var(--font-pixel);font-size:clamp(56px,6vw,96px);font-weight:400;line-height:.9}.work__count span{font-family:var(--font-mono);color:var(--navy);font-size:13px}.work--split .work__grid{flex-direction:column;gap:clamp(28px,4vw,56px);max-width:none;margin:0;padding:4vh 0 16vh;display:flex}.work--split .work__item{--s:1;--rx:0deg;--o:1;transform:perspective(1400px) rotateX(var(--rx)) scale(var(--s));transform-origin:50% 0;opacity:var(--o);will-change:transform}.work--split .card{transition:transform .5s var(--ease);background:#fff;border-radius:28px;padding:14px;position:relative;box-shadow:0 1px #14171f0d}.work--split .work__item{position:relative}.work--split .work__item:before{content:"";z-index:-1;pointer-events:none;opacity:.8;height:150px;transition:opacity .5s var(--ease), transform .5s var(--ease);background:radial-gradient(50% 50% at 50% 38%,#14171f57,#14171f1f 55%,#14171f00 100%);position:absolute;bottom:-46px;left:4%;right:4%}.work--split .card:hover{transform:translateY(-6px)}.work--split .work__item:hover:before{opacity:1;transform:translateY(8px)scaleX(1.03)}.work--split .card__top{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:4px 6px 14px;font-size:11px;font-weight:500;display:flex}.work--split .card__num{color:var(--navy)}.work--split .card__chip{background:var(--bone);border-radius:999px;padding:6px 11px}.work--split .card__media{border-radius:18px}.work--split .card__meta{align-items:center;padding:18px 6px 6px}.work--split .card__meta strong{letter-spacing:-.01em;font-size:clamp(18px,1.6vw,24px)}.work--split .card__meta small{margin-top:4px;font-size:13px;display:block}.work--split .card__arrow{width:44px;height:44px}}@media (width>=961px) and (prefers-reduced-motion:reduce){.work--split .work__item{opacity:1;transform:none}}
