/* Editorial split cover; separate from the original full-bleed hero. */
.header{background:#111d2b;border-bottom-color:#ffffff29}
.hero{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);height:min(830px,calc(100svh - 20px));min-height:670px;background:#111d2b}
.hero-picture{position:relative;inset:auto;grid-column:2;grid-row:1;min-width:0;overflow:hidden}
.hero-picture img{object-position:50% 50%;filter:saturate(.82)}
.hero-shade{background:linear-gradient(90deg,#111d2b48,transparent 34%),linear-gradient(0deg,#111d2b55,transparent 40%)}
.hero-copy{grid-column:1;grid-row:1;align-self:center;max-width:none;padding:112px clamp(32px,5.6vw,100px) 90px;position:relative}
.hero-copy:before{content:"";position:absolute;left:clamp(32px,5.6vw,100px);top:74px;width:58px;height:3px;background:var(--gold)}
.hero-copy h1{font-size:clamp(60px,5.35vw,90px);line-height:1.04;margin:28px 0 28px}
.hero-copy h1 em{display:block;margin-top:8px}
.hero-copy p{font-size:14px;line-height:1.85;max-width:365px}
.hero-topline .line{display:none}
.hero-side{left:clamp(32px,5.6vw,100px);right:36px;bottom:28px;z-index:3}
.hero-side:after{content:"JO&A / 01";position:absolute;right:0;top:-40px;color:#ffffffb3}
.projects{background:#efece5}
.project-grid{grid-template-columns:1fr 1fr;gap:13px}
.project-main{min-height:620px}
.project-column{gap:13px}
.project-meta strong{font-size:30px}
.pswp{--pswp-bg:#111d2b}
@media(max-width:1000px){.hero{grid-template-columns:47% 53%}.hero-copy{padding-left:5vw;padding-right:4vw}.hero-copy:before{left:5vw}.hero-copy h1{font-size:clamp(51px,6vw,70px)}}
@media(max-width:700px){.hero{display:flex;flex-direction:column-reverse;height:auto;min-height:0}.hero-picture{height:390px;flex:none}.hero-copy{padding:78px 25px 98px;align-self:stretch}.hero-copy:before{left:25px;top:47px;width:45px}.hero-copy h1{font-size:clamp(56px,12vw,82px)}.hero-copy h1 em{display:inline;margin-top:0}.hero-copy p{font-size:14px}.hero-side{left:25px;right:25px;bottom:24px;font-size:9px}.hero-side:after{display:none}.project-grid{display:block}.project-main{min-height:420px}.project-column{display:block}.project-column .project{min-height:290px}}