@import url('about.css');
@font-face{font-family:Inter;src:url('assets/fonts/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--bg:#f6f6f2;--ink:#222421;--muted:#74766f;--line:#d5d6cf;--accent:#f34f2e;--gutter:3.4vw;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}::selection{background:var(--accent);color:white}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;padding:14px;background:var(--ink);color:white;z-index:100}.skip:focus{top:10px}.mono{font-family:'Courier New',monospace;font-size:12px;letter-spacing:.04em}
.header{display:flex;align-items:center;gap:26px;padding:24px var(--gutter);position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{font-family:Inter,sans-serif;font-size:23px;letter-spacing:-.08em;font-weight:600;line-height:1}.language{background:transparent;border:0;padding:8px 0;cursor:pointer;font-size:13px;color:var(--muted)}.language:hover{color:var(--accent)}.header nav{display:flex;gap:30px;margin:auto;font-size:14px}.header nav a{position:relative;padding:8px 0}.header nav a:after{content:'';position:absolute;bottom:0;left:0;height:1px;background:currentColor;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover:after,.header nav a.active:after{transform:scaleX(1)}.contact-nav{font-size:14px;border-bottom:1px solid;padding:8px 0;white-space:nowrap}.contact-nav:hover{color:var(--accent)}
.work-intro{padding:35px var(--gutter) 24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.work-intro h1{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.065em;font-size:clamp(42px,6vw,92px);line-height:1.16;margin:14px 0 0}.work-dot{color:var(--accent)}.work-intro>.mono{padding-bottom:9px;color:var(--muted)}.projects{padding:0 var(--gutter) 80px}.case-index{display:flex;gap:25px;flex-wrap:wrap;padding:18px 0 25px;border-top:1px solid var(--line)}.case-index a{display:flex;gap:9px;font-size:13px;color:var(--muted)}.case-index a span{font-family:'Courier New',monospace;font-size:11px;padding-top:3px}.case-index a:hover,.case-index a.current{color:var(--accent)}.case{margin-bottom:90px;scroll-margin-top:25px}.case-heading{display:flex;align-items:end;justify-content:space-between;padding:18px 0 22px;gap:25px}.case-heading>div{display:flex;align-items:baseline;gap:18px}.case-heading .mono{color:var(--muted);white-space:nowrap}.case-heading h2{font-family:Inter,sans-serif;font-size:clamp(24px,2.7vw,44px);letter-spacing:-.055em;line-height:1.3;font-weight:400;margin:0;overflow-wrap:anywhere}.project-type{font-size:13px;color:var(--muted);white-space:nowrap;padding-bottom:3px}.case-visuals{display:flex;flex-direction:column;gap:22px}.project-visual{margin:0}.project-visual img{height:auto;width:100%;object-fit:contain;background:#e8e8e2}.project-visual figcaption{font-size:13px;color:var(--muted);padding:12px 0}.cover{aspect-ratio:1.8;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;container-type:inline-size}
.red{background:#dce0dc;color:#f33d2b}.credo{background:#d6d1f1;color:#2c2451}.global{background:#bdd9ee;color:#123aea}.club{background:#d9dccd;color:#e8eddf}.koz{background:#e8dfd5;color:#715d47}.demo-ui{width:67%;height:80%;background:#f9f9f4;box-shadow:0 25px 35px #0002;display:flex;flex-direction:column;position:relative;transform:rotate(-3deg);padding:4%;overflow:hidden}.demo-bar{display:flex;justify-content:space-between;font-size:clamp(8px,1cqw,14px);font-weight:600;border-bottom:1px solid currentColor;padding-bottom:12px;gap:20px}.demo-headline{font-size:clamp(40px,8cqw,120px);line-height:.96;letter-spacing:-.065em;font-weight:400;margin:auto 0}.demo-bottom{font-size:clamp(8px,.85cqw,12px);display:flex;justify-content:space-between;gap:15px}.red .demo-headline{font-family:Georgia,serif;letter-spacing:-.065em;font-style:italic}.credo .demo-ui{transform:rotate(4deg);background:#302650;color:#d6d1f1;width:65%}.credo .demo-headline{font-family:Inter,sans-serif;font-size:clamp(40px,11cqw,160px);letter-spacing:-.09em;font-weight:400}.global .demo-ui{background:#123aea;color:#d6eeff}.global .demo-headline{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(32px,7cqw,100px);line-height:1}.global .demo-headline small{font-family:Inter,sans-serif;font-size:.23em;display:block;margin-top:20px;letter-spacing:0;font-weight:400}.club .demo-ui{background:#30362c;color:#f2efde;transform:rotate(3deg)}.club .demo-headline{font-family:Georgia,serif;font-size:clamp(40px,8cqw,115px);letter-spacing:-.05em}.koz .demo-ui{background:#eee8df;color:#715d47}.koz .demo-headline{font-family:Georgia,serif;font-size:clamp(32px,6cqw,86px);letter-spacing:-.04em}.koz .demo-headline strong{font-weight:400;display:block;font-size:1.6em;line-height:1}
.case-description{margin-top:0}.case-description>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;border-bottom:1px solid var(--line);padding:20px 0;font-size:14px}.case-description>summary::-webkit-details-marker{display:none}.case-description>summary:hover{color:var(--accent)}.description-symbol:before{content:'+';font-size:24px;font-weight:300}.case-description[open] .description-symbol:before{content:'−'}.case-reading{max-width:760px;margin:55px auto 65px}.case-summary{font-family:Inter,sans-serif;font-weight:350;font-size:clamp(25px,2.7vw,39px);line-height:1.45;letter-spacing:-.035em;margin:0 0 36px}.case-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:20px;gap:30px;margin:0 0 45px}.case-meta dt{font-size:13px;color:var(--muted);margin-bottom:10px}.case-meta dd{font-size:15px;margin:0}.case-story h3,.case-process>h3{font-size:14px;color:var(--muted);font-weight:400;margin:32px 0 15px}.case-story p{font-size:18px;line-height:1.85;margin:0;max-width:66ch}.case-process ol{list-style:decimal-leading-zero;padding:0 0 0 26px;margin:20px 0}.case-process li{padding-left:10px;margin-bottom:25px}.case-process li::marker{font-family:'Courier New',monospace;font-size:13px;color:var(--accent)}.case-process h4{font-size:18px;font-weight:500;margin:0 0 9px}.case-process p{font-size:16px;line-height:1.8;margin:0}.draft-note{font-size:12px;color:var(--muted);line-height:1.6;border-left:2px solid var(--line);padding-left:12px;margin-top:30px}
footer{padding:30px var(--gutter) 24px;background:#e9eae4}.footer-top{display:flex;justify-content:space-between;font-size:14px}.footer-cta{display:block;font-family:Inter,sans-serif;font-size:clamp(30px,4.5vw,68px);font-weight:400;letter-spacing:-.055em;line-height:1.3;padding:30px 0 40px;transition:color .3s}.footer-cta:hover{color:var(--accent)}.footer-bottom{border-top:1px solid #c7c8c1;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.footer-bottom a:hover{color:var(--accent)}.page-curtain{position:fixed;inset:0;background:var(--accent);z-index:100;transform:translateY(100%);pointer-events:none}.text-link{font-size:14px;border-bottom:1px solid;padding-bottom:4px}.about-hero h1,.about-text h2{font-family:Inter,sans-serif;letter-spacing:-.055em}.about-hero h1{font-size:clamp(44px,7vw,105px);line-height:1.2}.about-text h2{font-size:clamp(28px,3.5vw,52px);line-height:1.35}
@media(max-width:999px){.work-intro{padding-top:30px}.work-intro h1{font-size:60px}.case-index{gap:16px 22px}.project-type{white-space:normal;text-align:right;max-width:160px}.case-heading h2{font-size:25px}.about-composition{grid-template-columns:1fr 1.6fr}.about-side{display:none}.about-text,.expertise{grid-template-columns:1fr 3fr;gap:30px}.portrait-strip .photo{height:400px}}
@media(max-width:600px){:root{--gutter:5vw}.header{padding:18px var(--gutter);gap:14px;flex-wrap:wrap}.language{font-size:12px}.brand{font-size:18px}.header nav{gap:16px;margin-left:auto;margin-right:0;font-size:12px}.contact-nav{display:block;width:100%;font-size:12px;text-align:right;border:0;padding:4px 0 0}.work-intro{padding-top:22px;align-items:start;gap:14px;flex-direction:column;padding-bottom:16px}.work-intro h1{font-size:44px;margin:10px 0 0}.work-intro .mono{font-size:10px}.work-intro>.mono{display:none}.case-index{gap:12px 17px;padding:15px 0 20px}.case-index a{font-size:12px;gap:6px}.case-index a span{font-size:10px;padding-top:3px}.projects{padding-bottom:20px}.case{margin-bottom:50px}.case-heading{display:block;padding-top:12px;padding-bottom:15px}.case-heading>div{gap:12px}.case-heading .mono{font-size:10px}.case-heading h2{font-size:22px}.project-type{display:block;text-align:left;font-size:12px;margin:8px 0 0 58px;max-width:none}.cover{aspect-ratio:1.12}.demo-ui{width:79%;height:77%;padding:5%}.demo-headline{font-size:12cqw}.credo .demo-ui{width:78%}.credo .demo-headline{font-size:15cqw}.global .demo-headline{font-size:9.2cqw}.club .demo-headline{font-size:12cqw}.koz .demo-headline{font-size:9cqw}.demo-bar,.demo-bottom{font-size:7px;gap:12px}.case-visuals{gap:15px}.case-reading{margin:32px auto 45px}.case-summary{font-size:23px;line-height:1.5;margin-bottom:28px}.case-meta{gap:20px}.case-meta dd{font-size:13px}.case-meta dt{font-size:12px}.case-story p{font-size:16px;line-height:1.8}.case-description>summary{font-size:13px;padding:16px 0}.case-process p{font-size:15px}.footer-top{font-size:12px;gap:20px}.footer-top .mono{font-size:10px}.footer-cta{font-size:8vw;padding:25px 0 30px}.footer-bottom{flex-wrap:wrap;font-size:11px;gap:15px}.footer-bottom>span{width:100%}.footer-bottom>a:last-child{margin-left:auto}.about-hero{padding-top:35px;padding-bottom:55px}.about-label{font-size:11px;gap:20px;margin-bottom:30px}.about-hero h1{font-size:8.8vw;line-height:1.3;overflow-wrap:anywhere}.about-composition{display:flex;flex-direction:column;margin-top:30px;gap:30px}.about-lead{padding:0;font-size:21px;max-width:95%;margin:0}.about-lead .mono{margin-top:20px}.about-photo{height:450px;max-height:none;width:100%}.about-text,.expertise{grid-template-columns:1fr;gap:26px;padding-bottom:65px}.about-text h2{font-size:27px;margin-bottom:25px}.about-columns{grid-template-columns:1fr;gap:22px}.about-columns p{font-size:16px}.expertise-row{grid-template-columns:25px 1fr;gap:15px;padding:22px 0}.expertise-row h3{font-size:23px}.expertise-row p{grid-column:2;font-size:14px}.portrait-strip{gap:14px;padding-bottom:65px}.portrait-strip .photo{height:260px}.portrait-strip figcaption{font-size:10px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Editorial revision: quiet type, open narratives and uninterrupted visual fields. */
:root{--bg:#fcfcfa;--ink:#20211f;--line:#e4e5df;--muted:#71736d;--gutter:4.5vw}
.header{border:0;padding-top:30px;padding-bottom:30px;gap:32px}.brand{font-weight:500;font-size:29px;letter-spacing:-.07em}.header nav{margin-left:auto;margin-right:auto}.language{padding:8px 0;color:var(--ink);font-size:13px}.contact-nav{border:0;font-size:13px}.header .language{margin-right:-14px}.header nav a:after{background:var(--muted)}
.work-intro{padding-top:30px;padding-bottom:22px;align-items:center}.work-intro>div{display:flex;gap:25px;align-items:center}.work-intro h1{font-size:18px;letter-spacing:-.025em;line-height:1.5;margin:0;font-weight:400;order:-1}.work-dot{display:none}.work-intro .mono{font-family:Inter,sans-serif;font-size:11px;color:var(--muted);letter-spacing:.03em}.work-intro>.mono{padding:0}
.case-index{border:0;gap:25px;padding:0 0 44px}.case-index a{font-size:12px}.case-index a span{display:none}.projects{padding-bottom:0}.case{margin-bottom:150px}.case-heading{padding:12px 0 40px;align-items:end;gap:40px}.case-heading>div{gap:30px;align-items:baseline;min-width:0}.case-heading .mono{font-family:Inter,sans-serif;font-size:12px;color:var(--muted)}.case-heading h2{font-size:clamp(52px,7.3vw,120px);font-weight:400;line-height:1.06;letter-spacing:-.058em;overflow-wrap:normal}.title-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em;margin-bottom:-.1em}.title-word>span{display:inline-block}.project-type{font-size:12px;max-width:180px;white-space:normal;text-align:right;line-height:1.6;padding-bottom:10px}
.case-visuals{gap:35px}.cover{aspect-ratio:1.7}.demo-ui,.credo .demo-ui,.global .demo-ui,.club .demo-ui,.koz .demo-ui{width:100%;height:100%;padding:5%;box-shadow:none;transform:none;background:transparent;color:inherit}.demo-bar{border:0;font-weight:400;font-size:clamp(8px,.85cqw,13px)}.demo-bottom{font-size:clamp(8px,.85cqw,13px)}.demo-headline,.red .demo-headline,.credo .demo-headline,.club .demo-headline,.koz .demo-headline{font-family:Inter,sans-serif;letter-spacing:-.06em;font-style:normal;font-weight:400;line-height:1;font-size:clamp(50px,12cqw,185px)}.red{background:#f0f1ed;color:#e54a32}.credo{background:#e7e2f0;color:#4a365f}.global{background:#244ddb;color:#f0f3ff}.club{background:#e7e9e1;color:#353f34}.koz{background:#f1ebe3;color:#786b5b}.credo .demo-headline{text-align:center;font-weight:350;font-size:clamp(65px,17cqw,255px)}.global .demo-headline{font-family:Inter,sans-serif;font-size:clamp(45px,12cqw,180px);line-height:.92;letter-spacing:-.055em;font-weight:500}.global .demo-headline small{font-family:Inter,sans-serif;font-size:.15em;margin-top:30px}.club .demo-headline{font-weight:350}.koz .demo-headline{font-size:clamp(45px,9cqw,140px)}.koz .demo-headline strong{font-weight:300;font-size:1.8em}
.case-description{margin:0}.case-reading{max-width:1000px;margin:100px auto 0;padding:0 4vw}.case-summary{font-size:clamp(30px,3.2vw,48px);line-height:1.25;font-weight:400;letter-spacing:-.04em;max-width:24ch;margin:0 0 60px}.case-meta{border:0;gap:40px;padding:0;margin-bottom:65px}.case-meta dt{font-size:12px}.case-meta dd{font-size:14px}.case-story{display:block;max-width:680px;margin-left:auto}.case-story section{margin-bottom:48px}.case-story h3{margin:0 0 20px;font-size:12px}.case-story p{font-size:17px;line-height:1.85}.case-process{margin-top:75px}.case-process>h3{font-size:13px;margin-bottom:32px;color:var(--ink)}.case-process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;padding:0;counter-reset:steps}.case-process li{counter-increment:steps;border-top:1px solid var(--line);padding:22px 0 0;margin:0}.case-process li:before{content:'0' counter(steps);font-size:12px;color:var(--muted);display:block;margin-bottom:35px}.case-process h4{font-size:18px;font-weight:400;letter-spacing:-.02em}.case-process p{font-size:14px;line-height:1.8}.draft-note{margin-top:40px;font-size:11px;border:0;padding:0;max-width:70ch}
footer{background:transparent;border-top:1px solid var(--line);padding-top:50px}.footer-cta{font-size:clamp(35px,6vw,95px);font-weight:400;letter-spacing:-.05em;padding:45px 0 65px}.footer-bottom{border-color:var(--line)}.about-hero h1,.about-text h2{font-weight:400;letter-spacing:-.05em}
@media(max-width:999px){.case-heading h2{font-size:7.5vw}.case-heading>div{gap:20px}.case-reading{padding:0 3vw;margin-top:75px}.case-process ol{gap:25px}.case-story{margin-left:0}.case{margin-bottom:100px}}
@media(max-width:600px){.header{display:grid;grid-template-columns:1fr auto auto;gap:18px 20px;padding-top:22px;padding-bottom:22px}.brand{font-size:27px}.header nav{grid-row:2;grid-column:1/-1;justify-content:start;margin:0;gap:24px;font-size:13px}.header .language{grid-row:1;grid-column:2;margin:0;font-size:12px}.contact-nav{grid-row:1;grid-column:3;width:auto;padding:8px 0;font-size:12px}.work-intro{padding-top:18px;padding-bottom:20px}.work-intro>div{gap:18px}.work-intro h1{font-size:16px;margin:0}.work-intro .mono{font-size:9px}.case-index{gap:12px 20px;padding-bottom:32px}.case-index a{font-size:11px}.case-heading{padding-bottom:25px;display:block}.case-heading>div{gap:14px;align-items:baseline}.case-heading .mono{font-size:10px}.case-heading h2{font-size:11vw;line-height:1.12;letter-spacing:-.05em}.project-type{margin:14px 0 0 38px;text-align:left;font-size:11px;padding:0;max-width:none}.cover{aspect-ratio:1.12}.demo-ui,.credo .demo-ui,.global .demo-ui,.club .demo-ui,.koz .demo-ui{padding:7%}.demo-headline,.red .demo-headline,.club .demo-headline{font-size:17cqw}.credo .demo-headline{font-size:23cqw}.global .demo-headline{font-size:16cqw}.koz .demo-headline{font-size:12cqw}.demo-bar,.demo-bottom{font-size:7px}.case-visuals{gap:22px}.case-reading{margin-top:45px;padding:0 3vw}.case-summary{font-size:29px;line-height:1.3;margin-bottom:35px}.case-meta{gap:25px;margin-bottom:45px}.case-meta dt{font-size:11px}.case-meta dd{font-size:12px}.case-story section{margin-bottom:36px}.case-story p{font-size:16px;line-height:1.8}.case-process{margin-top:48px}.case-process ol{grid-template-columns:1fr;gap:28px}.case-process li:before{margin-bottom:15px}.case-process h4{font-size:19px}.case-process p{font-size:15px}.case{margin-bottom:85px}.footer-cta{font-size:9vw;padding:30px 0 45px}}

.project-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 0 45px}.project-toolbar h1{font-size:14px;font-weight:400;margin:0;color:var(--muted)}#project-jump{font:inherit;font-size:13px;color:var(--muted);background:transparent;border:0;padding:8px 4px;max-width:230px;cursor:pointer}.case-heading{padding-bottom:20px}.case-heading h2{overflow:visible;line-height:1.22;font-size:clamp(45px,6vw,98px);padding:0 .03em .08em 0}.case-heading>div{align-items:baseline}.case-lead{font-size:clamp(20px,2vw,29px);letter-spacing:-.025em;line-height:1.5;max-width:38ch;margin:0 0 45px 44px}.case-chapter{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);gap:5vw;align-items:start;margin-bottom:80px}.chapter-copy{padding-top:12px}.chapter-copy h3{font-size:12px;font-weight:400;color:var(--muted);margin:0 0 24px}.chapter-copy p{font-size:17px;line-height:1.8;margin:0}.chapter-copy .case-meta{grid-template-columns:1fr;margin:35px 0 0;gap:20px}.chapter-solution{grid-template-columns:minmax(240px,1fr) minmax(0,2.2fr)}.chapter-process{grid-template-columns:minmax(240px,1fr) minmax(0,2.2fr)}.chapter-process .case-process{margin-top:0}.chapter-process .case-process ol{grid-template-columns:1fr;gap:30px}.chapter-process .case-process li:before{margin-bottom:14px}.text-only{display:block;max-width:720px;margin-left:auto;margin-right:0}.text-only.chapter-process{max-width:none;margin:0}.text-only.chapter-process .case-process ol{grid-template-columns:repeat(3,1fr);gap:40px}.chapter-context .cover{aspect-ratio:1.3}.draft-note{margin-top:45px}.case{padding-bottom:75px;border-bottom:1px solid var(--line)}.case:last-child{border:0}.case-visuals{min-width:0}.chapter-visuals .project-visual img{height:auto}
@media(max-width:999px){.case-chapter{grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr);gap:30px}.chapter-solution,.chapter-process{grid-template-columns:minmax(210px,1fr) minmax(0,1.6fr)}.chapter-copy p{font-size:16px}.case-lead{margin-left:38px}.text-only{display:block}.text-only.chapter-process .case-process ol{gap:25px}}
@media(max-width:600px){.project-toolbar{padding:16px 0 25px;gap:12px}.project-toolbar h1{font-size:12px}#project-jump{font-size:12px;max-width:160px}.case-heading h2{font-size:10.5vw;line-height:1.25}.case-lead{font-size:19px;margin:0 0 30px 0}.case-chapter,.chapter-solution,.chapter-process{display:flex;flex-direction:column;gap:25px;margin-bottom:42px}.chapter-context .chapter-copy{order:-1}.chapter-copy{padding:0;width:100%}.chapter-copy h3{margin-bottom:15px}.chapter-copy p{font-size:16px}.chapter-copy .case-meta{grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.chapter-visuals{width:100%}.chapter-context .cover{aspect-ratio:1.12}.text-only.chapter-process .case-process ol{grid-template-columns:1fr;gap:25px}.case{padding-bottom:40px;margin-bottom:50px}.case-heading{padding-bottom:15px}.case-process{width:100%}}
@media(max-width:600px){.chapter-context .chapter-copy{order:0}}
.visual-mobile{width:min(100%,375px);margin-inline:auto}.visual-mobile img{border-radius:18px}.chapter-visuals:has(.visual-mobile){padding:36px;background:#efefea}.chapter-visuals:has(.visual-mobile) .project-visual figcaption{text-align:center}
@media(max-width:600px){.chapter-visuals:has(.visual-mobile){padding:24px}.visual-mobile{width:min(100%,320px)}}

/* Portfolio opening and a consistent editorial reading column. */
@media(max-width:600px){.intro-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-project:nth-child(3){display:none}}
.portfolio-intro{padding:60px var(--gutter) 100px}.intro-label{display:flex;justify-content:space-between;gap:25px;font-size:13px}.intro-label span:last-child{color:var(--muted);font-size:11px;letter-spacing:.04em}.portfolio-intro h1{font-size:clamp(58px,7.4vw,140px);line-height:1.13;font-weight:400;letter-spacing:-.065em;margin:65px 0 35px}.portfolio-intro h1 span{color:#888b83}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:60px}.intro-bottom p{font-size:16px;line-height:1.6;margin:0}.intro-explore{display:flex;gap:35px;align-items:center;font-size:14px}.intro-explore>span:last-child{font-size:36px;transition:transform .3s}.intro-explore:hover>span:last-child{transform:translate(5px,5px)}.intro-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.intro-project{display:grid;grid-template-columns:1fr auto;gap:15px;font-size:12px}.intro-project-image{grid-column:1/-1;aspect-ratio:1.75;overflow:hidden;background:#e9e9e3;padding:24px}.intro-project-image img{height:100%;object-fit:contain;transition:filter .4s}.intro-project:hover .intro-project-image img{filter:brightness(1.04)}.intro-project:nth-child(2){padding-top:45px}.intro-project:nth-child(3){padding-top:90px}.project-toolbar{border-top:1px solid var(--line);padding:28px 0 80px}.project-toolbar h2{font-size:13px;font-weight:400;margin:0;color:var(--muted)}.case-heading h2{font-size:clamp(40px,4.7vw,78px);line-height:1.25}.case-heading{align-items:center}.case-lead{font-size:clamp(21px,1.65vw,28px);margin:8px 0 70px 44px;max-width:48ch}.case-chapter,.chapter-solution,.chapter-process{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.4fr);gap:7vw;margin-bottom:90px;align-items:start}.chapter-copy,.case-chapter>.case-process{grid-column:1;grid-row:1;padding-top:25px}.chapter-visuals{grid-column:2;grid-row:1}.chapter-copy p{font-size:15px;line-height:1.85}.chapter-copy h3,.case-process>h3{font-size:11px;color:var(--muted);margin-top:0}.case-process h4{font-size:17px}.case-process p{font-size:14px}.chapter-context .chapter-copy{order:0}.case-visuals{gap:65px}.project-visual,.visual-mobile{width:100%;margin:0}.visual-mat{padding:clamp(28px,5vw,90px);background:#eceee8;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:380px}.project-visual .visual-mat img{width:100%;height:auto;object-fit:contain;background:transparent;box-shadow:0 12px 30px #2224210b}.visual-mobile .visual-mat{padding:60px 40px}.visual-mobile .visual-mat img{width:min(100%,300px);border-radius:14px}.project-visual figcaption{display:flex;gap:20px;font-size:11px;padding:18px 0;color:var(--muted)}.visual-number{font-variant-numeric:tabular-nums;opacity:.65}.chapter-visuals:has(.visual-mobile){padding:0;background:transparent}.chapter-visuals:has(.visual-mobile) .project-visual figcaption{text-align:left}.case{margin-bottom:100px;padding-bottom:50px}.case:focus-visible{outline:none}.case:focus-visible .case-heading h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:10px}.draft-note{margin-left:calc(29.4% + 2vw);max-width:75ch}.case-meta dt{font-size:10px}.case-meta dd{font-size:12px}.text-only{display:block;max-width:none}.text-only .chapter-copy{max-width:360px}#credo .visual-mat{background:#e9ebed}#global-digital .visual-mat{background:#e9edf1}#mens-club .visual-mat{background:#eeeae3}#kozikhinsky .visual-mat{background:#eeeae5}
@media(max-width:999px){.portfolio-intro{padding-top:40px;padding-bottom:70px}.portfolio-intro h1{font-size:8vw}.intro-projects{gap:20px}.intro-project-image{padding:14px}.case-chapter,.chapter-solution,.chapter-process{grid-template-columns:minmax(190px,1fr) minmax(0,1.8fr);gap:35px}.visual-mat{padding:30px;min-height:280px}.chapter-copy p{font-size:14px}.case-lead{margin-bottom:50px}}
@media(max-width:600px){.portfolio-intro{padding:25px var(--gutter) 65px}.intro-label{display:block;font-size:13px}.intro-label span{display:block}.intro-label span:last-child{margin-top:10px;font-size:9px}.portfolio-intro h1{font-size:10.1vw;letter-spacing:-.055em;line-height:1.2;margin:42px 0 28px}.intro-bottom{align-items:start;margin-bottom:30px;gap:20px}.intro-bottom p{font-size:12px;max-width:22ch}.intro-explore{font-size:11px;gap:12px}.intro-explore>span:last-child{font-size:25px}.intro-projects{gap:10px}.intro-project{font-size:9px;gap:10px}.intro-project-image{aspect-ratio:1.25;padding:7px}.intro-project:nth-child(2){padding-top:22px}.intro-project:nth-child(3){padding-top:44px}.project-toolbar{padding:20px 0 40px}.case-heading h2{font-size:10vw}.case-lead{font-size:18px;margin:10px 0 35px}.case-chapter,.chapter-solution,.chapter-process{display:flex;flex-direction:column;gap:25px;margin-bottom:50px}.chapter-copy,.case-chapter>.case-process{order:0;padding:0}.chapter-context .chapter-copy{order:0}.chapter-visuals{order:1}.chapter-copy p{font-size:15px}.case-process p{font-size:14px}.case-visuals{gap:30px}.visual-mat{padding:24px;min-height:230px}.visual-mobile .visual-mat{padding:35px 28px}.visual-mobile .visual-mat img{width:min(100%,250px)}.draft-note{margin-left:0}.case{margin-bottom:60px;padding-bottom:30px}.chapter-copy .case-meta{margin-bottom:0}.project-type{white-space:normal}}
@media(max-width:600px){.intro-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-project:nth-child(3){display:none}}
/* Gallery-led opening, complete project index, generous case artboards. */
.portfolio-intro{padding-top:40px;padding-bottom:100px}.portfolio-intro h1{font-size:clamp(35px,3.5vw,58px);line-height:1.16;letter-spacing:-.05em;margin:35px 0 0;max-width:26ch}.intro-projects{position:relative;display:block;height:clamp(490px,38vw,680px);margin:0 0 35px;isolation:isolate}.intro-project{display:grid;position:absolute;gap:14px;font-size:11px;padding:0!important;transform-origin:center;transition:filter .4s}.intro-project-image{padding:0;aspect-ratio:auto;background:transparent;overflow:visible;box-shadow:0 18px 45px #22242112}.intro-project .screen-crop{width:100%;overflow:hidden;background:#eceee8}.screen-crop{overflow:hidden;width:100%;position:relative;flex-shrink:0}.screen-crop img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;background:transparent;margin:0;transition:none}.intro-project:hover{z-index:10!important}.intro-project:hover .intro-project-image img{filter:none}.gallery-red-path{left:0;top:35px;width:28%;z-index:2}.gallery-credo{left:29%;top:110px;width:40%;z-index:5}.gallery-global-digital{left:72%;top:40px;width:28%;z-index:3}.gallery-mens-club{left:7%;top:280px;width:16%;z-index:4}.gallery-mens-club .intro-project-image{padding:18px;background:#eeeae3;box-shadow:none}.gallery-mens-club .screen-crop{max-width:100px;margin:auto}.gallery-kozikhinsky{left:73%;top:290px;width:27%;z-index:4}.intro-bottom{margin:45px 0 0;padding-top:22px;border-top:1px solid var(--line)}.intro-bottom p{font-size:13px}.intro-explore{font-size:13px}.project-overview{padding-bottom:130px;scroll-margin-top:30px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:90px 60px}.work-card{min-width:0;display:block}.work-card-image{aspect-ratio:1.45;background:#eceee8;display:flex;align-items:center;justify-content:center;padding:45px;overflow:hidden}.work-card-image .screen-crop{max-width:100%}.work-card:nth-child(4) .screen-crop{max-width:150px}.work-card:nth-child(2) .work-card-image{background:#e9ebed}.work-card:nth-child(3) .work-card-image{background:#e9edf1}.work-card:nth-child(4) .work-card-image{background:#eeeae3}.work-card:nth-child(5) .work-card-image{background:#eeeae5}.work-card-meta{display:flex;gap:18px;align-items:baseline;margin-top:24px}.work-card-meta h3{font-size:24px;letter-spacing:-.035em;font-weight:400;margin:0;flex:1}.work-card-meta .mono{font-size:10px;color:var(--muted)}.work-card-meta>span:last-child{font-size:23px}.work-card p{font-size:12px;color:var(--muted);margin:12px 0 0 30px}.case-studies .project-toolbar{padding-bottom:100px}.case-chapter,.chapter-solution,.chapter-process{margin-bottom:125px;gap:8vw;grid-template-columns:minmax(210px,1fr) minmax(0,2.5fr)}.case-visuals{gap:85px}.visual-mat{padding:clamp(40px,6vw,110px);min-height:460px}.visual-mat .screen-crop{box-shadow:0 12px 32px #2224210a}.project-visual .visual-mat img{box-shadow:none}.visual-mobile .visual-mat .screen-crop{width:min(100%,280px);border-radius:14px}.visual-mobile .visual-mat img{width:100%;border-radius:0}.visual-dialog .visual-mat .screen-crop{width:min(100%,340px)}.case{margin-bottom:160px}.case-lead{margin-bottom:95px}.case-heading h2{font-size:clamp(38px,4.5vw,76px)}
@media(max-width:1100px) and (min-width:601px){.intro-projects{height:510px}.gallery-mens-club{top:230px}.gallery-kozikhinsky{top:270px}.work-grid{gap:70px 35px}.work-card-image{padding:30px}.visual-mat{padding:40px;min-height:320px}}
@media(max-width:600px){.portfolio-intro{padding:25px var(--gutter) 65px}.portfolio-intro h1{font-size:29px;margin:25px 0 35px}.intro-projects{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 16px;margin:0}.intro-project{position:static;display:grid!important;width:auto;transform:none!important;font-size:10px}.gallery-credo{grid-column:1/-1;grid-row:1}.gallery-mens-club .intro-project-image{padding:20px}.gallery-mens-club .screen-crop{max-width:75px}.intro-project-image{display:flex;align-items:center;min-height:110px;background:#eceee8}.intro-bottom{margin-top:40px;gap:20px}.intro-bottom p{font-size:11px}.intro-explore{font-size:11px}.work-grid{grid-template-columns:1fr;gap:50px}.work-card-image{padding:28px;aspect-ratio:1.35}.work-card-meta h3{font-size:22px}.project-overview{padding-bottom:70px}.case-studies .project-toolbar{padding-bottom:45px}.case-chapter,.chapter-solution,.chapter-process{display:flex;gap:30px;margin-bottom:70px}.case-visuals{gap:40px}.visual-mat{padding:30px;min-height:260px}.visual-mobile .visual-mat{padding:40px 30px}.visual-mobile .visual-mat .screen-crop{width:min(100%,230px)}.case{margin-bottom:85px}.case-lead{margin-bottom:40px}.case-heading h2{font-size:10vw}}
@media(min-width:601px){.intro-projects{height:clamp(620px,40vw,760px)}.gallery-kozikhinsky{top:350px}}
/* A filmstrip composition inspired by Mario Roudil, with Detroit's changes of scale. */
.portfolio-intro{padding:35px var(--gutter) 75px}.portfolio-intro h1{font-size:clamp(72px,10.8vw,210px);font-weight:400;line-height:1.1;letter-spacing:-.075em;margin:18px 0 40px;max-width:none}.portfolio-intro h1 span{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.085em;color:var(--ink)}
.gallery-stage{position:relative;height:clamp(340px,37vh,510px);margin:40px 0 0;overflow:visible}
.gallery-stage .intro-projects{position:relative;display:flex;align-items:center;gap:14px;height:100%;margin:0;isolation:auto}
.gallery-stage .intro-project{position:relative;left:auto;top:auto;width:auto;min-width:0;flex:1 1 0;display:grid;grid-template-columns:1fr auto;gap:14px;margin:0;padding:0!important;background:transparent;box-shadow:none;transform:none;font-size:11px;will-change:flex-grow}
.gallery-stage .intro-project:hover{z-index:auto!important}.gallery-stage .intro-project-image{padding:0;background:transparent;box-shadow:none;aspect-ratio:1.55;min-height:0;height:auto;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gallery-stage .screen-crop{width:100%;max-width:100%;background:transparent}.gallery-stage .gallery-mens-club .intro-project-image{background:#eeeae3;padding:10px}.gallery-stage .gallery-mens-club .screen-crop{width:27%;max-width:none}.gallery-stage .intro-project>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-stage .intro-project>span:last-child{font-size:15px}
.gallery-links{display:none}.gallery-progress{position:absolute;bottom:0;left:0;right:0;display:flex;gap:20px;align-items:center;font-size:10px;color:var(--muted)}.gallery-progress>span:first-child{font-size:11px;font-variant-numeric:tabular-nums}.gallery-progress>span:last-child{margin-left:auto;font-size:18px}
.intro-bottom{margin-top:0;margin-bottom:0;padding-top:20px}.case-lead{margin-left:0}.project-type{margin-left:0}
@media(max-width:899px){.portfolio-intro{padding-top:25px}.gallery-stage{height:auto;margin-top:45px}.gallery-stage .intro-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 16px;height:auto}.gallery-stage .intro-project{position:relative;width:100%;display:grid!important;transform:none!important;font-size:10px}.gallery-stage .intro-project:first-child{grid-column:1/-1}.gallery-stage .intro-project-image{aspect-ratio:1.55}.gallery-stage .gallery-mens-club .screen-crop{width:27%;max-width:none}.gallery-progress{position:relative;margin-top:30px}.gallery-progress>span:nth-child(2){font-size:9px}.portfolio-intro h1{font-size:clamp(50px,10vw,95px);margin:35px 0 30px;letter-spacing:-.065em}.portfolio-intro h1 span{letter-spacing:-.08em}}
@media(prefers-reduced-motion:reduce){.gallery-stage .intro-project{will-change:auto}}
@media(min-width:900px){.gallery-stage .intro-projects{height:calc(100% - 75px)}}@media(max-width:899px){.gallery-progress>span:nth-child(2){display:none}}

@media(max-width:899px){.gallery-stage .intro-project{grid-column:auto;grid-row:auto}.gallery-stage .intro-project:first-child{grid-column:1/-1}}