:root{--paper:#efede6;--ink:#171916;--accent:#dfff50;--line:#bdbfb5;--muted:#666b60;--pad:clamp(22px,4vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}img,video{width:100%;height:auto;display:block}:is(a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible){outline-offset:5px;outline:2px solid #486c0c}button{background:0 0;border:0}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.065em;font-weight:450;line-height:1}h1 em,h2 em{letter-spacing:-.075em;font-family:Georgia,Times New Roman,serif;font-weight:400}h3{letter-spacing:-.025em;font-size:20px;font-weight:500}.eyebrow{letter-spacing:.09em;text-transform:uppercase;font:10px/1.7 SFMono-Regular,Consolas,monospace}.brand-period{color:#719313}.status-dot{vertical-align:middle;background:#6d881c;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block}.skip{z-index:1000;background:var(--accent);padding:10px;position:absolute;transform:translateY(-100%)}.skip:focus{transform:none}.header{height:96px;padding:0 var(--pad);border-bottom:1px solid var(--line);background:var(--paper);z-index:100;justify-content:space-between;align-items:center;display:flex;position:relative}.wordmark{letter-spacing:-.04em;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.mark{letter-spacing:-.18em;font-size:34px;line-height:1}.mark>span{margin-right:5px;display:inline-block;transform:translateY(6px)}.header nav{align-items:center;gap:40px;font-size:12px;display:flex}.header nav a{transition:opacity .2s}.header nav a:hover{opacity:.55}.header sup{color:var(--muted);margin-left:3px;font:9px Consolas,monospace}.header-controls{align-items:center;gap:15px;display:flex}.motion{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;border-radius:30px;padding:8px 13px;font-size:10px}.menu{display:none}.hero{padding:28px var(--pad) 0;overflow:hidden}.hero-kicker{justify-content:space-between;gap:15px;display:flex}.hero h1{z-index:3;max-width:1100px;margin:58px 0 30px;font-size:clamp(74px,10vw,172px);line-height:.86;position:relative}.hero h1 em{letter-spacing:-.085em}.hero-last{margin-left:20%}.hero-bottom{justify-content:space-between;align-items:end;margin:40px 0 0;display:flex}.hero-bottom p{color:var(--muted);font-size:12px;line-height:1.7}.round-link{align-items:center;gap:35px;font-size:11px;display:flex}.round-link>span:last-child{border:1px solid var(--ink);border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;transition:background .25s,transform .25s;display:grid}.round-link:hover>span:last-child{background:var(--accent);transform:translateY(4px)}.hero-reel{--travel:0;perspective:1400px;height:clamp(380px,43vw,660px);margin-top:10px;margin-bottom:50px;position:relative}.reel-frame{will-change:transform;background:#d6d8cf;width:43%;padding:8px 8px 0;transition:box-shadow .3s;position:absolute;top:12%;box-shadow:0 25px 45px #17191619}.reel-frame img,.reel-frame video{object-fit:cover;height:clamp(240px,28vw,440px)}.reel-frame>span{text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;font:10px/3 SFMono-Regular,Consolas,monospace;display:flex}.reel-0{z-index:1;transform:translateY(calc(var(--travel)*30px)) rotate(calc(-9deg + var(--travel)*7deg)) rotateY(-5deg);left:3%}.reel-1{z-index:3;transform:translateY(calc(var(--travel)*60px)) rotate(calc(4deg - var(--travel)*3deg)) scale(calc(1 - var(--travel)*.05));top:4%;left:28.5%}.reel-2{z-index:2;transform:translateY(calc(var(--travel)*-25px)) rotate(calc(12deg - var(--travel)*8deg)) rotateY(6deg);right:-3%}.reel-0 img{object-fit:contain;background:#f4f1eb}.reel-frame:hover{z-index:4;box-shadow:0 30px 50px #1719163a}.section-pad{padding:100px var(--pad)}.collection{border-top:1px solid var(--line)}.section-title{grid-template-columns:1fr 2.2fr 1fr;align-items:end;gap:30px;margin-bottom:55px;display:grid}.section-title>h1,.section-title>h2{font-size:clamp(50px,5.8vw,94px)}.section-title>p{color:var(--muted);font-size:12px;line-height:1.8}.index-controls{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);z-index:5;background:var(--paper);grid-template-columns:1.15fr 1fr 1fr 1fr;display:grid;position:relative}.filter-label{letter-spacing:.07em;align-self:center;font:9px/1.8 SFMono-Regular,Consolas,monospace}.index-controls label{border-left:1px solid var(--line);min-width:0;padding:14px 18px}.index-controls label>span{text-transform:uppercase;color:var(--muted);letter-spacing:.07em;font:9px/1.5 Consolas,monospace;display:block}.index-controls select,.index-controls input{width:100%;color:var(--ink);outline-offset:3px;background:0 0;border:0;border-radius:0;padding:6px 0;font-size:12px}.index-controls input::placeholder{color:var(--muted)}.results-label{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:20px;padding:19px 0;font:9px/1.5 Consolas,monospace;display:flex}.results-label>button{font:inherit;text-transform:uppercase;margin-right:auto}.results-label>span:last-child{color:var(--muted)}.project-grid{grid-template-columns:1fr 1fr;gap:65px 34px;padding-top:18px;display:grid}.project-card{min-width:0}.project-image{aspect-ratio:1.32;background:#d7d9d0;position:relative;overflow:hidden}.project-image>img,.project-image>video{object-fit:cover;height:100%;transition:transform .7s cubic-bezier(.2,.65,.2,1),filter .5s}.card-1 .project-image{aspect-ratio:1}.card-2{padding-right:14%}.card-3{padding-top:15%;padding-left:6%}.card-3 .project-image{aspect-ratio:1.1}.project-card:hover .project-image>img,.project-card:hover .project-image>video{transform:scale(1.035)}.card-open{background:var(--paper);border-radius:50%;place-items:center;width:40px;height:40px;font-size:21px;transition:background .25s,transform .3s;display:grid;position:absolute;bottom:16px;right:16px;transform:rotate(-5deg)}.project-card:hover .card-open{background:var(--accent);transform:rotate(0)}.card-no{background:var(--paper);padding:6px 8px;font:10px Consolas,monospace;position:absolute;top:16px;left:16px}.project-line{justify-content:space-between;align-items:baseline;gap:15px;margin-top:19px;display:flex}.project-line h2{letter-spacing:-.04em;font-size:clamp(24px,2.5vw,40px);line-height:1.05}.project-line>span{font-size:21px}.project-card>p{color:var(--muted);margin-top:8px;font-size:11px}.project-tags{flex-wrap:wrap;gap:6px;margin-top:15px;display:flex}.project-tags span{letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--line);padding:4px 7px;font:8px/1.5 Consolas,monospace}.archive-callout{padding:90px var(--pad);border-top:1px solid var(--ink);background:var(--accent);justify-content:space-between;align-items:center;display:flex}.archive-callout h2{margin:30px 0;font-size:clamp(54px,6vw,100px)}.archive-callout p{max-width:380px;margin-bottom:30px;font-size:13px}.text-link{border-bottom:1px solid var(--ink);padding:8px 0;font-size:12px;font-weight:500;display:inline-block}.archive-number{letter-spacing:-.1em;font:clamp(100px,18vw,280px)/.8 Georgia,serif}.archive-number>span{letter-spacing:.08em;text-align:center;margin-top:25px;font:10px/1.5 Consolas,monospace;display:block}.work-page{padding-top:80px}.work-page .section-title{grid-template-columns:1fr 2.2fr 1fr}.work-page h1{font-size:clamp(55px,7vw,110px)}.notice{border-left:3px solid var(--ink);margin-bottom:30px;padding:12px 16px;font-size:12px}.empty{text-align:center;padding:90px 0}.empty h2{font-size:48px}.empty p{margin:25px 0}.project-intro{padding-top:45px;padding-bottom:65px}.back{margin-bottom:55px;display:block}.project-intro-grid{grid-template-columns:3fr 1fr;gap:15%;display:grid}.project-intro h1{overflow-wrap:break-word;max-width:1000px;margin:25px 0;font-size:clamp(58px,8vw,130px)}.project-deck{color:var(--muted);letter-spacing:-.03em;max-width:700px;font-size:clamp(18px,2.4vw,30px);line-height:1.3}.project-facts{flex-direction:column;align-items:flex-start;font-size:11px;line-height:2.2;display:flex}.project-facts>.eyebrow{color:var(--muted);margin:8px 0 14px}.project-facts>.eyebrow:not(:first-child){margin-top:30px}.project-hero{margin:0 var(--pad);background:#d9dbd1;max-height:850px;overflow:hidden}.project-hero>img{object-fit:contain;width:100%;height:auto;max-height:850px}.project-hero>video{background:var(--ink);max-height:850px}.project-story{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:12%;display:grid}.project-story h2{margin-top:26px;font-size:clamp(42px,4vw,68px)}.lead{letter-spacing:-.025em;font-size:clamp(20px,2.2vw,31px);line-height:1.45}.story-pair{grid-template-columns:1fr 1fr;gap:40px;margin-top:55px;display:grid}.story-pair p,.case-section p{color:var(--muted);white-space:pre-line;margin-top:18px;font-size:14px;line-height:1.8}.project-note{border-top:1px solid var(--line);color:var(--muted);margin-top:35px;padding-top:20px;font-size:11px}.gallery-heading{border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:30px;padding-bottom:20px;display:flex}.gallery{grid-template-columns:1fr 1fr;align-items:start;gap:45px 30px;display:grid}.gallery figure{min-width:0;margin:0}.gallery figure.wide{grid-column:span 2}.gallery figure>button{background:#dedfd6;width:100%;padding:0;display:block;position:relative;overflow:hidden}.gallery img{object-fit:contain;background:#e1e0d8;max-height:1000px}.enlarge{background:var(--paper);border-radius:50%;padding:5px 12px;font-size:24px;position:absolute;bottom:12px;right:12px}.gallery figcaption{color:var(--muted);gap:22px;padding-top:12px;font-size:10px;line-height:1.5;display:flex}.gallery figcaption>span{color:var(--ink);font:10px Consolas,monospace}.case-section{border-bottom:1px solid var(--line);margin-top:20px;padding:26px 0}.deliverables{margin:40px 0}.deliverables>p{border-bottom:1px solid var(--line);gap:20px;padding:13px 0;font-size:13px;display:flex}.deliverables>p>span{color:var(--muted);font:10px/2 Consolas,monospace}.next-project{background:var(--accent)}.next-project>a{letter-spacing:-.06em;justify-content:space-between;gap:25px;margin:25px 0;font-size:clamp(36px,6vw,100px);line-height:1.2;display:flex}.next-project p{font-size:11px}.lightbox{width:100vw;max-width:none;height:100vh;max-height:none;color:var(--paper);background:#171916f5;border:0;padding:20px 5vw 45px;position:fixed;inset:0}.lightbox::backdrop{background:#171916f5}.lightbox img,.lightbox video{object-fit:contain;background:0 0;width:100%;height:calc(100vh - 150px)}.lightbox-tools{justify-content:flex-end;align-items:center;gap:30px;padding:0 0 22px;font-size:12px;display:flex}.lightbox-tools>span{margin-right:auto}.lightbox-tools button{color:var(--paper)}.lightbox>p{text-align:center;margin-top:15px;font-size:11px}.brand-page h1{font-size:clamp(64px,7vw,120px)}.brand-jumps{flex-wrap:wrap;gap:10px;margin:50px 0;display:flex}.brand-jumps a{border:1px solid var(--line);border-radius:25px;padding:8px 15px;font-size:11px}.brand-jumps a:hover{background:var(--accent)}.brand-category{padding-top:50px}.brand-category h2{border-bottom:1px solid var(--ink);margin-bottom:20px;padding-bottom:20px;font-size:35px}.brand-category sup{vertical-align:top;letter-spacing:0;margin-left:10px;font:11px Consolas,monospace}.brand-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.brand-grid figure{border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:#f8f8f4;flex-direction:column;justify-content:space-between;min-height:165px;margin:0;padding:30px 20px 20px;display:flex}.brand-grid img{object-fit:contain;filter:grayscale();height:70px}.brand-grid figcaption{color:var(--muted);margin-top:20px;font:9px/1.5 Consolas,monospace}.unavailable{min-height:65vh;padding-top:110px}.unavailable h1{margin:25px 0;font-size:clamp(65px,8vw,120px)}.unavailable p{margin:20px 0 35px}.footer-top{padding:60px var(--pad);background:var(--ink);color:var(--paper);border-bottom:1px solid #52574c}.footer-top>a{letter-spacing:-.065em;justify-content:space-between;gap:30px;margin-top:25px;font-size:clamp(42px,6vw,100px);line-height:1.3;display:flex}.footer-top>a>span{color:var(--accent)}.footer-columns{padding:65px var(--pad);background:var(--ink);color:var(--paper);grid-template-columns:1.6fr 1fr 1fr 1fr;gap:50px;display:grid}.footer-brand{letter-spacing:-.04em;font-size:30px}.footer-columns p{color:#b5bbae;max-width:240px;margin-top:20px;font-size:11px;line-height:1.8}.footer-columns>div{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.footer-columns .eyebrow{color:#b5bbae;margin-bottom:15px}.footer-columns a:not(.footer-brand){font-size:10px}.footer-columns a:hover{color:var(--accent)}.footer-base{background:var(--ink);color:#a3aa9b;padding:20px var(--pad);border-top:1px solid #52574c;justify-content:space-between;gap:20px;font-size:9px;display:flex}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *{transition:none!important;animation:none!important}html[data-motion=off] .reel-frame{will-change:auto}html[data-motion=off] .reel-0{transform:rotate(-4deg)}html[data-motion=off] .reel-1{transform:rotate(2deg)}html[data-motion=off] .reel-2{transform:rotate(5deg)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.reel-frame{will-change:auto}}@media (min-width:1500px){body{max-width:2000px;margin:auto}}@media (max-width:900px){.header nav{gap:18px}.header nav a{font-size:11px}.header{height:80px}.hero h1{margin-top:65px;font-size:12.5vw}.hero-reel{height:410px}.reel-frame img,.reel-frame video{height:280px}.section-title{grid-template-columns:1fr 2fr}.section-title>p{grid-column:2}.work-page .section-title{grid-template-columns:1fr 2fr}.index-controls{grid-template-columns:1fr 1fr 1fr}.filter-label{display:none}.index-controls label:first-of-type{border-left:0}.project-intro-grid{grid-template-columns:2.6fr 1fr;gap:6%}.project-story{gap:6%}.footer-columns{grid-template-columns:1.2fr 1fr 1fr;gap:25px}.footer-columns>div:first-child{grid-column:span 3;margin-bottom:20px}.project-grid{gap:45px 24px}}@media (max-width:600px){:root{--pad:20px}.header{height:76px}.wordmark{gap:9px;font-size:16px}.mark{font-size:28px}.header nav{padding:25px var(--pad);background:var(--paper);border-bottom:1px solid var(--ink);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:75px;left:0;right:0}.header nav.open{display:flex}.header nav a{border-bottom:1px solid var(--line);padding:14px 0;font-size:24px}.menu{font-size:11px;display:block}.motion{padding:6px 8px;font-size:9px}.header-controls{gap:12px}.hero{padding-top:23px}.hero-kicker{display:block}.hero-kicker>.eyebrow:last-child{display:none}.hero-kicker .eyebrow{font-size:8px}.hero h1{margin-top:48px;margin-bottom:30px;font-size:16.5vw;line-height:.95}.hero-last{margin-left:6%}.hero-bottom{align-items:center;gap:15px}.hero-bottom p{max-width:200px;font-size:10px}.round-link{gap:10px;font-size:9px}.round-link>span:last-child{width:34px;height:34px;font-size:18px}.hero-reel{height:300px;margin:30px -20px 0}.reel-frame{width:57%;padding:5px 5px 0;top:18%}.reel-frame img,.reel-frame video{height:190px}.reel-frame>span{font-size:7px;line-height:3}.reel-0{top:8%;left:-12%}.reel-1{top:0;left:24%}.reel-2{top:20%;right:-19%}.section-pad{padding:60px var(--pad)}.section-title,.work-page .section-title{margin-bottom:35px;display:block}.section-title>.eyebrow{margin-bottom:25px;display:block}.section-title h2,.section-title h1{font-size:55px}.section-title>p{margin-top:25px;font-size:11px}.index-controls{grid-template-columns:1fr 1fr}.index-controls label{padding:13px 10px}.index-controls label.search{border-left:0;border-top:1px solid var(--line);grid-column:span 2}.index-controls label:first-of-type{padding-left:0}.results-label{font-size:8px}.results-label>span:last-child{display:none}.project-grid{padding-top:8px;display:block}.project-card{margin-bottom:40px;padding:0;display:block}.project-image,.card-1 .project-image,.card-3 .project-image{aspect-ratio:1.25}.project-line h2{font-size:29px}.project-card>p{font-size:11px}.project-tags span{font-size:8px}.archive-callout{padding:60px var(--pad);align-items:flex-start;gap:15px}.archive-callout h2{margin:25px 0;font-size:45px}.archive-callout p{font-size:11px}.archive-number{margin-top:50px;font-size:80px}.archive-number>span{letter-spacing:0;font-size:7px}.project-intro-grid{display:block}.project-intro h1{margin:20px 0;font-size:56px}.project-deck{font-size:21px}.back{margin-bottom:35px}.project-facts{grid-template-columns:1fr 1fr;gap:3px 15px;margin-top:35px;display:grid}.project-facts>.eyebrow{grid-column:span 2;margin-top:18px}.project-hero{margin:0}.project-story{display:block}.project-story h2{margin-bottom:35px;font-size:43px}.lead{font-size:22px}.story-pair{grid-template-columns:1fr;gap:30px;margin-top:35px}.story-pair p,.case-section p{font-size:13px}.gallery{gap:30px 15px}.gallery figure{grid-column:span 2}.gallery-heading{gap:30px}.gallery-heading .eyebrow{font-size:8px}.gallery figcaption{gap:12px;font-size:9px}.next-project>a{font-size:43px}.next-project p{font-size:10px}.footer-top{padding:45px var(--pad)}.footer-top>a{font-size:44px;line-height:1.15}.footer-columns{padding:40px var(--pad);grid-template-columns:1fr 1fr;gap:30px 20px}.footer-columns>div:first-child{grid-column:span 2}.footer-columns>div:last-child{grid-column:span 2;grid-template-columns:1fr 1fr;display:grid}.footer-columns>div:last-child>.eyebrow{grid-column:span 2}.footer-base{flex-direction:column;gap:9px}.brand-page h1{font-size:63px}.brand-grid{grid-template-columns:1fr 1fr}.brand-grid figure{min-height:140px;padding:25px 15px 15px}.brand-grid img{height:55px}.brand-category h2{font-size:27px}.brand-jumps{gap:6px;margin:30px 0}.brand-jumps a{padding:7px 10px;font-size:9px}.lightbox{padding:15px}.lightbox-tools{gap:20px}.lightbox img,.lightbox video{height:calc(100svh - 145px)}}
