@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream:#ede7dc;--cream-2:#f4efe6;--ink:#0f0f0e;--ink-2:#191917;--muted:#655f56;--line:#0f0f0e29;--line-light:#ede7dc2e;--accent:#ff4d00;--font:"Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--gutter:clamp(20px, 3.4vw, 56px);--section-y:clamp(90px, 11vw, 170px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--cream);scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{background:var(--cream);min-width:320px;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.5;overflow-x:clip}#root{min-height:100svh}main{position:relative}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,p,dl,dd,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}::selection{background:var(--ink);color:var(--cream)}:focus-visible{outline-offset:4px;outline:2px solid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:400;background:var(--ink);color:var(--cream);transition:transform .25s var(--ease-out);border-radius:999px;padding:10px 16px;font-size:13px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.section-head{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(36px,4.5vw,64px);padding-top:14px;display:flex}.section-head__label{letter-spacing:.01em;font-size:13px;font-weight:400;line-height:1.2}.section-head__index{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:12px}.pill{border:1px solid var(--ink);letter-spacing:.005em;min-height:48px;transition:background-color .35s var(--ease-out), color .35s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.pill:hover{background:var(--ink);color:var(--cream)}.pill__icon{width:16px;height:16px;transition:transform .35s var(--ease-out)}.pill:hover .pill__icon{transform:translate(2px,-2px)}.pill--large{min-height:60px;padding:0 30px;font-size:16px}.link-arrow{border-bottom:1px solid;align-items:center;gap:8px;min-height:44px;padding-bottom:2px;font-size:14px;line-height:1.2;display:inline-flex}.link-arrow__icon{width:16px;height:16px;transition:transform .35s var(--ease-out)}.link-arrow:hover .link-arrow__icon{transform:translate(4px)}.badge{letter-spacing:.02em;border:1px solid #ede7dc47;border-radius:999px;align-items:center;gap:5px;margin-left:8px;padding:3px 8px;font-size:10px;line-height:1;display:inline-flex}.badge__dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.grain{z-index:250;pointer-events:none;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.cursor{z-index:300;pointer-events:none;mix-blend-mode:difference;position:fixed;top:0;left:0}.cursor__inner{color:#f7f3ea;width:18px;height:18px;transition:width .3s var(--ease-out), height .3s var(--ease-out), background-color .3s var(--ease-out), border-color .3s var(--ease-out), opacity .2s ease;border:1px solid #f7f3eae6;border-radius:50%;place-items:center;display:grid;transform:translate(-50%,-50%)}.cursor__inner[data-visible=false]{opacity:0}.cursor__inner--link{background:#f7f3ea24;width:40px;height:40px}.cursor__inner--view{color:#0f0f0e;background:#f7f3ea;border-color:#0000;width:82px;height:82px}.cursor__label{letter-spacing:.08em;text-transform:uppercase;opacity:0;font-size:10px;font-weight:500}.cursor__inner--view .cursor__label{opacity:1}.preloader{z-index:200;padding:24px var(--gutter) 0;background:var(--ink);color:var(--cream);flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0;overflow:hidden}.preloader__top,.preloader__bottom{letter-spacing:.06em;color:#ede7dc9e;justify-content:space-between;align-items:center;gap:24px;font-size:12px;display:flex}.preloader__mark{width:clamp(70px,10vw,140px);height:clamp(70px,10vw,140px);color:var(--cream);animation:9s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.preloader__bottom{align-items:flex-end;padding-bottom:20px}.preloader__count{color:var(--cream);font-variant-numeric:tabular-nums;letter-spacing:-.07em;font-size:clamp(80px,18vw,260px);font-weight:300;line-height:.76}.preloader__note{padding-bottom:.55em}.preloader__bar{background:var(--line-light);height:1px;position:absolute;bottom:0;left:0;right:0}.preloader__bar span{background:var(--cream);transform-origin:0;width:100%;height:100%;display:block}.nav{z-index:120;padding:22px var(--gutter);color:#f7f3ea;mix-blend-mode:difference;pointer-events:none;transition:transform .6s var(--ease-out);will-change:transform;justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.nav>*{pointer-events:auto}.nav--hidden,.nav--menu{transform:translateY(-115%)}.nav__left{align-items:center;gap:10px;min-width:0;display:flex}.nav__brand,.nav__work,.nav__links a,.nav__menu{letter-spacing:-.01em;font-size:15px;line-height:1.2}.nav__brand{font-size:16px}.nav__dash{opacity:.45}.nav__work{position:relative}.nav__work:after{content:"";transform-origin:100%;height:1px;transition:transform .4s var(--ease-out);background:currentColor;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav__work:hover:after{transform-origin:0;transform:scaleX(1)}.nav__circle{width:44px;height:44px;transition:background-color .3s var(--ease-out), color .3s var(--ease-out), transform .3s var(--ease-out);border:1px solid;border-radius:50%;place-items:center;display:grid}.nav__circle:hover{color:#0f0f0e;background:#f7f3ea;transform:scale(1.04)}.nav__icon{width:18px;height:18px}.nav__links{align-items:center;gap:clamp(18px,2.2vw,36px);display:flex}.nav__links a{padding-block:4px;position:relative}.nav__links a:after{content:"";transform-origin:100%;height:1px;transition:transform .4s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav__links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav__menu{align-items:center;gap:12px;display:none}.menu{z-index:110;padding:22px var(--gutter) 32px;background:var(--ink);color:var(--cream);overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.menu__head{justify-content:space-between;align-items:center;gap:24px;display:flex}.menu__brand{letter-spacing:-.01em;font-size:16px}.menu__close{border:1px solid var(--line-light);width:46px;height:46px;transition:background-color .3s var(--ease-out), color .3s var(--ease-out);border-radius:50%;place-items:center;display:grid}.menu__close:hover{background:var(--cream);color:var(--ink)}.menu__icon{width:20px;height:20px}.menu__body{flex-direction:column;flex:1;justify-content:center;padding-block:40px;display:flex}.menu__list{flex-direction:column;gap:clamp(2px,1vh,12px);display:flex}.menu__link{letter-spacing:-.055em;transition:transform .45s var(--ease-out), color .45s var(--ease-out);align-items:baseline;gap:clamp(16px,2.5vw,32px);font-size:clamp(44px,9.5vw,124px);font-weight:300;line-height:.95;display:flex}.menu__link>span{color:#ede7dc61;letter-spacing:.08em;transition:color .45s var(--ease-out);font-size:11px;font-weight:400}.menu__link:hover{transform:translate(14px)}.menu__link:hover>span{color:var(--accent)}.menu__foot{border-top:1px solid var(--line-light);justify-content:space-between;align-items:flex-end;gap:24px;padding-top:24px;display:flex}.menu__email{align-items:center;gap:8px;font-size:15px;display:inline-flex}.menu__socials{color:#ede7dc8c;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;font-size:12px;display:flex}.menu__socials a{transition:color .25s}.menu__socials a:hover{color:var(--cream)}.hero{background:var(--cream);height:100svh;min-height:620px;position:relative;overflow:clip}.hero__split{grid-template-columns:55% 45%;display:grid;position:absolute;inset:0}.hero__left{background:var(--cream)}.hero__right{background:var(--ink);position:relative;overflow:hidden}.hero__portrait{position:absolute;inset:0}.hero__portrait img{object-fit:cover;object-position:50% 24%;filter:grayscale(.28)contrast(1.04)brightness(.72)saturate(.85);transform-origin:50% 40%;width:100%;height:100%}.hero__portrait:after{content:"";background:linear-gradient(#0f0f0eb8 0%,#0f0f0e00 30% 58%,#0f0f0ead 100%),radial-gradient(at 50% 34%,#0f0f0e00 16%,#0f0f0e66 80%);position:absolute;inset:0}.hero__meta{top:108px;left:var(--gutter);z-index:4;color:#0f0f0e9e;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;line-height:1.2;display:flex;position:absolute}.hero__meta:before{content:"";background:currentColor;width:26px;height:1px}.hero__object{z-index:2;width:clamp(300px,35vw,560px);position:absolute;top:11%;left:29%}.hero__title{bottom:3.4vh;left:calc(var(--gutter) - .045em);z-index:3;color:#f7f3ea;mix-blend-mode:difference;letter-spacing:-.06em;white-space:nowrap;align-items:center;font-size:clamp(100px,19vw,330px);font-weight:300;line-height:.78;display:flex;position:absolute}.hero__title-mask{vertical-align:bottom;padding-block:.06em;display:inline-block;overflow:hidden}.hero__title-inner{will-change:transform;display:inline-block}.hero__asterisk{align-self:center;width:.44em;height:.44em;margin:0 .035em .1em;display:inline-flex}.hero__asterisk svg{width:100%;height:100%;animation:26s linear infinite spin}.hero__scroll{right:var(--gutter);z-index:4;color:#f7f3ea;mix-blend-mode:difference;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:30px}.hero__scroll:before{content:"";background:currentColor;width:34px;height:1px}.hero__scroll-icon{width:16px;height:16px;transition:transform .35s var(--ease-out)}.hero__scroll:hover .hero__scroll-icon{transform:translateY(4px)}.wire{aspect-ratio:1;color:#f7f3ea;mix-blend-mode:difference;pointer-events:none}.wire__tilt,.wire__spin{width:100%;height:100%}.wire__spin{will-change:transform;animation:90s linear infinite spin}.wire svg{width:100%;height:100%;overflow:visible}.about,.work,.skills,.clients,.statement{padding-inline:var(--gutter)}.about{padding-block:var(--section-y)}.about__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,3vw,48px);display:grid}.about__lead{letter-spacing:-.038em;grid-column:1/8;font-size:clamp(30px,4.1vw,62px);font-weight:300;line-height:1.05}.about__portrait{aspect-ratio:1;grid-column:9/13;place-self:start end;width:min(100%,380px);margin-top:6px;position:relative}.about__portrait img{object-fit:cover;filter:saturate(.9)contrast(1.02);border-radius:50%;width:100%;height:100%}.about__ring{z-index:2;width:calc(100% + 52px);height:calc(100% + 52px);fill:var(--muted);letter-spacing:.16em;text-transform:uppercase;pointer-events:none;font-size:8.5px;animation:46s linear infinite spin;position:absolute;inset:-26px}.about__body{grid-column:1/6;gap:1.25em;max-width:56ch;margin-top:clamp(56px,8vw,120px);font-size:clamp(16px,1.2vw,19px);line-height:1.6;display:grid}.about__body a{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;transition:color .25s}.about__body a:hover{color:var(--accent)}.about__body em{font-style:italic}.about__actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:14px;display:flex}.about__aside{flex-direction:column;grid-column:8/13;align-self:start;gap:32px;margin-top:clamp(56px,8vw,120px);display:flex}.about__facts{border-top:1px solid var(--line)}.about__fact{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:24px;padding:12px 0;font-size:13px;display:flex}.about__fact dt{color:var(--muted)}.about__fact dd{text-align:right}.about__note{max-width:34ch;color:var(--muted);font-size:14px;line-height:1.5}.work{padding-block:var(--section-y)}.work__intro{max-width:46ch;color:var(--muted);margin-top:calc(clamp(36px,4.5vw,64px)/-2.85714);margin-bottom:clamp(40px,5vw,64px);font-size:15px;line-height:1.55}.work__list{border-top:1px solid var(--ink)}.work__row{isolation:isolate;border-bottom:1px solid var(--line);transition:color .45s var(--ease-out), padding .5s var(--ease-out);grid-template-columns:54px minmax(0,1fr) minmax(180px,240px) 64px 36px;align-items:center;gap:clamp(16px,2vw,32px);padding:clamp(22px,2.8vw,40px) 0;display:grid;position:relative}.work__row:before{content:"";z-index:-1;background:var(--ink);transform-origin:bottom;transition:transform .5s var(--ease-out);position:absolute;inset:0;transform:scaleY(0)}.work__row:hover{color:var(--cream);padding-inline:clamp(12px,1.5vw,24px)}.work__row:hover:before{transform-origin:top;transform:scaleY(1)}.work__index{color:var(--muted);letter-spacing:.04em;font-size:11px;transition:color .35s}.work__visual{display:none}.work__title{letter-spacing:-.048em;transition:transform .45s var(--ease-out);font-size:clamp(38px,6vw,100px);font-weight:300;line-height:.95;display:block}.work__row:hover .work__title{transform:translate(10px)}.work__role,.work__year{color:var(--muted);font-size:12px;line-height:1.3;transition:color .35s}.work__role{text-align:right}.work__year{text-align:right;font-variant-numeric:tabular-nums}.work__row:hover .work__index,.work__row:hover .work__role,.work__row:hover .work__year{color:#ede7dc8c}.work__arrow{width:20px;height:20px;transition:transform .4s var(--ease-out);justify-self:end;place-items:center;display:grid}.work__arrow svg{width:100%;height:100%}.work__row:hover .work__arrow{transform:translate(4px,-4px)}.work__preview{z-index:60;pointer-events:none;position:fixed;top:0;left:0}.work__preview-inner{filter:drop-shadow(0 30px 60px #0f0f0e38);width:300px;transform:translate(-50%,-50%)}.work__preview-inner .visual{aspect-ratio:4/5}.work__preview-meta{background:var(--cream);color:var(--ink);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:9px 12px;font-size:10px;display:flex}.visual{aspect-ratio:4/5;width:100%;position:relative;overflow:hidden;container-type:inline-size}.visual--cream{background:var(--cream-2);color:var(--ink)}.visual--orange{background:var(--accent);color:var(--ink)}.visual--ink{background:var(--ink);color:var(--cream)}.visual__art{width:100%;height:100%;position:absolute;inset:0}.visual__letter{letter-spacing:-.07em;transition:transform .7s var(--ease-out);place-items:center;font-size:62cqw;font-weight:300;line-height:.8;display:grid;position:absolute;inset:0}.work__row:hover .visual__letter{transform:scale(1.06)rotate(-2deg)}.visual__meta{letter-spacing:.07em;text-transform:uppercase;opacity:.62;justify-content:space-between;align-items:center;gap:16px;font-size:9px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.skills{padding-block:var(--section-y)}.skills__intro{justify-content:space-between;align-items:baseline;gap:24px;margin-top:calc(clamp(36px,4.5vw,64px)/-2.85714);margin-bottom:clamp(32px,4vw,56px);font-size:14px;display:flex}.skills__note{max-width:30ch;color:var(--muted);text-align:right;font-size:12px;line-height:1.4}.skills__marquees{margin-inline:calc(var(--gutter) * -1);flex-direction:column;gap:4px;display:flex}.marquee{width:100%;overflow:hidden}.marquee__track{will-change:transform;width:max-content;display:flex}.marquee__group{flex-shrink:0;align-items:center;display:flex}.marquee__piece{flex-shrink:0;align-items:center;display:inline-flex}.marquee__item{letter-spacing:-.05em;white-space:nowrap;padding-right:.28em;font-size:clamp(54px,9vw,142px);font-weight:300;line-height:.95}.marquee__sep{opacity:.32;padding-right:.28em;font-size:.48em}.marquee--outline .marquee__item{color:#0000;-webkit-text-stroke:1.2px var(--ink)}.clients{padding-block:var(--section-y)}.clients__grid{grid-template-columns:4fr 8fr;gap:clamp(32px,6vw,96px);display:grid}.clients__aside{flex-direction:column;gap:20px;display:flex}.clients__count{letter-spacing:.02em;font-size:13px}.clients__note{max-width:30ch;color:var(--muted);font-size:14px;line-height:1.5}.clients__list{letter-spacing:-.025em;font-size:clamp(20px,2.2vw,32px);font-weight:300;line-height:1.4}.clients__list li{transition:color .2s;display:inline}.clients__list li:not(:last-child):after{content:", ";color:var(--muted)}.clients__list li:hover{color:var(--accent)}.statement{padding-block:clamp(110px,15vw,220px);position:relative;overflow:clip}.statement__inner{position:relative}.statement__title-wrap{z-index:1;width:fit-content;max-width:100%;position:relative}.statement__mark{width:clamp(28px,3vw,48px);height:clamp(28px,3vw,48px);color:var(--accent);position:absolute;top:-.4em;right:-1.1em}.statement__mark svg{width:100%;height:100%;animation:22s linear infinite spin}.statement__title{letter-spacing:-.055em;max-width:15ch;font-size:clamp(46px,9.2vw,148px);font-weight:300;line-height:.96}.statement__wire{opacity:.34;width:clamp(260px,30vw,460px);position:absolute;bottom:4%;right:-4%}.statement__foot{z-index:1;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:clamp(48px,6vw,80px);display:flex;position:relative}.statement__body{max-width:42ch;font-size:clamp(15px,1.2vw,18px);line-height:1.55}.footer{padding:clamp(70px, 9vw, 130px) var(--gutter) 28px;background:var(--ink);color:var(--cream);position:relative;overflow:clip}.footer__cta{border-bottom:1px solid var(--line-light);padding-bottom:clamp(48px,6vw,80px)}.footer__eyebrow{color:#ede7dc94;margin-bottom:24px;font-size:13px}.footer__email{letter-spacing:-.045em;border-bottom:1px solid #ede7dc47;align-items:flex-end;gap:.12em;padding-bottom:.06em;font-size:clamp(30px,6vw,92px);font-weight:300;line-height:1;transition:border-color .3s;display:inline-flex}.footer__email:hover{border-color:var(--cream)}.footer__email-icon{width:clamp(24px,3vw,48px);height:clamp(24px,3vw,48px);transition:transform .4s var(--ease-out);margin-bottom:.08em}.footer__email:hover .footer__email-icon{transform:translate(4px,-4px)}.footer__availability{color:#ede7dc94;letter-spacing:.02em;align-items:center;gap:10px;margin-top:24px;font-size:12px;display:flex}.footer__dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2.6s ease-in-out infinite pulse;box-shadow:0 0 0 4px #ff4d0024}.footer__grid{border-bottom:1px solid var(--line-light);grid-template-columns:4fr 2fr 2fr 2fr 2fr;gap:clamp(24px,3vw,48px);padding-block:clamp(48px,6vw,80px);display:grid}.footer__brand{flex-direction:column;gap:6px;display:flex}.footer__name{letter-spacing:-.02em;font-size:20px}.footer__role,.footer__location{color:#ede7dc8c;font-size:13px}.footer__col h3{color:#ede7dc8c;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;font-size:10px;font-weight:400}.footer__col li{margin-bottom:9px}.footer__col a{color:#ede7dccc;align-items:center;font-size:14px;line-height:1.4;transition:color .25s,transform .25s;display:inline-flex}.footer__col a:hover{color:var(--cream);transform:translate(3px)}.footer__bottom{color:#ede7dc8c;letter-spacing:.02em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:24px;font-size:11px;display:flex}.footer__credit{color:#ede7dc80}.footer__bottom a{transition:color .25s}.footer__bottom a:hover{color:var(--cream)}.footer__top{color:#ede7dca6;align-items:center;gap:6px;font-size:11px;transition:color .25s;display:inline-flex}.footer__top:hover{color:var(--cream)}.footer__top-icon{width:14px;height:14px}.footer__giant{color:#0000;letter-spacing:-.075em;white-space:nowrap;-webkit-text-stroke:1px #ede7dc29;-webkit-user-select:none;user-select:none;margin-top:clamp(48px,6vw,80px);font-size:clamp(120px,27vw,460px);font-weight:300;line-height:.72}.footer__giant span{color:var(--accent);-webkit-text-stroke:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #ff4d001f}50%{box-shadow:0 0 0 7px #ff4d000d}}@media (width<=1100px){.about__lead{grid-column:1/8}.work__row{grid-template-columns:44px minmax(0,1fr) minmax(150px,200px) 54px 28px}.footer__grid{grid-template-columns:3fr 2fr 2fr 2fr 2fr}}@media (width<=900px){.nav{padding:16px var(--gutter)}.nav__dash,.nav__work,.nav__circle--desktop,.nav__links{display:none}.nav__menu{display:inline-flex}.nav__brand{font-size:15px}.nav__menu{font-size:14px}.nav__circle{width:40px;height:40px}.hero{height:64svh;min-height:520px}.hero__split{display:block}.hero__left{position:absolute;inset:0}.hero__right{width:58%;height:80%;position:absolute;top:0;right:0}.hero__portrait img{object-position:50% 18%}.hero__meta{display:none}.hero__object{width:72vw;top:9%;left:-17%}.hero__title{font-size:21.5vw;bottom:9%;left:12px}.hero__scroll{display:none}.about__grid{flex-direction:column;gap:0;display:flex}.about__lead{font-size:clamp(30px,7.8vw,46px)}.about__portrait{order:4;align-self:flex-start;width:72vw;max-width:300px;margin-top:56px}.about__body{order:2;margin-top:40px;font-size:16px}.about__aside{order:3;margin-top:40px}.about__ring{width:calc(100% + 28px);height:calc(100% + 28px);font-size:9px;inset:-14px}.work__intro,.skills__intro{margin-top:0}.work__row{grid-template-columns:1fr auto;grid-template-areas:"visual visual""main arrow""role year";gap:8px 16px;padding:20px 0 26px}.work__row:hover{padding-inline:0}.work__index{display:none}.work__visual{grid-area:visual;width:100%;margin-bottom:16px;display:block}.work__visual .visual{aspect-ratio:4/3}.work__main{grid-area:main}.work__title{font-size:clamp(38px,10vw,58px)}.work__row:hover .work__title{transform:none}.work__role{text-align:left;grid-area:role;font-size:11px}.work__year{text-align:right;grid-area:year;font-size:11px}.work__arrow{grid-area:arrow;align-self:center}.work__row:hover .work__arrow{transform:none}.skills__intro{flex-direction:column;gap:12px}.skills__note{text-align:left}.marquee__item{font-size:15vw}.clients__grid{grid-template-columns:1fr;gap:32px}.clients__list{font-size:20px}.statement__title-wrap{max-width:100%}.statement__title{font-size:clamp(48px,13vw,100px)}.statement__mark,.statement__wire{display:none}.statement__foot{flex-direction:column;align-items:flex-start;gap:28px}.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.footer__brand{grid-column:1/-1}.footer__bottom{gap:10px 20px}.footer__credit{display:none}}@media (width>=561px) and (width<=900px){.work__visual .visual{aspect-ratio:16/9}}@media (width<=560px){.hero{height:66svh}.hero__right{width:60%;height:78%}.hero__title{font-size:21.5vw;bottom:8%}.about{padding-top:72px}.work,.skills,.clients{padding-block:80px}.statement{padding-block:100px}.pill--large{justify-content:space-between;width:100%}.statement__action{width:100%}.footer__email{font-size:clamp(20px,7.2vw,30px)}.footer__bottom{font-size:10px}.footer__giant{font-size:34vw}.menu__foot{flex-direction:column;align-items:flex-start}.menu__socials{justify-content:flex-start}}@media (height<=760px) and (width>=901px){.hero__title{font-size:clamp(90px,17vw,250px)}.work__preview-inner{width:250px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.marquee__track{transform:none!important}.cursor,.work__preview{display:none}}