@font-face{font-family:"Noto Sans SC";src:url('/assets/fonts/noto-sans-sc.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:"Noto Serif SC";src:url('/assets/fonts/noto-serif-sc.woff2') format('woff2');font-weight:200 900;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url('/assets/fonts/cormorant-italic.woff2') format('woff2');font-style:italic;font-weight:300 700;font-display:swap}
:root{--paper:#f4f3ef;--blue:#3353bc;--ink:#1d1d1b;--muted:#65706d;--peach:#fab58d;--line:#d4d9df;--serif:"Noto Serif SC",Songti SC,serif;--sans:"Noto Sans SC",PingFang SC,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}a:hover{color:var(--blue)}.container{width:calc(100% - 112px);max-width:1240px;margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;z-index:50;background:var(--blue);color:white;padding:10px 20px}.skip:focus{top:10px}.site-header{padding:25px 0 20px}.header-inner{display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line);padding-bottom:25px}.brand{flex-shrink:0;width:205px}.brand img{width:100%}.tagline{font-size:11px;color:var(--muted);margin-right:auto}.main-nav{display:flex;align-items:center;gap:27px;font-size:13px;white-space:nowrap;margin-left:auto}.main-nav a{padding:8px 0;border-bottom:1px solid transparent}.main-nav a[aria-current=page]{color:var(--blue);border-color:var(--blue)}.menu-toggle{display:none;color:var(--blue);background:none;border:1px solid var(--line);padding:6px 12px;cursor:pointer}.section-label,.eyebrow{font:12px/1.8 var(--sans);color:var(--blue);letter-spacing:.07em}.label-row{display:flex;justify-content:space-between;gap:30px;align-items:baseline;margin-bottom:48px}.label-row i{font:italic 25px "Cormorant Garamond",serif;color:var(--blue)}.page-hero{padding:64px 0 90px}.page-hero h1{font-size:clamp(42px,4.4vw,64px);line-height:1.6;letter-spacing:-.035em;color:var(--blue)}.page-hero .intro{max-width:630px;font-size:17px;line-height:2;margin-top:35px}.intro p+p{margin-top:30px}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:100px;align-items:center}.hero-art{width:100%;max-height:480px;object-fit:contain}.hero-art.paper-art{max-height:340px}.hero-signature{display:flex;align-items:center;gap:40px;margin-top:55px;color:var(--muted);font-size:13px}.hero-signature img{width:105px}.text-link{display:inline-flex;gap:15px;align-items:baseline;width:fit-content;border-bottom:1px solid color-mix(in srgb,var(--blue) 35%,transparent);padding:5px 0;color:var(--blue);font-size:14px;line-height:1.8}.text-link>span{font-family:Arial,sans-serif;font-size:18px;transition:transform .18s}.text-link:hover>span{transform:translate(2px,-2px)}.article-link{font-family:var(--serif);font-size:21px;line-height:1.8}.link-note{font-size:14px;color:var(--muted);margin-top:12px;max-width:560px}.related-entry+.related-entry{margin-top:38px}.related-list{margin-top:50px}.chapter{padding:90px 0}.chapter h2{font-size:clamp(34px,3.5vw,48px);line-height:1.6;letter-spacing:-.025em;color:var(--blue)}.chapter h3{font-size:25px;line-height:1.7;color:var(--blue)}.chapter .section-label{margin-bottom:34px}.grid-split{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:start}.copy{font-size:16px;line-height:2.1}.copy p+p{margin-top:32px}.copy h2+p,.copy h3+p{margin-top:30px}.copy .text-link{margin-top:34px}.copy>h3:not(:first-child){margin-top:50px}.narrow{max-width:570px}.soft-rule{border-top:1px solid var(--line)}.blue{background:var(--blue);color:var(--paper)}.blue h2,.blue h3,.blue .section-label,.blue .label-row i,.blue .text-link{color:var(--paper)}.blue .text-link{border-color:#b9c4e5}.blue .link-note{color:#e5e8f3}.blue .copy{color:var(--paper)}.photo-slot{position:relative;background:white;padding:13px 13px 18px;transform:rotate(var(--angle,0deg))}.photo-blank{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;aspect-ratio:var(--ratio,1.5);min-height:160px;background:#e8eae7;color:var(--blue);padding:35px;font:19px/1.9 var(--serif)}.photo-blank:before,.photo-blank:after{content:"";position:absolute;width:13px;height:13px;border-color:#aebbdc;border-style:solid;opacity:.6}.photo-blank:before{top:15px;left:15px;border-width:1px 0 0 1px}.photo-blank:after{bottom:15px;right:15px;border-width:0 1px 1px 0}.photo-blank small{font:12px var(--sans);color:var(--muted);margin-top:13px}.photo-slot figcaption{font:11px/1.8 var(--sans);color:var(--muted);padding-top:13px}.photo-person{position:relative;margin-top:15px;padding-bottom:90px}.photo-person .photo-slot{width:88%;margin-left:auto}.photo-person>img{position:absolute;width:35%;max-height:260px;object-fit:contain;left:-4%;bottom:0}.wide-art{width:100%;max-height:360px;object-fit:contain}.memory-art{margin-top:50px}.offset-down{padding-top:95px}.about-roots .photo-slot{margin-top:58px;max-width:500px}.about-roots .memory-art{margin-top:75px}.university-note{margin-top:55px;font-size:24px;font-family:var(--serif);color:var(--blue)}.small-topics{font-size:15px;color:var(--blue);margin-top:22px}.work-proof{font:27px/1.8 var(--serif);margin-top:65px}.work-proof+p{margin-top:20px}.life-art{max-width:290px;height:310px;object-fit:contain;margin:0 auto 45px}.daily-bottom{display:grid;grid-template-columns:1.3fr .7fr;gap:120px;align-items:center;margin-top:85px}.daily-bottom .photo-slot{max-width:340px;margin-left:auto}.wish-quote{font:29px/1.95 var(--serif);color:var(--blue);border-top:6px solid var(--peach);padding-top:24px;width:fit-content;margin-bottom:60px}.club-note{font-size:13px;color:var(--muted);margin-top:55px}.now-intro .intro{max-width:660px}.topic-index{display:flex;justify-content:space-between;gap:30px;margin-top:70px;padding:35px 0;border-bottom:1px solid var(--line)}.topic-index .text-link{font:23px var(--serif);border:0}.thoughts{margin-top:60px}.thoughts h3{margin-bottom:12px}.thoughts p{color:var(--muted);font-size:16px}.thoughts>div+div{margin-top:55px}.ai-print{padding:20px;background:var(--paper);transform:rotate(2deg);max-width:440px;margin:35px auto 0}.ai-print img{height:450px;width:100%;object-fit:contain}.ai-print figcaption{font-size:11px;color:var(--muted)}.ai-questions{margin-top:60px}.ai-questions p{font:23px/1.9 var(--serif);margin-top:20px}.freedom-scene{position:relative;padding-bottom:20px}.freedom-scene>img{max-height:300px;width:180px;object-fit:contain;margin:45px 0 0 auto}.freedom-scene blockquote{font:28px/1.8 var(--serif);color:var(--blue);margin:55px 120px 0 0}.freedom-scene .quiet{color:var(--muted);font-size:15px;margin-top:20px}.freedom-scene>img{position:absolute;bottom:0;right:0}.community-note{padding:65px 0 80px;border-top:1px solid var(--line)}.community-note h2{font-size:32px;color:var(--blue);line-height:1.8}.community-note .community-grid{display:grid;grid-template-columns:1fr 180px;gap:90px;margin-top:36px;align-items:center}.community-note img{height:190px;object-fit:contain}.community-note p{max-width:850px;font-size:16px;line-height:2}.community-note .end-links{display:flex;justify-content:space-between;gap:40px;margin-top:45px;align-items:center}.community-note .end-links p{font:23px var(--serif);color:var(--blue)}.product-tease{padding:55px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:70px}.product-tease h2{font-size:29px;margin:8px 0 16px}.product-tease p{font-size:14px;color:var(--muted);max-width:700px}.category-nav{display:flex;justify-content:space-between;gap:30px;margin-top:60px;padding:24px 0;border-bottom:1px solid var(--line);font-size:17px}.category-nav a{padding-bottom:10px}.category-nav a:first-child{color:var(--blue);border-bottom:1px solid var(--blue)}.category-nav small{color:var(--blue);font-size:11px;margin-left:10px}.category-heading{display:flex;justify-content:space-between;align-items:baseline;gap:35px;margin-bottom:14px}.category-heading h2{font-size:39px}.category-heading>span{font-size:12px;color:var(--blue)}.category-sub{color:var(--muted);font-size:15px;margin-bottom:70px}.record-title{font:33px/1.75 var(--serif);color:var(--blue);margin:25px 0}.record-summary{font-size:16px;line-height:2;max-width:630px}.record-entry .text-link{margin-top:35px}.record-work-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:110px}.record-money img{aspect-ratio:2;object-fit:cover}.record-money .record-title{font-size:39px}.record-technology .photo-slot{width:80%;margin:40px 0 0 auto}.record-ai{margin-top:65px;position:relative;padding-bottom:0}.record-ai .record-summary{max-width:67%}.record-ai>img{width:180px;height:230px;object-fit:contain;position:absolute;right:-12px;bottom:0}.record-ai .text-link{margin-top:50px}.record-growth{display:grid;grid-template-columns:1fr 1fr;gap:140px}.record-growth>article:last-child{padding-top:100px}.record-growth .wide-art{margin-top:50px;height:250px}.record-travel{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.record-travel .record-title{font-size:49px;color:var(--paper)}.record-travel .photo-slot{position:relative}.record-travel .travel-art{height:170px;width:150px;object-fit:contain;position:absolute;bottom:-160px;left:-60px}.records-travel{padding-bottom:150px}.records-travel .category-heading>span,.records-travel .category-sub{color:var(--paper)}.record-daily{display:grid;grid-template-columns:1.15fr .85fr;gap:115px}.record-daily .reading-art{height:340px;width:100%;object-fit:contain;margin-bottom:80px}.record-daily .photo-slot{margin-bottom:70px}.records-end{padding:60px 0;display:flex;justify-content:space-between;align-items:center;gap:45px;border-top:1px solid var(--line)}.records-end h2{font-size:27px;color:var(--blue)}.records-end p{font-size:15px;color:var(--muted);margin-top:15px}.records-end-links{display:flex;gap:50px}.product-intro{padding-bottom:45px}.product-intro .intro{max-width:730px}.status{display:inline-block;font-size:12px;color:var(--blue);border-bottom:1px solid #b8c3e1;padding-bottom:5px;letter-spacing:.06em}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:75px 65px;padding:45px 0 100px}.product-entry img{width:100%;aspect-ratio:3/4;object-fit:contain;border:10px solid white;transition:transform .25s}.product-entry>a:hover img{transform:translateY(-5px)}.product-entry h2{font-size:26px;color:var(--blue);margin:24px 0 9px}.product-entry .subtitle{font-size:13px;color:var(--muted);margin-bottom:18px}.product-entry p{font-size:15px;line-height:2}.product-entry .text-link{margin-top:20px}.product-priority{padding:55px 0;border-top:1px solid var(--line)}.product-priority h2{font-size:30px;color:var(--blue);margin-bottom:20px}.product-priority p{max-width:800px;font-size:16px;line-height:2}.product-detail{padding:60px 0 100px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:50px}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:start}.detail-cover{border:14px solid white;transform:rotate(-1deg)}.detail-copy h1{font:49px/1.6 var(--serif);color:var(--blue);margin:22px 0}.detail-copy .lead{font:24px/1.9 var(--serif);margin:30px 0 45px}.detail-copy h2{font:15px var(--sans);color:var(--blue);margin:45px 0 20px}.detail-copy p,.delivery-list{font-size:16px;line-height:2}.delivery-list{padding-left:20px}.delivery-list li{padding-left:7px;margin:8px 0}.delivery-list li::marker{color:var(--blue)}.detail-copy .format{font-size:14px;color:var(--muted);margin-top:40px}.detail-copy .concept-note{font-size:13px;color:var(--blue);margin-top:20px}.article-page{padding:55px 0 90px}.article-header{max-width:850px;margin:auto;padding-bottom:55px}.article-header h1{font-size:clamp(33px,4vw,52px);color:var(--blue);line-height:1.7;margin:22px 0}.article-header .summary{color:var(--muted);font-size:17px;line-height:2}.article-cover{margin:0 auto 60px;max-width:850px}.article-cover img{width:100%;max-height:340px;object-fit:contain}.article-cover.contained img{width:auto;max-width:100%;height:250px;margin:auto}.article-cover figcaption{font-size:11px;color:var(--muted);text-align:right;margin-top:12px}.article-body{max-width:760px;margin:auto;font-size:18px;line-height:2.15}.article-body p+p{margin-top:30px}.article-signature{max-width:760px;margin:45px auto 60px}.article-signature img{width:100px}.article-related{max-width:850px;margin:auto;border-top:1px solid var(--line);padding-top:40px}.article-related h2{font-size:27px;color:var(--blue);margin-bottom:25px}.article-related a{display:block;margin:17px 0;font-family:var(--serif);font-size:22px}.article-related .back-link{font:14px var(--sans);color:var(--blue);margin-top:45px}.site-footer{padding:25px 0 20px}.footer-inner{border-top:1px solid var(--line);padding-top:45px}.footer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:50px}.footer-greeting{display:flex;align-items:center;gap:30px;color:var(--blue);font:30px/1.6 var(--serif)}.footer-greeting img{width:42px}.footer-contact{min-width:260px;font-size:13px;color:var(--blue)}.footer-contact p{color:var(--muted);margin-top:15px}.footer-nav-row{display:flex;align-items:center;justify-content:space-between;gap:50px;margin:65px 0 55px}.footer-signature{width:120px}.footer-nav{display:flex;gap:55px;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding:27px 0 5px;font-size:11px;color:var(--muted)}.footer-bottom a{font-size:13px;color:var(--blue)}.not-found{text-align:center;padding:120px 0 170px}.not-found h1{font-size:80px;color:var(--blue)}.not-found p{margin:30px 0}.home .home-caption,.home .home-work-print figcaption,.home .home-hobby-album figcaption{font-size:11px}.home .home-link{min-height:36px}
@media(max-width:1150px){.tagline{display:none}.header-inner{gap:25px}.main-nav{gap:23px}.grid-split,.hero-grid,.record-work-grid,.record-growth,.record-travel,.record-daily,.detail-grid{gap:65px}.page-hero h1{font-size:52px}.product-grid{gap:55px 40px}.record-title{font-size:29px}.record-money .record-title{font-size:34px}.record-ai>img{width:140px;height:185px}.record-ai .record-summary{max-width:70%}.article-link{font-size:19px}.wish-quote{font-size:25px}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.site-header{padding:19px 0 15px}.header-inner{padding-bottom:18px;position:relative}.brand{width:180px}.main-nav{gap:17px;font-size:12px}.page-hero{padding:45px 0 65px}.hero-grid,.grid-split,.record-work-grid,.record-growth,.record-travel,.record-daily,.detail-grid{grid-template-columns:1fr;gap:50px}.page-hero h1{font-size:48px}.hero-grid .intro{max-width:100%}.hero-art{max-height:370px;width:85%;margin:auto}.label-row{margin-bottom:35px}.page-hero .intro{font-size:16px}.photo-person{max-width:500px;margin:15px auto 0;width:85%}.chapter{padding:65px 0}.chapter h2{font-size:39px}.chapter .section-label{margin-bottom:25px}.offset-down{padding-top:0}.copy{font-size:16px}.about-roots .photo-slot{max-width:none;margin-top:40px}.about-roots .memory-art{margin-top:25px}.daily-bottom{gap:50px;margin-top:55px;grid-template-columns:1fr 1fr}.daily-bottom .photo-slot{width:100%}.wish-quote{font-size:26px}.topic-index{margin-top:45px;gap:20px}.topic-index .text-link{font-size:20px}.related-list{margin-top:35px}.ai-print{margin:0 auto}.ai-questions{margin-top:40px}.freedom-scene{min-height:630px}.freedom-scene>img{bottom:20px}.community-note .community-grid{gap:40px;grid-template-columns:1fr 130px}.community-note h2{font-size:29px}.product-tease{gap:30px}.category-nav{font-size:15px;gap:18px;flex-wrap:wrap;justify-content:flex-start}.category-nav a{margin-right:15px}.category-sub{margin-bottom:40px}.record-work-grid{gap:70px}.record-money{max-width:650px}.record-technology .photo-slot{max-width:500px;margin:35px auto}.record-ai{max-width:650px}.record-ai .record-summary{max-width:73%}.record-growth>article:last-child{padding-top:0}.record-growth .wide-art{max-width:650px}.record-travel .record-title{font-size:40px}.record-daily{gap:70px}.record-daily .photo-slot{max-width:650px}.record-daily .reading-art{height:300px;margin-bottom:30px}.record-daily>article:last-child{max-width:650px}.records-end{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:repeat(2,1fr);gap:55px 35px}.product-entry h2{font-size:24px}.detail-cover{width:75%;max-width:420px;margin:auto}.detail-copy{max-width:700px}.article-header,.article-body,.article-related{max-width:100%}.footer-greeting{font-size:26px;gap:20px}.footer-contact{min-width:170px}.footer-nav{gap:27px;font-size:13px}.footer-nav-row{margin:45px 0}.footer-signature{width:100px}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.header-inner{gap:15px;justify-content:space-between}.brand{width:167px}.menu-toggle{display:block;font-size:13px}.main-nav{position:absolute;z-index:20;top:68px;left:0;right:0;padding:20px;background:var(--paper);border:1px solid var(--line);display:none;flex-direction:column;align-items:stretch;gap:5px;font-size:16px;box-shadow:0 18px 30px #1d1d1b0a}.main-nav.is-open{display:flex}.main-nav a{padding:10px 0}.main-nav a[aria-current=page]{border-color:transparent}.label-row{gap:20px}.label-row i{font-size:21px}.page-hero{padding-top:27px}.page-hero h1{font-size:37px;line-height:1.65}.hero-grid,.grid-split,.record-work-grid,.record-growth,.record-travel,.record-daily,.detail-grid{gap:40px}.page-hero .intro{font-size:15px;margin-top:27px}.hero-art{width:90%;max-height:300px}.hero-signature{gap:25px;align-items:flex-start;font-size:12px;margin-top:35px}.hero-signature img{width:85px}.photo-person{width:90%;padding-bottom:70px}.photo-person>img{max-height:200px}.photo-blank{font-size:17px;padding:25px}.photo-slot{padding:10px 10px 16px}.photo-slot figcaption{font-size:11px}.chapter{padding:50px 0}.chapter h2{font-size:32px;line-height:1.65}.chapter h3{font-size:23px}.copy{font-size:15px;line-height:2.05}.copy p+p{margin-top:26px}.copy .text-link{margin-top:26px}.article-link{font-size:19px}.link-note{font-size:14px}.memory-art{max-height:230px}.work-proof{font-size:25px;margin-top:40px}.daily-bottom{grid-template-columns:1fr;gap:35px}.daily-bottom .photo-slot{max-width:300px;margin-left:auto}.life-art{height:250px;margin-bottom:30px}.wish-quote{font-size:23px;margin-bottom:35px}.topic-index{gap:22px;align-items:flex-start;flex-direction:column;margin-top:35px;padding:22px 0}.topic-index .text-link{font-size:21px}.thoughts{margin-top:40px}.thoughts>div+div{margin-top:35px}.thoughts p{font-size:15px}.ai-print{padding:15px;width:90%}.ai-print img{height:360px}.ai-questions p{font-size:21px}.freedom-scene{min-height:560px}.freedom-scene blockquote{font-size:25px;margin-right:100px}.freedom-scene>img{width:150px;height:240px;right:-5px;bottom:0}.freedom-scene .quiet{max-width:180px;font-size:14px}.community-note{padding:40px 0 45px}.community-note h2{font-size:26px}.community-note .community-grid{grid-template-columns:1fr;gap:15px;margin-top:22px}.community-note img{width:130px;height:160px;margin-left:auto}.community-note p{font-size:15px}.community-note .end-links{align-items:flex-start;flex-direction:column;gap:15px;margin-top:20px}.community-note .end-links p{font-size:22px}.product-tease{flex-direction:column;align-items:flex-start;gap:20px;padding:40px 0}.product-tease h2{font-size:26px}.category-nav{margin-top:30px;gap:16px 22px;padding-bottom:10px;font-size:14px}.category-nav a{margin:0}.category-heading h2{font-size:30px}.category-sub{font-size:14px;margin-bottom:35px}.record-title,.record-money .record-title{font-size:29px}.record-summary{font-size:15px}.record-technology .photo-slot{width:90%}.record-ai .record-summary{max-width:100%}.record-ai{padding-bottom:0}.record-ai>img{position:static;height:190px;width:155px;margin-left:auto}.record-ai .text-link{margin-top:30px}.record-growth .wide-art{height:190px}.record-travel .record-title{font-size:36px}.record-travel .travel-art{width:120px;height:150px;bottom:-140px;left:-10px}.records-travel{padding-bottom:135px}.record-daily .photo-slot{margin-bottom:40px}.records-end h2{font-size:24px}.records-end-links{flex-wrap:wrap;gap:25px}.product-grid{grid-template-columns:1fr;gap:55px;padding-top:20px}.product-entry{max-width:440px;margin:auto;width:100%}.product-entry img{border-width:10px}.product-entry h2{font-size:28px}.product-entry p{font-size:15px}.product-priority h2{font-size:26px}.product-priority p{font-size:15px}.product-detail{padding-top:30px}.breadcrumbs{margin-bottom:35px}.detail-copy h1{font-size:35px}.detail-copy .lead{font-size:22px}.detail-cover{width:87%}.detail-copy p,.delivery-list{font-size:15px}.article-page{padding-top:30px}.article-header{padding-bottom:35px}.article-header h1{font-size:33px}.article-header .summary{font-size:16px}.article-cover{margin-bottom:35px}.article-cover img{max-height:250px}.article-body{font-size:17px;line-height:2.1}.article-body p+p{margin-top:25px}.article-related a{font-size:22px}.site-footer{padding-top:20px}.footer-inner{padding-top:30px}.footer-head{flex-direction:column;gap:30px}.footer-greeting{font-size:24px;gap:20px}.footer-greeting img{width:36px}.footer-contact{margin-left:56px;font-size:12px}.footer-contact p{margin-top:8px}.footer-nav-row{align-items:flex-start;gap:25px;margin:35px 0}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;font-size:12px}.footer-signature{width:85px}.footer-bottom{font-size:10px}.footer-bottom a{font-size:12px}.home .home-caption,.home .home-work-print figcaption,.home .home-hobby-album figcaption{font-size:10px}.home .home-link{font-size:13px}.home .home-journal-grid>article>p:not(.home-eyebrow):not(.home-caption){font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:800px){.grid-split>*{min-width:0}.text-link{max-width:100%;overflow-wrap:anywhere}.wish-quote{max-width:100%}.photo-blank{width:100%;min-width:0}}

/* One continuous illustrated landscape; scroll moves the camera and the walking figure. */
.about-story{position:relative;background:var(--paper);scroll-margin-top:0}
.story-stage{width:calc(100% - 112px);max-width:1240px;margin-inline:auto;padding:60px 0 55px}
.story-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;color:var(--blue);font-size:12px;letter-spacing:.04em}
.story-heading>p:first-child{display:flex;gap:14px;align-items:center}
.story-hint{font-size:11px;color:var(--muted)}
.story-hint>span{display:inline-block;margin-left:13px;color:var(--blue);font-size:18px}
.story-scenes{min-width:0}
.story-scene{display:grid;grid-template-columns:.42fr .58fr;gap:60px;align-items:center;padding:90px 0 110px;min-width:0}
.story-scene[hidden],.story-nav[hidden],.story-landscape[hidden]{display:none!important}
.story-copy{position:relative;z-index:1;min-width:0}
.story-chapter{color:var(--blue);font-size:11px;letter-spacing:.06em}
.story-chapter>span{margin-left:10px;opacity:.55;font-family:var(--sans)}
.story-copy h2{color:var(--blue);font-size:clamp(34px,3.3vw,48px);line-height:1.65;letter-spacing:-.025em;margin:20px 0 30px}
.story-paragraph{font-size:15px;line-height:2.1;max-width:415px}
.story-paragraph+.story-paragraph{margin-top:23px}
.story-read{margin-top:32px;font-size:13px}
.story-visual{position:relative;min-width:0}
.story-art{width:100%;aspect-ratio:4/3;isolation:isolate}
.story-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.story-visual figcaption{font-size:10px;line-height:1.8;color:var(--muted);text-align:right;margin-top:22px;letter-spacing:.025em}
.story-footer{display:flex;align-items:center;justify-content:space-between;gap:40px}
.story-nav{display:flex;align-items:center;gap:44px;flex:1;max-width:740px;min-width:0}
.story-count{color:var(--blue);font-size:12px;white-space:nowrap;letter-spacing:.07em}
.story-current{font-size:22px;font-family:var(--serif)}
.story-count>span:last-child{color:var(--muted);font-size:10px;margin-left:6px}
.story-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;flex:1}
.story-steps button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:44px;padding:10px 0 0;background:transparent;border:0;color:var(--muted);font-size:10px;text-align:left;cursor:pointer}
.story-steps button>span{display:block;width:100%;height:2px;background:#3353bc25}
.story-steps button[aria-current=step]{color:var(--blue)}
.story-steps button[aria-current=step]>span{background:var(--blue)}
.story-skip{font-size:12px;color:var(--blue);white-space:nowrap;padding:12px 0;border-bottom:1px solid var(--line)}
.story-skip>span{margin-left:13px}
.about-story:not([data-story-mode=scroll]) .story-hint{display:none}
.about-story:not([data-story-mode=scroll]) .story-scene+.story-scene{border-top:1px solid var(--line)}
.about-story[data-story-mode=scroll]{height:480svh;overflow:clip}
.about-story[data-story-mode=scroll] .story-stage{position:sticky;top:0;height:100svh;padding-top:38px;padding-bottom:30px;display:flex;flex-direction:column;isolation:isolate}
.about-story[data-story-mode=scroll] .story-heading{position:relative;z-index:3}
.about-story[data-story-mode=scroll] .story-scenes{position:absolute;left:0;right:0;top:14svh;z-index:2;pointer-events:none}
.about-story[data-story-mode=scroll] .story-scene{position:absolute;inset:0 auto auto 0;display:block;padding:0;width:690px;max-width:65%}
.about-story[data-story-mode=scroll] .story-copy{pointer-events:auto}
.about-story[data-story-mode=scroll] .story-copy h2{font-size:38px;line-height:1.5;margin:14px 0 20px}
.about-story[data-story-mode=scroll] .story-copy h2 br{display:none}
.about-story[data-story-mode=scroll] .story-paragraph{max-width:650px;font-size:14px;line-height:1.95}
.about-story[data-story-mode=scroll] .story-paragraph+.story-paragraph{margin-top:10px}
.about-story[data-story-mode=scroll] .story-read{margin-top:15px;font-size:12px}
.about-story[data-story-mode=scroll] .story-visual{display:none}
.about-story[data-story-mode=scroll] .story-landscape{position:absolute;inset:31svh calc((1240px - 100vw)/2) 95px;z-index:0;pointer-events:none}
.story-landscape svg{display:block;width:100%;height:100%;overflow:visible}
.about-story[data-story-mode=scroll] .story-footer{position:relative;z-index:3;margin-top:auto}
@media(min-width:1800px){.story-stage{max-width:1480px}.about-story[data-story-mode=scroll] .story-landscape{left:calc((1480px - 100vw)/2);right:calc((1480px - 100vw)/2)}.story-scene{gap:95px}.story-copy h2{font-size:54px}.story-paragraph{font-size:17px;max-width:480px}}
@media(max-width:1352px){.about-story[data-story-mode=scroll] .story-landscape{left:-56px;right:-56px}}
@media(max-width:1100px){.story-scene{grid-template-columns:.45fr .55fr;gap:35px}.story-copy h2{font-size:37px}.story-paragraph{font-size:14px}.story-nav{gap:25px}.story-footer{gap:30px}.about-story[data-story-mode=scroll] .story-scene{max-width:72%}.about-story[data-story-mode=scroll] .story-copy h2{font-size:35px}}
@media(max-width:800px){.story-stage{width:calc(100% - 48px)}.story-scene{grid-template-columns:1fr;gap:35px;padding:65px 0}.story-copy h2{font-size:36px;margin:15px 0 20px}.story-paragraph{font-size:15px;max-width:600px}.story-paragraph+.story-paragraph{margin-top:14px}.story-art{max-width:640px;margin:auto}.story-copy{max-width:630px}.story-visual figcaption{margin-top:10px}.story-nav{gap:25px}.story-steps{gap:17px}.about-story[data-story-mode=scroll] .story-stage{padding-top:25px;padding-bottom:20px}.about-story[data-story-mode=scroll] .story-scenes{top:12svh}.about-story[data-story-mode=scroll] .story-scene{width:100%;max-width:100%}.about-story[data-story-mode=scroll] .story-copy h2{font-size:32px}.about-story[data-story-mode=scroll] .story-landscape{top:42svh;left:-24px;right:-24px;bottom:80px}.about-story[data-story-mode=scroll] .story-paragraph{max-width:590px}}
@media(max-width:640px){.story-stage{width:calc(100% - 40px);padding:40px 0}.story-heading{gap:20px;font-size:11px}.story-hint{font-size:10px}.story-hint>span{margin-left:5px}.story-heading>p:first-child{gap:7px}.story-copy h2{font-size:29px;line-height:1.5;margin:12px 0 18px}.story-paragraph{font-size:14px;line-height:1.95}.story-paragraph+.story-paragraph{margin-top:12px}.story-chapter{font-size:10px}.story-visual figcaption{font-size:9px}.story-nav{gap:18px;max-width:none;width:100%}.story-count{font-size:10px}.story-current{font-size:20px}.story-steps{gap:13px}.story-steps button{font-size:9px;gap:8px;padding-top:8px}.story-footer{flex-direction:column;align-items:flex-end;gap:5px}.story-skip{font-size:10px;padding:5px 0;border:0}.about-story[data-story-mode=scroll] .story-stage{padding-top:22px;padding-bottom:14px}.about-story[data-story-mode=scroll] .story-scenes{top:12svh}.about-story[data-story-mode=scroll] .story-copy h2{font-size:28px;line-height:1.5;margin:12px 0 18px}.about-story[data-story-mode=scroll] .story-copy h2 br{display:initial}.about-story[data-story-mode=scroll] .story-paragraph{font-size:14px;line-height:1.9}.about-story[data-story-mode=scroll] .story-landscape{top:44svh;left:-20px;right:-20px;bottom:90px}.about-story[data-story-mode=scroll] .story-read{margin-top:14px;font-size:12px}.story-read{font-size:12px}}
@media(max-width:360px){.story-copy h2,.about-story[data-story-mode=scroll] .story-copy h2{font-size:26px}.story-paragraph,.about-story[data-story-mode=scroll] .story-paragraph{font-size:13px}.story-steps{gap:10px}.story-heading{gap:12px}.story-hint{font-size:9px}.about-story[data-story-mode=scroll] .story-landscape{top:45svh}}
@media(prefers-reduced-motion:reduce){.about-story{height:auto!important}.about-story .story-stage{height:auto!important;position:relative!important}.story-hint,.story-nav,.story-landscape{display:none!important}}

/* The original village grows out of the pages beneath the portrait character. */
.about-page .about-hero-scene{--portrait-ground-space:160px;padding-bottom:var(--portrait-ground-space);isolation:isolate}
.about-hero-scene>.photo-slot{position:relative;z-index:0}
.about-hero-scene>.photo-slot figcaption{position:absolute;top:calc(100% + var(--portrait-ground-space) + 12px);right:0;padding-top:0;text-align:right;max-width:100%}
.about-hero-ground{position:absolute;z-index:1;left:-8%;bottom:0;width:108%;pointer-events:none}
.about-hero-ground img{width:100%;height:auto}
.about-page .about-hero-scene>.about-hero-character{z-index:2;bottom:42px;filter:drop-shadow(2px 7px 5px #26345612)}
@media(max-width:800px){.about-page .about-hero-scene{--portrait-ground-space:140px}.about-page .about-hero-scene>.about-hero-character{bottom:35px}}
@media(max-width:640px){.about-page .about-hero-scene{--portrait-ground-space:120px}.about-hero-ground{width:110%}.about-page .about-hero-scene>.about-hero-character{width:40%;bottom:27px}}