body .look-footer { padding: 240px 0 30px; }
body .look-introduction { padding-top: 80px; }
body .look-content { gap: 80px; }
body .look-story { overflow: visible; position: relative; }
body .look-story__credit { left: 0; position: absolute; top: 100%; z-index: 1; }
body .look-story__credit-trigger { height: 1px; left: 0; pointer-events: none; position: absolute; top: 100%; width: 1px; }
html, body { overflow-x: hidden; }
body .look-story__credit { display: flex; flex-direction: column; }
body .look-story__credit-row { display: flex; gap: 0 10px; }
body .look-story__item { min-width: 0; }

@media (min-width: 768px) {
  body .look-header { right: auto; width: 50vw; }
  body .look-header__brand { height: auto; width: 140px; }
  body .look-header__brand img { height: auto; }
  body .look-header__menu { gap: 8px; width: 32px; }
  body .look-header__menu span { width: 30px; }
  body .look-hero__title { height: 125.84px; width: 429px; }
  body .look-content { gap: 80px; overflow-x: clip; overflow-y: visible; }
  body .look-introduction { padding-top: 0; }
  body .look-introduction__body { padding-top: 18px; }
  body .look-introduction__title { font-size: 27px; }
  body .look-introduction__title p:nth-child(3) { margin-top: 18px; }
  body .look-footer { gap: 72px; padding: 320px 0 60px; }
  body .look-footer__title { height: 268.2px; width: 351px; }
  body .look-footer__title-piece--01 { height: 45px; width: 351px; }
  body .look-footer__title-piece--02 { height: 45px; left: 5.4px; top: 57.6px; width: 27px; }
  body .look-footer__title-piece--03 { height: 45px; left: 75.6px; top: 57.6px; width: 153px; }
  body .look-footer__title-piece--04 { height: 41.4px; left: 3.6px; top: 158.4px; width: 277.2px; }
  body .look-footer__title-piece--05 { height: 16.2px; top: 208.8px; width: 91.8px; }
  body .look-footer__title-piece--06 { height: 16.2px; left: 5.4px; width: 142.2px; }
}