@media(min-width:1600px){.collection{column-gap:10%}}
@media(max-width:1024px){:root{--section-space:180px}.desktop-nav{gap:24px}.story-layout{gap:7%}.story-copy .japanese-copy{font-size:14px}.story-next{margin-left:20%}.world{gap:100px 5%}.world-heading h2{font-size:64px}.footer-bottom{flex-direction:column}.footer-credit{flex-direction:row;justify-content:space-between;text-align:left}}
@media(max-width:767px){:root{--gutter:24px;--section-space:125px;--headline:clamp(38px,10.4vw,54px)}html{scroll-padding-top:75px}.site-header{padding:22px 24px}.header-logo{width:55px}.desktop-nav{display:none}.menu-toggle{display:block;font-size:10px;padding:8px 0 8px 15px}.opening{min-height:420px}.opening h1{font-size:12px;letter-spacing:.17em}.scroll-cue{bottom:26px}.tokyo{height:100svh;min-height:550px}.tokyo-image{object-position:53% 52%}.photo-meta{bottom:26px;font-size:9px}.meta{font-size:10px}.section-label{font-size:9px;margin-bottom:46px}.core-heading{line-height:1.06;letter-spacing:-.06em}.statement{min-height:100svh}.statement-copy{margin:75px 0 0 12%;max-width:100%}.japanese-copy{font-size:14px;line-height:2.15;letter-spacing:.02em}.signature{margin-top:40px;font-size:9px}.collection{display:flex;flex-direction:column;align-items:stretch;gap:38px;padding-top:24px;padding-bottom:65px}.collection-number{font-size:110px;margin-bottom:30px}.collection-title h2{font-size:24px}.collection figure{width:94%;margin-left:auto}.collection figure img{aspect-ratio:1}.looks{padding-top:0;padding-bottom:65px}.look-one{width:100%}.look-one img{aspect-ratio:1}.look-two{width:92%;margin-top:90px}.look-two img{aspect-ratio:1}.look-three{width:92%;margin-top:95px}.look-three img{aspect-ratio:2048/1365;object-position:50% center}.world{display:block;padding-left:0;padding-right:0}.world-heading{padding:0 24px}.world-heading h2{font-size:clamp(54px,15vw,72px);margin:44px 0 32px}.world-car{padding-top:75px}.world-car img{aspect-ratio:4/5;object-position:58% center}.world figcaption{margin-left:24px;margin-right:24px}.world-pair{display:block;margin-top:110px}.world-space,.world-people{width:100%;margin:0}.world-people{margin-top:110px}.world-pair img{aspect-ratio:1}.story-layout{display:flex;flex-direction:column;gap:62px}.story-image{padding:0;width:100%}.story-image img{aspect-ratio:1}.story-copy h2{font-size:42px;margin-top:28px}.story-jp{font-size:15px}.founder{margin-top:37px}.text-link{font-size:10px}.story-next{margin:110px 0 0;grid-template-columns:1fr 40%;gap:20px;padding-top:30px}.story-next h3{font-size:24px;line-height:1.15;margin:22px 0}.story-next img{aspect-ratio:3/4}.core-message{height:112svh;min-height:650px;justify-content:flex-start}.core-message h2{font-size:clamp(36px,9.7vw,48px);line-height:1.6;letter-spacing:0}.core-message .meta{font-size:9px;margin-top:36px}.shop{display:flex;flex-direction:column;gap:65px;align-items:stretch;min-height:0}.shop-image img{aspect-ratio:1}.shop-copy{padding-left:8%}.shop h2{font-size:32px;margin:27px 0 22px}.shop .text-link{margin-top:44px}.link-status{font-size:8px}.footer{padding-top:100px;padding-bottom:30px}.footer-logo{width:75%;margin-bottom:80px}.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:25px 32px;font-size:10px}.footer-bottom{gap:65px}.footer-credit{font-size:8px;gap:14px;flex-wrap:wrap}figcaption{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.reveal.pending{opacity:1;transform:none}}

/* PC editorial composition: independent of the existing mobile flow.
   Columns preserve left / right / center; the second image starts alongside the first. */
@media (min-width: 768px) {
  .collection { align-items: start; padding-top: 60px; padding-bottom: 24px; }
  .collection figure { width: 78%; margin-left: auto; }
  .looks {
    display: grid;
    grid-template-columns: repeat(100, minmax(0, 1fr));
    align-items: start;
    position: relative;
    margin-top: -160px;
    padding-top: 0;
    padding-bottom: 56px;
    background: transparent;
  }
  .looks .look { width: 100%; margin: 0; }
  .look-one { grid-column: 1 / 47; grid-row: 1; }
  .looks .look-two { grid-column: 64 / 101; grid-row: 1; margin-top: 240px; }
  .looks .look-three { grid-column: 33 / 68; grid-row: 2; margin-top: 44px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .looks { margin-top: -70px; }
  .looks .look-two { margin-top: 150px; }
}

/* Design refinement 02: retain the established layout and all media. */
@media (min-width: 768px) {
  .statement .core-heading { font-size: clamp(83.2px, 8.45vw, 145.6px); }
  /* +13% width. The existing staggered second image absorbs the added height. */
  .look-one { grid-column: 1 / 53; }
  .story-layout { grid-template-columns: 43% 49%; gap: 8%; }
  .story-image { padding-top: 116px; }
  .story-image img { aspect-ratio: 1.08; }
  .story-copy { max-width: none; }
  .story-copy h2 {
    font-size: clamp(44px, 4.95vw, 78px);
    line-height: 1.02;
    margin-top: 28px;
    margin-bottom: 26px;
  }
  .story-copy .founder { margin: 36px 0 24px 10%; font-size: 9px; }
  .story-copy .japanese-copy {
    max-width: 430px;
    margin-left: 10%;
    font-size: 14px;
    line-height: 2;
  }
  .story-copy .japanese-copy p + p { margin-top: 18px; }
  .story-copy .text-link { margin-top: 30px; margin-left: 10%; }
  .stories { padding-bottom: 80px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .story-copy h2 { font-size: clamp(34px, 4.6vw, 48px); }
  .story-copy .japanese-copy { margin-left: 0; }
  .story-copy .founder, .story-copy .text-link { margin-left: 0; }
  .stories { padding-bottom: 60px; }
}
@media (max-width: 767px) {
  /* Preserve the mobile heading and LOOK sizes; refine story rhythm only. */
  .story-copy .japanese-copy { line-height: 2.05; }
  .story-copy .japanese-copy p + p { margin-top: 22px; }
  .story-copy .text-link { margin-top: 34px; }
  .stories { padding-bottom: 24px; }
}