:root{--surface:#ededeb;--line:#d5d5d1;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--paper);color:var(--ink);font-family:var(--font-body),sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:15px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait}a,button,input{outline-offset:6px}:is(a:focus-visible,button:focus-visible,input:focus-visible){outline:2px solid var(--accent)}button{color:inherit}::selection{background:var(--accent);color:#fff}h1,h2,h3,p{margin:0}h1,h2,.contact-title{font-family:var(--font-display),serif;letter-spacing:-.055em;font-weight:800}h2{font-size:clamp(36px,4.7vw,70px);line-height:1.18}p{line-height:1.8}img{max-width:100%;display:block}svg{flex-shrink:0}.section{padding:110px clamp(24px,6vw,100px);position:relative}.eyebrow{letter-spacing:.12em;text-transform:uppercase;margin-bottom:27px;font-size:12px;font-weight:500}.skip-link{background:var(--paper);z-index:30;padding:12px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.navigation{z-index:5;justify-content:space-between;align-items:center;height:100px;padding:0 clamp(24px,4vw,72px);display:flex;position:relative}.wordmark{font-family:var(--font-display);letter-spacing:-.11em;font-size:43px;line-height:1}.navigation nav{align-items:center;gap:36px;font-size:13px;display:flex}.navigation nav a{padding:8px 0;position:relative}.navigation nav a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.navigation nav a:hover:after{transform:scaleX(1)}.navigation-light{color:#f7f7f2}.hero{background:var(--dark);color:#f7f7f2;min-height:100dvh;padding-bottom:100px;position:relative;overflow:hidden}.hero-top{z-index:1;justify-content:space-between;padding:25px 6vw 0;font-size:12px;display:flex;position:relative}.hero-top p{line-height:1.9}.hero-top span,.hero-note{color:#aeb0b0}.hero-note{text-align:right}.hero-composition{height:calc(100dvh - 260px);min-height:660px;max-height:950px;margin:0 6vw;position:relative}.hero-copy{z-index:2;max-width:52%;padding-top:90px;position:relative}.hero h1{font-size:clamp(42px,5.2vw,82px);line-height:1.14}.hero-copy>p{color:#c5c7c5;max-width:320px;margin:25px 0 31px;font-size:14px}.hero-cta{border-bottom:1px solid #747674;align-items:center;gap:36px;padding-bottom:12px;font-size:13px;display:inline-flex}.hero-cta span{font-size:26px}.portrait{background:#787a75;border-radius:48% 48% 12px 12px;width:44%;height:78%;position:absolute;top:40px;right:0;overflow:hidden}.portrait img{object-fit:cover;object-position:37% 50%;filter:grayscale();transition:filter .8s,transform 1.2s}.portrait:hover img{filter:grayscale(0);transform:scale(1.025)}.hero-name{font-family:var(--font-display);letter-spacing:-.085em;z-index:2;pointer-events:none;font-size:clamp(130px,20vw,310px);line-height:1.1;position:absolute;bottom:-30px;left:-.025em}.hero-name span{color:#69b1ef}.work{padding-top:60px}.curve-space{pointer-events:none;width:100%;height:100px;position:absolute;top:-99px;left:0}.curve{background:var(--paper);transform-origin:bottom;border-radius:50% 50% 0 0/100% 100% 0 0;position:absolute;inset:0 -10%}.work-intro{max-width:840px;margin:0 0 65px}.work-intro>p:last-child{max-width:460px;color:var(--muted);margin-top:24px}.project{margin-bottom:100px}.project:last-child{margin-bottom:0}.project-poster{border-radius:var(--radius);min-height:650px;display:block;position:relative;overflow:hidden}.agentic-poster{color:#16354a;background:#e2e9ed}.poster-heading{z-index:1;justify-content:space-between;padding:32px 36px;font-size:12px;display:flex;position:relative}.poster-heading>a{border-bottom:1px solid;padding-bottom:5px}.poster-bottom{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:42px;left:42px;right:42px}.poster-bottom p{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(28px,3.4vw,50px);line-height:1.2}.round-arrow{border:1px solid #81919c;border-radius:50%;place-items:center;width:62px;height:62px;font-size:30px;transition:background .25s,color .25s,transform .3s;display:grid}.project-poster:hover .round-arrow{color:#fff;background:#16354a;transform:rotate(45deg)}.audience-art{position:absolute;inset:0;overflow:hidden}.audience-ring{border:1px solid #7c9bb055;border-radius:50%;width:570px;height:570px;margin-top:-285px;margin-left:-285px;position:absolute;top:50%;left:50%}.ring-two{border-style:dashed;border-color:#7493a477;width:440px;height:440px;margin-top:-220px;margin-left:-220px}.ring-three{border-color:#91a9b5;width:290px;height:290px;margin-top:-145px;margin-left:-145px}.audience-ring i{background:#7195ad;border-radius:50%;width:16px;height:16px;position:absolute;top:13%;left:15%}.audience-ring i:nth-child(2){width:24px;height:24px;top:32%;left:94%}.audience-ring i:nth-child(3){width:10px;height:10px;top:96%;left:35%}.audience-core{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audience-core>span{margin-bottom:16px;font-size:12px;display:block}.audience-core strong{font-family:var(--font-display);letter-spacing:-.05em;font-size:36px;line-height:1.25}.project-caption{justify-content:space-between;align-items:flex-start;gap:25px;margin-top:25px;display:flex}.project-caption h3{letter-spacing:-.05em;margin-bottom:6px;font-size:22px;font-weight:500}.project-caption h3 a:hover{color:var(--accent)}.project-caption p{color:var(--muted);font-size:13px}.project-caption>span{color:var(--muted);padding-top:8px;font-size:11px}.segments-poster{background:var(--surface);border-radius:var(--radius);padding-bottom:30px;overflow:hidden}.segments-title{font-family:var(--font-display);letter-spacing:-.05em;margin:10px 6% 45px;font-size:clamp(35px,4.5vw,64px);line-height:1.15}.segments-title span{color:var(--muted)}.comparison-wrap{width:100%}.comparison-wrap.compact{width:86%;margin:auto}.comparison-labels{color:var(--muted);justify-content:space-between;margin-bottom:12px;font-size:11px;display:flex}.comparison{aspect-ratio:16/9;isolation:isolate;background:#fff;border-radius:6px;width:100%;position:relative;overflow:hidden;box-shadow:0 15px 36px #22222212}.comparison img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%}.comparison-before{position:absolute;inset:0}.comparison-handle{pointer-events:none;background:#0e6cc2;width:2px;position:absolute;top:0;bottom:0}.comparison-handle span{color:#fff;white-space:pre;background:#0e6cc2;border-radius:50%;place-items:center;width:42px;height:42px;font-size:21px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 14px #2223}.comparison input{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:16px;font-size:10px;display:flex}.text-button{font-size:inherit;text-underline-offset:5px;background:0 0;border:0;padding:5px 0;text-decoration:underline}.about{border-top:1px solid var(--line);padding-top:110px}.about-grid{grid-template-columns:1fr 1.05fr;gap:10%;margin-top:65px;display:grid}.about-copy p{color:var(--muted);margin-bottom:24px;font-size:16px;line-height:1.95}.history-title{font-family:var(--font-editorial);font-size:24px;line-height:1.5}.device-line{align-items:center;gap:22px;height:90px;margin:20px 0;display:flex}.device-line img{object-fit:contain;filter:invert();opacity:.6;width:40px;height:35px}.about-history>p:not(.history-title){font-size:13px;line-height:2.5}.about-history>p span{color:var(--muted);margin-left:14px;font-size:11px}.underlined{border-bottom:1px solid;margin-top:25px;padding:6px 0;font-size:12px;display:inline-block}.beyond{padding-top:30px}.interests{border-top:1px solid var(--line);margin-top:60px}.interest{border-bottom:1px solid var(--line)}.interest>button{text-align:left;background:0 0;border:0;align-items:center;gap:30px;width:100%;padding:28px 0;display:flex}.interest-label{width:25%;color:var(--muted);font-size:12px}.interest-title{font-family:var(--font-editorial);letter-spacing:-.04em;flex:1;font-size:clamp(22px,3vw,40px)}.interest>button svg{transition:transform .3s}.interest-active>button svg{color:var(--accent);transform:rotate(90deg)}.interest-detail:not([hidden]){color:var(--accent);align-items:center;gap:50px;padding:10px 10% 45px 27%;display:flex}.interest-detail p{max-width:350px;color:var(--muted);font-size:15px}.footer{background:var(--surface);border-radius:60px 60px 0 0;padding-bottom:30px}.footer>p{margin-bottom:30px;font-size:13px}.contact-title{letter-spacing:-.065em;font-size:clamp(52px,8.2vw,124px);line-height:1.12;display:block}.contact-title span{font-family:var(--font-body);transition:transform .3s;display:inline-block}.contact-title:hover span{color:var(--accent);transform:translate(10px,-10px)}.footer-bottom{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:30px;margin-top:85px;padding-top:25px;font-size:11px;display:flex}.intro{z-index:20;pointer-events:none;position:fixed;inset:0}.intro-mask{background:#191a1b;position:absolute;inset:0}.device-stage{perspective:500px;place-items:center;width:100px;height:100px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.device-stage img{object-fit:contain;max-width:100px;max-height:78px}.intro-disc{background:#f8f8f6;border-radius:50%;width:70px;height:70px}.skip-intro{pointer-events:auto;color:#fff;background:#191a1b;border:0;border-bottom:1px solid #777;padding:10px;font-size:12px;position:absolute;bottom:30px;right:35px}.case-main{max-width:1400px;margin:auto;padding:60px 6vw 100px}.case-back{color:var(--muted);font-size:12px}.case-header .eyebrow{color:var(--accent)}.case-header h1{max-width:1000px;font-size:clamp(42px,6vw,86px);line-height:1.12}.case-header>p:last-child{max-width:700px;color:var(--muted);margin-top:30px;font-size:18px}.case-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px;padding:25px 0;font-size:13px;display:grid}.case-meta dt{color:var(--muted);margin-bottom:7px;font-size:11px}.case-meta dd{margin:0}.case-section{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.25fr;gap:10%;padding:75px 0;display:grid}.case-section h2{font-size:clamp(28px,3.5vw,48px)}.case-section p{color:var(--muted);margin-bottom:20px;line-height:1.95}.case-section ul{color:var(--muted);padding-left:20px;line-height:2}.case-image{border-radius:12px;width:100%;margin:45px 0}.case-links{flex-wrap:wrap;gap:16px;margin:35px 0;display:flex}.button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:50px;justify-content:center;align-items:center;gap:24px;padding:16px 23px;font-size:12px;transition:transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.secondary{color:var(--ink);background:0 0}.case-next{font-family:var(--font-display);margin-top:80px;font-size:30px;display:block}.gate-scene{background:#dde4e7;border-radius:16px;min-height:720px;position:relative;overflow:hidden}.gate-scene .audience-art{opacity:.5;filter:blur(6px)}.gate-tint{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#222;background:#edf0f299;place-items:center;min-height:720px;padding:40px;display:grid;position:relative}.gate-panel{text-align:center;width:100%;max-width:410px}.gate-panel>svg{margin:0 auto 25px}.gate-panel .eyebrow{margin-bottom:18px;font-size:10px}.gate-panel h2{font-size:32px;line-height:1.3}.gate-panel>p:not(.eyebrow):not(.form-error){color:#52575a;margin:20px 0 30px;font-size:12px;line-height:1.9}.gate-panel label{text-align:left;margin-bottom:9px;font-size:11px;display:block}.password-row{background:#f8fafb;border:1px solid #a2a9ae;border-radius:8px;display:flex;overflow:hidden}.password-row input{color:#222;background:0 0;border:0;width:100%;min-width:0;padding:17px;font-size:13px}.password-row button{color:#fff;background:#222;border:0;flex-shrink:0;place-items:center;width:60px;display:grid}.form-error{color:#a32222;min-height:40px;padding-top:10px;font-size:12px}.gate-panel>a{text-underline-offset:5px;font-size:11px;text-decoration:underline}.session-bar{background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;padding:15px 20px;font-size:11px;display:flex}.session-bar button{background:0 0;border:0;text-decoration:underline}.resume-sheet{border:1px solid var(--line);max-width:1000px;margin:50px auto;padding:50px}.resume-sheet h1{font-size:55px}.resume-sheet h2{margin:35px 0 15px;font-size:25px}.resume-sheet h3{color:var(--accent);margin:25px 0 6px;font-size:17px}.resume-sheet p{margin-bottom:12px}.resume-sheet .date{font-family:var(--font-editorial);color:var(--muted)}@media (min-width:1600px){.section{padding-left:max(6vw,50vw - 700px);padding-right:max(6vw,50vw - 700px)}.hero-composition{max-width:1400px;margin:auto}}@media (max-width:900px){.hero-copy{padding-top:100px}.hero-composition{min-height:620px}.portrait{width:48%;height:70%;top:70px}.hero-name{bottom:5px}.hero h1{font-size:5.8vw}.hero-copy>p{max-width:260px;font-size:12px}.project-caption{display:block}.project-caption>span{margin-top:10px;display:block}.about-grid{gap:6%}.about-copy p{font-size:14px}.project-poster{min-height:560px}.audience-ring{transform:scale(.8)}.interest-detail:not([hidden]){padding-left:20%}}@media (max-width:700px){.section{padding:70px 24px}.navigation{height:80px;padding:0 24px}.navigation nav{gap:20px;font-size:11px}.navigation .nav-contact{display:none}.hero{padding-bottom:70px}.hero-top{padding:15px 24px 0;font-size:10px}.hero-note{display:none}.hero-composition{height:auto;min-height:850px;margin:0 24px}.hero-copy{max-width:100%;padding-top:40px}.hero h1{max-width:480px;font-size:clamp(40px,10vw,62px)}.hero-copy>p{max-width:300px;margin:20px 0;font-size:12px}.hero-cta{gap:24px;font-size:12px}.portrait{border-radius:48% 48% 8px 8px;width:88%;height:400px;top:350px;right:0}.hero-name{font-size:28vw;bottom:15px}.curve-space{height:60px;top:-59px}.work{padding-top:25px}.work-intro{margin-bottom:40px}.work-intro>p:last-child{font-size:13px}.eyebrow{margin-bottom:20px;font-size:10px}.project{margin-bottom:65px}.project-poster{min-height:450px}.poster-heading{padding:22px;font-size:9px}.poster-bottom{bottom:25px;left:24px;right:24px}.poster-bottom p{font-size:26px}.round-arrow{width:45px;height:45px;font-size:25px}.audience-ring{width:350px;height:350px;margin-top:-175px;margin-left:-175px}.ring-two{width:270px;height:270px;margin-top:-135px;margin-left:-135px}.ring-three{width:180px;height:180px;margin-top:-90px;margin-left:-90px}.audience-core{top:45%}.audience-core strong{font-size:27px}.audience-core>span{font-size:10px}.project-caption h3{font-size:19px}.project-caption p{font-size:11px}.project-caption>span{font-size:10px}.segments-title{margin:18px 22px 30px;font-size:32px}.comparison-wrap.compact{width:90%}.comparison-caption{flex-wrap:wrap;font-size:9px}.comparison-caption>span{display:none}.comparison-caption>button{margin-left:auto}.comparison-handle span{width:30px;height:30px;font-size:17px}.comparison-labels{font-size:9px}.about-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.about-copy p{font-size:14px}.about-history{order:2}.interest>button{flex-wrap:wrap;gap:12px;padding:24px 0}.interest-label{width:100%;font-size:10px}.interest-title{font-size:27px}.interest-detail:not([hidden]){gap:24px;padding:5px 0 30px}.interest-detail svg{width:80px;height:80px}.interest-detail p{font-size:12px}.footer{border-radius:30px 30px 0 0;padding-bottom:25px}.contact-title{font-size:clamp(42px,10vw,70px)}.footer-bottom{flex-wrap:wrap;gap:20px;margin-top:60px;font-size:10px}.footer-bottom>span{width:100%}.case-main{padding:35px 24px 60px}.case-header{padding:40px 0}.case-header>p:last-child{font-size:15px}.case-meta{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.case-section{grid-template-columns:1fr;gap:25px;padding:45px 0}.case-section p{font-size:14px}.gate-scene,.gate-tint{min-height:600px}.gate-tint{padding:30px 20px}.gate-panel h2{font-size:26px}.resume-sheet{margin:20px;padding:24px}.resume-sheet h1{font-size:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.intro{display:none}.portrait img{transform:none!important}}@media print{.navigation,.skip-link,.resume-actions{display:none}.resume-sheet{border:0;margin:0;padding:0;font-size:10pt}.resume-sheet h1{font-size:26pt}.resume-sheet h2{font-size:14pt}.resume-sheet h3{font-size:11pt}:root{--paper:white!important;--ink:#222!important;--muted:#666!important;--accent:#0e6cc2!important}body{color:#222;background:#fff}.resume-sheet section{break-inside:avoid}@page{margin:16mm}}.curve-space{overflow:hidden}@media (min-width:901px) and (max-height:850px){.hero{padding-bottom:55px}.hero-top{padding-top:0}.hero-composition{height:calc(100dvh - 205px);min-height:460px}.hero-copy{padding-top:42px}.hero h1{font-size:4.7vw}.hero-copy>p{margin:18px 0 22px;font-size:12px}.hero-name{font-size:14vw;bottom:-15px}.portrait{height:88%;top:25px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#ededeb;--line:#d5d5d1}.cover-track{background:#e4e4e0;height:230dvh;position:relative}.cover-stage{background:var(--paper);height:100dvh;position:sticky;top:0;overflow:hidden}.cover-photo{isolation:isolate;position:absolute;inset:0}.cover-photo img{object-fit:cover;object-position:center;filter:grayscale()}.cover-shade{background:linear-gradient(#0004 0%,#0000 35%,#0008 100%);position:absolute;inset:0}.cover-name{font-family:var(--font-display);letter-spacing:-.065em;color:#fff;transform-origin:0 0;white-space:nowrap;z-index:2;margin:0;font-size:min(18vw,260px);line-height:1.05;position:absolute;bottom:85px;left:5.5vw}.cover-i{display:inline-block;position:relative}.name-dot{background:currentColor;border-radius:50%;width:.095em;height:.095em;position:absolute;top:.1em;left:30%}.cover-description{color:#fff;z-index:2;font-size:clamp(12px,1.1vw,17px);line-height:1.5;position:absolute;bottom:32px;left:6vw}.cover-work-link{color:#fff;z-index:2;border-bottom:1px solid #fffa;padding-bottom:8px;font-size:13px;position:absolute;bottom:32px;right:6vw}.cover-navigation{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;height:76px;padding:0 48px;display:flex;position:fixed;inset:0 0 auto}.cover-navigation a{pointer-events:auto}.cover-navigation nav{align-items:center;gap:36px;font-size:12px;display:flex}.cover-navigation nav a{padding:14px 0}.docked-name{font-family:var(--font-display);letter-spacing:-.065em;opacity:0;visibility:hidden;font-size:30px}.docked-name.is-visible{opacity:1;visibility:visible}.work{background:var(--paper);padding-top:80px;scroll-margin-top:70px}.work .curve{background:var(--paper)}.agentic-poster{border:1px solid var(--line);background:#fff;border-radius:0;min-height:0}.wireframe-preview{aspect-ratio:1920/1000;pointer-events:none;width:100%;position:relative;overflow:hidden}.wireframe-preview iframe{transform-origin:0 0;pointer-events:none;border:0;width:1920px;height:1000px;position:absolute;top:0;left:0}.footer{background:var(--surface);border-radius:0;margin-top:100px}.footer .curve{background:var(--surface)}.footer-bottom{justify-content:flex-end}.footer-bottom>span{margin-right:auto}.navigation{background:var(--paper);height:76px;position:sticky;top:0}.navigation .wordmark{letter-spacing:-.065em;font-size:30px}.comparison-handle span{border-radius:4px;width:30px;height:42px}.round-arrow{display:none}@media (max-width:700px){.cover-navigation{height:76px;padding:0 24px}.cover-navigation nav{gap:19px;font-size:11px}.cover-name{font-size:18vw;bottom:140px;left:24px}.cover-description{font-size:12px;bottom:94px;left:24px}.cover-work-link{font-size:12px;bottom:30px;right:24px}.cover-photo img{object-position:center}.work{padding-top:40px}.wireframe-preview{aspect-ratio:1920/1000}.wireframe-preview iframe{width:1920px}.footer{border-radius:0;margin-top:65px}.footer-bottom{gap:16px}.footer-bottom>span{width:auto;margin-right:auto}.docked-name{font-size:26px}.project-caption h3{font-size:18px}}@media (prefers-reduced-motion:reduce){.cover-track{height:100dvh}.cover-stage{position:relative}.cover-navigation{color:#fff!important;background:#191a1b!important}.cover-name{opacity:1!important;color:#fff!important}.cover-photo{clip-path:none!important;opacity:1!important}.cover-description,.cover-work-link{opacity:1!important}}.cover-photo{opacity:var(--photo-opacity,1)}.cover-description,.cover-work-link{opacity:var(--copy-opacity,1)}.work{z-index:3;margin-top:-33dvh}.cover-stage{z-index:2}@media (prefers-reduced-motion:reduce){.work{margin-top:0}.cover-photo,.cover-description,.cover-work-link{opacity:1!important}}.cover-identity{transform-origin:0 0;color:#fff;z-index:2;pointer-events:none;width:max-content;position:absolute;bottom:32px;left:5.5vw}.cover-identity .cover-name{width:max-content;color:inherit;position:relative;bottom:auto;left:auto}.cover-identity .cover-description{color:inherit;white-space:nowrap;margin-top:20px;line-height:1.25;position:static}.cover-description>span{display:inline-block}#work{padding-top:8px;scroll-margin-top:44px}.agentic-poster{border-radius:var(--radius)}@media (max-width:700px){.cover-identity{bottom:90px;left:24px}.cover-identity .cover-description{margin-top:12px}}:root{--page-gutter:clamp(24px,6vw,100px)}.cover-navigation,.navigation{padding-inline:var(--page-gutter)}.cover-identity .cover-description{margin-top:10px}.work-intro{margin-bottom:24px}#work>.featured-project-wrap{margin-bottom:80px}#work>.featured-project-wrap:last-child{margin-bottom:0}.project-card-heading{align-items:flex-start;gap:24px;padding:36px 7% 28px}.project-card-heading .segments-title{margin:0}.project-card-heading>a{white-space:nowrap;margin-top:10px}.project-card-heading p{color:var(--muted);margin-top:24px;font-size:15px}.spotlight-preview{aspect-ratio:16/9;background:#04232d;border-radius:6px;width:86%;margin:auto;position:relative;overflow:hidden;container-type:inline-size}.spotlight-preview>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.spotlight-result{opacity:0;animation:10s infinite paused spotlight-result}.spotlight-typing{color:#fff;background:#02181f;align-items:center;width:15%;height:3.5%;font-family:Arial,sans-serif;font-size:.83cqw;animation:10s infinite paused spotlight-input;display:flex;position:absolute;bottom:1.7%;left:6%}.spotlight-typing span{white-space:nowrap;width:0;animation:10s steps(16,end) infinite paused spotlight-type;display:block;overflow:hidden}.spotlight-preview.is-playing .spotlight-result,.spotlight-preview.is-playing .spotlight-typing,.spotlight-preview.is-playing .spotlight-typing span{animation-play-state:running}@keyframes spotlight-result{0%,42%{opacity:0}48%,90%{opacity:1}97%,to{opacity:0}}@keyframes spotlight-input{0%,26%{opacity:1}29%,to{opacity:0}}@keyframes spotlight-type{0%,8%{width:0}24%,to{width:100%}}@media (max-width:700px){.cover-identity .cover-description{margin-top:6px}.project-card-heading{flex-direction:column;padding:24px 7%}.project-card-heading>a{margin-top:0}.project-card-heading p{margin-top:16px;font-size:12px}}@media (prefers-reduced-motion:reduce){.spotlight-result{opacity:1;animation:none}.spotlight-typing{display:none}}.testimonial-footer{background:var(--surface);height:calc(100dvh - 76px + var(--testimonial-travel));min-height:600px;margin-top:100px;position:relative}.testimonial-footer .curve{background:var(--surface)}.testimonial-stage{height:calc(100dvh - 76px);min-height:600px;padding:40px var(--page-gutter) 30px;flex-direction:column;justify-content:center;display:flex;position:sticky;top:76px}.testimonial-viewport{flex:1;align-items:center;width:100%;display:flex;overflow:hidden}.testimonial-strip{will-change:transform;align-items:center;width:max-content;display:flex}.testimonial-group{flex:none;align-items:center;gap:clamp(64px,10.7vw,205px);padding-right:clamp(64px,10.7vw,205px);display:flex;position:relative}.testimonial-intro{flex:none;width:clamp(240px,40.5vw,480px);min-width:240px;max-width:480px}.testimonial-intro>p{margin-bottom:24px;font-size:clamp(12px,.834vw,16px);font-weight:300}.testimonial-intro h2{letter-spacing:-.045em;font-size:clamp(48px,6.25vw,120px);line-height:1.3}.testimonial-quote{flex:none;width:clamp(240px,25.16vw,480px);min-width:240px;max-width:480px;margin:0}.testimonial-quote>p{white-space:pre-wrap;font-size:clamp(15px,1.25vw,24px);font-weight:500;line-height:1.75}.testimonial-quote footer{text-align:right;margin-top:12px}.testimonial-quote footer>a{color:var(--muted);text-underline-offset:4px;font-size:clamp(19px,1.5625vw,30px);font-weight:700;line-height:1.4;text-decoration:underline}.testimonial-quote footer>p{font:400 clamp(15px,1.25vw,24px)/1.75 var(--font-editorial);color:var(--accent);margin-top:12px}.testimonial-bottom{flex:none;justify-content:flex-end;width:100%;margin-top:30px}.testimonial-bottom>span{margin-right:auto}@media (max-width:700px){.testimonial-footer{margin-top:65px}.testimonial-stage{padding-top:24px;padding-bottom:24px}.testimonial-intro,.testimonial-quote{width:calc(100vw - 48px)}.testimonial-group{gap:48px;padding-right:48px}.testimonial-intro h2{font-size:clamp(42px,10vw,65px)}.testimonial-quote>p{font-size:15px;line-height:1.65}.testimonial-bottom{flex-wrap:wrap;gap:12px 18px;font-size:10px}.testimonial-bottom>span{width:100%}}@media (prefers-reduced-motion:reduce){.testimonial-footer{height:auto}.testimonial-stage{height:auto;position:relative;top:auto}.testimonial-viewport{overflow:visible}.testimonial-strip,.testimonial-group{width:100%;display:block;transform:none!important}.testimonial-group{padding:0}.testimonial-intro,.testimonial-quote{width:100%;max-width:480px;margin:0 0 48px}.testimonial-intro h2{font-size:clamp(44px,6vw,90px)}}.navigation nav,.cover-navigation nav{gap:36px;font-size:12px}.navigation nav a,.cover-navigation nav a{padding:14px 0}.nav-contact{margin-left:0}.case-main{max-width:none;padding:24px var(--page-gutter) 80px}.case-header{padding:12px 0 40px}.case-header h1{max-width:1100px}.case-section{padding:64px 0}.case-section:nth-of-type(2n),.case-section.case-tint{background:var(--surface);border:0;border-radius:12px;margin:24px 0;padding:48px}.work-directory{padding:36px var(--page-gutter) 100px}.work-directory h1{margin-bottom:48px;font-size:clamp(60px,8vw,110px)}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px;display:grid}.work-card{min-width:0;display:block}.work-card-image{aspect-ratio:16/10;background:var(--surface);border-radius:12px;overflow:hidden}.work-card-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s}.work-card:hover img{transform:scale(1.025)}.work-card h3{font:800 clamp(22px,2.4vw,34px)/1.25 var(--font-display);letter-spacing:-.04em;margin-top:20px}.work-card p{color:var(--muted);margin-top:8px;font-size:13px}.project-carousel{border-top:1px solid var(--line);margin-top:48px;padding-top:64px}.carousel-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.carousel-heading h2{font-size:clamp(32px,4vw,50px)}.carousel-heading>div{gap:12px;display:flex}.carousel-heading button{background:0 0;border:0;place-items:center;padding:10px;display:grid}.carousel-heading button:disabled{opacity:.25;cursor:default}.project-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;gap:28px;padding-bottom:20px;display:flex;overflow-x:auto}.project-rail>.work-card{scroll-snap-align:start;flex:0 0 56%}.resume-viewer{padding:16px var(--page-gutter) 24px}.resume-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.resume-toolbar h1{font-size:24px}.resume-toolbar .underlined{margin:0}.resume-viewer object{border:1px solid var(--line);background:var(--surface);width:100%;height:calc(100dvh - 158px);min-height:480px;display:block}.spotlight-hero-media{background:#dce6e5;border-radius:12px;padding:32px}.spotlight-hero-media .spotlight-preview{width:100%}.spotlight-principles{color:#f8f8f6;background:#04232d;border-radius:12px;margin:40px 0;padding:64px 48px}.spotlight-principles h2{font-size:clamp(36px,5vw,72px)}.principle-grid{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:48px;display:grid}.principle-grid h3{font:600 23px/1.4 var(--font-editorial);margin-bottom:16px}.principle-grid p{color:#c1d6da;font-size:14px}.spotlight-detail{margin:32px 0 56px}.spotlight-detail img{border-radius:12px;width:100%;height:auto}.spotlight-detail figcaption{color:var(--muted);margin-top:16px;font-size:12px}.prototype-invitation{padding:60px 0 0}.spotlight-case .prototype-invitation>h2{margin-bottom:24px}.prototype-invitation>p:not(.eyebrow){color:var(--muted);margin:24px 0}.prototype-image-link{border-radius:12px;display:block;position:relative;overflow:hidden}.prototype-image-link img{width:100%;height:auto}.prototype-image-link>span{background:var(--paper);border-radius:6px;padding:14px 24px;position:absolute;bottom:24px;right:24px}.prototype-image-link:hover>span{background:#dce6e5}.prototype-shell{background:#04232d;flex-direction:column;height:100dvh;display:flex}.prototype-shell>header{color:#18343c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#dae3e3e8;flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.prototype-shell>header a{flex:none;width:44px;height:44px;padding:0;line-height:1}.prototype-shell>header>span{font-size:11px}.prototype-shell iframe{background:#04232d;border:0;flex:1;width:100%;min-height:0}@media (max-width:700px){.navigation nav,.cover-navigation nav{gap:19px;font-size:11px}.work-grid{grid-template-columns:1fr}.project-rail>.work-card{flex-basis:86%}.case-main{padding-top:16px}.case-section:nth-of-type(2n),.case-section.case-tint{padding:28px 24px}.principle-grid{grid-template-columns:1fr;gap:28px}.spotlight-principles{padding:36px 24px}.spotlight-hero-media{padding:12px}.prototype-image-link>span{font-size:12px;bottom:12px;right:12px}.resume-viewer{padding-inline:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.work-card-image img{transition:none}.work-card:hover img{transform:none}.project-rail{scroll-behavior:auto}}.pdf-pages{background:var(--surface,#ededeb);border-radius:4px;width:100%;overflow:hidden}.pdf-pages .react-pdf__Document{flex-direction:column;align-items:center;gap:24px;display:flex}.pdf-pages .react-pdf__Page{box-shadow:0 2px 12px #0000000d}.pdf-pages .react-pdf__message{padding:32px}.navigation nav a[aria-current]:after,.cover-navigation nav a[aria-current]:after{transform:scaleX(1)}.cover-navigation nav a{position:relative}.cover-navigation nav a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.cover-navigation nav a:hover:after{transform:scaleX(1)}.spotlight-essence{color:#fff;background:#053242;border-radius:12px;grid-template-columns:1fr 1fr;align-items:center;gap:7%;margin:0;padding:9% 7%;display:grid;overflow:hidden}.essence-copy h2{letter-spacing:-.04em;font-size:clamp(24px,3vw,48px);line-height:1.25}.essence-copy ul{margin:32px 0 0;padding-left:1.3em;font-size:clamp(14px,1.7vw,25px);line-height:1.6}.essence-copy li+li{margin-top:24px}.essence-artifact{color:#c6dfe5;background:#06485f;padding:5%}.essence-artifact small{font-size:9px}.essence-artifact>small{font-style:italic}.essence-artifact p{margin:16px 0 8px;font-size:11px}.essence-distribution{grid-template-columns:1.1fr 1fr;gap:12px;display:grid}.essence-distribution>div{background:#0e576e;border-radius:6px;overflow:hidden}.essence-distribution img{object-fit:contain;width:100%;height:100%}.essence-nested{min-height:85px;padding:12px 8px 8px 32%;position:relative}.essence-nested>small{font-size:5px;position:absolute;top:2px;right:6px}.essence-nested>div{background:#215e71;border:1px solid #02181f;height:100%;padding:28% 7% 7%}.essence-nested i{background:#0e576e;border-radius:4px;height:12px;margin:5px 0;display:block}.essence-table{gap:10px;display:grid}.essence-table i{background:#0e576e;border-radius:5px;height:16px}.spotlight-focus-preview{aspect-ratio:16/9;background:#053242;width:100%;position:relative;overflow:hidden}.spotlight-focus-preview iframe{transform-origin:0 0;pointer-events:none;border:0;width:1920px;max-width:none;height:1080px;position:absolute;top:0;left:0}.prototype-shell header a{place-items:center;display:grid}.project-rail{gap:56px}.project-rail>.work-card{flex-basis:28%}.project-rail h3{font-size:clamp(18px,2vw,28px)}.project-rail .work-card p{font-size:12px}.spotlight-detail .spotlight-preview{border-radius:12px;width:100%;overflow:hidden}@media (max-width:700px){.spotlight-essence{grid-template-columns:1fr;gap:32px;padding:32px 24px}.essence-copy ul{margin-top:24px;font-size:16px}.essence-artifact{padding:20px}.project-rail{flex-wrap:wrap;gap:28px}.project-rail>.work-card{flex-basis:calc(50% - 14px);min-width:0}.project-rail h3{font-size:18px}.project-rail .work-card p{font-size:11px}}.spotlight-essence{isolation:isolate;position:relative}.spotlight-essence:before,.spotlight-essence:after{content:"";z-index:-1;pointer-events:none;background:url(/images/spotlight-essence-texture.png) 50%/contain no-repeat;width:55%;height:100%;position:absolute}.spotlight-essence:before{top:-62%;right:-8%;transform:rotate(186deg)}.spotlight-essence:after{bottom:-53%;left:-35%}.testimonial-stage{padding-inline:0}.testimonial-viewport{align-items:stretch;width:100%;min-height:0}.testimonial-strip{align-items:stretch;height:100%}.testimonial-group{height:100%;padding-left:var(--page-gutter);align-items:flex-start;padding-top:24px;padding-bottom:24px}.testimonial-group>:nth-child(2n){align-self:flex-end}.testimonial-bottom{width:auto;margin-inline:var(--page-gutter)}.poster-heading .segments-title a{border:0;padding-bottom:0;text-decoration:none}.password-row button{width:auto;min-width:74px;padding:0 14px;font-size:12px}@media (max-width:700px){.testimonial-group{padding-top:16px;padding-bottom:16px}.testimonial-intro,.testimonial-quote{max-height:100%}.testimonial-quote>p{font-size:14px}.testimonial-quote footer>a{font-size:18px}.testimonial-quote footer>p{font-size:14px}}@media (prefers-reduced-motion:reduce){.testimonial-stage{padding-inline:var(--page-gutter)}.testimonial-strip,.testimonial-group{height:auto}.testimonial-group{padding:0}.testimonial-bottom{margin-inline:0}}.side-quest-page h1{margin-bottom:20px}.side-quest-intro{max-width:620px;color:var(--muted);margin:0 0 56px;line-height:1.7}.side-quest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px;display:grid}.side-quest-card{min-width:0;margin:0}.side-quest-media{aspect-ratio:4/3;background:var(--surface,#ececea);border-radius:12px;position:relative;overflow:hidden}.side-quest-media img{object-fit:cover;object-position:center}.side-quest-media video{object-fit:cover;object-position:center;background:#202222;width:100%;height:100%;display:block}.side-quest-placeholder{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex}.side-quest-card:nth-child(2n) .side-quest-media{background:#dfe8e7}.side-quest-card figcaption{justify-content:space-between;align-items:baseline;gap:16px;padding-top:20px;display:flex}.side-quest-card h2{margin:0;font-size:clamp(22px,2.4vw,34px)}@media (max-width:700px){.side-quest-grid{grid-template-columns:1fr;gap:36px}.side-quest-intro{margin-bottom:36px}.navigation nav,.cover-navigation nav{gap:14px;font-size:11px}}@media (max-width:420px){.navigation,.cover-navigation{padding-inline:16px}.navigation .wordmark,.docked-name{font-size:24px}.navigation nav,.cover-navigation nav{gap:10px;font-size:10px}}#site[data-intro-text=active] .cover-name,#site[data-intro-text=active] .cover-description{opacity:var(--intro-copy-opacity,.5)}@media (prefers-reduced-motion:reduce){#site[data-intro-text] .cover-name,#site[data-intro-text] .cover-description{opacity:1}}.hero-video,.hero-video>img,.hero-video>video{width:100%;height:100%;position:absolute;inset:0}.hero-video>img,.hero-video>video{object-fit:cover;object-position:center;filter:grayscale()}.hero-video{overflow:hidden}.cover-shade{z-index:3;pointer-events:none}.cover-photo{overflow:hidden}.hero-video>video{background:0 0;display:block}.cover-surround{z-index:1;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.intro,.cover-surround{display:none}}.side-quest-grid.is-waterfall{grid-auto-rows:1px;grid-auto-flow:dense;align-items:start;row-gap:0}.locked-project{position:relative}.locked-media{position:relative;container-type:inline-size}.locked-media>a{display:block}.card-gate{border-radius:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;background:#edf0f2ed;min-height:0;padding:16px 22px;position:absolute;inset:0;overflow:auto}.gate-close{background:0 0;border:0;place-items:center;padding:4px;display:grid;position:absolute;top:10px;right:10px}.card-gate .gate-panel{max-width:410px}.card-gate .gate-panel>svg{margin:0 auto 8px}.card-gate .gate-panel h2{max-width:90%;margin:auto;font-size:clamp(18px,5cqw,30px);line-height:1.15}.card-gate .gate-panel>p:not(.form-error){margin:8px 0;font-size:11px;line-height:1.5}.card-gate .gate-panel label{margin-bottom:4px}.card-gate .password-row input{min-width:0;padding:9px}.card-gate .password-row button{width:72px}.card-gate .gate-panel>a{margin-top:10px;display:inline-block}.card-gate .form-error{min-height:0;padding:6px 0;font-size:11px}.locked-media .work-card-image,.work-card .locked-media{border-radius:12px}:root{--icon-hover:#22222212;--icon-radius:5px}input:focus-visible{outline-offset:0}.password-row:focus-within{outline:2px solid var(--accent);outline-offset:0}.password-row input:focus-visible{outline:none}.icon-button,.gate-close,.carousel-heading button,.prototype-shell header a{border-radius:var(--icon-radius);transition:background-color .18s}.icon-button{color:inherit;background:0 0;border:0;place-items:center;padding:10px;display:grid}.icon-button:hover,.gate-close:hover,.carousel-heading button:not(:disabled):hover,.prototype-shell header a:hover{background:var(--icon-hover)}.testimonial-footer{height:auto}.testimonial-stage{padding-top:64px;position:relative;top:auto}.testimonial-controls{top:12px;right:var(--page-gutter);z-index:4;opacity:0;pointer-events:none;gap:4px;transition:opacity .18s;display:flex;position:absolute}.testimonial-stage:hover .testimonial-controls,.testimonial-stage:focus-within .testimonial-controls{opacity:1;pointer-events:auto}@media (hover:none),(pointer:coarse){.testimonial-controls{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.testimonial-stage{height:auto}.testimonial-controls{display:none}}:root{--thumbnail-outline-color:var(--muted);--thumbnail-outline-width:1px}:is(.work-card-image,.spotlight-preview,.comparison,.side-quest-media,.agentic-poster,.spotlight-focus-preview,.prototype-image-link:has(>img)){isolation:isolate;position:relative}.work-card-image:after,.spotlight-preview:after,.comparison:after,.side-quest-media:after,.agentic-poster:after,.spotlight-focus-preview:after{content:"";border:var(--thumbnail-outline-width) solid var(--thumbnail-outline-color);border-radius:inherit;pointer-events:none;z-index:5;position:absolute;inset:0}.prototype-image-link:has(>img):after{content:"";border:var(--thumbnail-outline-width) solid var(--thumbnail-outline-color);border-radius:inherit;pointer-events:none;z-index:5;position:absolute;inset:0}.comparison:focus-within{outline:2px solid var(--accent);outline-offset:0}.segments-reveal iframe{transform-origin:0 0;pointer-events:none;border:0;width:1920px;height:1080px;position:absolute;inset:0}.segments-reveal .comparison-before{z-index:1}.segments-reveal .comparison-handle{z-index:2}.segments-reveal .comparison-handle span{justify-content:center;gap:0;display:flex}.segments-reveal input{z-index:3}.segments-reveal-controls{justify-content:flex-end;gap:8px}.segments-reveal-controls>button{margin-left:0}.preview-icon-button{background:0 0;border:0;border-radius:5px;place-items:center;width:36px;height:36px;padding:6px;transition:background .15s;display:grid}.preview-icon-button:hover{background:var(--icon-button-hover-bg,#22222212)}.locked-media>div>a[data-project-link]{display:block}.work-card-image .animated-thumbnail{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;transition:transform .4s;display:block}.work-card:hover .animated-thumbnail{transform:scale(1.025)}@media (prefers-reduced-motion:reduce){.work-card-image .animated-thumbnail{transition:none}.work-card:hover .animated-thumbnail{transform:none}}.animated-thumbnail>video{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.harmony-hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:5vw;min-height:calc(100dvh - 100px);padding:4vw 6vw 6vw;display:grid}.harmony-hero h1{letter-spacing:-.06em;margin:24px 0;font-size:clamp(72px,10vw,160px);line-height:1}.harmony-deck{font-size:clamp(22px,2.5vw,38px);line-height:1.4}.harmony-start{border-bottom:1px solid;margin-top:44px;padding-bottom:6px;display:inline-block}.harmony-hero figure{margin:0}.harmony-hero figure>img{aspect-ratio:1.05;object-fit:cover;border-radius:12px;width:100%;display:block}.harmony-hero figcaption{color:var(--secondary,#666);margin-top:12px;font-size:11px}.harmony-overview{border-top:1px solid #d6d6d3;grid-template-columns:1fr 1.2fr;gap:8vw;padding:100px 8vw;display:grid}.harmony-overview h2{font-size:clamp(40px,5vw,72px);line-height:1.1}.harmony-overview p,.harmony-chapter-copy>p:not(.eyebrow){margin:0 0 20px;font-size:18px;line-height:1.75}.harmony-story{padding:0 6vw}.harmony-chapter{border-top:1px solid #d6d6d3;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);align-items:start;gap:6vw;min-height:110dvh;padding:110px 0 140px;display:grid}.harmony-chapter-copy{padding-bottom:30px;position:sticky;top:140px}.harmony-chapter h2{letter-spacing:-.04em;margin:24px 0 30px;font-size:clamp(36px,4.2vw,66px);line-height:1.08}.harmony-detail{color:var(--secondary,#666)}.harmony-chapter-visual{transform-origin:50%;min-width:0}.harmony-chapter-visual>img{border-radius:8px;width:100%;height:auto;display:block}.harmony-chapter-1,.harmony-chapter-2,.harmony-chapter-3,.harmony-chapter-4,.harmony-chapter-5{grid-template-columns:1fr;gap:40px;min-height:auto}.harmony-chapter:not(.harmony-chapter-0) .harmony-chapter-copy{max-width:760px;position:static}.harmony-chapter:not(.harmony-chapter-0) .harmony-chapter-visual{width:100%}.harmony-film{aspect-ratio:16/9;background:#079df1;border-radius:8px;overflow:hidden}.harmony-film .animated-thumbnail{width:100%;height:100%}.harmony-film video{object-fit:contain}.harmony-source{color:var(--secondary,#666);margin-top:24px;font-size:13px}.harmony-source summary{cursor:pointer;list-style:revert;padding:10px 0}.harmony-source img{width:100%;height:auto;margin:18px 0;display:block}.harmony-source a{display:block}.harmony-end{border-top:1px solid #d6d6d3;justify-content:space-between;gap:24px;margin:0 6vw;padding:50px 0 70px;display:flex}.harmony-end a{border-bottom:1px solid}:is(.harmony-case a:focus-visible,.harmony-case summary:focus-visible){outline:2px solid var(--accent);outline-offset:3px}@media (max-width:767px){.harmony-case{padding-top:76px}.harmony-hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding:48px 24px}.harmony-hero h1{font-size:76px}.harmony-start{margin-top:24px}.harmony-overview{grid-template-columns:1fr;gap:28px;padding:64px 24px}.harmony-story{padding:0 24px}.harmony-chapter{grid-template-columns:1fr;gap:24px;min-height:auto;padding:64px 0 80px}.harmony-chapter-copy{position:static}.harmony-chapter-copy>p:not(.eyebrow),.harmony-overview p{font-size:16px}.harmony-end{margin:0 24px;font-size:13px}}@media (prefers-reduced-motion:reduce){.harmony-chapter-visual{transform:none!important}.harmony-chapter-copy{position:static}}.project-eyebrow{color:var(--accent)}.harmony-metadata{margin:0 6vw}.spotlight-objective li+li{margin-top:18px}.spotlight-objective strong{color:var(--ink);font-weight:500}@media (max-width:767px){.harmony-metadata{margin:0 24px}}.harmony-hero{isolation:isolate;align-content:center;min-height:calc(100dvh - 100px);padding:90px 6vw;display:block;position:relative;overflow:hidden}.harmony-hero figure{z-index:-2;position:absolute;inset:0}.harmony-hero figure>img{aspect-ratio:auto;object-fit:cover;object-position:center 42%;border-radius:0;width:100%;height:100%}.harmony-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#f8f8f6f5,#f8f8f6cc 27%,#f8f8f61f 70%);position:absolute;inset:0}.harmony-hero figcaption{color:#303234;background:#f8f8f6d9;margin:0;padding:4px 8px;font-size:10px;position:absolute;bottom:15px;right:24px}.harmony-metadata{padding-top:60px}.harmony-metadata .case-meta{grid-template-columns:1fr 1.5fr .45fr;gap:5vw}.harmony-metadata .case-meta>div:last-child{justify-self:end}.harmony-photo-stack{isolation:isolate;position:relative}.harmony-floating-card{will-change:transform;background:#fff;border-radius:10px;margin:0;position:absolute;overflow:hidden;box-shadow:0 12px 32px #151b2424}.harmony-floating-card img{display:block}.research-stack .photo-0{z-index:1;width:53%;top:0;left:0}.research-stack .photo-1{z-index:2;width:37%;top:65px;right:0}.research-stack .photo-2{z-index:3;width:37%;top:365px;left:18%}.research-stack .photo-3{z-index:5;width:42%;top:645px;left:0}.research-stack .photo-4{z-index:4;width:38%;top:440px;right:0}.harmony-chapter-1{min-height:auto;display:block}.harmony-chapter-1 .harmony-chapter-copy{max-width:none;padding-bottom:25px;position:static!important}.harmony-chapter-1 .harmony-chapter-visual{margin-left:-6vw;position:static;width:calc(100% + 12vw)!important}.harmony-comic{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.harmony-comic-panel{aspect-ratio:447.33/279;background-repeat:no-repeat;background-size:300% 200%}.harmony-storyboard-caption{max-width:760px;margin:42px auto 0;font-size:18px;line-height:1.75}.harmony-storyboard-caption p+p{margin-top:20px}.concept-stack{max-width:1200px;height:960px;margin:auto}.concept-stack .photo-0{z-index:1;width:38%;top:0;left:1%}.concept-stack .photo-1{z-index:2;width:38%;top:45px;left:34%}.concept-stack .photo-2{z-index:3;width:58%;top:360px;right:0}.concept-stack .photo-3{z-index:4;width:51%;top:560px;left:0}.concept-stack .photo-4{z-index:5;width:31%;top:625px;right:0}.concept-stack .photo-5{z-index:6;width:58%;top:790px;left:17%}.harmony-chapter-3{padding-bottom:210px}@media (max-width:767px){.harmony-hero{align-content:start;min-height:720px;padding:55px 24px}.harmony-hero figure>img{object-position:58% center}.harmony-hero:after{background:linear-gradient(#f8f8f6f5,#f8f8f6bf 40%,#f8f8f600 75%)}.harmony-hero h1{font-size:76px}.harmony-hero figcaption{text-align:center;font-size:8px;left:12px;right:12px}.harmony-metadata{padding-top:35px}.harmony-metadata .case-meta{grid-template-columns:1fr;gap:22px}.harmony-metadata .case-meta>div:last-child{justify-self:start}.research-stack{max-width:440px;height:660px;margin:auto}.research-stack .photo-1{top:50px}.research-stack .photo-2{top:270px}.research-stack .photo-3{top:465px}.research-stack .photo-4{top:330px}.harmony-chapter-1 .harmony-chapter-visual{margin-left:-24px;width:calc(100% + 48px)!important}.harmony-comic{grid-template-columns:repeat(2,minmax(0,1fr))}.harmony-storyboard-caption{font-size:16px}.concept-stack{height:730px}.concept-stack .photo-0{width:51%}.concept-stack .photo-1{width:51%;top:75px;left:auto;right:0}.concept-stack .photo-2{width:90%;top:230px}.concept-stack .photo-3{width:78%;top:340px}.concept-stack .photo-4{width:53%;top:440px}.concept-stack .photo-5{width:95%;top:585px;left:0}.harmony-chapter-3{padding-bottom:80px}}@media (prefers-reduced-motion:reduce){.harmony-floating-card{will-change:auto;transform:none!important}.harmony-comic-panel{opacity:1!important;clip-path:none!important;transform:none!important}}.harmony-floating-position{position:absolute}.harmony-floating-position .harmony-floating-card{opacity:1;width:100%;position:relative}.harmony-photo-stack{overflow:visible}.harmony-chapter-0{grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr);gap:4vw}.harmony-chapter-0 .harmony-chapter-visual{max-width:none}.research-stack{height:1080px}.research-stack .photo-0{width:60%}.research-stack .photo-1{width:44%;top:95px}.research-stack .photo-2{width:46%;top:450px;left:13%}.research-stack .photo-3{width:49%;top:805px}.research-stack .photo-4{width:46%;top:590px}.harmony-hero-copy{max-width:none}.harmony-hero .harmony-metadata{max-width:1100px;margin:32px 0 0;padding:0}.harmony-hero .case-meta{background:#f8f8f6df;border-color:#b6b8b980;margin-bottom:0;padding:20px 24px}.harmony-hero .harmony-start{margin-top:24px}.harmony-film picture,.harmony-film img{object-fit:contain;width:100%;height:100%;display:block}@media (max-width:767px){.harmony-chapter-0{grid-template-columns:1fr;gap:24px}.research-stack{height:840px}.research-stack .photo-0{width:64%}.research-stack .photo-1{width:49%;top:80px}.research-stack .photo-2{width:51%;top:325px;left:5%}.research-stack .photo-3{width:57%;top:620px}.research-stack .photo-4{width:52%;top:450px}.harmony-hero{padding-bottom:65px}.harmony-hero .case-meta{gap:14px;padding:16px;font-size:12px}.harmony-hero .case-meta dt{margin-bottom:3px}.harmony-hero .harmony-metadata{margin-top:24px}}@media (prefers-reduced-motion:reduce){.harmony-floating-card{opacity:1!important}}.harmony-case{overflow-x:clip}.circle-hero{color:#fff;min-height:calc(100dvh - 100px)}.circle-hero:after{background:linear-gradient(90deg,#101316e8,#1013168c 48%,#10131626)}.circle-hero h1{max-width:1000px;font-size:clamp(64px,8.5vw,136px)}.circle-hero .case-meta{color:var(--ink)}.circle-hero figure>img{object-position:center 55%}.circle-story{padding:0 6vw}.circle-chapter{border-top:1px solid var(--line);padding:100px 0 120px}.circle-chapter>header{max-width:780px;margin-bottom:65px}.circle-chapter h2{margin-bottom:28px;font-size:clamp(38px,5vw,70px)}.circle-chapter header>p:last-child{color:var(--muted);font-size:18px;line-height:1.85}.circle-images{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:45px;padding:20px 0 50px;display:grid}.circle-image-position{min-width:0;position:relative}.circle-image-position:nth-child(2n){margin-top:65px}.circle-image-position figure{background:#fff;border-radius:10px;margin:0;overflow:hidden;box-shadow:0 14px 35px #151b2418}.circle-image-position img{width:100%;height:auto;display:block}.circle-app .circle-images{padding-bottom:60px;display:block;position:relative}.circle-app .circle-image-position:first-child{width:88%}.circle-app .circle-image-position:last-child{z-index:2;width:50%;margin:-18% 0 0 auto}.circle-exploration .circle-images{grid-template-columns:repeat(4,minmax(0,1fr));gap:5vw}.circle-iterations .circle-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw}.circle-iterations .circle-asset-before{grid-column:span 2}.circle-image-label{color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.5}.circle-packaging .circle-image-position:nth-child(5){grid-column:1/-1;width:85%;margin:20px auto}.circle-zones .circle-images{grid-template-columns:1fr 1fr}.circle-zones .circle-image-position:first-child{grid-column:1/-1;width:90%;margin:auto}.circle-animation{max-width:380px;margin:60px auto 0}.circle-animation img{border-radius:12px;width:100%;height:auto}.circle-credit,.circle-animation figcaption{color:var(--muted);margin-top:24px;font-size:12px}@media (max-width:767px){.circle-hero{min-height:780px}.circle-hero:after{background:linear-gradient(#101316e8,#101316a6 60%,#10131666)}.circle-hero h1{font-size:64px}.circle-hero .case-meta{background:#f8f8f6e8}.circle-story{padding:0 24px}.circle-chapter{padding:65px 0 80px}.circle-chapter>header{margin-bottom:35px}.circle-chapter header>p:last-child{font-size:16px}.circle-images{gap:22px}.circle-archetypes .circle-images,.circle-subscription .circle-images,.circle-zones .circle-images{grid-template-columns:1fr}.circle-exploration .circle-images,.circle-iterations .circle-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.circle-image-position:nth-child(2n){margin-top:30px}.circle-app .circle-image-position:first-child{width:100%}.circle-app .circle-image-position:last-child{width:70%}.circle-packaging .circle-images{grid-template-columns:1fr}.circle-packaging .circle-image-position:nth-child(5){width:100%}.circle-animation{max-width:270px}.circle-zones .circle-image-position:first-child{width:100%}}@media (prefers-reduced-motion:reduce){.circle-image-motion{opacity:1!important;transform:none!important}}.harmony-case .harmony-hero{min-height:0;padding:42px 0 0;overflow:visible}.harmony-case .harmony-hero:after{display:none}.harmony-case .harmony-hero-copy>.project-eyebrow,.harmony-case .harmony-hero-copy>h1,.harmony-case .harmony-hero-copy>.harmony-deck,.harmony-case .harmony-hero-copy>.harmony-start{margin-left:6vw;margin-right:6vw}.harmony-case .harmony-hero h1{margin-top:18px;margin-bottom:18px;font-size:clamp(64px,7vw,108px)}.harmony-case .harmony-deck{font-size:clamp(22px,2vw,30px)}.harmony-case .harmony-hero .harmony-metadata{width:100%;max-width:none;margin:30px 0 0}.harmony-case .harmony-hero .case-meta{background:var(--paper);padding:24px 6vw}.harmony-case .harmony-hero .harmony-start{margin-top:22px;margin-bottom:30px}.harmony-case .harmony-hero figure{z-index:auto;width:100%;height:78dvh;min-height:440px;position:relative;inset:auto}.harmony-case .harmony-hero figure>img{object-position:center 48%}@media (max-width:767px){.harmony-case .harmony-hero{padding-top:28px}.harmony-case .harmony-hero-copy>.project-eyebrow,.harmony-case .harmony-hero-copy>h1,.harmony-case .harmony-hero-copy>.harmony-deck,.harmony-case .harmony-hero-copy>.harmony-start{margin-left:24px;margin-right:24px}.harmony-case .harmony-hero .case-meta{padding:20px 24px}.harmony-case .harmony-hero figure{height:65dvh;min-height:380px}}.harmony-case{padding-top:0}.side-quest-player{width:100%;height:100%;position:relative}.side-quest-player video{pointer-events:none}.side-quest-video-controls{color:#fff;z-index:2;background:linear-gradient(#0000,#000b);align-items:center;gap:12px;padding:32px 16px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.side-quest-video-controls button{width:40px;height:40px;color:inherit;background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.side-quest-video-controls button:hover{background:#ffffff24}.side-quest-video-controls input{accent-color:#fff;cursor:pointer;width:90px}.side-quest-video-controls :focus-visible{outline-offset:0;outline:2px solid #fff}.side-quest-video-error{color:var(--ink);background:#fff;border-radius:5px;padding:12px;font-size:13px;position:absolute;top:16px;left:16px;right:16px}.harmony-case .harmony-hero-copy{z-index:1;position:relative}.harmony-case .harmony-hero .case-meta{background:0 0}.harmony-case .harmony-hero figure{height:auto;min-height:0;margin-top:-120px}.harmony-case .harmony-hero figure>img{aspect-ratio:auto;border-radius:0;height:auto;-webkit-mask-image:linear-gradient(#0000,#000 300px);mask-image:linear-gradient(#0000,#000 300px)}.harmony-case .harmony-hero figure>.harmony-start{background:color-mix(in srgb,var(--paper) 50%,transparent);box-shadow:none;margin:0;padding:12px 0 6px;position:absolute;bottom:32px;right:6vw}.featured-harmony-image{object-fit:cover;object-position:center;width:100%;height:auto;max-height:720px;display:block}@media (max-width:767px){.harmony-case .harmony-hero figure{margin-top:-70px}.harmony-case .harmony-hero figure>img{-webkit-mask-image:linear-gradient(#0000,#000 150px);mask-image:linear-gradient(#0000,#000 150px)}.harmony-case .harmony-hero figure>.harmony-start{font-size:14px;bottom:24px;right:24px}}.side-quest-video-controls{background:linear-gradient(#0000,#0008);flex-wrap:nowrap;gap:10px;padding:22px 12px 10px}.side-quest-video-controls>button,.side-quest-volume{flex:0 0 40px}.side-quest-video-controls input.side-quest-seek{-webkit-appearance:none;appearance:none;background:0 0;flex:1 1 0;width:0;min-width:30px;height:24px;margin:0}.side-quest-seek::-webkit-slider-runnable-track{background:#ffffff60;border-radius:2px;height:3px}.side-quest-seek::-moz-range-track{background:#ffffff60;border-radius:2px;height:3px}.side-quest-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:0;border-radius:50%;width:10px;height:10px;margin-top:-3.5px}.side-quest-seek::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:10px;height:10px}.side-quest-time{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:11px}.side-quest-volume{position:relative}.side-quest-volume-popup{background:#181818d9;border-radius:6px;flex-direction:column;align-items:center;gap:6px;width:40px;padding:12px 0 2px;display:flex;position:absolute;bottom:48px;right:0}.side-quest-volume-popup input[type=range]{writing-mode:vertical-lr;accent-color:#fff;direction:rtl;width:24px;height:90px;margin:0}@media (max-width:420px){.side-quest-video-controls{gap:6px;padding-left:8px;padding-right:8px}.side-quest-time{font-size:10px}}@media (max-width:700px){.side-quest-volume-popup{gap:2px;padding-top:8px;bottom:44px}.side-quest-volume-popup input[type=range]{height:60px}.side-quest-volume-popup button{height:28px}}.featured-harmony-cover{isolation:isolate;aspect-ratio:1.55;background:#eef0ee;border-radius:12px;min-height:560px;display:block;position:relative;overflow:hidden}.featured-harmony-cover .featured-harmony-image{object-fit:cover;width:100%;height:100%;max-height:none;position:absolute;inset:0}.featured-harmony-cover:after{content:"";border:var(--thumbnail-outline-width) solid var(--thumbnail-outline-color);border-radius:inherit;pointer-events:none;z-index:5;position:absolute;inset:0}.featured-harmony-heading{z-index:1;justify-content:space-between;align-items:flex-start;gap:24px;padding:36px 7%;display:flex;position:relative}.featured-harmony-heading h2{margin:0}.featured-harmony-heading p{margin-top:18px;font-size:15px}.featured-harmony-link{white-space:nowrap;border-bottom:1px solid;margin-top:10px;padding-bottom:6px;font-size:12px}.featured-harmony-description{z-index:1;margin:0;font-size:clamp(14px,1.4vw,20px);line-height:1.65;position:absolute;bottom:36px;left:7%}.featured-harmony-description span{display:block}@media (max-width:700px){.featured-harmony-cover{aspect-ratio:auto;min-height:510px}.featured-harmony-heading{flex-direction:column;gap:18px;padding:26px 7%}.featured-harmony-heading p{margin-top:12px;font-size:12px}.featured-harmony-link{margin:0}.featured-harmony-description{font-size:clamp(11px,2.8vw,16px);bottom:26px;right:7%}.featured-harmony-cover .featured-harmony-image{object-position:58% center}}.circle-hero{color:var(--ink)}.circle-hero .project-eyebrow{color:var(--accent)}.circle-asset-cameras figure{background:0 0;border-radius:9%/18%}.circle-asset-cameras img{clip-path:inset(2px round 9%/18%)}.circle-asset-before img,.circle-asset-after-info img,.circle-asset-after-plan img{width:calc(100% + 8px);max-width:none;margin:-4px}.work-card-comparison .comparison-wrap{pointer-events:none;width:111.112%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-card-wireframe .wireframe-preview{width:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-card-comparison .comparison{border-radius:0}.work-card-comparison:hover img{transform:none}.testimonial-bottom>.text-button,.testimonial-bottom>a{border-radius:var(--icon-radius);min-height:40px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:10px 14px;text-decoration:none;transition:background-color .18s;display:inline-flex}.testimonial-bottom>.text-button:hover,.testimonial-bottom>a:hover{background:var(--icon-hover);color:inherit;text-decoration:none}.testimonial-bottom>.text-button:focus-visible{background:var(--icon-hover);color:inherit;text-decoration:none}.testimonial-bottom>a:focus-visible{background:var(--icon-hover);color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){.testimonial-bottom>.text-button,.testimonial-bottom>a{transition:none}}.harmony-more-work{margin:0 6vw;padding-bottom:70px}@media (max-width:767px){.harmony-more-work{margin:0 24px;padding-bottom:48px}}#harmony-23{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:5vw;min-height:0;padding-bottom:40px}#harmony-23 .harmony-chapter-copy{max-width:none;padding-bottom:0}#harmony-23 h2{font-size:clamp(36px,4vw,60px)}#harmony-23 .harmony-chapter-visual{margin-top:70px;position:sticky;top:150px}#harmony-23 .harmony-film{transform-origin:50%;border-radius:14px;box-shadow:0 22px 50px #151b241c}@media (max-width:767px){#harmony-23{grid-template-columns:1fr;gap:32px;min-height:0}#harmony-23 .harmony-chapter-visual{margin-top:0;position:relative;top:auto}}@media (prefers-reduced-motion:reduce){#harmony-23 .harmony-film{transform:none!important}}.navigation,.cover-navigation.is-docked{-webkit-backdrop-filter:blur(18px)saturate(115%);background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:inset 0 -1px #ffffff45,0 1px #22222208}.navigation.navigation-light{background:#191a1beb}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.navigation{background:var(--paper)}.cover-navigation.is-docked{background:var(--paper)!important;color:var(--ink)!important}.navigation.navigation-light{background:#191a1b}}@media (prefers-reduced-transparency:reduce){.navigation,.cover-navigation.is-docked{-webkit-backdrop-filter:none;background:var(--paper)!important;color:var(--ink)!important}.navigation.navigation-light{color:#fff!important;background:#191a1b!important}}.cover-navigation:not(.is-docked){-webkit-backdrop-filter:none;box-shadow:none;background:0 0!important}