:root{--paper:#fffaf3;--ink:#282323;--muted:#706565;--pink:#ed5472;--deep:#ad2348;--blush:#f9dce1;--line:#dbcfc8;--mono:Consolas,'SFMono-Regular',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Avenir,'Avenir Next','Segoe UI',sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit}img{display:block;max-width:100%}header,main,footer{max-width:1440px;margin:auto;padding-inline:6%}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:36px;letter-spacing:-3px;text-decoration:none}.brand span{color:var(--pink);margin-left:4px}nav{display:flex;gap:32px}nav a,.resume{text-decoration:none;font-weight:700;font-size:14px}.resume{border-bottom:2px solid var(--pink)}a:hover{color:var(--deep)}a:focus-visible,button:focus-visible{outline:3px solid var(--deep);outline-offset:6px}.skip{position:absolute;top:-100px;background:var(--ink);color:#fff;padding:12px;z-index:50}.skip:focus{top:0}.eyebrow,.mono,.location,.tags,.note,.read,figcaption,.next-project>span{font-family:var(--mono)}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:bold;color:var(--deep);margin:0 0 20px}.location{font-size:11px}.hero{padding:42px 0 70px}.hero-top{display:flex;justify-content:space-between;gap:20px}.hero h1{font-size:clamp(80px,13vw,180px);line-height:.87;letter-spacing:-.075em;margin:35px 0 45px;font-weight:900}.hero h1>span{display:block;color:var(--pink);padding-left:18%}.asterisk{display:inline-block;font-size:.7em;margin-left:8%;vertical-align:10%;font-weight:400}.hero-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:12%;align-items:center}.hero-statement h2{font-size:clamp(24px,2.7vw,38px);line-height:1.25;letter-spacing:-.04em}.hero-statement p{font-size:17px;max-width:570px;color:var(--muted)}em{font-style:normal;color:var(--deep)}.button{background:var(--ink);color:white;padding:15px 23px;display:inline-flex;gap:40px;align-items:center;text-decoration:none;font-weight:700;font-size:14px;margin-top:16px;border:0}.button:hover{background:var(--deep);color:#fff}.portrait{margin:0;position:relative;width:100%;max-width:310px;justify-self:end;padding:0 16px 20px 0}.portrait:after{content:'';background:var(--pink);position:absolute;inset:24px 0 0 24px;z-index:-1}.portrait img{width:100%;aspect-ratio:1/.95;object-fit:cover;object-position:center 34%;border:1px solid var(--ink)}.portrait figcaption{position:absolute;bottom:3px;left:-25px;background:var(--paper);padding:12px 20px;font-size:11px;line-height:1.5;border:1px solid var(--ink);transform:rotate(-4deg)}.ticker{background:var(--pink);color:var(--ink);margin:0 -6.82%;padding:18px 6.82%;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:12px;font-weight:bold;letter-spacing:.1em}.ticker b{font-size:24px}.section{padding:90px 0;border-bottom:1px solid var(--line)}h2{font-size:clamp(34px,4.1vw,59px);letter-spacing:-.055em;line-height:1.08;margin:0 0 28px;font-weight:800}h3{letter-spacing:-.035em;line-height:1.2;font-size:25px;margin:0 0 18px}p{margin:0 0 18px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section-heading>p{max-width:350px;color:var(--muted);font-size:14px}.project-feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);text-decoration:none;margin-bottom:32px}.project-copy{padding:45px;display:flex;flex-direction:column;justify-content:center}.project-copy h3,.card-content h3{font-size:42px;display:flex;justify-content:space-between}.project-copy p:not(.eyebrow),.card-content p:not(.eyebrow){color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap;font-size:10px}.tags span{border:1px solid var(--line);padding:5px 9px}.read{font-size:12px;font-weight:bold;display:block;margin-top:28px;color:var(--deep)}.emo-cover{padding:38px;background:var(--blush);position:relative;color:var(--ink)}.emo-cover .mono{font-size:10px}.big-stat{font-size:clamp(65px,7vw,100px);line-height:1.2;letter-spacing:-.08em;font-weight:800;margin-top:20px}.big-stat span{font-size:.45em;letter-spacing:-.02em}.emo-cover p{font-size:13px}.mini-bars{display:flex;gap:12px;height:72px;align-items:end;margin-top:20px}.mini-bars i{flex:1;height:var(--v);background:var(--pink);border-top:2px solid var(--ink)}.emo-cover small{font-size:9px;font-family:var(--mono)}.cover-meta{display:flex;justify-content:space-between;border-top:1px solid #bba0a5;margin-top:20px;padding-top:13px;font-family:var(--mono);font-size:10px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project-card{border:1px solid var(--ink);text-decoration:none}.replica-cover,.casepath-cover{height:330px;position:relative;overflow:hidden;background:#ece8e2}.replica-cover img{height:100%;width:100%;object-fit:cover;object-position:left}.image-label{position:absolute;bottom:16px;left:16px;font:10px var(--mono);padding:8px 12px;background:var(--paper)}.card-content{padding:30px}.casepath-cover{padding:25px;background:#303d38;color:var(--paper)}.casepath-cover .mono{font-size:10px;letter-spacing:.06em}.flow-preview{display:flex;flex-direction:column;align-items:center;line-height:1.3;margin-top:16px}.flow-preview span{border:1px solid #8b9f93;padding:8px 20px;font-size:13px;min-width:210px;text-align:center}.flow-preview i{font-style:normal;color:#a6baac;padding:2px}.flow-preview .human{background:var(--blush);color:var(--ink);border-color:var(--blush)}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.lead{font-size:clamp(19px,2.1vw,26px);line-height:1.5;color:var(--muted);max-width:850px}.about-list article{padding:24px 0;border-top:1px solid var(--line)}.about-list h3{font-size:25px}.about-list p:not(.eyebrow){font-size:14px;color:var(--muted)}.experience-row{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;border-top:1px solid var(--ink);padding-top:35px;margin-top:35px}.experience-row .mono{font-size:12px}.experience-row p{color:var(--muted)}.experience-row strong{color:var(--ink)}footer{padding-top:80px;background:var(--blush);max-width:none;margin-top:60px}footer h2{font-size:clamp(40px,5vw,72px)}.email{display:inline-block;font-size:clamp(16px,2vw,26px);overflow-wrap:anywhere;margin-bottom:65px}.footer-bottom{border-top:1px solid #c8a8af;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:11px var(--mono)}.footer-bottom div{display:flex;gap:22px}.case-hero{padding:35px 0 60px;border-bottom:1px solid var(--ink)}.back{font:12px var(--mono);display:inline-block;margin-bottom:55px;text-decoration:none}.case-hero h1{font-size:clamp(64px,10vw,136px);line-height:1;letter-spacing:-.07em;margin:0 0 28px}.accent{color:var(--pink)}.case-hero .tags{margin-top:30px}.case-intro{padding:65px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:9%}.role{background:var(--blush);padding:30px;align-self:start;border-top:4px solid var(--pink)}.role ul{padding-left:20px;margin-top:0}.role li{margin-bottom:10px}.note{font-size:11px;color:var(--muted);line-height:1.7}.role .note{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:var(--paper);padding:30px 20px;gap:15px}.stats>div{text-align:center}.stats strong{display:block;font-size:clamp(26px,3vw,42px);letter-spacing:-.04em;color:#ff9eb0}.stats span{font:10px var(--mono)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px}.panel,.chart-panel,.result-table{background:#f3ece5;padding:32px}.split-chart{display:flex;height:46px;gap:3px;margin:30px 0}.split-chart span:nth-child(1){background:var(--pink)}.split-chart span:nth-child(2){background:#825568}.split-chart span:nth-child(3){background:#303d38}.legend{list-style:none;padding:0;font-size:13px}.legend li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}.chart-panel{margin-top:40px;background:var(--blush)}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.chart-controls{display:flex;gap:8px;flex-wrap:wrap}.chart-controls button{border:1px solid var(--ink);background:transparent;padding:8px 15px;cursor:pointer;font:11px var(--mono)}.chart-controls button[aria-pressed=true]{background:var(--ink);color:white}.bar-row{margin:22px 0}.bar-label{display:flex;justify-content:space-between;gap:15px;font-size:13px}.track{height:22px;background:#fff8;margin-top:7px}.bar{height:100%;background:var(--pink);width:var(--width);transition:width .45s ease}.chart-panel .note{margin:25px 0 0}.steps{list-style:none;padding:0;margin:40px 0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps li{border-top:2px solid var(--pink);padding-top:20px}.steps span{font:13px var(--mono);color:var(--deep)}.steps h3{margin-top:20px;font-size:21px}.steps p{font-size:14px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:13px;margin:25px 0}th,td{text-align:left;padding:13px 8px;border-bottom:1px solid var(--line)}th{color:var(--deep)}.source-figure{margin:15px 0 35px}.source-figure img{width:100%;border:1px solid var(--line)}figcaption{font-size:10px;color:var(--muted);margin-top:12px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:40px 0}.insight-grid article{border:1px solid var(--line);padding:28px}.insight-grid span{font:11px var(--mono);color:var(--deep)}.insight-grid h3{margin-top:25px;font-size:24px}.insight-grid p{font-size:14px;color:var(--muted)}.callout{font-size:clamp(21px,2.5vw,32px);line-height:1.4;border-left:5px solid var(--pink);padding:20px 28px;margin:35px 0;background:var(--blush);letter-spacing:-.02em}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--paper);margin:40px 0}.journey>div{background:var(--blush);padding:26px}.journey b{font:12px var(--mono);color:var(--deep)}.journey h3{margin-top:20px}.journey p{font-size:14px}.decision-map{background:#303d38;padding:35px;color:var(--paper);text-align:center}.node{border:1px solid #8b9f93;padding:15px;font-size:14px}.decision-map>span{display:block;font-size:24px;margin:5px}.branches{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.branches small{font:10px var(--mono)}.branches .node{margin-top:10px}.pink{background:var(--blush);color:var(--ink)}.next-project{padding:55px 0;display:block;text-decoration:none;border-bottom:1px solid var(--line)}.next-project>span{font-size:11px;color:var(--deep);display:block}.next-project strong{font-size:clamp(35px,5vw,64px);letter-spacing:-.05em}.project-feature,.project-card{transition:box-shadow .2s,transform .2s}.project-feature:hover,.project-card:hover{box-shadow:7px 7px 0 var(--pink);transform:translate(-2px,-2px);color:var(--ink)}
@media(min-width:1450px){.ticker{margin-inline:0}footer{padding-inline:max(6%,calc((100vw - 1268px)/2))}}
@media(max-width:900px){.hero-bottom{gap:6%}.project-copy{padding:28px}.project-copy h3,.card-content h3{font-size:34px}.project-grid{gap:22px}.steps{grid-template-columns:repeat(2,1fr)}.case-intro,.two-col{gap:30px}.journey{grid-template-columns:repeat(2,1fr)}.insight-grid{gap:14px}.insight-grid article{padding:20px}.about{gap:40px}.replica-cover,.casepath-cover{height:300px}.section-heading{gap:25px}.section{padding-block:65px}}
@media(max-width:640px){header,main,footer{padding-inline:22px}header{height:78px}nav{gap:17px}nav a,.resume{font-size:11px}.brand{font-size:30px}.hero{padding-top:30px}.hero-top .eyebrow{max-width:230px;font-size:9px}.location{display:none}.hero h1{font-size:clamp(76px,19vw,120px);margin:25px 0 35px}.hero h1>span{padding-left:8%}.hero-bottom{grid-template-columns:1fr;gap:35px}.portrait{justify-self:start;width:70%;max-width:280px;margin-left:20px}.hero-statement h2{font-size:29px}.hero-statement p{font-size:15px}.ticker{margin-inline:-22px;padding:17px 22px;font-size:8px;gap:10px;letter-spacing:0}.ticker b{font-size:16px}.section-heading{display:block}.section-heading>p{margin-top:22px}.project-feature,.project-grid,.about,.case-intro,.two-col,.experience-row{grid-template-columns:1fr}.project-copy{padding:26px}.emo-cover{padding:28px}.big-stat{font-size:80px}.card-content{padding:26px}.replica-cover{height:270px}.about{gap:35px}.experience-row{gap:20px}.footer-bottom{flex-direction:column}.footer-bottom div{gap:18px;flex-wrap:wrap}.case-hero{padding-bottom:38px}.case-hero h1{font-size:clamp(58px,14vw,85px)}.back{margin-bottom:35px}.case-intro{padding-block:40px;gap:20px}.stats{grid-template-columns:repeat(2,1fr);gap:25px}.chart-heading{display:block}.chart-controls{margin:15px 0 25px}.chart-panel,.panel,.result-table{padding:22px}.bar-label{font-size:12px}.insight-grid{grid-template-columns:1fr;gap:16px}.insight-grid article{padding:22px}.insight-grid h3{margin-top:12px}.source-figure{margin-inline:0}.journey>div{padding:20px}.journey h3{font-size:21px}.steps{gap:25px 20px}.steps h3{font-size:19px}.decision-map{padding:24px}.branches{gap:10px}.branches .node{padding:12px 8px;font-size:12px}.email{font-size:16px}.section{padding-block:55px}footer{padding-top:55px}.portrait figcaption{left:-15px}.case-hero .lead{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}