@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#15211d;--cream:#f4ead9;--paper:#fffaf1;--green:#2d6756;--orange:#d8632d;--pink:#efc8ce;--line:#20342c;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;color:var(--ink);font-family:var(--sans);background:var(--cream);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit}button{font:inherit}header{height:78px;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{font-weight:600;letter-spacing:.08em;text-decoration:none;font-size:1.15rem}nav{display:flex;gap:2rem}nav a{text-decoration:none;font-size:.9rem}nav a:hover{text-decoration:underline;text-underline-offset:4px}.hero{height:min(780px,calc(100svh - 78px));min-height:640px;position:relative;overflow:hidden;background:#3b735f}.desk-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:40px 40px}.hero-copy{position:absolute;z-index:4;left:50%;top:50%;width:min(560px,48vw);transform:translate(-50%,-47%);text-align:center;color:#fff}.kicker{font-weight:600;letter-spacing:.17em;font-size:.75rem;margin:0 0 1.1rem}.hero h1{font:clamp(5rem,9vw,9rem)/.72 var(--serif);letter-spacing:-.055em;margin:.1em 0 .25em;text-shadow:0 2px 25px #17362c3d}.intro{font-size:1.03rem;line-height:1.55;max-width:470px;margin:0 auto 1.7rem}.pill{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;border:1px solid #993e1c;border-radius:999px;padding:1rem 1.45rem;font-size:.9rem;font-weight:600;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px) rotate(-1deg);background:#e2733e}.print{position:absolute;z-index:2;background:var(--paper);padding:9px 9px 28px;margin:0;box-shadow:0 14px 28px #16382f4f;border:1px solid #263b35}.print img{display:block;width:100%;height:100%;object-fit:cover}.print span{position:absolute;left:10px;bottom:8px;font:italic .75rem var(--serif)}.print-one{width:26vw;height:30vw;max-width:380px;max-height:420px;left:-3vw;top:8%;transform:rotate(-6deg)}.print-two{width:22vw;height:16vw;max-width:320px;max-height:230px;right:2vw;top:4%;transform:rotate(6deg)}.print-three{width:24vw;height:22vw;max-width:360px;max-height:320px;right:-3vw;bottom:-2%;transform:rotate(-5deg)}.print-four{width:18vw;height:15vw;max-width:270px;max-height:210px;left:14vw;bottom:-4%;transform:rotate(8deg)}.tape{position:absolute;z-index:3;width:80px;height:28px;background:#f1d875c7;box-shadow:0 1px 2px #0002}.tape-one{left:19%;top:8%;transform:rotate(12deg)}.tape-two{right:9%;bottom:23%;transform:rotate(-20deg)}.location-stamp{position:absolute;z-index:3;right:30px;top:34%;font-size:.65rem;line-height:1.4;letter-spacing:.12em;color:#e9ddc6;transform:rotate(90deg)}.film-strip{position:absolute;z-index:2;left:-12px;top:31%;width:64px;padding:12px 8px;background:#191d1b;color:#eedbb9;display:grid;gap:10px;justify-items:center;transform:rotate(-3deg);font:12px monospace}.film-strip i{display:block;width:38px;height:28px;border:2px solid #cab896;background:#33443d}.ticker{border-block:1px solid var(--line);background:var(--pink);overflow:hidden;padding:.72rem 0;white-space:nowrap;font:1.15rem/1 var(--serif);letter-spacing:.07em}.ticker div{display:inline-block;animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.work{padding:8rem 3.2vw 9rem;background:var(--cream)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3.5rem}.section-head h2,.about h2{font:clamp(3.6rem,7vw,7rem)/.86 var(--serif);letter-spacing:-.04em;margin:0}.filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.filters button{border:1px solid var(--line);border-radius:999px;background:transparent;padding:.65rem 1rem;cursor:pointer;color:var(--ink)}.filters button.active,.filters button:hover{background:var(--ink);color:var(--cream)}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:1.25rem}.project{grid-column:span 4;position:relative;border:0;padding:0;background:#d9ceba;cursor:pointer;overflow:hidden;text-align:left;color:#fff;min-height:340px}.project.wide{grid-column:span 7}.project.tall{grid-column:span 5;grid-row:span 2;min-height:660px}.project.square{grid-column:span 5}.project img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .3s}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,#09130fbd)}.project span{position:absolute;z-index:2;left:1.25rem;bottom:1.15rem}.project b{display:block;font:2rem var(--serif)}.project small{font-size:.73rem;letter-spacing:.09em;text-transform:uppercase}.project em{position:absolute;z-index:2;right:1rem;top:1rem;background:var(--orange);padding:.55rem .7rem;border-radius:999px;font-style:normal;font-size:.72rem}.project:hover img,.project:focus-visible img{transform:scale(1.045);filter:saturate(1.12)}.project[hidden]{display:none}.about{padding:8rem 3.2vw;background:var(--orange);color:#fff;display:grid;grid-template-columns:1fr 5fr 4fr;gap:3rem;align-items:start}.index{font:italic 1.2rem var(--serif);margin:0}.about-copy{padding-top:2.5rem;max-width:500px}.about-copy p{font-size:1.15rem;line-height:1.65}.text-link{display:inline-block;margin-top:1.5rem;font-weight:600;text-underline-offset:5px}footer{padding:2rem 3.2vw;background:#15211d;color:#f4ead9;display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.08em}footer a{text-underline-offset:4px}dialog{width:min(980px,calc(100% - 2rem));height:min(760px,calc(100svh - 2rem));padding:0;border:1px solid #dbcdb6;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0009;overflow:hidden}dialog::backdrop{background:#0d1814d9;backdrop-filter:blur(4px)}dialog[open]{display:grid;grid-template-columns:1.4fr 1fr;animation:open .25s ease-out}dialog>img{width:100%;height:100%;object-fit:cover;min-height:0}dialog>div{padding:3rem;align-self:end}dialog>div p{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}dialog>div h2{font:3.5rem/.9 var(--serif);margin:.5rem 0 2rem}dialog>div a{font-weight:600;text-underline-offset:5px}.close{position:absolute;right:1rem;top:1rem;width:44px;height:44px;border:1px solid var(--line);background:var(--paper);border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:2}@keyframes open{from{opacity:0;transform:translateY(20px) scale(.98)}}@media(max-width:800px){header{height:68px;padding:0 18px}nav{gap:1rem}nav a:nth-child(2){display:none}.hero{height:720px;min-height:0}.hero-copy{width:88%;top:47%}.hero h1{font-size:4.8rem}.intro{font-size:.95rem}.print-one{width:48vw;height:48vw;left:-14vw;top:3%}.print-two{width:43vw;height:31vw;right:-10vw;top:5%}.print-three{width:48vw;height:42vw;right:-10vw;bottom:-2%}.print-four{width:39vw;height:34vw;left:-8vw;bottom:1%}.location-stamp,.film-strip{display:none}.work{padding:5.5rem 18px}.section-head{display:block}.section-head h2{font-size:4rem}.filters{justify-content:flex-start;margin-top:2rem}.gallery{display:block}.project,.project.wide,.project.tall,.project.square{width:100%;min-height:0;height:72vw;margin-bottom:1rem}.project.tall{height:112vw}.about{padding:5rem 18px;grid-template-columns:1fr}.about h2{font-size:4rem}.about-copy{padding-top:0}.index{display:none}footer{padding:1.5rem 18px;gap:1rem;flex-wrap:wrap}dialog[open]{display:block;overflow:auto}dialog>img{height:60svh}dialog>div{padding:1.5rem}dialog>div h2{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}