/* China Sideways — vivid editorial edition, 15 October 2026 */
:root{--paper:#fffdf7;--ink:#151b29;--muted:#50586a;--line:#d8dbe3;--sage:#edf0ff;--rust:#2145d8;--blue:#2145d8;--yellow:#ffcf32}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{background:#fffdf7;border-bottom:2px solid #151b29;padding:22px 5%;gap:24px}.brand{font:900 clamp(25px,3.2vw,42px)/1 Arial,Helvetica,sans-serif;letter-spacing:-1.8px;white-space:nowrap}.brand small{font:700 9px/1.5 Arial;letter-spacing:2px;margin-top:8px}header nav{gap:16px;align-items:center;font-size:12px;font-weight:700}header nav a{padding:7px 0}header nav a[href$="membership.html"]{display:inline-block;background:var(--blue);color:#fff;padding:11px 16px}.btn{background:var(--blue);border:1px solid var(--blue);color:#fff;padding:14px 20px;font:700 13px/1.4 Arial;min-height:46px;border-radius:0;text-decoration:none}.btn:hover{background:#1532a4;border-color:#1532a4;color:white}.btn.outline,.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn.outline:hover,.btn.secondary:hover{background:#151b29;color:#fff}.eyebrow{font:700 11px/1.5 Arial;letter-spacing:1.7px;color:inherit}h1,h2,h3{color:inherit}h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.055em}h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.035em}h3{font-family:Georgia,serif}.summary,.meta,figcaption{color:var(--muted)}.box{background:#edf0ff;border-top:4px solid var(--blue)}.card,.culture-card{border-color:var(--line)}.card .eyebrow,.culture-card .eyebrow{display:block;color:#2145d8;margin-top:16px}.card h2{font:700 27px/1.14 Arial;letter-spacing:-.8px}.card p,.culture-card p{color:#50586a;line-height:1.65}.card img,.culture-card img{transition:filter .2s}.card:hover img,.culture-card:hover img{filter:brightness(1.04)}.filters button.active,.filter.active{background:var(--blue);border-color:var(--blue);color:#fff}.search{background:white;border:1px solid #9ba3b6;padding:12px;color:#151b29}.route-facts span{border-color:#9ba3b6}.reading{grid-template-columns:minmax(0,760px) minmax(190px,240px)}.reading article{min-width:0}.reading article>p{color:#252d3b}.reading h2{font-size:31px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2145d8;outline-offset:5px}footer{background:#151b29;color:#fff;border-top:0}footer a{color:inherit}
.home .hero{padding:0;grid-template-columns:1.02fr 1fr;gap:0;background:#ffcf32;align-items:stretch}.home .hero-copy{padding:54px max(28px,8vw) 48px 5vw}.home .hero h1{font-size:clamp(52px,6.1vw,88px);line-height:.96;margin:23px 0;max-width:680px}.home .hero h1 em{color:#151b29;font-style:normal}.home .hero p{color:#293044;max-width:480px}.home .hero .culture-hero{position:relative;min-width:0;display:flex;flex-direction:column;background:#151b29}.home .culture-hero>a{flex:1;display:block}.home .culture-hero img{height:100%;min-height:490px;max-height:690px;object-fit:cover}.home .culture-hero figcaption{padding:11px 18px;margin:0;color:#fff;font-size:11px}.hero-facts{font-size:12px;line-height:1.7;margin-top:22px}.home .reading-paths{background:white;border-top:0;border-bottom:1px solid var(--line);padding:20px 5%}.home .reading-paths a{font:700 13px Arial;border-bottom:0}.home .section{padding:68px 5%}.home .strip{background:#151b29;color:white;padding:19px 5%;font-weight:700}.home .culture-features{background:#fffdf7}.home .culture-card{border-top:0;padding-top:0}.home .culture-card h3{font:700 25px/1.15 Arial;letter-spacing:-.6px}.home .culture-card img{height:255px}.home .cover-wrap{background:#edf0ff}.home .bundle{background:#151b29;color:#fff}.home .bundle p{color:#d7dbe6}.home .bundle .btn{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.home .bundle-price{font:800 65px Arial}.home .checkout{background:#edf0ff}.home .selection{background:white;border-color:#abb4d2}.home .planning-callout{background:#ffcf32}.home .number{color:var(--blue)}.home .offer-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:#151b29;color:white;align-items:center}.offer-feature h2{font-size:clamp(35px,4vw,54px);line-height:1.03;max-width:640px}.offer-feature p{color:#dce1ef;max-width:630px}.offer-feature .offer-label{display:inline-block;background:#ffcf32;color:#151b29;padding:6px 10px}.offer-feature .offer-price{font:800 42px/1.15 Arial;color:#fff;margin:22px 0 8px}.offer-price small{font:14px Arial}.offer-feature .btn{background:#ffcf32;border-color:#ffcf32;color:#151b29}.offer-feature .btn.outline{background:transparent;color:#fff;border-color:#a9b3ca}.offer-image{margin:0;min-width:0}.offer-image img{width:100%;height:345px;object-fit:cover;display:block}.offer-image figcaption{color:#dce1ef;margin-top:10px}.offer-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.offer-points span{border-top:1px solid #667087;padding-top:10px;font-size:13px}.offer-note{font-size:12px}.member-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:42px;align-items:start}.member-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.02;margin:18px 0}.member-hero .summary{font:18px/1.65 Arial}.member-plan{background:#151b29;color:white;padding:30px}.member-plan h2{margin:12px 0;font-size:34px}.member-plan .plan-price{font:800 54px Arial}.plan-price small{font:15px Arial}.member-plan p{color:#e1e5ef}.member-plan .btn{background:#ffcf32;color:#151b29;border-color:#ffcf32}.member-plan .plan-secondary{display:inline-block;color:white;margin:16px 0;font-size:13px}.member-plan .meta{font-size:12px}.member-hero+.hero-photo{margin-top:35px}.member-page .hero-photo img{max-height:470px}.member-page .box{background:#edf0ff}.member-page .reading{margin-top:45px}.journal-offer{padding:20px 24px;border-left:6px solid #2145d8;background:#edf0ff;margin:0 0 35px;display:flex;justify-content:space-between;gap:22px;align-items:center}.journal-offer p{margin:6px 0}.journal-offer .btn{white-space:nowrap}.home .culture-grid,.home .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1500px){.home .hero-copy{padding-left:max(5vw,calc((100vw - 1440px)/2))}}@media(max-width:1050px){header{flex-wrap:wrap}.home .hero-copy{padding:38px 6vw}.home .hero h1{font-size:58px}.home .culture-hero img{min-height:470px}.member-hero{gap:25px}.offer-feature{gap:28px!important}}@media(max-width:900px){.reading{grid-template-columns:1fr}.home .hero{grid-template-columns:1fr}.home .hero h1{font-size:clamp(54px,10vw,85px)}.home .hero .culture-hero img{min-height:0;height:370px}.home .section{padding:45px 6%}.home .offer-feature,.member-hero{grid-template-columns:1fr}.home .culture-grid,.home .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-plan{max-width:650px}.journal-offer{align-items:flex-start;flex-direction:column}.brand{letter-spacing:-1px}}@media(max-width:600px){header{padding:20px 6%}header nav{gap:11px;font-size:11px}header nav a:last-child{display:inline-block}.home .hero-copy{padding:35px 6%}.home .hero h1{font-size:54px}.home .hero .culture-hero img{height:310px}.home .culture-grid,.home .grid{grid-template-columns:1fr}.home .culture-card img{height:270px}.home .hero .btn{margin-right:8px}.home .hero .secondary{margin-left:0}.offer-image img{height:270px}.member-plan{padding:24px}.offer-points{gap:16px}.home .strip{gap:13px;font-size:10px}.home h2{font-size:36px}.brand{font-size:31px}.home .bundle,.home .checkout{grid-template-columns:1fr}.member-hero h1{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
