:root{--indigo:#20234f;--indigo-2:#34386f;--yellow:#f2cf45;--paper:#f5f4fa;--white:#fbfbfd;--ink:#17182f;--muted:#65677d;--line:#c9c9d8;--serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;--sans:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7}a{color:inherit}img{display:block;max-width:100%}.shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:18px;top:-80px;z-index:99;background:var(--yellow);color:var(--ink);padding:10px 16px;font-weight:800}.skip-link:focus{top:18px}.site-header{border-bottom:1px solid var(--indigo);background:rgba(245,244,250,.92);backdrop-filter:blur(12px);position:relative;z-index:10}.masthead{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:12px;font-weight:900;text-decoration:none}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--indigo);color:var(--yellow);font-family:var(--serif);font-size:18px}.masthead p{margin:0}.issue{text-align:right;color:var(--muted)}
.hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);border-left:1px solid var(--line);border-right:1px solid var(--line)}.hero-copy{padding:90px 6.5vw 78px 4vw;border-right:1px solid var(--line);position:relative}.hero-copy:after{content:"";position:absolute;right:0;bottom:92px;width:32%;height:1px;background:var(--indigo)}.eyebrow,.section-no{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--indigo-2);text-transform:uppercase}.eyebrow span{background:var(--yellow);padding:7px 9px;margin-right:9px}.hero h1{font-family:var(--serif);font-size:clamp(58px,7.2vw,112px);line-height:.94;letter-spacing:-.055em;margin:45px 0 38px;font-weight:900}.hero h1 em{font-style:normal;color:var(--indigo-2);position:relative}.hero h1 em:after{content:"";display:inline-block;width:.2em;height:.2em;background:var(--yellow);margin-left:.08em;transform:rotate(12deg)}.hero-intro{max-width:700px;font-size:18px;color:var(--muted);margin:0 0 36px}.primary-cta{display:inline-flex;align-items:center;gap:28px;background:var(--indigo);color:#fff;text-decoration:none;padding:15px 20px;font-weight:800;border:2px solid var(--indigo);transition:background .2s,color .2s,transform .2s}.primary-cta:hover{background:var(--yellow);color:var(--ink);transform:translateY(-2px)}.primary-cta:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}.hero-index{padding:90px 3vw 50px;position:relative;overflow:hidden}.yellow-block{position:absolute;width:210px;height:210px;background:var(--yellow);right:-50px;top:70px;transform:rotate(14deg);z-index:-1}.index-label{font-size:11px;letter-spacing:.18em;font-weight:900;margin:0 0 100px}.hero-index dl{margin:0;border-top:1px solid var(--indigo)}.hero-index dl div{display:grid;grid-template-columns:90px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.hero-index dt{font-family:var(--serif);font-size:50px;line-height:1}.hero-index dd{margin:0;color:var(--muted)}.audience{margin-top:60px;padding-top:20px;border-top:5px solid var(--indigo);font-size:14px}
.path-section{background:var(--indigo);color:#fff;padding:110px 0}.section-heading{display:grid;grid-template-columns:180px 1fr minmax(250px,.7fr);align-items:end;gap:30px;margin-bottom:55px}.section-heading h2{font-family:var(--serif);font-size:clamp(40px,5vw,70px);line-height:1.05;margin:0;letter-spacing:-.03em}.section-heading>p:last-child{margin:0;color:var(--muted)}.path-section .section-no{color:var(--yellow)}.path-section .section-heading>p:last-child{color:#babbd0}.path-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #575b8a}.path-card{min-height:360px;padding:30px;position:relative;border-right:1px solid #575b8a}.path-card:last-child{border-right:0}.path-number{font-family:var(--serif);font-size:72px;color:var(--yellow);display:block;line-height:1}.path-tool{font-size:11px;letter-spacing:.18em}.path-card h3{font-family:var(--serif);font-size:30px;margin:55px 0 15px}.path-card p{color:#c7c8d7}.path-card strong{position:absolute;bottom:28px;right:28px;color:var(--yellow);font-size:12px;letter-spacing:.12em}
.cases-section{padding:120px 0}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 24px}.case-card{border-top:6px solid var(--indigo);padding-top:12px}.case-card figure{margin:0 0 17px;background:#e8e7f0;border:1px solid var(--line);overflow:hidden;aspect-ratio:16/10}.case-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.case-card:hover img{transform:scale(1.025)}.case-meta{display:flex;justify-content:space-between;gap:10px;color:var(--indigo-2);font-size:10px;letter-spacing:.14em;font-weight:900}.case-card h3{font-family:var(--serif);font-size:28px;margin:9px 0 4px}.case-card p{margin:0;color:var(--muted);font-size:14px}.case-card:nth-child(3n+2){transform:translateY(32px)}
.closing{background:var(--yellow);padding:90px 0;color:var(--ink)}.closing-grid{display:grid;grid-template-columns:180px 1.25fr .75fr;gap:32px;align-items:end}.closing h2{font-family:var(--serif);font-size:clamp(42px,5.5vw,78px);line-height:1.04;margin:0}.closing-grid>div p{margin:0 0 24px}.primary-cta.light{background:var(--white);color:var(--indigo);border-color:var(--indigo)}.primary-cta.light:hover{background:var(--indigo);color:#fff}.site-footer{background:var(--indigo);color:#c9cada}.site-footer .shell{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.js .reveal.is-visible{opacity:1;transform:none}
@media(max-width:1099px){.hero{grid-template-columns:1fr 330px}.hero-copy{padding-left:32px}.section-heading{grid-template-columns:140px 1fr}.section-heading>p:last-child{grid-column:2}.case-grid{grid-template-columns:repeat(2,1fr)}.case-card:nth-child(3n+2){transform:none}.case-card:nth-child(even){transform:translateY(28px)}.closing-grid{grid-template-columns:140px 1fr}.closing-grid>div{grid-column:2}}
@media(max-width:719px){.shell{width:min(100% - 28px,1280px)}.masthead{grid-template-columns:1fr auto;min-height:64px}.masthead p{display:none}.issue{font-size:9px}.hero{display:block;min-height:0}.hero-copy{padding:65px 22px 60px;border-right:0;border-bottom:1px solid var(--line)}.hero-copy:after{display:none}.hero h1{font-size:clamp(52px,17vw,76px);margin-top:34px}.hero-intro{font-size:16px}.hero-index{padding:48px 22px}.yellow-block{width:140px;height:140px;top:30px}.index-label{margin-bottom:56px}.section-heading{display:block;margin-bottom:38px}.section-heading .section-no{margin-bottom:22px}.section-heading h2{margin-bottom:16px}.path-section,.cases-section{padding:78px 0}.path-grid{grid-template-columns:1fr}.path-card{min-height:300px;border-right:0;border-bottom:1px solid #575b8a}.path-card:last-child{border-bottom:0}.path-card h3{margin-top:35px}.case-grid{grid-template-columns:1fr;gap:42px}.case-card:nth-child(even){transform:none}.closing{padding:70px 0}.closing-grid{display:block}.closing h2{margin:28px 0}.site-footer .shell{display:block;padding:22px 0}.site-footer p{margin:4px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal,.js .reveal.is-visible{opacity:1;transform:none;transition:none}.case-card img,.primary-cta{transition:none}}
.js .reveal{opacity:1;transform:none}

/* 2026-07-11 scale refinement: denser reading rhythm, stronger primary action. */
@media(min-width:720px){
  .hero{min-height:610px}
  .hero-copy{padding:62px 5vw 58px 3.5vw}
  .hero h1{font-size:clamp(52px,5.8vw,86px);margin:32px 0 26px;line-height:.98}
  .hero-intro{font-size:16px;max-width:640px;margin-bottom:28px}
  .hero-index{padding:62px 2.6vw 38px}
  .yellow-block{width:170px;height:170px;top:54px}
  .index-label{margin-bottom:68px}
  .hero-index dl div{padding:15px 0}
  .hero-index dt{font-size:42px}
  .audience{margin-top:38px}
  .path-section{padding:78px 0}
  .section-heading{margin-bottom:40px}
  .section-heading h2{font-size:clamp(38px,4.2vw,58px)}
  .path-card{min-height:290px;padding:25px}
  .path-number{font-size:58px}
  .path-card h3{font-size:25px;margin:34px 0 10px}
  .path-card p{font-size:14px}
  .cases-section{padding:82px 0}
  .case-grid{gap:42px 22px}
  .case-card h3{font-size:24px}
  .closing{padding:64px 0}
  .closing h2{font-size:clamp(38px,4.6vw,62px)}
}
.primary-cta{min-width:280px;justify-content:space-between;padding:18px 24px;font-size:18px;box-shadow:7px 7px 0 var(--yellow)}
.primary-cta:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--yellow)}
.primary-cta.light{box-shadow:7px 7px 0 var(--indigo)}
.primary-cta.light:hover{box-shadow:10px 10px 0 var(--indigo)}
@media(max-width:719px){.primary-cta{width:100%;min-width:0;font-size:16px;padding:17px 18px}.hero-copy{padding-top:48px;padding-bottom:48px}.hero h1{font-size:clamp(46px,15vw,66px)}}