@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/__portfolio/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/__portfolio/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/__portfolio/assets/manrope-vietnamese-wght-normal-usUDDRr7.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/__portfolio/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/__portfolio/assets/manrope-latin-wght-normal-DHIcAJRg.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{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#eeefe9;--surface:#e2e5dc;--panel:#d7dccf;--text:#171d14;--muted:#5e6554;--line:#c9cfbf;--accent:#cef982;--on-accent:#17200e;--subtle:#f8f9f5;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Manrope Variable,sans-serif}:root[data-theme=dark]{--bg:#11150f;--surface:#1c2318;--panel:#293222;--text:#edf2e7;--muted:#acb5a2;--line:#37422d;--accent:#cef982;--on-accent:#17200e;--subtle:#20281c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{background:var(--bg);min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--text);outline-offset:5px}button:disabled{opacity:.28;cursor:default}img{max-width:100%;display:block}p,h1,h2,h3,h4,blockquote{margin:0}p{line-height:1.7}svg{flex-shrink:0}::selection{background:var(--accent);color:var(--on-accent)}.wrap,.nav-shell{width:calc(100% - 112px);max-width:1500px;margin-inline:auto}.section-space{padding-block:60px}.reading-line{background:var(--accent);transform-origin:0;z-index:20;pointer-events:none;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.skip-link{background:var(--accent);color:var(--on-accent);z-index:21;padding:14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.eyebrow{text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:650}.nav-shell{border-bottom:1px solid var(--line);align-items:center;gap:25px;height:80px;display:flex;position:relative}.brand{letter-spacing:-3.4px;font-size:37px;font-weight:800;line-height:1}.brand-period{color:var(--text)}.nav-role{border-left:1px solid var(--line);padding-left:22px;font-size:11px;line-height:1.5}.nav-links{align-items:center;gap:32px;margin-left:auto;font-size:13px;font-weight:550;display:flex}.nav-link{position:relative}.nav-link:not(.nav-cta):after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}.nav-cta{border:1px solid var(--line);border-radius:40px;align-items:center;gap:22px;padding:12px 18px;display:flex}.round-button{border:1px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:background .2s,color .2s;display:inline-flex}.round-button:hover:not(:disabled){background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.theme-toggle{border:0;width:38px;height:38px}.menu-toggle{display:none}.pill-button{background:var(--accent);color:var(--on-accent);white-space:nowrap;border-radius:40px;justify-content:center;align-items:center;gap:30px;min-height:54px;padding:17px 24px;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex}.pill-button:hover{background:#bbed66}.pill-button.outline{color:var(--text);border:1px solid var(--line);background:0 0}.pill-button.outline:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.text-link{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding-block:8px;font-size:13px;font-weight:600;display:inline-flex}.text-link:hover svg{transform:translate(3px,-3px)}.hero-studio{border-bottom:1px solid var(--line);min-height:560px;padding-block:42px 38px;position:relative}.hero-lead{z-index:2;pointer-events:none;position:relative}.hero-lead a{pointer-events:auto}.hero-intro{margin-bottom:33px}.hero-studio h1{letter-spacing:-.073em;max-width:950px;font-size:clamp(72px,9.8vw,150px);font-weight:800;line-height:.91}.headline-row{white-space:nowrap;margin-bottom:-.09em;padding-bottom:.09em;display:block;overflow:hidden}.headline-1{color:var(--text)}.glyph{display:inline-block}.hero-bottom{flex-direction:column;align-items:flex-start;gap:26px;margin-top:25px;display:flex}.hero-copy{max-width:390px;color:var(--muted);font-size:14px;line-height:1.8}.hero-signal{border-left:1px solid var(--line);width:min(42%,520px);padding:26px 0 4px 30px;position:absolute;bottom:38px;right:0}.hero-signal span{letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.hero-signal strong{letter-spacing:-.055em;margin:18px 0 14px;font-size:clamp(24px,2.9vw,43px);line-height:1.05;display:block}.hero-signal p{max-width:390px;color:var(--muted);font-size:12px}.section-top{gap:35px;margin-bottom:32px;display:block}.section-title{letter-spacing:-.06em;font-size:clamp(42px,5vw,76px);font-weight:650;line-height:1.04}.punctuation{margin-left:32px;font-size:.8em;font-weight:400;display:inline-block}.section-meta{color:var(--muted);margin-top:12px;font-size:12px;display:block}.section-top>p{color:var(--muted);margin-top:14px;font-size:14px}.work-theatre{grid-template-columns:250px minmax(0,1fr);gap:35px;display:grid}.work-sidebar{flex-direction:column;justify-content:space-between;min-width:0;padding-block:14px;display:flex}.project-selector{flex-direction:column;display:flex}.project-select{text-align:left;border-radius:10px;align-items:center;gap:14px;margin-bottom:7px;padding:20px 15px;transition:background .2s;display:flex}.project-select>svg{margin-left:auto}.project-select[aria-selected=true]{background:var(--text);color:var(--bg)}.project-select:not([aria-selected=true]):hover{background:var(--surface)}.project-index{font-variant-numeric:tabular-nums;align-self:flex-start;margin-top:2px;font-size:11px}.project-select strong{font-size:14px;font-weight:650;line-height:1.4;display:block}.project-select small{opacity:.68;margin-top:7px;font-size:10px;display:block}.project-side-note{padding:40px 15px 24px}.project-side-note>span{letter-spacing:.7px;color:var(--muted);font-size:10px}.project-side-note p{letter-spacing:-.5px;max-width:190px;margin:14px 0;font-size:19px}.project-side-note a{color:var(--muted);align-items:center;gap:15px;font-size:11px;display:flex}.work-main{min-width:0}.project-story{background:var(--surface);border-radius:16px;flex-direction:column;justify-content:flex-end;height:340px;padding:38px 44px;display:flex;position:relative;overflow:hidden}.project-story:after{content:"";background:var(--accent);height:7px;position:absolute;inset:auto 0 0}.project-story-head{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);justify-content:space-between;font-size:10px;display:flex;position:absolute;inset:32px 38px auto}.project-story-number{letter-spacing:-.1em;color:#0000;-webkit-text-stroke:1px var(--line);opacity:.8;font-size:clamp(120px,18vw,260px);line-height:1;position:absolute;top:45px;right:35px}.project-story h3{letter-spacing:-.06em;max-width:720px;font-size:clamp(39px,5vw,75px);font-weight:600;line-height:1.02;position:relative}.project-story>p{max-width:600px;color:var(--muted);margin-top:20px;font-size:13px;position:relative}.project-story .scope-tags{margin:24px 0 0;position:relative}.work-caption{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.drag-note{color:var(--muted);font-size:10px}.work-caption h3{letter-spacing:-.8px;margin-top:9px;font-size:23px;font-weight:550}.work-arrows{align-items:center;gap:12px;display:flex}.work-arrows .round-button{width:39px;height:39px}.gallery-count{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.case-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:35px;margin-top:22px;padding-top:22px;display:flex}.case-row p{color:var(--muted);max-width:440px;font-size:12px}.case-row .pill-button{min-height:48px;padding:14px 20px;font-size:12px}.experience-studio{border-top:1px solid var(--line);display:block}.experience-intro{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);grid-template-areas:"eyebrow eyebrow""title summary""title marker""title link";align-items:start;column-gap:80px;display:grid}.experience-intro .eyebrow{grid-area:eyebrow;margin-bottom:18px}.experience-intro h2{grid-area:title;font-size:clamp(50px,5.8vw,86px);line-height:1.04}.stroke-word{color:#0000;-webkit-text-stroke:1.2px var(--text)}.experience-intro>p{color:var(--muted);grid-area:summary;max-width:350px;margin-top:4px;font-size:14px}.experience-intro .text-link{grid-area:link;justify-self:start;margin-top:18px}.career-marker{flex-direction:column;grid-area:marker;margin-top:18px;display:flex}.career-marker>span{letter-spacing:-3px;font-variant-numeric:tabular-nums;font-size:56px;line-height:1.2}.career-marker small{color:var(--muted);margin-top:7px;font-size:11px}.career-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;padding-top:36px;display:grid}.experience-entry{border-left:1px solid var(--line);grid-template-columns:84px 1fr;gap:24px;margin-left:0;padding:0 0 27px 22px;display:grid;position:relative}.career-line{background:var(--accent);transform-origin:top;width:3px;transition:transform .6s;position:absolute;top:0;bottom:30px;left:-2px;transform:scaleY(0)}.experience-entry.active .career-line{transform:scaleY(1)}.job-date{padding-top:6px;font-size:11px;font-weight:600}.job-body h3{letter-spacing:-.9px;font-size:24px;font-weight:600;line-height:1.25}.job-role{color:var(--muted);margin-top:10px;font-size:11px;font-weight:600}.job-body>p:not(.job-role){color:var(--muted);margin-top:13px;font-size:13px}.job-body>small{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.7;display:block}.education-block{background:var(--surface);border-radius:12px;grid-column:1/-1;margin-top:4px;padding:24px 28px}.education-block>span{color:var(--muted);font-size:11px}.education-block h3{letter-spacing:-.6px;margin:13px 0;font-size:19px}.education-block p{font-size:12px}.education-block small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.expertise-studio{border-top:1px solid var(--line)}.expertise-layout{grid-template-columns:1.12fr 1fr;gap:65px;display:grid}.technology-panel{background:var(--accent);color:var(--on-accent);border-radius:16px;align-self:start;min-height:340px;padding:28px 32px}.skill-tabs{border-bottom:1px solid #17200e35;gap:7px;padding-bottom:20px;display:flex}.skill-tabs button{white-space:nowrap;border-radius:20px;padding:9px 10px;font-size:11px}.skill-tabs button[aria-selected=true]{background:var(--on-accent);color:var(--accent)}.technology-panel h3{margin-top:25px;font-size:14px;font-weight:500}.technology-words{flex-wrap:wrap;align-content:center;gap:0 22px;min-height:112px;margin-top:22px;display:flex}.technology-word{letter-spacing:-2.5px;font-size:clamp(34px,3.55vw,54px);font-weight:700;line-height:1.3}.technology-word:nth-child(2n){color:#0000;-webkit-text-stroke:1px var(--on-accent)}.technology-panel [role=tabpanel]>p{max-width:350px;margin-top:25px;font-size:12px;line-height:1.8}.services-panel{padding-top:10px}.services-panel>h3{margin-bottom:20px;font-size:13px;font-weight:600}.service-row{border-bottom:1px solid var(--line)}.service-row h4 button{text-align:left;align-items:center;gap:18px;width:100%;padding:23px 0;font-size:17px;font-weight:550;display:flex}.service-row h4 button>svg:last-child{margin-left:auto}.service-row h4 button>svg:first-child{color:var(--muted)}.service-row.active h4 button{font-weight:700}.service-expanded{padding:0 0 25px 42px}.service-expanded p{color:var(--muted);font-size:12px}.service-expanded ul{color:var(--muted);flex-wrap:wrap;gap:9px 16px;margin:17px 0;padding:0;font-size:11px;list-style:none;display:flex}.service-expanded .text-link{font-size:11px}.reviews-studio{border-top:1px solid var(--line);padding-block:44px 48px}.review-heading{align-items:center;gap:20px;margin-bottom:45px;display:flex}.review-heading h2{letter-spacing:-.5px;font-size:17px;font-weight:600}.review-heading>a{color:var(--muted);align-items:center;gap:12px;margin-left:auto;font-size:11px;display:flex}.quote-text{letter-spacing:-.055em;max-width:1090px;min-height:1.55em;font-size:clamp(40px,5.7vw,84px);font-weight:550;line-height:1.1}.quote-footer{justify-content:space-between;align-items:center;gap:25px;margin-top:32px;display:flex}.quote-footer strong{font-size:13px;font-weight:650}.quote-footer>div>span{color:var(--muted);margin-top:9px;font-size:11px;display:block}.quote-controls{align-items:center;gap:18px;display:flex}.quote-controls>span{font-size:11px}.translation-button{text-underline-offset:4px;font-size:11px;text-decoration:underline}.contact-studio{border-top:1px solid var(--line);padding-block:42px 46px}.contact-label{justify-content:space-between;gap:25px;margin-bottom:38px;display:flex}.contact-label>span:last-child{color:var(--muted);font-size:11px}.contact-title{letter-spacing:-.07em;justify-content:space-between;align-items:center;gap:40px;font-size:clamp(55px,8.75vw,136px);font-weight:700;line-height:.99;display:flex}.contact-title:hover .stroke-word{color:var(--text)}.contact-circle{background:var(--accent);width:164px;height:164px;color:var(--on-accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.contact-details{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.contact-details p{color:var(--muted);font-size:13px}.contact-channels{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px 28px;margin-top:34px;padding-top:22px;font-size:13px;display:flex}.contact-channels a{text-underline-offset:5px;align-items:center;gap:8px;text-decoration:underline;display:inline-flex}.footer-studio{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:25px;padding-block:30px;display:flex}.footer-studio .brand{font-size:28px}.footer-studio>span{color:var(--muted);margin-right:auto;font-size:11px}.footer-studio>a:not(.brand){align-items:center;gap:8px;font-size:11px;display:flex}.footer-studio small{width:100%;color:var(--muted);font-size:10px}.case-modal{border:1px solid var(--line);background:var(--bg);width:min(1000px,100vw - 32px);max-height:92dvh;color:var(--text);overscroll-behavior:contain;border-radius:20px;padding:0}.case-modal::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#050b05c4}.case-content{padding:25px 40px 40px}.case-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.case-header>span{color:var(--muted);font-size:12px}.case-content h2{letter-spacing:-2px;font-size:clamp(30px,4vw,54px);line-height:1.1}.case-subtitle{color:var(--muted);margin-top:14px;font-size:14px}.case-image{background:var(--surface);border-radius:10px;justify-content:center;align-items:center;min-height:200px;margin-top:28px;padding:15px;display:flex;overflow:hidden}.case-image img{object-fit:contain;width:100%;max-height:58dvh}.case-gallery-controls{justify-content:center;align-items:center;gap:20px;margin-block:18px;display:flex}.case-gallery-controls>span{font-variant-numeric:tabular-nums;font-size:11px}.thumbnails{gap:10px;padding:4px;display:flex;overflow-x:auto}.thumbnails button{border:1px solid var(--line);border-radius:6px;flex-shrink:0;width:100px;height:66px;padding:3px;overflow:hidden}.thumbnails button[aria-pressed=true]{outline:2px solid var(--text);outline-offset:0}.thumbnails img{object-fit:cover;object-position:top;width:100%;height:100%}.case-description{grid-template-columns:1fr 1fr;gap:35px;margin:32px 0;display:grid}.case-description h3{letter-spacing:-.5px;margin-bottom:12px;font-size:19px;font-weight:600}.case-description p{color:var(--muted);font-size:13px}.scope-tags{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.scope-tags span{background:var(--surface);border-radius:20px;padding:7px 13px;font-size:11px}.case-credit{color:var(--muted);margin-top:20px;font-size:11px}@media (width>=1600px){.hero-studio{min-height:730px}.hero-artwork{height:520px;top:110px}.tile-0{height:270px}.tile-1{height:330px}.tile-2{height:190px;top:330px}.project-viewport{height:500px}}@media (width<=1200px){.wrap,.nav-shell{width:calc(100% - 72px)}.nav-links{gap:22px}.hero-studio{min-height:630px}.hero-artwork{width:42%;height:400px;top:105px}.tile-0{height:210px}.tile-1{height:235px;top:90px}.tile-2{height:145px;top:250px}.work-theatre{grid-template-columns:210px minmax(0,1fr);gap:25px}.project-select{gap:10px;padding:17px 11px}.project-viewport{height:365px}.project-slide{padding:25px}.work-caption h3{font-size:19px}.case-row{align-items:flex-start;gap:20px}.case-row p{max-width:300px}.case-row .pill-button{gap:12px}.experience-studio{gap:60px}.experience-entry{grid-template-columns:70px 1fr;gap:16px;padding-left:18px}.expertise-layout{gap:40px}.technology-panel{padding:25px}.skill-tabs{gap:2px}.skill-tabs button{padding:9px 8px;font-size:10px}.contact-circle{width:130px;height:130px}.section-space{padding-block:85px}}@media (width<=1023px){.nav-role{display:none}.hero-studio{min-height:610px;padding-top:50px}.hero-artwork{width:40%;top:165px}.hero-studio h1{font-size:11.7vw}.tile-1{width:85%;height:210px}.tile-2{height:120px;top:230px}.tile-0{height:190px}.artwork-caption{font-size:10px}.hero-copy{max-width:315px;font-size:13px}.section-top{margin-bottom:32px}.work-theatre{grid-template-columns:1fr}.work-sidebar{padding:0}.project-selector{flex-direction:row;gap:6px}.project-select{flex:1;min-width:0;margin:0}.project-select>svg,.project-side-note{display:none}.project-viewport{height:410px}.experience-studio{grid-template-columns:.8fr 1.2fr;gap:35px}.experience-intro h2{font-size:56px}.experience-entry{display:block}.job-date{margin-bottom:12px;display:block}.expertise-layout{grid-template-columns:1fr;gap:40px}.technology-panel{min-height:0}.technology-words{gap:15px 35px;min-height:0;margin-block:27px}.technology-word{font-size:54px}.skill-tabs button{padding:10px 15px;font-size:12px}.services-panel{padding:0}.contact-circle{width:110px;height:110px}.contact-circle svg{width:57px;height:57px}}@media (width<=767px){.wrap,.nav-shell{width:calc(100% - 40px)}.nav-shell{gap:12px;height:73px}.brand{font-size:34px}.theme-toggle{margin-left:auto}.menu-toggle{display:flex}.nav-links{background:var(--bg);border-bottom:1px solid var(--line);z-index:10;padding:20px;display:none;position:absolute;top:72px;left:-20px;right:-20px;box-shadow:0 20px 25px #151f1015}.nav-links.open{flex-direction:column;align-items:stretch;gap:0;display:flex}.nav-link{padding:15px 8px;font-size:17px}.nav-cta{justify-content:space-between;margin-top:10px;padding:16px 20px}.hero-studio{min-height:0;padding-block:38px 35px;overflow:clip}.hero-intro{letter-spacing:.5px;margin-bottom:27px;font-size:9px}.hero-studio h1{letter-spacing:-.065em;font-size:13.45vw;line-height:.98}.hero-bottom{gap:22px;margin-top:26px}.hero-copy{max-width:320px;font-size:13px}.pill-button{gap:25px;min-height:50px;padding:15px 21px;font-size:12px}.hero-artwork{width:100%;height:340px;margin-top:35px;position:relative;top:auto;right:auto}.hero-plane{height:300px}.tile-0{width:62%;height:160px;top:0;right:10%}.tile-1{width:72%;height:195px;top:55px;left:3%}.tile-2{width:54%;height:120px;top:185px;right:3%}.artwork-caption{text-align:center;margin-top:15px;padding:0;font-size:10px}.section-space{padding-block:58px}.section-title{font-size:43px}.section-top{margin-bottom:28px;display:block}.section-meta{margin-top:16px;display:block}.punctuation{margin-left:24px}.section-top>p{margin-top:22px;font-size:13px}.project-selector{gap:6px;padding-bottom:5px;overflow-x:auto}.project-select{min-width:170px;padding:16px 13px}.project-select strong{font-size:12px}.project-select small,.project-index{font-size:10px}.work-theatre{gap:18px}.project-viewport{border-radius:12px;height:270px}.project-slide{padding:15px}.work-caption{margin-top:18px;display:block}.work-caption h3{max-width:290px;font-size:22px;line-height:1.25}.work-arrows{justify-content:flex-end;margin-top:18px}.case-row{margin-top:18px;display:block}.case-row p{max-width:none;font-size:13px}.case-row .pill-button{margin-top:20px;font-size:12px}.drag-note{font-size:10px}.experience-studio{grid-template-columns:1fr;gap:40px}.experience-intro{display:block;position:static}.experience-intro h2{font-size:64px}.experience-intro>p{max-width:420px;margin-top:25px;font-size:14px}.career-marker{display:none}.experience-intro .text-link{margin-top:18px}.career-history{grid-template-columns:1fr;padding:0}.experience-entry{padding:0 0 38px 20px}.job-date{margin-bottom:13px;font-size:12px}.job-body h3{font-size:25px}.job-role{font-size:12px}.job-body>p:not(.job-role){margin-top:15px;font-size:14px}.job-body>small{font-size:12px}.education-block{padding:25px}.education-block p{font-size:13px}.education-block small{font-size:12px}.technology-panel{border-radius:12px;padding:20px}.skill-tabs{justify-content:space-between;gap:0;overflow-x:auto}.skill-tabs button{padding:9px 8px;font-size:10px}.technology-word{letter-spacing:-2px;font-size:39px}.technology-words{align-content:center;gap:5px 25px;min-height:125px}.technology-panel [role=tabpanel]>p{font-size:13px}.service-row h4 button{gap:13px;font-size:16px}.service-expanded{padding-left:36px}.service-expanded p{font-size:13px}.service-expanded ul{font-size:12px}.review-heading{flex-wrap:wrap;gap:13px;margin-bottom:30px}.review-heading>svg{width:31px}.review-heading h2{font-size:17px}.review-heading>a{font-size:11px}.quote-text{letter-spacing:-2px;min-height:3.3em;font-size:44px}.quote-footer{margin-top:25px;display:block}.quote-footer strong{font-size:13px}.quote-controls{justify-content:flex-end;margin-top:24px}.contact-label{margin-bottom:30px;display:block}.contact-label>span:last-child{margin-top:10px;display:block}.contact-label .eyebrow{font-size:10px}.contact-title{align-items:flex-end;gap:10px;font-size:12vw;position:relative}.contact-circle{width:55px;height:55px;margin-bottom:4px}.contact-circle svg{width:30px;height:30px}.contact-title>span:first-child{min-width:0}.contact-details{margin-top:28px;display:block}.contact-details p{font-size:13px}.contact-details .pill-button{margin-top:25px}.footer-studio{gap:18px;padding-block:25px}.footer-studio>span{max-width:190px;margin:0;font-size:10px}.footer-studio>a:not(.brand){font-size:11px}.footer-studio small{font-size:10px}.case-modal{border-radius:14px;width:calc(100vw - 20px);max-height:94dvh}.case-content{padding:17px 20px 25px}.case-content h2{font-size:35px}.case-header{margin-bottom:15px}.case-subtitle{font-size:13px}.case-image{min-height:160px;margin-top:22px;padding:7px}.case-gallery-controls{gap:15px}.case-gallery-controls .round-button{width:35px;height:35px}.case-gallery-controls>span{font-size:10px}.thumbnails button{width:70px;height:50px}.case-description{grid-template-columns:1fr;gap:24px}.case-description p{font-size:14px}.case-credit{font-size:11px}}@media (width<=360px){.hero-artwork{height:295px}.hero-plane{height:260px}.tile-1{height:165px}.tile-2{height:100px;top:165px}.tile-0{height:145px}.contact-title{font-size:11.9vw}.contact-circle{width:46px;height:46px}.skill-tabs button{padding-inline:7px;font-size:9px}.technology-word{font-size:33px}}@media (width<=767px){.hero-signal{border-left:0;border-top:1px solid var(--line);width:100%;margin-top:38px;padding:24px 0 0;position:relative;bottom:auto;right:auto}.hero-signal strong{font-size:29px}.project-story{height:350px;padding:28px 24px 30px}.project-story-head{inset:24px 24px auto}.project-story-number{font-size:140px;top:50px;right:24px}.project-story h3{font-size:41px}.project-story>p{font-size:12px}}.hero-studio{isolation:isolate;min-height:560px;overflow:clip}.hero-studio h1{max-width:760px;font-size:clamp(68px,8.2vw,122px)}.tech-stage{width:48%;height:420px;transform-style:preserve-3d;perspective:1000px;z-index:0;background:#11150f;border-radius:22px;position:absolute;top:25px;right:0;overflow:hidden}.tech-stage:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #cef98242;position:absolute;inset:0}.hero-signal{border-left:0;width:43%;padding:15px 0 0;bottom:30px;right:14px}.hero-signal strong{margin:10px 0;font-size:24px}.hero-signal p{display:none}.project-story{padding-right:44%}.project-story h3{font-size:clamp(34px,3.1vw,48px)}.project-art{object-fit:cover;width:40%;height:100%;position:absolute;top:0;right:0}.project-story-head{right:44%}.project-story-number{display:none}.project-story .scope-tags{gap:5px;margin-top:16px}.project-story .scope-tags span{border:1px solid var(--line);padding:5px 8px;font-size:10px}@media (width<=1023px){.tech-stage{width:43%;height:355px;top:55px}.hero-studio h1{font-size:9vw}.hero-signal{width:41%}.project-story{padding-right:43%}}@media (width<=767px){.hero-studio{min-height:0;padding-bottom:24px}.hero-lead{width:100%}.hero-studio h1{font-size:13vw}.tech-stage{border-radius:14px;width:100%;height:230px;margin-top:28px;position:relative;top:auto;right:auto}.hero-signal{width:100%;margin-top:16px;padding-top:15px;position:relative;bottom:auto;right:auto}.hero-signal strong{font-size:23px}.project-story{height:auto;min-height:430px;padding:200px 22px 24px}.project-art{width:100%;height:170px;top:0}.project-story-head{margin-bottom:14px;position:relative;inset:auto}.project-story h3{font-size:36px}}.frontend-visual{color:#f1f5ea;text-align:left;background-color:#121914;background-image:linear-gradient(#d0ff9010 1px,#0000 1px),linear-gradient(90deg,#d0ff9010 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:24px 24px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;gap:16px;height:100%;padding:22px;display:flex}.visual-caption{letter-spacing:1px;color:#a9bba6;justify-content:space-between;font:9px monospace;display:flex}.viewport-switch{gap:5px;display:flex}.viewport-switch button,.visual-footer button{color:#d8e1d1;cursor:pointer;background:#1e2a20;border:1px solid #53624d;border-radius:5px;padding:6px 10px;font:10px monospace}.viewport-switch button[aria-pressed=true]{color:#152012;background:#cef982;border-color:#cef982}.interface-canvas{color:#182019;background:#edf1e7;border:1px solid #809174;border-radius:9px;width:100%;max-width:430px;margin:auto;overflow:hidden;box-shadow:0 16px 30px #0005}.browser-chrome{background:#dce4d4;border-bottom:1px solid #bbc6b3;align-items:center;gap:4px;padding:8px 10px;display:flex}.browser-chrome i{background:#84967a;border-radius:50%;width:4px;height:4px}.browser-chrome span{color:#4f6048;margin-left:12px;font:8px monospace}.interface-body{min-height:210px;display:flex}.interface-body aside{border-right:1px solid #d0d9c7;flex-shrink:0;width:44px;padding:13px 10px}.interface-body aside b{font-size:22px}.interface-body aside>span{background:#bac7ae;border-radius:2px;height:5px;margin-top:17px;display:block}.interface-content{flex:1;min-width:0;padding:15px}.interface-heading span{color:#607257;font:8px monospace;display:block}.interface-heading b{letter-spacing:-1px;margin-top:3px;font-size:22px;display:block}.interface-banner{color:#d1f395;background:#293e2c;border-radius:5px;justify-content:space-between;align-items:center;margin:10px 0;padding:13px;font-size:13px;line-height:1.15;display:flex}.interface-banner strong{font-size:36px;font-weight:400}.interface-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini-component{border:1px solid #c4d0b9;border-radius:5px;padding:9px;font:8px monospace}.component-bars{align-items:end;gap:5px;height:31px;margin-top:6px;display:flex}.component-bars i{background:#6e9451;width:15%;height:45%}.component-bars i:nth-child(2){height:75%}.component-bars i:nth-child(3){height:55%}.component-bars i:nth-child(4){height:90%}.component-bars i:nth-child(5){height:100%}.interface-toggle{background:#344e2b;border-radius:20px;width:36px;margin:6px 0;padding:3px}.interface-toggle i{background:#cef982;border-radius:50%;width:12px;height:12px;margin-left:auto;display:block}.mini-component small{font-size:7px}.render-line{transform-origin:0;background:#82b842;height:3px}.interface-canvas.mobile{max-width:175px}.mobile .interface-body aside{display:none}.mobile .interface-grid{grid-template-columns:1fr}.mobile .interface-grid .mini-component:last-child{display:none}.mobile .interface-content{padding:10px}.mobile .interface-heading b{font-size:18px}.mobile .interface-banner{padding:10px}.visual-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.visual-footer code{color:#aabca0;font:8px monospace}.visual-footer button{flex-shrink:0}.compact{gap:14px;padding:16px}.compact .visual-caption{flex-wrap:wrap;gap:5px;font-size:7px}.compact .interface-content{padding:10px}.compact .interface-body aside{display:none}.compact .interface-heading b{font-size:18px}.compact .interface-grid{grid-template-columns:1fr}.compact .interface-grid .mini-component:last-child{display:none}.compact .visual-footer code{overflow-wrap:anywhere;font-size:7px}.hero-lead{width:52%}.hero-studio h1{font-size:clamp(56px,6.4vw,96px)}.tech-stage{width:45%;height:430px;top:22px}.hero-signal{width:45%;right:0}@media (width<=1023px) and (width>=768px){.frontend-visual{gap:10px;padding:14px}.visual-footer{flex-wrap:wrap}.hero-studio h1{font-size:6.4vw}.interface-content{padding:10px}.visual-caption{font-size:7px}}@media (width<=767px){.hero-lead{width:100%}.hero-studio h1{font-size:13vw}.tech-stage{width:100%;height:430px;top:auto}.hero-signal{width:100%}.project-art{height:260px}.project-story{min-height:550px;padding-top:285px}.compact{gap:8px;padding:15px}.compact .interface-canvas{max-width:290px}.compact .interface-body{min-height:150px}.compact .interface-grid{display:none}.compact .interface-heading b{font-size:18px}.compact .interface-banner{margin-bottom:0}.compact .visual-footer{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reading-line{display:none}.drag-note{font-size:0}.drag-note:after{content:"Use the arrows to explore";font-size:10px}}