@font-face{font-family:Aeonik;src:url('/assets/fonts/aeonik-regular.woff2') format('woff2'),url('/assets/fonts/aeonik-regular.woff') format('woff');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --font-primary:Aeonik,Arial,sans-serif;--font-secondary:Aeonik,Arial,sans-serif;--font-chinese:'Noto Sans SC',sans-serif;
  --bg-page:#fff;--bg-surface:#f3f3f5;--bg-inverse:#000;--accent:#0272f4;--highlight:#f0e750;--loading-surface:var(--bg-surface);--loading-gradient-start:#ececef;--loading-gradient-end:#f8f8f9;
  --text-primary:#000;--text-secondary:#555556;--text-tertiary:#999;--border-default:#d9d9d9;--border-muted:#b3b3b3;
  --space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--space-5xl:96px;
  --radius-media:0;--radius-sm:4px;--radius-md:8px;--radius-full:999px;
  --duration-instant:150ms;--duration-fast:300ms;--duration-moderate:500ms;--duration-slow:1000ms;--ease-standard:cubic-bezier(.4,0,.2,1);
  --page-x:max(20px,calc((100vw - 1260px)/2));--header-h:79px;
}
.overlay.is-preparing{visibility:visible;pointer-events:auto}
*{box-sizing:border-box}
html{scrollbar-gutter:stable}
body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
a.featured-card,a.archive-row,a.next-project{color:inherit;text-decoration:none;cursor:pointer}
.shell{padding:0 var(--page-x) 96px;overflow:visible}
.site-header{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}
.wordmark{font-family:var(--font-primary);font-size:28px;line-height:31px;letter-spacing:-.56px}
.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav>button:not(.lang-toggle){font-family:var(--font-primary);font-size:18px;line-height:18px;letter-spacing:-.36px;transition:opacity var(--duration-instant)}
.site-header nav>button:hover{opacity:.55}.lang-toggle{height:23px;min-width:33px;padding:4px 10px;border:1px solid var(--border-default);border-radius:var(--radius-full);font-family:var(--font-secondary);font-size:13px;line-height:13px;color:var(--text-secondary)}
.is-zh-copy{font-family:var(--font-chinese)!important}.is-zh-copy.is-multiline-zh{line-height:1.6!important}.lang-toggle.is-chinese-glyph{font-family:var(--font-chinese)}
.hero{padding:64px 0 96px}.hero h1{margin:0;width:min(1100px,100%);font-family:var(--font-primary);font-weight:400;font-size:54px;line-height:64px;letter-spacing:-1.08px}.hero-title .is-zh-copy{line-height:inherit!important}
.tabs{position:sticky;top:var(--header-h);z-index:39;display:flex;gap:48px;border-top:1px solid #000;padding:12px 0 8px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.tab{padding:2px 6px 8px;font-family:var(--font-primary);font-size:34px;line-height:36px;letter-spacing:-.68px;color:var(--text-tertiary);white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard)}
.tab:hover,.tab.is-active{color:var(--text-primary)}
.tab-panel{animation:panelIn var(--duration-moderate) ease both}.tab-panel[hidden]{display:none}
@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mediaLoadingSweep{0%{background-position:180% 0}100%{background-position:-80% 0}}
.media-loading{position:relative;isolation:isolate;background:var(--loading-surface)!important}.media-loading::before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,var(--loading-gradient-start) 0%,var(--loading-gradient-end) 50%,var(--loading-gradient-start) 100%);background-size:200% 100%;animation:mediaLoadingSweep 1.8s linear infinite;opacity:1;transition:opacity var(--duration-fast) var(--ease-standard)}.media-loading>picture,.media-loading>img,.media-loading>video,.media-loading>canvas{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.media-loading.is-media-ready::before{opacity:0;animation-play-state:paused}.media-loading.is-media-ready>picture,.media-loading.is-media-ready>img,.media-loading.is-media-ready>video,.media-loading.is-media-ready>canvas{opacity:1}.media-loading-target{background-color:var(--loading-surface);background-image:linear-gradient(90deg,var(--loading-gradient-start) 0%,var(--loading-gradient-end) 50%,var(--loading-gradient-start) 100%);background-size:200% 100%;animation:mediaLoadingSweep 1.8s linear infinite}.media-loading-target.is-media-ready{background:transparent;animation:none}.media-transition-ghost{overflow:hidden;color:transparent!important}
.selected-work{padding-top:var(--space-4xl)}.tape-label{height:43px;position:relative;display:inline-block;margin-bottom:24px}.tape-label img{width:100%;height:100%;display:block}.tape-label span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:700;font-size:12px;line-height:15px;letter-spacing:3px;white-space:nowrap}.tape-label--dark{width:174px;color:#fff}.tape-label--light{width:133px;color:#000}
.featured-list{display:flex;flex-direction:column;gap:64px}.featured-card{display:grid;grid-template-columns:504px minmax(0,1fr);gap:48px;outline:none;cursor:pointer}.featured-media{height:357px;position:relative;overflow:hidden;border-radius:var(--radius-media);background:#d9d9d9}.featured-media picture,.featured-media img{display:block;width:100%;height:100%}.featured-media img{object-fit:cover}.media-placeholder{background:#d9d9d9;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px}.expand-button{position:absolute;right:18px;top:18px;width:38px;height:38px;display:grid;place-items:center;line-height:1;border-radius:4px;background:#000;color:#fff;font-size:18px;opacity:0;transform:translateY(-6px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),background var(--duration-fast),color var(--duration-fast)}
.featured-card:hover .expand-button,.featured-card:focus-visible .expand-button{opacity:1;transform:none}.expand-button:hover{background:#fff;color:#000;box-shadow:inset 0 0 0 1px #000}.featured-copy{border-top:.5px solid var(--border-muted);padding-top:32px}.project-title{display:flex;align-items:baseline;gap:16px}.project-title h2{margin:0;font-family:var(--font-primary);font-size:28px;line-height:31px;letter-spacing:-.56px;font-weight:400}.project-title span{font-size:15px;line-height:15px;letter-spacing:-.15px;color:var(--text-secondary)}
.featured-copy p{width:min(498px,100%);margin:24px 0 0;font-size:18px;line-height:28px;letter-spacing:-.36px;color:var(--text-secondary)}.case-link{display:inline-block;margin-top:32px;font-size:12px;line-height:14px;letter-spacing:1.44px;font-weight:500;opacity:0;transform:translateY(5px);transition:opacity var(--duration-fast),transform var(--duration-fast)}.featured-card:hover .case-link,.featured-card:focus-visible .case-link{opacity:1;transform:none}
.archive{padding-top:116px}.archive .tape-label{margin-bottom:24px}.archive-table{border-bottom:1px solid var(--border-default)}.archive-row{width:100%;position:relative;display:grid;grid-template-columns:3fr 2fr 1.5fr .5fr;align-items:center;text-align:left;padding:24px 0;border-top:1px solid var(--border-default);font-family:var(--font-primary);font-size:15px;line-height:15px;letter-spacing:-.3px;transition:padding-left var(--duration-fast) var(--ease-standard)}.archive-row span:not(:first-child){color:var(--text-tertiary)}.archive-row span:last-of-type{text-align:right}.archive-row:hover{padding-left:12px}.archive-preview{position:absolute;right:80px;width:180px;height:120px;background:#d9d9d9;opacity:0;overflow:hidden;transform:scale(.92);box-shadow:0 12px 32px rgba(0,0,0,.18);transition:opacity var(--duration-fast),transform var(--duration-fast);pointer-events:none}.archive-preview img{display:block;width:100%;height:100%;object-fit:cover}.archive-row:hover .archive-preview{opacity:1;transform:scale(1)}
.motion-sections{display:flex;flex-direction:column;gap:96px;padding-top:48px}.motion-section{display:flex;flex-direction:column;gap:24px}.motion-section+.motion-section{border-top:1px solid var(--border-default);padding-top:16px}.section-head{display:flex;justify-content:space-between;align-items:baseline}.section-heading{display:flex;gap:16px;align-items:baseline}.section-heading h2,.gallery-head h2{font-family:var(--font-primary);font-size:28px;line-height:31px;letter-spacing:-.56px;font-weight:400;margin:0}.section-heading span,.section-count{font-size:15px;line-height:15px;letter-spacing:-.15px;color:var(--text-tertiary)}.motion-section>p{width:min(700px,100%);font-size:15px;line-height:22px;letter-spacing:-.15px;color:var(--text-secondary);margin:0}.motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.motion-card{text-align:left}.motion-media{aspect-ratio:4/5;border-radius:var(--radius-media);transition:outline var(--duration-instant)}.motion-card:hover .motion-media{outline:2px solid #000}.motion-meta{display:flex;flex-direction:column;gap:2px;margin-top:10px}.motion-meta b{font-size:15px;line-height:15px;letter-spacing:-.15px;font-weight:500}.motion-meta span{font-size:15px;line-height:15px;color:var(--text-tertiary)}
.motion-media--video{position:relative;display:block;overflow:hidden;background:#d9d9d9}.motion-media--video video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.motion-media--video::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 0 var(--color-secondary);transition:box-shadow var(--duration-fast) var(--ease-standard)}
.brand-sections{display:flex;flex-direction:column;gap:96px;padding-top:48px}.gallery-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.masonry{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.masonry-col{display:flex;flex-direction:column;gap:12px}.masonry-item{width:100%;min-height:160px;transition:outline var(--duration-instant)}.masonry-item:hover{outline:2px solid #000}
.masonry--filled{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.masonry-image-item{position:relative;display:block;min-height:0;overflow:hidden;border-radius:var(--radius-media);background:#f7f7f7}.masonry-image-item picture,.masonry-image-item img,.masonry-image-item video,.masonry-image-item canvas{display:block;width:100%;height:auto}.masonry-image-item video{object-fit:cover;pointer-events:none}.ascii-code-canvas{display:block;width:100%;height:auto;aspect-ratio:1;background:linear-gradient(180deg,#fbfbfb 0%,#f7f7f7 100%);pointer-events:none}.masonry-image-item::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 0 var(--color-secondary);transition:box-shadow var(--duration-fast) var(--ease-standard)}
.masonry--filled{display:block;column-count:3;column-gap:12px}.masonry--filled.masonry--single{column-count:1}.masonry--filled.masonry--two{column-count:2}.masonry--filled .masonry-image-item{break-inside:avoid;margin:0 0 12px}
.masonry--filled .masonry-caption-item{break-inside:avoid;margin:0 0 20px}.masonry--filled .masonry-caption-item .masonry-image-item{margin:0}.masonry-item-meta{margin-top:10px}
.illustration-project-groups{display:flex;flex-direction:column;gap:80px}
#caseView{padding-top:16px}.back-link{font-size:12px;line-height:14px;letter-spacing:1.44px;text-transform:uppercase;margin:0 0 24px}.case-intro h1{font-family:var(--font-primary);font-size:44px;line-height:44px;letter-spacing:-.88px;font-weight:400;margin:0 0 24px}.case-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding:16px 0;border-top:1px solid #000;border-bottom:1px solid var(--border-default)}.case-meta div{display:flex;min-width:0;flex-direction:column;gap:6px}.case-meta span{font-size:12px;line-height:14px;color:var(--text-tertiary);letter-spacing:1.44px}.case-meta b{font-size:15px;line-height:15px;font-weight:400}.case-meta-website a{align-self:flex-start;color:var(--text-primary);font-family:var(--font-secondary);font-size:15px;line-height:15px;font-weight:400;letter-spacing:normal;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;transition:opacity var(--duration-fast) var(--ease-standard)}.case-meta-website a:hover{opacity:.55}.case-meta-website em,.case-meta-website i{font:inherit;font-style:normal;color:inherit;letter-spacing:inherit}.case-hero-media{aspect-ratio:21/9;margin:24px 0 64px}.case-hero-media--asset{aspect-ratio:var(--case-hero-ratio,21/9);overflow:hidden;border-radius:var(--radius-media);background:var(--bg-inverse)}.case-hero-media--asset picture,.case-hero-media--asset img,.case-hero-media--asset video{display:block;width:100%;height:100%}.case-hero-media--asset img,.case-hero-media--asset video{object-fit:cover}.case-section{margin-bottom:64px}.case-section h2{font-family:var(--font-primary);font-size:28px;line-height:31px;letter-spacing:-.56px;font-weight:400;margin:0 0 8px}.case-section>p{font-size:15px;line-height:22px;letter-spacing:-.15px;color:var(--text-secondary);margin:0 0 24px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-grid .media-placeholder{aspect-ratio:4/3}.case-wide{aspect-ratio:21/9}.decision-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:16px}.decision-notes div{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:18px;color:var(--text-secondary)}.decision-notes b{color:var(--text-primary);font-weight:500}.case-section ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:24px;color:var(--text-secondary)}.case-section li::before{content:'· ';}.next-project{width:100%;text-align:left;border-top:1px solid #000;padding:32px 0 96px;display:flex;flex-direction:column;gap:8px}.next-project span{font-size:12px;line-height:14px;letter-spacing:1.44px;color:var(--text-tertiary)}.next-project strong{font-family:var(--font-primary);font-size:28px;line-height:31px;font-weight:400}
.case-section--narrative{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:48px;border-top:1px solid var(--border-default);padding-top:20px}.case-section--narrative>h2{margin:0}.case-narrative{min-width:0}.case-narrative h3{font-family:var(--font-primary);font-size:20px;line-height:24px;letter-spacing:-.4px;font-weight:500;margin:32px 0 12px}.case-narrative h3:first-child{margin-top:0}.case-rich-paragraph,.case-rich-note,.case-rich-principle{font-size:17px;line-height:26px;letter-spacing:-.17px;color:var(--text-secondary);margin:0 0 18px}.case-rich-paragraph strong,.case-rich-list strong,.case-rich-principle strong{color:var(--text-primary);font-weight:600}.case-rich-note{font-size:13px;line-height:20px;font-style:italic;color:var(--text-tertiary);margin-bottom:24px}.case-rich-principle{color:var(--text-primary);border-left:2px solid var(--text-primary);padding-left:16px;margin:24px 0}.case-section .case-rich-list{list-style:none;margin:0 0 24px;padding:0;font-size:17px;line-height:26px;letter-spacing:-.17px;color:var(--text-secondary)}.case-section .case-rich-list li{position:relative;padding-left:18px;margin-bottom:10px}.case-section .case-rich-list li::before{content:'·';position:absolute;left:0;color:var(--text-primary)}.case-section .case-rich-list--ordered{counter-reset:case-list}.case-section .case-rich-list--ordered li{counter-increment:case-list;padding-left:28px}.case-section .case-rich-list--ordered li::before{content:counter(case-list) '.'}.case-copy-placeholder{display:flex;align-items:center;justify-content:center;margin:28px 0 32px;border-radius:var(--radius-media);color:var(--text-tertiary);font-size:13px;line-height:20px;text-align:center;padding:24px}.case-narrative-media{margin:28px 0 32px}
.overlay{position:fixed;inset:0;z-index:50;visibility:hidden;pointer-events:none}.overlay.is-open{visibility:visible;pointer-events:auto}.scrim{position:absolute;inset:0;width:100%;height:100%;background:rgba(0,0,0,.45);opacity:0;transition:opacity 400ms var(--ease-standard)}.overlay.is-open .scrim{opacity:1}.overlay-panel{position:absolute;background:#fff;overflow:auto}.overlay-panel[data-kind="drawer"]{top:0;right:0;width:min(560px,100vw);height:100%;padding:64px 48px 96px;transform:translateX(100%);transition:transform 400ms var(--ease-standard)}.overlay.is-open .overlay-panel[data-kind="drawer"]{transform:none}.overlay-panel[data-kind="lightbox"],.overlay-panel[data-kind="image"],.overlay-panel[data-kind="brand"]{left:0;right:0;bottom:0;height:95vh;border-radius:20px 20px 0 0;padding:56px max(20px,calc((100vw - 1200px)/2)) 96px;transform:translateY(100%);transition:transform 400ms var(--ease-standard)}.overlay.is-open .overlay-panel:not([data-kind="drawer"]){transform:none}.close-button{position:absolute;right:24px;top:24px;width:38px;height:38px;background:var(--bg-surface);border-radius:4px;font-size:26px;line-height:38px;z-index:2}.drawer-label{font-size:15px;line-height:15px;color:var(--text-tertiary);margin-bottom:28px}.drawer-photo{display:block;width:180px;height:auto;margin-bottom:28px}.drawer-copy{font-size:18px;line-height:24px;letter-spacing:-.36px}.drawer-copy p{margin:0 0 20px}.drawer-contact{border-top:1px solid var(--border-default);padding-top:20px;margin-top:20px}.contact-pair{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.contact-pair span{font-size:13px;line-height:15px;color:var(--text-tertiary)}.contact-pair a{color:inherit;text-decoration:none;font-size:18px;line-height:24px}.contact-heading{font-family:var(--font-primary);font-size:44px;line-height:44px;letter-spacing:-.88px;font-weight:400;margin:0 0 28px}
.overlay-panel.is-resetting{transition:none!important}.drawer-copy{font-family:var(--font-primary);color:var(--text-secondary)}.contact-pair a,.contact-pair button{color:inherit;text-decoration:none;font-size:18px;line-height:24px;text-align:left}.contact-pair button:hover,.contact-pair a:hover{opacity:.55}.copy-toast{position:fixed;left:50%;bottom:32px;z-index:80;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:var(--bg-inverse);color:#fff;border-radius:var(--radius-sm);padding:12px 16px;font-family:var(--font-secondary);font-size:13px;line-height:15px;letter-spacing:-.13px;box-shadow:0 12px 32px rgba(0,0,0,.18);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.copy-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.lightbox-body{display:grid;grid-template-columns:minmax(420px,615px) minmax(300px,445px);gap:40px;justify-content:center;margin-top:24px}.lightbox-media{aspect-ratio:4/5}.lightbox-copy{padding-top:0}.lightbox-kicker{font-size:15px;line-height:15px;color:var(--text-tertiary)}.lightbox-copy h2{font-family:var(--font-primary);font-size:44px;line-height:44px;letter-spacing:-.88px;font-weight:400;margin:20px 0 8px}.lightbox-copy p{font-size:18px;line-height:24px;letter-spacing:-.36px;color:var(--text-secondary);margin:8px 0}.credit{border-top:1px solid var(--border-default);padding-top:14px;margin-top:22px;font-size:13px;color:var(--text-tertiary)}.credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}.pagination{display:flex;gap:8px;margin-top:28px}.pagination button{height:58px;border:1px solid var(--border-default);border-radius:4px;padding:0 16px;font-family:var(--font-primary);font-weight:500;font-size:15px}.image-lightbox{display:flex;flex-direction:column;align-items:center;gap:24px}.image-lightbox .media-placeholder{width:min(615px,80vw);height:min(766px,68vh)}.brand-caption{font-size:15px}.brand-caption span{color:var(--text-tertiary)}
.illustration-lightbox-image{display:block;max-width:min(1120px,85vw);max-height:68vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-media)}.motion-graphic-lightbox-video{background:var(--loading-surface)}.ascii-code-canvas--lightbox{width:min(68vh,85vw);height:auto;max-width:min(1120px,85vw);max-height:68vh}
.illustration-project-lightbox{width:min(1120px,100%);margin:0 auto}.illustration-project-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:var(--radius-media)}.illustration-project-lightbox>.brand-caption{padding:24px 0 40px}.illustration-project-details{display:flex;flex-direction:column;gap:12px}.illustration-project-lightbox>.pagination{justify-content:center}
.brand-project-lightbox{width:min(1120px,100%);margin:0 auto}.brand-project-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:var(--radius-media)}.brand-project-placeholder{width:100%;height:auto}.brand-project-cover{aspect-ratio:16/10}.brand-project-intro{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.5fr);gap:40px;padding:24px 0 40px;border-bottom:1px solid var(--border-default)}.brand-project-intro p{margin:0;color:var(--text-secondary);font-size:18px;line-height:24px;letter-spacing:-.36px}.brand-project-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:40px}.brand-project-detail{aspect-ratio:4/3}.brand-project-lightbox>.pagination{justify-content:center}
.lightbox-video{display:block;width:100%;aspect-ratio:4/5;max-height:72vh;object-fit:contain;background:#d9d9d9;border-radius:var(--radius-media)}
.reveal-target{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.32,.72,0,1)}.reveal-target.is-visible{opacity:1;transform:none}
body.overlay-open #siteRoot{transform:scale(.98);filter:none}#siteRoot{transform-origin:center;transition:transform 400ms var(--ease-standard)}body.overlay-open{overflow:hidden}body{overflow-x:clip}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal-target{opacity:1;transform:none}.media-loading::before,.media-loading-target{background:var(--loading-surface)}}
@media (max-width:768px){
  :root{--header-h:56px}
  :root{--page-x:20px}.shell{padding-bottom:64px}.site-header{height:56px}.wordmark{font-size:20px;line-height:24px;letter-spacing:-.4px}.site-header nav{gap:16px}.site-header nav>button:not(.lang-toggle){font-size:15px;line-height:15px;letter-spacing:-.15px}.hero{padding:32px 0 48px}.hero h1{font-size:28px;line-height:34px;letter-spacing:-.56px}.tabs{height:48px;gap:8px;padding:12px 0 0;align-items:flex-start;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{font-size:18px;line-height:18px;letter-spacing:-.36px;padding:2px 6px 4px}.selected-work{padding-top:32px}.featured-list{gap:64px}.featured-card{display:flex;flex-direction:column;gap:18px}.featured-media{height:auto;aspect-ratio:4/3}.expand-button{display:none}.featured-copy{border:0;padding:0}.featured-copy::before{content:'';display:block;height:1px;background:var(--border-default);margin-bottom:18px}.project-title{gap:8px}.project-title h2{font-family:var(--font-secondary);font-size:15px;line-height:15px;font-weight:500;letter-spacing:-.15px}.project-title span{font-size:15px;line-height:18px;flex:1}.featured-copy p{margin-top:16px;color:var(--text-primary);width:auto}.case-link{opacity:1;transform:none;margin-top:16px}.archive{padding-top:64px}.archive-row{grid-template-columns:1fr auto;padding:16px 0}.archive-row span:nth-child(2){grid-column:1;font-family:var(--font-secondary);font-size:13px;margin-top:4px}.archive-row span:nth-child(3){display:none}.archive-row span:last-of-type{grid-row:1;grid-column:2}.archive-preview{display:none}.archive-row:hover{padding-left:0}
  .motion-sections{gap:56px;padding-top:32px}.motion-section{gap:16px}.motion-section+.motion-section{padding-top:12px}.section-heading{flex-direction:column;gap:4px}.section-heading h2,.gallery-head h2{font-size:20px;line-height:24px;letter-spacing:-.4px}.section-heading span,.section-count{font-size:13px}.motion-grid{grid-template-columns:repeat(2,1fr);gap:14px}.motion-meta{margin-top:8px}.motion-meta b{font-size:14px;line-height:16px}.motion-meta span{font-size:12px}.brand-sections{gap:56px;padding-top:32px}.gallery-head{margin-bottom:16px}.masonry{grid-template-columns:repeat(2,1fr);gap:6px}.masonry-col{gap:6px}
  .masonry--filled{column-count:2;column-gap:6px}.masonry--filled .masonry-image-item{margin-bottom:6px}.masonry--filled .masonry-caption-item{margin-bottom:16px}.masonry--filled .masonry-caption-item .masonry-image-item{margin-bottom:0}.masonry-item-meta{margin-top:8px}
  .masonry--filled.masonry--row-order{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;column-count:initial;column-gap:initial}.masonry--filled.masonry--row-order .masonry-image-item{margin-bottom:0}.masonry--row-order .masonry-image-item--ascii{grid-column:1/-1}
  .illustration-project-groups{gap:48px}
  #caseView{padding-top:8px}.back-link{margin-bottom:16px}.case-intro h1{font-size:28px;line-height:31px;letter-spacing:-.56px;margin-bottom:16px}.case-meta{grid-template-columns:1fr 1fr;gap:16px}.case-meta span{font-size:10px}.case-meta b{font-size:12px}.case-hero-media{aspect-ratio:4/3;margin:16px 0 32px}.case-hero-media--asset{aspect-ratio:var(--case-hero-ratio,4/3)}.case-section{margin-bottom:32px}.case-section h2{font-size:20px;line-height:24px;letter-spacing:-.4px}.compare-grid{grid-template-columns:1fr;gap:12px}.case-wide{aspect-ratio:4/3}.decision-notes{grid-template-columns:1fr;gap:12px}.next-project{padding-bottom:64px}
  .overlay-panel[data-kind="drawer"],.overlay-panel[data-kind="lightbox"],.overlay-panel[data-kind="image"],.overlay-panel[data-kind="brand"]{left:0;right:0;top:auto;bottom:0;width:100%;height:auto;max-height:88vh;border-radius:20px 20px 0 0;padding:80px 20px 64px;transform:translateY(100%);transition:transform 400ms var(--ease-standard)}.overlay.is-open .overlay-panel[data-kind="drawer"]{transform:none}.close-button{right:20px;top:24px}.drawer-label{margin-bottom:16px}.drawer-photo{width:100%;height:180px;object-fit:contain;object-position:left center}.drawer-copy{font-size:15px;line-height:22px;letter-spacing:-.15px}.contact-heading{font-size:28px;line-height:31px;letter-spacing:-.56px}.contact-pair a,.contact-pair button{font-size:15px;line-height:22px}.copy-toast{bottom:20px}.lightbox-body{display:flex;flex-direction:column;gap:16px;margin:0}.lightbox-media{aspect-ratio:4/5;width:100%}.lightbox-kicker{font-size:13px}.lightbox-copy h2{font-size:28px;line-height:31px;letter-spacing:-.56px;margin:8px 0}.lightbox-copy p{font-size:15px;line-height:22px;letter-spacing:-.15px}.pagination{margin-top:32px;gap:18px}.image-lightbox .media-placeholder{width:100%;height:min(55vh,520px)}
  .illustration-lightbox-image{max-width:100%;max-height:55vh}
  .illustration-project-lightbox>.brand-caption{padding:16px 0 24px}.illustration-project-details{gap:8px}.illustration-project-lightbox>.pagination{justify-content:flex-start}
  .brand-project-intro{display:flex;flex-direction:column;gap:12px;padding:16px 0 24px}.brand-project-intro p{font-size:15px;line-height:22px;letter-spacing:-.15px}.brand-project-details{grid-template-columns:1fr;gap:8px;padding-top:24px}.brand-project-lightbox>.pagination{justify-content:flex-start}
}
.case-hero-media--white{background:#fff}
.case-rich-paragraph a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.case-hero-media--asset{border-radius:8px}
.external-link-icon{display:inline-block;width:14px;height:14px;margin-left:3px;vertical-align:-2px}
.case-compare-media{min-width:0;overflow:hidden;background:var(--loading-surface)}.case-compare-media img,.case-compare-media video{display:block;width:100%;height:auto}
.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-grid--single{grid-template-columns:minmax(0,1fr)}.compare-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:768px){.compare-grid,.compare-grid--single,.compare-grid--three{grid-template-columns:minmax(0,1fr)}}
@media (max-width:768px){.case-section--narrative{display:block;padding-top:12px}.case-section--narrative>h2{margin-bottom:20px}.case-narrative h3{font-size:18px;line-height:22px;margin-top:28px}.case-rich-paragraph,.case-rich-principle{font-size:15px;line-height:23px;letter-spacing:-.15px}.case-section .case-rich-list{font-size:15px;line-height:23px;letter-spacing:-.15px}.case-copy-placeholder{aspect-ratio:4/3;margin:20px 0 24px;padding:16px}}
.case-meta b,.case-meta-website a{line-height:22px}
@media (max-width:768px){.case-meta b,.case-meta-website a{line-height:18px}}
.overlay-panel[data-kind="case-image"]{left:0;right:0;bottom:0;height:95vh;border-radius:20px 20px 0 0;padding:56px max(20px,calc((100vw - 1200px)/2)) 96px;transform:translateY(100%);transition:transform 400ms var(--ease-standard)}
.case-image-lightbox{min-height:calc(95vh - 152px);display:grid;place-items:center}.case-image-lightbox-media{display:block;max-width:100%;max-height:calc(95vh - 152px);width:auto;height:auto;object-fit:contain}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.case-image-trigger{position:relative;text-align:left;cursor:pointer}
@media (max-width:768px){.overlay-panel[data-kind="case-image"]{left:0;right:0;top:auto;bottom:0;width:100%;height:auto;max-height:88vh;border-radius:20px 20px 0 0;padding:80px 20px 64px;transform:translateY(100%);transition:transform 400ms var(--ease-standard)}.case-image-lightbox{min-height:calc(88vh - 144px)}.case-image-lightbox-media{max-height:calc(88vh - 144px)}}
.overlay.is-closing{visibility:visible;pointer-events:none}