:root{--paper:#f3f0e8;--ink:#172329;--soft:#536267;--line:#c5cbc7;--blue:#195783;--light:#e1e9e6;--orange:#d98c54}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}a:hover{text-decoration-color:var(--orange)}button,input,textarea{font:inherit}
.wrap{max-width:1240px;margin:auto;padding:0 clamp(22px,4vw,64px)}
.site-head{border-bottom:1px solid var(--ink)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:85px}.brand{text-decoration:none;font-size:15px;font-weight:800;letter-spacing:.22em;white-space:nowrap}.brand i{font-style:normal;color:var(--blue);font-size:20px;margin-right:9px}.nav{display:flex;gap:clamp(16px,2.5vw,40px);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.nav a{text-decoration:none}.nav a:hover{color:var(--blue)}
.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin:0 0 18px}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);min-height:620px;border-bottom:1px solid var(--ink)}.hero-copy{padding:clamp(65px,8vw,125px) 42px 80px 0}.hero h1{font:normal clamp(66px,8.8vw,137px)/.94 Georgia,Times,serif;letter-spacing:-.075em;max-width:900px;margin:0 0 35px}.hero h1 em{font-weight:normal;color:var(--blue)}.hero p.lead{font:clamp(19px,2vw,25px)/1.45 Georgia,serif;max-width:600px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--ink);min-height:49px;padding:11px 21px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.05em;cursor:pointer;background:transparent;color:var(--ink)}.button.primary{background:var(--ink);color:var(--paper)}.button:hover{background:var(--blue);border-color:var(--blue);color:white}.hero-aside{background:var(--light);border-left:1px solid var(--ink);padding:60px clamp(25px,3vw,47px);display:flex;flex-direction:column;justify-content:space-between}.symbol{font:normal clamp(150px,18vw,280px)/1 Georgia,serif;color:var(--blue);text-align:center;transform:rotate(-8deg)}.aside-text{border-top:1px solid var(--ink);padding-top:24px}.aside-text strong{display:block;font:normal 30px/1.2 Georgia,serif;margin-bottom:14px}.aside-text p{font-size:14px;color:var(--soft);margin:0}
.section{padding:100px 0;border-bottom:1px solid var(--line)}.section-title{font:normal clamp(43px,5vw,76px)/1.04 Georgia,serif;letter-spacing:-.055em;margin:0 0 28px;max-width:760px}.section-intro{font:20px/1.55 Georgia,serif;max-width:740px;margin:0 0 42px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.feature{padding-top:22px;border-top:1px solid var(--ink)}.feature span{font-size:12px;font-weight:800;color:var(--blue);letter-spacing:.16em}.feature h3{font:normal 28px Georgia,serif;margin:25px 0 10px}.feature p{color:var(--soft);font-size:15px;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.quote{font:normal clamp(34px,4vw,60px)/1.2 Georgia,serif;letter-spacing:-.04em;margin:0}.small{font-size:14px;color:var(--soft)}.panel{background:var(--ink);color:var(--paper);padding:clamp(30px,4vw,60px);margin-top:35px}.panel .eyebrow{color:#8ac3d4}.panel p{font:normal 25px/1.4 Georgia,serif}.panel .button{border-color:var(--paper);color:var(--paper)}
.page-title{padding:90px 0 55px;border-bottom:1px solid var(--ink)}.page-title h1{font:normal clamp(60px,8vw,118px)/.98 Georgia,serif;letter-spacing:-.07em;margin:0 0 20px}.page-title .lead{font:21px/1.5 Georgia,serif;max-width:760px;margin:0}.article-wrap{max-width:790px;margin:auto;padding:65px 24px 110px}.article-wrap h1{font:normal clamp(48px,6vw,86px)/1.05 Georgia,serif;letter-spacing:-.06em;margin:0 0 45px}.article{font:21px/1.75 Georgia,serif}.article p{margin:0 0 1.35em}.article .signature{font:14px system-ui,sans-serif;color:var(--soft);margin-top:50px}.entry-list{padding:30px 0 80px}.entry{display:grid;grid-template-columns:125px 1fr auto;gap:25px;align-items:baseline;border-bottom:1px solid var(--line);padding:24px 0}.entry time,.entry .tag{font-size:12px;color:var(--soft);letter-spacing:.09em;text-transform:uppercase}.entry h2{font:normal clamp(25px,3vw,41px)/1.2 Georgia,serif;margin:0}.entry h2 a{text-decoration:none}.entry h2 a:hover{color:var(--blue)}
.dialogue-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:8vw;padding:70px 0 100px}.dialogue-grid h2{font:normal 45px/1.15 Georgia,serif;letter-spacing:-.04em;margin:0 0 24px}.exchange{border-top:1px solid var(--ink);padding:32px 0}.exchange h3{font:normal 24px/1.35 Georgia,serif;margin:0 0 13px}.exchange .answer{background:var(--light);border-left:3px solid var(--blue);padding:20px 24px;margin-top:20px}.exchange .answer p{margin:0}.form-card{background:var(--light);padding:clamp(24px,3vw,42px);position:sticky;top:25px}.form-card label{display:block;font-size:13px;font-weight:700;margin:22px 0 7px}.form-card input:not([type=checkbox]),.form-card textarea{width:100%;background:var(--paper);border:1px solid #93a4a3;padding:12px;color:var(--ink);border-radius:0}.form-card textarea{min-height:170px;resize:vertical}.form-card .check{display:flex;gap:10px;align-items:start;font-weight:400}.form-card .check input{margin-top:4px}.notice{border:1px solid var(--blue);padding:15px 18px;color:var(--blue);margin:18px 0}.error{border-color:#9b4a36;color:#9b4a36}.honeypot{position:absolute;left:-10000px}
.site-foot{background:var(--ink);color:var(--paper);padding:45px 0 60px}.foot-inner{display:flex;justify-content:space-between;gap:30px}.site-foot a{color:var(--paper)}.foot-note{max-width:470px;color:#b9c7c8;font-size:13px}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-copy{padding:75px 0}.hero-aside{min-height:320px;border-left:0;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.symbol{font-size:160px}.three,.dialogue-grid{grid-template-columns:1fr}.dialogue-grid{gap:35px}.form-card{position:static}.split{grid-template-columns:1fr;gap:35px}}
@media(max-width:550px){.head-inner{display:block;padding-top:20px;padding-bottom:18px}.nav{margin-top:14px;gap:20px}.hero h1{font-size:64px}.hero-aside{display:block}.symbol{font-size:145px}.section{padding:70px 0}.entry{grid-template-columns:1fr;gap:4px}.foot-inner{display:block}}