:root{--paper:#f7f7f5;--ink:#171717;--muted:#666663;--line:#d9d9d5;--panel:#ececea;--sans:Arial, "Helvetica Neue", Helvetica, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-underline-offset:.16em}img{max-width:100%;display:block}::selection{color:#fff;background:#171717}:focus-visible{outline-offset:4px;outline:2px solid}.site-nav{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;width:100%;min-height:72px;padding:0 3.1vw;display:flex;position:sticky;top:0}.nav-name{letter-spacing:-.03em;font-size:17px;font-weight:700;text-decoration:none}.site-nav nav{gap:clamp(22px,3vw,48px);display:flex}.site-nav nav a{font-size:16px;text-decoration:none}.site-nav nav a:hover,.nav-name:hover{text-decoration:underline}.home-intro{align-items:center;min-height:470px;padding:clamp(86px,10vw,150px) 3.1vw clamp(80px,9vw,130px);display:flex}.intro-copy{width:min(790px,62vw);margin-left:clamp(0px,31vw,450px)}.intro-copy h1{letter-spacing:-.035em;margin:0 0 26px;font-size:clamp(26px,2.4vw,38px);font-weight:500;line-height:1.18}.intro-copy>p{letter-spacing:-.018em;max-width:690px;margin:0 0 18px;font-size:clamp(18px,1.55vw,23px);line-height:1.4}.intro-copy strong,.intro-copy a{font-weight:700}.intro-links{margin-top:30px!important}.work-list{width:calc(100% - 6.2vw);margin:0 3.1vw}.home-project{border-top:1px solid var(--line);grid-template-columns:minmax(240px,31%) minmax(0,1fr);gap:clamp(36px,5vw,78px);padding:clamp(64px,7.5vw,112px) 0;display:grid;position:relative}.project-sticky{align-self:start;max-width:350px;position:sticky;top:112px}.project-number,.case-index,.case-section-label,.page-label{color:var(--muted);letter-spacing:.035em;text-transform:uppercase;margin:0 0 18px;font-size:12px;line-height:1.3}.project-sticky h2{letter-spacing:-.055em;margin:0 0 5px;font-size:clamp(30px,3.2vw,50px);line-height:1}.project-subtitle{color:var(--muted);margin:0 0 26px!important;font-size:16px!important}.project-sticky>p:not(.project-number):not(.project-subtitle){margin:0;font-size:17px;line-height:1.48}.project-link{margin-top:28px;font-size:15px;font-weight:700;display:inline-block}.media-stack{min-width:0}.media-wide{gap:clamp(18px,2.4vw,34px);display:grid}.media-frame{background:var(--panel);margin:0;overflow:hidden}.media-wide .media-frame{padding:clamp(12px,1.7vw,26px)}.media-wide img{width:100%;height:auto}.media-screens{background:#111;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(18px,2.7vw,42px);padding:clamp(28px,5vw,78px);display:grid}.media-screens .media-frame{background:0 0}.media-screens img{object-fit:contain;width:100%;max-height:760px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;min-height:270px;margin:0 3.1vw;padding:58px 0;display:flex}.site-footer>p{letter-spacing:-.06em;margin:0;font-size:clamp(38px,5vw,76px)}.site-footer div{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.site-footer a{font-size:15px}.case-intro{width:min(1280px,100% - 6.2vw);margin:0 auto;padding:clamp(85px,11vw,170px) 0 clamp(70px,8vw,120px)}.case-intro h1{letter-spacing:-.085em;max-width:1050px;margin:0;font-size:clamp(72px,11vw,174px);line-height:.82}.case-subtitle{color:var(--muted);letter-spacing:-.035em;margin:26px 0 0;font-size:clamp(22px,2.3vw,34px)}.case-summary{letter-spacing:-.035em;max-width:760px;margin:clamp(50px,7vw,100px) 0 0 auto;font-size:clamp(21px,2.3vw,34px);line-height:1.28}.case-cover{background:var(--panel);width:calc(100% - 6.2vw);margin:0 3.1vw;padding:clamp(18px,3vw,46px)}.case-cover img{object-fit:contain;width:100%;max-height:78vh}.case-meta{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr .5fr;gap:40px;width:calc(100% - 6.2vw);margin:0 3.1vw;padding:32px 0 38px;display:grid}.case-meta div{min-width:0}.case-meta dt{color:var(--muted);text-transform:uppercase;letter-spacing:.035em;font-size:12px}.case-meta dd{margin:9px 0 0;font-size:16px;line-height:1.4}.case-challenge{width:min(930px,100% - 12vw);margin:0 auto;padding:clamp(110px,14vw,220px) 0}.case-challenge>p{color:var(--muted);text-transform:uppercase;margin:0 0 25px;font-size:13px}.case-challenge h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,5.5vw,80px);font-weight:500;line-height:1.05}.case-sections{width:calc(100% - 6.2vw);margin:0 3.1vw}.case-section{border-top:1px solid var(--line);grid-template-columns:minmax(250px,33%) minmax(0,1fr);gap:clamp(40px,6vw,90px);padding:clamp(70px,9vw,135px) 0;display:grid}.case-section-copy{align-self:start;position:sticky;top:112px}.case-section-copy h2{letter-spacing:-.055em;margin:0 0 30px;font-size:clamp(31px,3.8vw,57px);line-height:1.03}.case-section-copy>p:not(.case-section-label){margin:0 0 18px;font-size:17px;line-height:1.55}.case-section .media-screens{grid-template-columns:repeat(2,minmax(0,1fr))}.case-section .media-screens .media-frame:last-child:nth-child(3){grid-column:1/-1}.next-project{border-top:1px solid var(--line);flex-direction:column;justify-content:flex-end;min-height:330px;padding:72px 3.1vw;display:flex}.next-project p{color:var(--muted);text-transform:uppercase;margin:0 0 14px;font-size:13px}.next-project a{letter-spacing:-.075em;width:fit-content;font-size:clamp(45px,8vw,120px);line-height:.95;text-decoration-thickness:3px}.about-page,.resume-page{width:min(1280px,100% - 6.2vw);margin:0 auto;padding:clamp(90px,11vw,160px) 0}.about-page>h1,.resume-page>h1{letter-spacing:-.075em;max-width:1120px;margin:0;font-size:clamp(55px,8vw,122px);font-weight:500;line-height:.94}.about-grid{border-top:1px solid var(--line);grid-template-columns:1.15fr .7fr;gap:clamp(70px,12vw,180px);margin-top:clamp(90px,12vw,180px);padding-top:45px;display:grid}.about-copy p{letter-spacing:-.025em;margin:0 0 24px;font-size:clamp(20px,2vw,29px);line-height:1.42}.about-details{gap:32px;display:grid}.about-details div{border-top:1px solid var(--line);padding-top:14px}.about-details span{color:var(--muted);text-transform:uppercase;font-size:12px}.about-details p{margin:9px 0 0;font-size:16px;line-height:1.5}.resume-download{margin:50px 0 30px;font-size:17px;font-weight:700;display:inline-block}.resume-page iframe{border:1px solid var(--line);background:#fff;width:100%;height:1000px}@media (max-width:860px){.site-nav{min-height:64px;padding:0 20px}.nav-name{font-size:15px}.site-nav nav{gap:18px}.site-nav nav a{font-size:14px}.home-intro{min-height:470px;padding:80px 22px}.intro-copy{width:100%;margin-left:0}.intro-copy h1{font-size:29px}.intro-copy>p{font-size:18px}.work-list,.case-sections,.case-meta{width:calc(100% - 44px);margin-left:22px;margin-right:22px}.home-project,.case-section{grid-template-columns:1fr;gap:42px;padding:70px 0}.project-sticky,.case-section-copy{max-width:620px;position:relative;top:auto}.project-sticky h2{font-size:45px}.media-wide .media-frame{padding:10px}.media-screens{grid-template-columns:repeat(3,minmax(160px,1fr));padding:35px;overflow-x:auto}.site-footer{flex-direction:column;align-items:flex-start;margin:0 22px;padding:48px 0}.site-footer div{align-items:flex-start}.case-intro,.about-page,.resume-page{width:calc(100% - 44px);padding:85px 0}.case-intro h1{font-size:clamp(62px,18vw,110px)}.case-summary{margin-left:0}.case-cover{width:calc(100% - 44px);margin:0 22px;padding:10px}.case-meta{grid-template-columns:1fr;gap:24px}.case-challenge{width:calc(100% - 44px);padding:100px 0}.case-section .media-screens{grid-template-columns:repeat(2,minmax(160px,1fr))}.next-project{padding:60px 22px}.about-grid{grid-template-columns:1fr;gap:70px}.resume-page iframe{height:740px}}@media (max-width:560px){.site-nav nav{gap:14px}.site-nav nav a{font-size:13px}.media-screens,.case-section .media-screens{grid-template-columns:1fr;overflow:visible}.case-section .media-screens .media-frame:last-child:nth-child(3){grid-column:auto}.case-intro h1{font-size:63px}.case-summary{font-size:21px}.case-challenge h2{font-size:39px}.about-page>h1,.resume-page>h1{font-size:51px}.resume-page iframe{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}