/** Shopify CDN: Minification failed

Line 44:14 Expected ")" to end URL token
Line 51:14 Expected ")" to end URL token
Line 58:14 Expected ")" to end URL token
Line 65:14 Expected ")" to end URL token
Line 72:14 Expected ")" to end URL token
Line 79:14 Expected ")" to end URL token

**/
/* ============================================================
   JINS × Heatherwick Studio — Landing Page Styles
   Rebuilt from JP source — 2026-05-07
   Scoped to #jins-heatherwick — Dawn theme safe
   ============================================================ */

/* ----------------------------------------------------------
   Liquid text distortion effect
   SVG feTurbulence + feDisplacementMap filter
   Applied to headings — animated on hover + scroll velocity
   ---------------------------------------------------------- */
#jins-heatherwick .jt-hw-liquid {
  filter: url(#jt-hw-liquid);
  will-change: filter;
  display: inline-block;
  cursor: default;
}

@media (prefers-reduced-motion: reduce) {
  #jins-heatherwick .jt-hw-liquid {
    filter: none;
  }
}

/* ----------------------------------------------------------
   0. Tokens — from JP CSS + Dev Mode values
   ---------------------------------------------------------- */
/* ----------------------------------------------------------
   Silk Serif — loaded from Theme Assets
   Replaces Ivyora Display — exact JP font
   ---------------------------------------------------------- */
@font-face {
  font-family: 'Silk Serif';
  src: url({{ 'silkserif-extralight-webfont.woff' | asset_url }}) format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif';
  src: url({{ 'silkserif-extralightitalic-webfont.woff' | asset_url }}) format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif';
  src: url({{ 'silkserif-regular-webfont.woff' | asset_url }}) format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif';
  src: url({{ 'silkserif-regularitalic-webfont.woff' | asset_url }}) format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif';
  src: url({{ 'silkserif-bold-webfont.woff' | asset_url }}) format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif';
  src: url({{ 'silkserif-bolditalic-webfont.woff' | asset_url }}) format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

#jins-heatherwick {
  --jt-hw-black:        #000000;
  --jt-hw-white:        #FFFFFF;
  --jt-hw-gray-border:  rgba(0, 0, 0, 0.1);
  --jt-hw-font:         'JINS_NextRegular', sans-serif;
  --jt-hw-font-md:      'JINS_NextMedium', sans-serif;
  --jt-hw-font-display: 'ivyora-display', serif;
  /* Body serif — matches JP Noto Serif JP intent for EN text */
  --jt-hw-font-serif:   'Noto Serif', Georgia, serif;
  /* JP used YakuHanMP + Yu Mincho serif stack for JP copy */
  --jt-hw-font-ja:      YakuHanMP, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', serif;
}

/* ----------------------------------------------------------
   1. Reset / Base
   ---------------------------------------------------------- */
#jins-heatherwick,
#jins-heatherwick * {
  box-sizing: border-box;
}

#jins-heatherwick {
  background: var(--jt-hw-white);
  color: var(--jt-hw-black);
  font-family: var(--jt-hw-font);
  overflow-x: hidden;
  width: 100%;
}

/* Dawn overrides */
#jins-heatherwick p {
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0;
}
#jins-heatherwick h1,
#jins-heatherwick h2,
#jins-heatherwick h3,
#jins-heatherwick h4 {
  font-family: inherit !important;
  color: inherit !important;
  margin: 0;
}
#jins-heatherwick img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

/* Responsive show/hide helpers — mirrors JP .sp / .tb-pc */
#jins-heatherwick .jt-hw-sp     { display: none; }
#jins-heatherwick .jt-hw-tb-pc  { display: none; }

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-sp    { display: inline; }
  #jins-heatherwick .jt-hw-tb-pc { display: none; }
}
@media screen and (min-width: 768px) {
  #jins-heatherwick .jt-hw-sp    { display: none; }
  #jins-heatherwick .jt-hw-tb-pc { display: inline; }
}

/* Inview fade */
#jins-heatherwick .jt-hw-inview {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
#jins-heatherwick .jt-hw-inview.is-inview {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered delays for grouped elements */
#jins-heatherwick .jt-hw-inview[data-delay="1"] { transition-delay: 0.1s; }
#jins-heatherwick .jt-hw-inview[data-delay="2"] { transition-delay: 0.2s; }
#jins-heatherwick .jt-hw-inview[data-delay="3"] { transition-delay: 0.3s; }

