:root{--navy:#061b2c;--navy2:#0c2638;--paper:#f7f6f2;--white:#fff;--ink:#15212b;--muted:#657078;--copper:#c97750;--line:#d8d9d7;--serif:"Songti SC","STSong","Iowan Old Style",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--max:1320px;--header:88px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}body.nav-open{overflow:hidden}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:1000;top:12px;left:16px;padding:10px 16px;background:#fff;color:var(--navy);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:absolute;z-index:20;top:0;left:50%;display:flex;width:min(calc(100% - 48px),var(--max));height:var(--header);transform:translateX(-50%);align-items:center;gap:30px;color:#fff;border-bottom:1px solid rgba(255,255,255,.22)}.brand{text-decoration:none;white-space:nowrap}.brand span{display:grid}.brand strong{font:500 20px/1.2 var(--serif);letter-spacing:.04em}.brand small{margin-top:5px;color:var(--copper);font:600 9px/1 var(--sans);letter-spacing:.18em}.site-nav{display:flex;gap:30px;margin-left:auto}.site-nav a,.site-footer nav a{position:relative;text-decoration:none;font-size:14px}.site-nav a:after{content:"";position:absolute;right:100%;bottom:-10px;left:0;height:1px;background:var(--copper);transition:right .22s ease}.site-nav a:hover:after,.site-nav a:focus-visible:after{right:0}.demo-note{margin:0;color:rgba(255,255,255,.65);font-size:12px;white-space:nowrap}.header-cta{display:inline-flex;min-height:46px;align-items:center;padding:8px 18px;border:1px solid var(--copper);text-decoration:none;font-size:13px;font-weight:700}.menu-toggle{display:none}.hero{position:relative;display:flex;min-height:760px;align-items:center;overflow:hidden;background:var(--navy);color:#fff}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:1;width:min(calc(100% - 48px),var(--max));margin:78px auto 0}.hero h1{max-width:640px;margin:0;font:500 clamp(58px,6vw,88px)/1.13 var(--serif);letter-spacing:-.045em}.hero-content>p{max-width:570px;margin:30px 0 0;color:rgba(255,255,255,.78);font-size:18px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:12px 25px;text-decoration:none;font-weight:700;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-copper{border:1px solid var(--copper);background:var(--copper);color:#0b1d2b}.button-copper:hover{background:#d78a63}.quiet-link{text-decoration:none;color:#fff;font-weight:650}.section{width:min(calc(100% - 48px),var(--max));margin:0 auto;padding:110px 0}.section-heading{display:grid;grid-template-columns:64px minmax(0,620px) 1fr;gap:26px;align-items:end;margin-bottom:48px}.index{margin:0 0 8px;color:var(--copper);font:600 13px/1 var(--sans);letter-spacing:.16em}.section-heading h2,.editor-intro h2,.rhythm h2,.chooser h2,.about h2{margin:0;font:500 clamp(38px,4.2vw,62px)/1.18 var(--serif);letter-spacing:-.035em}.section-heading>p:last-child{max-width:410px;margin:0 0 5px auto;color:var(--muted)}.scenario-media{margin:0;overflow:hidden;background:#ddd}.scenario-media img{width:100%;aspect-ratio:2.38/1;object-fit:cover}.scenario-labels{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.scenario-labels a{display:grid;grid-template-columns:32px 1fr;padding:24px 22px 28px;border-right:1px solid var(--line);text-decoration:none}.scenario-labels a:last-child{border-right:0}.scenario-labels span{grid-row:1/3;color:var(--copper);font:500 13px/1.7 var(--serif)}.scenario-labels strong{font:500 22px/1.3 var(--serif)}.scenario-labels small{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.65}.editor-section{display:grid;grid-template-columns:330px 1fr;gap:76px;width:auto;max-width:none;padding-right:max(24px,calc((100vw - var(--max))/2));padding-left:max(24px,calc((100vw - var(--max))/2));background:#fff}.editor-intro>p:not(.index){color:var(--muted)}.example-tabs{display:flex;gap:6px;margin-top:28px}.example-tabs button{min-width:64px;min-height:42px;padding:8px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 13px var(--sans);cursor:pointer}.example-tabs button.is-active{border-color:var(--navy);background:var(--navy);color:#fff}.editor-card{align-self:center;border:1px solid var(--line);background:var(--paper)}.editor-top{display:flex;justify-content:space-between;padding:13px 18px;background:var(--navy);color:#fff}.editor-top span{font-weight:700}.editor-top small{color:rgba(255,255,255,.66)}.editor-columns{display:grid;grid-template-columns:1fr 54px 1fr;align-items:stretch;padding:32px}.editor-columns article{min-height:250px;padding:24px;border:1px solid var(--line);background:#fff}.editor-columns article.after{border-color:rgba(201,119,80,.7)}.editor-label{margin:0 0 30px;color:var(--muted);font-size:12px}.editor-columns blockquote{margin:0 0 36px;font:500 clamp(23px,2.4vw,34px)/1.4 var(--serif)}.editor-columns small{color:var(--muted)}.after blockquote{color:#a54e2b}.editor-arrow{display:grid;width:40px;height:40px;margin:auto;place-items:center;border-radius:50%;background:var(--navy);color:#fff}.rhythm{display:grid;grid-template-columns:330px 1fr;gap:76px}.rhythm ol{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.rhythm li{padding:26px 22px;border-right:1px solid var(--line)}.rhythm li:last-child{border-right:0}.rhythm li>span{color:var(--copper);font:500 34px var(--serif)}.rhythm h3{margin:26px 0 8px;font:500 23px var(--serif)}.rhythm li p{margin:0;color:var(--muted);font-size:14px}.chooser{display:grid;grid-template-columns:360px 1fr;gap:76px;width:auto;max-width:none;padding-right:max(24px,calc((100vw - var(--max))/2));padding-left:max(24px,calc((100vw - var(--max))/2));background:var(--navy);color:#fff}.chooser-copy>p:last-child{color:rgba(255,255,255,.68)}.chooser-panel{padding:34px;background:#fff;color:var(--ink)}.panel-title{margin:0 0 18px;font:500 22px var(--serif)}.choice-list{display:flex;flex-wrap:wrap;gap:10px}.choice-list button{min-height:44px;padding:10px 15px;border:1px solid var(--line);background:#fff;color:var(--ink);font:500 14px var(--sans);cursor:pointer;text-align:left}.choice-list button:hover,.choice-list button[aria-pressed=true]{border-color:var(--copper);background:#fff8f4}.recommendation{min-height:130px;margin-top:24px;padding:24px;border-left:3px solid var(--copper);background:var(--paper)}.recommendation p{margin:0;color:var(--muted)}.recommendation strong{display:block;margin-bottom:8px;font:500 22px var(--serif);color:var(--ink)}.about{display:grid;grid-template-columns:64px minmax(0,850px);gap:28px;border-bottom:1px solid var(--line)}.about>div>p{max-width:700px;color:var(--muted)}.site-footer{display:grid;grid-template-columns:1fr auto;gap:26px;padding:46px max(24px,calc((100vw - var(--max))/2)) 55px;background:var(--navy);color:#fff}.site-footer nav{display:flex;gap:28px}.site-footer>p{grid-column:1/-1;margin:10px 0 0;color:rgba(255,255,255,.58);font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}:focus-visible{outline:3px solid var(--copper);outline-offset:4px}@media(max-width:1040px){.demo-note{display:none}.hero-image{object-position:58% center}.scenario-labels strong{font-size:19px}.editor-section,.rhythm,.chooser{grid-template-columns:280px 1fr;gap:42px}.editor-columns{grid-template-columns:1fr;padding:22px}.editor-arrow{margin:14px auto;transform:rotate(90deg)}.editor-columns article{min-height:0}.rhythm ol{grid-template-columns:repeat(2,1fr)}.rhythm li:nth-child(2){border-right:0}.rhythm li:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:780px){:root{--header:72px}.site-header{width:calc(100% - 32px);height:var(--header)}.brand strong{font-size:18px}.header-cta{display:none}.menu-toggle{display:grid;width:44px;height:44px;margin-left:auto;place-content:center;gap:7px;border:0;background:transparent;color:#fff;cursor:pointer}.menu-toggle span{width:23px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-nav{position:fixed;inset:72px 0 auto;display:grid;gap:0;padding:18px 24px 28px;background:var(--navy);transform:translateY(-140%);visibility:hidden;transition:transform .25s,visibility .25s}.site-nav.is-open{transform:none;visibility:visible}.site-nav a{display:flex;min-height:54px;align-items:center;border-bottom:1px solid rgba(255,255,255,.16);font-size:17px}.hero{display:block;min-height:0;padding-top:var(--header)}.hero-image{position:relative;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;object-position:72% center}.hero-content{width:calc(100% - 32px);margin:0 auto;padding:52px 0}.hero h1{font-size:clamp(44px,12vw,64px)}.hero-content>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.section{width:calc(100% - 32px);padding:78px 0}.section-heading{grid-template-columns:1fr;gap:12px;margin-bottom:32px}.section-heading>p:last-child{margin:0}.scenario-media{margin-right:-16px;margin-left:-16px}.scenario-media img{aspect-ratio:1.3/1;object-position:center;object-fit:cover}.scenario-labels{grid-template-columns:1fr 1fr}.scenario-labels a:nth-child(2){border-right:0}.scenario-labels a:nth-child(-n+2){border-bottom:1px solid var(--line)}.editor-section,.rhythm,.chooser{grid-template-columns:1fr;width:auto;padding-right:16px;padding-left:16px}.editor-columns blockquote{font-size:24px}.editor-top{align-items:flex-start;flex-direction:column;gap:3px}.rhythm ol{grid-template-columns:1fr}.rhythm li{border-right:0;border-bottom:1px solid var(--line)!important}.chooser-panel{padding:24px 18px}.choice-list{display:grid}.about{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;padding-right:16px;padding-left:16px}.site-footer nav{flex-wrap:wrap}.site-footer>p{grid-column:auto}.reveal{opacity:1;transform:none}}@media(max-width:420px){.scenario-labels{grid-template-columns:1fr}.scenario-labels a{border-right:0;border-bottom:1px solid var(--line)}.rhythm h2,.chooser h2{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}