@keyframes nav-glitch{0%{text-shadow:none}20%{text-shadow:-2px 0#e8611a,2px 0#4fc3f7;transform:translateX(-1px)}40%{text-shadow:2px 0#e8611a,-2px 0#4fc3f7;transform:translateX(1px)}60%{text-shadow:-1px 0#e8611a,1px 0#4fc3f7;transform:translateX(0)}80%{text-shadow:1px 0#ce93d8,-1px 0#81c784}to{text-shadow:none;transform:translateX(0)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes skeleton-shimmer{0%{background-position:200%0}to{background-position:-200%0}}@font-face{font-family:"Oceanic Grotesk";src:url(assets/fonts/OceanicGrotesk-Regular.woff2)format("woff2"),url(assets/fonts/OceanicGrotesk-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Oceanic Grotesk";src:url(assets/fonts/OceanicGrotesk-Medium.woff2)format("woff2"),url(assets/fonts/OceanicGrotesk-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Oceanic Grotesk";src:url(assets/fonts/OceanicGrotesk-Bold.woff2)format("woff2"),url(assets/fonts/OceanicGrotesk-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Oceanic Grotesk";src:url(assets/fonts/OceanicGrotesk-Extrabold.woff2)format("woff2"),url(assets/fonts/OceanicGrotesk-Extrabold.otf)format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Cera Mono";src:url(assets/fonts/CeraMono-Medium.woff2)format("woff2"),url(assets/fonts/CeraMono-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{--bg:#ffffff;--text:#222222;--text-dim:rgba(34, 34, 34, 0.4);--text-faint:rgba(30, 25, 25, 0.25);--accent:#F8401C;--line:#000000;--font-sans:'Oceanic Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-mono:'Cera Mono', 'SF Mono', 'Fira Code', monospace;--selection-bg:#F8401C;--selection-color:#fff;--nav-height:75px;--side-padding:48px;--content-max:1156px;--line-muted:rgba(0, 0, 0, 0.12);--transition-fast:150ms ease;--transition-base:200ms ease;--content-gutter:0px;--text-col:764px;--radius-sm:10px;--radius-pill:100px;--text-body:rgba(30, 25, 25, 1);--section-gap:60px}::selection{background:var(--selection-bg);color:var(--selection-color)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:18px;line-height:1.5;color:var(--text);background-color:var(--bg);min-height:100vh;display:flex;flex-direction:column}a,button{color:inherit}a{text-decoration:none}img{display:block;max-width:100%}ol,ul{list-style:none}button{font:inherit;background:0 0;border:0;cursor:pointer}.nav{position:sticky;top:0;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100}.nav::after{content:"";display:block;max-width:var(--content-max);margin:0 auto;height:1px;background:rgba(0,0,0,.08);opacity:0;transition:opacity .3s}.nav.scrolled::after{opacity:1}.nav-inner,.nav-left{display:flex;align-items:center}.nav-inner{justify-content:space-between;height:var(--nav-height);padding:0 var(--side-padding);max-width:calc(var(--content-max) + var(--side-padding)*2);margin:0 auto}.nav-left{gap:24px}.nav-lang,.nav-links{display:flex;gap:24px;font-size:25px;font-weight:400}.nav-lang a,.nav-links a{color:var(--text-body);transition:color var(--transition-fast)}.nav-lang .active,.nav-links a.active,.nav-links a:hover{color:var(--accent)}.nav-links a.nav-radar{font-family:var(--font-mono);font-weight:300;letter-spacing:-1.5px}.nav-links a.nav-radar.active,.nav-links a.nav-radar:hover{color:#e8611a}.nav-links a.nav-radar .kern-r{margin-left:-2px}.nav-links a.nav-radar:hover{animation:nav-glitch .3s ease}.nav-lang{gap:16px}.nav-burger{display:none;width:44px;height:44px;justify-content:center;border:0;cursor:pointer;padding:0;z-index:200}.nav-burger span{display:block;width:24px;height:2px;background:var(--text);position:relative;transition:background var(--transition-fast)}.nav-burger span::after,.nav-burger span::before{content:"";position:absolute;width:24px;height:2px;background:var(--text);left:0;transition:transform var(--transition-base)}.nav-burger span::before{top:-7px}.nav-burger span::after{top:7px}.nav-burger,.nav-burger.open span{background:0 0}.nav-burger.open span::before{top:0;transform:rotate(45deg)}.nav-burger.open span::after{top:0;transform:rotate(-45deg)}.nav-mobile{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;inset:0;background:var(--bg);z-index:150;flex-direction:column;align-items:center;justify-content:center;gap:32px;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base);pointer-events:none}.nav-mobile.open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.nav-mobile a{font-size:32px;font-weight:400;transition:color var(--transition-fast)}.nav-mobile a.active,.nav-mobile a:hover{color:var(--accent)}.nav-mobile .nav-mobile-lang{display:flex;gap:16px;margin-top:16px;font-size:24px}.nav-mobile .nav-mobile-lang a{font-size:inherit}.main{max-width:calc(var(--content-max) + var(--side-padding)*2);width:100%;margin:0 auto;padding:80px var(--side-padding) 80px;flex:1}.projects-title{font-family:var(--font-sans);font-size:30px;font-weight:400;line-height:1.5;margin-bottom:32px;color:var(--text)}.projects-title--archive{margin-top:80px}.project-list{display:flex;flex-direction:column;max-width:var(--content-max)}.project-item{display:grid;grid-template-columns:repeat(12,1fr);align-items:start;column-gap:20px;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:opacity var(--transition-fast)}.project-year{grid-column:1}.project-thumb{grid-column:2}.project-name{grid-column:3/6}.project-info{grid-column:6/12}.project-arrow{grid-column:12}.project-item:first-child{border-top:1px solid var(--line)}.project-item:hover:not(:has(.project-name-link:hover)) .project-arrow,.project-item:hover:not(:has(.project-name-link:hover)) .project-info-desc,.project-item:hover:not(:has(.project-name-link:hover)) .project-name-title{color:var(--accent)}.project-year{font-family:var(--font-sans);font-size:25px;font-weight:400;color:var(--text);line-height:1;letter-spacing:-.2px}.project-thumb{width:100%;aspect-ratio:1;max-width:78px;border-radius:var(--radius-sm);object-fit:cover;object-position:top center;align-self:center}.project-thumb--cursor{background:#000;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:40px;font-weight:300;color:#fff;line-height:1}.project-thumb--cursor span{animation:cursor-blink 1s step-end infinite}.project-name{font-size:25px;font-weight:400;line-height:1.1}.project-name-title{display:block;line-height:1.1;transition:color var(--transition-fast)}.project-name-link{display:block;font-family:var(--font-sans);font-size:20px;font-weight:400;color:var(--text-dim);margin-top:2px}.project-name-link:hover{color:var(--accent)}.project-info{font-size:18px;line-height:1.1}.project-info-desc{display:block;color:var(--text);font-family:var(--font-sans);font-size:25px;line-height:1.1;font-feature-settings:"smcp";transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-info-industry,.project-info-tags{display:block;font-family:var(--font-sans);color:var(--text-dim);font-size:20px;margin-top:2px}.project-arrow{font-size:50px;font-weight:100;color:var(--text-dim);transition:color var(--transition-fast);line-height:1;text-align:right;align-self:center}.about-content p,a.project-item .project-arrow{color:var(--text)}.main--about{padding-top:0;padding-bottom:0;display:flex}.about-viewport{width:100%;min-height:calc(100vh - var(--nav-height));padding-bottom:70px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.about-content{max-width:568px}.about-content p{font-family:var(--font-sans);font-size:20px;font-weight:400;line-height:1.4;margin-bottom:14px}.about-content .about-label{color:var(--text-dim);margin-top:24px;margin-bottom:4px}.about-content .about-label:first-child{margin-top:0}.about-content a,.about-links a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.about-content a:hover,.about-links a:hover{text-decoration:none}.about-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:baseline;gap:40px;max-width:calc(var(--content-max) + var(--side-padding)*2);margin:0 auto;padding:20px var(--side-padding);background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50}.about-bottom p,.about-links{font-family:var(--font-sans);font-size:20px;font-weight:400}.about-bottom p{color:var(--text);margin-bottom:0}.about-links{display:flex;gap:30px;white-space:nowrap;flex-shrink:0}.about-links a{text-decoration-thickness:1px;text-underline-offset:5px;transition:color var(--transition-fast)}.main--case{padding-top:240px;overflow-x:hidden}.case-header{display:flex;align-items:center;gap:20px;max-width:var(--text-col);margin:0 auto;padding-left:var(--content-gutter)}.case-header-thumb{width:56px;height:56px;border-radius:var(--radius-lg);object-fit:cover;flex-shrink:0;overflow:hidden}.case-header-thumb iframe,.case-header-thumb video{width:100%;height:100%;display:block;border:0;pointer-events:none;border-radius:var(--radius-lg)}.case-header .case-h1{max-width:none;margin:0;padding-left:0}.case-h1{font-family:var(--font-sans);font-size:48px;font-weight:700;line-height:1.1;color:var(--text);max-width:var(--text-col);margin:0 auto;padding-left:var(--content-gutter)}.case-h1+.case-description,.case-header+.case-description{text-indent:0;margin-top:16px}.case-h1+.case-tabs,.case-header+.case-tabs{margin-top:110px}.case-h1+.case-body,.case-header+.case-body{margin-top:80px}.case-caption,.case-meta{font-family:var(--font-sans);font-weight:400;color:var(--text-dim)}.case-meta{max-width:var(--text-col);margin:0 auto 8px;padding-left:var(--content-gutter);font-size:18px}.case-meta+.case-tabs{margin-top:24px}.case-caption{font-size:14px;line-height:1.4}.case-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:var(--text-col);margin:0 auto 70px;padding-left:var(--content-gutter)}.case-stat-label,.case-stat-value{font-family:var(--font-sans);font-size:36px;font-weight:700;line-height:1.2;color:var(--text)}.case-stat-label{font-size:14px;font-weight:400;line-height:1.3;color:var(--text-dim);margin-top:4px}.case-nav{display:flex;justify-content:space-between;max-width:var(--text-col);margin:40px auto 0;padding:0 var(--content-gutter);box-sizing:border-box}.case-nav-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--accent);font-family:var(--font-sans);font-size:20px;line-height:25px;transition:opacity var(--transition-base);background:linear-gradient(var(--accent),var(--accent))0 100%/100% 1px no-repeat;padding-bottom:2px}.case-links a:hover,.case-nav-link:hover,.case-section a:hover{background-size:0 1px}.case-nav-dir{font-size:22px}.case-nav-next{margin-left:auto}.case-tabs{display:flex;gap:12px;max-width:var(--text-col);margin:0 auto 20px;padding-left:var(--content-gutter)}.case-tab{height:44px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:18px;font-weight:400;letter-spacing:-.4px;border:0;cursor:pointer;transition:all var(--transition-base);background:rgba(30,25,25,.04);color:var(--text)}.case-tab.active{background:var(--accent);color:#fff}.case-tab:not(.active):hover{background:rgba(30,25,25,.08)}.case-tab:focus-visible{outline:2px solid var(--text);outline-offset:2px}.case-tab-panel{display:none}.case-font-weights span,.case-tab-panel.active{display:block}.case-section{max-width:var(--text-col);margin:var(--section-gap) auto 30px;padding-left:var(--content-gutter);position:relative}.case-section-num{position:absolute;left:-20px;top:0;transform:translateX(-100%);font-family:var(--font-mono);font-size:20px;font-weight:500;line-height:25px;color:var(--text-body);text-align:right;text-transform:uppercase}.case-section-title{color:var(--text-body);margin-bottom:8px}.case-section h3,.case-section p,.case-section ul{font-family:var(--font-sans);font-weight:400;color:var(--text-body);margin:8px 0 0}.case-section ul{padding-left:24px;margin:0}.case-section ul li{list-style:disc}.case-section h3,.case-section-title{font-family:var(--font-mono);font-size:20px;font-weight:500;line-height:25px;letter-spacing:0;text-transform:uppercase}.case-section h3{font-style:normal;margin:25px 0 8px}.case-section strong{font-weight:400;font-style:normal}.case-concept figcaption,.case-quote{font-family:var(--font-sans);font-weight:400;color:var(--text-dim)}.case-quote,.case-section p,.case-section ul{font-size:20px;line-height:28px}.case-quote{max-width:var(--text-col);margin:25px auto;padding-left:var(--content-gutter);font-style:italic}.case-separator{border:0;border-top:1px solid var(--line);width:100%;margin:100px 0}.case-img{width:100%;border-radius:var(--radius-sm);margin:25px 0;display:block}.case-img-full{display:block;width:100%;margin:20px 0}.case-body>.case-img-full,.case-body>.case-img-scroll,.case-body>picture,.case-tab-panel>.case-img-full,.case-tab-panel>.case-img-scroll,.case-tab-panel>picture{display:block;max-width:calc(var(--text-col) - var(--content-gutter));margin:30px auto 30px max(0px,calc(50% - calc(var(--text-col)/2) + var(--content-gutter)))}picture.case-img-full{box-shadow:none;border-radius:0}.case-body>picture img,.case-img-full,.case-tab-panel>picture img{border-radius:var(--radius-sm);box-shadow:0 0 0 1px rgba(0,0,0,.08)}.case-body>picture .case-img-full,.case-tab-panel>picture .case-img-full{margin:0}.case-body>.case-caption,.case-tab-panel>.case-caption{max-width:var(--text-col);margin:8px auto 40px;padding-left:var(--content-gutter)}.case-body>picture.case-img-phone+.case-caption,.case-tab-panel>picture.case-img-phone+.case-caption{margin-top:0}.case-body>.case-img-full+.case-caption,.case-body>.case-img-scroll+.case-caption,.case-body>.case-slideshow-wrap+.case-caption,.case-body>.mac-mockup+.case-caption,.case-body>picture+.case-caption,.case-tab-panel>.case-img-full+.case-caption,.case-tab-panel>.case-img-scroll+.case-caption,.case-tab-panel>.case-slideshow-wrap+.case-caption,.case-tab-panel>.mac-mockup+.case-caption,.case-tab-panel>picture+.case-caption{margin-top:-20px}.case-body>.case-img-row,.case-body>.case-slideshow-wrap,.case-tab-panel>.case-img-row,.case-tab-panel>.case-slideshow-wrap{max-width:var(--text-col);margin:30px auto;padding-left:var(--content-gutter);box-sizing:border-box}.case-body--gallery>.case-img-full,.case-body--gallery>picture,.case-showcase>.case-img-full,.case-showcase>.case-img-row,.case-showcase>.case-slideshow-wrap,.case-showcase>picture{max-width:none;padding-left:0;margin-left:auto}.case-body--gallery>.case-description{text-align:left;text-indent:0;margin:16px auto 30px}.case-body>picture.case-img-phone{max-width:282px;margin:30px auto 8px max(0px,calc(50% - calc(var(--text-col)/2) + var(--content-gutter)))}.case-img-scroll{max-height:500px;overflow-y:auto}.case-img-scroll .case-img-full{border-radius:0;margin:0}.case-img-bordered .case-img-full,.case-img-bordered img,.case-img-scroll{border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm)}.case-img-full,.case-img-row img{cursor:zoom-in}.case-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:1000;display:flex;align-items:center;justify-content:center;cursor:zoom-out;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.case-lightbox.open{opacity:1;pointer-events:auto}.case-lightbox img,.case-lightbox video{max-width:95vw;max-height:95vh;object-fit:contain}.case-hero-video video,.case-video video{cursor:zoom-in}.case-img-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;align-items:stretch}.case-img-row--3{grid-template-columns:1fr 1fr 1fr}.case-concept{display:flex;flex-direction:column;margin:0}.case-concept picture,.case-concept>img{flex:1;min-height:0;overflow:hidden;border-radius:var(--radius-sm);box-shadow:0 0 0 1px rgba(0,0,0,.08)}.case-concept picture img{height:100%;width:100%;object-fit:cover}.case-concept figcaption{flex-shrink:0;font-size:14px;line-height:1.4;margin-top:8px}.case-img-row>.case-concept,.case-img-row>img,.case-img-row>picture{min-height:0}.case-img-row img,picture.case-img-phone img{width:100%;display:block;border-radius:var(--radius-sm)}.case-img-row img{height:100%;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}picture.case-img-phone{display:block;max-width:282px;margin:30px 0 8px max(0px,calc(50% - calc(var(--text-col)/2) + var(--content-gutter)))}picture.case-img-phone img{height:auto;margin:0}.case-section a{color:var(--accent);text-decoration:none;background:linear-gradient(to right,var(--accent) 0%,var(--accent) 100%)0 100%/100% 1px repeat-x;padding-bottom:1px;transition:background-size var(--transition-fast)}.case-section:has(+.case-links){margin-bottom:0}.case-description,.case-links{max-width:var(--text-col);margin:8px auto 50px;padding-left:var(--content-gutter)}.case-links a{font-family:var(--font-sans);font-size:20px;line-height:25px;color:var(--accent);text-decoration:none;background:linear-gradient(to right,var(--accent) 0%,var(--accent) 100%)0 100%/100% 1px repeat-x;padding-bottom:1px;margin-right:20px;transition:background-size var(--transition-fast)}.case-description{margin:50px auto;font-family:var(--font-sans);font-size:25px;font-weight:400;line-height:35px;color:var(--text-body);text-indent:168px}.case-video{position:relative;margin:25px 0;border-radius:var(--radius-sm);overflow:hidden}.case-video img,.case-video video{display:block;width:100%;border:0;outline:0}.case-body>.case-video,.case-tab-panel>.case-video{max-width:calc(var(--text-col) - var(--content-gutter));margin:25px auto 25px max(0px,calc(50% - calc(var(--text-col)/2) + var(--content-gutter)))}.case-body>.case-video--text-aligned,.case-tab-panel>.case-video--text-aligned{max-width:var(--text-col);margin:25px auto 50px;padding-left:var(--content-gutter)}.case-video--borderless{border-radius:0;overflow:visible;box-shadow:none}.case-video--borderless video{box-shadow:none;border:0;outline:0}.case-showcase>.case-video{max-width:none;margin-left:auto}.case-video+.case-caption,.case-video--text-aligned{max-width:var(--text-col);padding-left:var(--content-gutter)}.case-video--text-aligned{margin-left:auto;margin-right:auto;margin-bottom:50px;border-radius:0;overflow:visible}.case-video--text-aligned img,.case-video--text-aligned video{border-radius:var(--radius-sm);box-shadow:0 0 0 1px rgba(0,0,0,.08)}.case-video+.case-caption{margin:-40px auto 30px}.case-hero-video{position:relative;margin:50px 0;border-radius:var(--radius-sm);overflow:hidden}.case-hero-video img,.case-hero-video video{display:block;width:100%;border:0;outline:0}.case-hero-video .case-wordmark{position:absolute;bottom:20%;left:50%;transform:translateX(-50%);width:75%;max-width:762px}.case-slideshow-wrap{position:relative;margin:25px 0}.case-slideshow{position:relative;border-radius:var(--radius-sm);overflow:hidden;background:#f5f5f5;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.case-slideshow--dark{background:#000;aspect-ratio:16/9}.case-slideshow--dark .case-slideshow-track img{height:100%;object-fit:contain}.case-slideshow-track{display:flex;align-items:flex-start;transition:transform .4s ease}.case-slideshow-track img{width:100%;height:auto;flex-shrink:0;display:block;box-shadow:0 0 0 1px rgba(0,0,0,.08);border-radius:var(--radius-sm)}.case-slideshow-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(200,200,200,.6);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background var(--transition-fast)}.case-slideshow-arrow:hover{background:rgba(170,170,170,.8)}.case-slideshow-arrow[data-prev]{left:-64px}.case-slideshow-arrow[data-next]{right:-64px}.case-img-overlay iframe,.case-slideshow-nav{position:absolute;left:50%;transform:translateX(-50%)}.case-slideshow-nav{bottom:12px;display:flex;align-items:center;gap:0;background:rgba(40,40,40,.4);border-radius:var(--radius-sm);min-width:64px;height:32px;padding:0 8px}.case-slideshow-counter{font-family:-apple-system,system-ui,sans-serif;font-size:12px;font-weight:500;color:#fff;text-align:center;min-width:24px;line-height:32px;cursor:default;width:100%}.case-embed,.case-img-overlay>img{display:block;border-radius:var(--radius-sm)}.case-embed{margin:25px 0;border:0;max-width:100%}.case-font-showcase{margin:120px 0;padding:80px 0}.case-font-title{font-family:var(--font-sans);font-size:100px;font-weight:500;line-height:100px;letter-spacing:-5px;color:#1f1914;margin-bottom:40px}.case-font-chars,.case-font-weights{font-family:var(--font-sans);font-size:56px;line-height:56px}.case-font-weights{color:#1f1914;margin-bottom:40px}.case-font-chars{font-weight:500;color:#d2d0d2;word-break:break-all}.case-img-overlay{position:relative;margin:25px 0}.case-img-overlay>img{width:100%}.case-img-overlay iframe{bottom:0;border:0;border-radius:0 0 20px 20px}.case-img-overlay .case-overlay-mini{position:absolute;bottom:20px;left:20px;width:153px;height:153px;border-radius:15px;object-fit:cover}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){:root{--side-padding:24px}.projects-title{font-size:32px;margin-bottom:32px}.project-item{grid-template-columns:70px 60px 1fr auto;gap:16px;padding:16px 0}.project-thumb{width:60px;height:60px}.project-info{display:none}.project-name{grid-column:3;font-size:22px}.project-arrow{grid-column:4;font-size:36px}.year-range{display:none}.case-description{text-indent:0}.case-slideshow-arrow[data-prev]{left:8px}.case-slideshow-arrow[data-next]{right:8px}}@media (max-width:480px){.nav-lang,.nav-links{font-size:20px;gap:14px}.nav-lang{gap:10px}.project-item{grid-template-columns:1fr auto;gap:12px}.project-name{grid-column:1}.project-arrow{grid-column:2}.project-thumb,.project-year{display:none}.main--about{padding-top:32px;padding-bottom:48px;align-items:flex-start}.about-viewport{min-height:auto;padding-bottom:0;justify-content:flex-start}.about-bottom{position:static;width:100%;flex-direction:column;align-items:flex-start;gap:12px;margin-top:32px;padding:0}.about-links{gap:14px;flex-wrap:wrap}.about-content p,.case-section p,.case-section ul{font-size:18px}.about-content strong{margin-top:20px}.case-header{padding-left:0;gap:14px}.case-header-thumb{width:44px;height:44px;border-radius:var(--radius-sm)}.case-meta{font-size:16px}.case-body>.case-img-full,.case-body>.case-img-scroll,.case-body>.case-video,.case-body>picture,.case-tab-panel>.case-img-full,.case-tab-panel>.case-img-scroll,.case-tab-panel>.case-video,.case-tab-panel>picture{margin-left:0;max-width:none}.case-body>.case-caption,.case-body>.case-img-row,.case-body>.case-slideshow-wrap,.case-meta,.case-tab-panel>.case-caption,.case-tab-panel>.case-img-row,.case-tab-panel>.case-slideshow-wrap{padding-left:0}.case-nav{padding:0}.case-tabs{flex-wrap:wrap;margin-bottom:40px}.case-tab{font-size:18px;padding:10px 24px;width:auto;height:auto}.case-h1{font-size:32px;padding-left:0}.case-stats{grid-template-columns:repeat(2,1fr)}.case-section,.case-stats{padding-left:0}.case-section-num{position:static;display:inline;transform:none;margin-right:8px}.case-section-title{display:inline}.case-links,.case-quote{padding-left:0}.case-description{padding-left:0;font-size:20px;line-height:28px;text-indent:0}.case-slideshow-arrow{display:none}.case-slideshow{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.case-slideshow-track{transition:none}.case-slideshow-track img{scroll-snap-align:start}.case-slideshow--dark{aspect-ratio:16/9}.case-img-row{grid-template-columns:1fr}.case-font-title{font-size:48px;line-height:48px;letter-spacing:-2px}.case-font-weights{font-size:32px;line-height:36px}.case-font-chars{font-size:28px;line-height:32px}.case-img-overlay{overflow:hidden}.case-img-overlay iframe{bottom:18%!important;width:50%!important;height:40%!important}.main--case{padding-top:140px}}.mac-mockup{max-width:calc(var(--text-col) - var(--content-gutter));margin:30px auto 30px max(0px,calc(50% - calc(var(--text-col)/2) + var(--content-gutter)));background:#f5f5f5;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.mac-mockup-titlebar{display:flex;align-items:center;height:40px;padding:0 16px;background:#e8e8e8;gap:8px}.mac-mockup-dots{display:flex;gap:6px}.mac-mockup-dot{width:10px;height:10px;border-radius:50%}.mac-mockup-dot--close{background:#ff5f57}.mac-mockup-dot--minimize{background:#febc2e}.mac-mockup-dot--maximize{background:#28c840}.mac-mockup-url{flex:1;text-align:center;font-size:12px;color:rgba(0,0,0,.4);font-family:var(--font-sans)}.mac-mockup-viewport{height:420px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mac-mockup-viewport::-webkit-scrollbar{width:6px}.mac-mockup-viewport::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}.mac-mockup-viewport img{display:block;width:100%}@media (max-width:480px){.mac-mockup{margin-left:0;max-width:none}.mac-mockup-viewport{height:300px}}.radar{max-width:var(--content-max);margin:0 auto;padding:0}.radar-header{margin-bottom:48px}.radar-ascii,.radar-sub{font-family:var(--font-mono)}.radar-ascii{font-size:8px;line-height:1.15;color:var(--text-faint);letter-spacing:0;user-select:none;margin-bottom:12px}.radar-sub{font-size:14px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.radar-feed{display:flex;flex-direction:column}.radar-line{display:grid;grid-template-columns:repeat(12,1fr);column-gap:20px;padding:20px 0;border-top:1px solid rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:background .15s ease;cursor:pointer;position:relative}.radar-line:last-child{border-bottom:1px solid rgba(0,0,0,.06)}.radar-line:hover{background:rgba(248,64,28,.03)}.radar-line:hover .radar-title{color:var(--accent);text-shadow:-.5px 0 rgba(248,64,28,.4),.5px 0 rgba(79,195,247,.3)}.radar-line:hover .radar-source,.radar-meta{font-family:var(--font-mono);color:var(--text-dim)}.radar-meta{grid-column:1/3;grid-row:1/3;display:flex;flex-direction:column;gap:6px;font-size:16px;padding-top:4px}.radar-tag{font-family:var(--font-mono);font-size:14px;color:var(--accent)}.radar-desc,.radar-title{grid-column:3/11;font-family:var(--font-sans)}.radar-title{font-size:25px;font-weight:400;line-height:1.3;color:var(--text);transition:color .15s ease,text-shadow .15s ease}.radar-desc{font-size:20px;line-height:1.4;color:var(--text-dim);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.radar-source{display:none}.radar-line:hover .radar-source{display:inline;grid-column:11/13;grid-row:1;text-align:right;font-size:12px}.radar-counter{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);text-align:right;margin-top:16px;min-height:16px}.main--radar{--radar-accent:#E8611A;padding-top:16px;padding-bottom:60px}.main--radar .radar-tag{color:var(--radar-accent)}.main--radar .radar-line:hover .radar-title{color:var(--radar-accent);text-shadow:-.5px 0 rgba(232,97,26,.4),.5px 0 rgba(79,195,247,.3)}.main--radar .radar-line:hover{background:rgba(232,97,26,.03)}.radar-intro{margin-bottom:100px;border-radius:var(--radius-sm);overflow:hidden}.radar-intro video{display:block;width:100%;height:auto}.radar-tags{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:32px}.radar-filter{font-family:var(--font-mono);font-size:16px;font-weight:500;padding:0;border:0;background:0 0;color:var(--text-dim);cursor:pointer;transition:color .15s ease}.radar-filter:hover{color:var(--text)}.radar-filter.active{color:var(--radar-accent, var(--accent))}.radar-line.filtered-out{display:none}@media (max-width:900px){.radar-ascii{font-size:5px}.radar-line{grid-template-columns:1fr;gap:4px}.radar-meta{grid-column:1;grid-row:auto;flex-direction:row;gap:12px}.radar-desc,.radar-title{grid-column:1;font-size:20px}.radar-desc{font-size:17px}.radar-source{display:none!important}.radar-filter{font-size:14px}}@media (max-width:480px){.radar-ascii{font-size:4px;overflow:hidden}.radar-title{font-size:18px}.radar-desc{font-size:16px}}@media (max-width:400px){.nav-radar{display:none}}.reading-progress{position:fixed;top:0;left:0;width:0%;height:1px;background:var(--accent);z-index:101;pointer-events:none;will-change:width}.print-qr{display:none}@media print{#ds-overlay,#terminal,.case-lightbox,.nav,.nav-mobile,.reading-progress,[style*="position:fixed"]{display:none!important}body{overflow:visible!important;height:auto!important;font-size:12pt;color:#000;background:#fff}.main--about{padding:0}.about-viewport{min-height:auto;padding:0}.about-content{max-width:100%}.about-content p{font-size:11pt;line-height:1.5;color:#000}.about-label{font-weight:700;color:#333;margin-top:16pt;text-transform:uppercase;font-size:9pt;letter-spacing:.5pt}.about-bottom{position:static;background:0 0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:16pt 0 0;border-top:.5pt solid #ccc;margin-top:16pt}.about-bottom p{font-size:10pt;color:#333}.about-links a{color:#000;text-decoration:none}.about-links a::after{content:" ("attr(href)")";font-size:8pt;color:#666}.print-qr{display:block!important;text-align:right;margin-top:24pt}.print-qr img{width:80pt;height:80pt}.print-qr span{display:block;font-size:8pt;color:#666;margin-top:4pt}@page{margin:20mm;size:A4}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.case-img-full:not([data-loaded]),.case-img-row img:not([data-loaded]),.case-video video:not([data-loaded]),picture img:not([data-loaded]){background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.lb-close{position:fixed;top:20px;right:20px;z-index:1001;background:0 0;border:0;color:#fff;font-size:32px;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.lb-close:focus-visible,.lb-close:hover{opacity:1;outline:2px solid #fff;outline-offset:2px;border-radius:50%}