/* ----------------------------------------------------------
   2. KV / Hero
   Desktop: aspect-ratio 3830/2240 (cinematic wide)
   Mobile:  aspect-ratio 1200/1215 (near square)
   ---------------------------------------------------------- */
#jins-heatherwick .jt-hw-kv {
  position: relative;
  width: 100%;
}

#jins-heatherwick .jt-hw-kv__visual {
  position: relative;
  width: 100%;
  aspect-ratio: 3830 / 2240;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-kv__visual {
    aspect-ratio: 1200 / 1215;
  }
}

#jins-heatherwick .jt-hw-kv__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

#jins-heatherwick .jt-hw-kv__img--desktop { display: block; }
#jins-heatherwick .jt-hw-kv__img--mobile  { display: none; }

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-kv__img--desktop { display: none; }
  #jins-heatherwick .jt-hw-kv__img--mobile  { display: block; }
}

/* White gradient shadow — fades image into page */
#jins-heatherwick .jt-hw-kv__shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgb(255,255,255) 100%);
  pointer-events: none;
}

/* ----------------------------------------------------------
   3. Lead
   Left-aligned, 7% margin — per JP spec
   ---------------------------------------------------------- */
#jins-heatherwick .jt-hw-lead {
  padding-top: 120px;
  margin-left: 7%;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lead {
    padding-top: 0;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}

#jins-heatherwick .jt-hw-lead__heading-wrap {
  width: 50vw;
  max-width: 664px;
  padding-bottom: 32px;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lead__heading-wrap {
    width: 100%;
    max-width: 100%;
    padding-bottom: 0;
    margin: 0 0 10px -6px;
  }
}

#jins-heatherwick .jt-hw-lead__heading {
  display: block;
  width: 100%;
  height: auto;
  line-height: 0;
  margin-left: -12px;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lead__heading {
    margin-left: 0;
    padding-top: 16px;
    padding-bottom: 8px;
  }
}

#jins-heatherwick .jt-hw-lead__title {
  font-family: var(--jt-hw-font-ja);
  font-size: 24px;
  line-height: 100%;
  padding-bottom: 20px;
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lead__title {
    font-size: 16px;
    padding-bottom: 8px;
  }
}

#jins-heatherwick .jt-hw-lead__text {
  font-family: var(--jt-hw-font-ja);
  font-size: 16px;
  line-height: 180%;
  padding-bottom: 40px;
  max-width: 664px;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lead__text {
    line-height: 180%;
  }
}

/* ----------------------------------------------------------
   4. Detail
   Desktop: flex row — main (50%) + sub (50%)
   Tablet/Mobile: stacked
   ---------------------------------------------------------- */
#jins-heatherwick .jt-hw-detail {
  width: 100%;
  display: flex;
  padding-top: 180px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #jins-heatherwick .jt-hw-detail {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-detail {
    display: block;
    padding-top: 60px;
  }
}

#jins-heatherwick .jt-hw-detail__main {
  width: 50%;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #jins-heatherwick .jt-hw-detail__main {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-detail__main {
    display: block;
    width: 100%;
  }
}

#jins-heatherwick .jt-hw-detail__main-inner {
  width: 100%;
}

#jins-heatherwick .jt-hw-detail__photo {
  line-height: 0;
}

#jins-heatherwick .jt-hw-detail__photo img {
  width: 100%;
  height: auto;
  display: block;
}

#jins-heatherwick .jt-hw-detail__text {
  padding-top: 60px;
  padding-left: 14%;
  font-family: var(--jt-hw-font-ja);
  font-size: 16px;
  line-height: 180%;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #jins-heatherwick .jt-hw-detail__text {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-detail__text {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 200%;
    padding-bottom: 40px;
  }
}

#jins-heatherwick .jt-hw-detail__sub {
  width: 50%;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #jins-heatherwick .jt-hw-detail__sub { width: 100%; }
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-detail__sub { width: 100%; }
}

/* ----------------------------------------------------------
   5. Profile / Heatherwick Studio
   Centered bordered box — max-width 1140px
   JP spec: 240px top/bottom padding (desktop)
   ---------------------------------------------------------- */
#jins-heatherwick .jt-hw-profile {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  justify-content: center;
  padding-top: 240px;
  padding-bottom: 240px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #jins-heatherwick .jt-hw-profile {
    display: block;
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-profile {
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

#jins-heatherwick .jt-hw-profile__inner {
  width: 100%;
  max-width: 1140px;
  border: 1px solid var(--jt-hw-gray-border);
  display: flex;
  gap: 5%;
  padding: 50px 80px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #jins-heatherwick .jt-hw-profile__inner {
    padding: 50px 40px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-profile__inner {
    padding: 30px 30px;
    display: block;
  }
}

