/* Direction C refined. The photograph stops short of the bottom, which frees a light block
   in the label channel for the tagline, and its lower edge continues across the content
   channel as the rule under the detail row. Nothing is set over the picture. */
body{--ph:608px;--tail:148px} /* set exactly by script: 0.475 x layout width, so the crop edge always meets the seam */
.hero{height:calc(var(--ph) + var(--tail))}
.c-photo{top:0;height:var(--ph);left:0;width:var(--seam)}
.c-photo img{position:absolute;top:0;height:100%;width:auto;left:calc(100% - var(--ph) * var(--edge-r))}
.c-num{position:absolute;left:0;top:calc(var(--ph) + 26px);width:calc(var(--seam) - 24px);text-align:right;font-family:var(--font-serif);font-size:26px;line-height:1;color:rgba(15,26,46,.32)}
.c-tag{position:absolute;margin:0;left:0;top:calc(var(--ph) + 62px);width:calc(var(--seam) - 24px);text-align:right;font-family:var(--font-serif);font-style:italic;font-size:18px;line-height:1.45;color:rgba(26,26,31,.8)}
.c-col{position:absolute;top:52px;bottom:var(--tail);left:calc(var(--seam) + var(--seam-inset));right:48px;display:flex;flex-direction:column}
.c-col .display{font-size:clamp(3rem,8.2vw,7.2rem)}
.c-col .display em{display:block;font-style:italic;font-size:.36em;line-height:1.28;color:rgba(15,26,46,.72);margin-top:.34em;letter-spacing:0}
.c-rule{width:64px;height:1px;background:rgba(15,26,46,.35);margin:32px 0 26px}
.c-col .lede{margin-bottom:30px}
.c-list{margin:auto 0 0;border-bottom:1px solid rgba(15,26,46,.18)}
.c-list>div{display:grid;grid-template-columns:184px 1fr;align-items:baseline;gap:20px;padding:15px 0;border-top:1px solid rgba(15,26,46,.18)}
.c-list dt{font-size:11px;font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:rgba(15,26,46,.55)}
.c-list dd{margin:0;font-family:var(--font-serif);font-size:16.5px;line-height:1.35;color:var(--color-navy)}
/* Narrow desktops cannot carry three ledger rows under the type block without crowding the CTAs. */
@media(max-width:1360px){.c-list>div:last-child{display:none}}
@media(max-width:1023px){body{--tail:214px}.c-col{top:44px}.c-col .display{font-size:clamp(2.4rem,6.2vw,4.4rem)}.c-list>div{grid-template-columns:1fr;gap:2px}.c-list>div:nth-child(2){display:none}}
@media(max-width:767px){.hero{height:auto}.c-photo{position:relative;width:100%;height:300px}.c-photo img{position:static;width:128%;height:auto;margin-top:-18%}.c-col{position:static;display:block;padding:26px 20px 0}.c-list{padding-bottom:40px;border-bottom:none;margin:0}.c-list>div:nth-child(2),.c-list>div:last-child{display:grid}.c-list>div{grid-template-columns:1fr;gap:2px}.c-num,.c-tag{position:static;width:auto;text-align:left;padding:18px 20px 0}}