@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--ink:#1a1917;--paper:#f5f3ef;--muted:#79766f;--line:rgba(26,25,23,.18);--serif:"Noto Serif SC","Songti SC",serif;--display:"Playfair Display",serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif)}button,a{color:inherit}a{text-decoration:none}.site-header{height:74px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:2}.brand{font:500 14px/1 var(--mono);letter-spacing:.08em}.brand span{font:500 13px/1 var(--serif);margin-left:9px;letter-spacing:0}nav{display:flex;gap:27px}nav a{font-size:13px;color:var(--muted);transition:color .2s}nav a:hover,nav a.active{color:var(--ink)}.hero{min-height:calc(100svh - 74px);position:relative;color:#fff;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(30px,6vw,92px) 4vw}.hero__image,.hero__overlay{position:absolute;inset:0;width:100%;height:100%}.hero__image{object-fit:cover;object-position:center;filter:saturate(.72)}.hero__overlay{background:linear-gradient(90deg,rgba(0,0,0,.52),transparent 67%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 45%)}.hero__content{position:relative;max-width:690px}.eyebrow,.section-kicker{font:400 10px/1.4 var(--mono);letter-spacing:.13em}.hero h1{font:500 clamp(65px,12vw,172px)/.9 var(--serif);letter-spacing:.06em;margin:21px 0 29px}.hero__statement{max-width:390px;font-size:17px;line-height:1.9;margin:0}.hero__scroll{position:absolute;right:4vw;bottom:clamp(28px,6vw,78px);font:11px var(--mono);letter-spacing:.08em}.hero__scroll span{font-size:20px;padding-left:10px}.intro,.selected,.contact,.portfolio-intro,.portfolio-work{padding-left:8vw;padding-right:8vw}.intro{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding-top:clamp(92px,15vw,210px);padding-bottom:clamp(92px,15vw,210px)}.section-kicker{color:var(--muted);margin:5px 0 0}.intro h2,.contact h2{font:500 clamp(28px,4.1vw,60px)/1.46 var(--serif);letter-spacing:.01em;margin:0;max-width:780px}.intro div p{color:#5f5c56;line-height:2;font-size:15px;max-width:480px;margin:33px 0 0}.selected{padding-bottom:clamp(100px,14vw,195px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-heading h2{margin:18px 0 0;font-size:clamp(32px,4vw,52px);font-weight:500}.text-link{font:12px var(--mono);border-bottom:1px solid var(--ink);padding-bottom:7px}.text-link span,.contact__email span{font-size:17px;padding-left:5px}.photo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,1.7vw,26px);align-items:start}.photo-card{border:0;padding:0;background:#ddd;cursor:zoom-in;overflow:hidden;position:relative;display:block;grid-column:span 4;aspect-ratio:3/4;text-align:left;animation:fade-in .65s both;animation-delay:calc(var(--index) * .07s)}.photo-card.is-landscape{grid-column:span 8;aspect-ratio:16/10}.photo-card.is-square{aspect-ratio:1}.photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.65,.2,1)}.photo-card__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.54),transparent 43%);opacity:0;transition:opacity .35s}.photo-card__caption{color:#fff;position:absolute;bottom:19px;left:20px;opacity:0;transition:opacity .35s}.photo-card__caption em{display:block;font:500 20px var(--display)}.photo-card__caption small{display:block;margin-top:5px;font:10px var(--mono);letter-spacing:.08em}.photo-card:hover img{transform:scale(1.035)}.photo-card:hover .photo-card__shade,.photo-card:hover .photo-card__caption{opacity:1}.featured .photo-card:nth-child(1){grid-column:span 7;aspect-ratio:4/5}.featured .photo-card:nth-child(2){grid-column:span 5}.featured .photo-card:nth-child(3){grid-column:span 5}.featured .photo-card:nth-child(4){grid-column:span 7;aspect-ratio:16/10}.featured .photo-card:nth-child(5){grid-column:4/span 6;aspect-ratio:4/5}.contact{background:#292825;color:var(--paper);padding-top:clamp(75px,12vw,165px);padding-bottom:48px}.contact .section-kicker{color:#aaa69d}.contact h2{margin:34px 0 24px}.contact__email{font:500 clamp(27px,4.3vw,64px)/1.3 var(--display);border-bottom:1px solid #aaa69d}.contact__details{display:flex;gap:26px;margin-top:clamp(80px,12vw,160px);font:11px var(--mono);color:#b7b2aa;letter-spacing:.04em}.site-footer{padding:23px 4vw;display:flex;justify-content:space-between;color:#817d75;font:10px var(--mono);letter-spacing:.07em}.portfolio-intro{padding-top:clamp(85px,13vw,170px);padding-bottom:clamp(70px,11vw,135px)}.portfolio-intro h1{font:500 clamp(63px,10vw,150px)/1 var(--serif);letter-spacing:.05em;margin:21px 0}.portfolio-intro>p:last-child{max-width:320px;color:#69665f;line-height:1.9;margin:0}.portfolio-work{padding-bottom:clamp(120px,16vw,220px)}.filters{display:flex;gap:23px;border-bottom:1px solid var(--line);margin-bottom:39px;overflow-x:auto}.filter{background:none;border:0;padding:0 0 14px;white-space:nowrap;font:14px var(--serif);color:#918d85;cursor:pointer;border-bottom:1px solid transparent;margin-bottom:-1px}.filter span{font:9px var(--mono);padding-left:4px}.filter.is-selected{border-color:var(--ink);color:var(--ink)}.photo-card.is-hidden{display:none}.lightbox{width:100vw;height:100svh;max-width:none;max-height:none;border:0;padding:clamp(20px,4vw,55px);background:#121211f5;color:#fff}.lightbox::backdrop{background:#121211d1}.lightbox figure{width:100%;height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox img{display:block;max-width:100%;max-height:calc(100% - 54px);object-fit:contain}.lightbox figcaption{align-self:stretch;display:flex;justify-content:space-between;padding:14px 0 0}.lightbox figcaption em{font:19px var(--display)}.lightbox figcaption span{font:10px var(--mono);color:#bbb;padding-top:5px}.lightbox__close{background:none;border:0;color:#fff;cursor:pointer;position:absolute;right:4vw;top:20px;font:300 37px/1 Arial}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:700px){.site-header{height:64px;padding:0 20px}.brand{font-size:12px}.brand span{display:none}nav{gap:15px}nav a{font-size:12px}.hero{min-height:calc(100svh - 64px);padding:34px 20px}.hero__image{object-position:54% center}.hero h1{font-size:76px;margin:16px 0 24px}.hero__statement{font-size:15px;max-width:288px}.hero__scroll{display:none}.intro,.selected,.contact,.portfolio-intro,.portfolio-work{padding-left:20px;padding-right:20px}.intro{display:block;padding-top:90px;padding-bottom:96px}.intro h2{margin-top:29px;font-size:27px;line-height:1.6}.intro div p{margin-top:25px;font-size:14px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:30px}.text-link{font-size:10px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.photo-card,.photo-card.is-landscape{grid-column:span 1;aspect-ratio:3/4}.featured .photo-card:nth-child(n){grid-column:span 1;aspect-ratio:3/4}.featured .photo-card:nth-child(1),.featured .photo-card:nth-child(4){grid-column:span 2;aspect-ratio:4/5}.photo-card__caption,.photo-card__shade{opacity:1}.photo-card__caption{bottom:12px;left:12px}.photo-card__caption em{font-size:16px}.photo-card__caption small{font-size:8px}.contact{padding-top:78px}.contact h2{font-size:31px;line-height:1.55}.contact__email{font-size:27px}.contact__details{margin-top:80px;display:grid;gap:11px}.site-footer{padding:20px;font-size:8px}.portfolio-intro{padding-top:90px;padding-bottom:72px}.portfolio-intro h1{font-size:69px;margin:17px 0 20px}.filters{gap:19px;margin-right:-20px;padding-right:20px;margin-bottom:26px}.filter{font-size:13px}.lightbox{padding:20px}.lightbox figcaption em{font-size:16px}}