#jins-heatherwick .jt-hw-profile__photo {
  width: 48%;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #jins-heatherwick .jt-hw-profile__photo { width: 100%; }
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-profile__photo { width: 100%; }
}

#jins-heatherwick .jt-hw-profile__photo img {
  width: 100%;
  height: auto;
  display: block;
}

#jins-heatherwick .jt-hw-profile__text {
  width: 52%;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #jins-heatherwick .jt-hw-profile__text {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-profile__text {
    display: block;
    width: 100%;
  }
}

#jins-heatherwick .jt-hw-profile__text-name-en {
  width: 200px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #jins-heatherwick .jt-hw-profile__text-name-en { padding-top: 20px; }
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-profile__text-name-en { padding-top: 14px; }
}

#jins-heatherwick .jt-hw-profile__text-name-en img {
  width: 100%;
  height: auto;
  display: block;
}

#jins-heatherwick .jt-hw-profile__text-name-ja {
  font-family: var(--jt-hw-font-ja);
  font-size: 12px;
  line-height: 220%;
  padding-bottom: 10px;
  /* TODO: TRANSLATE — remove JP name when EN copy confirmed */
}

#jins-heatherwick .jt-hw-profile__text-text {
  font-family: var(--jt-hw-font-ja);
  font-size: 14px;
  line-height: 180%;
  padding-bottom: 24px;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-profile__text-text {
    line-height: 160%;
  }
}

#jins-heatherwick .jt-hw-profile__text-sns {
  font-size: 12px;
  position: relative;
}

#jins-heatherwick .jt-hw-profile__text-sns a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  padding-left: 26px;
  color: var(--jt-hw-black);
  font-family: var(--jt-hw-font);
  line-height: 1;
}

#jins-heatherwick .jt-hw-profile__text-sns a:hover {
  text-decoration: underline;
}

#jins-heatherwick .jt-hw-profile__text-sns a::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url('/cdn/shop/files/jins-heatherwick-icon-instagram.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

/* ----------------------------------------------------------
   6. Lineup — Title + Subtitle
   ---------------------------------------------------------- */
#jins-heatherwick .jt-hw-lineup__title {
  padding-left: 20%;
  padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__title {
    padding-left: 10%;
    padding-bottom: 20px;
  }
}

#jins-heatherwick .jt-hw-lineup__title-en {
  font-family: var(--jt-hw-font-display);
  font-size: 7vw;
  font-weight: 300;
  line-height: 1;
  display: block;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__title-en {
    font-size: 12vw;
  }
}

#jins-heatherwick .jt-hw-lineup__title-ja {
  font-family: var(--jt-hw-font-ja);
  font-size: 1.6vw;
  line-height: 140%;
  display: block;
  padding-top: 24px;
  padding-left: 5vw;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__title-ja {
    font-family: var(--jt-hw-font-ja);
    font-size: 17px;
    padding-left: 5vw;
    letter-spacing: 0.06em;
  }
}

#jins-heatherwick .jt-hw-lineup__subtitle {
  padding-left: 50%;
  padding-top: 20px;
  padding-bottom: 120px;
  display: block;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__subtitle {
    padding-left: 40%;
    padding-top: 60px;
    padding-bottom: 90px;
  }
}

#jins-heatherwick .jt-hw-lineup__subtitle--titanium {
  padding-top: 120px;
  padding-left: 10%;
}

#jins-heatherwick .jt-hw-lineup__subtitle-en {
  font-family: var(--jt-hw-font-display);
  font-size: 5vw;
  font-weight: 300;
  line-height: 1;
  display: block;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__subtitle-en {
    font-size: 9vw;
  }
}

#jins-heatherwick .jt-hw-lineup__subtitle-price {
  font-family: var(--jt-hw-font-display);
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 1;
  display: block;
  margin-top: 8px;
  color: var(--jt-hw-black);
}

#jins-heatherwick .jt-hw-lineup__subtitle-price--titanium {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__subtitle-price {
    font-size: 16px;
  }
}

/* ----------------------------------------------------------
   7. Lineup — Item
   3-column flex per JP spec:
   glasses (55%) / text (30%) / scene (15%)
   off-page bleed: margin-left -20% on glasses photo
   ---------------------------------------------------------- */
#jins-heatherwick .jt-hw-lineup__item {
  width: 100%;
  display: flex;
  padding-bottom: 160px;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item {
    display: block;
    margin-top: 10vw;
    padding-top: 10vw;
    padding-bottom: 80px;
    position: relative;
  }
}

