@media (max-width:820px){.site-search-backdrop,html body .app-root>.visitor-survey-backdrop,html.text-scale-xl body .app-root>.visitor-survey-backdrop{box-sizing:border-box;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.site-search-backdrop{align-items:center}.site-search-dialog{--search-radius:24px;--search-inner-radius:18px;width:100%;height:min(680px,100%);min-height:0;max-height:100%;padding:8px}.site-search-header{min-height:48px;padding:0 8px 0 12px}.site-search-close{min-height:34px}.site-search-layout{grid-template-columns:minmax(180px,31%) minmax(0,1fr);gap:8px;min-height:0;display:grid;overflow:hidden}.site-search-sidebar{overscroll-behavior:contain;min-height:0;padding:12px;overflow-y:auto}.site-search-field{min-height:46px;padding:0 13px}.site-search-terms{margin-top:16px}.site-search-terms>div{gap:6px}.site-search-terms button{min-height:32px;padding-inline:10px!important}.site-search-content{min-height:0;margin-top:0;padding:12px}.site-search-results-heading{padding-bottom:8px}.site-search-results{overscroll-behavior:contain;gap:8px;min-height:0;padding:1px 3px 3px 1px;overflow-y:auto}.site-search-card{min-height:184px;padding:15px}.site-search-card-writing{min-height:138px}.site-search-page-result{min-height:72px;padding:11px 13px}html body .visitor-survey{overscroll-behavior:contain;border-radius:26px;width:min(520px,100%);max-height:100%;padding:24px}html.text-scale-xl body .visitor-survey h2{margin-bottom:12px}html.text-scale-xl body .visitor-survey .visitor-survey-intro{border-radius:17px;margin-bottom:18px;padding:16px;line-height:1.6}html body .visitor-survey form>label:not(.visitor-survey-consent){margin:15px 0 6px}html body .visitor-survey input:not([type=checkbox]),html body .visitor-survey .visitor-country-trigger{border-radius:14px;height:48px;padding-inline:15px}html body .visitor-survey .visitor-survey-consent{gap:10px;margin-top:18px;line-height:1.5}html body .visitor-survey .visitor-survey-privacy{margin-top:12px}html body .visitor-survey .visitor-survey-actions{gap:9px;margin-top:20px}html body .visitor-country-menu{box-sizing:border-box;border-radius:22px;flex-direction:column;max-width:none;height:min(340px,100dvh - 20px);padding:9px;display:flex;top:auto!important;right:max(10px, env(safe-area-inset-right))!important;bottom:max(10px, env(safe-area-inset-bottom))!important;left:max(10px, env(safe-area-inset-left))!important;width:auto!important;max-height:calc(100dvh - 20px)!important}html body .visitor-country-search{flex:none;min-height:46px}html body .visitor-country-options{flex:auto;max-height:none}}@media (max-width:560px){.site-search-backdrop,html body .app-root>.visitor-survey-backdrop,html.text-scale-xl body .app-root>.visitor-survey-backdrop{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.site-search-dialog{--search-radius:22px;--search-inner-radius:16px;height:100%;padding:6px}.site-search-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow:hidden}.site-search-sidebar{padding:10px;overflow:visible}.site-search-terms{margin-top:12px}.site-search-content{min-height:0;padding:10px}.site-search-results{grid-template-columns:minmax(0,1fr);overflow-y:auto}.site-search-page-result{grid-column:1}.site-search-card{min-height:170px}.site-search-card-writing{min-height:124px}html body .visitor-survey{border-radius:22px;padding:20px 18px}html.text-scale-xl body .visitor-survey .visitor-survey-intro{margin-bottom:14px;padding:14px}html body .visitor-survey .visitor-survey-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html body .visitor-survey .visitor-survey-actions button{width:100%;padding-inline:12px!important}}@media (max-width:380px){html body .visitor-survey{padding:18px 15px}html body .visitor-survey .visitor-survey-actions{grid-template-columns:minmax(0,1fr)}}
html body *,html body :before,html body :after{cursor:url(/cursors/arrow.svg) 3 3,default!important}html body :is(a,button,summary,label,select,[role=button],[role=link],[role=menuitem],[role=option],[role=tab],[role=switch],input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],input[type=range]),html body :is(a,button,summary,label,select,[role=button],[role=link],[role=menuitem],[role=option],[role=tab],[role=switch]) *{cursor:url(/cursors/hand.svg) 10 4,pointer!important}html body :is(input:not(:is([type=button],[type=submit],[type=reset],[type=checkbox],[type=radio],[type=range],[type=color])),textarea,[contenteditable=true],[contenteditable=plaintext-only]){cursor:url(/cursors/text.svg) 9 14,text!important}html body .gallery-detail-zoom,html body .gallery-detail-zoom *{cursor:url(/cursors/zoom-in.svg) 11 11,zoom-in!important}html body article.work-card[role=link],html body article.work-card[role=link] *,html body article.work-card[role=link]:before,html body article.work-card[role=link]:after,html body article.work-card[role=link] :before,html body article.work-card[role=link] :after{cursor:url(/cursors/hand.svg) 10 4,pointer!important}html body .gallery-detail-zoom.is-zoomed,html body .gallery-detail-zoom.is-zoomed *{cursor:url(/cursors/zoom-out.svg) 11 11,zoom-out!important}html body :is(:disabled,[aria-disabled=true]),html body :is(:disabled,[aria-disabled=true]):hover,html body :is(:disabled,[aria-disabled=true]) *,html body :is(:disabled,[aria-disabled=true]):hover *{cursor:url(/cursors/not-allowed.svg) 3 3,not-allowed!important}
.project-case-study{--project-border:color-mix(in srgb, var(--ink) 14%, transparent);position:relative;padding-bottom:64px!important}@media (min-width:1281px){html.text-scale-xl body .app-root>div>main.project-case-study.page-aligned{margin-inline:auto!important}html.text-scale-xl .detail-page.project-case-study.page-aligned:has(.detail-info-rail):after{left:calc(50vw + min(1080px,100vw - 560px)/-2 + min(1080px,100vw - 560px) + 64px)}html.text-scale-xl .project-case-study .detail-info-rail{left:calc(100% + 76px)}}html.text-scale-xl body .app-root>div>main.project-case-study.page-aligned{padding-bottom:64px!important}.project-hero{border-bottom:1px solid var(--project-border);padding-bottom:64px}.project-title-row{align-items:center;gap:16px;display:flex}.project-title-row .collection-back-circle{border:1px solid var(--project-border);width:38px;height:38px;color:var(--ink);border-radius:50%;flex:0 0 38px;place-items:center;display:grid}.project-title-row .collection-back-circle:hover{border-color:var(--accent);color:var(--accent)}html.text-scale-xl body .project-title-row h1,.project-title-row h1{color:var(--ink);letter-spacing:-.065em;overflow-wrap:anywhere;margin:0;font-weight:780;line-height:1;font-size:clamp(2.8rem,2rem + 3.2vw,5rem)!important}html.text-scale-xl body .project-hero-lead,.project-hero-lead{max-width:none;color:var(--ink);margin:28px 0 0;line-height:1.65;font-size:20px!important}.project-hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.project-hero-actions a,.project-hero-actions>button{border:1px solid var(--project-border);background:var(--background);min-height:42px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-weight:600;display:inline-flex;font-size:14px!important}.project-hero-actions a:hover{border-color:var(--accent);color:var(--accent)}.project-hero-actions>button:disabled{color:var(--muted);cursor:not-allowed;opacity:.62}.project-hero-visual{margin-top:42px;scroll-margin-top:96px}.project-hero-visual>.browser-card-preview{background:var(--background);box-shadow:none;border-radius:18px;overflow:hidden;transform:none;border:1px solid var(--project-border)!important;width:100%!important;margin:0!important;padding:0!important;display:block!important}.project-hero-visual .browser-preview-toolbar{border-bottom:1px solid var(--project-border);background:var(--soft);height:34px}.project-hero-visual .browser-preview-content{aspect-ratio:16/9;background:var(--soft)}.project-hero-visual .browser-preview-content>.xl-card-preview{width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important}.project-hero-visual .browser-preview-content svg{object-fit:cover;display:block;width:100%!important;height:100%!important}.project-case-study .detail-info-rail{margin:38px 0 48px}html.text-scale-xl .project-case-study .detail-copy.project-story,.project-story{width:100%;max-width:none;padding:0!important}.project-story-section{border-top:1px solid var(--project-border);padding:52px 0;scroll-margin-top:96px}.project-story-section:first-child{border-top:0}html.text-scale-xl body .project-story-section h2,.project-story-section h2{color:var(--ink);letter-spacing:-.04em;margin:0 0 20px;font-weight:720;line-height:1.15;font-size:clamp(1.65rem,1.4rem + .7vw,2.1rem)!important}html.text-scale-xl body .project-story-section>p,.project-story-section>p,html.text-scale-xl body .project-flow li,.project-flow li{max-width:none;color:var(--ink);margin:0;line-height:1.65;font-size:20px!important}.project-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.project-case-study .project-principles>div{border:1px solid var(--project-border);background:var(--background);border-radius:14px;flex-direction:column;gap:12px;min-height:0;padding:20px;display:flex}html.text-scale-xl body .project-case-study .project-principles b,.project-case-study .project-principles b{color:var(--ink);line-height:1.65;font-size:var(--font-body,1.25rem)!important}html.text-scale-xl body .project-case-study .project-principles span,.project-case-study .project-principles span{color:var(--ink);margin-top:0;line-height:1.65;font-size:var(--font-body,1.25rem)!important}.project-flow{gap:0!important;margin:0!important;padding-left:28px!important;display:grid!important}.project-flow li{line-height:var(--line-height-body,1.65);padding:0 0 0 8px!important}.project-tech{grid-template-columns:repeat(7,minmax(0,1fr));gap:24px 20px;display:grid}.project-case-study .project-tech>span{min-width:0;color:var(--ink);background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;padding:18px 8px;display:flex}.project-case-study .project-tech img{object-fit:contain;flex:0 0 40px;width:40px;height:40px}.project-case-study .project-tech i{background:var(--soft);width:36px;height:36px;color:var(--muted);font-family:var(--font-site-code,"Google Sans Code"), monospace;border-radius:8px;flex:0 0 36px;place-items:center;font-style:normal;font-weight:600;display:grid;font-size:14px!important}html.text-scale-xl body .project-case-study .project-tech b,.project-case-study .project-tech b{text-align:center;overflow-wrap:anywhere;min-width:0;font-weight:550;font-size:var(--font-control,1rem)!important}.project-platforms{flex-wrap:wrap;gap:10px;display:flex}.project-platforms>span{border:1px solid var(--project-border);min-height:42px;color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-weight:600;display:inline-flex;font-size:16px!important}html.text-scale-xl body .project-platforms>span{font-size:var(--font-body)!important}.project-platforms svg{flex:0 0 24px;width:24px;height:24px}html.text-scale-xl body .project-platforms>p,.project-platforms>p{color:var(--ink);margin:0;line-height:1.65;font-size:20px!important}.project-final-section{border-bottom:1px solid var(--project-border)}.project-pagination{border:0;margin-top:32px;padding:0}.project-pagination a{min-width:min(250px,46%);color:var(--ink);border-bottom:0;align-items:flex-start;gap:12px;padding:18px 0}.project-pagination a>svg{box-sizing:content-box;border:1px solid var(--project-border);background:var(--background);width:18px;height:18px;color:var(--ink);border-radius:50%;flex:0 0 18px;padding:10px}.project-pagination a:hover>svg{border-color:var(--accent);color:var(--accent)}.project-pagination a:after{display:none}.project-pagination a>span:not([aria-hidden]){gap:4px;font-weight:650;display:grid;font-size:15px!important}.project-pagination small{color:var(--muted);font-weight:500;font-size:14px!important}.project-pagination-next{text-align:right;justify-content:flex-end}@media (max-width:760px){.project-case-study{padding-bottom:60px!important}.project-hero{padding-bottom:44px}.project-title-row{align-items:flex-start}html.text-scale-xl body .project-title-row h1,.project-title-row h1{font-size:clamp(2.45rem,12vw,3.5rem)!important}.project-hero-visual{margin-top:32px}.project-hero-visual>.browser-card-preview{border-radius:12px}.project-case-study .detail-info-rail{width:100%;margin:30px 0 36px}.project-story-section{padding:40px 0}.project-principles{grid-template-columns:1fr}.project-tech{grid-template-columns:repeat(3,minmax(0,1fr))}.project-case-study .project-principles>div{min-height:0}.project-pagination{flex-direction:column;align-items:stretch;gap:8px}.project-pagination a{width:100%;min-width:0}.project-pagination-next{margin-left:0}}