@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap";.media-gallery{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:auto;gap:14px}.media-gallery .media-asset:first-child,.media-gallery .media-asset:nth-child(7){grid-area:span 2/span 4}.media-gallery .media-asset:nth-child(4),.media-gallery .media-asset:nth-child(9){grid-column:span 3}.media-gallery .media-asset:first-child .media-thumb,.media-gallery .media-asset:nth-child(7) .media-thumb,.media-gallery .media-thumb{aspect-ratio:1;height:auto}.media-gallery .media-thumb img,.media-gallery .media-thumb video,.media-gallery .media-asset.image .media-thumb img{object-fit:contain;width:100%;height:100%}@media (width<=950px){.media-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.media-gallery .media-asset,.media-gallery .media-asset:nth-child(3),.media-gallery .media-asset:nth-child(4),.media-gallery .media-asset:nth-child(6),.media-gallery .media-asset:nth-child(9){grid-column:span 2}.media-gallery .media-asset:first-child,.media-gallery .media-asset:nth-child(7){grid-column:span 4}}@media (width<=600px){.about#about{padding-top:110px}.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-gallery .media-asset,.media-gallery .media-asset:first-child,.media-gallery .media-asset:nth-child(3),.media-gallery .media-asset:nth-child(4),.media-gallery .media-asset:nth-child(6),.media-gallery .media-asset:nth-child(7),.media-gallery .media-asset:nth-child(9){grid-column:span 1}.media-gallery .media-asset:first-child,.media-gallery .media-asset:nth-child(6){grid-column:span 2}}.case-hero.text-only{justify-content:flex-end;min-height:58vh;padding:120px clamp(24px,8vw,120px) 70px}.case-hero.text-only h2{letter-spacing:-.08em;max-width:none;margin:28px 0 0;font-size:clamp(80px,16vw,240px);line-height:.75}.case-hero.text-only>p{letter-spacing:.17em;text-transform:uppercase;margin:0;font-size:10px}.media-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.media-gallery .media-asset,.media-gallery .media-asset:nth-child(3),.media-gallery .media-asset:nth-child(6),.media-gallery .media-asset:nth-child(7){grid-column:span 1}.media-thumb{cursor:zoom-in;background:#d9d5cc;border:0;width:100%;height:180px;padding:0;display:block;position:relative;overflow:hidden}.media-thumb img,.media-thumb video,.media-gallery .media-asset.image .media-thumb img{aspect-ratio:auto;object-fit:contain;width:100%;height:100%;max-height:none;display:block}.media-thumb video{object-fit:cover}.media-thumb:hover img,.media-thumb:hover video{transform:scale(1.025)}.media-thumb img,.media-thumb video{transition:transform .25s}.play-mark{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#111111c7;border-radius:100px;padding:7px 11px;font-size:10px;position:absolute;bottom:10px;left:10px}.lightbox{z-index:80;background:#0b0f0ef0;place-items:center;padding:70px 30px 30px;display:grid;position:fixed;inset:0}.lightbox-close{color:#fff;background:#171c1a;border:1px solid #ffffff59;border-radius:50px;padding:10px 17px;position:absolute;top:20px;right:22px}.lightbox-content{text-align:center;max-width:min(1400px,94vw);max-height:88vh}.lightbox-content img,.lightbox-content video{object-fit:contain;max-width:100%;max-height:80vh;margin:auto;display:block}.lightbox-content p{color:#fff;letter-spacing:.08em;margin:12px 0 0;font-size:12px}@media (width<=1000px){.media-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.media-gallery .media-asset,.media-gallery .media-asset:nth-child(3),.media-gallery .media-asset:nth-child(6),.media-gallery .media-asset:nth-child(7){grid-column:span 1}.media-thumb{height:145px}.case-hero.text-only{min-height:46vh}}@media (width<=430px){.media-gallery{grid-template-columns:1fr 1fr;gap:10px}.media-thumb{height:120px}}.media-gallery .media-asset.image img{aspect-ratio:auto;object-fit:contain;background:#ddd9d0;max-height:900px}.case-cover.has-media{background:#111;padding:0;display:block}.case-cover.has-media:before,.case-cover.has-media:after{display:none}.case-cover.has-media img{object-fit:cover;width:100%;height:100%;display:block}.case-cover.has-media span{color:#fff;background:#111111b8;padding:9px 12px;position:absolute;bottom:20px;left:22px}.media-gallery{grid-template-columns:repeat(12,1fr);align-items:start}.media-gallery .media-asset{grid-column:span 6}.media-gallery .media-asset:nth-child(3),.media-gallery .media-asset:nth-child(6),.media-gallery .media-asset:nth-child(7){grid-column:span 4}.media-asset>div{background:#111;height:auto;padding:0;display:block}.media-asset img,.media-asset video{aspect-ratio:16/10;object-fit:cover;background:#111;width:100%;display:block}.media-asset.video video{aspect-ratio:16/9}.media-asset figcaption{color:var(--ink);align-items:center;gap:15px;margin:10px 0;font-size:11px;display:flex}.media-asset figcaption span{color:var(--rust)}@media (width<=800px){.media-gallery .media-asset,.media-gallery .media-asset:nth-child(3),.media-gallery .media-asset:nth-child(6),.media-gallery .media-asset:nth-child(7){grid-column:1/-1}}.case-study .case-hero{padding-top:70px}.case-cover{background:linear-gradient(135deg,color-mix(in srgb,var(--project) 70%,white),var(--project));border:1px solid #1b25222e;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;align-items:end;height:min(54vh,620px);margin-bottom:60px;padding:30px;display:grid;position:relative;overflow:hidden}.case-cover:before,.case-cover:after{content:"";aspect-ratio:1;border:1px solid #1b252240;border-radius:50%;width:55%;position:absolute;top:-35%;right:-8%;transform:rotate(18deg)}.case-cover:after{width:34%;top:35%;right:22%}.case-cover span,.case-cover small{z-index:1;letter-spacing:.15em;text-transform:uppercase;font-size:10px;position:relative}.case-cover b{z-index:1;letter-spacing:-.07em;grid-column:1/3;align-self:center;font-size:clamp(55px,12vw,180px);line-height:.8;position:relative}.case-cover small{color:#1b2522a6;grid-column:1/3}.case-study .case-hero h2{max-width:1050px;margin:0}.project-tags{border-bottom:1px solid #1b252229;grid-template-columns:1fr 3fr;align-items:center;padding:45px clamp(24px,8vw,120px);display:grid}.project-tags .case-tags{margin:0}.role-tags{flex-wrap:wrap;align-content:center;gap:10px;display:flex}.role-tags span{border:1px solid #ffffff52;border-radius:100px;padding:12px 17px;font-size:12px}.role-block h3{display:none}@media (width<=800px){.case-cover{height:55vw;min-height:310px;margin-bottom:45px}.project-tags{grid-template-columns:1fr;gap:20px}.case-study .role-block{grid-template-columns:1fr}.case-cover b{grid-column:1/3}}:root{--ink:#1b2522;--paper:#f1eee7;--rust:#c45d3c;--acid:#d9ef66;--muted:#6c746f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}.site-nav{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f1eee7e6;border-bottom:1px solid #1b252221;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,5vw,76px);display:flex;position:fixed;inset:0 0 auto}.brand,.site-nav nav button,.menu{background:0 0;border:0}.brand{letter-spacing:-.05em;font-size:21px;font-weight:600}.brand span{color:var(--rust)}.site-nav nav{gap:32px;display:flex}.site-nav nav button,.menu{letter-spacing:.14em;text-transform:uppercase;font-size:10px}.menu{display:none}.home{flex-direction:column;justify-content:center;min-height:100vh;padding:150px clamp(24px,11vw,170px) 85px;display:flex}.kicker,.section-label,.mini-label,.case-label{letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:600}.kicker{color:var(--rust);margin-bottom:42px}.home h1{letter-spacing:-.06em;max-width:1200px;margin:0;font-size:clamp(58px,8.6vw,136px);font-weight:500;line-height:.92}.home h1 em,h2 em{color:var(--rust);font-family:Playfair Display,serif;font-weight:500}.home-intro{color:var(--muted);max-width:650px;margin:48px 0 34px;font-size:clamp(17px,1.5vw,22px);line-height:1.65}.arrow-link{background:0 0;border:0;border-bottom:1px solid;gap:32px;width:max-content;padding:10px 0;display:flex}.page-section{padding:120px clamp(24px,7vw,110px)}.about{border-top:1px solid #1b252224;grid-template-columns:1fr 3fr;gap:30px;display:grid}.section-label{color:var(--rust)}.section-label.light{color:var(--acid)}.about h2,.work h2,.resume h2{letter-spacing:-.055em;margin:0;font-size:clamp(48px,6.4vw,96px);font-weight:500;line-height:.98}.about-copy{max-width:1080px}.two-col{grid-template-columns:1fr 1fr;gap:60px;margin-top:65px;display:grid}.two-col p,.work-heading>p{color:var(--muted);font-size:17px;line-height:1.8}.principles{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.principles span{border:1px solid #1b252240;border-radius:100px;padding:10px 18px;font-size:12px}.work,.contact{background:var(--ink);color:var(--paper)}.work-heading{grid-template-columns:2fr 1fr;align-items:end;gap:10vw;margin:42px 0 80px;display:grid}.work-heading>p{color:#b5bcb7}.project-list{border-top:1px solid #fff3}.project-row{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid #fff3;grid-template-columns:60px 130px 1fr 100px;align-items:center;gap:20px;padding:33px 0;transition:all .25s;display:grid}.project-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--project) 15%,transparent),transparent);padding-left:18px}.project-no{color:var(--project);font-family:Playfair Display,serif;font-style:italic}.project-client{font-size:18px;font-weight:600}.project-title{letter-spacing:-.025em;font-size:clamp(18px,2.2vw,30px)}.project-open{color:#b5bcb7;font-size:11px}.resume{grid-template-columns:1fr 3fr;gap:30px;display:grid}.resume-wrap{max-width:1080px}.timeline{border-top:1px solid #1b252233;margin-top:75px}.timeline article{border-bottom:1px solid #1b252233;grid-template-columns:170px 1fr;padding:34px 0;display:grid}.timeline article>p{color:var(--rust);font-size:12px}.timeline h3{margin:0 0 6px;font-size:25px;font-weight:500}.timeline strong{font-weight:500;display:block}.timeline span{color:var(--muted);margin-top:15px;display:block}.resume-bottom{grid-template-columns:1fr 1fr;gap:80px;margin-top:70px;display:grid}.resume-bottom h3{margin:24px 0 5px;font-size:17px}.resume-bottom span,.resume-bottom div>p:last-child{color:var(--muted);line-height:1.7}.contact{flex-direction:column;min-height:90vh;display:flex}.contact>div:nth-child(2){text-align:center;margin:auto}.contact>div>p{color:var(--acid);text-transform:uppercase;letter-spacing:.14em;font-size:11px}.contact h2{letter-spacing:-.06em;margin:20px 0 55px;font-size:clamp(58px,9vw,135px);font-weight:500;line-height:.9}.contact a{border-bottom:1px solid;padding:10px 0}.contact footer{color:#b5bcb7;border-top:1px solid #fff3;justify-content:space-between;padding-top:22px;font-size:12px;display:flex}.contact footer button{color:inherit;background:0 0;border:0}.case-overlay{z-index:50;background:var(--paper);position:fixed;inset:0;overflow:auto}.close-case{z-index:4;background:var(--paper);border:1px solid #1b25224d;border-radius:50px;padding:10px 17px;position:fixed;top:20px;right:22px}.case-study{max-width:1500px;margin:auto}.case-hero{background:var(--project);flex-direction:column;justify-content:flex-end;min-height:72vh;padding:110px clamp(24px,8vw,120px) 70px;display:flex}.case-hero>p{letter-spacing:.15em;text-transform:uppercase;font-size:11px}.case-hero h2{letter-spacing:-.06em;max-width:1100px;margin:30px 0 55px;font-size:clamp(55px,8vw,125px);font-weight:500;line-height:.9}.case-hero>span{font-size:clamp(24px,3vw,45px);font-weight:600}.case-overview,.role-block,.case-chapters,.gallery{padding:100px clamp(24px,8vw,120px)}.case-overview{grid-template-columns:1fr 3fr;display:grid}.case-lead{letter-spacing:-.03em;max-width:900px;margin:0;font-size:clamp(28px,3vw,48px);line-height:1.25}.role-block{background:var(--ink);color:var(--paper);grid-template-columns:1fr 2fr 1fr;gap:50px;display:grid}.role-block h3{margin:0;font-size:clamp(25px,3vw,42px);font-weight:500}.role-block>p:last-child{color:#b5bcb7;margin:0;line-height:1.7}.case-chapters{grid-template-columns:repeat(3,1fr);gap:5vw;display:grid}.case-chapters section{border-top:1px solid #1b25224d;padding-top:25px}.case-chapters h3{margin:28px 0 15px;font-size:22px}.case-chapters section>p:last-child{color:var(--muted);line-height:1.75}.gallery{background:#e7e3da}.gallery-head{justify-content:space-between;margin-bottom:40px;display:flex}.gallery-head>p:last-child{color:var(--muted);margin:0}.gallery-grid{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.asset{margin:0}.asset>div{background:linear-gradient(145deg,var(--project),color-mix(in srgb,var(--project) 38%,var(--ink)));justify-content:space-between;align-items:flex-end;height:360px;padding:25px;display:flex}.asset-1{grid-row:span 2}.asset-1>div{height:738px}.asset b{font-size:24px}.asset figcaption{color:var(--muted);margin-top:8px;font-size:10px}.next-case{background:var(--rust);color:#fff;border:0;justify-content:space-between;width:100%;padding:55px clamp(24px,8vw,120px);font-size:clamp(22px,3vw,40px);display:flex}.next-case span{font-size:1.4em}@media (width<=800px){.site-nav nav{background:var(--paper);flex-direction:column;padding:25px;display:none;position:absolute;top:76px;left:0;right:0}.site-nav nav.open{display:flex}.menu{display:block}.about,.resume{grid-template-columns:1fr;gap:40px}.work-heading,.two-col,.resume-bottom{grid-template-columns:1fr}.project-row{grid-template-columns:40px 90px 1fr}.project-open{display:none}.role-block,.case-chapters{grid-template-columns:1fr}.case-overview{grid-template-columns:1fr;gap:30px}.gallery-grid{grid-template-columns:1fr}.asset-1{grid-row:auto}.asset-1>div,.asset>div{height:360px}}@media (width<=520px){.home{padding-top:120px}.page-section{padding-top:85px;padding-bottom:85px}.project-row{grid-template-columns:35px 1fr}.project-client,.project-title{grid-column:2}.timeline article{grid-template-columns:1fr}.contact footer{flex-direction:column;gap:16px}.gallery-head{display:block}.role-block{gap:25px}}.about-intro{grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);align-items:center;gap:7vw;display:grid}.hello{max-width:620px;color:var(--muted);margin:42px 0 0;font-size:18px;line-height:1.75}.about-portrait{margin:0;position:relative;transform:rotate(1.5deg)}.portrait-shape{background:var(--acid);border-radius:48% 48% 9% 9%;position:absolute;inset:8% -7% -5% 7%;transform:rotate(4deg)}.about-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center top;filter:saturate(.82);clip-path:polygon(4% 2%,96% 7%,100% 94%,7% 100%,0 12%);width:100%;display:block;position:relative}.about-portrait figcaption{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:15px;font-size:10px;position:relative}.contact>.contact-details{text-align:left;width:min(900px,100%);margin:auto}.contact .contact-details h2{letter-spacing:-.06em;margin:30px 0 70px;font-size:clamp(64px,10vw,140px);font-weight:500;line-height:.9}.contact-details>a,.contact-details>p{text-transform:none;letter-spacing:0;color:var(--paper);border-top:1px solid #ffffff38;grid-template-columns:130px 1fr;align-items:center;margin:0;padding:24px 0;font-size:clamp(17px,2vw,25px);display:grid}.contact-details>p{border-bottom:1px solid #ffffff38}.contact-details>a{border-bottom:0}.contact-details span{letter-spacing:.16em;text-transform:uppercase;color:var(--acid);font-size:10px}@media (width<=800px){.about-intro{grid-template-columns:1fr}.about-portrait{width:min(72vw,340px);margin:20px auto 0}}@media (width<=520px){.contact-details>a,.contact-details>p{grid-template-columns:1fr;gap:10px}.contact .contact-details h2{margin-bottom:45px}}.case-tags{flex-wrap:wrap;gap:9px;display:flex}.case-tags span{letter-spacing:.1em;text-transform:uppercase;border:1px solid #1b252259;border-radius:100px;padding:9px 14px;font-size:10px}.case-hero>strong{font-size:clamp(24px,3vw,45px);font-weight:600}.case-context{border-top:1px solid #1b252229;grid-template-columns:1fr 3fr;padding:90px clamp(24px,8vw,120px);display:grid}.case-context h3{letter-spacing:-.025em;max-width:900px;margin:0;font-size:clamp(25px,3vw,42px);font-weight:500;line-height:1.3}.case-chapters{grid-template-columns:1fr 1fr}.case-chapters .what-i-did,.case-chapters .outcome{border-top:1px solid #1b25224d;padding-top:25px}.what-i-did ul{margin:0;padding:15px 0 0;list-style:none}.what-i-did li{color:var(--muted);border-bottom:1px solid #1b252226;padding:16px 0;line-height:1.6}.what-i-did li:before{content:"↗";color:var(--rust);margin-right:12px}.case-chapters .outcome h3{margin-top:30px;font-size:clamp(25px,3vw,40px);line-height:1.35}.case-hero h2{margin-top:45px}@media (width<=800px){.case-context,.case-chapters{grid-template-columns:1fr;gap:30px}.case-context{padding-top:70px;padding-bottom:70px}}.about#about{align-items:center;min-height:100vh;padding-top:150px}.gallery .media-gallery{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:14px;display:grid}.gallery .media-gallery .media-asset{grid-column:span 2}.gallery .media-gallery .media-asset:first-child,.gallery .media-gallery .media-asset:nth-child(7){grid-column:span 4}.gallery .media-gallery .media-asset:nth-child(4),.gallery .media-gallery .media-asset:nth-child(9){grid-column:span 3}.gallery .media-gallery .media-thumb{aspect-ratio:1;width:100%;height:auto}.gallery .media-gallery .media-thumb img,.gallery .media-gallery .media-thumb video,.gallery .media-gallery .media-asset.image .media-thumb img{aspect-ratio:auto;object-fit:contain;width:100%;height:100%;max-height:none}@media (width<=950px){.gallery .media-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery .media-gallery .media-asset,.gallery .media-gallery .media-asset:nth-child(4),.gallery .media-gallery .media-asset:nth-child(9){grid-column:span 2}.gallery .media-gallery .media-asset:first-child,.gallery .media-gallery .media-asset:nth-child(7){grid-column:span 4}}@media (width<=600px){.about#about{padding-top:110px}.gallery .media-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery .media-gallery .media-asset,.gallery .media-gallery .media-asset:first-child,.gallery .media-gallery .media-asset:nth-child(4),.gallery .media-gallery .media-asset:nth-child(7),.gallery .media-gallery .media-asset:nth-child(9){grid-column:span 1}.gallery .media-gallery .media-asset:first-child,.gallery .media-gallery .media-asset:nth-child(6){grid-column:span 2}}