@import url('/jingxin-base.css');

/* 2026-09-13 refinement: shorter, calmer, more editorial */
.jx-section{padding:clamp(82px,9vw,122px) 0;}
.jx-memory-inner,.jx-gallery-inner,.jx-no-pressure-inner,.jx-journey-inner{padding:clamp(84px,9vw,124px) 0;}
.jx-final-inner{padding:100px 0;}

/* Hero: keep the real square photo crisp and bounded. */
.jx-hero{min-height:min(100svh,880px);padding:108px 0 72px;}
.jx-hero-photo-shell{width:min(520px,100%);justify-self:end;min-height:0;aspect-ratio:1/1;}
.jx-hero-photo{object-fit:cover;object-position:center;filter:none!important;}

/* Never stretch the 320px emergency fallback. */
.jx-hero-photo-shell.is-fallback .jx-hero-photo,
.jx-main-photo.is-fallback img,
.jx-gallery-main.is-fallback img{
  width:min(320px,calc(100% - 32px));height:auto;max-width:320px;aspect-ratio:1/1;object-fit:cover;
}

/* Editorial traits — no SaaS cards. */
.jx-traits-editorial{margin-top:54px;border-top:1px solid var(--line);}
.jx-trait{display:grid;grid-template-columns:140px minmax(170px,.55fr) 1fr;gap:30px;align-items:baseline;padding:27px 0;border-bottom:1px solid var(--line);}
.jx-trait small{font:600 10px 'DM Mono',monospace;letter-spacing:.13em;color:var(--accent);}
.jx-trait h3{margin:0;font:650 clamp(28px,3vw,42px)/1 Manrope,sans-serif;letter-spacing:-.04em;}
.jx-trait p{max-width:540px;margin:0;color:var(--muted);line-height:1.75;}
.jx-smaller-things{margin-top:50px;}

