:root{--ink:#173126;--moss:#425c3b;--sage:#9eaa91;--paper:#f2f0e8;--cream:#e7e3d7;--blue:#8faabb;--serif:"Noto Serif SC",serif;--sans:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:26px 4vw;display:flex;align-items:center;justify-content:space-between;color:#f4f2e8}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:12px;letter-spacing:.16em;line-height:1.15}.brand small{font-size:7px;letter-spacing:.32em;opacity:.72}.brand-mark{width:36px;height:36px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:17px}.nav-links{display:flex;gap:36px}.nav-links a{color:inherit;text-decoration:none;font-size:12px;letter-spacing:.16em}.menu-button{display:none;background:none;border:0}.hero{height:100svh;min-height:680px;position:relative;color:#f4f2e8;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,13,.68) 0%,rgba(5,20,14,.16) 53%,rgba(4,16,12,.04)),linear-gradient(0deg,rgba(4,17,12,.3),transparent 40%)}.hero-copy{position:absolute;left:8vw;top:49%;transform:translateY(-50%)}.eyebrow,.section-label{font-size:10px;letter-spacing:.28em;font-weight:500}.hero h1{font:500 clamp(42px,6vw,86px)/1.2 var(--serif);letter-spacing:.04em;margin:24px 0}.hero h1 span{font-weight:400;color:#c8d2bd}.intro{font:400 15px/2 var(--serif);letter-spacing:.08em;opacity:.84}.scroll-cue{position:absolute;bottom:32px;left:8vw;color:inherit;text-decoration:none;font-size:9px;letter-spacing:.22em;display:flex;align-items:center;gap:15px}.scroll-cue i{display:block;width:56px;height:1px;background:#ffffff8c}.hero-index{position:absolute;right:4vw;bottom:34px;font-size:10px;letter-spacing:.14em;display:flex;align-items:center;gap:10px}.hero-index span{width:45px;height:1px;background:#fff6}.section-pad{padding:140px 8vw}.statement{position:relative;text-align:center;min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 85% 45%,#dce0d2 0,transparent 26%)}.statement blockquote{font:400 clamp(28px,3.5vw,50px)/1.75 var(--serif);margin:35px 0;color:#263e32}.statement blockquote span{color:#6d8265}.statement-note{font:400 12px var(--serif);letter-spacing:.3em;margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #17312630;padding-top:25px;margin-bottom:75px}.section-heading h2,.blue-copy h2,.about h2,.contact h2{font:500 clamp(36px,5vw,72px)/1.3 var(--serif);margin:18px 0}.section-heading>p{font-size:10px;letter-spacing:.18em;line-height:2;text-align:right}.gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw 5vw;align-items:start}.work-card{position:relative;display:block;border:0;padding:0;background:none;color:inherit;overflow:hidden;text-align:left;cursor:zoom-in}.work-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .7s}.work-card:hover img{transform:scale(1.025);filter:saturate(1.08)}.work-tall{height:740px}.work-wide{height:430px;margin-top:100px}.work-square{height:510px}.crop-forest img{object-position:64% center}.crop-leaf{width:82%;justify-self:end}.crop-leaf img{object-position:70% center}.work-meta{position:absolute;inset:auto 0 0;padding:70px 25px 22px;color:#fff;background:linear-gradient(transparent,rgba(5,20,14,.65));display:flex;justify-content:space-between;align-items:end}.work-meta b{font:500 19px var(--serif);letter-spacing:.1em}.work-meta small{font-size:8px;letter-spacing:.18em}.gallery-quote{padding:60px 20px 0 11vw;display:flex;gap:12px}.gallery-quote span{font:50px var(--serif);color:#91a087}.gallery-quote p{font:400 19px/2 var(--serif);letter-spacing:.1em}.blue-story{background:#293b40;color:#eef0eb;padding:140px 8vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center}.blue-copy>p:last-child{font:400 13px/2 var(--serif);opacity:.68;max-width:320px}.blue-images{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:end}.blue-images .work-card:first-child{height:520px}.blue-images .work-card:last-child{height:420px}.about{display:grid;grid-template-columns:.65fr 1.35fr;gap:10vw;background:#dfe3d6}.about-number{font:400 clamp(100px,15vw,220px)/1 var(--serif);color:#83927a;display:flex;align-items:end}.about-number small{font:500 8px/1.8 var(--sans);letter-spacing:.2em;margin:0 0 22px 12px}.about-copy{max-width:700px}.about-copy>p:not(.section-label){font:400 14px/2.1 var(--serif);max-width:560px;color:#45584c}.text-link,.mail{display:inline-flex;gap:25px;color:inherit;text-decoration:none;border-bottom:1px solid;padding:12px 0;margin-top:25px;font:500 11px var(--sans);letter-spacing:.16em}.contact{padding:140px 8vw 35px;background:#142d23;color:#edf0e8;text-align:center}.contact h2{margin:50px 0}.contact h2 em{color:#9aad91;font-style:normal}.mail{font-size:14px}.contact footer{margin-top:130px;padding-top:25px;border-top:1px solid #ffffff2c;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em}.contact footer div{display:flex;gap:30px}.contact footer a{color:inherit;text-decoration:none}.lightbox{padding:0;border:0;background:#0d1712e8;color:white;width:100vw;height:100vh;max-width:none;max-height:none}.lightbox::backdrop{background:#0d1712}.lightbox img{width:100%;height:calc(100% - 70px);object-fit:contain}.lightbox p{text-align:center;font:400 14px var(--serif);letter-spacing:.2em}.lightbox-close{position:fixed;z-index:2;right:25px;top:20px;border:0;background:none;color:white;font-size:32px;font-weight:200;cursor:pointer}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s ease}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.site-header{padding:20px}.nav-links{position:fixed;inset:0;background:#173126;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;transform:translateY(-100%);transition:.5s;z-index:-1}.nav-links.open{transform:none}.nav-links a{font:400 25px var(--serif)}.menu-button{display:block;position:relative;z-index:2;width:32px;height:32px}.menu-button span{display:block;width:24px;height:1px;background:white;margin:7px}.hero{min-height:650px}.hero-copy{left:24px;right:24px;top:52%}.hero h1{font-size:42px}.hero h1 br{display:none}.intro br{display:none}.scroll-cue{left:24px}.hero-index{right:20px}.section-pad{padding:95px 24px}.statement{min-height:520px}.statement blockquote{font-size:25px;line-height:1.8}.section-heading{align-items:start}.section-heading>p{display:none}.gallery{grid-template-columns:1fr;gap:22px}.work-tall{height:590px}.work-wide{height:330px;margin-top:0}.work-square{height:390px;width:100%}.gallery-quote{padding:45px 15px}.blue-story{padding:95px 24px;display:block}.blue-copy{margin-bottom:55px}.blue-images{grid-template-columns:1fr 1fr}.blue-images .work-card:first-child{height:340px}.blue-images .work-card:last-child{height:290px}.work-meta{padding:60px 14px 14px;display:block}.work-meta b{display:block;font-size:15px}.work-meta small{font-size:7px}.about{grid-template-columns:1fr;gap:55px}.about-number{font-size:120px}.contact{padding:95px 24px 25px}.contact footer{margin-top:100px;display:block;line-height:2}.contact footer div{justify-content:center;margin:15px}.contact footer>a{display:inline-block}.lightbox img{height:calc(100% - 60px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.work-card img{transition:none}}

.crop-leaf img{object-position:50% center}

/* Traditional photographic ratios: the portfolio favors 4:3 and 3:2 frames. */
.work-tall{height:auto;aspect-ratio:4/3}
.work-wide{height:auto;aspect-ratio:3/2;margin-top:70px}
.work-square{height:auto;aspect-ratio:3/2}
.crop-leaf{width:92%}
.blue-images{grid-template-columns:1fr 1fr}
.blue-images .work-card:first-child{height:auto;aspect-ratio:3/2}
.blue-images .work-card:last-child{height:auto;aspect-ratio:4/3}
.blue-images .work-card:last-child img{object-position:center 52%}

@media(max-width:760px){
  .work-tall,.work-square{height:auto;aspect-ratio:4/3}
  .work-wide{height:auto;aspect-ratio:3/2;margin-top:0}
  .crop-leaf{width:100%}
  .blue-images{grid-template-columns:1fr}
  .blue-images .work-card:first-child{height:auto;aspect-ratio:3/2}
  .blue-images .work-card:last-child{height:auto;aspect-ratio:4/3}
}