.cs-hero{padding-block:clamp(2rem,5vw,4rem) var(--space-m)}.cs-hero h1{font-size:var(--step-4);max-width:16ch;margin-top:1.25rem}.cs-hero__sub{margin-top:1.5rem;max-width:54ch}.cs-meta{margin-top:2.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.cs-meta__cell{background:var(--paper);padding:1.15rem 1.3rem}.cs-meta__k{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}.cs-meta__v{font-size:var(--step--1);color:var(--ink);font-weight:500}.cs-meta__v a{color:var(--accent-ink)}.cs-cover{margin-block:var(--space-m);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#2a2620,#4a4034);aspect-ratio:16 / 8;position:relative;display:grid;place-items:center}.cs-cover__row{display:flex;gap:1.25rem;padding:1.5rem;height:100%;align-items:center;justify-content:center}.cs-cover__row img{height:100%;width:auto;border-radius:8px;box-shadow:0 20px 40px -20px #00000080;object-fit:cover}@media (max-width: 640px){.cs-cover{aspect-ratio:4/5}.cs-cover__row img:nth-child(n+3){display:none}}.cover-phones{margin-block:var(--space-m);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding:clamp(1.5rem,4vw,2.75rem);display:flex;gap:clamp(.75rem,2vw,1.5rem);justify-content:center;align-items:center}.cover-phones img{height:clamp(240px,34vw,420px);width:auto;border-radius:14px;box-shadow:0 24px 44px -20px #00000080;flex:none;object-fit:contain}@media (max-width: 720px){.cover-phones img:nth-child(n+3){display:none}}.cs-section{padding-block:var(--space-l)}.cs-section--tint{background:var(--paper-2);border-block:1px solid var(--line)}.cs-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:start}@media (max-width: 820px){.cs-grid{grid-template-columns:1fr;gap:1.25rem}}.cs-section h2{font-size:var(--step-3)}.cs-section h3{font-size:var(--step-1);margin-bottom:.5rem}.cs-lead{font-size:var(--step-1);line-height:1.5;color:var(--ink)}.cs-body p{color:var(--ink-soft)}.cs-body p+p{margin-top:1.15rem}.cs-sticky{position:sticky;top:96px}.cs-num{font-family:var(--serif);font-style:italic;font-size:var(--step-2);color:var(--accent);display:block;margin-bottom:.5rem}.metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line-2);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;margin-top:1.5rem}.metric{background:var(--paper);padding:1.6rem 1.4rem;min-width:0}.metric__v{font-family:var(--serif);font-size:clamp(2rem,4vw,2.8rem);line-height:1.02;letter-spacing:-.02em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.metric__l{font-size:var(--step--1);color:var(--muted);margin-top:.5rem}.metric-strip--facts .metric__v{font-size:clamp(1.15rem,.75rem + 1.4vw,1.6rem);line-height:1.14}.metric--dark{background:var(--ink);color:var(--paper)}.metric--dark .metric__l{color:#fbf9f599}.metric--dark .metric__v{color:var(--paper)}.metric__v em{color:var(--accent);font-style:italic}.callout{border-left:3px solid var(--accent);background:var(--accent-wash);padding:1.4rem 1.6rem;border-radius:0 var(--radius-s) var(--radius-s) 0;margin:1.75rem 0}.callout .k{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);font-weight:600;margin-bottom:.4rem}.callout p{color:var(--ink)}.pullquote{font-family:var(--serif);font-size:var(--step-2);line-height:1.25;letter-spacing:-.01em;max-width:22ch}.pullquote span{color:var(--accent)}.insight-list{list-style:none;padding:0;margin-top:1rem}.insight-list li{position:relative;padding:.9rem 0 .9rem 2.2rem;border-top:1px solid var(--line);color:var(--ink-soft)}.insight-list li:last-child{border-bottom:1px solid var(--line)}.insight-list li b{color:var(--ink);font-weight:600}.insight-list li:before{content:attr(data-n);position:absolute;left:0;top:.9rem;font-family:var(--serif);font-style:italic;color:var(--accent)}.persona{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem}.persona__top{display:flex;gap:1rem;align-items:center;margin-bottom:1.25rem}.persona__avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-ink));color:var(--paper);display:grid;place-items:center;font-family:var(--serif);font-size:1.5rem;flex:none}.persona__name{font-family:var(--serif);font-size:var(--step-1)}.persona__role{font-size:var(--step--1);color:var(--muted)}.persona__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 520px){.persona__grid{grid-template-columns:1fr}}.persona__grid h5{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:.4rem;font-weight:600}.persona__grid p{font-size:var(--step--1);color:var(--ink-soft)}.figure{margin-top:1.5rem}.figure__frame{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,3vw,2rem)}.figure__frame--tint{background:var(--paper-3)}.figure figcaption{font-size:var(--step--1);color:var(--muted);margin-top:.9rem;display:flex;gap:.5rem;align-items:baseline}.figure figcaption b{color:var(--ink-soft);font-weight:600}.two-fig{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 720px){.two-fig{grid-template-columns:1fr}}.browser{border-radius:12px;overflow:hidden;border:1px solid var(--line-2);box-shadow:0 30px 60px -35px #1c1a1680;background:var(--white)}.browser__bar{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;background:#ece7dd;border-bottom:1px solid var(--line-2)}.browser__dots{display:flex;gap:6px}.browser__dots i{width:10px;height:10px;border-radius:50%;background:#cfc7b8;display:block}.browser__url{flex:1;text-align:center;font-size:.72rem;color:var(--muted);background:var(--paper);border-radius:100px;padding:.25rem .9rem;max-width:320px;margin-inline:auto}.browser__body img{width:100%;display:block}.phones{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.phone{width:190px;border-radius:26px;border:8px solid var(--ink);background:var(--ink);overflow:hidden;box-shadow:0 30px 50px -30px #1c1a1699}.phone__notch{height:18px;background:var(--ink);position:relative}.phone__notch:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:5px;width:52px;height:6px;border-radius:100px;background:#3a352d}.phone__screen{background:var(--white);aspect-ratio:9/17;overflow:hidden}.phone__screen img{width:100%;height:100%;object-fit:cover}.phone__scaler{width:360px;transform:scale(.483);transform-origin:top left}.phone__scaler .mock__hero{grid-template-columns:1fr;gap:.8rem}.phone__scaler .mock__grid--4{grid-template-columns:repeat(2,1fr)}.steps{counter-reset:s;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:1.5rem}.step{background:var(--paper);padding:1.5rem 1.6rem;display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start}.step__n{counter-increment:s;font-family:var(--serif);font-style:italic;font-size:var(--step-1);color:var(--accent)}.step h4{font-family:var(--serif);font-size:var(--step-1);margin-bottom:.3rem}.step p{font-size:var(--step--1);color:var(--ink-soft)}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.chip{font-size:var(--step--1);border:1px solid var(--line-2);border-radius:100px;padding:.35rem .85rem;color:var(--ink-soft);background:var(--paper)}.next-cs{display:block;background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:clamp(2rem,5vw,3.5rem);transition:transform .4s var(--ease)}.next-cs:hover{transform:translateY(-3px)}.next-cs .k{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#fbf9f58c}.next-cs h3{font-size:var(--step-3);margin-top:.5rem}.next-cs .arrow-lg{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--accent)}.mock{font-family:var(--sans);background:var(--white);color:var(--ink)}.mock__bar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;border-bottom:1px solid var(--line)}.mock__brand{font-family:var(--serif);font-weight:600;letter-spacing:-.01em}.mock__nav{display:flex;gap:1rem;font-size:.72rem;color:var(--muted)}.mock__hero{padding:2rem 1.4rem;display:grid;grid-template-columns:1.1fr 1fr;gap:1.4rem;align-items:center}.mock__hero h3{font-family:var(--serif);font-size:1.7rem;line-height:1.05}.mock__hero p{font-size:.8rem;color:var(--ink-soft);margin-top:.5rem}.mock__pill{display:inline-block;margin-top:.9rem;font-size:.72rem;padding:.45rem 1rem;border-radius:100px;background:var(--ink);color:var(--paper)}.mock__grid{display:grid;gap:.6rem;padding:0 1.4rem 1.6rem}.mock__grid--3{grid-template-columns:repeat(3,1fr)}.mock__grid--4{grid-template-columns:repeat(4,1fr)}.art-tile{aspect-ratio:4/5;border-radius:8px;position:relative;overflow:hidden}.art-tile span{position:absolute;left:8px;bottom:7px;font-size:.62rem;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.35)}.mock__section-h{font-family:var(--serif);font-size:1rem;padding:.4rem 1.4rem .7rem}.mock__chips{display:flex;gap:.4rem;padding:0 1.4rem .9rem;flex-wrap:wrap}.mock__chip{font-size:.66rem;border:1px solid var(--line-2);border-radius:100px;padding:.25rem .7rem;color:var(--ink-soft)}.mock__chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem;margin-top:1.25rem}.swatch{border-radius:10px;overflow:hidden;border:1px solid var(--line)}.swatch__chip{height:76px}.swatch__meta{padding:.55rem .65rem;background:var(--paper)}.swatch__meta b{display:block;font-size:.78rem}.swatch__meta span{font-size:.68rem;color:var(--muted)}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem}@media (max-width: 720px){.logo-grid{grid-template-columns:1fr}}.logo-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}.logo-card__stage{aspect-ratio:4/3;display:grid;place-items:center;padding:1.25rem}.logo-card__cap{padding:.9rem 1.1rem;border-top:1px solid var(--line)}.logo-card__cap b{font-family:var(--serif);font-size:1rem}.logo-card__cap p{font-size:.74rem;color:var(--muted);margin-top:.15rem}.type-spec{border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.6rem;background:var(--paper);margin-top:1.25rem}.type-spec .big{font-family:var(--serif);font-size:clamp(2rem,5vw,3rem);line-height:1}.type-spec .row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-soft)}.type-spec .row:first-of-type{margin-top:1rem}.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;margin-top:1.5rem}.quote-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.5rem}.quote-card p{font-size:var(--step--1);color:var(--ink-soft);line-height:1.6}.quote-card .who{display:flex;align-items:center;gap:.6rem;margin-top:1rem}.quote-card .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-ink));color:var(--paper);display:grid;place-items:center;font-family:var(--serif);font-size:.9rem}.quote-card .who b{font-size:var(--step--1)}.quote-card .mark{font-family:var(--serif);font-size:2rem;line-height:0;color:var(--accent)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.5rem}@media (max-width: 720px){.gallery{grid-template-columns:repeat(2,1fr)}}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--ink)}.gallery figcaption{font-size:.72rem;color:var(--muted);margin-top:.5rem}.gallery--held{grid-template-columns:repeat(3,1fr)}.gallery--held img{aspect-ratio:3/4}.artifact{display:block;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper);margin-top:1.5rem;position:relative;transition:border-color .3s var(--ease)}.artifact:hover{border-color:var(--line-2)}.artifact img{width:100%;display:block}.artifact__zoom{position:absolute;top:.75rem;right:.75rem;background:color-mix(in srgb,var(--ink) 85%,transparent);color:var(--paper);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .7rem;border-radius:100px;opacity:0;transition:opacity .3s var(--ease)}.artifact:hover .artifact__zoom{opacity:1}.proto-poster{position:relative;display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-2);margin-top:1.5rem;background:linear-gradient(150deg,#EC0B43,#b8002f);aspect-ratio:16/9;box-shadow:0 30px 60px -40px #1c1a1680}.proto-poster__screens{display:flex;gap:1.25rem;justify-content:center;align-items:center;height:100%;padding:1.75rem}.proto-poster__screens img{height:100%;width:auto;border-radius:10px;box-shadow:0 20px 40px -20px #00000080;object-fit:cover}.proto-poster__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:rgba(20,10,12,.3);transition:background .35s var(--ease)}.proto-poster:hover .proto-poster__overlay{background:rgba(20,10,12,.15)}.proto-poster__play{display:inline-flex;align-items:center;gap:.7rem;background:var(--paper);color:var(--ink);padding:.85em 1.5em;border-radius:100px;font-weight:600;font-size:var(--step--1);box-shadow:0 12px 30px -10px #00000073;transition:transform .3s var(--ease)}.proto-poster:hover .proto-poster__play{transform:translateY(-2px)}.proto-poster__play .tri{width:0;height:0;border-left:12px solid var(--accent);border-top:8px solid transparent;border-bottom:8px solid transparent}@media (max-width: 620px){.proto-poster{aspect-ratio:4/5}.proto-poster__screens img:nth-child(n+3){display:none}}.wf{width:100%;height:auto;display:block}.wf .bg{fill:var(--paper)}.wf .box{fill:#fff;stroke:var(--line-2);stroke-width:1.5}.wf .fill{fill:var(--paper-3)}.wf .line{stroke:var(--line-2);stroke-width:1.5}.wf .ink{fill:var(--ink)}.wf .soft{fill:var(--muted)}.wf .accent{fill:var(--accent)}.wf .accent-s{stroke:var(--accent);stroke-width:1.5;fill:none}.wf .label{font-family:var(--sans);font-size:11px;fill:var(--muted)}.wf .label-ink{font-family:var(--sans);font-size:12px;font-weight:600;fill:var(--ink)}.wf .dash{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 4;fill:none}:root{--paper: #FBF9F5;--paper-2: #F3EFE7;--paper-3: #ECE6DA;--ink: #1C1A16;--ink-soft: #46423B;--muted: #857F73;--line: #E3DCCF;--line-2: #D6CDBB;--accent: #B5502F;--accent-ink: #8F3D22;--accent-wash:#F6E9E2;--white: #FFFFFF;--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--step--1: clamp(.83rem, .8rem + .15vw, .9rem);--step-0: clamp(1rem, .96rem + .2vw, 1.12rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);--step-3: clamp(2rem, 1.6rem + 2vw, 3.25rem);--step-4: clamp(2.6rem, 1.9rem + 3.4vw, 5rem);--step-5: clamp(3.2rem, 2rem + 5.5vw, 7rem);--space-xs: .5rem;--space-s: 1rem;--space-m: 2rem;--space-l: 4rem;--space-xl: 6.5rem;--space-2xl: 9rem;--maxw: 1200px;--maxw-narrow: 760px;--radius: 14px;--radius-s: 8px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{font-family:var(--sans);font-size:var(--step-0);line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--paper)}.skip-link{position:absolute;left:-999px;top:0;z-index:200;background:var(--ink);color:var(--paper);padding:.75rem 1.25rem;border-radius:0 0 8px}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.06;letter-spacing:-.015em}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}p{text-wrap:pretty}.display{font-family:var(--serif);font-size:var(--step-5);line-height:.98;letter-spacing:-.03em}.serif-italic{font-style:italic}.lead{font-size:var(--step-1);line-height:1.5;color:var(--ink-soft)}.eyebrow{font-family:var(--sans);font-size:var(--step--1);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink)}.muted{color:var(--muted)}.measure{max-width:62ch}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}.narrow{max-width:var(--maxw-narrow);margin-inline:auto}.section{padding-block:var(--space-xl)}.section--tight{padding-block:var(--space-l)}.divider{border:0;border-top:1px solid var(--line)}.btn{display:inline-flex;align-items:center;gap:.6em;padding:.85em 1.5em;border-radius:100px;font-size:var(--step--1);font-weight:500;letter-spacing:.02em;border:1px solid var(--ink);background:var(--ink);color:var(--paper);transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}.btn:hover{background:var(--accent-ink);border-color:var(--accent-ink);transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:var(--paper)}.btn .arrow{transition:transform .3s var(--ease)}.btn:hover .arrow{transform:translate(3px)}.link-underline{position:relative;font-weight:500;color:var(--ink);background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 1.5px;background-repeat:no-repeat;background-position:left bottom;transition:background-size .35s var(--ease);padding-bottom:2px}.link-underline:hover{background-size:100% 1.5px;color:var(--accent-ink)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-in{opacity:1;transform:none}.nav{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);background:color-mix(in srgb,var(--paper) 82%,transparent);border-bottom:1px solid transparent;transition:border-color .3s var(--ease),background .3s var(--ease)}.nav.is-scrolled{border-color:var(--line)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:68px}.nav__brand{font-family:var(--serif);font-size:1.35rem;letter-spacing:-.02em;display:flex;align-items:baseline;gap:.5rem}.nav__brand .dot{color:var(--accent)}.nav__links{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.25rem)}.nav__link{font-size:var(--step--1);font-weight:500;color:var(--ink-soft);position:relative;padding:.4rem 0;transition:color .25s var(--ease)}.nav__link:hover,.nav__link.is-active{color:var(--ink)}.nav__link.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--accent)}.nav__cta{margin-left:.5rem}.nav__toggle{display:none;background:none;border:0;padding:.5rem;color:var(--ink)}.nav__mobile{display:none}@media (max-width: 780px){.nav__links{display:none}.nav__toggle{display:block}.nav__mobile{display:block;position:fixed;top:68px;right:0;bottom:0;left:0;z-index:99;background:var(--paper);padding:2rem clamp(1.25rem,5vw,3rem);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}.nav__mobile.is-open{opacity:1;transform:none;pointer-events:auto}.nav__mobile a{display:block;font-family:var(--serif);font-size:var(--step-2);padding:.6rem 0;border-bottom:1px solid var(--line)}}.hero{padding-block:clamp(3.5rem,9vw,8rem) var(--space-l)}.hero__eyebrow{display:flex;align-items:center;gap:.75rem;margin-bottom:1.75rem}.hero__eyebrow .status-dot{width:8px;height:8px;border-radius:50%;background:#3a9b6e;box-shadow:0 0 0 3px #3a9b6e2e}.hero h1{max-width:15ch}.hero__lede{margin-top:1.75rem;max-width:46ch}.hero__meta{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:1rem 2.5rem;align-items:center}.hero__actions{margin-top:2.75rem;display:flex;flex-wrap:wrap;gap:1rem}.stat-inline{display:flex;flex-direction:column}.stat-inline b{font-family:var(--serif);font-size:var(--step-2);line-height:1}.stat-inline span{font-size:var(--step--1);color:var(--muted);margin-top:.35rem}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:var(--space-m)}.section-head h2{max-width:18ch}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:1.5rem 2rem;align-items:center;padding:clamp(1.5rem,3vw,2.4rem) 0;border-bottom:1px solid var(--line);position:relative;transition:background .4s var(--ease)}.project-row:hover{background:color-mix(in srgb,var(--paper-2) 60%,transparent)}.project-row__title{font-family:var(--serif);font-size:var(--step-2);line-height:1.05}.project-row__title .idx{font-size:var(--step--1);font-family:var(--sans);color:var(--muted);vertical-align:super;margin-right:.6rem}.project-row__desc{color:var(--ink-soft);font-size:var(--step-0);max-width:40ch}.project-row__meta{display:flex;align-items:center;gap:1.25rem;justify-self:end}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.tag{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line-2);border-radius:100px;padding:.3rem .7rem;white-space:nowrap}.project-row .go{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;transition:all .3s var(--ease);flex:none}.project-row:hover .go{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:rotate(-45deg)}.project-row .go.is-live{border-color:var(--accent);color:var(--accent)}.badge-live{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);display:inline-flex;align-items:center;gap:.4rem}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.badge-soft{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}@media (max-width: 720px){.project-row{grid-template-columns:1fr;gap:.75rem}.project-row__meta{justify-self:start;margin-top:.5rem}}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.75rem)}@media (max-width: 720px){.feature-grid{grid-template-columns:1fr}}.feature-card{display:block;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px #1c1a1666;border-color:var(--line-2)}.feature-card__media{aspect-ratio:16/11;overflow:hidden;background:var(--paper-3);position:relative}.feature-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.feature-card:hover .feature-card__media img{transform:scale(1.04)}.feature-card__body{padding:1.5rem 1.5rem 1.75rem}.feature-card__body h3{font-size:var(--step-1);margin-bottom:.4rem}.feature-card__body p{color:var(--ink-soft);font-size:var(--step--1)}.feature-card__foot{margin-top:1.1rem;display:flex;align-items:center;justify-content:space-between}.uij-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2.5vw,1.75rem)}@media (max-width: 720px){.uij-grid{grid-template-columns:1fr}}.uij-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}.uij-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px #1c1a1666;border-color:var(--line-2)}.uij-card__media{background:var(--paper-2);aspect-ratio:16/11;display:grid;place-items:center;padding:clamp(1rem,3vw,1.75rem);overflow:hidden}.uij-card__media img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 14px 30px -18px #1c1a1673}.uij-card__body{padding:1.25rem 1.5rem 1.6rem}.uij-card__body h3{font-size:var(--step-1)}.uij-card__body p{color:var(--ink-soft);font-size:var(--step--1);margin-top:.3rem}.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:start}@media (max-width: 820px){.two-col{grid-template-columns:1fr}}.sticky-label{position:sticky;top:100px}.about-portrait{width:100%;max-width:300px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line)}.rich p+p{margin-top:1.25rem}.rich h3{margin-top:2.5rem;margin-bottom:.75rem}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.skill-grid>div{background:var(--paper);padding:1.25rem 1.4rem}.skill-grid h4{font-family:var(--sans);font-size:var(--step--1);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:.6rem}.skill-grid ul{list-style:none;padding:0;font-size:var(--step--1);color:var(--ink-soft)}.skill-grid li{padding:.15rem 0}.timeline{border-left:1px solid var(--line-2);padding-left:1.75rem}.timeline__item{position:relative;padding-bottom:2.25rem}.timeline__item:before{content:"";position:absolute;left:-1.75rem;top:.5rem;transform:translate(-50%);width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--paper)}.timeline__item h4{font-family:var(--serif);font-size:var(--step-1)}.timeline__meta{font-size:var(--step--1);color:var(--muted);margin:.2rem 0 .6rem}.contact-cta{text-align:center}.contact-cta .display{margin:1rem 0 2rem}.contact-lines{display:grid;gap:.4rem;justify-items:center;font-size:var(--step-1);font-family:var(--serif)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:3rem;text-align:left}.contact-grid .label{font-size:var(--step--1);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}.footer{background:var(--ink);color:var(--paper);padding-block:var(--space-l) var(--space-m);margin-top:var(--space-xl)}.footer a{color:var(--paper)}.footer__top{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding-bottom:var(--space-l);border-bottom:1px solid rgba(251,249,245,.14)}.footer__big{font-family:var(--serif);font-size:var(--step-3);line-height:1.02;max-width:16ch}.footer__links{display:flex;gap:3.5rem;flex-wrap:wrap}.footer__col h4{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#fbf9f58c;margin-bottom:1rem;font-weight:600}.footer__col a{display:block;padding:.28rem 0;color:#fbf9f5d9;font-size:var(--step--1);transition:color .25s var(--ease)}.footer__col a:hover{color:var(--paper)}.footer__bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:var(--space-m);font-size:var(--step--1);color:#fbf9f58c}.page-head{padding-block:clamp(3rem,7vw,6rem) var(--space-m)}.page-head .eyebrow{margin-bottom:1.25rem}.page-head h1{max-width:20ch}.page-head .lead{margin-top:1.5rem;max-width:52ch}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--step--1);color:var(--muted);margin-bottom:2rem;transition:color .25s var(--ease),gap .25s var(--ease)}.back-link:hover{color:var(--ink);gap:.75rem}