@charset "UTF-8";
/* Independent Coke Spider D title treatment; original draft is preserved. */
:root{--paper:#eff4f4;--ink:#213b40;--muted:#536a6d;--accent:#ab452e;--line:#b9c8ca;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}p,figure,h1,h2{margin:0}.skip{position:absolute;top:-100px;padding:1rem;background:white;z-index:10}.skip:focus{top:0}.masthead{display:flex;justify-content:space-between;align-items:center;margin:0 4.7%;padding:29px 0;border-bottom:1px solid var(--line)}.wordmark{font-family:Arial,sans-serif;font-size:17px;letter-spacing:.12em;font-weight:700}.wordmark span{margin-left:14px;font-size:12px;letter-spacing:.18em;font-weight:400}.nav-link{font-size:14px;letter-spacing:.08em}.nav-link span{margin-left:28px}.hero{padding-top:32px}.hero-top{display:flex;justify-content:space-between;margin:0 4.7%}.eyebrow,.edition{font-size:12px;letter-spacing:.16em}.title-wrap{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;padding:38px 12% 44px}.vertical-copy{position:absolute;right:6%;top:72px;writing-mode:vertical-rl;font-family:var(--serif);font-size:15px;line-height:2.4;letter-spacing:.17em}h1{font-family:var(--serif);font-size:clamp(2.6rem,5.2vw,5.8rem);font-weight:500;letter-spacing:.055em;line-height:1.5;width:max-content;max-width:100%}h1 span{display:block}h1 span:nth-child(2){padding-left:1.3em}h1 span:nth-child(3){padding-left:.55em}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 4.7% 24px;gap:24px}.hero-bottom p{font-size:12px;letter-spacing:.09em}.hero-bottom small{font-size:12px;margin-left:8px}.scroll-link{font-size:12px;letter-spacing:.12em;white-space:nowrap}.scroll-link span{margin-left:26px;font-size:20px}.landscape{position:relative;overflow:hidden;height:clamp(250px,36vw,550px);background:#536561}.landscape img{display:block;width:100%;height:151%;object-fit:cover;object-position:center top;transform:translateY(-3%)}.landscape figcaption{position:absolute;left:4.7%;bottom:18px;font-size:12px;letter-spacing:.06em;color:#fff;background:#172a30cc;padding:7px 10px}.story{padding:100px 7% 110px}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.15em;border-top:1px solid var(--line);padding-top:20px}.story-content{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;padding-top:67px}h2{font-family:var(--serif);font-size:clamp(2rem,3.1vw,3.3rem);line-height:1.8;font-weight:500;letter-spacing:.07em}h2 em{font-style:normal;color:var(--accent)}.story-copy{padding-top:10px;max-width:600px}.story-copy p{font-size:16px;line-height:2.35;letter-spacing:.045em;margin-bottom:28px}.closing{padding:58px 7% 67px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:40px;background:#e1e9ea}.closing-title{font-family:var(--serif);font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.8;letter-spacing:.08em}.credit-label{font-size:13px;letter-spacing:.13em;margin-bottom:12px}.director{font-size:17px;letter-spacing:.13em}footer{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding:30px 4.7% 40px;font-size:12px;line-height:1.9;color:var(--muted)}footer>p:first-child{letter-spacing:.12em}footer>a{white-space:nowrap;font-size:13px}
@media(min-width:1500px){.title-wrap{min-height:530px}}
@media(max-width:700px){.masthead{padding:23px 0;margin:0 6%}.wordmark{font-size:14px}.wordmark span{display:none}.nav-link{font-size:13px}.nav-link span{margin-left:10px}.hero{padding-top:24px}.hero-top{margin:0 6%}.eyebrow{font-size:12px;letter-spacing:.09em}.edition{display:none}.title-wrap{padding:95px 5% 48px;min-height:380px;justify-content:flex-start}h1{font-size:clamp(1.6rem,6.7vw,2.8rem);line-height:1.85;letter-spacing:.01em}h1 span:nth-child(2){padding-left:1em}h1 span:nth-child(3){padding-left:.3em}.vertical-copy{font-size:13px;right:5%;top:25px;letter-spacing:.1em;line-height:1.7;writing-mode:horizontal-tb}.hero-bottom{padding:0 6% 20px}.hero-bottom p{display:none}.scroll-link{font-size:12px;display:flex;justify-content:space-between;width:100%}.landscape{height:255px}.landscape img{width:160%;max-width:none;transform:translate(-20%,-3%)}.landscape figcaption{left:6%;bottom:14px;font-size:12px}.story{padding:60px 7%}.story-content{grid-template-columns:1fr;gap:28px;padding-top:38px}h2{font-size:2rem;line-height:1.8}.story-copy p{font-size:16px;line-height:2.15}.story-copy br{display:none}.closing{padding:40px 7%;flex-direction:column;align-items:flex-start;gap:30px}.closing-title{font-size:1.4rem}footer{padding:25px 7% 35px;flex-direction:column;gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Short-title edition: oversized editorial lettering and a quiet Japanese line. */
.title-wrap{min-height:590px;padding:45px 15% 65px 8%;justify-content:flex-start}
.title-lockup{width:100%}
h1{font-family:"Bodoni 72","Didot","Times New Roman",serif;font-size:clamp(5.5rem,12.8vw,13.5rem);font-weight:400;line-height:.88;letter-spacing:-.055em;width:100%}
h1 span:nth-child(2){padding-left:.48em;margin-top:.08em;white-space:nowrap}
h1 i,.closing-title i{color:var(--accent);font-weight:400}
.japanese-title{font-family:var(--serif);font-size:clamp(.85rem,1.3vw,1.2rem);letter-spacing:.22em;line-height:1.8;margin-top:30px}
.title-lockup>.japanese-title{margin-left:6.5vw}
.vertical-copy{top:85px;right:5%;font-size:14px}
.closing-title{font-family:"Bodoni 72","Didot","Times New Roman",serif;font-size:clamp(2.4rem,4.7vw,5rem);letter-spacing:-.035em;line-height:1.05}
.closing-lockup .japanese-title{margin-top:18px;font-size:13px;letter-spacing:.16em}
@media(min-width:1500px){.title-wrap{min-height:680px}}
@media(max-width:700px){.title-wrap{padding:115px 6% 55px;min-height:425px}.title-lockup{width:100%}h1{font-size:clamp(4rem,16.8vw,7.4rem);line-height:.95;letter-spacing:-.055em}h1 span:nth-child(2){padding-left:.22em;margin-top:.04em}.title-lockup>.japanese-title{margin-left:4vw;margin-top:25px;font-size:12px;letter-spacing:.12em}.vertical-copy{top:28px;right:6%;font-size:12px}.closing-title{font-size:clamp(2rem,9vw,3.5rem)}.closing-lockup .japanese-title{font-size:12px;letter-spacing:.1em}}

/* Scroll-linked film sequence; the document keeps native scrolling. */
.scene-shade,.scene-line{display:none}
.motion-enabled .film-sequence{height:185vh;height:185svh;position:relative}
.motion-enabled .landscape{position:sticky;top:0;height:100vh;height:100svh;clip-path:inset(0 var(--frame-inset,7%));isolation:isolate}
.motion-enabled .landscape img{position:absolute;inset:0;width:100%;height:151%;object-fit:cover;object-position:center top;transform:scale(var(--image-scale,1.025));transform-origin:center 30%;will-change:transform}
.motion-enabled .scene-shade{display:block;position:absolute;inset:0;background:#081b21;opacity:var(--shade-opacity,.08);pointer-events:none}
.motion-enabled .scene-line{display:block;position:absolute;inset:0;align-content:center;text-align:center;padding:8%;color:white;font-family:var(--serif);font-size:clamp(1.5rem,3.4vw,3.5rem);font-weight:500;line-height:2;letter-spacing:.1em;opacity:var(--words-opacity,0);transform:translateY(var(--words-y,30px));text-shadow:0 2px 25px #0008;pointer-events:none}
.motion-enabled .landscape figcaption{z-index:2}
.motion-enabled .title-wrap{will-change:transform,opacity}
.motion-enabled .reveal{opacity:1;transform:none;transition:none}
.motion-enabled .reveal.is-visible{opacity:1;transform:none}
.motion-enabled .story{padding-top:120px;padding-bottom:140px}
@media(max-width:700px){.motion-enabled .film-sequence{height:185vh;height:185svh}.motion-enabled .scene-line{font-size:clamp(1.2rem,4.8vw,2rem);letter-spacing:.025em;padding:6%}.motion-enabled .story{padding-top:65px;padding-bottom:75px}.motion-enabled .landscape img{object-position:48% top}}
@media(prefers-reduced-motion:reduce){.motion-enabled .film-sequence{height:auto}.motion-enabled .landscape{position:relative;height:clamp(250px,36vw,550px);clip-path:none}.motion-enabled .reveal{opacity:1;transform:none;transition:none}.motion-enabled .scene-line,.motion-enabled .scene-shade{display:none}}

/* Comfortable navigation; title flight timing and artwork remain unchanged. */
.masthead { gap: 20px; }
.header-actions { gap: 18px; }
.language-switch button, .nav-link, .wordmark, footer > a { min-height: 44px; display: inline-flex; align-items: center; }
.language-switch { padding: 3px 8px; border: 1px solid var(--line); border-radius: 999px; background: #ffffff70; }
.language-switch button { padding: 8px 10px; border-radius: 999px; transition: background-color 140ms ease; }
.language-switch button[aria-pressed=true] { background: #fff; }
button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
button, a { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.still-life picture { display: contents; }
@media(max-width:420px) { .masthead { margin-inline: 5%; gap: 10px; } .header-actions { gap: 6px; } .nav-link { font-size: 12px; } .language-switch { padding-inline: 2px; } .language-switch button { padding-inline: 7px; } }
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } html { scroll-behavior: auto; } }

/* Keep the Japanese title below the credit when zoom creates a short viewport. */
html[lang="ja"] .title-wrap { padding-top: max(160px, 25svh); }
@media (max-height: 600px) {
  .motion-enabled .film-sequence { min-height: 1040px; }
  .landscape, .motion-enabled .landscape { min-height: 580px; }
}

/* The selected language stays readable over the white segment. */
.masthead .language-switch button[aria-pressed="true"] { color: #292723; background-color: #fff; }