:root{--font-display: "Anton SC", "Helvetica Neue", Arial, sans-serif;--font-body: "Inter", "Helvetica Neue", Arial, sans-serif;--font-serif: "Fraunces", Georgia, serif;--font-geist: "Geist", "Helvetica Neue", Arial, sans-serif;--color-ink: #0d0d0c;--color-bg: #ffffff;--color-card: #e7e7e5;--color-hand: #17140f;--color-muted: #6b6b68;--container-width: 1320px;--edge: clamp(20px, 4vw, 64px)}*{box-sizing:border-box}html,body{padding:0;margin:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}a{color:inherit}img{display:block;max-width:100%}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--edge)}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.7em 1.5em;font-family:var(--font-body);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease,opacity .15s ease;cursor:pointer}.pill--outline{border:1.5px solid var(--color-ink);color:var(--color-ink);background:transparent}.pill--outline:hover{background:var(--color-ink);color:var(--color-bg)}.pill--solid{border:1.5px solid var(--color-ink);background:var(--color-ink);color:var(--color-bg)}.pill--solid:hover{opacity:.75}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;max-width:var(--container-width);margin-inline:auto;padding:clamp(16px,2.5vw,28px) var(--edge)}.nav__links{display:flex;gap:10px;justify-self:start}.nav__name{justify-self:center;font-family:var(--font-body);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;text-align:center;white-space:nowrap}.nav>.pill--solid{justify-self:end}.hero__wordmark,.section-wordmark{font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:.86;letter-spacing:-.01em;text-align:center}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:clamp(48px,10vh,120px);padding-bottom:clamp(340px,42vh,500px);min-height:72vh;overflow:hidden}.hero__wordmark{font-size:clamp(3rem,11.5vw,10.5rem)}.hero__wordmark span{display:block}.hero__stage{position:relative}.hero__figurine{position:absolute;top:calc(50% - 20px);left:50%;transform:translate(-50%);height:clamp(300px,49vh,540px);width:auto;z-index:1;filter:brightness(1.12);mask-image:radial-gradient(ellipse 42% 50% at 50% 42%,#000 35%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 42% 50% at 50% 42%,#000 35%,transparent 100%);pointer-events:none}.section-wordmark{font-size:clamp(3rem,11.5vw,10.5rem);padding-block:clamp(24px,6vh,64px)}.project-grid{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column;gap:clamp(20px,3vw,32px);padding-bottom:clamp(48px,8vh,96px)}.project-grid__row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,32px)}.project-card{display:flex;flex-direction:column;gap:12px}.project-card--link{text-decoration:none;color:inherit}.project-card--link .project-card__frame,.project-card--link .case-study{transition:opacity .2s ease}.project-card--link:hover .project-card__frame,.project-card--link:hover .case-study{opacity:.85}.project-card__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink)}.project-card__frame{background:var(--color-card);border-radius:20px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.project-card__frame--image img{width:100%;height:100%;object-fit:cover;object-position:top}.case-study{background:var(--color-card);border-radius:20px;padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;gap:clamp(28px,4vw,44px)}.case-study__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}.case-study__title{font-family:var(--font-body);font-weight:700;font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:-.01em;line-height:1.2;max-width:30ch}.case-study__desc{font-weight:400;font-size:.95rem;line-height:1.5;color:var(--color-muted);max-width:46ch;margin-top:12px}.case-study__tags{display:flex;flex-wrap:wrap;gap:8px}.case-study__tag{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1.5px solid var(--color-ink);border-radius:999px;padding:7px 14px;white-space:nowrap}.case-study__screens{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px)}.case-study__screen{margin:0;display:flex;flex-direction:column;gap:10px}.case-study__screen img{width:100%;border-radius:16px;border:1px solid rgba(13,13,12,.08);box-shadow:0 16px 32px -18px #0d0d0c59}.case-study__caption{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:center;color:var(--color-muted)}.project-card--full .project-card__frame{aspect-ratio:2.5 / 1}.project-card--half .project-card__frame{aspect-ratio:1.45 / 1}.device-mockup{height:92%;width:auto}.device-mockup--tablet{height:84%}.device-mockup__hand,.device-mockup__bezel{fill:var(--color-hand)}.bio{width:100%;max-width:780px;margin-inline:auto;padding-inline:var(--edge);padding-block:clamp(40px,8vh,96px);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(24px,4vh,40px)}.bio__text{font-family:var(--font-body);font-weight:500;font-size:clamp(1.4rem,3.2vw,2.1rem);line-height:1.35;letter-spacing:-.01em}.contact-wordmark{display:block;width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--edge);padding-block:clamp(24px,6vh,56px);font-family:var(--font-display);font-weight:400;text-transform:uppercase;text-align:center;text-decoration:none;line-height:1;letter-spacing:-.01em;word-break:break-word;font-size:clamp(1.7rem,7vw,6.2rem);transition:opacity .15s ease}.contact-wordmark:hover{opacity:.75}.footer{width:100%;max-width:var(--container-width);margin-inline:auto;padding:clamp(24px,5vh,48px) var(--edge) clamp(32px,6vh,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer__columns{display:flex;gap:clamp(40px,8vw,96px)}.footer__list{display:flex;flex-direction:column;gap:8px}.footer__list a{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}.footer__list a:hover{opacity:.6}.footer__copyright{font-size:.72rem;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em}.about-page{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column;align-items:center;--figurine-h: clamp(320px, 46vh, 560px)}.about-stage{position:relative;display:flex;justify-content:center;width:100%}.about-figurine{position:absolute;top:calc(100% - 92px);left:50%;transform:translate(-50%);height:var(--figurine-h);width:auto;z-index:1;pointer-events:none}.about-intro{width:100%;max-width:700px;display:flex;flex-direction:column;gap:24px;margin-top:calc(var(--figurine-h) - 60px);padding-bottom:clamp(24px,5vh,48px)}.about-intro__lede{font-family:var(--font-serif);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.3rem);letter-spacing:-.01em;line-height:1.25}@media (max-width: 720px){.nav{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}.nav__links{justify-self:center}.nav>.pill--solid{justify-self:center}.project-grid__row{grid-template-columns:1fr}.project-card--full .project-card__frame,.project-card--half .project-card__frame{aspect-ratio:1.3 / 1}.case-study__header{align-items:flex-start}.case-study__screens{grid-template-columns:repeat(2,1fr)}.footer{flex-direction:column;align-items:flex-start}}.case-study-page{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--edge);display:flex;flex-direction:column}.cs-eyebrow{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.cs-hero{padding-block:clamp(40px,8vh,88px) clamp(24px,5vh,48px);display:flex;flex-direction:column;gap:16px}.cs-hero__title{font-family:var(--font-serif);font-weight:600;font-size:clamp(2.6rem,7vw,5rem);letter-spacing:-.02em;line-height:1}.cs-hero__subtitle{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.5;color:var(--color-muted);max-width:56ch;margin-top:4px}.cs-hero__meta{display:flex;flex-wrap:wrap;gap:clamp(24px,5vw,56px);margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border, #e2e2df)}.cs-hero__meta dt{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:4px}.cs-hero__meta dd{margin:0;font-size:.9rem;font-weight:500}.cs-section{padding-block:clamp(32px,6vh,64px);border-top:1px solid #ececea;display:flex;flex-direction:column;gap:24px}.cs-section__head{display:flex;flex-direction:column;gap:10px;max-width:760px}.cs-section__title{font-family:var(--font-body);font-weight:700;font-size:clamp(1.6rem,3.2vw,2.4rem);letter-spacing:-.01em;line-height:1.15}.cs-subheading{font-family:var(--font-body);font-weight:600;font-size:1.1rem;margin-top:8px}.cs-prose{font-size:1rem;line-height:1.6;color:var(--color-muted);max-width:70ch}.cs-prose--tight{margin-top:-8px;margin-bottom:4px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,24px)}.insight-card{background:var(--color-card);border-radius:16px;padding:clamp(20px,3vw,28px);display:flex;flex-direction:column;gap:10px}.insight-card h3{font-size:1rem;font-weight:700;letter-spacing:-.01em}.insight-card p{font-size:.9rem;line-height:1.55;color:var(--color-muted)}.ia-list{display:flex;flex-direction:column}.ia-list__row{display:grid;grid-template-columns:40px 200px 1fr;align-items:baseline;gap:16px;padding-block:16px;border-top:1px solid #ececea}.ia-list__row:last-child{border-bottom:1px solid #ececea}.ia-list__index{font-size:.75rem;color:var(--color-muted);font-weight:600}.ia-list__name{font-weight:700;font-size:.95rem}.ia-list__screens{font-size:.88rem;color:var(--color-muted);line-height:1.5}.type-scale{display:flex;flex-direction:column;border-top:1px solid #ececea}.type-scale__row{display:grid;grid-template-columns:64px 1fr 160px 160px;align-items:center;gap:16px;padding-block:14px;border-bottom:1px solid #ececea}.type-scale__row--head span{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.type-sample{font-size:1.6rem;line-height:1}.type-sample--serif{font-family:var(--font-serif);font-weight:600}.type-sample--sans{font-family:var(--font-geist);font-weight:500}.type-sample--mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:500}.type-scale__usage{display:flex;flex-direction:column;gap:2px;font-size:.9rem;font-weight:500}.type-scale__usage code{font-family:ui-monospace,SF Mono,monospace;font-size:.72rem;color:var(--color-muted)}.type-scale__family{font-size:.85rem;color:var(--color-muted)}.type-scale__spec{font-size:.85rem;color:var(--color-muted);font-variant-numeric:tabular-nums}.color-tokens{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 32px}.color-tokens__item{display:flex;align-items:center;gap:14px;padding-block:10px;border-bottom:1px solid #ececea}.color-tokens__swatch{width:36px;height:36px;border-radius:10px;border:1px solid rgba(13,13,12,.1);flex-shrink:0}.color-tokens__meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.color-tokens__meta code{font-family:ui-monospace,SF Mono,monospace;font-size:.78rem}.color-tokens__usage{font-size:.78rem;color:var(--color-muted)}.color-tokens__hex{font-family:ui-monospace,SF Mono,monospace;font-size:.78rem;color:var(--color-muted);text-transform:uppercase}.a11y-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,24px)}.a11y-card{border:1.5px solid var(--color-ink);border-radius:16px;padding:clamp(18px,2.5vw,24px);display:flex;flex-direction:column;gap:8px}.a11y-card__stat{font-family:var(--font-serif);font-weight:600;font-size:1.8rem}.a11y-card p{font-size:.85rem;color:var(--color-muted);line-height:1.5}.screens-row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px)}.screens-row__item{margin:0;display:flex;flex-direction:column;gap:10px}.screens-row__item img{width:100%;border-radius:16px;border:1px solid rgba(13,13,12,.08);box-shadow:0 16px 32px -18px #0d0d0c59}.screens-row__item figcaption{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:center;color:var(--color-muted)}.finding-list{display:flex;flex-direction:column}.finding-list__row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);padding-block:20px;border-top:1px solid #ececea}.finding-list__row:last-child{border-bottom:1px solid #ececea}.finding-list__label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:6px}.finding-list__row p:not(.finding-list__label){font-size:.92rem;line-height:1.5}.outcome-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.5vw,24px);margin-top:8px}.outcome-stats__item{display:flex;flex-direction:column;gap:4px}.outcome-stats__value{font-family:var(--font-serif);font-weight:600;font-size:clamp(1.8rem,3vw,2.4rem)}.outcome-stats__label{font-size:.78rem;color:var(--color-muted)}.cs-cta{display:flex;justify-content:center;padding-block:clamp(48px,8vh,88px)}.work-list{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--edge);padding-bottom:clamp(48px,8vh,96px);border-top:1px solid #ececea}.work-entry{display:block;text-decoration:none;color:inherit;padding-block:clamp(32px,6vh,64px);border-bottom:1px solid #ececea}.work-entry__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(20px,3vw,32px)}.work-entry__title{font-family:var(--font-serif);font-weight:600;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.02em;line-height:1.05;margin-top:6px}.work-entry__desc{font-size:.95rem;line-height:1.55;color:var(--color-muted);max-width:60ch;margin-top:10px}.work-entry__link{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;transition:opacity .15s ease}.work-entry:hover .work-entry__link{opacity:.6}@media (max-width: 860px){.insight-grid,.a11y-grid{grid-template-columns:1fr}.screens-row{grid-template-columns:repeat(2,1fr)}.ia-list__row{grid-template-columns:1fr;gap:4px}.type-scale__row{grid-template-columns:48px 1fr;row-gap:4px}.type-scale__family,.type-scale__spec{grid-column:2}.type-scale__row--head{display:none}.color-tokens{grid-template-columns:1fr}.finding-list__row{grid-template-columns:1fr;gap:12px}.outcome-stats{grid-template-columns:repeat(2,1fr)}.cs-hero__meta{gap:20px}}