/* Shared project end matter — reflection + previous/next project navigation.
   Applies to every HIMART-system case-study page.

   Reflection contract
   - the divider belongs to the editorial canvas, never the full viewport;
   - on wide editorial layouts the divider spans the combined left-title + gap + right-content rails;
   - PROJECT REFLECTION stays in the LEFT editorial/title rail and is left-aligned;
   - reflection copy uses roughly half of the viewport width (max 960px) so desktop copy
     wraps at a readable measure and normally stays within four line breaks without clamping;
   - reflection starts 100px below its divider, title-to-copy gap is 20px,
     and 200px breathing room remains below the reflection copy.

   Footer contract
   - 10% white rules sit above and below the navigation rail;
   - on wide editorial layouts the rail spans the same combined left-title + gap + right-content width;
   - rail height is exactly 100px and text is vertically centered;
   - arrows match the two-line text block height and use 30% white opacity.
*/

html body.himart-page-body .hm-project-reflection{
  --hm-project-reflection-copy-measure:min(50vw,960px);
  position:relative;
  width:100%;
  margin:0;
  padding:0 0 200px;
  border-top:0;
  background:#000;
}
html body.himart-page-body .hm-project-reflection__inner{box-sizing:border-box;width:min(calc(100% - 80px),var(--hm-container-wide,1360px));margin:0 auto;padding-top:100px;border-top:1px solid var(--hm-line-weak)}
html body.himart-page-body .hm-project-reflection__title{margin:0!important;color:var(--hm-blue)!important;font-family:var(--hm-font-en)!important;font-size:12px!important;font-weight:300!important;line-height:1.2!important;letter-spacing:var(--hm-track-note)!important;text-align:left!important}
html body.himart-page-body .hm-project-reflection__copy{
  width:var(--hm-project-reflection-copy-measure)!important;
  max-width:100%!important;
  margin:20px auto 0 0!important;
  color:#fff!important;
  font-family:var(--hm-font-ko)!important;
  font-size:32px!important;
  font-weight:100!important;
  font-variation-settings:"wght" 100!important;
  line-height:1.363!important;
  letter-spacing:var(--hm-track-subsection)!important;
  white-space:normal!important;
  text-wrap:pretty!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  text-align:left!important;
}
html body.himart-page-body .hm-project-reflection__copy strong{color:#fff!important;font-weight:300!important;font-variation-settings:"wght" 300!important}

html body.himart-page-body #live-main > .hm-section:last-of-type{padding-bottom:var(--hm-section-padding-bottom-last,200px)!important}

@media(min-width:1600px){
  html body.himart-page-body .hm-project-reflection__inner{
    width:min(calc(100% - 128px),1600px);
    display:grid;
    grid-template-columns:minmax(var(--hm-wide-left-min,400px),var(--hm-wide-left-max,440px)) minmax(var(--hm-wide-column-gap-min,80px),var(--hm-wide-column-gap-max,100px)) minmax(0,var(--hm-wide-right-max,1060px));
    column-gap:0;
    align-items:start;
  }
  html body.himart-page-body .hm-project-reflection__title{grid-column:1;justify-self:start;width:100%}
  html body.himart-page-body .hm-project-reflection__copy{
    grid-column:1 / -1;
    justify-self:start;
    width:var(--hm-project-reflection-copy-measure)!important;
    max-width:100%!important;
  }
}

html body.himart-page-body .hm-project-footer{width:100%;margin:0;padding:0;background:#000!important}
html body.himart-page-body .hm-project-footer__inner{width:min(calc(100% - 80px),var(--hm-container-wide,1360px));margin:0 auto}
html body.himart-page-body .hm-project-footer__rail{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  height:100px;
  min-height:100px;
  box-sizing:border-box;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}
html body.himart-page-body .hm-project-footer__link{position:relative;display:flex;min-width:0;height:100%;align-items:center;gap:16px;color:#fff!important;text-decoration:none!important}
html body.himart-page-body .hm-project-footer__link--prev{justify-self:start;padding-left:40px;text-align:left}
html body.himart-page-body .hm-project-footer__link--next{justify-self:end;flex-direction:row-reverse;padding-right:40px;text-align:right}
html body.himart-page-body .hm-project-footer__arrow{position:absolute;top:50%;width:30px;height:32px;transform:translateY(-50%);opacity:.30}
html body.himart-page-body .hm-project-footer__link--prev .hm-project-footer__arrow{left:0}
html body.himart-page-body .hm-project-footer__link--next .hm-project-footer__arrow{right:0}
html body.himart-page-body .hm-project-footer__arrow::before{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;border-top:1px solid #fff;border-right:1px solid #fff}
html body.himart-page-body .hm-project-footer__link--prev .hm-project-footer__arrow::before{transform:translate(-35%,-50%) rotate(-135deg)}
html body.himart-page-body .hm-project-footer__link--next .hm-project-footer__arrow::before{transform:translate(-65%,-50%) rotate(45deg)}
html body.himart-page-body .hm-project-footer__meta{display:block;min-width:0}
html body.himart-page-body .hm-project-footer__label{display:block;margin:0;color:rgba(255,255,255,.5)!important;font-family:var(--hm-font-en)!important;font-size:12px!important;font-weight:300!important;line-height:1!important;letter-spacing:var(--hm-track-note)!important}
html body.himart-page-body .hm-project-footer__name{display:block;margin:4px 0 0;color:#fff!important;font-family:var(--hm-font-ko)!important;font-size:12px!important;font-weight:300!important;font-variation-settings:"wght" 300!important;line-height:1.3!important;letter-spacing:var(--hm-track-body)!important;white-space:normal}
html body.himart-page-body .hm-project-footer__name.is-en{font-family:var(--hm-font-en)!important;font-weight:300!important;letter-spacing:var(--hm-track-note)!important}
html body.himart-page-body .hm-project-footer__bottom-space{height:60px}

@media(min-width:1600px){
  html body.himart-page-body .hm-project-footer__inner{width:min(calc(100% - 128px),1600px)}
}

@media(max-width:1100px){
  html body.himart-page-body .hm-project-reflection{--hm-project-reflection-copy-measure:100%}
}

@media(max-width:780px){
  html body.himart-page-body .hm-project-reflection{padding-bottom:200px}
  html body.himart-page-body .hm-project-reflection__inner,
  html body.himart-page-body .hm-project-footer__inner{width:calc(100% - 36px)}
  html body.himart-page-body .hm-project-reflection__inner{padding-top:100px}
  html body.himart-page-body .hm-project-reflection__title{font-size:12px!important;text-align:left!important}
  html body.himart-page-body .hm-project-reflection__copy{width:100%!important;max-width:100%!important;margin-top:20px!important;margin-right:auto!important;margin-left:0!important;font-size:var(--hm-type-subsection-mobile,29px)!important;line-height:1.368!important;text-align:left!important}
  html body.himart-page-body .hm-project-footer__rail{height:100px;min-height:100px;gap:20px}
  html body.himart-page-body .hm-project-footer__link--prev{padding-left:32px}
  html body.himart-page-body .hm-project-footer__link--next{padding-right:32px}
  html body.himart-page-body .hm-project-footer__arrow{width:24px;height:28px}
  html body.himart-page-body .hm-project-footer__arrow::before{width:14px;height:14px}
  html body.himart-page-body .hm-project-footer__name{max-width:28vw;margin-top:4px}
}