:root{font-family:Helvetica Neue,PingFang SC,sans-serif;color:#243a54;background:#e8edf0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#e8edf0,#dfe7e9)}header{height:72px;background:#f8f6f0;border-bottom:1px solid #9aa8b4;padding:0 5vw;display:flex;align-items:center;justify-content:space-between}header a{font:700 17px Songti SC,serif;color:inherit;text-decoration:none}header span{font:9px monospace;letter-spacing:.16em;color:#67798b}main{max-width:1100px;margin:auto;padding:85px 5vw 120px}.hero{display:grid;grid-template-columns:250px 1fr;gap:70px;align-items:center;margin-bottom:65px}.note{background:#f5d76e;color:#473f20;padding:26px 22px;box-shadow:2px 4px 9px #33445520;transform:rotate(-3deg);font:18px/1.7 Kaiti SC,serif}.hero>div:last-child>p:first-child{font:9px monospace;letter-spacing:.2em}.hero h1{font:500 clamp(48px,7vw,80px)/1.1 "Songti SC",Georgia,serif;letter-spacing:-.05em;margin:16px 0}.hero h1 i{font-weight:400;color:#b9564c}.rule{height:1px;background:#91a0ac;width:55%}.lead{line-height:1.85;max-width:610px;color:#5a6b7b}.desk{background:#f8f6f0;box-shadow:0 30px 80px #30435522;border:1px solid #aeb8c0}.form-head,.answer-head>div{display:flex;justify-content:space-between;padding:16px 25px;border-bottom:1px solid #b8c0c7;font:10px monospace;letter-spacing:.13em}.form-head b{color:#b9564c}form{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:40px}.wide,.error,form>button,form>small{grid-column:1/3}label>span{display:block;font:700 12px Songti SC,serif;margin-bottom:9px}textarea,input,select{width:100%;border:1px solid #adb6bd;background:#fffdfa;padding:14px;color:inherit;font:14px/1.6 inherit;border-radius:0;outline:none}textarea{height:95px;resize:vertical}textarea:focus,input:focus,select:focus{border-color:#b9564c;box-shadow:inset 3px 0 #b9564c}.error{color:#a83e37;margin:0;font-size:13px}form>button{border:0;background:#243a54;color:#fff;padding:17px 20px;display:flex;justify-content:space-between;font-weight:700;cursor:pointer}form>button:disabled{opacity:.7;cursor:wait}form>small{text-align:center;color:#667786}.answer{margin-top:100px}.answer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:3px double #243a54}.answer-head>div{border:0;gap:30px;padding-left:0}.answer-head button{background:transparent;border:1px solid #243a54;padding:9px 13px;color:inherit;cursor:pointer}.letter{position:relative;max-width:760px;margin:40px auto;background:#fffdf8;padding:70px clamp(30px,8vw,90px);box-shadow:0 20px 60px #31455620;background-image:linear-gradient(transparent 35px,#8094a31a 36px);background-size:100% 36px}.pin{position:absolute;width:11px;height:11px;background:#b9564c;border-radius:50%;top:25px;left:50%;box-shadow:0 2px 4px #0005}.letter p{white-space:pre-wrap;font:17px/2.12 Songti SC,Georgia,serif;margin:0 0 21px}.letter p.section{font-weight:800;color:#b9564c;border-top:1px solid #b7c0c6;padding-top:18px;margin-top:30px}.columns{display:grid;grid-template-columns:1.4fr .8fr;gap:25px;margin-top:30px}.columns section{border:1px solid #9cabb6;padding:35px}.columns span{font:9px monospace;letter-spacing:.16em}.columns h2{font:500 30px/1.35 Songti SC,serif}.columns p{line-height:1.75;color:#56697a;white-space:pre-wrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #aeb9c1;padding-top:22px}.split b{font:700 12px Songti SC,serif;color:#b9564c}.columns aside{background:#f5d76e;color:#473f20;padding:35px;transform:rotate(1deg);box-shadow:3px 5px 10px #33445520}.columns aside strong{display:block;font:600 23px/1.45 Kaiti SC,serif;margin:28px 0 12px}footer{background:#243a54;color:#dfe6eb;padding:28px 5vw;display:flex;justify-content:space-between;gap:50px;font-size:10px;line-height:1.6}footer span:last-child{max-width:650px;text-align:right}@media(max-width:700px){header span{display:none}main{padding:55px 16px 80px}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;gap:35px}.note{width:230px;align-self:flex-end}.hero h1{font-size:49px}form{display:block;padding:28px 20px}form label{display:block;margin-bottom:24px}form>button{width:100%}form>small{display:block;margin-top:12px}.answer{margin-top:70px}.letter{padding:55px 24px}.columns{display:block}.columns aside{margin-top:20px}.columns h2{font-size:25px}.split{grid-template-columns:1fr}footer{display:block}footer span{display:block}footer span:last-child{text-align:left;margin-top:12px}}