:root{--paper:#f8f7f3;--ink:#242420;--muted:#64645e;--line:#d9d8d1;--accent:#334cdd;--serif:Georgia,"Times New Roman",serif}*{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}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}::selection{background:#d1d4f9}h1,h2,h3,p{margin:0}h1,h2,h3{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}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;padding:0 56px;display:flex}.wordmark{letter-spacing:-5px;font-size:45px;font-weight:800;line-height:1}.wordmark span{vertical-align:top;letter-spacing:0;margin-left:9px;font-size:13px}.header nav{align-items:center;gap:40px;font-size:14px;display:flex}.header nav a:hover,.text-link:hover{color:var(--accent)}.nav-contact{border-bottom:1px solid;gap:35px;padding-bottom:5px;display:flex}.eyebrow{letter-spacing:.13em;font-size:12px;font-weight:600}.hero{padding-top:55px}.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{justify-content:space-between;align-items:flex-end;padding-bottom:56px;display:flex}.hero-bottom p{color:var(--muted);font-size:17px;line-height:1.7}.round-link{align-items:center;gap:24px;font-size:14px;display:flex}.circle{border:1px solid var(--ink);border-radius:50%;place-items:center;width:64px;height:64px;font-size:25px;transition:background .2s,color .2s;display:grid}.round-link:hover .circle{background:var(--ink);color:var(--paper)}.hero-rule{border-top:1px solid var(--line);letter-spacing:.12em;justify-content:space-between;padding:23px 0;font-size:11px;display:flex}.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-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.work-card{flex-direction:column;min-height:370px;padding:28px;transition:transform .25s;display:flex}.work-card:hover{transform:translateY(-7px)}.lavender{background:#dddcf1}.blue{background:#cbdfea}.peach{background:#f1d7c6}.lime{background:#e3e7ca}.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}.yoke-star{align-self:center;margin-left:4px;font-size:40px}.peach .project-wordmark{flex-direction:column;line-height:.95}.alt-underline{letter-spacing:0;border-bottom:2px solid;margin-top:12px;padding-bottom:5px;font-size:20px;font-weight:400}.card-bottom{border-top:1px solid #24242033;justify-content:space-between;align-items:center;gap:10px;padding-top:19px;display:flex}.card-bottom h3{font-size:17px;font-weight:600}.card-bottom p{margin-top:4px;font-size:12px}.card-arrow{font-size:26px}.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:25px;padding-bottom:4px;font-size:14px;display:inline-flex}.experience{padding-block:25px 110px}.compact{align-items:center}.compact .eyebrow{margin:0}.compact h2{font-size:32px}.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-child{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}.contact{color:#f8f7f3;background:#252622;padding-block:75px}.contact .eyebrow{color:#babbb2}.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 #7e7f75}.contact h2 a span{margin-left:25px;font-family:Arial;font-size:.7em}.contact-bottom{justify-content:space-between;gap:20px;font-size:15px;display:flex}.contact-bottom p{color:#babbb2}.contact-bottom a:hover{color:#c6ccff}.footer{color:var(--muted);justify-content:space-between;gap:20px;padding-block:27px;font-size:12px;display:flex}.skip-link{background:var(--ink);color:#fff;z-index:10;padding:10px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.detail{padding-block:60px 100px}.detail-back{margin-bottom:65px;font-size:14px;display:inline-block}.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}.detail-body{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:80px;margin-top:60px;padding-top:45px;display:grid}.detail-body h2{margin-bottom:20px;font-size:28px}.detail-body p{color:var(--muted);max-width:700px;margin-bottom:30px}.detail-body .eyebrow{color:var(--ink);margin-bottom:10px}.detail-nav{border-top:1px solid var(--line);justify-content:space-between;gap:30px;margin-top:65px;padding-top:30px;display:flex}@media (min-width:1500px){.header{padding-inline:max(56px,50vw - 640px)}}@media (max-width:1000px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}.work-card{padding:20px}.about-section{gap:45px}.card-top{font-size:9px}.hero-note{display:none}.asterisk{right:10px}.project-wordmark{min-height:180px}.work-card{min-height:330px}.section-heading>p{max-width:170px}}@media (max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:85px;padding-inline:20px}.wordmark{font-size:36px}.header nav{gap:20px;font-size:12px}.nav-contact{gap:10px}.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-bottom{flex-direction:column;align-items:flex-start;gap:30px;padding-bottom:35px}.hero-bottom p{font-size:16px}.round-link{gap:20px}.circle{width:44px;height:44px;font-size:20px}.hero-rule{flex-wrap:wrap;justify-content:flex-start;gap:15px;font-size:9px}.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-grid{grid-template-columns:1fr;gap:18px}.work-card{min-height:320px;padding:24px}.card-top{font-size:10px}.project-wordmark{min-height:200px;font-size:55px}.card-bottom p{font-size:13px}.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}.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-back{margin-bottom:40px}.detail-body{grid-template-columns:1fr;gap:20px;margin-top:40px}.detail h1{overflow-wrap:anywhere}.detail-nav{font-size:14px}.desktop-break{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.impact-strip{border-block:1px solid var(--line);grid-template-columns:1fr 1.8fr;gap:40px;margin-top:15px;padding-block:35px;display:grid}.impact-strip .text-link{margin-top:15px;font-size:13px}.impact-values,.detail-metrics{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.impact-values strong,.detail-metrics strong{letter-spacing:-.06em;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1.2;display:block}.impact-values span,.detail-metrics span{color:var(--muted);margin-top:8px;font-size:13px;display:block}.work-jump{flex-wrap:wrap;gap:12px;margin:10px 0 50px;display:flex}.work-jump a{border:1px solid var(--line);border-radius:30px;align-items:center;gap:22px;padding:10px 17px;font-size:14px;display:flex}.work-jump a:hover{background:var(--ink);color:var(--paper)}.work-group+.work-group{margin-top:70px}.group-heading{border-top:1px solid var(--line);grid-template-columns:30px 1fr 1fr;align-items:baseline;gap:20px;margin-bottom:26px;padding-top:24px;display:grid}.group-heading h3{letter-spacing:-.04em;font-size:27px}.group-heading p{color:var(--muted);max-width:420px;font-size:14px}.expertise{padding-block:10px 90px}.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,.detail-body .skills span{font-size:14px}.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}.detail-metrics{background:#e8e9df;margin-top:45px;padding:32px}.detail-story h2{margin-top:15px}.contributions{margin-block:48px 35px}.contribution{border-top:1px solid var(--line);grid-template-columns:28px 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:12px;font-size:22px;line-height:1.3}.contribution p{margin-bottom:0}@media (max-width:1000px){.impact-strip{grid-template-columns:1fr;gap:25px}.group-heading{grid-template-columns:25px 1fr}.group-heading p{grid-column:2;max-width:none}}@media (max-width:700px){.impact-values,.detail-metrics{gap:20px}.impact-values strong{font-size:27px}.impact-values span{font-size:12px}.work-jump{gap:8px;margin-bottom:35px}.work-jump a{gap:12px;padding:8px 12px;font-size:13px}.group-heading{gap:12px}.group-heading h3{font-size:25px}.work-group+.work-group{margin-top:45px}.expertise{padding-bottom:65px}.expertise-grid{grid-template-columns:1fr;gap:25px}.detail-metrics{grid-template-columns:1fr;padding:25px}.detail-metrics>div+div{border-top:1px solid #24242022;padding-top:20px}.detail-body{gap:30px}.contribution{grid-template-columns:20px 1fr;gap:10px}}.brand-card{min-width:0;min-height:370px;container-type:inline-size}.brand-card .project-wordmark{min-height:215px;font-size:clamp(2rem,17cqw,3.7rem);line-height:1.05}.brand-card .card-bottom{min-height:85px}.brand-card .card-bottom h4{margin:0;font-size:17px;font-weight:600;line-height:1.35}.brand-card .card-bottom p{font-size:13px;line-height:1.5}.brand-card .card-arrow{flex-shrink:0}.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}.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}.brand-learning{text-align:center;flex-direction:column;font-size:.85em;line-height:1.06;display:flex}@media (max-width:1000px) and (min-width:701px){.brand-card{padding:18px}.brand-card .project-wordmark{min-height:190px}}@media (max-width:700px){.brand-card{min-height:340px}.brand-card .project-wordmark{min-height:215px}}.brand-community{flex-direction:column;align-items:center;line-height:.98;display:flex}.brand-community>.serif{font-size:.88em}.detail-impact{align-items:center;margin-top:45px}.detail-impact+.detail-body{border-top:0;margin-top:0}.brand-school{letter-spacing:-.045em;font-size:.88em}.brand-school>.serif{letter-spacing:-.04em;margin-top:12px;font-size:.6em;font-weight:600}.hero-introduction{align-items:center;gap:25px;display:flex}.hero-portrait{object-fit:cover;border-radius:50%;flex:0 0 112px;width:112px;height:112px;display:block}@media (max-width:1000px){.hero-bottom{gap:28px}.hero-introduction{gap:18px}}@media (max-width:700px){.hero-introduction{flex-direction:column;align-items:flex-start;gap:20px}}
