/* Flat editorial layout: image scale and typographic rhythm provide the hierarchy. */
body.flat{--paper:#fff;--ink:#111;--muted:#777;--line:#ddd;background:#fff;color:#111;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}.flat #site{max-width:none;margin:0}.flat-nav{padding:30px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px}.flat-brand{font-size:24px;font-weight:700;letter-spacing:2px;line-height:1.1}.flat-brand span{display:block;font-size:9px;letter-spacing:2.5px;font-weight:400;margin-top:7px}.flat-nav nav{display:flex;gap:38px;font-size:14px}.flat-nav nav a:hover{text-decoration:underline;text-underline-offset:7px}.flat-nav-note{font-size:10px;letter-spacing:1.5px}.flat-hero{height:calc(100dvh - 175px);min-height:600px;max-height:1050px;position:relative;overflow:hidden;background:#a7b4b2}.flat-hero>img{object-position:center 57%}.flat-hero-copy{position:absolute;top:32%;left:5%;color:white;text-shadow:0 1px 25px #04262626}.flat-hero-copy>span{font-size:12px;letter-spacing:3px}.flat-hero-copy h1{font-size:clamp(70px,8vw,138px);font-weight:500;letter-spacing:-5px;line-height:.91;margin:30px 0 26px}.flat-hero-copy p{font-size:15px;letter-spacing:2px;margin:0}.flat-hero-bottom{position:absolute;left:4%;right:4%;bottom:25px;display:flex;justify-content:space-between;align-items:center;color:#fff;text-shadow:0 1px 8px #163b4870;font-size:11px;letter-spacing:1px}.flat-hero-bottom a{font-size:14px;border-bottom:1px solid #ffffffaa;padding-bottom:6px}.flat-works{padding:90px 4% 80px}.flat-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.flat-section-title h2{font-size:50px;letter-spacing:-2px;font-weight:500;margin:0}.flat-section-title>span{font-size:13px;letter-spacing:1px;color:#666}.flat-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 25px}.flat-work a{display:block;height:650px;overflow:hidden;background:#e8e8e5}.flat-work:first-child a img{object-position:75% 50%}.flat-work-meta{display:flex;justify-content:space-between;align-items:end;margin-top:18px;gap:25px}.flat-work-meta div>span{font-size:10px;color:#777;letter-spacing:1.5px}.flat-work-meta h3{font-weight:400;font-size:18px;letter-spacing:1px;margin:10px 0 0}.flat-work-meta>span{font-size:11px;letter-spacing:1px;color:#777;white-space:nowrap}.flat-about{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:80px 4%;border-top:1px solid #ddd}.flat-about-label{font-size:11px;letter-spacing:2px;padding-top:11px}.flat-about h2{font-size:39px;line-height:1.5;font-weight:400;margin:0 0 23px;letter-spacing:1px}.flat-about p{color:#777;line-height:2;font-size:15px;margin:0}.flat-contact{padding:85px 4%;background:#111;color:white;position:relative}.flat-contact>span{font-size:11px;letter-spacing:2px;color:#aaa}.flat-contact h2{font-size:55px;font-weight:400;line-height:1.5;letter-spacing:1px;margin:22px 0 35px}.flat-contact-button{padding:13px 0;border:0;border-bottom:1px solid #ffffff90;background:transparent;color:white;font-size:15px;min-width:160px;text-align:left}.flat-contact-button:hover{border-bottom-color:white}.flat-footer{display:flex;justify-content:space-between;align-items:center;padding:25px 4%;font-size:11px;letter-spacing:1px;color:#777}.flat .contact-dialog{border-radius:0;background:white;box-shadow:none}.flat .contact-dialog h2{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;font-size:30px}.flat .contact-dialog::backdrop{background:#0008;backdrop-filter:none}
@media(max-width:1100px){.flat-nav-note{display:none}.flat-work a{height:540px}.flat-work-meta{align-items:start;flex-direction:column;gap:9px}.flat-work-meta>span{font-size:10px}}
@media(max-width:760px){.flat-nav{padding:24px 5%}.flat-brand{font-size:21px}.flat-nav nav{gap:23px;font-size:13px}.flat-hero{height:calc(100dvh - 220px);min-height:580px;max-height:none}.flat-hero>img{object-position:66% 50%}.flat-hero-copy{left:6%;top:28%;text-shadow:0 2px 20px #0e28375c}.flat-hero-copy>span{font-size:10px;letter-spacing:2px}.flat-hero-copy h1{font-size:clamp(61px,17vw,90px);letter-spacing:-3px;margin:24px 0}.flat-hero-copy p{font-size:13px;letter-spacing:1px}.flat-hero-bottom{left:6%;right:6%;font-size:9px;letter-spacing:.7px;gap:15px;bottom:22px}.flat-hero-bottom span:first-child{display:none}.flat-hero-bottom a{font-size:12px}.flat-works{padding:55px 5%}.flat-section-title{align-items:start;margin-bottom:25px;gap:15px}.flat-section-title h2{font-size:31px;letter-spacing:-1px}.flat-section-title>span{font-size:11px;letter-spacing:0;white-space:nowrap;margin-top:12px}.flat-grid{display:block}.flat-work{margin-bottom:35px}.flat-work:last-child{margin-bottom:0}.flat-work a{height:520px}.flat-work:first-child a{height:310px}.flat-work-meta{flex-direction:row;justify-content:space-between;align-items:end;gap:15px;margin-top:13px}.flat-work-meta div>span{font-size:9px;letter-spacing:1px}.flat-work-meta h3{font-size:16px;margin-top:8px}.flat-work-meta>span{font-size:9px;letter-spacing:.5px}.flat-about{display:block;padding:48px 6%}.flat-about-label{font-size:10px;margin-bottom:23px;padding:0}.flat-about h2{font-size:26px;line-height:1.7;letter-spacing:.5px}.flat-about p{font-size:14px}.flat-about p br{display:none}.flat-contact{padding:55px 6%}.flat-contact h2{font-size:39px;margin:20px 0 27px}.flat-contact>span{font-size:10px}.flat-footer{font-size:9px;letter-spacing:.3px;padding:22px 5%;gap:15px;flex-wrap:wrap}.flat-footer .credit-link{font-size:11px}.flat .collection-bar{gap:10px}.flat .collection-bar nav{gap:2px}.flat .collection-bar .style-link{padding:10px 4px}.flat .collection-bar .style-link span{font-size:11px}}
@media(max-width:400px){.flat-work a{height:470px}.flat-section-title h2{font-size:29px}.flat-hero-copy h1{font-size:65px}.flat .collection-bar .style-link{font-size:10px}.flat .collection-bar .style-link span{font-size:10px}}
/* Portrait view keeps both people inside the landscape hero crop. */
@media(max-width:760px){.flat-hero>img{object-position:88% 50%}.flat-hero-copy{top:22%}}
/* Leave faces unobstructed when the panoramic image becomes a portrait crop. */
@media(max-width:760px){.flat-hero-copy{top:6%}.flat-hero-copy h1{font-size:60px;line-height:.92}}