:root{--paper:#f7f3ed;--paper-2:#fffdf9;--ink:#251816;--muted:#7b6e65;--red:#8f151c;--red-dark:#5f1115;--line:#d8cfc5;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif;--hand:"Kaiti SC","STKaiti",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;left:1rem;top:-4rem;background:#fff;padding:.7rem 1rem;z-index:100}.skip:focus{top:1rem}img{display:block;width:100%}.site-header{height:74px;padding:0 clamp(1rem,3vw,3.4rem);display:flex;align-items:center;gap:2rem;background:rgba(255,253,249,.96);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(95,17,21,.08)}.brand{display:grid;line-height:1;min-width:max-content}.brand strong{font:700 1.5rem/1.15 var(--serif);color:var(--red-dark);letter-spacing:.08em}.brand span{font:.62rem/1.2 Georgia,serif;letter-spacing:.34em;margin-top:.2rem}.brand-note{font:1rem/1.25 var(--hand);color:#736a63;transform:rotate(-5deg);margin:0}.site-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(.7rem,1.4vw,1.7rem);font-size:.88rem;flex:1}.site-header nav a{padding:1.65rem 0 1.45rem;position:relative;white-space:nowrap}.site-header nav a::after{content:"";height:2px;background:var(--red);position:absolute;left:50%;right:50%;bottom:1rem;transition:.2s}.site-header nav a:hover::after,.site-header nav a.active::after{left:0;right:0}.header-cta,.button.primary{background:linear-gradient(135deg,var(--red),#b21c22);color:#fff;border:0}.header-cta{padding:.65rem 1.35rem;border-radius:10px;white-space:nowrap}.header-cta span,.button span{margin-left:.45rem}.menu-button{display:none;background:none;border:1px solid var(--line);padding:.45rem .7rem;border-radius:5px}
.hero{height:min(650px,calc(100vh - 74px));min-height:560px;position:relative;overflow:hidden;background:#d9d0c5}.hero>img{height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,15,12,.18) 0%,rgba(255,252,247,.06) 34%,rgba(250,247,241,.82) 50%,rgba(250,247,241,.7) 68%,rgba(194,216,226,.02) 100%)}.hero-copy{position:absolute;left:50%;top:50%;width:45%;transform:translateY(-48%);max-width:660px}.eyebrow{margin:0 0 .2rem;color:#786b62}.hero h1{font:800 clamp(3.7rem,5vw,5.8rem)/1.05 var(--serif);color:var(--red-dark);margin:0;letter-spacing:.07em}.english{letter-spacing:.66em;margin:.6rem 0;color:#433632;font-family:Georgia,serif;font-size:.84rem}.red-rule{width:54px;height:4px;background:var(--red);margin:1rem 0}.hero h2{font:800 clamp(2rem,3.05vw,3.35rem)/1.23 var(--serif);margin:.4rem 0 1.2rem}.tags{color:#645a54;letter-spacing:.12em}.tags i{font-style:normal;margin:0 .4rem;color:#a59a91}.hero-actions{display:flex;gap:1rem;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.35rem;border-radius:8px;font-weight:600;border:1px solid var(--red);cursor:pointer}.button.ghost{background:rgba(255,255,255,.65);color:var(--red-dark)}.play{width:1.45rem;height:1.45rem;background:var(--red);color:#fff;border-radius:50%;display:inline-grid;place-items:center;font-size:.58rem}.hero-scribble,.hero-side-note,.hand-note,.ink-quote{font-family:var(--hand)}.hero-scribble{position:absolute;left:4%;bottom:8%;color:#fff;font-size:1.3rem;transform:rotate(-7deg);text-shadow:0 2px 10px #000}.hero-scribble span{display:block;margin-left:5rem}.hero-side-note{position:absolute;right:4%;top:12%;font-size:1.25rem;transform:rotate(-7deg);color:#3e4948}
.numbers{min-height:106px;display:grid;grid-template-columns:repeat(4,1fr) 1.35fr;align-items:center;padding:1rem clamp(1rem,3.5vw,4rem);background:var(--paper-2);border-bottom:1px solid var(--line)}.numbers>div{padding:.2rem 2rem;border-right:1px solid var(--line);display:grid}.numbers b{font:700 2rem/1 var(--serif);color:var(--red)}.numbers span{color:#645b55;font-size:.92rem}.numbers blockquote{font:1.16rem/1.6 var(--hand);margin:0 auto;color:#71655e;transform:rotate(-2deg)}
.section{padding:4.5rem clamp(1.2rem,3.5vw,4rem)}.section-heading{display:flex;align-items:end;gap:2rem;margin-bottom:1.5rem}.section-heading>div{margin-right:auto}.section-heading h2,.now-day h2,.features h2,.story-section h2,.contact h2,.tool-list h2{font:800 clamp(1.9rem,2.5vw,2.65rem)/1.2 var(--serif);margin:0}.section-heading h2::after,.doing h2::after{content:"";display:block;width:42px;height:3px;background:var(--red);margin-top:.55rem}.kicker{font:700 .72rem/1.2 Georgia,serif;letter-spacing:.2em;color:var(--red);margin:0 0 .45rem}.hand-note{font-size:1.12rem;color:#726860;margin:0 auto}.section-heading>a,.feature-head>a{color:var(--red);font-weight:600;font-size:.9rem}.lab{background:linear-gradient(180deg,#f7f3ed,#f2ede7)}.lab-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.lab-card{background:#fff;border:1px solid #ece4db;border-radius:9px;padding:.45rem .45rem 1rem;position:relative;box-shadow:0 10px 25px rgba(49,30,20,.04);transition:.25s}.lab-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(49,30,20,.1)}.lab-card .card-art{height:135px;border-radius:6px;display:grid;place-items:center;overflow:hidden;position:relative}.card-art::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent,rgba(255,255,255,.7));mix-blend-mode:soft-light}.card-art span{font:700 1.6rem var(--serif);color:#fff;text-shadow:0 2px 8px #000;z-index:1;letter-spacing:.2em}.body .card-art{background:linear-gradient(140deg,#bd5a36,#e9b761)}.life .card-art{background:linear-gradient(140deg,#7a4d39,#d9b995)}.mind .card-art{background:linear-gradient(140deg,#5d4234,#b69a74)}.ai .card-art{background:linear-gradient(140deg,#142a3f,#557e90)}.career .card-art{background:linear-gradient(140deg,#456677,#c2d6d6)}.card-no{position:absolute;top:.8rem;left:.8rem;background:rgba(255,255,255,.86);padding:.1rem .35rem;border-radius:3px;font:700 .7rem Georgia;z-index:2}.lab-card h3{font:700 1.25rem var(--serif);color:var(--red);margin:.75rem .5rem .1rem}.lab-card p{font-size:.86rem;color:#6e635c;margin:0 .5rem;padding-right:1.5rem}.lab-card>a{position:absolute;right:.8rem;bottom:.8rem;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f2e8e4;color:var(--red)}
.now-day{display:grid;grid-template-columns:.95fr 1.55fr;background:#fffdf9;border-top:1px solid #ede5dd;border-bottom:1px solid #ede5dd}.doing,.day{padding:3.6rem clamp(1.2rem,3.5vw,4rem)}.doing{border-right:1px solid var(--line);position:relative}.doing ul{list-style:none;padding:0;margin:1.4rem 0 0}.doing li{margin:.65rem 0}.doing li span{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;background:var(--red);color:#fff;border-radius:50%;font-size:.72rem;margin-right:.75rem}.ink-quote{position:absolute;right:2rem;bottom:1rem;border-left:1px solid var(--line);padding:1rem 0 1rem 2rem;color:#4d4540;transform:rotate(-3deg)}.ink-quote span{display:block;margin-left:4rem}.day-head{display:flex;justify-content:space-between;align-items:center}.day-head button{border:0;background:none;color:var(--red);cursor:pointer}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;margin-top:1.4rem;position:relative}.timeline::before{content:"";position:absolute;left:6%;right:6%;top:86px;height:2px;background:#bd3136}.timeline>div{display:grid;text-align:center;justify-items:center;position:relative}.time-art{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#e7ddd3;color:#6a4d39;font:1.65rem var(--serif);border:5px solid #f5eee8}.timeline>div::after{content:"";width:8px;height:8px;border:2px solid #a41820;background:#fff;border-radius:50%;margin:.55rem 0 .35rem;z-index:1}.timeline b{font-size:.75rem;color:var(--red)}.timeline strong{font-size:.86rem;margin:.2rem 0}.timeline small{font-size:.72rem;color:#8a7e76}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.8rem 1.2rem;background:#f5f1eb}.feature{min-width:0}.feature-head{display:flex;align-items:center;justify-content:space-between;padding:.2rem .75rem .65rem}.feature-image{position:relative;display:block;height:230px;overflow:hidden;border-radius:7px;background:#333}.feature-image img{height:100%;object-fit:cover;transition:.5s}.feature-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,16,13,.75),transparent 75%)}.feature-image:hover img{transform:scale(1.035)}.feature-image span{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:#fff;z-index:2;display:grid}.feature-image b{font:700 1.3rem/1.55 var(--serif)}.feature-image small{margin-top:.5rem}.feature-image i{position:absolute;right:1rem;bottom:1rem;z-index:2;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal}
.story-section{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;background:var(--red-dark);color:#fff}.story-section .kicker{color:#e8b2a3}.story-copy{columns:2;column-gap:2.3rem;color:#f2e8e4}.story-copy p{margin-top:0}.text-link{color:#f2c0a5;font-weight:600;break-inside:avoid}.gallery{background:#f7f3ed}.journal-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journal-grid article{padding:2rem;border-right:1px solid var(--line)}.journal-grid article:last-child{border-right:0}.journal-grid time{font:700 .82rem Georgia;color:#9c8e83}.journal-grid span{float:right;color:var(--red);font-size:.8rem}.journal-grid h3{font:700 1.25rem/1.5 var(--serif);margin:1.5rem 0 .75rem}.journal-grid p{color:#746960;font-size:.91rem}.tool-list{display:grid;grid-template-columns:.4fr 1.6fr;align-items:center;background:#fff}.tool-chips{display:flex;flex-wrap:wrap;gap:.8rem}.tool-chips span{border:1px solid var(--line);padding:.7rem 1rem;border-radius:99px;color:#635850}.contact{text-align:center;padding:6rem 1rem;background:linear-gradient(rgba(31,20,17,.72),rgba(31,20,17,.72)),url("assets/travel.png") center/cover;color:#fff}.contact p:not(.kicker){max-width:650px;margin:1rem auto 2rem;color:#eee3dc}.contact .kicker{color:#f0b9aa}footer{min-height:130px;padding:2rem clamp(1.2rem,3.5vw,4rem);display:flex;align-items:center;gap:3rem;background:#fffdf9}footer nav{display:flex;gap:1.2rem;font-size:.84rem;margin:auto}footer>p{font-size:.78rem;color:#877a72}
dialog{max-width:560px;border:0;border-radius:12px;padding:2.7rem;background:#fffdf9;color:var(--ink);box-shadow:0 30px 100px #0008}dialog::backdrop{background:rgba(24,15,12,.64);backdrop-filter:blur(4px)}dialog h2{font:800 2.2rem var(--serif);margin:.2rem 0}dialog time{color:#8c7e75;font-size:.85rem}dialog p{margin-top:1.3rem}.dialog-close{position:absolute;right:1rem;top:.7rem;border:0;background:none;font-size:1.8rem;cursor:pointer}.dialog-sign{text-align:right;font-family:var(--hand);font-size:1.2rem;color:var(--red)}
@media(max-width:1100px){.brand-note,.header-cta{display:none}.site-header nav{gap:1rem}.hero-copy{left:47%;width:51%}.hero h1{font-size:4rem}.numbers{grid-template-columns:repeat(4,1fr)}.numbers blockquote{display:none}.lab-grid{grid-template-columns:repeat(3,1fr)}.lab-card:nth-child(4),.lab-card:nth-child(5){grid-column:span 1}.now-day{grid-template-columns:1fr}.doing{border-right:0;border-bottom:1px solid var(--line)}.ink-quote{position:static;float:right}.features{grid-template-columns:1fr 1fr}.feature:first-child{grid-column:1/-1}.feature:first-child .feature-image{height:280px}}
@media(max-width:760px){body{font-size:16px}.site-header{height:64px}.menu-button{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;left:0;right:0;top:64px;background:#fffdf9;box-shadow:0 14px 30px #0002;padding:.8rem 1rem;grid-template-columns:1fr 1fr}.site-header nav.open{display:grid}.site-header nav a{padding:.65rem}.site-header nav a::after{display:none}.hero{height:auto;min-height:780px}.hero>img{height:390px;object-position:35% center}.hero-shade{background:linear-gradient(180deg,transparent 0 34%,var(--paper) 53%)}.hero-copy{left:1.2rem;right:1.2rem;top:auto;bottom:2rem;width:auto;transform:none}.hero h1{font-size:3.2rem}.hero h2{font-size:2rem}.hero-scribble,.hero-side-note{display:none}.numbers{grid-template-columns:1fr 1fr;padding:1rem}.numbers>div{padding:1rem;border-bottom:1px solid var(--line)}.numbers>div:nth-child(2n){border-right:0}.section{padding:3.4rem 1.2rem}.section-heading{align-items:flex-start;flex-wrap:wrap}.hand-note{margin:0}.section-heading>a{margin-left:auto}.lab-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem}.lab-card{min-width:78vw;scroll-snap-align:center}.now-day{display:block}.doing,.day{padding:3.2rem 1.2rem}.ink-quote{display:none}.timeline{display:flex;overflow:auto;gap:1.5rem;scroll-snap-type:x mandatory}.timeline::before{display:none}.timeline>div{min-width:120px;scroll-snap-align:start}.features{grid-template-columns:1fr;padding:1.2rem}.feature:first-child{grid-column:auto}.feature-image,.feature:first-child .feature-image{height:220px}.story-section{grid-template-columns:1fr;gap:2rem}.story-copy{columns:1}.journal-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.journal-grid article{min-width:82vw;scroll-snap-align:start}.tool-list{grid-template-columns:1fr;gap:1.3rem}.contact{padding:4rem 1.2rem}footer{display:grid;gap:1.5rem}footer nav{display:none}footer>p{margin:0}.hero-actions{flex-wrap:wrap}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.day-head a{border:0;background:none;color:var(--red);cursor:pointer}