:root{color-scheme:light dark;--color-canvas:#050505;--color-surface:#0d0d0d;--color-surface-strong:#101010;--color-surface-elevated:#181818;--color-text:#ffffffeb;--color-text-muted:#ffffff8f;--color-line:#eee;--color-line-strong:#eee;--color-accent:#a3ff5c;--color-accent-strong:#c8ff9d;--color-accent-soft:#15210e;--color-violet:#b69cff;--color-violet-soft:#181226;--color-teal:#61e8d2;--color-teal-soft:#0d211e;--color-warning:#ffd36a;--color-warning-soft:#221b0a;--color-danger:#ff8c8c;--color-danger-soft:#281010;--font-sans:Inter, Manrope, "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", ui-sans-serif, sans-serif;--font-mono:"SFMono-Regular", "JetBrains Mono", Consolas, monospace;--font-display-size:clamp(2.25rem, 5.5vw, 3.5rem);--font-display-weight:400;--font-display-line:1.2;--font-display-tracking:-.04em;--font-h2-size:clamp(1.5rem, 2.4vw, 2rem);--font-h2-weight:500;--font-h2-line:1.25;--font-h3-size:1.25rem;--font-h3-weight:500;--font-body-size:1rem;--font-body-line:1.5;--font-detail-description-size:.9375rem;--font-small-size:.875rem;--font-small-line:1.43;--font-caption-size:.75rem;--step--1:clamp(.78rem, .76rem + .09vw, .85rem);--step-0:clamp(.94rem, .9rem + .18vw, 1.06rem);--step-1:clamp(1.12rem, 1.03rem + .38vw, 1.38rem);--step-2:clamp(1.38rem, 1.19rem + .8vw, 1.94rem);--step-3:clamp(1.72rem, 1.38rem + 1.48vw, 2.75rem);--step-4:clamp(2.18rem, 1.62rem + 2.4vw, 3.85rem);--step-5:clamp(2.8rem, 1.9rem + 3.8vw, 5.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:7rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-pill:999px;--duration-fast:.16s;--duration-base:.24s;--duration-media:.5s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--container:90rem;--reading:46rem;--header-height:4.5rem}html[data-resolved-theme=light]{color-scheme:light;--color-canvas:#fff;--color-surface:#fff;--color-surface-strong:#fff;--color-surface-elevated:#e7e7e1;--color-text:#0c0c0ceb;--color-text-muted:#0c0c0c9e;--color-line:#eee;--color-line-strong:#eee;--color-accent:#397a10;--color-accent-strong:#285e08;--color-accent-soft:#e5f4d9;--color-violet:#6549a5;--color-violet-soft:#eee8fa;--color-teal:#166f63;--color-teal-soft:#dcf2ee;--color-warning:#765900;--color-warning-soft:#fff;--color-danger:#a52d2d;--color-danger-soft:#f9dddd}*,:before,:after{box-sizing:border-box}html{background:var(--color-canvas);scroll-behavior:smooth}body{min-width:20rem;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom));background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-body-size);font-weight:400;line-height:var(--font-body-line);text-rendering:optimizelegibility;transition:background-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);margin:0}img,video{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-sm)}::selection{background:var(--color-accent);color:#050505}.skip-link{left:var(--space-4);top:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);background:var(--color-accent);color:var(--color-canvas);border-radius:var(--radius-sm);position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.container{width:min(calc(100% - 2 * var(--space-5)), var(--container));margin-inline:auto}.reading{width:min(100%, var(--reading))}.section{padding-block:var(--space-9)}.section--surface{background:var(--color-surface);border-block:1px solid var(--color-line)}.section--compact{padding-block:var(--space-7)}.eyebrow{margin:0 0 var(--space-3);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-caption-size);letter-spacing:.08em;text-transform:uppercase;font-weight:500;line-height:1.33}.display,.page-title{max-width:18ch;font-size:var(--font-display-size);font-weight:var(--font-display-weight);line-height:var(--font-display-line);letter-spacing:var(--font-display-tracking);margin:0}.page-title{max-width:22ch}.section-title{font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line);letter-spacing:-.03em;margin:0}.lede{max-width:42rem;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:var(--font-body-size);font-weight:400;line-height:1.5}.meta{color:var(--color-text-muted);font-size:var(--font-small-size);line-height:var(--font-small-line)}.flow>*{margin-block:0}.flow>*+*{margin-top:var(--flow-space,var(--space-5))}.cluster{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.grid{gap:var(--space-5);display:grid}.grid:has(>.card){background:var(--color-line);gap:1px;padding:1px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.divider{border:0;border-top:1px solid var(--color-line);margin-block:var(--space-7)}.site-header{z-index:50;min-height:var(--header-height);border-bottom:1px solid var(--color-line);background:color-mix(in srgb, var(--color-canvas) 88%, transparent);backdrop-filter:blur(18px);position:sticky;top:0}.site-header__inner{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.brand{align-items:baseline;gap:var(--space-3);grid-template-columns:auto auto;min-height:2.75rem;text-decoration:none;display:inline-grid}.brand:hover{color:var(--color-text)}.brand__name{font-size:var(--step-1);letter-spacing:-.04em;font-weight:600}.brand__role{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem}.nav-toggle{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-width:2.75rem;min-height:2.75rem;color:var(--color-text);display:none}.site-nav__list{align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.site-nav a{min-height:2.75rem;padding-inline:var(--space-3);color:var(--color-text-muted);font-size:var(--font-small-size);transition:color var(--duration-fast) var(--ease-standard);align-items:center;font-weight:400;text-decoration:none;display:inline-flex;position:relative}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-text)}.site-nav a[aria-current=page]:after{right:var(--space-3);bottom:.35rem;left:var(--space-3);background:var(--color-accent);content:"";height:1px;position:absolute}.site-main{min-height:70vh}.site-footer{padding-block:var(--space-9) var(--space-6);border-top:1px solid var(--color-line);background:var(--color-canvas);color:var(--color-text)}.site-footer a{color:var(--color-text-muted);text-decoration:none}.site-footer a:hover{color:var(--color-accent)}.site-footer__grid{gap:var(--space-7);grid-template-columns:1.5fr 1fr 1fr;display:grid}.site-footer__links{margin:0;padding:0;list-style:none}.site-footer__links li+li{margin-top:var(--space-2)}.site-footer__bottom{justify-content:space-between;gap:var(--space-5);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-line);color:var(--color-text-muted);font-size:var(--step--1);display:flex}.button{border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);min-height:3rem;color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;padding:.7rem 1.15rem;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--color-text);background:var(--color-text);color:var(--color-canvas);transform:translateY(-1px)}.button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-canvas)}.button--primary:hover{border-color:var(--color-accent-strong);background:var(--color-accent-strong);color:var(--color-canvas)}.button--quiet{border-color:var(--color-line-strong);background:0 0}.button[aria-disabled=true]{cursor:not-allowed;opacity:.58;transform:none}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-5);margin-bottom:var(--space-7);display:flex}.section-heading__copy{max-width:42rem}.section-heading__description{margin:var(--space-3) 0 0;color:var(--color-text-muted)}.text-link{font-size:var(--font-small-size);font-weight:500;text-decoration:none}.text-link:after{content:" →"}.card{background:var(--color-surface-strong);border:0;border-radius:0;flex-direction:column;min-height:100%;display:flex;position:relative;overflow:hidden}.card--placeholder,.card--placeholder .card__visual{background:#fff}.card[hidden]{display:none}.card__utility{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3.5rem;padding:var(--space-3) var(--space-4) 0;display:flex}.card__utility .eyebrow{margin:0}.card__action{opacity:0;color:var(--color-text);font-size:var(--font-small-size);transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);font-weight:500;transform:translate(-.35rem)}.card__visual{min-height:16rem;margin:var(--space-4);padding:var(--space-5);background:var(--color-accent-soft);justify-content:space-between;align-items:end;display:flex;position:relative;overflow:hidden}.card__visual--image img{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform var(--duration-media) var(--ease-standard);transform-origin:50%;position:absolute;inset:0}.card__visual:before{content:"";border:1px solid #eee;position:absolute;inset:12% 8%;transform:rotate(-7deg)}.card__visual--article{background:var(--color-violet-soft)}.card__visual--service{background:var(--color-surface-elevated)}.card__visual-kicker{z-index:1;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;font-size:.65rem;position:relative}.card[data-accent=violet] .card__visual{background:var(--color-violet-soft)}.card[data-accent=teal] .card__visual{background:var(--color-teal-soft)}.card__index{z-index:1;font-family:var(--font-mono);font-size:var(--step-4);opacity:.76;transition:transform var(--duration-base) var(--ease-standard);line-height:1;position:relative}.card__body{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.card__title{font-size:var(--font-h3-size);font-weight:var(--font-h3-weight);letter-spacing:-.025em;margin:0;line-height:1.4}.card__title a{text-decoration:none}.card__title a:after{content:"";position:absolute;inset:0}.card__summary{margin:var(--space-3) 0 var(--space-5);color:var(--color-text-muted);font-size:var(--font-small-size);line-height:var(--font-small-line)}.card__meta{gap:var(--space-2);padding-top:var(--space-4);color:var(--color-text-muted);font-size:var(--step--1);flex-wrap:wrap;margin-top:auto;display:flex}.card:has(a):hover .card__action,.card:focus-within .card__action{opacity:1;transform:translate(0)}.card:has(a):hover .card__index,.card:focus-within .card__index{transform:translate(.18rem)}.card:has(a):hover .card__visual--image img,.card:focus-within .card__visual--image img{transform:scale(1.025)}.empty-state{padding:var(--space-7);border:1px dashed var(--color-line-strong);border-radius:var(--radius-lg);background:var(--color-surface)}.hero{min-height:calc(100svh - var(--header-height));align-items:center;padding-block:clamp(6rem,12vw,11rem) clamp(5rem,9vw,8rem);display:flex;position:relative;overflow:hidden}.hero:after{aspect-ratio:1;border:1px solid var(--color-line);content:"";opacity:.7;border-radius:50%;width:min(58vw,52rem);position:absolute;bottom:-30vw;right:-10vw}.hero__inner{z-index:1;align-items:end;gap:var(--space-7);grid-template-columns:minmax(0,8fr) minmax(15rem,4fr);display:grid;position:relative}.hero__aside{padding-left:var(--space-5);border-left:1px solid var(--color-line-strong)}.hero__actions{margin-top:var(--space-6)}.capability-list{border-top:1px solid var(--color-line);border-left:1px solid var(--color-line);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.capability-list li{min-height:8rem;padding:var(--space-4);border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);background:var(--color-surface);font-weight:500}.numbered-list{counter-reset:item;margin:0;padding:0;list-style:none}.numbered-list li{gap:var(--space-4);padding-block:var(--space-5);border-top:1px solid var(--color-line);grid-template-columns:3rem 1fr;display:grid}.numbered-list li:before{counter-increment:item;content:counter(item, decimal-leading-zero);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--step--1);font-weight:700}.cta-panel{align-items:end;gap:var(--space-7);padding:var(--space-7);border:1px solid var(--color-line-strong);background:var(--color-surface);color:var(--color-text);border-radius:0;grid-template-columns:1.5fr 1fr;display:grid}.cta-panel .eyebrow{color:var(--color-accent)}.cta-panel .meta{color:var(--color-text-muted)}.page-header{padding-block:var(--space-8)}.page-header+.section--surface{border-top:0}.page-header__grid{align-items:end;gap:var(--space-7);grid-template-columns:8fr 4fr;display:grid}.filter-bar{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-chip{min-height:2.75rem;padding-inline:var(--space-4);border:1px solid var(--color-line);background:var(--color-surface-strong);color:var(--color-text-muted);font-size:var(--step--1);cursor:pointer;text-align:left;border-radius:999px;align-items:center;display:inline-flex}.filter-chip[aria-pressed=true]{border-color:var(--color-text);background:var(--color-text);color:var(--color-canvas)}.work-filter-grid{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.work-filter-option{flex:0 auto;min-width:0;max-width:18rem}.work-filter-option .filter-chip{justify-content:center;width:auto}.case-hero{padding-block:var(--space-8);color:#111;background:#fff}.case-hero[data-accent=violet],.case-hero[data-accent=teal]{background:#fff}.case-hero__grid{gap:var(--space-7);grid-template-columns:8fr 4fr;align-items:end;display:grid}.case-hero__media{grid-column:1/-1}.case-meta{gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin:0;display:grid}.case-meta div{padding-top:var(--space-3)}.case-meta dt{color:var(--color-text-muted);font-size:var(--step--1)}.case-meta dd{margin:var(--space-1) 0 0;font-weight:500}.case-layout{gap:var(--space-7);padding-block:var(--space-8);grid-template-columns:minmax(12rem,1fr) minmax(0,64rem) minmax(12rem,1fr);display:grid}.case-layout>.case-nav{grid-column:1}.case-layout>article{grid-column:2}.case-nav{top:calc(var(--header-height) + var(--space-5));align-self:start;position:sticky}.case-nav ol{margin:0;padding:0;list-style:none}.case-nav a{padding-block:var(--space-2);color:var(--color-text-muted);font-size:var(--step--1);text-decoration:none;display:block}.case-nav a:hover{color:var(--color-accent)}.case-nav__detail{margin-top:var(--space-4);font-weight:500;padding-top:var(--space-4)!important}.case-section{scroll-margin-top:calc(var(--header-height) + var(--space-4));padding-bottom:var(--space-8)}.case-section+.case-section{padding-top:var(--space-7)}.case-section__header{justify-content:space-between;align-items:start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.case-placeholder{min-height:14rem;margin-top:var(--space-5);padding:var(--space-6);border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);text-align:center;place-items:center;display:grid}.case-media{margin:var(--space-6) 0 0}.case-media__assets{gap:var(--space-5);background:0 0;padding:0;display:grid}.case-media[data-kind=comparison] .case-media__assets,.case-media[data-kind=gallery] .case-media__assets{grid-template-columns:repeat(2,minmax(0,1fr))}.case-media__asset{background:var(--color-surface);display:block;position:relative;overflow:hidden}.case-media__assets picture{display:block}.case-media[data-ratio=wide] .case-media__placeholder{aspect-ratio:16/7}.case-media[data-ratio=landscape] .case-media__placeholder{aspect-ratio:4/3}.case-media[data-ratio=portrait] .case-media__placeholder{aspect-ratio:3/4}.case-media[data-ratio=square] .case-media__placeholder{aspect-ratio:1}.case-media__label{left:var(--space-3);bottom:var(--space-3);padding:var(--space-1) var(--space-3);background:color-mix(in srgb, var(--color-text) 88%, transparent);color:var(--color-canvas);font-size:var(--step--1);border-radius:999px;position:absolute}.case-media__placeholder{align-items:end;gap:var(--space-5);min-height:16rem;padding:var(--space-6);border:1px dashed var(--color-line-strong);background:repeating-linear-gradient(135deg, var(--color-surface), var(--color-surface) 1.25rem, var(--color-canvas) 1.25rem, var(--color-canvas) 2.5rem);grid-template-columns:1fr minmax(14rem,2fr) auto;display:grid;position:relative}.case-media__placeholder h3{font-size:var(--step-2);margin:0}.case-media__placeholder p:not(.eyebrow){max-width:38rem;margin:var(--space-2) 0 0;color:var(--color-text-muted)}.case-media__index{font-family:var(--font-mono);font-size:var(--step--1);align-self:start;font-weight:720}.case-media figcaption{justify-content:space-between;gap:var(--space-5);padding-top:var(--space-3);color:var(--color-text-muted);font-size:var(--step--1);display:flex}.case-details{scroll-margin-top:calc(var(--header-height) + var(--space-4))}.case-details summary{cursor:pointer;min-height:2.75rem;padding-block:var(--space-5);font-weight:500}.case-details summary:hover{color:var(--color-accent)}.case-details__body{padding-block:var(--space-6)}.case-detail-section+.case-detail-section{margin-top:var(--space-7);padding-top:var(--space-7)}.article-header .reading,.article-detail .prose{width:min(calc(100% - 2 * var(--space-5)), 1000px);max-width:1000px}.prose{max-width:var(--reading)}.prose h2{margin-top:var(--space-7);font-size:var(--step-2)}.prose h3{margin-top:var(--space-6);font-size:var(--step-1)}.prose p,.prose li{color:var(--color-text-muted)}.article-detail,.case-detail-surface,.case-detail-surface+.section--surface{color:#111;background:#fff}.prose img,.prose video{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.prose figure{margin:var(--space-6) 0}.prose figcaption{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-small-size)}.case-media__assets img,.case-media__assets video{object-fit:contain;width:100%;max-width:100%;height:auto}.case-content-blocks{width:min(100%,64rem);max-width:64rem;margin-inline:auto}.case-content-block__text{white-space:pre-wrap}.case-hero .lede,.case-hero .case-media figcaption,.case-detail-surface .lede,.case-detail-surface .case-content-block__text,.case-detail-surface .case-media figcaption{font-size:var(--font-detail-description-size)}.case-media__bilibili{aspect-ratio:16/9;background:var(--color-surface);min-height:18rem;position:relative}.case-media__bilibili img,.case-media__bilibili-placeholder,.case-media__bilibili iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.case-media__bilibili-placeholder{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--step-1);background:repeating-linear-gradient(135deg, var(--color-surface), var(--color-surface) 1.25rem, var(--color-canvas) 1.25rem, var(--color-canvas) 2.5rem);place-items:center;display:grid}.case-media__play{padding:var(--space-2) var(--space-4);border:1px solid var(--color-text);background:var(--color-text);color:var(--color-canvas);font:inherit;cursor:pointer;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-media__play:hover,.case-media__play:focus-visible{background:var(--color-accent);border-color:var(--color-accent)}.prose a{color:var(--color-accent)}.legal-list dt{margin-top:var(--space-5);font-weight:720}.legal-list dd{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.contact-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.contact-item{padding:var(--space-5);background:var(--color-surface);border-top:1px solid #eee}.profile-intro{border-top:1px solid var(--color-line)}.profile-intro__grid{gap:var(--space-8);grid-template-columns:minmax(0,5fr) minmax(20rem,7fr);align-items:start;display:grid}.profile-intro__copy{max-width:48rem}.profile-intro__copy>p{color:var(--color-text-muted)}.profile-intro__methods{background:var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;display:grid}.profile-intro__methods li{padding:var(--space-4);background:var(--color-surface-strong);color:var(--color-text-muted);font-size:var(--font-small-size);line-height:var(--font-small-line)}.preference-toolbar{z-index:80;right:max(var(--space-5), env(safe-area-inset-right));bottom:max(var(--space-5), env(safe-area-inset-bottom));gap:var(--space-2);padding:var(--space-1);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface-strong) 88%, transparent);backdrop-filter:blur(18px);display:flex;position:fixed;box-shadow:0 1rem 2.5rem #0000003d}.preference-group{gap:var(--space-1);display:flex}.preference-button{border-radius:var(--radius-pill);min-width:2.75rem;min-height:2.75rem;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;place-items:center;padding:0;text-decoration:none;display:inline-grid;position:relative}.preference-button:hover{color:var(--color-text)}.preference-button[aria-checked=true]{background:var(--color-surface-elevated);color:var(--color-text)}.preference-icon{width:1.25rem;height:1.25rem;display:block;position:relative}.preference-icon--monitor{border:2px solid;border-radius:.2rem;width:1.25rem;height:.9rem}.preference-icon--monitor:before{content:"";background:currentColor;height:2px;position:absolute;bottom:-.38rem;left:.3rem;right:.3rem}.preference-icon--monitor:after{content:"";background:currentColor;width:2px;height:.32rem;position:absolute;bottom:-.32rem;left:calc(50% - 1px)}.preference-icon--moon{border-radius:50%;width:1rem;height:1rem;transform:translate(.2rem);box-shadow:-.28rem 0}.preference-icon--sun{font-size:1.35rem;line-height:1}@media (width<=60rem){:root{--space-9:5rem}.site-footer__grid{grid-template-columns:1.5fr 1fr}.capability-list{grid-template-columns:repeat(2,1fr)}.profile-intro__grid{gap:var(--space-6);grid-template-columns:1fr}}@media (width<=74.99rem){.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=50.56rem){.grid--3{grid-template-columns:1fr}.site-footer__links a,.case-nav a,.text-link{align-items:center;min-width:2.75rem;min-height:2.75rem;display:inline-flex}}@media (width<=48rem){.container{width:min(calc(100% - 2 * var(--space-4)), var(--container))}.article-header .reading,.article-detail .prose{width:min(calc(100% - 2 * var(--space-4)), 1000px)}.nav-toggle{place-items:center;display:inline-grid}.site-nav{inset:calc(100% + 1px) var(--space-4) auto;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-strong);display:none;position:absolute;box-shadow:0 1rem 2.5rem #0000005c}.site-nav[data-open=true]{display:block}.site-nav__list{flex-direction:column;align-items:stretch}.site-nav a{justify-content:space-between;width:100%}.site-nav a[aria-current=page]:after{width:1.5rem;right:auto}.brand__role{display:none}.grid--2,.grid--3,.work-filter-grid,.hero__inner,.page-header__grid,.case-hero__grid,.cta-panel,.contact-grid{grid-template-columns:1fr}.hero__aside{padding-left:0;padding-top:var(--space-4);border-left:0;border-top:1px solid var(--color-line)}.capability-list,.case-layout{grid-template-columns:1fr}.case-layout>.case-nav,.case-layout>article{grid-column:auto}.case-nav{padding-bottom:var(--space-5);position:static}.case-media__placeholder{grid-template-columns:1fr;align-content:space-between;align-items:start;min-height:18rem}.case-media[data-ratio] .case-media__placeholder{aspect-ratio:auto}.case-media[data-kind=comparison] .case-media__assets,.case-media[data-kind=gallery] .case-media__assets{grid-template-columns:1fr}.case-media figcaption{gap:var(--space-2);flex-direction:column}.section-heading{flex-direction:column;align-items:start}.site-footer__grid{grid-template-columns:1fr}.site-footer__bottom{flex-direction:column}.card__action{opacity:1}.profile-intro__methods{grid-template-columns:1fr}.preference-toolbar{right:50%;bottom:calc(4.5rem + env(safe-area-inset-bottom));transform:translate(50%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}