@media (max-width:767px){:root{--page-gutter:1.25rem;--nav-offset:calc(4rem + env(safe-area-inset-top));--detail-nav-height:calc(4.5rem + env(safe-area-inset-bottom))}html{scroll-padding-top:calc(var(--nav-offset) + 1rem);scroll-padding-bottom:var(--detail-nav-height)}main :is(h1,h2,h3){text-wrap:balance;overflow-wrap:anywhere;letter-spacing:0}main :is(p,dd){text-wrap:pretty;overflow-wrap:anywhere}.site-nav{min-height:var(--nav-offset);padding:env(safe-area-inset-top) var(--page-gutter) 0;gap:.5rem}.site-nav ul{gap:.25rem}.site-nav ul a{padding-inline:.375rem;font-size:.8125rem;line-height:1.5}.site-nav-link:after{bottom:0}.hero-section{min-height:100dvh;padding-top:var(--nav-offset);padding-bottom:0}.hero-shell{min-height:calc(100dvh - var(--nav-offset))}.hero-content{text-align:center;justify-items:center;padding:5rem 0}.hero-heading{justify-items:center;gap:1.75rem}.hero-copy{justify-items:center;width:min(100%,30rem)}.hero-scroll-cue{bottom:max(1.5rem, env(safe-area-inset-bottom))}.hero-section .hero-intro{text-align:center;margin:0;font-weight:400;line-height:1.85;font-size:1rem!important}#work.work-section{padding-bottom:3.5rem}.work-container-scroll__scene,.work-container-scroll__card,.work-container-scroll__body{min-width:0;padding-inline:0}.project-archive-experience.is-grid-view,.project-archive-experience.is-index-view{padding:0}.project-archive-header{padding:1.5rem 0}.project-archive-header__mobile{padding:0}.project-archive-header__mobile-title{gap:.5rem}.project-archive-header__mobile-title span{letter-spacing:0;font-size:.75rem;line-height:1.5}.project-archive-header__mobile-title h2{font-size:1.75rem;line-height:1.3}.project-archive-grid-view{gap:2rem;padding-block:0}.project-archive-grid-card__media{aspect-ratio:var(--preview-ratio,16 / 9);border:0}.project-archive-grid-card__image{object-fit:contain}.project-archive-grid-card__caption{text-shadow:none;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.375rem 1rem;padding-top:.75rem;display:flex;position:static}.project-archive-grid-card__caption strong{font-size:1.25rem;line-height:1.2}.project-archive-grid-card__caption small{letter-spacing:0;font-size:.6875rem;line-height:1.5}.about-section{padding-block:1.5rem 3.5rem}.about-section>div,#contact .contact-shell,#contact .contact-footer{max-width:40rem}.about-section .about-profile-header{justify-content:flex-start;margin-bottom:1rem}.about-profile{max-width:none}.about-section .about-profile-item,.about-section .about-profile-item+.about-profile-item{text-align:left;grid-template-columns:6rem minmax(0,1fr);place-items:baseline start;gap:1rem;min-height:0;padding-block:1rem}.about-section .about-profile-item dt{grid-column:1;font-size:.6875rem;line-height:1.6}.about-section .about-profile-item dd{text-align:left;grid-column:2;max-width:none;font-size:.9375rem;line-height:1.7}.about-capabilities-label{text-align:left;margin-bottom:1rem}.about-section .workflow-grid{gap:0;max-width:none}.about-section .capability-row,.about-section .capability-row+.capability-row{grid-template-columns:1.75rem minmax(0,1fr);place-items:baseline stretch;gap:.625rem .75rem;padding-block:1.5rem}.about-section .capability-row>span{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:.75rem;line-height:1.5}.about-section .capability-row h3{font-size:1.125rem;line-height:1.5}.about-section .capability-row p{font-size:.9375rem;line-height:1.85}#contact{padding-block:3rem 2rem}#contact .contact-shell{text-align:left;gap:1.75rem}#contact .contact-shell>div:first-child{justify-items:start}#contact .contact-title{max-width:100%;font-size:1.875rem;line-height:1.4}#contact .contact-shell>div:first-child>p:last-child{margin-top:1rem;font-size:1rem;line-height:1.85}#contact .eyebrow{letter-spacing:0;margin-bottom:.75rem;font-size:.75rem}#contact .contact-pill-row{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.contact-pill{letter-spacing:0;border-radius:.5rem;min-width:0;min-height:3.5rem;padding:.75rem 1rem;font-size:.875rem}.contact-pill--email{text-align:left;grid-template-columns:auto minmax(0,1fr) 2.75rem;align-items:center;gap:.375rem;padding:.5rem .75rem;display:grid}.contact-pill--email>span:first-child{color:var(--muted);white-space:nowrap;font-size:.75rem}.contact-pill--email .contact-email-link{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:.8125rem;line-height:1.6}.contact-pill--email .contact-copy-button{width:2.75rem;height:2.75rem;margin:0}#contact .contact-footer{margin-top:2.5rem;padding-top:1.5rem}#contact .contact-footer p{font-size:.6875rem;line-height:1.8}.project-detail-page{padding-top:calc(var(--nav-offset) + 2rem);padding-bottom:calc(var(--detail-nav-height) + 2rem)}.project-detail-shell{max-width:40rem}.project-detail-page .project-detail-header{text-align:left;gap:.75rem;margin-bottom:0;padding-bottom:2rem}.project-detail-header .eyebrow{letter-spacing:0;margin:0;font-size:.75rem;line-height:1.5}.project-detail-header>.section-title{font-size:2rem;line-height:1.3}.project-detail-header>p:last-child{margin:.25rem 0 0;font-size:1rem;line-height:1.85}.project-gallery-groups{gap:3rem}.project-gallery-section{gap:1.25rem;padding-top:1.5rem}.project-gallery-heading>div{gap:.625rem}.project-gallery-heading h2{font-size:1.5rem;line-height:1.4}.project-gallery-heading p{font-size:.9375rem;line-height:1.8}.project-gallery-heading .project-gallery-usage{color:var(--quiet);font-size:.8125rem;line-height:1.7}.project-gallery-grid{gap:1rem}.project-detail-image{border:0;border-radius:0}.project-detail-image img{object-fit:contain;height:auto}.k10-reference-case.brand-case-page{padding-top:var(--nav-offset);padding-bottom:var(--detail-nav-height)}.brand-case-page .k10-reference-shell{width:min(calc(100% - var(--page-gutter) * 2), 40rem)}.k10-reference-case.brand-case-page .k10-overview-strategy{padding-block:3rem}.k10-reference-case.brand-case-page .k10-reference-stories{gap:3rem;padding-bottom:3rem}.k10-reference-case.brand-case-page .k10-reference-story__head{gap:.875rem;padding-top:1.5rem}.brand-case-page .k10-reference-section-label{letter-spacing:0;font-size:.75rem;line-height:1.5}.k10-reference-case.brand-case-page .k10-reference-story__head h2{margin-top:.625rem;font-size:1.5rem;line-height:1.4}.k10-reference-case.brand-case-page .k10-reference-story__head>p{max-width:none;margin:0;font-size:1rem;line-height:1.85}.k10-reference-case.brand-case-page .k10-reference-story__frames{gap:1.75rem;margin-top:1.5rem}.k10-reference-case.brand-case-page .k10-reference-story.is-heading-hidden .k10-reference-story__frames{margin-top:0}.k10-reference-case.brand-case-page .k10-reference-frame figcaption{gap:.375rem;min-height:0;padding-block:.875rem 0}.brand-case-page .k10-reference-frame figcaption span{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:.6875rem;line-height:1.5}.brand-case-page .k10-reference-frame h3{font-size:1rem;line-height:1.6}.brand-case-page .k10-reference-frame p{margin-top:.5rem;font-size:.9375rem;line-height:1.8}.brand-case-page .k10-reference-frame img{border:0}.k10-reference-case.brand-case-page .k10-reference-story.is-component-story .k10-reference-story__frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.s50-reference-case .is-component-story .k10-reference-frame p,.s50-reference-case .is-component-story .k10-reference-frame__title-zh{display:none}.k10-reference-frame__open-icon{width:2rem;height:2rem;top:.5rem;right:.5rem}.image-lightbox-stage{height:100dvh;padding:calc(4.5rem + env(safe-area-inset-top)) .5rem calc(5rem + env(safe-area-inset-bottom))}.image-lightbox-bar{justify-content:flex-start;padding-inline:.75rem}.image-lightbox-count{letter-spacing:0;font-variant-numeric:tabular-nums;min-height:2.75rem;font-size:.8125rem}.image-lightbox-close{width:2.75rem;height:2.75rem}.k10-reference-lightbox__original{top:max(.75rem, env(safe-area-inset-top));right:4rem}.project-detail-rail{z-index:40;min-height:var(--detail-nav-height);border-top:1px solid var(--line);background:var(--background);padding:.75rem max(var(--page-gutter), env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left));grid-auto-columns:2.75rem;grid-auto-flow:column;justify-content:center;gap:1.5rem;inset:auto 0 0;transform:none}.project-detail-rail__button{width:2.75rem;height:2.75rem;box-shadow:none}}@media (max-width:767px) and (hover:none){.project-archive-grid-card:hover .project-archive-grid-card__image,.project-detail-image:hover{filter:none;transform:none}}@media (max-width:359px){:root{--page-gutter:1rem}.site-nav{gap:.25rem}.site-nav ul{gap:0}.site-nav ul a{padding-inline:.25rem;font-size:.75rem}.about-section .about-profile-item,.about-section .about-profile-item+.about-profile-item{grid-template-columns:5.25rem minmax(0,1fr);gap:.75rem}}@media (pointer:coarse) and (min-width:768px){:root{--page-gutter:1.25rem;--nav-offset:calc(4rem + env(safe-area-inset-top));--detail-nav-height:calc(4.5rem + env(safe-area-inset-bottom))}.site-nav{min-height:var(--nav-offset);padding:env(safe-area-inset-top) var(--page-gutter) 0}.site-nav ul{gap:.25rem}.site-nav ul a{padding-inline:.375rem;font-size:.8125rem}.brand-case-page{padding-top:var(--nav-offset);padding-bottom:var(--detail-nav-height)}.k10-overview-hero{aspect-ratio:auto;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;min-height:0}.k10-overview-cover{position:absolute;inset:0}.k10-overview-cover img{aspect-ratio:auto;object-fit:cover;opacity:.25;filter:none;height:100%!important}.s50-reference-case .k10-overview-cover img{object-position:32% center}.k10-overview-intro{width:min(calc(100% - var(--page-gutter) * 2), 40rem);text-align:left;justify-items:stretch;min-width:0;min-height:32rem;padding-block:3.5rem}.k10-overview-heading{justify-items:start;gap:1rem;min-width:0}.k10-overview-title{white-space:normal;font-size:2rem;line-height:1.4}.k10-overview-summary{white-space:normal;font-size:1rem;line-height:1.85}.k10-overview-facts{grid-template-columns:minmax(0,1fr);margin-top:1.75rem;padding-top:0}.k10-overview-facts div{text-align:left;grid-template-columns:4.5rem minmax(0,1fr);place-items:baseline start;gap:1rem;min-height:0;padding:.875rem 0}.k10-overview-facts div+div{border-top:1px solid var(--k10-line);border-left:0}.k10-overview-facts dd{text-align:left;white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:none;margin:0}.k10-reference-case.brand-case-page .k10-reference-story.is-component-story .k10-reference-story__frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.s50-reference-case .is-component-story .k10-reference-frame p,.s50-reference-case .is-component-story .k10-reference-frame__title-zh{display:none}}