/* Reversed items */
#jins-heatherwick .jt-hw-lineup__item--reverse {
  flex-direction: row-reverse;
}

/* Glasses column */
#jins-heatherwick .jt-hw-lineup__item-glasses {
  width: 55%;
  overflow: hidden !important;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item-glasses {
    width: 100%;
  }
}

/* Off-page bleed — margin-left -20% per JP CSS */
#jins-heatherwick .jt-hw-lineup__item-glasses-photo {
  padding-top: 5vw;
  margin-left: -20%;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item-glasses-photo {
    margin-left: -20%;
  }
}

/* Reversed: bleed right */
#jins-heatherwick .jt-hw-lineup__item--reverse .jt-hw-lineup__item-glasses-photo {
  margin-left: auto;
  margin-right: -20%;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item--reverse .jt-hw-lineup__item-glasses-photo {
    margin-left: 0;
    margin-right: -20%;
  }
}

#jins-heatherwick .jt-hw-lineup__item-glasses-photo img {
  width: 100%;
  height: auto;
  display: block;
}

/* Text column */
#jins-heatherwick .jt-hw-lineup__item-text {
  width: 30%;
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item-text {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  #jins-heatherwick .jt-hw-lineup__item:not(.jt-hw-lineup__item--reverse) .jt-hw-lineup__item-text {
    padding-bottom: 20px;
  }
}

#jins-heatherwick .jt-hw-lineup__item-text-inner {
  width: 100%;
}

/* Colorway heading — Silk Serif ExtraLight in JP → Ivyora Display for US */
#jins-heatherwick .jt-hw-lineup__item-text-heading {
  font-family: var(--jt-hw-font-display);
  font-size: 3vw;
  font-weight: 300;
  line-height: 1;
  padding-bottom: 30px;
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item-text-heading {
    font-size: 9vw;
    margin-left: 0;
    padding-bottom: 30px;
  }
}

/* Body text */
#jins-heatherwick .jt-hw-lineup__item-text-text {
  font-family: var(--jt-hw-font-ja);
  font-size: 18px;
  line-height: 180%;
  padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item-text-text {
    font-size: 16px;
    padding-bottom: 40px;
  }
}

/* SKU block */
#jins-heatherwick .jt-hw-lineup__item-num {
  display: flex;
}

#jins-heatherwick .jt-hw-lineup__item-num-column {
  width: 50%;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item-num-column {
    width: 50%;
  }
}

/* Shape label (BOSTON / WELLINGTON) — Silk Serif Regular in JP → Ivyora Display for US */
#jins-heatherwick .jt-hw-lineup__item-num-title {
  font-family: var(--jt-hw-font-display) !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  padding-bottom: 10px;
  letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item-num-title {
    font-family: var(--jt-hw-font-display) !important;
    font-weight: 400 !important;
    font-size: 14px;
  }
}

/* SKU link */
#jins-heatherwick .jt-hw-lineup__item-num-num {
  position: relative;
  font-family: var(--jt-hw-font);
  font-size: 12px;
  line-height: 1;
  padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item-num-num {
    font-family: var(--jt-hw-font-display) !important;
    font-weight: 400 !important;
    font-size: 14px;
  }
}

#jins-heatherwick .jt-hw-lineup__item-num-num a {
  position: relative;
  font-family: var(--jt-hw-font-display) !important;
  font-weight: 400;
  text-decoration: none;
  color: var(--jt-hw-black);
  padding-right: 20px;
}

/* External link icon */
#jins-heatherwick .jt-hw-lineup__item-num-num a::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background-image: url('/cdn/shop/files/jins-heatherwick-icon-link-v2.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

#jins-heatherwick .jt-hw-lineup__item-num-num a::before {
  position: absolute;
  background-color: #333;
  top: 1.4em;
  content: "";
  height: 1px;
  left: 0;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s;
  width: calc(100% - 20px);
}

#jins-heatherwick .jt-hw-lineup__item-num-num a:hover::before {
  transform: scale(1, 1);
}

/* Scene / Material prop column */
#jins-heatherwick .jt-hw-lineup__item-scene {
  width: 15%;
  position: relative;
  transform: perspective(1000px) rotateY(0deg) scale(1.5);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item-scene {
    z-index: 9;
    mix-blend-mode: darken;
    width: 42%;
    position: absolute;
    top: -20%;
    right: -20%;
    transform: none;
    transform-style: flat;
    backface-visibility: visible;
    will-change: auto;
  }

  #jins-heatherwick .jt-hw-lineup__item--reverse .jt-hw-lineup__item-scene {
    right: auto;
    left: -20%;
  }
}

