.ld{--hb-bg:var(--cream);--hb-fg:var(--type-orange);--hb-btn:var(--btn-orange);--hb-on-fg:var(--cream);color:var(--ink);padding-bottom:clamp(160px,16vw,280px)}   
html[data-foot="floor"] .ld{padding-bottom:clamp(80px,10vh,130px)}
.ld .hb-bar{color:var(--hb-fg)}
.ld-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--hb-gutter);row-gap:44px;align-items:end;
  padding:max(2.5rem, calc(110 * var(--hb-u))) var(--hb-margin) 0}
.ld-left{grid-column:1 / span 7}
.ld-photo{grid-column:9 / -1;margin:0;aspect-ratio:4 / 5;border-radius:14px}
.ld-photo img{width:100%;height:100%;object-fit:cover}
.ld-k{display:flex;align-items:center;gap:10px;margin:0 0 22px!important;font-size:12px}
.ld-dot{width:9px;height:9px;border-radius:50%;background:var(--type-orange);flex:none}
.ld-h{margin:0;color:var(--type-orange);font-family:var(--f-narrow);font-stretch:62%;font-weight:900;letter-spacing:-.01em;text-transform:uppercase;
  font-size:clamp(84px,9.4vw,170px);line-height:.84}
.ld-m{display:block;overflow:hidden;padding-top:.04em;margin-top:-.04em}
.ld-w{display:inline-block}
.ld-sub{margin:22px 0 0;max-width:24em;font:500 clamp(17px,1.3vw,20px)/1.45 var(--f-body)}
.ld-go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:clamp(26px,4vh,38px)}
.ld-btn{display:inline-flex;align-items:center;gap:.5em;background:var(--btn-orange);color:var(--cream);text-decoration:none;border-radius:999px;
  padding:16px 26px 17px;font:760 19px/1 var(--f-head);letter-spacing:-.01em}
.ld-link{color:inherit;font:700 18px/1 var(--f-head);letter-spacing:-.01em;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1.5px}
@media (hover:hover) and (pointer:fine){ .ld-btn,.ld-link{transition:opacity .2s} .ld-btn:hover,.ld-link:hover{opacity:.8} }


.ld--center .ld-grid{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:min(62svh,640px)}
.ld--center .ld-left{display:flex;flex-direction:column;align-items:center}
.ld--center .ld-k,.ld--center .ld-go{justify-content:center}


html.js .ld-h{visibility:hidden}
html.js .ld-k,html.js .ld-sub,html.js .ld-go,html.js .ld-photo{opacity:0}


@media (max-width:760px){
  .ld{padding-bottom:150px}
  html[data-foot="floor"] .ld{padding-bottom:80px}
  .ld-grid{display:flex;flex-direction:column;align-items:stretch;row-gap:34px;padding:2.2rem var(--hb-margin) 0}
  .ld-h{font-size:17vw}
  .ld-k{font-size:11px;margin-bottom:16px!important}
  .ld-photo{width:72%;align-self:flex-end}
  .ld-btn,.ld-link{font-size:17px}
  .ld-btn{font-size:18px}
}