@charset "UTF-8";
:root{--paper:#f9f7ef;--ink:#10262b;--muted:#485b52;--rust:#9b311f;--gold:#a27a29;--green:#354d3f;--line:#c6bca7;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3,.tagline,.feature-sub,.brand,.x-button,.mirai-note>p:not(.eyebrow){font-family:Georgia,'Times New Roman',serif}em{font-style:normal;color:var(--rust)}main{overflow:hidden}.hero{max-width:1500px;margin:auto;position:relative;min-height:760px;isolation:isolate}.hero-art{position:absolute;right:0;top:0;width:62%;height:100%;overflow:hidden;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%)}.hero-art img{position:absolute;width:172.4%;max-width:none;height:auto;left:-72.4%;top:0}.hero-copy{padding:40px 5.8% 72px;position:relative;max-width:850px}.brand{width:275px;margin-bottom:62px}.brand-japan{text-transform:uppercase;font-size:76px;letter-spacing:.035em;line-height:1}.brand-sub{display:flex;align-items:center;gap:22px;text-transform:uppercase;letter-spacing:.18em;font-size:18px;margin:9px 0 0 7px;white-space:nowrap}.brand-sub i{display:block;width:50px;height:1px;background:var(--gold)}h1{font-size:clamp(65px,7.35vw,108px);font-weight:400;letter-spacing:-.055em;line-height:.94}.gold-rule{display:block;width:44px;height:2px;background:var(--gold);margin:22px 0}.tagline{font-size:clamp(21px,2.2vw,30px);color:var(--muted);margin-bottom:40px}.x-button{display:inline-flex;justify-content:center;align-items:center;gap:15px;border-radius:50px;padding:20px 30px;min-height:64px;background:var(--green);color:white;text-decoration:none;font-weight:700;font-size:22px;transition:background .18s,transform .18s}.x-button svg{width:27px;height:27px;fill:currentColor}.x-button:hover{background:#263e30;transform:translateY(-2px)}.x-button:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.profile{max-width:1280px;margin:0 auto;position:relative;border-top:1px solid var(--line);padding:25px 0 30px;display:flex;align-items:center;gap:32px}.portrait{width:112px;height:112px;flex-shrink:0;border-radius:50%;background-image:url('/assets/mirai-blended.png');background-size:490% auto;background-position:72% 10%;border:1px solid #dacfb9}.profile-copy{padding-left:30px;border-left:1px solid var(--line);flex:1}.profile-copy>p:first-child{color:var(--muted);font-size:21px;line-height:1.5}.fiction{text-align:right;font:italic 15px/1.4 Georgia,serif;color:#656453;margin-top:10px}.feature{max-width:1280px;margin:20px auto 0}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;line-height:1.6;color:var(--muted)}.eyebrow span{margin-left:20px;color:#786f5d}.feature-heading h2{font-size:clamp(42px,5.8vw,78px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin-top:14px}.feature-heading .gold-rule{margin:15px 0 12px}.feature-sub{font-size:28px;color:var(--muted);margin-bottom:28px}.scene{position:relative;width:100%;aspect-ratio:1024/320;overflow:hidden;background:#b8aca0}.scene img{position:absolute;width:100%;height:auto;bottom:0;left:0}.caption{font-size:12px;line-height:1.6;color:#656453;margin:10px 0 0}.article-body{max-width:760px;margin:44px auto 0;font-size:18px;line-height:1.85;color:#35483f}.article-body>p{margin:0 0 24px}.article-body .lead{font:28px/1.5 Georgia,serif;color:var(--ink);margin-bottom:28px}.observation{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:34px 0;border-top:1px solid #d8d1c1}.number{font:23px/1.5 Georgia,serif;color:var(--gold)}.observation h3{font-size:31px;font-weight:400;color:var(--ink);line-height:1.25;margin-bottom:18px}.observation p+p{margin-top:18px}.mirai-note{border-left:2px solid var(--gold);padding:12px 0 12px 30px;margin:20px 0 36px}.mirai-note>p:not(.eyebrow){font-size:29px;line-height:1.45;color:var(--ink);margin-top:15px}.mirai-note span{display:block;font-size:15px;margin-top:12px}.article-body .editorial-note{font-size:13px;line-height:1.7;color:#626b60}.closing{max-width:1280px;margin:75px auto 0;padding:60px 24px;background:#eee9da;text-align:center;border-top:1px solid #c9bda0;border-bottom:1px solid #c9bda0}.closing h2{font-weight:400;font-size:clamp(36px,5vw,60px);letter-spacing:-.035em;margin:15px 0}.closing>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 28px}footer{max-width:1280px;margin:0 auto;padding:30px 0 24px;color:#687164;font-size:12px;line-height:1.7}footer>span{font:22px Georgia,serif;color:var(--ink)}footer>p{margin:12px 0}footer details{margin-bottom:16px;max-width:650px}summary{cursor:pointer;color:var(--muted);width:fit-content}details>p{margin-top:10px}summary:focus-visible{outline:2px solid var(--rust);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.hero-art img{top:-30px}.hero{min-height:860px}.hero-copy{padding-top:48px}.brand{margin-bottom:75px}}@media(max-width:1350px){.profile,.feature,footer{margin-left:5.8%;margin-right:5.8%}.closing{margin-left:5.8%;margin-right:5.8%}.hero{min-height:720px}.hero-copy{padding-bottom:65px}.brand{margin-bottom:48px}}@media(max-width:1000px) and (min-width:901px){.hero{min-height:660px}.hero-art{width:68%}.hero-art img{width:185%;left:-85%}.brand-japan{font-size:61px}.brand{margin-bottom:48px}.brand-sub{font-size:15px}h1{font-size:76px}.tagline{font-size:23px;max-width:290px}.x-button{font-size:20px;padding:18px 25px}.hero-copy{padding-top:30px}.profile-copy>p:first-child{font-size:18px}.fiction{font-size:13px}.portrait{width:95px;height:95px}}@media(max-width:900px){.hero{min-height:0;display:flex;flex-direction:column}.hero-copy{padding:25px 7% 24px;max-width:none}.brand{width:200px;margin-bottom:34px}.brand-japan{font-size:53px}.brand-sub{font-size:13px;gap:14px;margin-top:6px}.brand-sub i{width:34px}h1{font-size:clamp(61px,13.5vw,90px);line-height:.98}.hero h1{max-width:520px}.hero h1 em{display:inline-block}.gold-rule{margin:18px 0}.tagline{font-size:23px;margin-bottom:23px}.x-button{font-size:19px;min-height:57px;padding:16px 26px;gap:12px}.x-button svg{width:24px;height:24px}.hero-art{position:relative;order:2;width:100%;height:auto;aspect-ratio:.8;mask-image:none;-webkit-mask-image:none;margin-top:4px}.hero-art img{width:172.4%;left:-72.4%;top:-8%}.profile{margin:0 7%;padding:23px 0;gap:20px;align-items:flex-start}.portrait{width:72px;height:72px}.profile-copy{padding-left:18px}.profile-copy>p:first-child{font-size:16px}.desktop-break{display:none}.fiction{text-align:left;font-size:12px;margin-top:10px}.feature{margin:27px 7% 0}.eyebrow{font-size:10px;letter-spacing:.12em}.eyebrow span{margin-left:12px}.feature-heading h2{font-size:44px;line-height:1.1}.feature-sub{font-size:23px;line-height:1.35;margin-bottom:22px}.scene{aspect-ratio:1.4}.scene img{width:220%;max-width:none;left:-120%}.caption{font-size:11px}.article-body{margin-top:30px;font-size:17px;line-height:1.8}.article-body .lead{font-size:24px}.observation{grid-template-columns:30px 1fr;gap:12px;padding:27px 0}.number{font-size:20px}.observation h3{font-size:27px}.mirai-note{padding-left:22px}.mirai-note>p:not(.eyebrow){font-size:25px}.closing{margin:45px 0 0;padding:42px 7%}.closing h2{font-size:40px}.closing>p:not(.eyebrow){font-size:16px}footer{margin:0 7%;padding:25px 0}.hero-art{z-index:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(min-width:901px){.hero{height:min(84vw,1260px);min-height:0}.hero-copy{padding-top:clamp(40px,4vw,65px)}.brand{margin-bottom:clamp(50px,5.5vw,82px)}h1{font-size:clamp(88px,9.5vw,142px)}.brand-japan{font-size:clamp(70px,7.1vw,106px)}.tagline{font-size:clamp(23px,2.4vw,34px)}}


/* Preserve the illustration's original, irregular soft transition across the whole hero. */
.hero{background:#faf8f0}.hero-art{width:100%;height:100%;mask-image:none;-webkit-mask-image:none}.hero-art img{width:100%;height:auto;left:0;right:auto;top:0}.hero-copy{padding-left:4.6%}.portrait{background-size:667% auto;background-position:5.37% 63.4%}.profile-copy{align-self:center}
@media(min-width:901px){.hero{height:min(84vw,1260px)}.hero-copy{padding-top:clamp(40px,4.6vw,70px)}.brand{margin-bottom:clamp(45px,5.9vw,88px)}h1{font-size:clamp(88px,10.35vw,153px)}.hero .tagline{font-size:clamp(23px,2.8vw,40px);letter-spacing:-.035em;white-space:nowrap}.hero .x-button{font-size:clamp(20px,2.3vw,31px);padding:clamp(16px,2vw,27px) clamp(26px,3.6vw,50px);gap:18px;margin-top:8px}}
@media(max-width:900px){.hero-copy{padding-left:7%}.hero-art{aspect-ratio:1024/860;margin-top:0}.hero-art img{width:100%;left:0;top:0}.hero .tagline{white-space:normal}}



html{scroll-padding-top:20px}.site-header{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 4.6%;border-bottom:1px solid #ddd5c5}.site-header a{color:var(--ink);text-decoration:none}.wordmark{font:27px Georgia,serif;white-space:nowrap}.wordmark span{font-size:13px;letter-spacing:.08em;margin-left:6px}.site-header nav{display:flex;gap:30px;font-size:14px}.site-header nav a{padding:9px 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:var(--gold)}a:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.stories-section,.about-section{max-width:1280px;margin:70px auto 0}.stories-intro{margin-bottom:30px}.stories-intro h2{font-size:clamp(38px,5vw,64px);font-weight:400;letter-spacing:-.04em;margin:12px 0}.stories-intro>p:last-child{font-size:18px;line-height:1.6;color:var(--muted)}.story-list{display:grid;grid-template-columns:1fr;gap:32px}.story-card{display:grid;grid-template-columns:1.15fr 1fr;gap:38px;align-items:center;text-decoration:none;color:var(--ink);padding:0 0 38px;border-bottom:1px solid var(--line)}.story-picture{position:relative;aspect-ratio:1.65;overflow:hidden;background:#d4c9b5}.story-picture img{position:absolute;width:175%;max-width:none;height:auto;left:-75%;bottom:0;transition:transform .3s}.story-card:hover .story-picture img{transform:scale(1.025)}.story-meta{font-size:11px;letter-spacing:.07em;line-height:1.8;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap}.story-meta span{color:#786f5d}.story-summary h3{font-size:clamp(30px,3vw,43px);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:18px 0}.story-summary>p:not(.story-meta){font-size:17px;line-height:1.75;color:var(--muted)}.read-story{display:inline-block;font-size:14px;font-weight:700;margin-top:24px;border-bottom:1px solid var(--gold);padding-bottom:5px}.about-section .profile{margin:0;border-top:0;border-bottom:1px solid var(--line);padding:15px 0 45px;gap:36px;align-items:flex-start}.about-section h2{font-size:44px;font-weight:400;letter-spacing:-.035em;margin:12px 0 20px}.about-section .profile-copy{max-width:740px;padding-left:30px}.about-section .profile-copy p:not(.eyebrow){font:18px/1.8 Arial,sans-serif;color:var(--muted);margin-bottom:12px}.about-section .portrait{width:112px;height:112px;margin-top:20px}.article-nav,.after-story{max-width:1000px;margin:40px auto}.article-nav a,.after-story a{color:var(--green);font-size:14px;text-underline-offset:5px;line-height:1.7}.article-page .feature{margin-top:35px}.article-page .feature-heading{max-width:1000px;margin:auto}.article-page .feature-heading h1{font-size:clamp(42px,6vw,80px);line-height:1.1;font-weight:400;letter-spacing:-.04em;margin:18px 0}.article-page .feature-sub{margin-bottom:30px}.article-page .scene{max-width:1000px;margin:auto;aspect-ratio:2.2}.article-page .caption{max-width:1000px;margin:12px auto}.after-story{border-top:1px solid var(--line);padding:30px 0 40px;display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}.article-page footer{border-top:1px solid var(--line)}
@media(max-width:1350px){.stories-section,.about-section{margin-left:5.8%;margin-right:5.8%}.article-nav,.after-story{margin-left:5.8%;margin-right:5.8%}}
@media(max-width:900px){.site-header{padding:15px 7%;gap:16px}.wordmark{font-size:21px}.wordmark span{font-size:10px;display:block;margin:4px 0 0}.site-header nav{font-size:12px;gap:18px}.stories-section,.about-section{margin:42px 7% 0}.story-card{grid-template-columns:1fr;gap:22px;padding-bottom:28px}.story-picture{aspect-ratio:1.5}.story-summary h3{font-size:33px;margin:12px 0}.story-summary>p:not(.story-meta){font-size:16px}.story-meta{gap:12px}.read-story{margin-top:18px}.stories-intro h2{font-size:39px}.stories-intro>p:last-child{font-size:16px}.about-section .profile{gap:20px;padding-bottom:25px}.about-section .profile-copy{padding-left:20px}.about-section .portrait{width:72px;height:72px}.about-section h2{font-size:31px}.about-section .profile-copy p:not(.eyebrow){font-size:16px}.article-page .feature-heading h1{font-size:43px}.article-page .scene{aspect-ratio:1.4}.article-page .scene img{width:220%;left:-120%}.article-nav{margin:27px 7%}.after-story{margin:35px 7% 10px;gap:20px;flex-direction:column}.article-page .feature{margin-top:28px}}
@media(max-width:350px){.site-header{padding-left:5%;padding-right:5%}.site-header nav{gap:12px;font-size:11px}.about-section .profile{display:block}.about-section .profile-copy{padding-left:0;border-left:0;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.story-picture img{transition:none}.story-card:hover .story-picture img{transform:none}}
.story-picture img{width:230%;left:-120%}

.portrait-upload{display:block;object-fit:cover;object-position:center;background-image:none}

/* Tokyo card: preserve the entire approved composition. */
.tokyo-card .story-picture{background:#faf8f0}.tokyo-card .story-picture img{inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:none}.tokyo-card:hover .story-picture img{transform:none}