/* SHIN-EI editorial stage. Tune composition here, motion in immersive.js.
   Original photographs are only framed/moved; no crop, retouch or filtering. */
.welcome-lp {
  --editorial-dark:#0a211b;
  --editorial-cream:#f5f6f0;
  --editorial-gap:clamp(24px,4vw,64px);
  --editorial-ease:cubic-bezier(.16,1,.3,1);
}
.welcome-lp .entrance-copy { padding-block:clamp(72px,9vw,130px); border-bottom:1px solid #ffffff28; }
.welcome-lp .entrance-copy .type-hero { font-size:clamp(52px,6.4vw,94px); letter-spacing:-.065em; }
.welcome-lp .hero-kicker { letter-spacing:.15em; font-weight:500; }
.welcome-lp .story { background:var(--editorial-dark); padding-top:clamp(68px,9vw,132px); overflow:clip; }
.welcome-lp .story-heading { padding-bottom:clamp(40px,6vw,88px); }
.welcome-lp .story-heading h2 { font-size:clamp(38px,5.8vw,82px); line-height:1.32; letter-spacing:-.06em; }
.welcome-lp .story-heading .type-line:last-child { color:var(--yellow); }
.welcome-lp .brand-about { width:min(1440px,100%); margin:0 auto 80px; padding:0; }
.welcome-lp .curtain-frame { position:relative; overflow:clip; isolation:isolate; }
.welcome-lp .photo-curtain { position:absolute; top:0; bottom:0; width:50.1%; z-index:2; background:var(--curtain-color,var(--editorial-dark)); pointer-events:none; }
.welcome-lp .photo-curtain:first-of-type { left:0; }
.welcome-lp .photo-curtain:last-of-type { right:0; }
/* The text stays in the document flow. Only an inaccessible presentation copy
   of its photographs is kept in the sticky theatre, so keyboard navigation is native. */
.welcome-lp .story-enhanced .story-track { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:clamp(40px,6vw,96px); width:min(1440px,calc(100% - 96px)); margin-inline:auto; align-items:start; position:relative; }
.welcome-lp .story-theatre { position:sticky; top:calc(var(--header-height) + 24px); align-self:start; padding:18px 0 26px; min-width:0; background:var(--editorial-dark); z-index:3; }
.welcome-lp .theatre-meta { display:flex; justify-content:space-between; font-size:10px; letter-spacing:.17em; color:#b8cec1; border-top:1px solid #b8cec13f; padding-top:12px; }
.welcome-lp .theatre-words { position:relative; height:clamp(118px,14vw,210px); overflow:clip; margin:22px 0 18px; }
.welcome-lp .theatre-word { display:block; position:absolute; inset:0; color:var(--yellow); font:clamp(118px,14vw,210px)/.96 var(--chapter-type); letter-spacing:-.04em; }
.welcome-lp .theatre-pictures { position:relative; height:min(49svh,520px,calc(100svh - var(--header-height) - clamp(118px,14vw,210px) - 170px)); }
.welcome-lp .theatre-picture { position:absolute; inset:0; display:grid; align-items:center; background:var(--editorial-dark); margin:0; }
.welcome-lp .theatre-picture img { width:100%; height:100%; max-height:min(49svh,520px,calc(100svh - var(--header-height) - clamp(118px,14vw,210px) - 170px)); object-fit:contain; object-position:left center; }
.welcome-lp .theatre-progress { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:20px; }
.welcome-lp .theatre-progress>span { height:2px; background:#b8cec132; }
.welcome-lp .theatre-progress i { display:block; height:100%; background:var(--yellow); transform:scaleX(0); transform-origin:left; }
.welcome-lp .story-enhanced .story-stage { background:none; min-width:0; }
.welcome-lp .story-enhanced .story-scene { position:relative; display:flex; align-items:center; background:transparent; color:var(--paper); padding:54px 0; min-height:calc(100svh - var(--header-height)); gap:0; }
.welcome-lp .story-enhanced .story-visual { position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip-path:inset(50%); overflow:hidden; }
.welcome-lp .story-enhanced .story-copy { padding:0; max-width:480px; }
.welcome-lp .story-enhanced .story-copy h3 { font-size:clamp(26px,2.65vw,40px); line-height:1.6; letter-spacing:-.055em; }
.welcome-lp .story-enhanced .story-copy .scene-label { color:var(--yellow); font-size:12px; font-weight:500; letter-spacing:.08em; }
.welcome-lp .story-enhanced .story-copy>p:last-of-type { color:#dae6df; font-size:16px; line-height:2.1; margin-top:24px; }
.welcome-lp .story-enhanced .story-evidence { border-color:#a6c1b63c; margin-top:28px; padding-top:24px; }
.welcome-lp .story-enhanced .story-evidence h4 { color:#f3ead0; font-size:16px; line-height:1.9; }
.welcome-lp .story-enhanced .story-evidence p { color:#c7d8ce; font-size:14px; }
.welcome-lp .story-enhanced .text-link { color:#f5f6f0; margin-top:26px; }
.welcome-lp .practice-note { border-top:1px solid #b8cec132; margin-top:30px; padding-block:28px 50px; color:#b8cec1; }
/* Large words live on the paper around the photographs, never over faces. */
.welcome-lp .memory-intro { display:grid; grid-template-columns:1.5fr 1fr; column-gap:8vw; padding-block:110px 70px; }
.welcome-lp .memory-intro .section-label { grid-column:1/-1; }
.welcome-lp .memory-intro h2 { grid-row:2 / 4; font-size:clamp(36px,4.5vw,66px); line-height:1.45; }
.welcome-lp .memory-intro>p:not(.section-label) { margin:0; align-self:end; }
.welcome-lp .memory-intro .memory-nav { grid-column:2; }
.welcome-lp .memory-word { position:relative; color:transparent; -webkit-text-stroke:1px #f4e43880; font-size:clamp(80px,13.5vw,200px); }
.welcome-lp .memory-word::after { content:attr(data-word); position:absolute; inset:0; color:var(--chapter-accent); -webkit-text-stroke:0; clip-path:inset(0 calc((1 - var(--word-fill,1))*100%) 0 0); }
.welcome-lp .memory-chapter-0>.section-wrap { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:32px; }
.welcome-lp .memory-chapter-0 .chapter-rule,.welcome-lp .memory-chapter-0 .memory-word { grid-column:1/-1; }
.welcome-lp .memory-chapter-0 .memory-copy { grid-column:1/5; display:block; align-self:start; position:sticky; top:calc(var(--header-height) + 50px); margin-top:48px; }
.welcome-lp .memory-chapter-0 .memory-copy h3 { font-size:clamp(26px,2.4vw,36px); }
.welcome-lp .memory-chapter-0 .memory-copy>p { margin-top:28px; font-size:15px; }
.welcome-lp .memory-chapter-0 .memory-photos { grid-column:5/-1; display:block; margin-top:48px; }
/* Keep the two documentary photos on the same horizontal edges. */
.welcome-lp .memory-chapter-0 .memory-frame:nth-child(2) { width:100%; margin:44px 0 0; }
.welcome-lp .memory-chapter-1 { --chapter-accent:var(--green); --curtain-color:#e7eddf; }
.welcome-lp .memory-chapter-1 .memory-word { color:transparent; -webkit-text-stroke-color:#103a2e60; }
.welcome-lp .memory-chapter-1 .memory-copy { margin-bottom:54px; }
.welcome-lp .film-stage { width:100vw; max-width:none; position:relative; overflow:hidden; margin-inline:calc((min(1240px,100vw - 96px) - 100vw)/2); padding:24px 0 22px; background:#e7eddf; }
.welcome-lp .film-enhanced .memory-photos { display:flex; gap:40px; width:max-content; margin:0; padding-inline:48px; align-items:center; }
.welcome-lp .film-enhanced .memory-frame { flex:none; width:auto; margin:0; }
.welcome-lp .film-enhanced .memory-frame img { width:auto; height:min(66svh,640px); max-width:none; object-fit:contain; }
.welcome-lp .film-progress { margin:22px 48px 0; height:2px; background:#103a2e22; }
.welcome-lp .film-progress span { display:block; height:100%; background:var(--green); transform-origin:left; }
.welcome-lp .memory-chapter-2,.welcome-lp .memory-chapter-3 { position:relative; }
.welcome-lp .memory-chapter-2>.section-wrap,.welcome-lp .memory-chapter-3>.section-wrap { display:grid; grid-template-columns:1fr 1.3fr; column-gap:7vw; }
.welcome-lp .memory-chapter-2 .chapter-rule,.welcome-lp .memory-chapter-3 .chapter-rule,.welcome-lp .memory-chapter-2 .memory-word,.welcome-lp .memory-chapter-3 .memory-word { grid-column:1/-1; }
.welcome-lp .memory-chapter-2 .memory-copy,.welcome-lp .memory-chapter-3 .memory-copy { display:block; margin-top:44px; }
.welcome-lp .memory-chapter-2 .memory-copy>p,.welcome-lp .memory-chapter-3 .memory-copy>p { margin-top:28px; }
.welcome-lp .memory-chapter-2 .memory-photos,.welcome-lp .memory-chapter-3 .memory-photos { margin-top:44px; }
.welcome-lp .memory-chapter-3 .memory-photos { grid-column:1; grid-row:3; }
.welcome-lp .memory-chapter-3 .memory-copy { grid-column:2; padding-left:5vw; }
/* Away trips: readable invitation followed by three uncropped documentary photos. */
.welcome-lp #away .memory-copy { grid-column:1/-1; display:grid; grid-template-columns:.85fr 1.15fr; gap:7vw; align-items:start; }
.welcome-lp #away .memory-copy>p { margin-top:0; }
.welcome-lp #away .memory-photos { grid-column:1/-1; }
@media (max-width:999px) {
 .welcome-lp #away .memory-copy { display:block; }
 .welcome-lp #away .memory-copy>p { margin-top:28px; }
}
/* On phones and short windows, give every photo the full available width.
   No sticky photograph occupies the reading area. */
.welcome-lp .story:not(.story-enhanced) .story-stage { background:var(--editorial-dark); }
.welcome-lp .story:not(.story-enhanced) .story-scene { background:var(--editorial-dark); color:var(--paper); padding:46px 22px 64px; }
.welcome-lp .story:not(.story-enhanced) .story-word { font-size:clamp(98px,24vw,150px); color:var(--yellow); line-height:.94; margin-bottom:20px; }
.welcome-lp .story:not(.story-enhanced) .story-photo { width:calc(100% + 44px); margin-inline:-22px; }
.welcome-lp .story:not(.story-enhanced) .story-copy { padding:0; color:inherit; }
.welcome-lp .story:not(.story-enhanced) .story-copy>p:last-of-type { color:inherit; }
.welcome-lp .story:not(.story-enhanced) .scene-label { color:var(--yellow); }
.welcome-lp .story:not(.story-enhanced) .story-evidence { border-top-color:#ffffff40; }
.welcome-lp .story:not(.story-enhanced) .scene-1 { background:#e7eddf; color:var(--ink); --curtain-color:#e7eddf; }
.welcome-lp .story:not(.story-enhanced) .scene-1 .story-word,.welcome-lp .story:not(.story-enhanced) .scene-1 .scene-label { color:var(--green); }
.welcome-lp .story:not(.story-enhanced) .scene-1 .story-evidence { border-top-color:#103a2e40; }
@media(max-width:999px) {
 .welcome-lp .story-enhanced .story-track { width:calc(100% - 44px); gap:32px; }
 .welcome-lp .memory-intro { display:block; padding-block:76px 46px; }
 .welcome-lp .memory-intro>p:not(.section-label) { margin-top:24px; }
 .welcome-lp .memory-chapter-0>.section-wrap { display:block; }
 .welcome-lp .memory-chapter-0 .memory-copy { position:static; display:grid; }
 .welcome-lp .memory-chapter-0 .memory-photos { display:grid; margin-top:24px; }
 .welcome-lp .memory-chapter-0 .memory-frame:nth-child(2) { width:100%; margin:0; }
}
@media(max-width:700px) {
 .welcome-lp .entrance-copy { padding-block:56px 60px; }
 .welcome-lp .entrance-copy .type-hero { font-size:clamp(38px,11.3vw,60px); }
 .welcome-lp .story-heading h2 { font-size:clamp(31px,8vw,48px); }
 .welcome-lp .brand-about { margin-bottom:40px; }
 .welcome-lp .story-enhanced .story-track { display:block; width:100%; }
 .welcome-lp .story-theatre { top:var(--header-height); padding:10px 22px 14px; }
 .welcome-lp .theatre-meta { font-size:9px; padding-top:8px; }
 .welcome-lp .theatre-words { height:54px; margin:10px 0 8px; }
 .welcome-lp .theatre-word { font-size:56px; line-height:.96; }
 .welcome-lp .theatre-pictures { height:min(23svh,200px); }
 .welcome-lp .theatre-picture img { max-height:min(23svh,200px); object-position:center; }
 .welcome-lp .theatre-progress { margin-top:10px; }
 .welcome-lp .story-enhanced .story-scene { padding:28px 24px 80px; min-height:82svh; align-items:flex-start; }
 .welcome-lp .story-enhanced .story-copy { max-width:none; }
 .welcome-lp .story-enhanced .story-copy h3 { font-size:26px; line-height:1.55; }
 .welcome-lp .story-enhanced .story-copy>p:last-of-type { margin-top:22px; line-height:1.95; }
 .welcome-lp .story-enhanced .story-evidence { margin-top:22px; padding-top:20px; }
 .welcome-lp .memory-chapter-0 .memory-copy { display:block; margin-top:28px; }
 .welcome-lp .memory-word { font-size:16.7vw; }
 .welcome-lp .memory-chapter-0 .memory-photos { display:block; margin:28px -22px 0; }
 .welcome-lp .memory-chapter-0 .memory-frame:nth-child(2) { width:100%; margin-top:24px; }
 .welcome-lp .memory-chapter-2>.section-wrap,.welcome-lp .memory-chapter-3>.section-wrap { display:block; }
 .welcome-lp .memory-chapter-3 .memory-copy { padding:0; }
 .welcome-lp .memory-chapter-2 .memory-copy,.welcome-lp .memory-chapter-3 .memory-copy { margin-top:28px; }
 .welcome-lp .memory-chapter-2 .memory-photos,.welcome-lp .memory-chapter-3 .memory-photos { margin-top:28px; }
 .welcome-lp .memory-chapter-3 .memory-word { font-size:13.6vw; }
}
@media(prefers-reduced-motion:reduce) {
 .welcome-lp .memory-word::after { clip-path:none; }
}
@media print {
 .welcome-lp .story-theatre,.welcome-lp .photo-curtain,.welcome-lp .film-progress { display:none!important; }
 .welcome-lp .story-enhanced .story-track,.welcome-lp .film-enhanced .memory-photos { display:block; }
 .welcome-lp .story-enhanced .story-visual { position:static; width:auto; height:auto; clip-path:none; margin:0; }
 .welcome-lp .story-enhanced .story-scene { min-height:0; display:block; }
}