@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-ext-wght-normal.1rz-p1o6z-sit.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-wght-normal.2jdm38iyutowj.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-vietnamese-wght-normal.3ez0azjih7ypa.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-ext-wght-normal.2p5o-04xn4ahk.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-wght-normal.175rzww1hghhr.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{--paper:#fff;--ink:#000;--muted:#374151;--line:#e5e7eb;--accent:#f3f4f6;--sans:"Geist Variable",sans-serif;--serif:var(--sans)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline-offset:6px;outline:2px solid}::selection{background:var(--accent);color:var(--ink)}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin:0}em{font-family:var(--serif);font-weight:400}p{line-height:1.7}.site-wrap{max-width:1600px;margin:auto;padding:0 5%}.preview-note{letter-spacing:.035em;text-align:center;border-bottom:1px solid var(--line);color:var(--muted);padding:8px 5%;font-size:10px}.preview-note span{padding:0 8px}.skip-link{background:var(--ink);color:#fff;z-index:10;padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{justify-content:space-between;align-items:center;padding:31px 0;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:10px;font-size:22px;font-weight:750;display:flex}.brand svg{width:27px;height:27px}.brand-dot{letter-spacing:0;align-self:flex-start;font-size:11px;line-height:1.5}.site-header nav{gap:34px;font-size:13px;font-weight:600;display:flex}.site-header nav a{position:relative}.site-header nav a:after{content:"";transform-origin:0;border-bottom:1px solid;transition:transform .2s;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after{transform:scaleX(1)}.hero{padding:69px 0 68px}.hero-kicker,.eyebrow{letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:650}.hero-kicker{letter-spacing:.1em;align-items:center;gap:9px;display:flex}.status-dot{background:var(--ink);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent);border-radius:50%}.hero-title-row{justify-content:space-between;align-items:center;gap:50px;margin:30px 0 35px;display:flex}.hero h1{letter-spacing:-.075em;font-size:clamp(64px,8.75vw,134px);font-weight:600;line-height:.98}.hero h1 em{letter-spacing:-.06em}.hero-signal{width:21%;max-width:255px;color:var(--ink);margin:15px 3% 0 0;animation:.9s both arrive}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.hero-bottom p{letter-spacing:-.25px;max-width:460px;font-size:16px;line-height:1.7}.underlined-link{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:40px;padding-bottom:10px;font-size:12px;font-weight:650;display:inline-flex}.underlined-link:hover{gap:50px}.section-bar{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;padding:18px 0 28px;display:flex}.section-bar h2{font-size:13px;font-weight:650}.section-bar>span{color:var(--muted);font-size:10px}.project-card.featured{grid-column:1/-1}.project-visual{aspect-ratio:1.35;border-radius:4px;padding:25px 26px 0;position:relative;overflow:hidden}.featured .project-visual{aspect-ratio:2.08;padding:30px 55px 0}.blue{background:#dce8f3}.peach{background:#ede2d2}.space{background:#b9c6c4}.visual-label{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;font-size:11px;display:flex}.visual-label>span:first-child{letter-spacing:-.6px;font-size:18px;font-weight:750}.visual-label>span:last-child{opacity:.7;font-size:9px}.product-window{background:#fff;border:1px solid #00000017;border-radius:6px 6px 0 0;margin:auto;transition:transform .5s cubic-bezier(.2,.65,.3,1);overflow:hidden;transform:translateY(2%);box-shadow:0 22px 45px #2632401a}.featured .product-window{max-width:1010px;transform:translateY(1%)}.project-image-link:hover .product-window{transform:translateY(0)}.window-bar{background:#fcfcfc;border-bottom:1px solid #ebebeb;align-items:center;gap:5px;padding:11px 12px;display:flex}.window-bar i{background:#d4d7d4;border-radius:50%;width:5px;height:5px}.window-bar span{letter-spacing:.05em;color:#7f847c;margin-left:8px;font-size:8px}.product-window img{width:100%;height:auto}.card-arrow{background:var(--paper);border:1px solid #24271f38;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:background .2s,transform .2s;display:flex;position:absolute;bottom:20px;right:20px}.project-image-link:hover .card-arrow{background:var(--accent);transform:rotate(45deg)}.project-caption{gap:24px;margin-top:18px;display:flex}.project-number{color:var(--muted);padding-top:5px;font-size:10px}.project-caption h3{letter-spacing:-.8px;font-size:21px;font-weight:550;line-height:1.35}.featured .project-caption h3{font-size:26px}.project-caption p{color:var(--muted);margin-top:7px;font-size:11px}.project-caption p span{padding:0 5px}.lab-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:65px;margin:100px 0;padding:50px 0 20px;display:grid}.lab-section h2{letter-spacing:-1.8px;margin:22px 0 16px;font-size:42px;font-weight:500;line-height:1.15}.lab-section p{max-width:350px;color:var(--muted);font-size:13px}.lab-links{padding-top:35px}.lab-links a{border-top:1px solid var(--line);align-items:center;gap:18px;padding:23px 0;transition:padding .2s;display:flex}.lab-links a:last-child{border-bottom:1px solid var(--line)}.lab-links a:hover{padding-left:8px}.lab-links strong,.lab-links small{display:block}.lab-links strong{font-size:15px;font-weight:550}.lab-links small{color:var(--muted);margin-top:5px;font-size:11px}.lab-links a>span:last-child{margin-left:auto;font-size:20px}.color-swatch,.ascii-swatch{flex-shrink:0;width:56px;height:56px}.color-swatch{background:#e9e3d3;position:relative;overflow:hidden}.color-swatch i{mix-blend-mode:multiply;background:#96a768;width:23px;height:34px;position:absolute;top:7px;left:6px}.color-swatch i:nth-child(2){background:#f39c8c;top:18px;left:20px}.color-swatch i:nth-child(3){background:#e5cb53;top:3px;left:30px}.ascii-swatch{color:#d4f47c;text-align:center;background:#22271e;padding:6px;font-family:monospace;font-size:18px;line-height:1.2}.site-footer{border-top:1px solid var(--ink);padding:38px 0 22px}.footer-top{align-items:center;gap:24px;display:flex}.footer-top>svg{width:50px;height:50px}.footer-top>p{letter-spacing:-.8px;font-size:24px;line-height:1.2}.round-link{border:1px solid var(--line);border-radius:50%;place-items:center;width:58px;height:58px;margin-left:auto;font-size:26px;display:grid}.round-link:hover{background:var(--accent);border-color:var(--accent)}.footer-bottom{color:var(--muted);justify-content:space-between;gap:20px;padding-top:64px;font-size:10px;display:flex}.case-page{padding-top:45px}.back-link{font-size:11px}.case-header{padding:62px 0 45px}.case-header h1{letter-spacing:-.065em;max-width:1040px;margin:25px 0;font-size:clamp(45px,6.1vw,90px);font-weight:550;line-height:1.07}.case-header>p{max-width:690px;color:var(--muted);letter-spacing:-.4px;font-size:19px;line-height:1.65}.case-meta{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:28px;margin:40px 0 0;padding-top:23px;display:grid}.case-meta dt{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;font-size:9px}.case-meta dd{margin:0;font-size:12px}.case-hero{border-radius:4px;margin:0;padding:5% 7% 20px;overflow:hidden}.case-hero>img{object-fit:cover;object-position:top;border:1px solid #0001;border-radius:5px;width:100%;height:auto;max-height:660px;box-shadow:0 25px 35px #0000000b}.case-hero figcaption{color:#4a544c;margin-top:20px;font-size:10px;line-height:1.6}.case-body{padding:15px 0 0}.story-section{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:45px;padding:75px 0;display:grid}.story-section>.eyebrow{color:var(--muted);padding-top:9px}.story-section>div{max-width:740px}.story-section h2{letter-spacing:-1.5px;margin-bottom:25px;font-size:clamp(28px,3.1vw,44px);font-weight:500;line-height:1.15}.story-section p{color:#52594d;margin-top:17px;font-size:15px;line-height:1.85}.exhibit-section{border:1px solid var(--line);background:#eff0e7;border-radius:4px;margin:60px 0;padding:35px}.exhibit-heading{justify-content:space-between;align-items:center;gap:25px;display:flex}.exhibit-heading h2{letter-spacing:-1.3px;margin-top:12px;font-size:34px;font-weight:500}.exhibit-heading>a{border-bottom:1px solid;padding-bottom:6px;font-size:11px}.exhibit-instruction{max-width:670px;color:var(--muted);margin:20px 0;font-size:13px}.exhibit-launch{border:1px solid var(--line);background:var(--paper);width:100%;min-height:260px;color:var(--ink);border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.exhibit-launch:hover{border-color:var(--ink);background:#fbfdf3}.exhibit-launch strong{letter-spacing:-.5px;font-size:18px;font-weight:550}.exhibit-launch>span:last-child{color:var(--muted);font-size:11px}.play-symbol{background:var(--accent);border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:10px;font-size:23px;display:grid}.exhibit-frame{border:1px solid var(--line);background:#fff;border-radius:3px;width:100%;height:1080px;display:block}.text-button{border:0;border-bottom:1px solid var(--ink);color:var(--ink);background:0 0;margin-top:15px;padding:0 0 5px;font-size:11px}.demo-callout{background:var(--accent);margin:40px 0;padding:38px}.demo-callout>a{letter-spacing:-1px;justify-content:space-between;gap:30px;margin:20px 0;font-size:clamp(22px,3vw,38px);font-weight:550;display:flex}.demo-callout p{font-size:12px}.next-project{border-top:1px solid var(--ink);grid-template-columns:1fr auto;gap:20px;margin-top:80px;padding:32px 0 75px;display:grid}.next-project>.eyebrow{grid-column:1/-1}.next-project>strong{letter-spacing:-1.5px;font-size:clamp(27px,4vw,52px);font-weight:500}.next-project>span:last-child{font-size:45px;transition:transform .2s}.next-project:hover>span:last-child{transform:translate(5px,-5px)}.about-page{padding:75px 0 110px}.about-page h1{letter-spacing:-.06em;margin:30px 0 70px;font-size:clamp(44px,5.5vw,85px);font-weight:550;line-height:1.08}.about-grid{grid-template-columns:1fr 1.1fr;gap:11%;display:grid}.about-art{background:var(--accent);aspect-ratio:1;justify-content:center;align-items:center;max-height:520px;display:flex;position:relative}.about-art svg{width:43%;transform:rotate(12deg)}.about-art>span{letter-spacing:.07em;text-transform:uppercase;font-size:10px;position:absolute;bottom:24px}.about-copy h2{letter-spacing:-1px;margin-bottom:20px;font-size:26px;font-weight:500;line-height:1.35}.about-copy>p{color:#52594d;margin:18px 0;font-size:15px;line-height:1.85}.about-interest{border-top:1px solid var(--line);margin:30px 0;padding-top:22px}.about-interest>p{margin-top:12px;font-size:14px}.not-found{padding:90px 0 130px}.not-found h1{letter-spacing:-.06em;margin:30px 0 50px;font-size:clamp(48px,8vw,120px);font-weight:500;line-height:1}@keyframes arrive{0%{opacity:0;transform:rotate(-12deg)}to{opacity:1;transform:rotate(0)}}@media (min-width:1600px){.hero h1{font-size:138px}}@media (max-width:900px){.site-wrap{padding:0 5%}.hero{padding-top:55px}.hero h1{font-size:10vw}.hero-signal{width:22%;margin-right:0}.project-visual{aspect-ratio:1.15;padding:18px 18px 0}.featured .project-visual{aspect-ratio:1.7;padding:25px 35px 0}.visual-label{margin-bottom:18px}.visual-label>span:last-child{display:none}.project-caption{gap:14px}.project-caption h3{font-size:19px}.project-caption p{line-height:1.6}.lab-section{gap:40px}.lab-section h2{font-size:35px}.story-section{grid-template-columns:1fr 2.3fr;gap:25px}.about-grid{gap:7%}.exhibit-section{padding:23px}.case-meta{gap:18px}}@media (max-width:600px){.preview-note{padding:7px 3%;font-size:9px}.site-header{padding:25px 0}.brand{gap:8px;font-size:20px}.brand svg{width:24px}.brand-dot{display:none}.site-header nav{gap:21px;font-size:12px}.site-header nav a:last-child{display:none}.hero{padding:46px 0 48px}.hero-kicker{font-size:9px}.hero-title-row{gap:10px;margin:27px 0 25px;position:relative}.hero h1{letter-spacing:-.067em;font-size:clamp(57px,13vw,78px);line-height:1.02}.hero-signal{opacity:.8;width:64px;position:absolute;top:-61px;right:0}.hero-bottom{display:block}.hero-bottom p{max-width:310px;font-size:14px}.hero-bottom>a{gap:70px;margin-top:26px;font-size:11px}.section-bar{padding:16px 0 20px}.section-bar h2{font-size:12px}.section-bar>span{font-size:8px}.project-grid{display:block}.project-card{margin-bottom:36px}.project-visual,.featured .project-visual{aspect-ratio:1.18;padding:17px 17px 0}.visual-label{margin-bottom:20px}.visual-label>span:first-child{font-size:16px}.product-window,.featured .product-window{width:128%;max-width:none;margin-left:0}.card-arrow{width:34px;height:34px;font-size:19px;bottom:13px;right:13px}.project-caption,.featured .project-caption{gap:14px;margin-top:15px}.project-caption h3,.featured .project-caption h3{font-size:20px}.project-caption p{margin-top:5px;font-size:10px}.lab-section{margin:55px 0;padding:35px 0 0;display:block}.lab-section h2{margin-top:18px;font-size:36px}.lab-section p{font-size:13px}.lab-links{padding-top:30px}.lab-links a{padding:18px 0}.footer-top{gap:15px}.footer-top>svg{width:37px}.footer-top>p{font-size:20px}.round-link{width:43px;height:43px;font-size:22px}.footer-bottom{grid-template-columns:1fr auto;gap:12px;padding-top:38px;font-size:9px;display:grid}.footer-bottom>span:nth-child(2){grid-area:2/1/auto/-1}.case-page{padding-top:23px}.case-header{padding:40px 0 30px}.case-header h1{margin:20px 0;font-size:45px}.case-header>p{font-size:16px}.case-meta{grid-template-columns:1fr;gap:18px;margin-top:28px}.case-meta>div{grid-template-columns:90px 1fr;gap:20px;display:grid}.case-meta dt{margin:0;padding-top:3px}.case-meta dd{font-size:11px}.case-hero{padding:22px 20px 18px}.case-hero figcaption{font-size:9px}.story-section{padding:42px 0;display:block}.story-section>.eyebrow{margin-bottom:20px;padding:0;display:block}.story-section h2{letter-spacing:-1px;margin-bottom:20px;font-size:30px}.story-section p{font-size:14px}.exhibit-section{margin:35px -3%;padding:22px 15px}.exhibit-heading{align-items:flex-start;gap:12px}.exhibit-heading h2{font-size:28px}.exhibit-heading>a{white-space:nowrap;margin-top:4px;font-size:9px}.exhibit-instruction{font-size:12px}.exhibit-launch{min-height:230px}.exhibit-launch strong{font-size:16px}.exhibit-frame{height:1200px}.next-project{margin-top:45px;padding-bottom:50px}.next-project strong{font-size:28px}.next-project>span:last-child{font-size:30px}.demo-callout{padding:25px}.about-page{padding:45px 0 65px}.about-page h1{margin-bottom:35px;font-size:44px;line-height:1.12}.about-grid{display:block}.about-art{aspect-ratio:1.4;max-width:100%;margin-bottom:38px}.about-art svg{width:28%}.about-copy h2{font-size:25px}.about-copy>p{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.case-artifacts{grid-template-columns:1fr 1fr;gap:32px;margin:40px 0 20px;display:grid}.case-artifacts h3{margin-bottom:18px}.case-artifacts img{border-radius:3px;width:100%;height:auto}.case-artifacts article>p{color:var(--muted);margin:17px 0;font-size:13px;line-height:1.75}.case-artifacts .underlined-link{gap:20px;font-size:11px}.case-artifacts .artifact-note{color:var(--muted);grid-column:1/-1;max-width:700px;font-size:10px;line-height:1.7}.story-media{margin:35px 0 0}.story-media img{border-radius:3px;width:100%;height:auto}.story-media figcaption{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.7}.case-credits{max-width:790px;color:var(--muted);margin:35px 0;font-size:11px;line-height:1.8}@media (max-width:600px){.case-artifacts{grid-template-columns:1fr;gap:30px}.case-artifacts article>p{font-size:12px}.case-artifacts .underlined-link{font-size:11px}.story-media figcaption,.case-credits{font-size:10px}}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px;display:grid}.project-card{min-width:0;margin:0}.project-visual{aspect-ratio:16/10;background:#fff;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.project-visual>img{object-fit:cover;object-position:top;width:100%;height:100%}.exhibit-frame--viewport{height:78vh;min-height:720px;max-height:960px}.project-caption{margin-top:16px;display:block}.project-caption h3{letter-spacing:-.3px;color:#000;font-size:19px;font-weight:550;line-height:1.4}.project-caption p{letter-spacing:0;color:#374151;margin-top:4px;font-size:15px;line-height:1.5}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding:28px 0 32px;font-size:12px;display:flex}@media (max-width:900px){.project-grid{gap:40px 24px}.project-caption h3{font-size:18px}.project-caption p{font-size:14px}}@media (max-width:600px){.project-grid{grid-template-columns:1fr;gap:34px}.project-card{margin:0}.project-visual{aspect-ratio:16/10;padding:0}.project-caption{margin-top:14px}.project-caption h3{font-size:18px}.project-caption p{font-size:14px}.site-footer{padding:24px 0;font-size:11px}}
@font-face{font-family:Portfolio Standard;src:url(/fonts/gt-standard-l-regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--gallery-unit:15.12px;--paper:#fff;--ink:#000;--muted:#aaa;--line:#ddd}:root[data-theme=dark]{--paper:#101010;--ink:#fafafa;--muted:#686868;--line:#444}:root[data-theme=gray]{--paper:silver;--ink:#000;--muted:#707070;--line:#999}html{scroll-behavior:auto}body{background:var(--paper);color:var(--ink)}.site-wrap{letter-spacing:.016em;width:96%;max-width:none;padding:0;font-family:Portfolio Standard,Helvetica,Arial,sans-serif;font-weight:400}.site-wrap main{min-height:100svh}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(.gallery-page,.case-page,.info-page) p{line-height:1.4}.site-wrap a:active{opacity:.7}.site-wrap a:focus-visible,.site-wrap button:focus-visible{outline-offset:5px;outline:2px solid #168aff}::selection{color:#000;background:#36aaff}.site-header{z-index:20;padding:calc(2 * var(--gallery-unit)) var(--gallery-unit) 0;color:#fff;mix-blend-mode:difference;pointer-events:none;display:block;position:fixed;top:0;left:2%;right:2%}.site-header nav{column-gap:calc(2 * var(--gallery-unit));font-size:calc(1.5 * var(--gallery-unit));min-height:calc(2.8 * var(--gallery-unit));grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;font-weight:400;line-height:1.25;display:grid}.site-header nav>*{pointer-events:auto}.site-header .brand{font-size:inherit;letter-spacing:inherit;grid-column:1/7;width:fit-content;font-weight:400;display:block}.site-header .info-link{grid-column:7/10;width:fit-content}.site-header .contact-link{grid-column:10/12;width:fit-content}.site-header nav a:after{display:none}.site-header nav a:hover{opacity:.6}.theme-toggle{color:inherit;font:inherit;font-size:calc(2 * var(--gallery-unit));background:0 0;border:0;grid-column:12;justify-self:end;min-width:34px;min-height:42px;padding:0;line-height:1.4}.theme-toggle span{display:block}.site-footer{z-index:20;gap:calc(2 * var(--gallery-unit));padding:0 var(--gallery-unit) calc(2 * var(--gallery-unit));color:#fff;mix-blend-mode:difference;pointer-events:none;font-size:calc(1.5 * var(--gallery-unit));border:0;grid-template-columns:repeat(4,minmax(0,1fr));line-height:1.5;display:grid;position:fixed;bottom:0;left:2%;right:2%}.site-footer>span{grid-column:1/3}.site-footer nav{grid-column:3/5;align-items:center;gap:24px;display:flex}.site-footer a{pointer-events:auto}.gallery-page{padding-top:calc(12.6 * var(--gallery-unit));padding-bottom:calc(10.8 * var(--gallery-unit))}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.project-column{min-width:0}.project-card{min-width:0;padding:var(--gallery-unit);margin:0}.project-visual{background:0 0;border-radius:0;width:100%;padding:0;display:block}.project-visual>img{object-fit:cover;object-position:center;width:100%;height:100%}.project-visual.identity-cover{background:#f2f0e9;padding:12%}.project-visual.identity-cover>img{object-fit:contain}.project-title{margin:var(--gallery-unit) 0 calc(.5 * var(--gallery-unit));font-size:calc(2 * var(--gallery-unit));letter-spacing:.016em;font-weight:400;line-height:1.25}.project-tags{margin:0 0 calc(.5 * var(--gallery-unit));font-size:calc(2 * var(--gallery-unit));color:var(--muted);overflow-wrap:anywhere;line-height:1.25!important}.case-page{padding:calc(13.6 * var(--gallery-unit)) var(--gallery-unit) calc(10.8 * var(--gallery-unit))}.case-nav{z-index:19;top:calc(6 * var(--gallery-unit));left:calc(2% + var(--gallery-unit));right:calc(2% + var(--gallery-unit));gap:calc(2 * var(--gallery-unit));color:#fff;mix-blend-mode:difference;font-size:calc(1.5 * var(--gallery-unit));pointer-events:none;grid-template-columns:repeat(4,minmax(0,1fr));line-height:1.4;display:grid;position:fixed}.case-nav>a{pointer-events:auto}.case-nav .back-link{font:inherit}.case-nav>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.case-hero{background:0 0;border-radius:0;margin:0;padding:0;overflow:visible}.media-stage{aspect-ratio:16/9;background:#f2f0e9;width:100%;position:relative}.media-open{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.media-open img{object-fit:contain;width:100%;height:100%}.media-stage>.media-arrow{color:#fff;mix-blend-mode:difference;width:54px;height:64px;font:inherit;background:0 0;border:0;padding:0;font-size:44px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.media-arrow.previous{left:0}.media-arrow.next{right:0}.case-hero figcaption{margin:calc(.5 * var(--gallery-unit)) 0 0;font-size:calc(.825 * var(--gallery-unit));color:var(--muted);line-height:1.4}.case-intro{gap:calc(2 * var(--gallery-unit));margin:calc(4 * var(--gallery-unit)) 0;font-size:calc(2 * var(--gallery-unit));grid-template-columns:1fr 1fr;line-height:1.4;display:grid}.case-intro h1,.case-intro p{font:inherit;letter-spacing:inherit}.case-intro .intro-summary{margin-bottom:1em}.case-contribution{margin-top:1em!important}.case-body{padding:0}.story-section{gap:calc(2 * var(--gallery-unit));padding:calc(2 * var(--gallery-unit)) 0 calc(4 * var(--gallery-unit));border:0;grid-template-columns:1fr 1fr;display:grid}.story-section>.eyebrow{font:inherit;font-size:calc(1.5 * var(--gallery-unit));text-transform:none;letter-spacing:inherit;color:var(--ink);padding-top:0}.story-section>div{max-width:none}.story-section h2{font-size:calc(2 * var(--gallery-unit));letter-spacing:inherit;margin:0 0 1em;font-weight:400;line-height:1.4}.story-section p{font-size:calc(1.5 * var(--gallery-unit));color:var(--ink);margin:0 0 1em;line-height:1.5}.case-media-grid{gap:calc(2 * var(--gallery-unit));margin:calc(4 * var(--gallery-unit)) 0;grid-template-columns:1fr 1fr;display:grid}.case-media-grid figure{min-width:0;margin:0}.case-media-grid img{width:100%;height:auto}.case-media-grid figcaption{font-size:calc(1.25 * var(--gallery-unit));margin-top:calc(.5 * var(--gallery-unit));color:var(--muted)}.media-viewer{background:var(--paper);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0;padding:0;position:fixed;inset:0}.media-viewer::backdrop{background:var(--paper)}.media-viewer img{object-fit:contain;width:100%;height:100%}.media-viewer button{background:var(--paper);color:var(--ink);border:0;padding:10px;font-size:30px;position:absolute;top:20px;right:24px}.exhibit-section{padding:calc(2 * var(--gallery-unit)) 0;margin:calc(3 * var(--gallery-unit)) 0;background:0 0;border:0;border-radius:0}.exhibit-heading h2{font-size:calc(2 * var(--gallery-unit));letter-spacing:inherit;font-weight:400}.exhibit-heading>a,.exhibit-instruction{font-size:16px}.exhibit-instruction{max-width:780px}.exhibit-launch{background:var(--paper);border-color:var(--line);border-radius:0}.exhibit-launch:hover{background:var(--paper);border-color:var(--ink)}.exhibit-launch strong{font-weight:400}.exhibit-frame{border-radius:0}.exhibit-frame--viewport{height:78vh;min-height:720px;max-height:960px}.play-symbol{background:0 0}.text-button{color:var(--ink)}.demo-callout{border-top:1px solid var(--line);padding:calc(2 * var(--gallery-unit)) 0;background:0 0}.demo-callout>a{font-size:calc(2 * var(--gallery-unit));letter-spacing:inherit;font-weight:400}.demo-callout p{font-size:16px}.case-credits{max-width:900px;font-size:16px}.related-work{margin-top:calc(6 * var(--gallery-unit))}.related-work>h2{font-size:calc(2 * var(--gallery-unit));margin-bottom:calc(2 * var(--gallery-unit));font-weight:400}.related-work .project-grid{margin:0 calc(-1 * var(--gallery-unit))}.info-page{padding:calc(13.6 * var(--gallery-unit)) var(--gallery-unit) calc(10.8 * var(--gallery-unit))}.info-portrait{aspect-ratio:16/9;color:#000;background:#f2f0e9;place-items:center;display:grid}.info-portrait svg{width:12%}.info-grid{gap:calc(2 * var(--gallery-unit));margin-top:calc(3 * var(--gallery-unit));grid-template-columns:1fr 1fr;display:grid}.info-grid h1,.info-grid h2,.info-grid p{font-size:calc(2 * var(--gallery-unit));letter-spacing:inherit;font-weight:400;line-height:1.4}.info-grid p{margin-bottom:1em}.info-details{gap:calc(3 * var(--gallery-unit));margin-top:calc(3 * var(--gallery-unit));grid-template-columns:1fr 1fr;display:grid}.info-details h2{font-size:calc(1.5 * var(--gallery-unit));margin-bottom:1em}.info-details p,.info-details a{font-size:calc(1.5 * var(--gallery-unit))}.info-details a{text-underline-offset:.2em;overflow-wrap:anywhere;text-decoration:underline}.not-found{padding:calc(13.6 * var(--gallery-unit)) var(--gallery-unit)}@media (max-width:800px){:root{--gallery-unit:clamp(11.232px, calc(9.9585px + .32652vw), 12.571px)}.site-wrap{width:auto;margin:0}.site-header{top:auto;bottom:28px;left:calc(1.75 * var(--gallery-unit));right:calc(1.75 * var(--gallery-unit));padding:0}.site-header nav{justify-content:space-between;min-height:40px;font-size:30px;line-height:1;display:flex}.site-header .brand,.site-header .contact-link{display:none}.theme-toggle{min-width:38px;min-height:44px;font-size:34px}.site-footer{display:none}.gallery-page{padding:calc(3.64 * var(--gallery-unit)) calc(.75 * var(--gallery-unit)) 110px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.project-card{padding:var(--gallery-unit)}.project-title,.project-tags{font-size:calc(2 * var(--gallery-unit))}.case-page,.info-page{padding:calc(2.5 * var(--gallery-unit)) calc(1.75 * var(--gallery-unit)) 110px}.case-nav{display:none}.case-intro,.info-grid{margin:calc(4 * var(--gallery-unit)) 0;display:block}.case-intro>div+div,.info-grid>div{margin-top:calc(2.5 * var(--gallery-unit))}.case-intro .case-mobile-back{margin-bottom:1em;display:inline-block}.story-section{padding:calc(2 * var(--gallery-unit)) 0;display:block}.story-section>.eyebrow{font-size:calc(1.5 * var(--gallery-unit));margin-bottom:1em;display:block}.story-section h2{font-size:calc(2 * var(--gallery-unit))}.story-section p{font-size:calc(1.7 * var(--gallery-unit))}.case-media-grid{gap:calc(2 * var(--gallery-unit));grid-template-columns:1fr}.case-hero figcaption{font-size:12px}.media-stage>.media-arrow{width:44px;font-size:32px}.info-details{display:block}.info-details>div{margin-bottom:2em}.exhibit-section{margin:30px 0;padding:0}.exhibit-heading{flex-wrap:wrap}.related-work .project-grid{margin:0 calc(-1 * var(--gallery-unit))}}@media (min-width:801px){.case-mobile-back{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@font-face{font-family:Portfolio Untitled;src:url(/studio/american-terawatt/case/untitled-sans-regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}.site-header.home-header{height:80px;padding:0 var(--gallery-unit);color:var(--ink);mix-blend-mode:normal;pointer-events:auto;letter-spacing:-.01em;justify-content:space-between;align-items:center;font-family:Portfolio Untitled,sans-serif;display:flex;position:relative;inset:auto}.home-header .brand{letter-spacing:-.02em;font-size:20px;display:block}.home-header nav{min-height:0;color:color-mix(in srgb, var(--ink) 62%, var(--paper));gap:28px;font-size:15px;line-height:1.4;display:flex}.home-header nav [aria-current=page]{color:var(--ink)}.site-header.home-header nav a{display:block}.home-footer{letter-spacing:-.01em;font-family:Portfolio Untitled,sans-serif;font-size:14px}.home-header .theme-toggle{right:calc(2% + var(--gallery-unit));border:1px solid var(--line);background:var(--paper);width:44px;height:44px;min-height:44px;color:var(--ink);border-radius:8px;font-size:22px;position:fixed;bottom:24px}.gallery-page--editorial{letter-spacing:-.01em;padding-top:32px;font-family:Portfolio Untitled,sans-serif}.gallery-page--editorial .project-title{letter-spacing:-.02em;margin-top:14px;margin-bottom:5px;font-size:20px}.gallery-page--editorial .project-tags{color:color-mix(in srgb, var(--ink) 62%, var(--paper));font-size:15px;line-height:1.45!important}@media (max-width:800px){.site-header.home-header{height:64px;padding-inline:calc(1.75 * var(--gallery-unit))}.home-header .brand{font-size:18px}.home-header nav{gap:16px;font-size:13px}.home-header .theme-toggle{right:calc(1.75 * var(--gallery-unit));bottom:20px}.gallery-page--editorial{padding-top:24px}.gallery-page--editorial .project-title{font-size:18px}.gallery-page--editorial .project-tags{font-size:13px}}
