@font-face{font-family:generalSans;src:url(../media/GeneralSans_Variable-s.p.2dmgqoan0ij_n.ttf)format("truetype");font-display:swap;font-weight:100 900}@font-face{font-family:generalSans Fallback;src:local(Arial);ascent-override:91.05%;descent-override:21.64%;line-gap-override:9.01%;size-adjust:110.93%}.generalsans_f8fcdcc6-module__y1OSGW__className{font-family:generalSans,generalSans Fallback}.generalsans_f8fcdcc6-module__y1OSGW__variable{--font-general-sans:"generalSans", "generalSans Fallback"}
@font-face{font-family:ranade;src:url(../media/Ranade_Variable-s.p.25kg40egetrjr.ttf)format("truetype");font-display:swap;font-weight:100 700}@font-face{font-family:ranade Fallback;src:local(Arial);ascent-override:82.21%;descent-override:23.02%;line-gap-override:7.4%;size-adjust:121.64%}.ranade_337c9ad3-module__K9dLgG__className{font-family:ranade,ranade Fallback}.ranade_337c9ad3-module__K9dLgG__variable{--font-ranade:"ranade", "ranade Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f3ed;--surface:#eae9e2;--body-copy:#63635e;--soft-line:#c6c6bd;--gallery:#e9e8e0;--ink:#252522;--muted:#777770;--line:#cecec5;--accent:#a8c94a;--accent-ink:#20211e;--gutter:clamp(22px, 4.2vw, 80px);--font-sans:var(--font-general-sans), Arial, sans-serif;--font-display:var(--font-general-sans), Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}body:has(dialog[open]){overflow:hidden}::selection{background:var(--accent);color:var(--accent-ink)}:is(.site-footer,.swiss-study,.scroll-progress-preview)::selection,:is(.site-footer,.swiss-study,.scroll-progress-preview) ::selection{background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}main:focus,section:focus{outline:none}button{border-radius:0}img{max-width:100%;height:auto;display:block}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display), Arial, sans-serif;font-weight:500}.arrow{flex-shrink:0;width:24px;height:24px}.page-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.scroll-progress{--scroll-progress-top:0%;--scroll-progress-right:0%;--scroll-progress-bottom:0%;--scroll-progress-left:0%;right:max(12px, env(safe-area-inset-right));z-index:40;width:58px;height:58px;box-shadow:inset 0 0 0 1px var(--line);background:var(--paper);opacity:0;pointer-events:none;border:0;border-radius:0;transition:opacity .25s,transform .25s,width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),border-color .3s;position:fixed;top:100px;overflow:hidden;transform:scale(.9)}.scroll-progress-track{pointer-events:none;position:absolute;inset:0}.scroll-progress-edge{background:var(--accent);transition:width .1s linear,height .1s linear;display:block;position:absolute}.scroll-progress-edge--top{width:var(--scroll-progress-top);height:2px;top:0;left:0}.scroll-progress-edge--right{width:2px;height:var(--scroll-progress-right);top:0;right:0}.scroll-progress-edge--bottom{width:var(--scroll-progress-bottom);height:2px;bottom:0;right:0}.scroll-progress-edge--left{width:2px;height:var(--scroll-progress-left);bottom:0;left:0}.scroll-progress[data-visible=true]{opacity:1;transform:scale(1)}.scroll-progress-label{z-index:1;width:100%;height:100%;color:var(--ink);font-family:var(--font-ranade), Arial, sans-serif;font-variant-numeric:proportional-nums;letter-spacing:0;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex;position:relative}.scroll-progress-preview{opacity:0;background:var(--accent);color:var(--accent-ink);transition:opacity .2s;position:absolute;inset:0;overflow:hidden}.scroll-progress-preview-rail{transform:translateY(calc(var(--preview-active-index) * -100%));flex-direction:column;transition:transform .62s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0}.scroll-progress-preview-card{background:var(--accent);flex:0 0 100%;place-items:center;display:grid;position:relative}.scroll-progress-preview img{object-fit:contain;filter:saturate(.8)contrast(1.05);width:100%;height:100%;padding:16px}.scroll-progress-preview-card-name{z-index:1;max-width:calc(100% - 32px);color:var(--accent-ink);letter-spacing:-.035em;text-align:right;font-size:13px;font-weight:600;position:absolute;bottom:14px;right:16px}.scroll-progress-preview-fallback{font-family:var(--font-display);letter-spacing:-.08em;font-size:clamp(74px,10vw,140px);line-height:1}.scroll-progress[data-preview=true]{--preview-size:clamp(198px, 22.5vw, 306px);width:var(--preview-size);height:var(--preview-size);opacity:1;border:1px solid var(--ink);box-shadow:none;transform:translateY(-50%);top:50%!important}.scroll-progress[data-preview=true] .scroll-progress-track,.scroll-progress[data-preview=true] .scroll-progress-label{opacity:0}.scroll-progress[data-preview=true] .scroll-progress-preview{opacity:1;transition-delay:.16s}.cursor-scroll-progress{--cursor-scroll-progress-top:0%;--cursor-scroll-progress-right:0%;--cursor-scroll-progress-bottom:0%;--cursor-scroll-progress-left:0%;z-index:60;width:58px;height:58px;box-shadow:inset 0 0 0 1px var(--line);background:var(--paper);opacity:0;pointer-events:none;will-change:transform;border:0;border-radius:0;transition:opacity .18s;position:fixed;top:0;left:0}.cursor-scroll-progress[data-visible=true]{opacity:1}.cursor-scroll-progress-track{pointer-events:none;position:absolute;inset:0}.cursor-scroll-progress-edge{background:var(--accent);transition:width .1s linear,height .1s linear;display:block;position:absolute}.cursor-scroll-progress-edge--top{width:var(--cursor-scroll-progress-top);height:2px;top:0;left:0}.cursor-scroll-progress-edge--right{width:2px;height:var(--cursor-scroll-progress-right);top:0;right:0}.cursor-scroll-progress-edge--bottom{width:var(--cursor-scroll-progress-bottom);height:2px;bottom:0;right:0}.cursor-scroll-progress-edge--left{width:2px;height:var(--cursor-scroll-progress-left);bottom:0;left:0}.cursor-scroll-progress-label{z-index:1;width:100%;height:100%;color:var(--ink);font-family:var(--font-ranade), Arial, sans-serif;font-variant-numeric:proportional-nums;letter-spacing:0;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex;position:relative}@media (pointer:coarse){.cursor-scroll-progress{display:none}}.eyebrow{letter-spacing:.065em;font-size:10px;font-weight:650;line-height:1.5}.muted{color:var(--muted)}.accent-text{color:var(--accent)}.tiny-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.section-anchor{scroll-margin-top:95px}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:24px;width:fit-content;padding:9px 0;font-size:14px;font-weight:600;transition:color .2s,gap .2s;display:inline-flex}.text-link:hover{color:var(--accent);gap:32px}.text-link .arrow{width:18px;height:18px}.sup-count{vertical-align:super;font-size:10px;font-weight:500}.skip-link{background:var(--ink);color:var(--paper);z-index:100;padding:14px 20px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{height:88px;padding:0 var(--gutter);background:var(--paper);z-index:30;align-items:center;gap:50px;width:100%;display:flex;position:fixed;top:0;left:0}#smooth-content{padding-top:88px}.site-header:after{content:"";bottom:0;left:var(--gutter);right:var(--gutter);background:var(--line);height:1px;position:absolute}.wordmark{font-family:var(--font-display), sans-serif;letter-spacing:-.08em;padding-right:6px;font-size:38px;line-height:1}.wordmark-dot{color:var(--accent)}.header-caption{letter-spacing:.09em;font-size:9px}.site-header nav{align-items:center;gap:40px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.site-header nav>a{align-items:center;gap:6px;padding:12px 0;display:flex;position:relative}.site-header nav>a:hover,.site-header nav>a.active{color:var(--accent)}.nav-count{align-self:flex-start;margin-top:-2px;font-size:8px}.site-header .contact-nav{gap:18px;margin-left:15px}.contact-nav .arrow{width:17px;height:17px}.hero{padding-top:35px}.hero-kicker{justify-content:space-between;align-items:center;display:flex}.hero-kicker>span:last-child{align-items:center;gap:12px;display:flex}.local-clock{gap:8px;display:inline-flex}.clock-digits{font-variant-numeric:tabular-nums;min-width:37px}.hero-name{letter-spacing:-.079em;white-space:nowrap;margin:39px 0 46px -.008em;font-size:clamp(80px,16.55vw,320px);line-height:1.04}.name-period{color:var(--accent)}.hero-bottom{border-top:1px solid var(--line);grid-template-columns:1fr 1.65fr 1.25fr;align-items:start;gap:32px;padding-top:28px;display:grid}.hero-index{min-height:300px;padding-top:7px;line-height:1.9;position:relative}.hero-index>.tiny-dot{vertical-align:middle;margin-right:7px}.hero-index>.muted{margin-left:17px;font-size:9px}.hero-scroll{align-items:center;gap:18px;display:flex;position:absolute;bottom:10px;left:0}.hero-scroll .arrow{width:18px;height:18px}.hero-description{padding-top:0}.hero-description h2{letter-spacing:-.045em;font-size:clamp(28px,3vw,52px);line-height:1.12}.hero-description p{color:var(--body-copy);margin:22px 0 19px;font-size:14px;line-height:1.7}.hero-description .text-link{font-size:12px}.swiss-study{background:var(--accent);color:var(--accent-ink);aspect-ratio:1.12;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-width:0;padding:15px 17px;display:flex;position:relative;overflow:hidden}.study-meta{letter-spacing:.075em;z-index:1;justify-content:space-between;width:100%;font-size:8px;display:flex;position:relative}.swiss-mark-position{width:64%;position:absolute;top:50%;left:50%;translate:-50% -50%}.swiss-mark{width:100%;height:auto}.hero-foot{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:47px;padding-bottom:19px;font-size:8px;display:flex}.selected-work{padding-top:115px;padding-bottom:48px}.section-heading{grid-template-columns:1fr 1.65fr 1.25fr;gap:32px;margin-bottom:55px;display:grid}.section-index{padding-top:10px}.section-heading h2{letter-spacing:-.065em;font-size:clamp(48px,6.1vw,112px);line-height:.99}.section-aside{align-self:end}.section-aside p{color:var(--body-copy);margin-bottom:18px;font-size:13px;line-height:1.65}.section-aside .text-link{font-size:12px}.selected-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 28px;display:grid}.project-card{min-width:0;display:block}.project-card-visual{position:relative;overflow:hidden}.project-open{background:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:flex;position:absolute;bottom:20px;right:20px;transform:translateY(70px)}.project-card:hover .project-open,.project-card:focus-visible .project-open{transform:translateY(0)}.project-card-info{grid-template-columns:26px 1fr 24px;align-items:start;gap:12px;padding-top:19px;display:grid}.project-card-info h3{letter-spacing:-.035em;font-size:23px;transition:color .2s}.project-card:hover h3{color:var(--accent)}.project-card-info>.arrow{width:22px;height:22px;margin-top:2px}.project-number{color:var(--muted);padding-top:6px;font-size:10px}.project-category{color:var(--muted);margin-top:7px;font-size:11px;display:block}.project-art{color:#252522;isolation:isolate;aspect-ratio:1.22;background:#d8dfd0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.art-type{font-family:var(--font-display);letter-spacing:-.08em;color:#00000024;font-size:clamp(110px,13vw,235px);line-height:1;position:absolute;top:15%;left:7%}.art-corner{letter-spacing:.1em;z-index:2;font-size:8px;position:absolute;top:23px;left:25px}.art-caption{z-index:2;font-size:10px;position:absolute;bottom:22px;left:25px}.art-devices{width:100%;height:100%;transition:scale .7s cubic-bezier(.2,.8,.2,1);position:relative}.project-card:hover .art-devices{scale:1.035}.device{background:#252522;border:5px solid #252522;border-radius:27px;width:35%;max-width:275px;position:absolute;overflow:hidden;box-shadow:12px 20px 30px #00000020}.device img{width:100%}.mobile-screen{--mobile-border-width:clamp(5px, .5vw, 7px);aspect-ratio:589/1280;corner-shape:squircle;border:2px solid #fff8;border-radius:29%/13.5%;width:35%;max-width:275px;position:absolute;overflow:hidden;box-shadow:0 18px 32px #00000024,0 0 18px #ffffff35}.mobile-screen-inner{border:calc(var(--mobile-border-width) - 2px) solid;corner-shape:squircle;border-color:#ffffffeb;border-radius:calc(29% - .84px)/calc(13.5% - 1.46px);width:100%;height:100%;position:relative}.mobile-screen img{object-fit:cover;border-radius:calc(29% - var(--mobile-border-width) * .42) / calc(13.5% - var(--mobile-border-width) * .73);corner-shape:squircle}.device-primary{top:12%;left:33%;transform:rotate(8deg)}.devices-pair .device-primary{top:21%;left:49%}.devices-pair .device-secondary{top:4%;left:16%;transform:rotate(-8deg)}.art-focus-beauty{background:#dcd6e5}.art-focus-beauty .art-type{color:#ae98c0;font-size:24vw;top:0}.art-myanmar-youth-platform{background:#bacbd9}.art-myanmar-youth-platform .art-type{color:#819fb8;font-size:10vw;top:22%;left:3%}.art-myanmar-youth-platform .device,.art-myanmar-youth-platform .mobile-screen{transform:rotate(9deg)}.art-myanmar-youth-platform .device-primary{top:3%;left:44%}.art-myanmar-youth-platform .device-secondary{top:30%;left:12%}.art-recipes{background:#d4d9be}.art-recipes .art-type{color:#aab38e;font-size:9vw;left:2%}.art-recipes .device-primary{top:18%;transform:rotate(-8deg)}.art-recipes .device-secondary{top:-8%;transform:rotate(-8deg)}.art-focus-beauty-plus{background:#e7cfc4}.art-focus-beauty-plus .art-type{color:#cba393;font-size:20vw;top:-2%}.art-focus-beauty-plus .device-primary{top:14%;transform:rotate(0)}.art-focus-beauty-plus .device-secondary{top:35%;transform:rotate(0)}.art-bloomly{background:#cfceea}.art-magick-box{background:#c5ccef}.art-magick-box .art-type{color:#8999d3}.art-lumi{background:#e5d98f}.art-nimbus{background:#c3d2d5}.art-pomodoro{background:#edbea7}.art-placeholder{z-index:1;font-size:200px;font-weight:300;line-height:1}.art-desktop{background:#dedbd2}.art-desktop .device{width:82%;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;top:25%;left:9%;transform:none}.art-desktop .art-type{display:none}.work-note{border-top:1px solid var(--line);justify-content:space-between;margin-top:44px;padding-top:42px;font-size:9px;display:flex}.work-note a{align-items:center;gap:20px;display:flex}.work-note .arrow{width:15px;height:15px}.experiments{background:var(--surface);margin-top:35px;padding-top:90px;padding-bottom:115px}.experiments-heading{justify-content:space-between;align-items:end;margin-bottom:55px;display:flex}.experiments-heading h2{letter-spacing:-.065em;margin-top:27px;font-size:clamp(48px,6.1vw,112px);line-height:1}.experiments-heading>p{width:31%;color:var(--body-copy);padding-bottom:6px;font-size:13px;line-height:1.7}.experiment-row{border-top:1px solid var(--soft-line);grid-template-columns:.35fr 2fr 1.3fr 1fr 22px;align-items:center;gap:15px;padding:26px 0;transition:padding .25s,color .25s;display:grid}.experiment-row:last-child{border-bottom:1px solid var(--soft-line)}.experiment-row:hover{color:var(--accent);padding-left:10px;padding-right:10px}.experiment-row>.eyebrow{color:var(--muted)}.experiment-row h3{letter-spacing:-.035em;font-size:28px}.experiment-type{color:var(--body-copy);font-size:12px}.status{align-items:center;gap:8px;font-size:11px;display:inline-flex}.status-dot{background:#818179;border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-completed{background:#586952}.status-inProgress{background:#b97824}.status-todo{background:#8a8a85}.experiment-row>.arrow{width:20px;height:20px}.about{padding-top:100px;padding-bottom:100px}.about-top{justify-content:space-between;display:flex}.about-headline{letter-spacing:-.062em;margin:45px 0 62px;font-size:clamp(48px,6.8vw,124px);line-height:1.01}.about-grid{grid-template-columns:1fr 1.25fr;align-items:start;gap:13%;display:grid}.portrait-block{max-width:435px}.portrait-crop{aspect-ratio:.92;background:#dbdbd5;position:relative;overflow:hidden}.portrait-crop img{filter:grayscale();width:135%;max-width:none;position:absolute;top:2%;left:-17%}.portrait-caption{justify-content:space-between;padding-top:15px;font-size:8px;display:flex}.about-copy{padding-top:1px}.about-copy .about-lead{letter-spacing:-.035em;color:var(--ink);margin-bottom:25px;font-size:clamp(23px,2.25vw,38px);line-height:1.38}.about-copy>p{color:var(--body-copy);margin-bottom:17px;font-size:14px;line-height:1.75}.current-work{border-top:1px solid var(--line);margin-top:33px;padding-top:23px}.current-work h3{letter-spacing:-.025em;justify-content:space-between;align-items:center;margin-top:15px;font-size:20px;display:flex}.current-work h3>.arrow{width:18px;height:18px}.current-work p{margin-top:8px;font-size:13px}.current-work>span:last-child{color:var(--body-copy);margin-top:7px;font-size:12px;line-height:1.6;display:block}.skills{border-top:1px solid var(--line);margin-top:27px;padding-top:23px}.skills>div{flex-wrap:wrap;gap:9px;margin-top:15px;display:flex}.skills>div>span{border:1px solid var(--soft-line);border-radius:30px;padding:8px 14px;font-size:11px}.credentials{border-top:1px solid var(--line);grid-template-columns:1fr 1.25fr;gap:13%;margin-top:90px;padding-top:35px;display:grid}.credentials h3{letter-spacing:-.04em;margin-top:18px;font-size:35px;line-height:1.15}.credential-list>a,.credential-list details>a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-size:12px;line-height:1.5;display:flex}.credential-list a:hover{color:var(--accent)}.credential-list .arrow{width:17px;height:17px}.credential-list summary{cursor:pointer;align-items:center;gap:8px;padding:19px 0;font-size:11px;display:flex}.credential-list summary::-webkit-details-marker{display:none}.details-plus{margin-left:auto;font-size:20px;line-height:1;transition:rotate .3s}@supports (interpolate-size:allow-keywords){details{interpolate-size:allow-keywords}details::details-content{opacity:0;block-size:0;transition:block-size .3s ease, opacity .3s ease, content-visibility .3s allow-discrete;overflow:hidden}details[open]::details-content{opacity:1;block-size:auto}}@media (prefers-reduced-motion:reduce){.details-plus{transition:none}details::details-content{transition:none}}.credential-list details[open] .details-plus{rotate:45deg}.biography{border-top:1px solid var(--line);margin-top:35px}.biography summary{cursor:pointer;align-items:center;padding:20px 0;font-size:13px;list-style:none;display:flex}.biography summary::-webkit-details-marker{display:none}.biography[open] .details-plus{rotate:45deg}.biography-section{grid-template-columns:1fr 2fr;gap:30px;margin:24px 0;display:grid}.biography-section h3{letter-spacing:-.025em;font-size:20px}.biography-section p{color:var(--body-copy);max-width:700px;font-size:14px;line-height:1.8}.site-footer{background:var(--accent);color:var(--accent-ink);padding:35px var(--gutter) 0}.site-footer a:focus-visible{outline-color:var(--ink)}.footer-top{justify-content:space-between;padding-bottom:40px;display:flex}.contact-title{font-family:var(--font-display);letter-spacing:-.07em;width:100%;font-size:clamp(60px,10.25vw,180px);line-height:1.02;display:block;position:relative}.contact-title-text{display:inline-block}.contact-title-arrow{width:12vw;height:12vw;position:absolute;top:4%;right:2%}.contact-title-arrow>.arrow{width:100%;height:100%;transition:translate .3s}.contact-title-text:hover+.contact-title-arrow>.arrow,.contact-title-arrow:hover>.arrow{translate:10px -10px}.footer-contact-row{justify-content:space-between;align-items:end;margin:38px 0 65px;display:flex}.footer-contact-row .text-link{gap:60px;font-size:18px}.footer-contact-row>p{width:29%;font-size:13px;line-height:1.6}.footer-bottom{border-top:1px solid #25252255;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;min-height:85px;font-size:10px;display:grid}.footer-socials{justify-content:center;gap:25px;display:flex}.footer-socials a,.back-top{align-items:center;gap:7px;display:inline-flex}.footer-socials .arrow,.back-top .arrow{width:12px;height:12px}.back-top{justify-self:end}.footer-socials a:hover,.back-top:hover{text-underline-offset:4px;text-decoration:underline}.work-page,.detail-page{padding-top:42px;padding-bottom:100px}.page-kicker{justify-content:space-between;align-items:center;display:flex}.index-heading{justify-content:space-between;align-items:end;padding-top:45px;padding-bottom:55px;display:flex}.index-heading h1{letter-spacing:-.075em;font-size:clamp(100px,17vw,260px);line-height:.95}.index-heading>p{width:31%;padding-bottom:6px;font-size:15px;line-height:1.65}.work-filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:35px;padding:18px 0;display:flex}.work-filters>div{gap:12px;display:flex}.work-filters button{border:1px solid var(--line);background:0 0;border-radius:30px;padding:10px 18px;font-size:12px}.work-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.work-filters button sup{margin-left:9px;font-size:8px}.index-grid .project-art{aspect-ratio:1.3}.back-link{align-items:center;gap:12px;display:inline-flex}.back-link .arrow{width:15px;height:15px}.project-title{letter-spacing:-.065em;max-width:1100px;padding:55px 0 40px;font-size:clamp(64px,8.5vw,155px);line-height:1.02}.project-facts{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:20px;padding-top:23px;padding-bottom:40px;display:grid}.project-facts .eyebrow{color:var(--muted);font-size:9px;display:block}.project-facts p{margin-top:11px;font-size:13px}.detail-art>.project-art{aspect-ratio:1.9}.detail-art .device{border-width:6px;border-radius:34px;width:24%;max-width:310px}.detail-art .mobile-screen{width:24%;max-width:310px}.detail-art .device-primary{top:16%;left:52%}.detail-art .device-secondary{top:5%;left:24%}.detail-art .art-type{font-size:28vw}.detail-art .art-corner,.detail-art .art-caption{font-size:11px;left:35px}.detail-art .art-corner{top:30px}.detail-art .art-caption{bottom:30px}.detail-art .art-desktop .device{border-radius:5px;width:67%;max-width:none;top:12%;left:16.5%}.project-overview{grid-template-columns:1fr 2fr;gap:50px;padding:70px 0 75px;display:grid}.project-overview>.eyebrow{padding-top:8px}.project-overview>div>p{letter-spacing:-.02em;font-size:clamp(20px,2.1vw,34px);line-height:1.5}.project-links{flex-wrap:wrap;gap:35px;margin-top:30px;display:flex}.project-links .text-link{font-size:12px}.gallery-section{border-top:1px solid var(--line);margin-top:40px;padding-top:24px;padding-bottom:50px}.gallery-heading{justify-content:space-between;margin-bottom:35px;display:flex}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 22px;display:grid}.gallery-shot{text-align:left;background:0 0;border:0;min-width:0;padding:0}.gallery-image{background:var(--gallery);padding:20px;display:block;overflow:hidden}.gallery-image img{border-radius:14px;width:100%;transition:scale .3s}.gallery-shot:hover img{scale:1.035}.gallery-caption{justify-content:space-between;align-items:start;gap:10px;padding-top:13px;font-size:10px;line-height:1.6;display:flex}.gallery-caption .arrow{width:14px;height:14px}.next-project{border-top:1px solid var(--line);grid-template-columns:1fr 2fr 60px;align-items:center;gap:35px;margin-top:45px;padding:50px 0 0;display:grid}.next-project>span:nth-child(2){font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(28px,4vw,70px);line-height:1.12}.next-project>.arrow{width:50px;height:50px}.next-project:hover{color:var(--accent)}.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;padding:25px var(--gutter);color:#f4f3ed;background:#242420f5;border:0;margin:0}.lightbox::backdrop{background:#242420}.lightbox-toolbar{justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.lightbox button{color:#f4f3ed;background:0 0;border:1px solid #fff5;padding:12px 18px;font-size:12px}.lightbox-toolbar button{align-items:center;gap:20px;display:flex}.lightbox-toolbar button span{font-size:22px;line-height:1}.lightbox-content{justify-content:center;align-items:center;gap:8vw;height:calc(100% - 65px);margin-top:15px;display:flex}.lightbox-content img{object-fit:contain;width:auto;max-width:65%;height:100%}.lightbox-content button{padding:15px}.not-found{padding-top:70px;padding-bottom:100px}.not-found h1{letter-spacing:-.07em;margin:40px 0;font-size:clamp(90px,13vw,200px);line-height:1}.not-found p{margin-bottom:20px}@media (min-width:1800px){.hero-index{min-height:360px}.hero-description p{font-size:18px}.hero-description .text-link,.section-aside p{font-size:16px}.eyebrow{font-size:12px}}@media (max-width:1100px){.hero-bottom,.section-heading{grid-template-columns:.85fr 1.5fr 1.25fr;gap:22px}.hero-index{min-height:255px;font-size:8px}.hero-index>.muted{font-size:7px}.hero-description h2{font-size:29px}.hero-description p{margin:18px 0 13px;font-size:12px}.hero-scroll{gap:10px;font-size:8px}.hero-bottom .swiss-study{min-height:240px}.selected-work{padding-top:85px}.device{border-width:4px;border-radius:23px}.project-card-info h3{font-size:20px}.project-card-info{grid-template-columns:22px 1fr 20px;gap:8px}.experiment-row{grid-template-columns:.25fr 1.8fr 1.25fr 1fr 20px}.experiment-row h3{font-size:25px}.experiment-type{font-size:10px}.about-grid,.credentials{gap:9%}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){:root{--gutter:24px}.site-header{gap:20px;height:74px}#smooth-content{padding-top:74px}.wordmark{font-size:32px}.header-caption{display:none}.site-header nav{gap:27px;font-size:12px}.site-header .contact-nav{gap:8px;margin-left:0}.hero{padding-top:25px}.hero-kicker{font-size:8px}.hero-kicker>span:last-child{gap:8px}.local-clock{display:none}.hero-name{letter-spacing:-.075em;margin:34px 0 30px;font-size:16.1vw}.hero-bottom{grid-template-columns:1.25fr 1fr;gap:25px 20px;padding-top:20px}.hero-index{grid-column:1/-1;align-items:center;min-height:auto;font-size:8px;display:flex}.hero-index>br{display:none}.hero-index>.muted{margin-left:9px;font-size:8px}.hero-scroll{display:none}.hero-description h2{font-size:clamp(22px,4.2vw,32px)}.hero-description p{font-size:11px;line-height:1.65}.desktop-break{display:none}.hero-description .text-link{gap:15px;font-size:10px}.hero-bottom .swiss-study{height:100%;min-height:215px;padding:12px}.study-meta{font-size:6px}.swiss-mark-position{width:75%}.hero-foot{margin-top:30px;padding-bottom:15px;font-size:6px}.selected-work{padding-top:68px}.section-heading{grid-template-columns:1.2fr 1fr;gap:25px 20px;margin-bottom:34px}.section-index{grid-column:1/-1;padding-top:0;font-size:8px}.section-heading h2{font-size:8.5vw}.section-aside p{margin-bottom:9px;font-size:10px}.section-aside .text-link{gap:14px;font-size:10px}.selected-grid{gap:32px 18px}.project-card-info{grid-template-columns:1fr 18px;gap:8px;padding-top:13px}.project-card-info .project-number{display:none}.project-card-info h3{font-size:17px}.project-card-info>.arrow{width:17px;height:17px}.project-category{margin-top:4px;font-size:9px;line-height:1.5}.project-art{aspect-ratio:.91}.art-corner{font-size:6px;top:14px;left:13px}.art-caption{font-size:7px;bottom:13px;left:13px}.device{border-width:3px;border-radius:17px;width:44%}.devices-pair .device-primary{top:27%;left:44%}.devices-pair .device-secondary{top:13%;left:7%}.art-myanmar-youth-platform .device-primary{top:13%}.art-myanmar-youth-platform .device-secondary{top:38%}.art-type{top:24%}.art-recipes .art-type{top:20%}.project-open{display:none}.work-note{gap:15px;margin-top:30px;padding-top:23px;font-size:7px}.work-note a{gap:9px}.experiments{margin-top:15px;padding-top:58px;padding-bottom:65px}.experiments-heading{margin-bottom:35px}.experiments-heading h2{margin-top:23px;font-size:8vw}.experiments-heading .eyebrow{font-size:8px}.experiments-heading>p{width:42%;font-size:11px}.experiment-row{grid-template-columns:22px 1fr 95px 17px;gap:10px;padding:21px 0}.experiment-row h3{font-size:21px}.experiment-type{display:none}.experiment-row .status{gap:5px;font-size:9px}.experiment-row>.arrow{width:17px;height:17px}.experiment-row>.eyebrow{font-size:8px}.about{padding-top:60px;padding-bottom:65px}.about-top>.eyebrow{font-size:8px}.about-top>span:last-child{display:none}.about-headline{margin:30px 0 40px;font-size:8vw}.about-grid{grid-template-columns:1fr 1.1fr;gap:7%}.about-copy .about-lead{margin-bottom:17px;font-size:21px}.about-copy>p{font-size:12px;line-height:1.6}.current-work{margin-top:22px;padding-top:18px}.current-work h3{font-size:17px}.current-work p{font-size:11px}.current-work>span:last-child{font-size:10px}.skills>div{gap:6px}.skills>div>span{padding:7px 10px;font-size:9px}.portrait-caption{gap:15px;font-size:6px}.credentials{grid-template-columns:1fr 1.1fr;gap:7%;margin-top:50px}.credentials>div>.eyebrow{font-size:7px}.credentials h3{font-size:26px}.credential-list>a,.credential-list details>a{padding:13px 0;font-size:10px}.site-footer{padding-top:25px}.footer-top{padding-bottom:35px}.footer-top .eyebrow{font-size:7px}.contact-title{font-size:11vw}.footer-contact-row{margin-top:25px;margin-bottom:40px}.footer-contact-row .text-link{gap:18px;font-size:13px}.footer-contact-row>p{width:30%;font-size:10px}.footer-bottom{grid-template-columns:1fr auto;gap:18px;min-height:100px;padding:20px 0;font-size:8px}.footer-socials{grid-row:2;justify-content:start;gap:18px}.back-top{grid-area:1/2}.work-page,.detail-page{padding-top:30px;padding-bottom:65px}.page-kicker{font-size:8px}.index-heading{padding-top:35px;padding-bottom:35px}.index-heading h1{font-size:22vw}.index-heading>p{width:40%;font-size:11px}.work-filters>div{gap:6px}.work-filters button{padding:9px 12px;font-size:10px}.work-filters button sup{margin-left:6px}.work-filters>.eyebrow{font-size:8px}.index-grid .project-art{aspect-ratio:.91}.project-title{padding:35px 0 30px;font-size:11vw}.project-facts{grid-template-columns:repeat(2,1fr);gap:22px;padding-bottom:28px}.project-facts p{margin-top:6px;font-size:12px}.detail-art>.project-art{aspect-ratio:1.25}.detail-art .device{border-width:4px;border-radius:25px;width:31%}.detail-art .mobile-screen{width:31%}.detail-art .device-primary{top:24%;left:52%}.detail-art .device-secondary{top:8%;left:16%}.detail-art .art-corner,.detail-art .art-caption{font-size:8px;left:20px}.detail-art .art-corner{top:20px}.detail-art .art-caption{bottom:20px}.detail-art .art-desktop .device{width:86%;top:23%;left:7%}.project-overview{grid-template-columns:1fr;gap:20px;padding:40px 0 35px}.project-overview>div>p{font-size:20px}.project-links{gap:20px}.project-links .text-link{font-size:11px}.gallery-heading .eyebrow{font-size:8px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.gallery-image{padding:14px}.gallery-caption{font-size:8px}.next-project{grid-template-columns:1fr 40px;gap:20px;margin-top:25px;padding-top:30px}.next-project>.eyebrow{grid-column:1/-1}.next-project>.arrow{width:35px;height:35px}.lightbox{padding:20px}.lightbox-content{gap:15px}.lightbox-content button{padding:10px}.lightbox-content button .arrow{width:18px;height:18px}.lightbox-content img{max-width:calc(100% - 112px)}}@media (max-width:480px){:root{--gutter:20px}.site-header nav{gap:22px;font-size:11px}.hero-kicker{font-size:6.5px}.hero-kicker>span:last-child>.tiny-dot{display:none}.hero-name{margin-top:30px;font-size:16.1vw}.hero-bottom{grid-template-columns:minmax(0,1fr);gap:23px}.hero-description h2{font-size:34px}.hero-description p{max-width:290px;margin:18px 0 10px;font-size:13px}.hero-description .text-link{font-size:11px}.hero-bottom .swiss-study{aspect-ratio:1.6;min-height:auto;margin-top:4px}.swiss-mark-position{width:48%}.study-meta{font-size:7px}.hero-foot{gap:15px;margin-top:22px;font-size:6px}.section-heading{grid-template-columns:1fr;gap:25px}.section-heading h2{font-size:58px}.section-aside{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-aside p{margin:0;font-size:11px}.section-aside .text-link{white-space:nowrap}.selected-grid{grid-template-columns:1fr;row-gap:32px}.project-art,.index-grid .project-art{aspect-ratio:1.15}.device{border-width:4px;border-radius:21px;width:35%}.devices-pair .device-primary{top:23%;left:49%}.devices-pair .device-secondary{top:3%;left:16%}.art-myanmar-youth-platform .device-primary{top:7%}.art-myanmar-youth-platform .device-secondary{top:28%}.art-focus-beauty .art-type{font-size:50vw}.art-myanmar-youth-platform .art-type,.art-recipes .art-type{font-size:20vw}.art-focus-beauty-plus .art-type{font-size:45vw}.art-corner{font-size:7px;top:18px;left:18px}.art-caption{font-size:8px;bottom:17px;left:18px}.project-card-info h3{font-size:22px}.project-category{font-size:10px}.work-note>span{max-width:130px}.experiments-heading{display:block}.experiments-heading h2{font-size:54px}.experiments-heading>p{width:100%;margin-top:22px;font-size:12px}.experiments-heading>p br{display:none}.experiment-row{grid-template-columns:18px 1fr 80px 15px;gap:8px}.experiment-row h3{font-size:19px}.experiment-row .status{font-size:8px}.about-headline{font-size:9vw}.about-grid{grid-template-columns:1fr;gap:35px}.portrait-block{width:80%}.portrait-caption{font-size:7px}.about-copy .about-lead{font-size:26px}.about-copy>p{font-size:13px}.current-work h3{font-size:21px}.current-work p{font-size:13px}.current-work>span:last-child{font-size:12px}.credentials{grid-template-columns:1fr;gap:25px}.biography-section{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.credentials h3{font-size:33px}.credentials>div>.eyebrow{font-size:8px}.credential-list>a,.credential-list details>a{padding:16px 0;font-size:11px}.footer-top>span:last-child{display:none}.contact-title{font-size:12vw}.contact-title-arrow{top:9%;right:0}.footer-contact-row{margin-top:25px;display:block}.footer-contact-row>p{width:100%;margin-top:20px;font-size:11px}.footer-contact-row>p br,.work-filters>.eyebrow{display:none}.work-filters button{padding:10px 15px}.page-kicker{font-size:7px}.index-heading>p{font-size:10px}.project-title{overflow-wrap:break-word;font-size:13vw}.detail-art .device{border-width:3px;border-radius:19px}.detail-art .mobile-screen{width:35%}.detail-art .device-primary{width:35%;left:50%}.detail-art .device-secondary{width:35%;left:12%}.gallery-heading>.eyebrow{font-size:6.5px}.gallery-image{padding:9px}.gallery-image img{border-radius:9px}.lightbox-toolbar{font-size:10px}.lightbox-toolbar button{gap:10px;padding:8px 10px}.lightbox-content{gap:8px}.lightbox-content img{max-width:calc(100% - 80px)}.lightbox-content button{padding:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}html,body{scrollbar-width:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.scroll-digit{flex:none;height:1.3em;transition:opacity .2s;display:inline-block;position:relative;overflow:hidden}.scroll-digit-sizer{visibility:hidden}.scroll-digit[data-hidden=true]{opacity:0;width:0}.scroll-digit-strip{flex-direction:column;width:100%;transition:transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;left:0}.scroll-digit-strip>span{flex:none;height:1.3em;line-height:1.3em}@media (prefers-reduced-motion:reduce){.scroll-digit,.scroll-digit-strip{transition:none}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#20201e;--ink:#f4f3ed;--muted:#aaa99f;--line:#45453e;--accent:#a8c94a;--surface:#292925;--body-copy:#bebdb3;--soft-line:#4d4d44;--gallery:#30302b}.site-footer .text-link{border-color:currentColor}.site-footer .text-link:hover{color:inherit}.theme-toggle{isolation:isolate;border:1px solid var(--line);background:0 0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;padding:10px;transition:border-color .35s,color .35s;display:grid;position:relative;overflow:hidden}.theme-toggle:before{content:"";background:var(--accent);border-radius:inherit;clip-path:circle(0% at 50% 100%);pointer-events:none;transition:clip-path .45s cubic-bezier(.45,0,.2,1);position:absolute;inset:0}@media (hover:hover){.theme-toggle:hover{color:var(--accent-ink);border-color:var(--accent)}.theme-toggle:hover:before{clip-path:circle(150% at 50% 100%)}}.theme-toggle svg{z-index:1;grid-area:1/1;width:20px;height:20px;position:relative}:is(.work-filters button,.lightbox button){isolation:isolate;transition:border-color .35s,color .35s;position:relative;overflow:hidden}:is(.work-filters button,.lightbox button):before{content:"";z-index:-1;border-radius:inherit;background:var(--accent);clip-path:circle(0% at 50% 100%);pointer-events:none;transition:clip-path .45s cubic-bezier(.45,0,.2,1);position:absolute;inset:0}@media (hover:hover){:is(.work-filters button,.lightbox button):hover{color:var(--accent-ink);border-color:var(--accent)}:is(.work-filters button,.lightbox button):hover:before{clip-path:circle(150% at 50% 100%)}}:is(.work-filters button,.lightbox button):focus-visible{color:var(--accent-ink);border-color:var(--accent)}:is(.work-filters button,.lightbox button):focus-visible:before{clip-path:circle(150% at 50% 100%)}.theme-icon-sun,[data-theme=dark] .theme-icon-moon{visibility:hidden}[data-theme=dark] .theme-icon-sun{visibility:visible}html[data-theme-transition=sweep]::view-transition-group(root){animation:none}html[data-theme-transition=sweep]::view-transition-old(root){mix-blend-mode:normal;animation:none}html[data-theme-transition=sweep]::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-theme-transition=sweep]::view-transition-old(root){z-index:1}html[data-theme-transition=sweep]::view-transition-new(root){z-index:2}@media (max-width:760px){.site-header nav{gap:18px}.scroll-progress{top:86px}}@media (max-width:480px){.site-header,.site-header nav{gap:12px}.site-header .contact-nav{gap:5px}.contact-nav .arrow{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){html[data-theme-transition=sweep]::view-transition-new(root){animation:none}}@media (max-width:360px){.site-header nav{gap:10px}.site-header .contact-nav{white-space:nowrap}.contact-nav .arrow{display:none}}@media (hover:hover) and (pointer:fine){body{cursor:url(/assets/cursors/bibata-modern-ice/default.svg) 5 2,default}:is(p,h1,h2,h3,h4,h5,h6,li,dt,dd,figcaption,input,textarea,[contenteditable=true]){cursor:url(/assets/cursors/bibata-modern-ice/text.svg) 12 12,text}:is(a,button,summary,[role=button]),:is(a,button,summary,[role=button]) *{cursor:pointer}:is(button:disabled,input:disabled,textarea:disabled,[aria-disabled=true]){cursor:not-allowed}}