#jins-heatherwick .jt-hw-lineup__item-scene-wrap {
  position: relative;
  margin-left: -5%;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item-scene-wrap {
    margin-left: 0;
  }
}

#jins-heatherwick .jt-hw-lineup__item-scene-wrap img {
  width: 100%;
  height: auto;
  display: block;
}

/* Divider bar — before Stuart Wood quote */
#jins-heatherwick .jt-hw-bar {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  margin: 60px 0;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-bar {
    margin: 20px 0;
  }
}

/* Last lineup item — less bottom padding on mobile */
@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-lineup__item--last {
    padding-bottom: 40px !important;
  }
}

/* ----------------------------------------------------------
   Stuart Wood Quote / Comment Section
   ---------------------------------------------------------- */
#jins-heatherwick .jt-hw-comment {
  width: 100%;
  padding: 120px 60px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-comment {
    padding: 40px 30px;
  }
}

#jins-heatherwick .jt-hw-comment__inner {
  max-width: 760px;
  width: 100%;
}

#jins-heatherwick .jt-hw-comment__quote {
  font-family: var(--jt-hw-font-display);
  font-size: 80px;
  font-weight: 300;
  line-height: 0.6;
  color: var(--jt-hw-black);
  margin-bottom: 20px;
}

#jins-heatherwick .jt-hw-comment__text p {
  font-family: var(--jt-hw-font-ja) !important;
  font-size: 15px !important;
  line-height: 240% !important;
  color: var(--jt-hw-black);
  margin-bottom: 20px;
}

#jins-heatherwick .jt-hw-comment__text p:last-child {
  margin-bottom: 0;
}

#jins-heatherwick .jt-hw-comment__name {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: right;
}

#jins-heatherwick .jt-hw-comment__name-title {
  font-family: var(--jt-hw-font-display);
  font-size: 18px;
  font-weight: 400;
  display: block;
  color: var(--jt-hw-black);
}

#jins-heatherwick .jt-hw-comment__name-role {
  font-family: var(--jt-hw-font-ja);
  font-size: 14px;
  color: var(--jt-hw-black);
  opacity: 0.5;
  display: block;
}

/* Profile website link */
#jins-heatherwick .jt-hw-profile__text-link a {
  font-family: var(--jt-hw-font-ja) !important;
  font-size: 14px;
  color: var(--jt-hw-black);
  text-decoration: none;
  border-bottom: 1px solid var(--jt-hw-gray-border);
  padding-bottom: 2px;
  transition: border-color 0.2s ease;
}

#jins-heatherwick .jt-hw-profile__text-link a:hover {
  border-color: var(--jt-hw-black);
}

/* ----------------------------------------------------------
   8. Store Button (commented out — enable if needed for US)
   ---------------------------------------------------------- */
#jins-heatherwick .jt-hw-store {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 180px;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-store {
    padding-top: 0;
    padding-bottom: 0;
  }

  #jins-heatherwick .jt-hw-store__btn a {
    line-height: 60px;
    font-family: var(--jt-hw-font-ja) !important;
    background-color: var(--jt-hw-white) !important;
    color: var(--jt-hw-black) !important;
  }
}

#jins-heatherwick .jt-hw-store__btn {
  width: 80%;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-store__btn {
    width: calc(100% - 40px);
  }
}

#jins-heatherwick .jt-hw-store__btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: var(--jt-hw-font-ja) !important;
  font-size: 18px;
  letter-spacing: 0.12em;
  line-height: 80px;
  text-decoration: none;
  color: var(--jt-hw-black);
  border: 1px solid var(--jt-hw-gray-border);
  transition: all 400ms ease-out;
}

#jins-heatherwick .jt-hw-store__btn a:hover {
  color: var(--jt-hw-white);
  background-color: var(--jt-hw-black);
}

/* ----------------------------------------------------------
   9. Footer Logo
   ---------------------------------------------------------- */
#jins-heatherwick .jt-hw-footer {
  display: flex;
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 240px;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

#jins-heatherwick .jt-hw-footer__logo {
  width: 500px;
  max-width: 50%;
}

@media screen and (max-width: 767px) {
  #jins-heatherwick .jt-hw-footer__logo {
    width: 100%;
    max-width: 70%;
  }
}

#jins-heatherwick .jt-hw-footer__logo img {
  width: 100%;
  height: auto;
  display: block;
}