@import "https://fonts.googleapis.com/css2?family=Encode+Sans:wght@400;500;700;800&family=Gupter:wght@400;500;700&display=swap";:root{color:#661d00;font-synthesis:none;--background:#7c5327;--text:#661d00;--line:#661d0061;--soft-line:#661d0033;--sans:"Encode Sans", Arial, sans-serif;background:#7c5327;font-family:Gupter,Georgia,serif}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.site-header{z-index:50;font:500 10px var(--sans);text-transform:uppercase;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 2.5vw;display:grid;position:fixed;inset:0 0 auto}.site-header--case{background:var(--background)}.site-header>*{pointer-events:auto}.site-header .header-role{justify-self:center}.site-header button{text-transform:uppercase;background:0 0;border:0;justify-self:end;padding:0}.index-trigger{align-items:center;gap:8px;min-height:38px;display:inline-flex}.index-trigger-image{object-fit:contain;transform-origin:bottom;width:27px;height:38px;transition:transform .35s cubic-bezier(.19,1,.22,1);display:block;transform:rotate(-6deg)}.index-trigger:hover .index-trigger-image{transform:rotate(-3deg)scale(1.08)}.portfolio-home{--image-top:45vh;--image-window-height:43vh;background:var(--background);grid-template-columns:minmax(0,1fr) minmax(240px,27vw) minmax(0,1fr);gap:clamp(18px,4vw,64px);width:100%;height:100svh;padding:0 clamp(12px,2.5vw,40px);display:grid;position:relative;overflow:hidden}.scroll-column,.home-center{min-width:0;height:100svh;position:relative;overflow:hidden}.scroll-track,.image-track{will-change:transform;width:100%;position:absolute;top:0;left:0}.scroll-track{flex-direction:column;gap:18px;display:flex}.scroll-track button{--distort-x:0px;flex:0 0 var(--image-window-height);width:100%;height:var(--image-window-height);text-align:left;min-width:0;transform:translate3d(var(--distort-x), 0, 0) scale(.7);opacity:.38;will-change:transform;background:0 0;border:0;flex-direction:column;justify-content:center;padding:1.5vw;transition:opacity .45s,transform .55s cubic-bezier(.19,1,.22,1);display:flex;overflow:hidden}.scroll-track button.is-active{opacity:1;transform:translate3d(var(--distort-x), 0, 0) scale(1)}.scroll-track small{font:500 9px var(--sans);text-transform:uppercase}.scroll-track b{overflow-wrap:anywhere;margin:12px 0 9px;font-size:clamp(30px,4.2vw,72px);font-weight:400;line-height:.84;display:block}.scroll-track span,.scroll-track i{max-width:300px;font:500 10px/1.45 var(--sans);font-style:normal}.scroll-column-right button{text-align:right;align-items:flex-end}.scroll-column-right b{font-size:clamp(42px,5.5vw,92px)}.scroll-column-right span,.scroll-column-right i{margin-left:auto}.scroll-column-right i{opacity:.75;margin-top:8px}.home-center{overflow:visible}.portfolio-intro{z-index:10;text-align:center;pointer-events:none;flex-direction:column;align-items:center;min-width:0;height:23vh;display:flex;position:absolute;top:7vh;left:0;right:0}.portfolio-intro small{font:500 9px var(--sans)}.portfolio-intro h1{margin:8px 0 0;font-size:clamp(48px,6vw,92px);font-weight:400;line-height:.78}.portfolio-intro h2{font:800 clamp(15px, 1.8vw, 28px)/.91 var(--sans);text-transform:uppercase;margin:12px 0}.portfolio-intro p{white-space:nowrap;max-width:none;margin:0;font-size:clamp(13px,1.1vw,16px);line-height:1.12}.portfolio-intro button{z-index:11;background:var(--background);font:500 9px var(--sans);pointer-events:auto;border:0;border-bottom:1px solid;align-items:center;gap:8px;margin-top:12px;padding:0 0 3px;display:inline-flex;position:relative}.image-column{z-index:2;top:var(--image-top);height:var(--image-window-height);position:absolute;left:0;right:0;overflow:hidden}.image-track{flex-direction:column;gap:18px;display:flex}.image-track>button{flex:0 0 var(--image-window-height);width:100%;height:var(--image-window-height);text-align:left;opacity:.42;background:0 0;border:0;flex-direction:column;min-width:0;padding:0;transition:opacity .45s,transform .6s cubic-bezier(.19,1,.22,1);display:flex;transform:scale(.84)}.image-track>button.is-active{opacity:1;transform:scale(1)}.image-frame{border:1px solid var(--line);background:var(--background);flex:0 0 38vh;place-items:center;width:100%;height:38vh;display:grid;overflow:hidden}.image-frame img{object-fit:contain;width:100%;height:100%;display:block}.image-meta{z-index:3;background:var(--background);grid-template-columns:1fr auto;align-items:end;gap:12px;min-width:0;margin-top:10px;padding:0 4px;display:grid;position:relative}.image-meta small{min-width:0;font:500 8px/1.3 var(--sans);text-transform:uppercase}.image-meta b{text-align:right;text-wrap:balance;word-break:normal;overflow-wrap:anywhere;max-width:190px;font-size:16px;font-weight:400;line-height:.92}.scroll-hint{z-index:12;white-space:nowrap;font:500 8px var(--sans);position:fixed;bottom:17px;left:50%;transform:translate(-50%)}.case-page{background:var(--background);min-height:100vh;color:var(--text);padding:100px 5vw 0}.case-page:before{z-index:40;background:var(--background);content:"";pointer-events:none;height:78px;position:fixed;top:0;left:0;right:0}.back-button{z-index:70;background:var(--background);font:500 9px var(--sans);border:0;border-bottom:1px solid;padding:5px 7px 4px;position:fixed;top:50px;left:5vw}.case-hero{border-bottom:1px solid var(--line);isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);align-items:center;gap:clamp(48px,7vw,120px);min-height:76vh;padding:7vw 0;display:grid}.case-hero-copy{z-index:2;min-width:0;position:relative}.case-hero-copy p,.case-hero-copy>span,.section-label{font:500 10px/1.5 var(--sans);text-transform:uppercase}.section-label{justify-content:space-between;align-items:center;gap:24px;display:flex}.section-label strong{font:700 13px/1.2 var(--sans);text-transform:none;flex:none}.case-hero-copy h1{z-index:2;text-wrap:balance;word-break:normal;overflow-wrap:anywhere;max-width:780px;margin:22px 0;font-size:clamp(54px,7vw,118px);font-weight:400;line-height:.86;position:relative}.case-hero-copy h1 span{font:inherit;text-transform:none}.case-hero-media{width:100%;min-height:330px;color:inherit;cursor:zoom-in;background:0 0;border:0;place-items:center;padding:0;display:grid;overflow:hidden}.case-hero-media img{object-fit:contain;transform-origin:50%;width:100%;height:auto;max-height:68vh;transition:transform .45s cubic-bezier(.19,1,.22,1);display:block}.case-hero-media:hover img{z-index:2;position:relative;transform:scale(1.045)}.case-overview{border-bottom:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:9vw;padding:10vw 0;display:grid}.case-overview aside{flex-direction:column;align-items:flex-start;display:flex}.case-overview aside small{font:500 8px var(--sans);margin:20px 0 7px}.case-overview aside b,.case-overview aside span{font:500 10px/1.5 var(--sans)}.case-summary{max-width:800px;margin:0;font-size:clamp(30px,3.7vw,60px);line-height:.96}.focus-list{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 30px;margin-top:7vw;display:grid}.focus-list div{border-bottom:1px solid var(--line);grid-template-columns:32px 1fr;align-items:center;min-height:66px;display:grid}.focus-list small{font:500 8px var(--sans)}.focus-list b{font-size:17px;font-weight:400}.evidence-section{border-bottom:1px solid var(--line);padding:9vw 0}.evidence-viewport{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;width:100%;overflow-x:auto}.evidence-grid{gap:clamp(28px,5vw,76px);width:max-content;margin-top:6vw;padding:0 0 18px;display:flex}.evidence-item-wrap{flex:none;width:max-content;min-width:0}.evidence-item{width:max-content;min-width:min(34vw,360px);color:inherit;flex-direction:column;display:flex}.evidence-item--zoom{text-align:left;cursor:zoom-in;background:0 0;border:0;padding:0}.evidence-image{width:min(calc(clamp(260px, 50vh, 560px) * var(--media-ratio,1)), 68vw);align-self:center;place-items:center;min-width:0;height:clamp(260px,50vh,560px);display:grid;overflow:hidden}.evidence-image img{object-fit:contain;transform-origin:50%;width:100%;height:100%;transition:transform .45s cubic-bezier(.19,1,.22,1);display:block}.evidence-item:hover .evidence-image img{z-index:2;position:relative;transform:scale(1.035)}.empty-media{font:500 10px var(--sans)}.evidence-caption{border-top:1px solid var(--line);grid-template-columns:90px minmax(0,1fr);gap:3px 18px;width:100%;min-width:0;padding:13px 0 0;display:grid}.evidence-caption small{font:500 8px var(--sans);grid-row:1/3}.evidence-caption b{text-wrap:balance;word-break:normal;overflow-wrap:anywhere;font-size:20px;font-weight:400;line-height:1.05}.evidence-caption i{font:500 9px/1.4 var(--sans);font-style:normal}.evidence-caption i.link-hint{font:700 13px/1.35 var(--sans);margin-top:4px;display:block}.personal-projects-stack{border-bottom:1px solid var(--line)}.personal-project-block{border-bottom:1px solid var(--line);flex-direction:column;height:clamp(760px,90vh,980px);min-height:760px;display:flex;overflow:hidden}.personal-project-block:last-child{border-bottom:0}.personal-project-heading{flex:none;padding:7vw 0 3vw}.personal-project-heading p,.personal-project-heading>span{font:500 10px/1.5 var(--sans);text-transform:uppercase;margin:0}.personal-project-heading h2{text-wrap:balance;word-break:normal;overflow-wrap:anywhere;max-width:900px;margin:16px 0 12px;font-size:clamp(36px,5vw,82px);font-weight:400;line-height:.88}.personal-project-heading strong{max-width:720px;margin-top:20px;font-size:clamp(18px,2vw,28px);font-weight:400;line-height:1.08;display:block}.evidence-section--nested{border-bottom:0;flex-direction:column;flex:auto;min-height:0;padding:0 0 3vw;display:flex}.evidence-section--nested .evidence-viewport{flex:auto;min-height:0}.evidence-section--nested .evidence-grid{margin-top:3vw}.evidence-section--nested .evidence-image{width:min(calc(300px * var(--media-ratio,1)), 68vw);height:300px}.evidence-section--nested .evidence-caption{min-height:76px}.case-outcomes{grid-template-columns:.8fr 1.2fr;gap:8vw;padding:9vw 0 12vw;display:grid}.detail-list{border-top:1px solid var(--line)}.detail-list>div{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;gap:20px;padding:18px 0;display:grid}.detail-list small{font:500 8px var(--sans)}.detail-list p{margin:0;font-size:17px;line-height:1.4}.metrics-grid{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metrics-grid--even,.metrics-grid--odd{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border:1px solid var(--line);flex-direction:column;min-height:132px;padding:16px;display:flex}.metrics-grid--odd .metric-card,.metrics-grid--odd[data-count="1"] .metric-card{border-left:1px solid var(--line);border-top:1px solid var(--line);width:auto}.metrics-grid--odd .metric-card:nth-child(3n+2),.metrics-grid--odd .metric-card:nth-child(3n+3){border-left:1px solid var(--line)}.metrics-grid strong{max-width:100%;font:700 clamp(24px, 3vw, 50px)/.92 var(--sans);overflow-wrap:break-word;text-wrap:balance}.metrics-grid[data-count="3"] strong{overflow-wrap:anywhere;font-size:clamp(22px,2vw,34px)}.metrics-grid span{max-width:180px;font:500 9px/1.4 var(--sans);overflow-wrap:anywhere;margin-top:auto}.outcome-takeaway{grid-column:1/-1}.metrics-grid--odd .outcome-takeaway{border-left:1px solid var(--line);border-top:1px solid var(--line);width:auto}.outcome-takeaway small{font:500 8px var(--sans)}.outcome-takeaway p{overflow-wrap:anywhere;max-width:520px;margin:auto 0 0;font-size:18px;line-height:1.3}.lightbox{z-index:200;cursor:zoom-out;background:#7c5327f5;place-items:center;padding:5vw;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;width:auto;max-width:92vw;height:auto;max-height:90vh;display:block}.lightbox-close{color:inherit;font:500 9px var(--sans);background:0 0;border:0;border-bottom:1px solid;padding:4px 0;position:absolute;top:24px;right:5vw}.next-case{border:0;border-top:1px solid var(--line);background:var(--background);text-align:left;flex-direction:column;align-items:flex-start;width:calc(100% + 10vw);margin-left:-5vw;padding:7vw 5vw;display:flex}.next-case small{font:500 8px var(--sans)}.next-case b{align-items:center;gap:18px;margin-top:18px;font-size:clamp(40px,6vw,96px);font-weight:400;line-height:.82;display:inline-flex}.line-arrow{color:currentColor;vertical-align:-.08em;flex:0 0 clamp(11px,.42em,48px);width:clamp(11px,.42em,48px);height:clamp(8px,.32em,36px);display:inline-block;overflow:visible}.line-arrow path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:miter;stroke-width:1.7px}.line-arrow--left{transform:scaleX(-1)}.line-arrow--right{flex-basis:clamp(11px,.5em,24px);width:clamp(11px,.5em,24px);height:clamp(8px,.38em,18px)}.menu-overlay{z-index:100;background:var(--background);color:var(--text);-webkit-overflow-scrolling:touch;padding:24px 5vw 50px;position:fixed;inset:0;overflow:hidden auto}.menu-top{min-height:20px;font:500 9px var(--sans);justify-content:flex-end;display:flex;position:relative}.menu-top button{background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.menu-intro{grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);align-items:start;gap:5vw;margin:18px 0 30px;display:grid}.menu-profile{min-width:0}.menu-intro h2{overflow-wrap:anywhere;margin:0;font-size:clamp(46px,8vw,118px);font-weight:400;line-height:.82}.menu-portrait{object-fit:contain;transform-origin:bottom;justify-self:end;width:clamp(150px,19vw,270px);height:clamp(210px,30vw,360px);transition:transform .35s cubic-bezier(.19,1,.22,1);display:block;transform:translateY(-4px)}.menu-portrait:hover{transform:translateY(-4px)scale(1.06)}.menu-intro p{max-width:520px;margin:22px 0 0;font-size:19px;line-height:1.2}.menu-contact{font:500 12px/1.45 var(--sans);flex-direction:column;gap:6px;margin-top:18px;display:flex}.menu-contact>*{overflow-wrap:anywhere}.menu-overlay nav{border-top:1px solid var(--line)}.menu-overlay nav button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:40px 1fr 1fr 25px;align-items:center;gap:20px;width:100%;min-height:74px;padding:0;transition:padding .35s;display:grid}.menu-overlay nav button:hover{padding:0 18px}.menu-overlay nav small,.menu-overlay nav span,.menu-overlay nav i{font:500 9px var(--sans);font-style:normal}.menu-overlay nav b{font-size:23px;font-weight:400}.project-arrow{justify-self:end;font-size:23px}@media (width>=901px){.menu-intro{--menu-portrait-width:clamp(150px, 19vw, 270px);--menu-profile-gap:clamp(32px, 3vw, 44px);grid-template-columns:calc(50% - var(--menu-portrait-width) / 2 - var(--menu-profile-gap)) var(--menu-portrait-width) 1fr;gap:var(--menu-profile-gap)}.menu-portrait{justify-self:start}}@media (width<=900px){.portfolio-home{--image-top:46vh;--image-window-height:43vh;grid-template-columns:minmax(0,1fr) minmax(145px,1.7fr) minmax(0,1fr);gap:clamp(4px,1.5vw,12px);padding:0 2vw}.site-header{padding:16px 2vw}.site-header>span:first-child{grid-column:1}.site-header button{grid-column:3}.site-header .header-role{display:none}.scroll-track button{padding:1vw 0}.scroll-track b{font-size:clamp(21px,3.8vw,42px)}.scroll-track span,.scroll-track i{font-size:8px}.scroll-track small{font-size:7px}.scroll-column-right b{font-size:clamp(28px,4.8vw,58px)}.portfolio-intro h1{font-size:clamp(38px,7vw,68px)}.portfolio-intro h2{font-size:clamp(11px,1.8vw,18px)}.portfolio-intro p{white-space:normal;max-width:165px;font-size:10px}.portfolio-intro button{font-size:7px}.image-frame{flex-basis:34vh;height:34vh}.image-meta{padding:0 4px;display:block}.image-meta small{font-size:6px;display:block}.image-meta b{text-align:left;max-width:none;margin-top:4px;font-size:12px;display:block}.case-hero{grid-template-columns:1fr}.case-hero-copy h1{max-width:100%}.case-hero-media{min-height:280px}.personal-project-block{height:760px;min-height:760px}.personal-project-heading{padding:12vw 0 6vw}.personal-project-heading h2{font-size:clamp(34px,9vw,64px)}.personal-project-heading strong{font-size:18px}}@media (width<=600px){.portfolio-home{--image-top:38vh;--image-window-height:50vh;grid-template-columns:minmax(0,1fr) minmax(116px,1.55fr) minmax(0,1fr);gap:0;padding:0 1vw}.site-header{font-size:8px}.scroll-track,.image-track{gap:10px}.scroll-track button,.image-track>button{height:var(--image-window-height);flex-basis:var(--image-window-height)}.scroll-track button{padding:0}.scroll-track b{margin:9px 0 6px;font-size:clamp(17px,5.5vw,27px);line-height:.88}.scroll-track span,.scroll-track i{max-width:100%;font-size:7px;line-height:1.25}.scroll-track small{font-size:6px}.scroll-column-right b{font-size:clamp(23px,6vw,34px)}.portfolio-intro{height:23vh;top:8vh}.portfolio-intro small{font-size:7px}.portfolio-intro h1{margin-top:5px;font-size:clamp(34px,10vw,52px)}.portfolio-intro h2{margin:8px 0;font-size:clamp(9px,2.6vw,13px)}.portfolio-intro p{max-width:130px;font-size:8px}.portfolio-intro button{margin-top:8px;font-size:6px}.image-frame{border:0;flex-basis:42vh;height:42vh}.image-frame img{object-position:center bottom}.image-meta{padding:0 4px}.image-meta small{font-size:5px}.image-meta b{margin-top:2px;font-size:9px;line-height:1}.scroll-hint{white-space:normal;text-align:center;max-width:90vw;font-size:6px;line-height:1.3;bottom:8px}.case-page{padding:72px 5vw 0}.case-page:before{height:64px}.case-hero{min-height:auto;padding:18vw 0}.case-hero-copy h1{font-size:clamp(38px,12vw,72px)}.case-hero-media{min-height:220px}.personal-project-block{height:720px;min-height:720px}.personal-project-heading{padding:16vw 0 8vw}.personal-project-heading h2{margin-top:12px;font-size:clamp(32px,10vw,56px)}.personal-project-heading strong{margin-top:16px;font-size:17px}.back-button{top:42px;left:5vw}.case-overview{flex-direction:column;gap:50px;padding:18vw 0;display:flex}.case-summary{font-size:32px}.focus-list{grid-template-columns:1fr;margin-top:16vw}.evidence-section{padding:18vw 0}.section-label{align-items:flex-start}.section-label strong{font-size:10px}.evidence-grid{gap:16vw;margin-top:14vw}.evidence-item-wrap{flex-basis:auto;width:max-content}.evidence-item{min-width:min(82vw,360px)}.evidence-image{width:min(calc(clamp(240px, 50vh, 420px) * var(--media-ratio,1)), 82vw);height:clamp(240px,50vh,420px)}.evidence-section--nested .evidence-image{width:min(calc(250px * var(--media-ratio,1)), 82vw);height:250px}.evidence-section--nested .evidence-caption{min-height:70px}.evidence-caption{grid-template-columns:72px minmax(0,1fr);gap:3px 12px}.evidence-caption i.link-hint{font-size:11px}.evidence-section--nested{padding-bottom:8vw}.evidence-section--nested .evidence-grid{margin-top:8vw}.case-outcomes{flex-direction:column;padding:18vw 0;display:flex}.metrics-grid--even,.metrics-grid--odd,.metrics-grid[data-count="3"]{grid-template-columns:1fr}.metrics-grid--odd .metric-card,.metrics-grid--odd[data-count="1"] .metric-card,.metrics-grid--odd .outcome-takeaway{border-left:1px solid var(--line);width:auto}.metric-card,.metrics-grid>div{min-height:104px;padding:12px}.outcome-takeaway p{font-size:16px}.menu-intro{grid-template-columns:minmax(0,1fr) 112px;align-items:start;gap:12px;margin:18px 0 28px}.menu-intro h2{font-size:clamp(38px,11vw,52px);line-height:.86}.menu-portrait{width:112px;height:160px;transform:translateY(-4px)}.menu-portrait:hover{transform:translateY(-4px)scale(1.04)}.menu-intro p{max-width:100%;margin-top:18px;font-size:17px}.menu-contact{gap:5px;margin-top:14px;font-size:10px}.menu-overlay nav button{grid-template-columns:30px 1fr 20px}.menu-overlay nav span{display:none}.project-arrow{font-size:17px}}@media (prefers-reduced-motion:reduce){.scroll-track,.image-track{will-change:auto}*{scroll-behavior:auto!important;transition-duration:.01ms!important}}