.article-page,.catalog-page{--line:#dedde8;--pale:#eeedf7;--copy:#514b60;padding-bottom:clamp(8px,2vw,24px)}.article-page{--article-copy:clamp(1rem,.945rem + .24vw,1.1875rem);--article-title:clamp(2.2rem,1.45rem + 3.2vw,4.4rem)}.article-page :where(h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote){margin:0}.article-crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;padding-top:clamp(18px,3vw,34px);font-size:.875rem;display:flex}.article-crumbs a{align-items:center;gap:8px;min-height:44px;display:inline-flex}.article-crumbs a:hover{color:var(--purple)}.article-crumbs .icon{width:16px;height:16px}.article-crumbs [aria-hidden]{color:#b4acc9}.article-hero{max-width:1140px;padding-top:clamp(12px,2vw,24px)}.article-page .article-kicker{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:18px;font-size:.8125rem;display:flex}.article-badge{background:var(--pale);color:#4f4a66;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.article-hero h1{font-size:var(--article-title);letter-spacing:-.04em;text-wrap:balance;overflow-wrap:break-word;max-width:21ch;font-weight:600;line-height:1.08}.article-page .article-lede{color:var(--muted);max-width:60ch;margin-top:clamp(18px,2.4vw,26px);font-size:clamp(1.125rem,1rem + .6vw,1.5rem);line-height:1.55}.article-page .article-result{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:22px;font-size:.9375rem;display:flex}.article-result strong{letter-spacing:-.02em;color:var(--ink);font-size:1.25rem;font-weight:600}.article-cover{background:var(--pale);border:1px solid var(--line);aspect-ratio:3/2;border-radius:20px;max-height:78vh;margin-top:clamp(28px,4vw,48px);position:relative;overflow:hidden}.article-cover img{object-fit:cover;width:100%;height:100%;display:block}.article-cover-caption{color:var(--muted);margin-top:12px;font-size:.8125rem}.project-brief{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:22px 40px;margin-top:clamp(28px,4vw,40px);padding-top:24px;display:grid}.project-brief>div{min-width:0}.project-brief dt{color:var(--muted);margin-bottom:8px;font-size:.8125rem}.project-brief dd{font-size:1rem;line-height:1.55}.article-page .article-intro{letter-spacing:-.02em;white-space:pre-line;max-width:34ch;margin-top:clamp(40px,5vw,64px);font-size:clamp(1.25rem,1.05rem + .9vw,1.875rem);line-height:1.45}.article-layout{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:clamp(30px,4vw,65px);margin-top:clamp(48px,6vw,80px);display:grid}.article-layout.no-rail{grid-template-columns:minmax(0,1fr)}.article-rail{padding-top:4px;position:sticky;top:24px}.article-rail nav{flex-direction:column;gap:2px;display:flex}.article-rail a{color:var(--muted);text-underline-offset:5px;padding:8px 0;font-size:.8125rem;line-height:1.4}.article-rail a:hover,.article-rail a[aria-current]{color:var(--purple);text-decoration:underline}.article-contents-mobile,.article-rail-mobile-only{display:none}.case-journey{margin-top:clamp(48px,6vw,80px)}.case-journey .article-more{margin-top:0}.case-journey-links{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:28px;padding-top:18px;display:flex}.case-journey-links a{min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:.875rem;display:inline-flex}.case-journey-links a:hover{color:var(--purple);text-underline-offset:5px;text-decoration:underline}.case-journey-links .icon{flex-shrink:0;width:16px;height:16px}.article-body{min-width:0;max-width:820px}.article-section{margin-bottom:clamp(48px,6vw,76px);scroll-margin-top:32px}.article-section>h2{letter-spacing:-.035em;text-wrap:balance;max-width:28ch;margin-bottom:22px;font-size:clamp(1.6rem,1.25rem + 1.4vw,2.6rem);font-weight:600;line-height:1.18}.article-blocks{flex-direction:column;gap:clamp(24px,3vw,36px);display:flex}.article-body .prose p{font-size:var(--article-copy);max-width:66ch;color:var(--copy);line-height:1.75}.article-body .prose>*+*{margin-top:18px}.article-body .prose :is(ul,ol){color:var(--copy);font-size:var(--article-copy);max-width:64ch;padding-left:1.2em;line-height:1.7}.article-body .prose li+li{margin-top:8px}.article-body .prose strong{color:var(--ink);font-weight:600}.article-body .prose a{text-underline-offset:4px;-webkit-text-decoration:underline #b4acc9;text-decoration:underline #b4acc9}.article-body .prose a:hover{color:var(--purple)}.article-summary{background:var(--pale);border-radius:16px;padding:clamp(24px,3vw,36px)}.article-summary h2{letter-spacing:-.025em;max-width:34ch;font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem);font-weight:600;line-height:1.3}.article-summary ol{gap:12px;margin-top:20px;padding:0;list-style:none;display:grid}.article-summary li{font-size:var(--article-copy);color:var(--copy);grid-template-columns:28px 1fr;gap:8px;line-height:1.6;display:grid}.article-summary li span{font-variant-numeric:tabular-nums;color:#948aa5;padding-top:3px;font-size:.875rem}.metric-list{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.metric-list>div{border-bottom:1px solid var(--line);padding:22px 24px 22px 0}.metric-list dt{color:var(--muted);order:2;margin-top:6px;font-size:.875rem;line-height:1.5}.metric-list dd{letter-spacing:-.03em;font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);font-weight:600;line-height:1.1}.metric-list>div{flex-direction:column;display:flex}.product-screen .screen{border:1px solid var(--line);background:var(--pale);aspect-ratio:4/3;border-radius:12px;position:relative;overflow:hidden}.product-screen .screen.wide{aspect-ratio:16/10}.product-screen figcaption{color:var(--muted);max-width:65ch;margin-top:12px;font-size:.8125rem;line-height:1.65}.screen-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.screen-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.screen-pair .label{color:var(--muted);margin-bottom:8px;font-size:.8125rem;display:block}.article-quote{letter-spacing:-.025em;border-left:2px solid var(--purple);max-width:30ch;padding-left:24px;font-size:clamp(1.35rem,1.1rem + 1vw,2rem);font-weight:600;line-height:1.3}.article-quote.ink{background:var(--ink);color:#fcfcfe;border:0;border-radius:16px;max-width:none;padding:clamp(28px,4vw,44px)}.article-voice blockquote{color:var(--ink);max-width:56ch;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);line-height:1.5}.article-voice figcaption{color:var(--muted);margin-top:12px;font-size:.875rem}.article-faq h3{color:var(--muted);margin-bottom:12px;font-size:.8125rem;font-weight:400}.article-faq dl>div{border-top:1px solid var(--line);padding:18px 0}.article-faq dl>div:last-child{border-bottom:1px solid var(--line)}.article-faq dt{margin-bottom:6px;font-weight:600}.article-faq dd{color:var(--copy);line-height:1.65}.article-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.study-list{border-top:1px solid var(--line)}.study-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:6px 16px;padding:18px 0;display:grid}.study-row .study-type{color:var(--muted);grid-column:1;font-size:.75rem}.study-row h3{letter-spacing:-.02em;grid-column:1;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);font-weight:600;line-height:1.35}.study-row p{color:var(--muted);grid-column:1;max-width:62ch;font-size:.875rem;line-height:1.55}.study-row .icon{color:#9085a6;grid-area:1/2/4;width:18px;height:18px;transition:transform .2s}a.study-row:hover h3{color:var(--purple)}a.study-row:hover .icon{color:var(--purple);transform:translate(3px,-3px)}.article-more{margin-top:clamp(48px,6vw,80px)}.article-more h2{letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(1.4rem,1.2rem + .8vw,2rem);font-weight:600}.article-author{background:var(--pale);border-radius:16px;margin-top:clamp(40px,5vw,64px);padding:clamp(22px,3vw,32px)}.article-page .article-author p{color:var(--copy);font-size:.9375rem;line-height:1.6}.article-page .article-author .article-author-name{color:var(--ink);margin-bottom:6px;font-weight:600}.article-author-name span{color:var(--muted);font-weight:400}.article-author-links{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:18px;font-size:.875rem;display:flex}.article-author-links a:not(.btn){color:var(--muted)}.article-author-links a:not(.btn):hover{color:var(--purple)}.article-author-links .btn .icon{width:16px;height:16px}.article-page .article-thanks{color:var(--muted);max-width:66ch;margin-top:clamp(32px,4vw,48px);font-size:.875rem;line-height:1.6}.article-thanks strong{color:var(--ink);margin-right:8px;font-weight:600}@media (max-width:900px){.article-layout{display:block}.article-rail{z-index:20;min-width:0;margin-bottom:24px;padding:0;display:block;top:12px}.article-contents-desktop{display:none!important}.article-contents-mobile{border:1px solid var(--line);background:var(--paper,#fcfcfe);border-radius:12px;display:block;position:relative}.article-contents-mobile summary{cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:12px 16px;font-size:.8125rem;list-style:none;display:flex}.article-contents-mobile summary::-webkit-details-marker{display:none}.article-contents-title{flex-shrink:0;font-weight:600}.article-contents-current{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;overflow:hidden}.article-contents-mobile .icon{width:18px;height:18px;color:var(--muted);flex-shrink:0}.article-contents-mobile[open] .icon{transform:rotate(180deg)}.article-contents-mobile summary:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:10px}.article-contents-mobile nav{border:1px solid var(--line);background:var(--paper,#fcfcfe);overscroll-behavior:contain;scrollbar-color:var(--line) transparent;border-radius:12px;max-height:min(60dvh,440px);padding:8px 16px;position:absolute;top:calc(100% + 6px);left:-1px;right:-1px;overflow-y:auto;box-shadow:0 12px 28px -16px #2624374d}.article-contents-mobile nav a{overflow-wrap:anywhere;align-items:center;min-height:44px;padding:10px 4px;display:flex}.article-page :is(.article-section,.ar-artifact-section){scroll-margin-top:128px}.ar-story-content{position:relative}.ar-story-content .article-rail{margin-top:32px}}@media (max-width:580px){.article-cover{aspect-ratio:4/3;border-radius:14px}.screen-pair,.article-gallery{grid-template-columns:minmax(0,1fr)}}.catalog-page :where(h1,h2,h3,p){margin:0}.page-intro{justify-content:space-between;align-items:flex-end;gap:45px;padding-block:clamp(28px,4vw,60px) clamp(24px,3vw,42px);display:flex}.page-intro h1{letter-spacing:-.045em;max-width:810px;font-size:clamp(44px,5.8vw,82px);font-weight:600;line-height:1.05}.page-intro p{max-width:300px;color:var(--muted);padding-bottom:6px;font-size:.9375rem;line-height:1.6}.filter-bar{z-index:10;-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--line);background:#fcfcfef5;margin-bottom:28px;padding-block:14px;position:sticky;top:0}.filter-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;display:flex}.filters{flex-wrap:wrap;gap:6px;display:flex}.filter{white-space:nowrap;min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;padding:8px 13px;font-size:.8125rem;line-height:1.4;display:inline-flex}.filter span{color:#858090;margin-left:6px;font-size:.6875rem}.filter[aria-pressed=true]{background:var(--ink);color:#fff}.filter[aria-pressed=true] span{color:#d0cadd}.filter:hover:not([aria-pressed=true]){background:#efedf5}.search{flex:0 240px;min-width:170px;position:relative}.search .icon{width:16px;height:16px;color:var(--muted);pointer-events:none;margin-top:-8px;position:absolute;top:50%;left:12px}.search input{width:100%;height:40px;font:inherit;color:var(--ink);background:#f1eff6;border:1px solid #0000;border-radius:7px;padding:9px 12px 9px 36px;font-size:.8125rem}.search input:focus{outline:2px solid var(--purple);outline-offset:1px;background:#fff}.search input::placeholder{color:#746e82}.results-info{color:var(--muted);margin-bottom:22px;font-size:.8125rem}.catalog-page .project-result{color:var(--muted);margin-top:10px;font-size:.875rem}.catalog-page .project-result strong{color:var(--ink);font-weight:600}.work-catalog .catalog-selected{padding-top:8px;padding-bottom:0}.work-catalog .project-availability{color:var(--muted);font-size:.8125rem}.work-catalog .filter{min-height:44px}.work-catalog .filter span{color:#6d647c}.work-catalog .filter[aria-pressed=true] span{color:#e6e1ef}.work-catalog .search input{height:44px;caret-color:var(--purple)}.work-catalog .study-row{min-width:0}.work-catalog .study-row :is(h3,p){overflow-wrap:anywhere}.work-catalog .study-type{color:#696177}.work-catalog .more-work:first-of-type{margin-top:32px}.more-work{margin-top:clamp(56px,7vw,90px)}.more-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 30px;margin-bottom:22px;display:flex}.more-heading h2{letter-spacing:-.035em;font-size:clamp(1.6rem,1.3rem + 1.2vw,2.1rem);font-weight:600}.more-heading p{color:var(--muted);font-size:.8125rem}.study-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;display:grid}.study-grid .study-row{border-top:1px solid var(--line);border-bottom:0}.empty-state{background:var(--pale);text-align:center;border-radius:20px;padding:clamp(40px,6vw,70px) 20px}.empty-state h2{letter-spacing:-.03em;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:600}.catalog-page .empty-state p{color:var(--muted);max-width:40ch;margin:14px auto 24px}@media (max-width:850px){.page-intro{flex-direction:column;align-items:flex-start;gap:18px}.page-intro p{max-width:490px}.study-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:580px){.filters{margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter);scrollbar-width:none;width:calc(100% + var(--gutter));flex-wrap:nowrap;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter{flex-shrink:0}.search{flex-basis:100%}.work-catalog .filters{flex-wrap:wrap;width:100%;margin:0;padding:0;overflow:visible}.work-catalog .filter{padding-inline:10px}}::view-transition-group(.cover-morph){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}}.post-list .study-row{padding:clamp(20px,2.4vw,28px) 0}.post-list .study-row h3{letter-spacing:-.03em;max-width:40ch;font-size:clamp(1.25rem,1.05rem + .8vw,1.75rem);line-height:1.25}.post-list .study-row p{max-width:66ch;font-size:.9375rem}.post-flag{background:var(--pale);color:#4f4a66;border-radius:999px;margin-left:10px;padding:2px 8px;font-style:normal}.catalog-page .series-deck{color:var(--muted);max-width:70ch;margin:-8px 0 24px;font-size:.9375rem;line-height:1.6}.catalog-page .series-deck a{color:var(--purple);white-space:nowrap}.archive-wall{columns:3 300px;column-gap:clamp(20px,2.4vw,32px)}.archive-item{break-inside:avoid;margin:0 0 clamp(28px,3.4vw,44px)}.archive-item.wide{column-span:all;max-width:900px}.archive-media{background:var(--pale);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;position:relative;overflow:hidden}.archive-media>img{width:100%;height:auto;display:block}.catalog-page .archive-item h2{letter-spacing:-.02em;font-size:clamp(1.1rem,1rem + .4vw,1.375rem);font-weight:600;line-height:1.3}.catalog-page .archive-item p{color:var(--copy);margin-top:8px;font-size:.9375rem;line-height:1.6}.archive-meta{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;margin-top:12px;padding-top:12px;font-size:.8125rem;line-height:1.5;display:flex}.archive-meta a{color:var(--purple);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.archive-meta .icon{width:14px;height:14px}