:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f8f7f3;--ink:#242420;--muted:#64645e;--line:#d9d8d1;--accent:#334cdd;--selection:#d1d4f9;--contact-bg:#252622;--contact-ink:#f8f7f3;--contact-muted:#babbb2;--contact-line:#7e7f75;--contact-hover:#c6ccff;--card-line:#24242033;--serif:Georgia, "Times New Roman", serif;--lavender-bg:#dddcf1;--lavender-ink:#242420;--blue-bg:#cbdfea;--blue-ink:#242420;--peach-bg:#f1d7c6;--peach-ink:#242420;--lime-bg:#e3e7ca;--lime-ink:#242420}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#171715;--ink:#ecebe4;--muted:#9a998f;--line:#2f2f2b;--accent:#aab4ff;--selection:#3a3f7a;--contact-bg:#22221f;--contact-line:#55554e;--card-line:#ecebe433;--lavender-bg:#2a2848;--lavender-ink:#e4e2fc;--blue-bg:#1d3340;--blue-ink:#d8e9f2;--peach-bg:#3d2a1f;--peach-ink:#f6e1d3;--lime-bg:#2e3218;--lime-ink:#e9edcb}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#171715;--ink:#ecebe4;--muted:#9a998f;--line:#2f2f2b;--accent:#aab4ff;--selection:#3a3f7a;--contact-bg:#22221f;--contact-line:#55554e;--card-line:#ecebe433;--lavender-bg:#2a2848;--lavender-ink:#e4e2fc;--blue-bg:#1d3340;--blue-ink:#d8e9f2;--peach-bg:#3d2a1f;--peach-ink:#f6e1d3;--lime-bg:#2e3218;--lime-ink:#e9edcb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;transition:background-color .25s,color .25s}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:7px}::selection{background:var(--selection)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500}h2{letter-spacing:-.045em;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.15}.serif{font-family:var(--serif);font-style:italic;font-weight:400}.wrap{width:min(1280px,100% - 112px);margin-inline:auto}.eyebrow{letter-spacing:.13em;font-size:12px;font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--paper);z-index:10;padding:10px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;padding:0 56px;display:flex}.wordmark{letter-spacing:-5px;font-size:42px;font-weight:800;line-height:1}.wordmark span{vertical-align:top;letter-spacing:0;color:var(--accent);margin-left:9px;font-size:13px}.header nav{align-items:center;gap:36px;font-size:14px;display:flex}.header nav a:hover,.text-link:hover{color:var(--accent)}.nav-contact{border-bottom:1px solid;padding-bottom:5px}.theme-toggle{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-size:18px;line-height:1;transition:border-color .2s,transform .3s;display:grid}.theme-toggle:hover{border-color:var(--ink);transform:rotate(180deg)}.hero{padding-top:55px;padding-bottom:20px}.hero-top{justify-content:space-between;display:flex}.hero-note{color:var(--muted);font-size:13px}h1{letter-spacing:-.075em;max-width:1100px;margin:48px 0 35px;font-size:clamp(4rem,9.8vw,9.5rem);line-height:.98;position:relative}h1 .serif{letter-spacing:-.07em}.asterisk{color:var(--accent);font-size:1.04em;line-height:1;position:absolute;bottom:8px;right:0}.hero-bottom{padding-bottom:40px}.hero-introduction{align-items:center;gap:25px;display:flex}.hero-introduction p{color:var(--muted);max-width:620px;font-size:17px;line-height:1.7}.hero-portrait{object-fit:cover;border-radius:50%;flex:0 0 112px;width:112px;height:112px;display:block}.hero-stats{border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 32px;display:grid}.hero-stats>div{border-left:1px solid var(--line);flex-direction:column-reverse;justify-content:flex-end;gap:6px;padding:24px 24px 24px 28px;display:flex}.hero-stats>div:first-child{border-left:0;padding-left:0}.hero-stats dt{color:var(--muted);max-width:220px;font-size:13px;line-height:1.45}.hero-stats dd{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,3.4vw,3rem);font-weight:500;line-height:1}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.button{border:1px solid var(--ink);border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;transition:background-color .2s,color .2s;display:inline-flex}.button:hover,.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{color:var(--ink);background:0 0}.work-section{padding-top:96px;padding-bottom:100px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.section-heading .eyebrow{margin-bottom:23px}.section-heading>p{color:var(--muted);font-size:14px}.work-filter{flex-wrap:wrap;gap:10px;margin:0 0 36px;display:flex}.work-filter button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-size:14px;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.work-filter button:hover{border-color:var(--ink)}.work-filter button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.work-filter .count{opacity:.7;font-size:11px}.work-sections{gap:64px;display:grid}.work-group-heading{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:baseline;gap:12px 30px;margin-bottom:26px;padding-top:18px;display:grid}.work-group-heading h3{letter-spacing:-.035em;align-items:baseline;gap:12px;font-size:26px;display:flex}.work-group-count{letter-spacing:.13em;color:var(--muted);font-size:12px;font-weight:600}.work-group-heading p{color:var(--muted);text-align:right;justify-self:end;max-width:52ch;font-size:15px}.work-group-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 22px;display:grid}.compact-group{grid-row:span 2;grid-template-rows:subgrid;row-gap:0;display:grid}.compact-group .work-group-heading{grid-template-columns:1fr;align-content:start;gap:8px}.compact-group .work-group-heading h3{font-size:21px}.compact-group .work-group-heading p{text-align:left;justify-self:start;font-size:14px}.compact-group .work-grid{grid-template-columns:1fr}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.work-card{flex-direction:column;min-height:370px;padding:28px;transition:transform .25s;animation:.35s both card-in;display:flex}.work-card:hover{transform:translateY(-7px)}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lavender{background:var(--lavender-bg);color:var(--lavender-ink)}.blue{background:var(--blue-bg);color:var(--blue-ink)}.peach{background:var(--peach-bg);color:var(--peach-ink)}.lime{background:var(--lime-bg);color:var(--lime-ink)}.card-top{letter-spacing:.11em;justify-content:space-between;gap:10px;font-size:10px;display:flex}.project-wordmark{letter-spacing:-.07em;flex:1;justify-content:center;align-items:center;min-height:215px;font-size:clamp(2rem,3.6vw,3.7rem);font-weight:700;display:flex}.card-highlight{margin-bottom:14px;font-size:13px}.card-highlight strong{letter-spacing:-.04em;margin-right:4px;font-size:22px;font-weight:500}.card-bottom{border-top:1px solid var(--card-line);justify-content:space-between;align-items:center;gap:10px;padding-top:19px;display:flex}.card-bottom h4{margin:0;font-size:17px;font-weight:600;line-height:1.35}.card-bottom p{margin-top:4px;font-size:13px;line-height:1.5}.card-period{opacity:.75}.card-arrow{flex-shrink:0;font-size:26px}.brand-card{min-width:0;min-height:370px;container-type:inline-size}.brand-card .project-wordmark{min-height:190px;font-size:clamp(2rem,17cqw,3.7rem);line-height:1.05}.brand-card .card-bottom{min-height:85px}.brand-subline{letter-spacing:.35em;text-align:center;margin-top:12px;font-size:12px;font-weight:400;display:block}.brand-hostless{letter-spacing:-.08em}.brand-onekard{letter-spacing:-.065em}.brand-skillgora{letter-spacing:-.075em}.yoke-star{align-self:center;margin-left:4px;font-size:40px}.brand-punterclash{letter-spacing:-.06em;flex-direction:column;font-size:.82em;font-weight:800;line-height:.94;display:flex}.brand-punterclash>span{font-family:var(--serif);align-self:flex-end;font-size:1.13em;font-style:italic;font-weight:400}.brand-altschool{flex-direction:column;align-items:center;display:flex}.alt-underline{letter-spacing:0;border-bottom:2px solid;margin-top:12px;padding-bottom:5px;font-size:20px;font-weight:400}.brand-learning{text-align:center;flex-direction:column;font-size:.85em;line-height:1.06;display:flex}.brand-school{letter-spacing:-.045em;font-size:.88em}.brand-school>.serif{letter-spacing:-.04em;margin-top:12px;font-size:.6em;font-weight:600}.brand-community{flex-direction:column;align-items:center;line-height:.98;display:flex}.brand-community>.serif{font-size:.88em}.about-section{border-top:1px solid var(--line);grid-template-columns:1fr 1.1fr;align-items:center;gap:100px;padding-block:100px;display:grid}.portrait-frame{max-width:470px;position:relative}.portrait-frame img{aspect-ratio:4/5;object-fit:cover;filter:grayscale();width:100%;height:auto;display:block}.portrait-caption{letter-spacing:.12em;margin-top:13px;font-size:10px;display:block}.about-copy .eyebrow{margin-bottom:25px}.about-copy h2{margin-bottom:30px}.about-copy>p:not(.eyebrow){color:var(--muted);max-width:520px;margin-top:18px}.skills{flex-wrap:wrap;gap:8px;margin-block:25px;display:flex}.skills span{border:1px solid var(--line);border-radius:30px;padding:5px 13px;font-size:12px}.text-link{border-bottom:1px solid;gap:10px;padding-bottom:4px;font-size:14px;display:inline-flex}.expertise{padding-block:10px 90px}.compact{align-items:center}.compact .eyebrow{margin:0}.compact h2{font-size:32px}.expertise-grid{grid-template-columns:1fr 1fr;gap:35px 60px;display:grid}.expertise-grid>div{border-top:1px solid var(--line);padding-top:25px}.expertise-grid h3{letter-spacing:-.025em;font-size:21px}.expertise-grid .skills{margin-block:18px 0}.expertise-grid .skills span{font-size:14px}.experience{padding-block:25px 110px}.experience-row{border-top:1px solid var(--line);grid-template-columns:50px 1fr 1fr 20px;align-items:center;gap:20px;padding:27px 0;transition:color .2s;display:grid}.experience-row:last-of-type{border-bottom:1px solid var(--line)}.experience-row:hover{color:var(--accent)}.row-number{color:var(--muted);font-size:12px}.experience-row h3{letter-spacing:-.03em;font-size:23px}.row-role{color:var(--muted);font-size:14px}.row-period{font-size:12px;display:block}.education-note{padding-top:45px}.education-note h3{letter-spacing:-.035em;margin-top:16px;font-size:24px;line-height:1.35}.education-note>p:not(.eyebrow){color:var(--muted);margin-top:12px;font-size:14px}.education-note .text-link{margin-top:20px}.contact{background:var(--contact-bg);color:var(--contact-ink);padding-block:75px}.contact .eyebrow{color:var(--contact-muted)}.contact h2{letter-spacing:-.055em;margin-block:37px 50px;font-size:clamp(3rem,7.2vw,7rem);line-height:1.08}.contact h2 a{border-bottom:1px solid var(--contact-line)}.contact h2 a span{margin-left:25px;font-family:Arial,sans-serif;font-size:.7em}.contact-bottom{justify-content:space-between;gap:20px;font-size:15px;display:flex}.contact-bottom p{color:var(--contact-muted)}.contact-links{flex-wrap:wrap;gap:12px 32px;display:flex}.contact-links a{border-bottom:1px solid var(--contact-line);padding-bottom:2px}.contact-links a:hover,.contact h2 a:hover{color:var(--contact-hover)}.footer{color:var(--muted);justify-content:space-between;gap:20px;padding-block:27px;font-size:12px;display:flex}.detail{padding-block:50px 100px}.detail-back{border-bottom:1px solid;margin-top:40px;font-size:14px;display:inline-block}.detail-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:55px;font-size:13px;display:flex}.detail-breadcrumb a{border-bottom:1px solid #0000}.detail-breadcrumb a:hover{color:var(--accent);border-color:currentColor}.detail-breadcrumb span[aria-current=page]{color:var(--ink)}.detail h1{margin:25px 0;font-size:clamp(3.5rem,8vw,7rem)}.detail-intro{font-family:var(--serif);max-width:800px;font-size:clamp(1.6rem,3vw,2.5rem);font-style:italic;line-height:1.3}.case{border-top:1px solid var(--line);grid-template-columns:minmax(220px,1fr) 2.2fr;align-items:start;gap:80px;margin-top:60px;padding-top:45px;display:grid}.case-facts{position:sticky;top:32px}.case-facts dl{margin:0}.case-facts dl>div{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:22px}.case-facts dl>div:last-child{border-bottom:0}.case-facts dt{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.case-facts dd,.case-facts .skills{margin:0}.case-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:50px;display:grid}.case-metrics>div{border-radius:6px;padding:22px 24px}.case-metrics strong{letter-spacing:-.06em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;line-height:1.1;display:block}.case-metrics span{opacity:.8;margin-top:6px;font-size:13px;display:block}.case-story section+section{margin-top:44px}.case-label{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:12px;font-weight:600}.case-story>section>p{max-width:700px;font-size:18px;line-height:1.7}.contribution{border-top:1px solid var(--line);grid-template-columns:34px 1fr;gap:20px;margin-top:24px;padding-top:24px;display:grid}.contribution>span{color:var(--accent);padding-top:5px}.contribution h3{letter-spacing:-.03em;margin-bottom:10px;font-size:22px;line-height:1.3}.contribution p{color:var(--muted);max-width:680px}.case-pager{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:30px;margin-top:80px;padding-top:30px;display:grid}.case-pager a{flex-direction:column;gap:6px;display:flex}.case-pager span{color:var(--muted);font-size:13px}.case-pager strong{letter-spacing:-.04em;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:500;line-height:1.1;transition:color .2s}.case-pager a:hover strong{color:var(--accent)}.pager-next{text-align:right;align-items:flex-end}@media (min-width:1500px){.header{padding-inline:max(56px,50vw - 640px)}}@media (max-width:1000px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}.hero-note{display:none}.asterisk{right:10px}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stats>div:nth-child(3){border-left:0;padding-left:0}.hero-stats>div:nth-child(n+3){border-top:1px solid var(--line)}.work-grid,.work-group-row{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card{min-height:340px;padding:20px}.card-top{font-size:9px}.about-section{gap:45px}.section-heading>p{max-width:170px}.case{grid-template-columns:1fr;gap:40px}.case-facts{position:static}.case-facts dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;display:grid}.case-facts dl>div:last-child{border-bottom:1px solid var(--line)}}@media (max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:72px;padding-inline:20px}.wordmark{font-size:32px}.header nav{gap:16px;font-size:12px}.header nav a:first-child{display:none}.theme-toggle{width:32px;height:32px;font-size:16px}.hero{padding-top:35px}.eyebrow{font-size:10px}h1{letter-spacing:-.07em;margin-top:36px;font-size:clamp(3.3rem,12vw,5.2rem)}.asterisk{font-size:.6em;bottom:4px;right:5px}.hero-introduction{flex-direction:column;align-items:flex-start;gap:20px}.hero-introduction p{font-size:16px}.hero-stats>div{padding:18px 12px 18px 16px}.hero-stats dt{font-size:12px}.work-section{padding-block:60px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.section-heading>p{max-width:none}.section-heading .eyebrow{margin-bottom:16px}.work-filter{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-20px;padding-inline:20px;overflow-x:auto}.work-filter button{flex-shrink:0;padding:8px 13px;font-size:13px}.work-grid{grid-template-columns:1fr;gap:18px}.work-sections{gap:44px}.work-group-row{grid-template-columns:1fr;row-gap:44px}.compact-group{flex-direction:column;display:flex}.work-group-heading{grid-template-columns:1fr;margin-bottom:20px}.work-group-heading h3{font-size:22px}.work-group-heading p{text-align:left;justify-self:start;font-size:14px}.brand-card{min-height:320px;padding:24px}.card-top{font-size:10px}.brand-card .project-wordmark{min-height:190px;font-size:55px}.about-section{grid-template-columns:1fr;gap:40px;padding-block:60px}.portrait-frame{max-width:none}.portrait-frame img{object-position:center 35%;max-height:530px}.about-copy h2{font-size:36px}.expertise{padding-bottom:65px}.expertise-grid{grid-template-columns:1fr;gap:25px}.experience{padding-block:15px 65px}.compact h2{font-size:30px}.experience-row{grid-template-columns:25px 1fr 20px;gap:10px;padding-block:22px}.experience-row h3{font-size:21px}.row-role{grid-area:2/2;font-size:13px}.experience-row>span:last-child{grid-area:1/3}.contact{padding-block:50px}.contact h2{margin-block:30px;font-size:clamp(2.7rem,9vw,4rem)}.contact h2 a span{margin-left:8px}.contact-bottom{flex-direction:column;font-size:14px}.footer{flex-wrap:wrap;font-size:11px}.footer>span:nth-child(2){display:none}.detail{padding-block:35px 65px}.detail h1{overflow-wrap:anywhere}.case{margin-top:40px;padding-top:30px}.case-facts dl{grid-template-columns:1fr 1fr;gap:0 20px}.case-facts dl>div{margin-bottom:16px;padding-bottom:16px}.case-facts dl>div:nth-child(n+3){grid-column:1/-1}.header nav a{align-items:center;min-height:44px;display:inline-flex}.nav-contact{text-underline-offset:6px;border-bottom:0;padding-bottom:0;text-decoration:underline}.theme-toggle{width:44px;height:44px}.wordmark{align-items:center;min-height:44px;display:inline-flex}.work-filter button{min-height:44px}.detail-breadcrumb a,.footer a{align-items:center;min-height:44px;display:inline-flex}.detail-breadcrumb{margin-bottom:28px}.footer{align-items:center;padding-block:12px}.detail-back{align-items:center;min-height:44px;display:inline-flex}.hero-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hero-actions .button{justify-content:center;min-height:48px}.hero-actions .button-primary{grid-column:1/-1}.hero-actions .text-link{text-underline-offset:6px;border-bottom:0;grid-column:1/-1;justify-self:start;align-items:center;min-height:44px;text-decoration:underline}.case-metrics{grid-template-columns:1fr}.case-story>section>p{font-size:16px}.contribution{grid-template-columns:26px 1fr;gap:10px}.contribution h3{font-size:20px}.case-pager{grid-template-columns:1fr}.pager-next{text-align:left;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
