/* Chapter 5 is scoped; normal document flow is the default/fallback. */
  #chapter-5{ position:relative; background:#14211D; color:#D5C8BA; }
  #chapter-5 .chapter5-shell, #chapter5-portals{ width:84%; max-width:1320px; margin-inline:auto; }
  #chapter5-stage{ position:relative; }
  #chapter5-anchor{ padding-block:80px 64px; }
  #chapter-5 .chapter5-label{ margin:0 0 24px; color:#B39677; font:500 12px/1.2 "Plus Jakarta Sans",sans-serif; letter-spacing:.26em; }
  #chapter5-title{ margin:0; font:400 clamp(44px,4.8vw,76px)/1.06 "Playfair Display",serif; letter-spacing:-.04em; }
  #chapter5-title span{ display:block; }
  #chapter5-visuals{ display:none; }
  #chapter-5 .chapter5-entry{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(32px,6vw,88px); padding-block:64px; border-top:1px solid rgba(179,150,119,.18); }
  #chapter-5 .chapter5-entry-content{ min-width:0; grid-column:2; grid-row:1; }
  #chapter-5 .chapter5-index{ margin:0 0 20px; color:#B39677; font:400 12px/1.5 "Space Mono",monospace; letter-spacing:.18em; }
  #chapter-5 .chapter5-heading{ margin:0 0 22px; font:400 clamp(30px,3.2vw,54px)/1.14 "Playfair Display",serif; letter-spacing:-.025em; overflow-wrap:break-word; }
  #chapter-5 .chapter5-heading > span{ display:block; }
  #chapter-5 .chapter5-number{ font-size:clamp(80px,8.6vw,144px); line-height:1; letter-spacing:-.055em; }
  #chapter-5 .chapter5-unit{ margin-top:9px; color:#B39677; font-size:clamp(25px,2.3vw,36px); line-height:1.2; letter-spacing:.01em; }
  #chapter-5 .chapter5-detail-label{ margin:0 0 14px; color:#B39677; font:500 12px/1.5 "Plus Jakarta Sans",sans-serif; letter-spacing:.18em; }
  #chapter-5 .chapter5-copy{ max-width:36ch; margin:0; color:#A8ACA2; font:400 16px/1.8 "Plus Jakarta Sans",sans-serif; }
  #chapter-5 .chapter5-facts{ list-style:none; margin:0 0 20px; padding:0; display:flex; flex-direction:column; gap:10px; font:500 14px/1.5 "Plus Jakarta Sans",sans-serif; }
  #chapter-5 .chapter5-facts span{ color:#B39677; font-size:12px; white-space:nowrap; }
  #chapter-5 .chapter5-photo{ position:relative; grid-column:1; grid-row:1; width:100%; aspect-ratio:16/10; margin:0; overflow:hidden; border-radius:20px; background:#1B2B24; isolation:isolate; }
  #chapter-5 .chapter5-photo > img{ display:block; width:100%; height:100%; object-fit:cover; }
  #chapter-5 .chapter5-photo figcaption{ position:absolute; inset:auto 0 0; margin:0; padding:30px 18px 14px; color:#eee6d9; background:linear-gradient(transparent,rgba(20,33,29,.72)); font:400 12px/1.5 "Plus Jakarta Sans",sans-serif; letter-spacing:.04em; }
  #chapter-5 .chapter5-photo--aerial > img{ object-position:50% 52%; }
  #chapter-5 .chapter5-photo--land > img{ object-position:50% 64%; }
  #chapter-5 .chapter5-photo--surroundings > img{ object-position:50% 40%; }
  #chapter-5 .chapter5-photo--field > img{ object-position:50% 58%; }
  #chapter-5 .chapter5-photo--plan{ background:transparent; padding:0; aspect-ratio:1672/941; }
  #chapter-5 .chapter5-photo--plan > img{ width:100%; height:auto; object-fit:contain; }
  #chapter-5 .chapter5-project-pair{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; height:100%; gap:12px; padding:14px; }
  #chapter-5 .chapter5-project-pair img{ display:block; width:100%; height:auto; aspect-ratio:1; }

  /* Enabled only after the existing intro and GSAP/Lenis are ready. */
  #chapter-5.chapter5-travel #chapter5-stage{ height:100vh; height:100svh; overflow:hidden; isolation:isolate; }
  #chapter-5.chapter5-travel .chapter5-shell{ height:100%; display:grid; grid-template-columns:minmax(0,45fr) minmax(0,47fr); gap:8%; }
  #chapter-5.chapter5-travel #chapter5-anchor{ display:flex; flex-direction:column; justify-content:center; padding-block:40px; min-width:0; }
  #chapter-5.chapter5-travel #chapter5-title{ font-size:clamp(44px,4.5vw,72px); }
  #chapter-5.chapter5-travel #chapter5-visuals{ display:block; position:relative; width:100%; aspect-ratio:16/10; margin-top:36px; }
  #chapter-5.chapter5-travel #chapter5-visuals .chapter5-photo{ position:absolute; inset:0; height:100%; opacity:0; will-change:opacity; }
  #chapter-5.chapter5-travel #chapter5-visuals .chapter5-photo--plan{ height:auto; bottom:auto; aspect-ratio:1672/941; }
  #chapter-5.chapter5-travel #chapter5-entries{ position:relative; height:100%; min-width:0; mask-image:linear-gradient(transparent,black 8%,black 92%,transparent); -webkit-mask-image:linear-gradient(transparent,black 8%,black 92%,transparent); }
  #chapter-5.chapter5-travel .chapter5-entry{ position:absolute; top:50%; left:0; width:100%; display:block; margin:0; padding:0; border:0; will-change:transform,opacity; }
  #chapter-5.chapter5-travel .chapter5-entry > .chapter5-photo{ display:none; }

  /* Actual supplied square artworks, followed by restrained phase labels. */
  #chapter5-portals{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,4.5vw,72px); padding-block:clamp(80px,9vw,144px) clamp(100px,12vw,190px); }
  #chapter-5 .chapter5-portal{ display:block; width:100%; min-width:0; margin:0; padding:0; border:0; background:transparent; color:inherit; text-align:left; text-decoration:none; cursor:pointer; -webkit-tap-highlight-color:transparent; }
  #chapter-5 .chapter5-portal-art{ display:block; aspect-ratio:1; width:100%; overflow:hidden; border-radius:18px; outline:1px solid rgba(179,150,119,.22); transition:transform .4s ease,filter .4s ease,outline-color .4s ease; }
  #chapter-5 .chapter5-portal-art img{ display:block; width:100%; height:auto; aspect-ratio:1; }
  #chapter-5 .chapter5-portal-label{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 12px; margin-top:24px; font:500 14px/1.65 "Plus Jakarta Sans",sans-serif; letter-spacing:.07em; }
  #chapter-5 .chapter5-portal-label small{ color:#B39677; font-size:12px; font-weight:400; letter-spacing:.04em; white-space:nowrap; }
  #chapter-5 .chapter5-portal:focus-visible{ outline:2px solid #B39677; outline-offset:10px; border-radius:18px; }
  #chapter-5 .chapter5-portal:focus-visible .chapter5-portal-art{ filter:brightness(1.03); outline-color:#B39677; }
  @media(hover:hover){
    #chapter-5 .chapter5-portal:hover .chapter5-portal-art{ transform:scale(1.015); filter:brightness(1.03); outline-color:#B39677; }
  }
  @media(max-width:1099px){
    #chapter-5 .chapter5-shell, #chapter5-portals{ width:86%; }
    #chapter5-anchor{ padding-block:72px 52px; }
    #chapter-5 .chapter5-heading{ font-size:clamp(28px,3.8vw,42px); }
  }
  @media(max-width:767px){
    #chapter-5 .chapter5-shell, #chapter5-portals{ width:84%; }
    #chapter5-anchor{ padding-block:48px 40px; }
    #chapter5-title{ font-size:clamp(38px,9.5vw,60px); }
    #chapter-5 .chapter5-entry{ grid-template-columns:minmax(0,1fr); gap:20px; padding-block:36px 40px; }
    #chapter-5 .chapter5-heading{ margin-bottom:16px; }
    #chapter-5 .chapter5-index{ margin-bottom:14px; }
    #chapter-5 .chapter5-entry-content{ grid-column:1; grid-row:1; }
    #chapter-5 .chapter5-entry > .chapter5-photo{ grid-column:1; grid-row:2; border-radius:16px; }
    #chapter-5 .chapter5-heading{ font-size:clamp(27px,7.5vw,46px); }
    #chapter-5 .chapter5-number{ font-size:clamp(76px,19vw,122px); }
    #chapter-5 .chapter5-unit{ font-size:28px; }
    #chapter-5 .chapter5-index{ margin-bottom:18px; }
    #chapter-5 .chapter5-photo figcaption{ padding-inline:12px; font-size:12px; }
    #chapter5-portals{ grid-template-columns:minmax(0,1fr); gap:56px; padding-top:48px; }
    #chapter-5 .chapter5-portal-label{ margin-top:20px; }
  }
  @media(prefers-reduced-motion:reduce){
    #chapter-5 .chapter5-portal-art{ transition:none; transform:none!important; }
  }