@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--cream:#faf8df;--ink:#141614;--green:#174835;--line:#b9baa7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--cream);color:var(--ink);font:400 1rem/1.5 'DM Sans',Arial,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;line-height:.87;letter-spacing:-.025em;text-transform:uppercase}h2 i,h3 i{font-family:Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.08em}section,article,footer{scroll-margin-top:76px}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;position:sticky;top:0;z-index:20;background:rgba(250,248,223,.96);border-bottom:1px solid var(--ink);backdrop-filter:blur(12px)}.wordmark{font:900 1.8rem/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.08em}.wordmark span{font:400 .7rem/1 Arial;vertical-align:top;margin-left:4px}.site-header nav{display:flex;gap:clamp(1rem,3vw,3rem);align-items:center}.site-header nav a{font-size:.82rem;font-weight:700;text-transform:uppercase;transition:opacity .2s}.site-header nav a:hover{opacity:.48}.nav-contact{border:1px solid var(--ink);padding:.65rem 1rem}.hero{padding:1.5rem 3% 0;overflow:hidden}.hero-kicker,.hero-bottom,.project-meta,.section-head>span,.section-marker,.chapter-heading>span,.footer-top,.footer-bottom,figcaption{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.hero-kicker,.hero-bottom,.project-meta,.footer-top{display:flex;justify-content:space-between}.hero h1{font-size:clamp(4.4rem,11.25vw,12.5rem);line-height:.79;letter-spacing:-.045em;margin:clamp(2.5rem,5vw,5rem) 0 2.8rem;max-width:1700px}.hero h1 em{font-family:Georgia,serif;font-size:.72em;font-weight:400;text-transform:none;letter-spacing:-.1em}.period{color:var(--green)}.hero-bottom{align-items:end;gap:1rem;padding-bottom:1.8rem}.hero-bottom p{line-height:1.35}.round-link{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--ink);border-radius:50%;font:1.8rem Arial;transition:background .25s,color .25s,transform .25s}.round-link:hover{background:var(--ink);color:var(--cream);transform:translateY(4px)}.hero-collage{display:grid;grid-template-columns:1.05fr .8fr .8fr;align-items:end;gap:1.2%;height:min(46vw,630px);overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover}.hero-photo.one{object-position:center 27%}.hero-photo.two{height:82%;object-fit:contain;object-position:center bottom}.hero-photo.three{height:72%;object-position:center 35%}.ruled{border-top:1px solid var(--ink);display:grid;grid-template-columns:25% 1fr;padding:6.5rem 3%;gap:1rem}.ruled h2{font-size:clamp(4.5rem,9vw,10rem)}.intro>div:last-child{display:grid;grid-template-columns:1fr 1fr;column-gap:5%;align-items:end}.intro h2{grid-column:1/-1;margin-bottom:3rem}.intro p{font-size:clamp(1.05rem,1.5vw,1.45rem);max-width:590px}.section-head{padding:6rem 3% 3rem;display:grid;grid-template-columns:25% 1fr 22%;align-items:end}.section-head h2{font-size:clamp(6rem,12vw,13rem)}.section-head p{align-self:end;max-width:240px}.project{padding:2rem 3% 7rem;border-top:1px solid var(--ink)}.project-meta{margin-bottom:3rem}.project-lead{display:grid;grid-template-columns:33% 1fr;gap:2%}.project-title{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:3rem}.project h3{font-size:clamp(5.2rem,9vw,10rem)}.project-title p,.jersey-copy>p,.mockups>p{font-size:1.1rem;max-width:330px}.project-main{background:#ece7d1;min-height:500px;display:flex;flex-direction:column;justify-content:space-between}.project-main img{width:100%;height:clamp(430px,48vw,760px);object-fit:contain;padding:3%}.project figcaption,.bts figcaption{padding:.6rem 0}.project-main figcaption{padding:1rem}.image-row{display:grid;gap:1.5%;margin-top:1.5rem}.product-row{grid-template-columns:1.3fr 1fr 1fr}.product-row figure{background:#f0eddb;min-width:0}.product-row img{width:100%;height:clamp(220px,27vw,430px);object-fit:contain;padding:5%}.product-row figcaption{padding:.8rem}.project-jersey{background:#e6e9da}.jersey-layout{display:grid;grid-template-columns:1fr 1fr;gap:2%}.jersey-campaign{background:#d8dfc7;display:flex;flex-direction:column;justify-content:end}.jersey-campaign img{height:clamp(450px,50vw,790px);width:100%;object-fit:contain;object-position:bottom}.jersey-campaign figcaption{padding:1rem}.jersey-copy{display:flex;flex-direction:column;align-items:start}.jersey-copy h3{margin-bottom:1.5rem}.jersey-copy figure{margin-top:auto;width:100%;background:#f1f0dc}.jersey-copy figure img{width:100%;height:clamp(240px,25vw,400px);object-fit:contain;padding:5%}.jersey-copy figcaption{padding:.8rem}.triptych{grid-template-columns:repeat(3,1fr)}.triptych img{width:100%;height:clamp(230px,41vw,660px);object-fit:cover}.mockups>h3{margin-bottom:1.5rem}.mockups>p{margin-bottom:3rem}.mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.mockup-grid figure{background:#f0edda}.mockup-grid img{width:100%;height:clamp(230px,30vw,460px);object-fit:contain;padding:8%}.mockup-grid figcaption{padding:.8rem}.photo-section{background:#171c18;color:var(--cream);padding-bottom:6rem}.photo-section .section-head{padding-top:6rem;padding-bottom:7rem}.photo-chapter{margin:0 3% 6rem;border-top:1px solid #858c80;padding-top:2rem}.chapter-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:2rem}.chapter-heading h3{font-size:clamp(4rem,8vw,9rem)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3vw}.photo-grid img{width:100%;height:clamp(260px,38vw,620px);object-fit:cover;filter:saturate(.9);transition:filter .4s,transform .4s}.photo-grid img:hover{filter:saturate(1.15);transform:scale(.985)}.film-grid img:nth-child(2),.digital-grid img:nth-child(3){object-position:50% 35%}.bts>div:last-child>p{max-width:650px;font-size:1.2rem;margin:2rem 0 3rem}.bts-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.2rem}.bts-grid img{width:100%;height:clamp(230px,28vw,470px);object-fit:cover}.credentials{padding-bottom:9rem}.credentials h2{margin-bottom:3rem}.credentials-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.credentials-grid h3{font-size:2.2rem;margin-bottom:1.2rem}.credentials-grid p,.credentials-grid dd{line-height:1.9}.credentials-grid dl{margin:0}.credentials-grid dt{font-weight:700;margin-top:1rem}.credentials-grid dd{margin:0;color:#444}.education-title{margin-top:2.5rem}footer{background:var(--green);color:var(--cream);padding:2.2rem 3% 3rem}.footer-top{border-top:1px solid #91ab95;padding-top:1rem}footer h2{font-size:clamp(8rem,22vw,25rem);line-height:.74;letter-spacing:-.055em;margin:6rem 0 4rem}footer h2 i{font-size:.85em}.email-cta{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--cream);padding:1.2rem 1.5rem;font-weight:700;font-size:1rem;transition:background .25s,color .25s}.email-cta:hover{background:var(--cream);color:var(--green)}.email-cta span{font-size:1.8rem}.footer-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-top:6rem;border-top:1px solid #91ab95;padding-top:1.4rem}.footer-bottom>div{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.footer-bottom a:hover{text-decoration:underline}.footer-bottom p{text-align:right}.back-top{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--cream);color:var(--ink);border:1px solid var(--ink);border-radius:50%;width:45px;height:45px;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s,transform .25s;z-index:10}.back-top.visible{opacity:1;pointer-events:auto;transform:none}
@media(max-width:850px){.site-header{padding:0 4%}.hero,.project,footer{padding-left:4%;padding-right:4%}.hero h1{font-size:clamp(4.5rem,11vw,8rem);margin:4rem 0 2rem}.ruled{grid-template-columns:1fr;padding:5rem 4%;gap:2rem}.section-head{grid-template-columns:1fr 1fr;gap:1rem;padding-left:4%;padding-right:4%}.section-head h2{grid-column:1/-1;grid-row:2}.section-head p{grid-column:2;grid-row:1}.project-lead{grid-template-columns:1fr}.project-title{display:block;padding-bottom:2rem}.project-title p{margin-top:1.5rem}.project-main{min-height:auto}.jersey-layout{grid-template-columns:1fr 1fr}.jersey-copy h3{font-size:clamp(4.5rem,8vw,7rem)}.photo-grid img{height:42vw}.credentials-grid{gap:2rem}}
@media(max-width:600px){html{scroll-padding-top:60px}section,article,footer{scroll-margin-top:60px}.site-header{height:60px}.wordmark{font-size:1.5rem}.site-header nav{gap:.7rem}.site-header nav a{font-size:.7rem}.site-header nav a:nth-child(2){display:none}.nav-contact{padding:.5rem .6rem}.hero-kicker span:last-child,.hero-index{display:none}.hero{padding-top:1rem}.hero h1{font-size:clamp(3.65rem,14.1vw,5.8rem);line-height:.83;margin:4.2rem 0 3rem}.hero-bottom{align-items:center}.hero-bottom p{font-size:.72rem}.round-link{width:45px;height:45px;flex-shrink:0}.hero-collage{height:85vw;grid-template-columns:1.3fr .9fr;gap:2%}.hero-photo.one{height:100%}.hero-photo.two{height:75%;object-position:bottom}.hero-photo.three{display:none}.ruled{padding-top:4rem;padding-bottom:4rem}.ruled h2{font-size:clamp(4.5rem,15vw,7rem)}.intro>div:last-child{display:block}.intro h2{margin-bottom:2rem}.intro p{font-size:1rem;margin-top:1rem}.section-head{padding-top:4.5rem;padding-bottom:2.5rem}.section-head h2{font-size:clamp(5rem,18vw,8rem)}.section-head p{font-size:.75rem}.project{padding-top:1.4rem;padding-bottom:4.5rem}.project-meta{margin-bottom:2.2rem;gap:1rem}.project-meta span:last-child{text-align:right}.project h3{font-size:clamp(5rem,17vw,8rem)}.project-main img{height:105vw}.project-main figcaption{font-size:.65rem}.product-row{grid-template-columns:1fr 1fr;gap:.5rem}.product-row figure:first-child{grid-column:1/-1}.product-row img{height:56vw}.product-row figure:first-child img{height:58vw}.project figcaption{font-size:.62rem}.jersey-layout{grid-template-columns:1fr}.jersey-campaign{order:2}.jersey-copy{order:1}.jersey-copy h3{font-size:clamp(5rem,17vw,8rem)}.jersey-copy>p{margin:1.5rem 0}.jersey-copy figure img{height:60vw}.jersey-campaign img{height:100vw}.triptych{gap:.5rem}.triptych img{height:50vw}.mockup-grid{grid-template-columns:1fr 1fr;gap:.5rem}.mockup-grid img{height:45vw}.mockup-grid figcaption{font-size:.58rem}.photo-section{padding-bottom:1rem}.photo-section .section-head{padding-top:5rem;padding-bottom:4rem}.photo-chapter{margin:0 4% 4rem}.chapter-heading h3{font-size:clamp(4rem,14vw,6rem)}.photo-grid{grid-template-columns:1fr 1fr;gap:.5rem}.photo-grid img{height:72vw}.bts-grid{grid-template-columns:1fr 1fr;gap:.5rem}.bts-grid figure:first-child{grid-column:1/-1}.bts-grid img{height:58vw}.bts-grid figure:first-child img{height:75vw}.bts figcaption{font-size:.65rem}.credentials-grid{grid-template-columns:1fr;gap:3rem}.credentials-grid h3{font-size:2rem}footer{padding-top:1.5rem}footer h2{font-size:clamp(7rem,23vw,12rem);margin:5rem 0 4rem}.footer-bottom{grid-template-columns:1fr 1fr;gap:2rem 1rem;font-size:.65rem}.footer-bottom p{text-align:left;grid-column:1/-1}.email-cta{font-size:.8rem}.back-top{right:1rem;bottom:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}