@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@300;400;500;600&family=Lexend+Tera:wght@500&display=swap');
:root{--ink:#14120e;--paper:#f5f5f5;--gold:#a29064;--grey:#c0c0c0;--line:rgba(192,192,192,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif;font-weight:300;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.skip{position:absolute;left:20px;top:-100px;background:var(--paper);color:var(--ink);z-index:50;padding:10px}.skip:focus{top:15px}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.mark{font-family:'Lexend Tera',Arial,sans-serif;font-weight:500;letter-spacing:.06em;font-size:19px;white-space:nowrap}nav{display:flex;gap:32px;font-size:14px;font-weight:400}nav a{border-bottom:1px solid transparent}nav a:hover{border-color:var(--gold)}.menu-toggle{display:none;background:transparent;border:1px solid var(--grey);color:var(--paper);padding:6px 10px;font-size:14px}.hero{position:relative;min-height:660px;height:calc(100svh - 88px);max-height:1000px;overflow:hidden;display:flex;align-items:flex-end}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:url('#duotone');opacity:.65}.hero-copy{position:relative;margin:0 0 6vh 5%;padding:26px 30px 30px;background:rgba(20,18,14,.9);max-width:80%}.eyebrow,.section-label{font-size:13px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;line-height:1.6;color:var(--gold)}h1,h2,h3{font-family:Anton,'Arial Narrow',Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.004em;line-height:1.05;margin:0}h1{font-size:clamp(48px,6.2vw,104px)}.hero .eyebrow{margin:0 0 16px}.hero-line{margin:22px 0 0;font-size:clamp(16px,1.4vw,21px)}.hero-caption{position:absolute;right:5%;bottom:25px;font-size:12px;color:var(--grey)}.hero-controls{position:absolute;top:25px;right:5%;background:var(--ink);padding:8px 16px;border:1px solid var(--line);font-size:13px;display:flex;gap:14px;align-items:center}.hero-controls button{color:var(--paper);background:transparent;border:0;padding:2px;cursor:pointer;font-size:13px}.hero-controls button:hover{text-decoration:underline}.intro{padding:80px 8%;display:grid;grid-template-columns:1fr 2fr;gap:8%;border-bottom:1px solid var(--line)}.intro h2{font-size:clamp(30px,3.1vw,48px);line-height:1.2}.intro p{max-width:710px;font-size:21px;margin:0}.work{padding:70px 5% 100px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;border-top:2px solid var(--gold);padding-top:22px}.section-top h2{font-size:clamp(36px,4vw,60px)}.section-top .section-label{margin:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 32px}.project{min-width:0}.project.wide{grid-column:1/-1}.project .image{overflow:hidden;aspect-ratio:1.45;position:relative;background:#24221c}.project.wide .image{aspect-ratio:2.2}.project .image img{display:block;width:100%;height:100%;object-fit:cover;filter:url('#duotone');transition:transform .8s cubic-bezier(.2,.6,.3,1)}.project:hover .image img{transform:scale(1.035)}.project .image .index{position:absolute;top:16px;left:16px;font-size:13px;background:var(--ink);padding:3px 10px;color:var(--gold);font-weight:500}.project h3{font-size:clamp(30px,3.3vw,48px);margin:20px 0 9px}.project .sub{font-size:18px;line-height:1.55;margin:0 0 16px;max-width:620px}.project details{border-top:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;font-weight:400;cursor:pointer;padding:14px 0}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:24px;line-height:1;color:var(--gold)}details[open] summary:after{content:'−'}.detail{padding:4px 0 18px;max-width:760px}.detail p{margin:0 0 20px;color:var(--grey)}.role{font-size:13px;color:var(--gold)!important;font-weight:500;letter-spacing:.04em}.facts{display:flex;gap:30px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line)}.facts div{flex:1;min-width:130px}.facts strong{display:block;color:var(--gold);font-size:clamp(24px,3vw,40px);font-family:Anton,Impact,sans-serif;font-weight:400;line-height:1.2}.facts span{font-size:13px;color:var(--grey)}.detail figure{margin:22px 0 0}.detail figure img{width:100%;height:auto}.detail figcaption{font-size:13px;color:var(--grey)}.approach{background:var(--paper);color:var(--ink);padding:100px 8%}.approach .section-label,.writing .section-label{color:var(--ink)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:30px 0 60px}.approach h2{font-size:clamp(45px,5vw,75px)}.approach p{margin:0 0 20px;font-size:18px}.services{border-top:1px solid var(--ink)}.service{display:grid;grid-template-columns:40px 1fr 1.2fr;gap:24px;padding:22px 0;border-bottom:1px solid #d1d1d1}.service span{font-size:14px}.service h3{font:400 21px/1.4 Inter,Arial,sans-serif;text-transform:none}.service p{font-size:16px;margin:0}.current{padding:85px 5%;display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.current img{display:block;width:100%;filter:url('#duotone')}.current h2{font-size:clamp(40px,4vw,65px);margin:20px 0}.current p{font-size:18px}.writing{background:var(--paper);color:var(--ink);padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.writing h2{font-size:clamp(40px,4vw,60px);margin:22px 0}.writing p{font-size:20px;margin:22px 0 28px}.text-link{display:inline-block;border-bottom:2px solid var(--gold);padding:5px 0;font-weight:500;font-size:16px}.text-link:hover{border-bottom-color:currentColor}.about{padding:100px 8%;display:grid;grid-template-columns:1fr 1.2fr;gap:8%;border-bottom:1px solid var(--line)}.about h2{font-size:clamp(40px,4vw,60px);margin-top:24px}.about p{font-size:19px;margin:0 0 25px}.contact{padding:90px 8% 100px}.contact h2{font-size:clamp(44px,6vw,90px);margin:24px 0 34px}.contact .email{font-size:clamp(20px,2.5vw,34px);border-bottom:2px solid var(--gold);padding-bottom:8px;display:inline-block;overflow-wrap:anywhere}footer{margin:0 5%;padding:25px 0;border-top:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;font-size:13px;color:var(--grey)}.footer-links{display:flex;gap:24px}footer a:hover{text-decoration:underline}.filter-defs{position:absolute;width:0;height:0;overflow:hidden}.noscript{padding:14px 5%;color:var(--grey)}
@media(min-width:1600px){.work,.current{padding-left:8%;padding-right:8%}}
@media(max-width:900px){header{height:76px}.hero{height:calc(90svh - 76px);min-height:540px}.hero-copy{max-width:90%;margin-bottom:60px;padding:22px}.hero-caption{left:5%;right:auto;bottom:20px}.intro{grid-template-columns:1fr;gap:26px;padding:55px 6%}.projects{gap:50px 22px}.approach,.writing,.about,.contact{padding:65px 6%}.approach-grid{gap:6%;margin-bottom:40px}.current{gap:5%}.service{grid-template-columns:30px 1fr;gap:12px}.service p{grid-column:2}.about{grid-template-columns:1fr;gap:32px}nav{gap:20px}}
@media(max-width:600px){header{height:74px}.mark{font-size:16px}.menu-toggle{display:block}nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--ink);padding:22px 6%;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:20px 28px}nav.open{display:flex}.hero{height:calc(90svh - 74px);min-height:535px}.hero>img{object-position:43% 25%}.hero-copy{max-width:90%;padding:18px}.hero h1{font-size:clamp(43px,11.5vw,69px)}.hero .eyebrow{font-size:12px;letter-spacing:.1em}.hero-line{font-size:16px;max-width:280px}.hero-caption{font-size:12px}.hero-controls{top:16px}.intro{padding:45px 6%}.intro p{font-size:18px}.work{padding:50px 6% 65px}.section-top{display:block}.section-top .section-label{margin-top:15px}.projects{grid-template-columns:1fr;gap:40px}.project.wide{grid-column:auto}.project.wide .image,.project .image{aspect-ratio:1.25}.project h3{font-size:34px}.project .sub{font-size:17px}.facts{gap:20px}.approach-grid,.writing,.current{grid-template-columns:1fr;gap:28px}.approach h2{font-size:44px}.approach-grid p,.about p{font-size:17px}.current{padding:55px 6%}.current h2{font-size:42px}.writing{gap:5px}.writing p{font-size:18px}.writing h2{font-size:42px}.contact h2{font-size:48px}footer{flex-wrap:wrap;gap:16px}.footer-links{width:100%}}
@media(min-width:601px) and (max-width:700px){nav{gap:12px}.mark{font-size:16px}}
.rob-portrait{margin:32px 0 0}.rob-portrait img{display:block;width:100%;height:auto;filter:url('#duotone')}.current picture{display:block}.current picture img{height:auto}

