:root{--ink:#1d1612;--brown:#342219;--ivory:#f5f0e9;--paper:#fffdf9;--sand:#cdb9a7;--rose:#d7b7ad;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.nav{position:absolute;z-index:10;width:100%;display:flex;justify-content:space-between;padding:30px 4.5vw;font-size:11px;letter-spacing:.16em}.wordmark{font-weight:700}.nav nav{display:flex;gap:34px}.nav a{transition:opacity .2s}.nav a:hover{opacity:.5}.home-hero{min-height:100svh;padding:155px 6vw 55px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--sand)}.hero-kicker,.number,.section-head,.project-meta span,.coming span{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#9e8574}.home-hero h1{font:700 clamp(72px,12vw,175px)/.78 var(--sans);letter-spacing:-.075em;margin:5vh 0;text-transform:uppercase}.home-hero h1 em{font:italic normal .64em/1 var(--serif);text-transform:none;letter-spacing:-.05em;color:#7f6253}.hero-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--sand);padding-top:25px}.hero-bottom p{font:24px/1.35 var(--serif);max-width:620px;margin:0}.hero-bottom a{font-size:11px;letter-spacing:.13em;text-transform:uppercase}.hero-bottom span{margin-left:14px}.section{padding:120px 6vw}.manifesto{background:var(--paper)}.statement{font:normal clamp(42px,6.2vw,91px)/1.12 var(--serif);letter-spacing:-.045em;margin:80px 0 0;max-width:1200px}.statement em{color:#9c7568}.section-head{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--sand)}.section-head p{margin:0}.section-head span{font-weight:400;letter-spacing:.06em;text-transform:none}.project{display:block;margin-top:45px}.project-image{height:min(68vw,760px);overflow:hidden}.project-image img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.project:hover .project-image img{transform:scale(1.018)}.project-meta{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;padding:35px 0 80px}.project-meta h2,.coming h2{font:normal clamp(48px,7vw,105px)/.85 var(--serif);letter-spacing:-.06em;margin:22px 0 0}.project-side{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.project-side p,.coming p{font:18px/1.4 var(--serif);margin:0 0 8px}.project-side .view{margin-top:35px;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:5px}.coming{display:grid;grid-template-columns:1.2fr .8fr auto;gap:50px;align-items:end;border-top:1px solid var(--sand);padding:70px 0 0;color:#8d817a}.coming h2{color:#a39a94}.coming .status{border:1px solid var(--sand);padding:12px 15px;border-radius:99px}.services{background:var(--brown);color:var(--paper)}.section-head.light{border-color:rgba(205,185,167,.35);color:var(--sand)}.section-head.light p{color:var(--sand)}.service-list{margin-top:70px}.service-list article{display:grid;grid-template-columns:60px .75fr 1fr;gap:30px;padding:30px 0;border-top:1px solid rgba(205,185,167,.35);align-items:start}.service-list span{font-size:11px;color:var(--rose)}.service-list h3{font:normal clamp(28px,3.2vw,48px)/1 var(--serif);margin:0}.service-list p{font:18px/1.5 var(--serif);color:var(--sand);max-width:520px;margin:0}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;background:var(--paper)}.about-image{min-height:760px}.about-copy{padding-top:20px}.about-copy h2{font:normal clamp(54px,7.5vw,112px)/.85 var(--serif);letter-spacing:-.06em;margin:70px 0}.about-copy .lead{font:29px/1.35 var(--serif);max-width:660px}.about-copy>p:not(.number):not(.lead){font:19px/1.6 var(--serif);max-width:650px}.about-copy .note{margin-top:55px;color:#957b6d;font-style:italic}.contact{min-height:750px;display:flex;flex-direction:column;justify-content:center}.contact h2{font:normal clamp(55px,8vw,120px)/.92 var(--serif);letter-spacing:-.06em;margin:65px 0 90px}.contact h2 em{color:#987064}.contact-bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--sand);padding-top:26px}.contact-bottom p{font:20px/1.4 var(--serif);max-width:650px}.contact-bottom a{font-size:11px;text-transform:uppercase;letter-spacing:.13em}footer{background:var(--ink);color:var(--sand);padding:30px 6vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.nav{padding:24px}.nav nav{gap:18px}.home-hero{padding:135px 25px 45px}.home-hero h1{font-size:18vw}.hero-bottom,.contact-bottom{align-items:flex-start;flex-direction:column;gap:35px}.section{padding:85px 25px}.statement{font-size:44px}.project-image{height:70vh}.project-meta,.about{grid-template-columns:1fr}.project-side{margin-top:10px}.coming{grid-template-columns:1fr}.service-list article{grid-template-columns:40px 1fr}.service-list p{grid-column:2}.about-image{min-height:570px}.about-copy h2{margin:50px 0}.contact{min-height:650px}footer{gap:20px;flex-direction:column}}
@media(max-width:520px){.nav{align-items:flex-start;flex-direction:column;gap:15px;padding:22px 24px}.nav nav{width:100%;justify-content:space-between;gap:0}.home-hero{padding-top:150px}.home-hero h1{font-size:19vw}.hero-bottom p{font-size:20px}.section-head span{display:none}.project-image{height:58vh}.project-meta h2,.coming h2{font-size:52px}.about-image{min-height:480px}.about-copy h2{font-size:58px}.contact h2{font-size:54px}.service-list h3{font-size:30px}}
.capture-scope{max-width:780px;margin:28px 0 0;font:italic 18px/1.55 var(--serif);color:#7f6b60}
@media(max-width:1100px) and (min-width:801px){.about-copy h2{font-size:clamp(48px,5.2vw,62px)}}
.about-image{overflow:hidden}
.about-image img{transform:scale(1.08);transform-origin:center 58%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Original work homepage */
.nav{color:var(--paper);text-shadow:0 1px 18px rgba(20,11,7,.5)}.home-hero{position:relative;color:var(--paper);overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{z-index:0}.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(19,11,7,.68),rgba(19,11,7,.15) 65%,rgba(19,11,7,.08))}.home-hero>*:not(.hero-photo):not(.hero-shade){position:relative;z-index:2}.home-hero h1 em{color:#f0d8c7}.home-hero .hero-kicker{color:#ead9cb}.home-hero .hero-bottom{border-color:rgba(255,255,255,.48)}.captured{background:var(--paper)}.photo-story{margin-top:45px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:450px 450px;gap:18px}.photo-story figure{margin:0;position:relative;overflow:hidden}.photo-story .wide{grid-row:1/3}.photo-story .portrait-work{grid-column:2}.photo-story figcaption{position:absolute;left:18px;bottom:16px;background:rgba(29,22,18,.72);color:#fff;padding:9px 12px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.photo-note{background:var(--brown);color:var(--paper);padding:40px;display:flex;flex-direction:column;justify-content:space-between}.photo-note>p:first-child,.motion-head{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand)}.photo-note h2{font:normal 38px/1.05 var(--serif);margin:18px 0}.photo-note>p:last-child{font:16px/1.45 var(--serif);color:var(--sand)}.motion-head{display:flex;justify-content:space-between;margin:90px 0 25px;padding-bottom:18px;border-bottom:1px solid var(--sand)}.motion-grid{display:grid;grid-template-columns:repeat(8,minmax(190px,1fr));gap:14px;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x mandatory}.motion-grid article{min-width:0;scroll-snap-align:start}.motion-grid video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#17100d}.motion-grid span{display:block;margin-top:12px;font-size:9px;font-weight:700;letter-spacing:.14em;color:#9e8574}.feature-video{grid-column:span 3;display:grid;grid-template-columns:.58fr .42fr;align-items:start;background:var(--brown);color:var(--paper)}.feature-video video{height:auto;min-height:0;object-fit:contain}.feature-copy{padding:28px;display:flex;align-self:stretch;flex-direction:column}.feature-copy>span{color:var(--sand);margin:0}.feature-copy h3{font:normal 31px/1.02 var(--serif);letter-spacing:-.035em;margin:24px 0}.feature-copy p{font:15px/1.45 var(--serif);color:var(--sand);margin:0}.feature-copy ul{list-style:none;margin:25px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.feature-copy li{font-size:9px;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid rgba(205,185,167,.35);padding-top:8px}.feature-copy>strong{margin-top:auto;font-size:9px;letter-spacing:.14em;color:var(--paper)}.captured+.work{background:var(--ivory)}
.travel-head{display:flex;justify-content:space-between;margin:110px 0 0;padding-bottom:18px;border-bottom:1px solid var(--sand);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9e8574}.travel-head p{margin:0}.travel-head span{letter-spacing:.06em;text-transform:none}.travel-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;padding:48px 0}.travel-intro h2{font:normal clamp(44px,5vw,74px)/.95 var(--serif);letter-spacing:-.05em;margin:0}.travel-intro p{font:19px/1.55 var(--serif);max-width:600px;margin:0}.travel-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:500px 560px;gap:18px}.travel-grid figure{margin:0;position:relative;overflow:hidden;background:#ded5cd}.travel-grid .mosque-study{grid-column:1/9}.travel-grid .f1-study{grid-column:9/13}.travel-grid .pool-study{grid-column:1/6}.travel-grid .event-study{grid-column:6/13}.travel-grid figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:20px;align-items:end;padding:22px;background:linear-gradient(transparent,rgba(20,12,8,.82));color:#fff;font-size:9px;letter-spacing:.11em}.travel-grid figcaption strong{font-size:9px;letter-spacing:.14em}.travel-grid figcaption span{text-align:right;line-height:1.5}.f1-study img{object-position:center 38%}.event-study img{object-position:center 40%}
@media(max-width:800px){.photo-story{grid-template-columns:1fr 1fr;grid-template-rows:520px 280px}.photo-story .wide{grid-column:1/3;grid-row:1}.photo-story .portrait-work{grid-column:1;grid-row:2}.photo-note{grid-column:2;grid-row:2;padding:25px}.photo-note h2{font-size:28px}.travel-intro{grid-template-columns:1fr;gap:26px}.travel-grid{grid-template-rows:420px 480px}.travel-grid .mosque-study{grid-column:1/8}.travel-grid .f1-study{grid-column:8/13}.travel-grid .pool-study{grid-column:1/6}.travel-grid .event-study{grid-column:6/13}.motion-grid{grid-template-columns:repeat(8,52vw)}.feature-video{grid-template-columns:1fr;grid-column:span 2}.feature-copy{min-height:430px}}
@media(max-width:520px){.hero-shade{background:linear-gradient(180deg,rgba(19,11,7,.42),rgba(19,11,7,.62))}.photo-story{display:flex;flex-direction:column}.photo-story figure{height:420px}.photo-note{min-height:310px}.travel-head span{display:none}.travel-intro{padding:35px 0}.travel-intro h2{font-size:45px}.travel-intro p{font-size:17px}.travel-grid{display:flex;flex-direction:column}.travel-grid figure{height:460px}.travel-grid .mosque-study{height:320px}.travel-grid figcaption{padding:18px;flex-direction:column;align-items:flex-start}.travel-grid figcaption span{text-align:left}.motion-grid{grid-template-columns:repeat(8,78vw)}.feature-video{grid-column:span 1}.feature-copy{min-height:440px}}
.about-image img{object-position:center 42%}
.contact-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:0 0 70px}.contact-details>div{min-width:0;border-top:1px solid var(--sand);padding-top:18px}.contact-details span{display:block;margin-bottom:14px;font-size:9px;font-weight:700;letter-spacing:.16em;color:#9e8574}.contact-details a,.contact-details p{font:20px/1.4 var(--serif);margin:0;overflow-wrap:anywhere}.contact-details a{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:4px}.contact-details a:hover{opacity:.58}@media(max-width:800px){.contact-details{grid-template-columns:1fr;margin-bottom:55px}.contact-details a,.contact-details p{font-size:18px}}