/* Journey is now the only trip narrative. */
.jx-journey{border-top:1px solid var(--line);background:linear-gradient(180deg,#06060a,#0a0910 55%,#07070b);}
.jx-journey-inner{width:min(1160px,calc(100% - 40px));margin:auto;}
.jx-journey-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(42px,7vw,90px);align-items:end;margin-top:24px;}
.jx-journey-heading h2{margin:0;font:650 clamp(44px,5.5vw,76px)/1.02 Manrope,sans-serif;letter-spacing:-.055em;}
.jx-journey-heading p{max-width:470px;margin:0 0 5px;color:var(--muted);font:400 18px/1.8 Georgia,'Times New Roman',serif;}
.jx-route{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:68px;}
.jx-route::before{content:'';position:absolute;left:10%;right:10%;top:12px;height:1px;background:linear-gradient(90deg,rgba(201,188,255,.28),rgba(201,188,255,.78),rgba(201,188,255,.28));}
.jx-route-stop{position:relative;padding-top:43px;}
.jx-route-dot{position:absolute;top:5px;left:0;width:15px;height:15px;border-radius:50%;border:4px solid #0a0910;background:#837b91;box-shadow:0 0 0 1px rgba(255,255,255,.18);}
.jx-route-stop--focus .jx-route-dot{width:19px;height:19px;top:3px;background:var(--accent);box-shadow:0 0 0 7px rgba(201,188,255,.09),0 0 34px rgba(201,188,255,.22);}
.jx-route-stop small{display:block;color:var(--accent);font:600 10px 'DM Mono',monospace;letter-spacing:.13em;}
.jx-route-stop h3{margin:13px 0 10px;font:650 clamp(27px,2.6vw,36px)/1.1 Manrope,sans-serif;letter-spacing:-.035em;}
.jx-route-stop p{max-width:315px;margin:0;color:var(--muted);line-height:1.75;}

/* Gallery: one real shared memory + one real KL photo. */
.jx-gallery-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr;gap:20px;margin-top:48px;align-items:stretch;}
.jx-gallery-main{grid-row:auto;min-height:0;aspect-ratio:1/1;border-radius:26px;}
.jx-gallery-context{position:relative;min-height:0;padding:18px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(201,188,255,.06),rgba(255,255,255,.015));display:grid;grid-template-rows:minmax(0,1fr) auto;gap:20px;cursor:zoom-in;text-align:left;overflow:hidden;}
.jx-gallery-context::before,.jx-gallery-context::after{content:none!important;}
.jx-kl-photo-wrap{display:grid;place-items:center;min-height:0;border-radius:18px;overflow:hidden;background:#09090d;}
.jx-kl-photo-wrap img{display:block;width:auto;max-width:100%;height:min(360px,40vw);max-height:360px;object-fit:contain;image-rendering:auto;filter:none!important;}
.jx-kl-copy{display:flex;flex-direction:column;gap:10px;padding:2px 4px 4px;}
.jx-kl-copy small{color:var(--accent);font:600 10px 'DM Mono',monospace;letter-spacing:.13em;}
.jx-kl-copy strong{font:650 26px/1.15 Manrope,sans-serif;color:#fff;}
.jx-kl-copy p{margin:0;color:var(--muted);line-height:1.7;}

/* Quiet No Pressure section — typography, not product cards. */
.jx-no-pressure-inner{max-width:900px;text-align:center;}
.jx-no-pressure .jx-label{text-align:center;}
.jx-no-pressure h2{max-width:820px;margin:24px auto 0;}
.jx-pressure-lines{max-width:720px;margin:48px auto 0;border-top:1px solid var(--line);}
.jx-pressure-lines p{margin:0;padding:20px 0;border-bottom:1px solid var(--line);font:500 clamp(22px,2.5vw,31px)/1.25 Manrope,sans-serif;letter-spacing:-.025em;color:#e9e4ec;}
.jx-pressure-final{margin-top:38px;}

/* Slightly tighter reading rhythm. */
.jx-copy{line-height:1.82;}
.jx-copy p{margin-bottom:18px;}
.jx-memory-copy p{margin:10px 0;}
.jx-memory-emphasis{margin-top:24px!important;}
.jx-feeling-wrap{gap:60px;}
.jx-gallery-heading{gap:30px;}

/* Lightbox always shows the photo that was clicked. */
.jx-lightbox img{width:100%;max-height:78vh;object-fit:contain;background:#040406;}

@media(max-width:900px){
  .jx-hero-photo-shell{justify-self:start;width:min(620px,100%);}
  .jx-trait{grid-template-columns:110px 180px 1fr;gap:20px;}
  .jx-journey-heading{grid-template-columns:1fr;gap:24px;}
  .jx-route{gap:18px;}
  .jx-gallery-grid{grid-template-columns:1fr;}
  .jx-gallery-main{aspect-ratio:1/1;}
  .jx-kl-photo-wrap img{height:auto;max-height:520px;}
}

@media(max-width:620px){
  .jx-section{padding:72px 0;}
  .jx-memory-inner,.jx-gallery-inner,.jx-no-pressure-inner,.jx-journey-inner{padding:74px 0;}
  .jx-hero{padding:94px 0 68px;}
  .jx-hero-photo-shell{border-radius:22px;}
  .jx-traits-editorial{margin-top:40px;}
  .jx-trait{grid-template-columns:1fr;gap:8px;padding:22px 0;}
  .jx-trait h3{font-size:32px;}
  .jx-smaller-things{margin-top:42px;}
  .jx-journey-inner{width:calc(100% - 28px);}
  .jx-journey-heading h2{font-size:clamp(42px,13vw,62px);}
  .jx-route{grid-template-columns:1fr;gap:38px;margin-top:52px;padding-left:28px;}
  .jx-route::before{left:6px;right:auto;top:9px;bottom:12px;width:1px;height:auto;background:linear-gradient(180deg,rgba(201,188,255,.3),rgba(201,188,255,.85),rgba(201,188,255,.3));}
  .jx-route-stop{padding:0 0 0 18px;}
  .jx-route-dot{left:-29px;top:4px;}
  .jx-route-stop--focus .jx-route-dot{left:-31px;top:2px;}
  .jx-gallery-grid{margin-top:38px;gap:16px;}
  .jx-gallery-context{padding:14px;border-radius:22px;}
  .jx-kl-photo-wrap img{width:100%;max-width:340px;height:auto;max-height:none;}
  .jx-pressure-lines{margin-top:38px;}
  .jx-pressure-lines p{padding:17px 0;}
  .jx-final-inner{padding:86px 0;}
}

@media(prefers-reduced-motion:reduce){
  .jx-reveal{opacity:1!important;transform:none!important;transition:none!important;}
}