.writing-links{display:flex;align-items:flex-start;flex-direction:column;gap:18px}.secondary-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}.primary-footer{font-weight:600;color:var(--paper)}
.hero>img{filter:none;opacity:1;object-position:65% center}.hero-copy{background:rgba(20,18,14,.86)}
@media(max-width:600px){.current-art{max-width:360px;width:100%;margin:0 auto}.current picture img{aspect-ratio:9/16;object-fit:contain}.rob-portrait{margin-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.project:hover .image img{transform:none}}

.hero-photo{position:absolute;top:0;right:0;height:100%;aspect-ratio:9/10;max-width:55%;overflow:hidden}.hero-photo img{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;transform:scale(1.02);transform-origin:right center;filter:url("#duotone");opacity:.92}.hero-copy{z-index:1;background:rgba(20,18,14,.92)}
@media(max-width:600px){.hero-photo{width:100%;max-width:100%;aspect-ratio:auto}.hero-photo img{opacity:.72}.hero-copy{margin-bottom:40px}}
.hero-photo .hero-select{opacity:0;transition:opacity 1.2s ease}.hero-photo .hero-select.is-active{opacity:.92}.hero-controls{z-index:2}.hero-controls button:disabled{cursor:default;color:var(--grey)}.meateater-project .image img{object-fit:cover;object-position:35% 20%;filter:url('#duotone');transform:none}.meateater-project:hover .image img{transform:none}.meateater-project .image{background:var(--ink)}
@media(max-width:600px){.hero-photo .hero-select.is-active{opacity:.72}}

.hero-photo .hero-scene{width:100%;height:100%;object-fit:cover;transform:none}

@media(max-width:600px){.hero-photo .hero-scene{object-fit:contain;object-position:center top}}
