@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#ffffff;--ink:#20231f;--muted:#6c7069;--line:#dcdfe3;--orange:#e2613d;--blue:#164dd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:fixed;top:-80px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}.progress{position:fixed;left:0;top:0;height:3px;background:var(--orange);width:0;z-index:30}header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:32px 6%}.wordmark{font-size:29px;font-weight:800;letter-spacing:-1.8px}.wordmark span{font-size:13px;vertical-align:top;margin-left:5px}.project-link{font-size:13px}.project-link span{margin-left:25px}.hero,.section,footer{max-width:1440px;margin:auto;padding:70px 6%}.hero{padding-top:48px;padding-bottom:25px}.eyebrow,.section-label,small,.showcase-foot,.accessibility>span,.impact-note>span{font-size:12px;letter-spacing:1.6px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--orange);border-radius:50%}.year{margin-left:auto;color:var(--muted)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.12;font-weight:500;letter-spacing:-1.7px}h1{font-size:clamp(58px,7.8vw,112px);letter-spacing:-6px;margin:36px 0 32px;line-height:1.04}.orange{color:var(--orange)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin:0 0 48px}.hero-bottom p{font-size:19px;line-height:1.5;margin:0}.hero-bottom p span{color:var(--muted);font-size:15px}.round{border:1px solid var(--line);border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:24px;transition:background .2s}.round:hover{background:#e8ebee}.showcase{background:var(--blue);padding:38px 44px 24px;color:white;border-radius:4px;overflow:hidden}.showcase-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.showcase-label>span{font-size:38px;font-weight:700;letter-spacing:-2px}.showcase-label small{font-size:11px;color:#b6caff}.mosaic{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:16px;transform:rotate(-2deg);padding:8px 0 25px}.tile{background:#fff;color:var(--ink);border-radius:8px;min-height:245px;padding:24px;box-shadow:0 12px 25px #08288244;display:flex;flex-direction:column}.tile small{font-size:11px;color:var(--muted)}.swatches{display:flex;height:85px;margin:24px 0}.swatches i{flex:1;background:#1650df}.swatches i:nth-child(2){background:#222731}.swatches i:nth-child(3){background:#a4b0c5}.swatches i:nth-child(4){background:#e8edf5}.tile b{font-size:13px;font-weight:500}.type{background:#e8ecff}.type strong{font-size:85px;font-weight:500;letter-spacing:-8px;line-height:1.7}.type>span{font-size:12px}.sample-button{background:#1650df;color:white;padding:12px 16px;border-radius:4px;font-size:12px;margin:26px 0 18px}.chips{display:flex;gap:8px;font-size:10px}.chips span{background:#e1f4de;color:#24753d;padding:3px 10px;border-radius:20px}.chips span+span{background:#fff0c9;color:#84600d}.controls p{font-size:11px;margin:20px 0 0}.showcase-foot{display:flex;justify-content:space-between;font-size:10px;color:#c4d1ff;margin-top:22px}.caption{font-size:11px;color:var(--muted);margin:14px 0 0}.chapters{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:40px;background:#fffffff5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:22px 5%;font-size:11px}.chapters a{white-space:nowrap;transition:color .2s}.chapters a.active,.chapters a:hover{color:var(--orange)}.section{padding-top:100px;padding-bottom:30px;scroll-margin-top:0}.section-label{color:var(--orange);margin-bottom:32px}h2{font-size:clamp(35px,4vw,58px);margin-bottom:28px;letter-spacing:-2.4px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.intro-grid p{color:var(--muted);font-size:15px}.intro-grid .lead{color:var(--ink);font-size:21px;line-height:1.4}.facts{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);padding-top:25px;margin-top:45px;gap:20px}.facts small{color:var(--muted)}.facts p{font-size:14px;margin-top:12px}.facts span{color:var(--muted);font-size:12px}.problem{background:#eef0f2;border-radius:3px;padding:48px;margin-top:55px}.problem h3{font-size:36px;margin:24px 0 40px}.thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.thirds b{font-size:11px;color:var(--muted)}h4{font-size:18px;letter-spacing:-.5px;margin:18px 0 12px}.thirds p{font-size:13px;color:var(--muted)}.problem-close{border-top:1px solid #d1d6dc;padding-top:22px;margin:24px 0 0;font-size:14px}.section-intro{color:var(--muted);max-width:530px}.steps{margin-top:45px;max-width:850px}.steps article{display:flex;gap:60px;border-top:1px solid var(--line);padding:30px 0}.steps article>span{color:var(--orange);font-size:13px}.steps h3{font-size:26px;letter-spacing:-1px;margin-bottom:12px}.steps p{color:var(--muted);font-size:15px;max-width:570px;margin-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px;margin-top:35px}.component{margin:0}.image-open{border:0;background:#e7eaf0;padding:22px;width:100%;position:relative;border-radius:4px;overflow:hidden;aspect-ratio:1.4;display:flex;align-items:center}.image-open img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.image-open:hover img{transform:scale(1.04)}.zoom{position:absolute;right:12px;bottom:12px;background:white;border-radius:50%;height:30px;width:30px;display:grid;place-items:center}.component figcaption{padding-top:18px}.component small{font-size:11px;color:var(--muted)}.component h3{font-size:24px;letter-spacing:-.8px;margin:9px 0}.component p{font-size:13px;color:var(--muted);max-width:440px}.accessibility{background:#232b26;color:#f6f7ed;padding:40px;margin-top:55px;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;gap:15px 50px}.accessibility>span{grid-column:1/-1;color:#b9c3b5}.accessibility h3{font-size:30px;letter-spacing:-1px;margin:0}.accessibility p{font-size:14px;color:#c8d0c3;margin:0}.in-use{margin:70px auto 10px;max-width:720px;text-align:center}.in-use h3{font-size:27px;letter-spacing:-1px}.in-use>p{font-size:15px;color:var(--muted)}blockquote{font-family:Manrope,sans-serif;font-size:36px;line-height:1.3;letter-spacing:-1.5px;margin:45px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--line)}.metrics article{padding:30px 26px 32px 0;border-bottom:1px solid var(--line)}.metrics strong{font-size:clamp(40px,4.5vw,66px);font-family:Manrope,sans-serif;letter-spacing:-4px;font-weight:500;white-space:nowrap}.metrics em{font-size:30px;font-style:normal;letter-spacing:-2px}.metrics strong span{font-size:35px;color:var(--orange);margin:0 4px}.metrics h3{font-size:18px;letter-spacing:-.5px;margin:18px 0 10px}.metrics p{font-size:13px;color:var(--muted);max-width:240px;margin:0}.impact-note{display:flex;flex-direction:column;justify-content:center}.impact-note>span{color:var(--orange);margin-bottom:16px}.impact-note p{font-size:23px;line-height:1.35;letter-spacing:-.5px;color:var(--ink)}.reflections{margin:45px 0 60px}details{border-top:1px solid var(--line);padding:25px 0}summary{cursor:pointer;list-style:none;font-size:21px;display:flex;align-items:center;gap:20px}summary:after{content:'+';margin-left:auto}details[open] summary:after{content:'−'}summary span{font-size:10px;border:1px solid var(--line);padding:3px 9px;border-radius:20px;color:var(--muted)}details p{max-width:650px;color:var(--muted);font-size:14px;margin:15px 0 0}details .placeholder{color:#a46b31;font-size:12px}footer{background:#eef0f2;padding-top:55px;padding-bottom:25px}footer h2{margin:30px 0 60px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #d1d6dc;padding-top:20px;font-size:12px;color:var(--muted)}dialog{border:0;border-radius:8px;width:min(1200px,95vw);max-height:92vh;padding:35px;background:var(--paper)}dialog::backdrop{background:#14201edb;backdrop-filter:blur(8px)}dialog h2{font-size:24px;margin-right:100px}dialog img{display:block;width:100%}.close{float:right;border:1px solid var(--line);background:white;border-radius:20px;padding:5px 14px;font-size:12px}
@media(min-width:1500px){.chapters{gap:70px}}@media(max-width:760px){header{padding:22px 6%}.hero{padding-top:30px}h1{letter-spacing:-3.4px}.year{display:none}.hero-bottom{margin-bottom:30px}.hero-bottom p{font-size:16px}.hero-bottom p span{font-size:12px}.showcase{padding:23px 20px 20px}.showcase-label small{font-size:9px;letter-spacing:1px}.mosaic{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:16px;min-height:195px}.tile small{font-size:9px}.controls{display:none}.swatches{height:60px;margin:22px 0}.type strong{font-size:65px}.showcase-foot{font-size:8px}.chapters{justify-content:flex-start;gap:24px;padding:17px 6%;overflow:auto}.section{padding-top:65px}.intro-grid{grid-template-columns:1fr;gap:10px}.facts{grid-template-columns:1fr;gap:6px;margin-top:25px}.facts div{border-bottom:1px solid var(--line);padding:10px 0}.problem{padding:27px;margin-top:35px}.problem h3{font-size:29px}.thirds{grid-template-columns:1fr;gap:15px}.thirds h4{margin-top:8px}.steps article{gap:25px}.steps h3{font-size:23px}.section-heading{display:block}.gallery{grid-template-columns:1fr;gap:30px}.accessibility{grid-template-columns:1fr;padding:27px;gap:20px}.accessibility h3{font-size:27px}.in-use{text-align:left}blockquote{font-size:29px}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding-right:20px}.metrics strong{font-size:40px;letter-spacing:-2.5px}.metrics em{font-size:24px}.metrics strong span{font-size:25px}.metrics h3{font-size:16px}.impact-note p{font-size:18px}.metrics p{font-size:12px}summary{font-size:17px;gap:10px}summary span{font-size:8px}.footer-bottom{gap:20px;font-size:10px}.caption{font-size:10px}dialog{padding:18px}.close{font-size:10px}dialog h2{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.cpq-showcase{background:var(--blue);padding:35px 42px 23px;border-radius:4px;color:white}.cpq-showcase>img{display:block;width:94%;margin:0 auto;border-radius:5px;box-shadow:0 20px 50px #09266c66}.cpq-showcase .showcase-label{margin-bottom:27px}.impact-preview{max-width:1440px;margin:30px auto 35px;padding:30px 6% 15px}.impact-preview>.section-label{font-size:12px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:20px 0 17px}.quick-stats strong{font-family:Manrope,sans-serif;font-size:clamp(40px,5.2vw,72px);font-weight:500;letter-spacing:-4px;line-height:1.25}.quick-stats strong span{color:var(--orange);font-size:.65em;letter-spacing:-2px}.quick-stats p{font-size:13px;color:var(--muted);margin:8px 0}.impact-preview>a{font-size:11px;text-decoration:underline;text-underline-offset:5px}.insights{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;margin-top:40px}.insights article{display:flex;gap:25px;border-top:1px solid var(--line);padding:28px 0}.insights article>span{font-size:12px;color:var(--orange)}.insights h3{font-size:24px;letter-spacing:-.8px;margin:0 0 15px}.insights p{font-size:14px;color:var(--muted);margin:0}.concepts{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.product-figure{margin:0}.product-figure .image-open{aspect-ratio:auto;min-height:0;background:#e7eaf0;padding:20px}.product-figure .image-open img{display:block;height:auto;max-height:680px;object-fit:contain}.concepts .image-open{height:470px}.concepts .image-open img{height:100%;object-fit:contain}.product-figure figcaption{padding:15px 0}.product-figure figcaption b{font-family:Manrope,sans-serif;font-weight:600;font-size:19px;letter-spacing:-.5px}.product-figure figcaption p{font-size:12px;color:var(--muted);margin:7px 0 0;max-width:850px}.decision-note{border-left:3px solid var(--orange);padding:8px 0 8px 30px;margin:50px 0}.decision-note small{color:var(--orange)}.decision-note h3{font-size:30px;letter-spacing:-1px;margin:17px 0}.decision-note p{color:var(--muted);font-size:15px;max-width:700px;margin:0}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:35px 0;border-top:1px solid var(--line)}.learning-grid small{color:var(--muted);font-size:11px}.learning-grid h3{font-size:23px;letter-spacing:-.6px;margin:17px 0}.learning-grid p{font-size:14px;color:var(--muted);margin:0}.wide{margin-top:35px}.wide .image-open{padding:40px;background:#e8ebee}.feature-row{display:grid;grid-template-columns:1fr 1.65fr;gap:55px;align-items:center;margin-top:70px}.feature-row>div small{color:var(--orange)}.feature-row>div h3{font-size:34px;letter-spacing:-1.2px;margin:20px 0}.feature-row>div p{font-size:15px;color:var(--muted)}.feature-row.reverse{grid-template-columns:1.65fr 1fr}.feature-row.reverse>div{order:2}.feature-row.reverse .product-figure{order:1}.explorations{background:#eef0f2;padding:42px;margin-top:70px}.explorations .section-heading h3{font-size:32px;letter-spacing:-1px;margin:18px 0 25px}.explorations small{color:var(--orange)}.explorations .thirds{margin-top:25px}.reflection{background:#232b26;color:var(--paper);padding:45px;margin:60px 0}.reflection>small{color:#bcc4b8}.reflection>h3{font-size:35px;letter-spacing:-1.3px;margin:22px 0}.reflection>p{color:#c8d0c3;max-width:660px}.reflection .thirds{margin-top:30px;border-top:1px solid #53604e;padding-top:8px}.reflection .thirds p{color:#c8d0c3}.metrics strong{font-size:clamp(36px,4.8vw,64px);letter-spacing:-3px}.section-heading h2{flex-shrink:0}dialog{overscroll-behavior:contain}body:has(dialog[open]){overflow:hidden}
@media(max-width:760px){.cpq-showcase{padding:20px 16px 17px}.cpq-showcase>img{width:100%}.showcase-label>span{font-size:30px}.quick-stats{grid-template-columns:1fr;gap:0}.quick-stats>div{display:flex;align-items:center;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}.quick-stats strong{font-size:46px;letter-spacing:-2.8px;min-width:180px}.quick-stats p{max-width:160px;font-size:12px}.impact-preview{margin-top:15px}.insights,.concepts,.learning-grid{grid-template-columns:1fr}.insights{gap:0}.concepts .image-open{height:370px}.learning-grid{gap:25px}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:18px;margin-top:45px}.feature-row.reverse>div,.feature-row.reverse .product-figure{order:initial}.feature-row>div h3{font-size:29px}.explorations{padding:24px;margin-top:45px}.explorations .section-heading h3{font-size:27px}.wide .image-open{padding:12px}.product-figure .image-open{padding:12px}.product-figure figcaption b{font-size:17px}.reflection{padding:27px;margin-top:40px}.reflection>h3{font-size:28px}.quick-stats strong span{letter-spacing:-1px}.metrics strong{font-size:39px}.section-heading h2{flex-shrink:1}}@media(max-width:380px){.quick-stats strong{font-size:38px;min-width:145px}.quick-stats>div{gap:12px}h1{font-size:49px;letter-spacing:-2.8px}} 

header .project-link{margin-left:auto;margin-right:28px}.resume-nav{font-size:13px}@media(max-width:760px){header .project-link{margin-right:20px}.resume-nav{font-size:12px}}

.decision-story{margin-top:65px;padding-top:36px;border-top:1px solid var(--line)}.decision-story>small,.exploration-heading>small{color:var(--orange);font-size:11px}.decision-story>h3{font-size:36px;letter-spacing:-1.2px;margin:20px 0}.decision-intro,.experience-intro{max-width:820px;font-size:16px;color:var(--muted);margin-bottom:30px}.recording{margin:30px 0 10px}.recording video{display:block;width:100%;height:auto;max-height:720px;aspect-ratio:16/9;object-fit:contain;background:#eef0f2;border:1px solid var(--line);border-radius:5px}.recording figcaption{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:20px;padding:16px 0}.recording figcaption>span{font-size:9px;letter-spacing:1.2px;color:var(--orange)}.recording figcaption>p{font-size:12px;color:var(--muted);margin:0}.recording figcaption>a{font-size:11px;white-space:nowrap;border-bottom:1px solid var(--line)}.evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin:25px 0}.testing-finding{border-top:1px solid var(--line);padding-top:22px}.testing-finding small{font-size:10px;color:var(--orange)}.testing-finding h4{font-size:22px;letter-spacing:-.5px;margin:16px 0 12px}.testing-finding p{font-size:14px;color:var(--muted);margin:0}.exploration-heading{background:#eef0f2;padding:35px;margin-top:65px}.exploration-heading>h3{font-size:33px;letter-spacing:-1px;margin:20px 0}.exploration-heading>p{font-size:15px;color:var(--muted);max-width:760px;margin:0}@media(max-width:760px){.decision-story{margin-top:45px;padding-top:28px}.decision-story>h3{font-size:28px;letter-spacing:-.8px}.decision-intro,.experience-intro{font-size:15px}.recording figcaption{grid-template-columns:1fr;gap:8px}.recording figcaption>a{justify-self:start}.evidence-pair{grid-template-columns:1fr;gap:25px}.testing-finding h4{font-size:21px}.exploration-heading{padding:25px;margin-top:45px}.exploration-heading>h3{font-size:27px}}

.next-project{display:flex;justify-content:space-between;align-items:center;padding:40px 0;border-top:1px solid var(--line);margin-top:60px;gap:20px}.next-project>a{font-size:25px;font-family:Manrope,sans-serif;letter-spacing:-.8px}@media(max-width:760px){.next-project{align-items:start;flex-direction:column}.next-project>a{font-size:23px}}