:root{--ink:#17191e;--muted:#73777e;--quiet:#a09a93;--rule:#e9e8e5;--wash:#f5f4f1;--rail:167px;--ease:cubic-bezier(.22,1,.36,1)}
body{background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body>main{width:min(1100px,calc(100% - var(--rail) - 90px));margin:0 0 0 calc(var(--rail) + 46px);padding:0 0 110px}.side-nav{position:fixed;left:0;top:0;bottom:0;width:var(--rail);padding:48px 22px 32px 39px;border-right:1px solid #f0efed;display:flex;flex-direction:column;gap:0;background:#fff;z-index:8}.side-nav .site-name{font-size:13px;line-height:20px;color:var(--ink);font-weight:500;white-space:nowrap}.side-nav .site-name::before{display:none}.nav-links{display:grid;gap:17px;margin-top:58px}.side-nav .nav-links a{font-size:13px;line-height:18px;color:#8b8e93;width:max-content}.side-nav .nav-links a:hover,.side-nav .nav-links a[aria-current]{color:#17191e}.side-nav .nav-links a[aria-current]::before{top:7px;left:-15px;opacity:1;width:4px;height:4px}.rail-availability{margin-top:auto;font-size:10px;line-height:15px;color:#8c9096}.rail-availability span{font-size:7px;color:#1a1c21;margin-right:5px}.section-title,.case-heading>.section-title{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#9b938b}.eyebrow{font-size:11px;line-height:16px;letter-spacing:.08em;color:#9d958d;font-weight:600;text-transform:uppercase}
a:focus-visible,button:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid #384b83;outline-offset:4px}.intro-section{width:100%;min-height:0;padding:90px 25px 74px;display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:42px}.portrait-frame{width:210px;height:240px;border-radius:14px;background:radial-gradient(circle at 55% 37%,#fff 0,#f0efed 72%);overflow:hidden;display:grid;place-items:end center}.portrait-frame .profile-image{width:100%;height:100%;border-radius:0;object-fit:contain;box-shadow:none;transform:scale(1.1) translateY(9px)}.intro-words{max-width:550px}.intro-words h1{font-size:38px;line-height:1.12;letter-spacing:-.055em;font-weight:600;margin:14px 0}.intro-statement{font-size:20px;line-height:1.42;letter-spacing:-.025em;color:#666a70;max-width:560px}.intro-subline{font-size:13px;line-height:21px;color:#8b8e93;margin-top:17px;max-width:480px}.case-studies-section{margin-top:0;border-top:1px solid var(--rule);padding-top:39px}.case-heading{height:30px}.carousel-controls{gap:8px}.carousel-count{font-size:12px;color:#73777e;margin-right:10px}.carousel-controls button{width:36px;height:36px;background:#f5f5f4;border:0}.carousel-controls button:hover:not(:disabled){background:#eaeae8}.case-card-grid[data-carousel]{margin-top:31px;gap:28px;padding-bottom:26px}.case-card-grid[data-carousel]>.case-card{flex-basis:calc((100% - 28px)/2);padding-bottom:0}.case-card-media{aspect-ratio:1.6;margin:0 0 14px;box-shadow:none;border-radius:12px;background:#f4f3f1}.case-card-title{font-size:17px;line-height:25px;font-weight:500;letter-spacing:-.025em}.case-card-title span{font-size:13px;color:#9da0a5;opacity:0;transition:opacity .2s}.case-card:hover .case-card-title span{opacity:1}.case-card>p{font-size:13px;line-height:20px;max-width:350px;margin-top:4px;color:#747980}.layered-visual{position:relative;display:block;isolation:isolate;overflow:hidden}.layered-visual::before,.layered-visual::after{content:"";position:absolute;border-radius:11px;background:#fff;border:2px solid #fff;box-shadow:0 10px 28px #00000018}.layered-visual::before{width:59%;height:72%;left:22%;top:10%;transform:rotate(-13deg)}.layered-visual::after{width:60%;height:70%;right:5%;top:12%;transform:rotate(10deg)}.visual-front,.visual-back{position:absolute;display:block;overflow:hidden;border-radius:12px;border:2px solid #fff;box-shadow:0 14px 32px #0000001c;z-index:2}.visual-front{width:69%;height:75%;left:16%;top:15%;transform:rotate(-2deg);transition:transform .5s var(--ease)}.visual-back{width:62%;height:70%;right:5%;top:14%;transform:rotate(8deg);z-index:1;transition:transform .5s var(--ease)}.layered-visual:hover .visual-front{transform:translateY(-6px) rotate(-1deg)}.layered-visual:hover .visual-back{transform:translate(7px,-4px) rotate(12deg)}.visual-front img,.visual-back img{width:100%;height:100%;object-fit:cover;object-position:top}.visual-owodex{background:radial-gradient(circle at 32% 25%,#f6f4fc,#e9e7f0 70%)}.visual-padkey{background:radial-gradient(circle at 50% 15%,#f2f1ee,#e1dfdb 80%)}.visual-snowgo{background:radial-gradient(circle at 50% 10%,#e7ecf0,#dbe3e7 80%)}.visual-pageflow{background:radial-gradient(circle at 44% 20%,#f2f0ea,#e7e4dc 80%)}.visual-padkey .visual-front{width:68%;height:72%;left:13%;top:17%;transform:rotate(5deg)}.visual-padkey .visual-back{right:10%;transform:rotate(-8deg)}.visual-snowgo .visual-front{left:12%;transform:rotate(3deg)}.visual-pageflow .visual-front{width:38%;left:30%;transform:rotate(-4deg)}.visual-pageflow .visual-back{width:37%;right:16%;transform:rotate(9deg)}.visual-overline{position:absolute;top:14px;left:17px;z-index:4;color:#666;font-size:9px;letter-spacing:.06em;text-transform:uppercase;background:#fffffff0;border-radius:20px;padding:5px 8px}.personal-section,.notes-section,.contact-section{margin-top:72px;border-top:1px solid var(--rule);padding-top:37px}.section-heading-row{display:flex;justify-content:space-between;align-items:baseline;gap:25px}.section-heading-row p,.section-heading-row>span{font-size:12px;color:#8b8e93}.personal-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 28px;margin-top:25px}.personal-card>a{display:grid;grid-template-columns:47% 1fr;grid-template-rows:auto 1fr;gap:4px 18px;align-items:start}.personal-card .study-preview{grid-row:1/3;width:100%;height:156px;aspect-ratio:auto;margin:0;box-shadow:none;border:1px solid #f0efed;border-radius:10px}.personal-card h3{font-size:14px;line-height:21px;font-weight:500;margin-top:18px}.personal-card a>p{font-size:12px;line-height:18px;color:#7b7f84}.personal-card .type-preview{font-size:82px}.personal-card .type-preview b{font-size:80px}.personal-card .focus-preview .mini-dial{width:92px;height:92px;font-size:18px}.personal-card .focus-preview .mini-dial:after{left:41px}.personal-card .palette-preview i{height:95px}.writing-list{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.writing-list article a{display:grid;grid-template-columns:72px 1fr 16px;gap:14px;text-decoration:none;min-height:82px;align-items:center}.note-art{position:relative;display:block;width:72px;height:78px;background:#e5e1dc;border-radius:7px;overflow:hidden}.note-art i{position:absolute;width:44px;height:56px;background:#faf9f5;border-radius:3px;box-shadow:0 3px 8px #0002;top:12px;left:15px;transform:rotate(12deg)}.note-art i:last-child{left:4px;top:19px;transform:rotate(-10deg)}.note-art-two{background:#dbe0e8}.note-art-two i{background:#66748a}.note-art-two i:last-child{background:#f3f4f6}.note-copy{display:grid;gap:4px}.note-copy small{font-size:9px;letter-spacing:.05em;color:#9d9fa3}.note-copy strong{font-size:13px;font-weight:500;line-height:18px}.note-copy>span{font-size:11px;line-height:16px;color:#8a8e94}.note-arrow{align-self:end;color:#9a9da2}.contact-section{display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:start;min-height:190px}.contact-section .section-title{grid-column:1/-1;margin:0}.contact-section h2{font-size:26px;line-height:34px;font-weight:500;letter-spacing:-.04em}.contact-section>p:not(.section-title){color:#8b8e93;font-size:13px;grid-column:1;grid-row:3}.contact-cta{grid-column:2;grid-row:2/4;background:#1b1c1f;color:#fff!important;border-radius:8px;text-decoration:none!important;font-size:13px!important;padding:13px 17px;align-self:center}.contact-cta span{margin-left:12px}.contact-cta:hover{background:#393b40}.contact-secondary{grid-column:1;grid-row:4;color:#888!important;font-size:12px!important;margin-top:6px}
/* Case-study layout */
.case-page main{padding-top:0}.case-hero{padding:50px 0 0}.case-back{display:inline-block;margin-bottom:28px;font-size:12px;color:#8b8e93}.case-feature{height:360px;border-radius:12px;position:relative;display:grid;grid-template-columns:47% 53%;overflow:hidden;background:#f3f2f0}.feature-copy{position:relative;z-index:2;padding:64px 30px 45px 55px;align-self:center}.feature-copy h1{font-size:clamp(28px,3vw,44px);line-height:1.08;letter-spacing:-.052em;font-weight:600;margin:12px 0 14px;max-width:420px}.feature-copy>p:last-child{font-size:15px;line-height:23px;color:#666a70;max-width:380px}.feature-art{position:relative}.feature-back,.feature-front{position:absolute;display:block;overflow:hidden;border:3px solid #fff;border-radius:14px;background:#fff;box-shadow:0 20px 45px #0002}.feature-back{width:48%;height:75%;top:15%;left:22%;transform:rotate(10deg)}.feature-front{width:49%;height:85%;top:10%;left:38%;transform:rotate(-7deg)}.feature-art img{width:100%;height:100%;object-fit:cover;object-position:top}.visual-pageflow .feature-front,.visual-pageflow .feature-back{width:33%}.visual-pageflow .feature-back{left:29%}.visual-pageflow .feature-front{left:52%}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--rule);padding:25px 8px 30px;margin-bottom:5px}.case-facts>div{padding:0 19px;border-right:1px solid var(--rule);display:grid;gap:6px;align-content:start}.case-facts>div:first-child{padding-left:0}.case-facts>div:last-child{border:0}.case-facts b{font-size:11px;font-weight:600}.case-facts span{font-size:12px;line-height:18px;color:#767b82}.process-section{padding:38px 0 45px;border-bottom:1px solid var(--rule)}.process-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.process-heading h2{font-size:27px;line-height:34px;font-weight:500;letter-spacing:-.04em;margin-top:8px}.process-heading>span{font-size:11px;color:#999ca2;white-space:nowrap}.process-disclaimer{font-size:12px;line-height:19px;color:#8b8e93;margin:10px 0 24px;max-width:600px}.process-stack{display:grid;gap:5px}.process-card{border:1px solid #e9e9e8;border-radius:9px;background:#fff;overflow:hidden}.process-card[open]{box-shadow:0 10px 28px #0000000d}.process-card summary{display:grid;grid-template-columns:31px minmax(180px,1fr) minmax(180px,1.5fr) 100px 16px;gap:15px;align-items:center;min-height:45px;padding:5px 15px;cursor:pointer;list-style:none}.process-card summary::-webkit-details-marker{display:none}.process-card summary:hover{background:#fafaf9}.stage-number{font-size:10px;font-weight:600;border-radius:5px;background:#f1f1f1;display:grid;place-items:center;width:24px;height:24px;color:#666b72}.stage-label{font-size:12px;line-height:17px;font-weight:500}.stage-blurb{font-size:11px;line-height:16px;color:#96999e}.stage-thumb{height:32px;overflow:hidden;border-radius:5px;background:#f4f4f4}.stage-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:.65}.stage-chevron{font-size:17px;line-height:16px;color:#5c6168;transition:transform .2s}.process-card[open] .stage-chevron{transform:rotate(180deg)}.process-card-body{border-top:1px solid #efefee;padding:20px;display:grid;grid-template-columns:1fr minmax(230px,45%);gap:30px}.process-explanation{max-width:450px}.evidence-kind{display:inline-block;font-size:10px;line-height:15px;color:#757a80;background:#f3f3f2;border-radius:4px;padding:3px 6px;margin-bottom:10px}.process-explanation>p{font-size:13px;line-height:20px;color:#535960}.process-explanation>.process-guidance{font-size:11px;color:#a0a3a7;margin-top:12px}.process-artifact{border:0;background:#f5f5f4;border-radius:7px;overflow:hidden;cursor:zoom-in;position:relative}.process-artifact img{width:100%;height:190px;object-fit:cover;object-position:top}.process-artifact>span{display:block;font-size:10px;color:#8b8e93;padding:7px 10px}.case-section{padding:55px 0}.case-section+.case-section{border-top:1px solid var(--rule)}.case-grid{grid-template-columns:180px minmax(0,1fr);gap:40px}.case-grid h2{font-size:16px;line-height:22px;letter-spacing:-.02em}.case-body{max-width:650px}.case-body>p{font-size:13px;line-height:21px;color:#5b6066}.case-body>p:first-child{font-size:14px;line-height:22px;color:#30343a}.case-outcome{border-top:1px solid var(--rule)}.next-case{padding:36px 0 60px}.next-case strong{font-size:24px;line-height:32px}.artifact-dialog{border:0;padding:0;border-radius:10px;max-width:min(880px,90vw);max-height:90vh;box-shadow:0 30px 80px #0004;background:#fff}.artifact-dialog::backdrop{background:#1515159c}.artifact-dialog img{display:block;max-height:80vh;width:auto;max-width:88vw;object-fit:contain}.artifact-dialog button{position:absolute;right:10px;top:10px;border:0;border-radius:50%;width:32px;height:32px;background:#fff;font-size:18px;cursor:pointer}
@media(max-width:1050px){:root{--rail:145px}.side-nav{padding-left:28px}.intro-section{padding-inline:5px;gap:30px}.portrait-frame{width:175px;height:210px}.intro-section{grid-template-columns:175px 1fr}.personal-card>a{grid-template-columns:42% 1fr}.process-card summary{grid-template-columns:31px minmax(160px,1fr) minmax(120px,1.3fr) 55px 16px}}
@media(max-width:760px){body>main{width:calc(100% - 40px);margin:0 auto;padding-bottom:80px}.side-nav{position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--rule);padding:19px 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.side-nav .site-name{font-size:12px}.nav-links{display:flex;gap:12px;margin:0}.side-nav .nav-links a{font-size:11px}.rail-availability{display:none}.side-nav .nav-links a[aria-current]::before{display:none}.intro-section{padding:45px 0 55px;grid-template-columns:125px 1fr;gap:22px}.portrait-frame{width:125px;height:150px}.intro-words h1{font-size:28px;margin:7px 0}.intro-statement{font-size:15px}.intro-subline{display:none}.case-card-grid[data-carousel]>.case-card{flex-basis:calc((100% - 18px)/2)}.case-card-grid[data-carousel]{gap:18px}.personal-grid{grid-template-columns:1fr 1fr;gap:20px}.personal-card>a{display:block}.personal-card .study-preview{height:145px;margin-bottom:10px}.personal-card h3{margin:0}.writing-list{grid-template-columns:1fr}.case-hero{padding-top:25px}.case-feature{height:300px}.feature-copy{padding:30px}.feature-copy h1{font-size:30px}.feature-copy>p:last-child{font-size:12px;line-height:19px}.case-facts{grid-template-columns:repeat(2,1fr);gap:22px}.case-facts>div:nth-child(2){border:0}.case-facts>div:nth-child(3){padding-left:0}.process-card summary{grid-template-columns:28px 1fr 16px;gap:10px}.stage-blurb,.stage-thumb{display:none}.process-card-body{grid-template-columns:1fr}.process-artifact img{height:240px}.case-grid{grid-template-columns:1fr;gap:15px}}
@media(max-width:520px){.nav-links a:nth-child(3){display:none}.intro-section{grid-template-columns:95px 1fr;gap:16px;padding-top:36px}.portrait-frame{width:95px;height:120px}.intro-words h1{font-size:24px}.intro-words .eyebrow{font-size:9px}.intro-statement{font-size:13px;line-height:18px}.case-heading{align-items:center}.case-card-grid[data-carousel]>.case-card{flex-basis:100%}.personal-grid{grid-template-columns:1fr}.personal-card>a{display:grid;grid-template-columns:42% 1fr;gap:4px 14px}.personal-card .study-preview{grid-row:1/3;height:125px;margin:0}.section-heading-row{display:block}.section-heading-row p,.section-heading-row>span{display:block;margin-top:7px}.contact-section{display:block}.contact-section h2{font-size:24px;margin:10px 0}.contact-section>p:not(.section-title){margin-bottom:22px}.contact-cta{display:inline-block}.contact-secondary{display:block;margin-top:18px}.case-feature{height:auto;min-height:450px;display:block}.feature-copy{padding:30px 26px}.feature-copy h1{font-size:31px}.feature-art{height:245px}.feature-back{left:21%}.feature-front{left:45%}.process-heading h2{font-size:23px}.process-heading>span{display:none}.case-facts{padding-top:18px}.case-facts>div{padding-right:8px}.case-facts span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.layered-visual .visual-front,.layered-visual .visual-back{transition:none!important}}
.stage-thumb-empty{display:grid;place-items:center;color:#d0d2d4;font-size:13px}.process-artifact-empty{cursor:default;min-height:110px;display:grid;place-items:center;border:1px dashed #dadcde}.process-artifact-empty span{color:#a5a9ad;font-size:11px}

/* Let the supplied circular portrait and the actual project images define their shapes. */
.portrait-frame{width:210px;height:210px;border-radius:50%;background:none;place-items:center}
.portrait-frame .profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;transform:none}
.case-card-media.layered-visual{background:transparent;border-radius:0}
.layered-visual::before,.layered-visual::after{content:none}
@media(max-width:1050px){.portrait-frame{width:175px;height:175px}}
@media(max-width:760px){.portrait-frame{width:125px;height:125px}}
@media(max-width:520px){.portrait-frame{width:95px;height:95px}}