@font-face{font-family:LocalSong;src:local("Songti SC"),local("Noto Serif CJK SC"),local("Source Han Serif SC")}:root{--ink:#1b382b;--deep:#142f26;--gold:#d4b27a;--paper:#efede5;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b4894e;outline-offset:3px}.skip-link{position:absolute;top:-80px;left:20px;padding:10px;background:white}.skip-link:focus{top:12px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:76px;padding:10px clamp(20px,4vw,65px);background:#102b21;color:#f4eedd}header a{text-decoration:none}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand>span{display:grid;place-items:center;width:37px;height:37px;border:1px solid #dfbd80;border-radius:50%;color:#dfbd80;font:500 22px LocalSong,serif}.brand strong{font:500 19px LocalSong,serif}.brand small{display:block;margin-top:4px;color:#d7bd8a;font:600 8px Arial,sans-serif;letter-spacing:.2em}header nav{display:flex;gap:26px;font-size:12px}.back{white-space:nowrap;font-size:11px;border-bottom:1px solid #b8c6a9;padding-bottom:5px}
.letters-hero{padding:95px clamp(25px,5vw,90px) 100px;background:linear-gradient(90deg,rgba(14,39,29,.94),rgba(14,39,29,.72)),url('../assets/gallery-foyer.jpg') center/cover;color:#f5edde}.letters-hero>span,.eyebrow,.drafts-head>span,.letters-next span{color:#d9b981;font-size:11px;letter-spacing:.17em}.letters-hero h1,.letter-workbench h2,.drafts h2,.letters-next h2{font:500 clamp(48px,5vw,76px)/1.2 LocalSong,serif}.letters-hero h1{margin:26px 0}.letters-hero h1 em{color:#d8b779;font-style:normal}.letters-hero p{max-width:700px;color:#dce7d9;font-size:14px;line-height:1.9}
.letters-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:clamp(25px,5vw,75px);max-width:1500px;margin:auto;padding:80px clamp(25px,5vw,90px) 110px}.letter-workbench{background:#f7f4eb;border:1px solid #becbb8}.letter-tabs{display:flex;border-bottom:1px solid #bcc9b6}.letter-tabs button{flex:1;min-height:55px;border:0;background:#e7e9df;color:#55705c;font-size:13px}.letter-tabs button[aria-selected="true"]{background:#f7f4eb;color:#193b2b;box-shadow:inset 0 -3px #b8915e;font-weight:700}#write-panel,#contact-panel{padding:clamp(25px,4vw,50px)}[role=tabpanel][hidden]{display:none}.letter-workbench h2{font-size:clamp(37px,4vw,50px);margin:17px 0 33px}.letter-workbench label{display:block;margin:22px 0 9px;font-size:13px;font-weight:700}.letter-workbench label small{font-weight:400;color:#778876}.letter-workbench input,.letter-workbench select,.letter-workbench textarea{width:100%;padding:13px;border:1px solid #b8c7b6;border-radius:0;background:#fffdf7;color:#173528;font-size:13px}.letter-workbench textarea{min-height:190px;resize:vertical;line-height:1.7}.form-foot{display:flex;justify-content:space-between;color:#7d8f7e;font-size:11px}.form-actions{display:flex;gap:10px;margin-top:25px}.form-actions button{padding:13px 18px;border:1px solid #315641;background:#1e4633;color:#fff;font-size:12px}.form-actions button:last-child{background:transparent;color:#315641}.form-status{min-height:40px;margin:20px 0 0;color:#637c65;font-size:11px;line-height:1.8}#contact-panel{min-height:360px}#contact-panel p{max-width:480px;color:#627966;font-size:14px;line-height:1.9}#contact-panel a{display:inline-block;margin-top:30px;padding-bottom:7px;border-bottom:1px solid #8e9f89;text-decoration:none;font-size:13px}
.drafts{padding:15px 0}.drafts-head{padding-bottom:22px;border-bottom:1px solid #aab9a8}.drafts-head>span{color:#9a7952}.drafts h2{font-size:clamp(37px,4vw,52px);margin:16px 0}.drafts h2 small{font:400 27px Georgia,serif;color:#af8a52}.drafts-head p,.draft-note{max-width:510px;color:#697c6c;font-size:12px;line-height:1.9}.draft-list{display:grid;gap:12px;margin-top:22px}.draft-empty{padding:35px;border:1px dashed #a7b9a7;color:#7a8d7a;text-align:center;font-size:13px}.draft-card{padding:22px;background:#e3e9dd;border:1px solid #b5c6b4}.draft-card>span{color:#9a7952;font-size:10px;letter-spacing:.12em}.draft-card h3{margin:10px 0;font:500 23px LocalSong,serif}.draft-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:#506b56;font-size:12px;line-height:1.8}.draft-card div{display:flex;gap:12px;margin-top:20px}.draft-card button{padding:0 0 5px;border:0;border-bottom:1px solid #8da28a;background:none;color:#365743;font-size:11px}.draft-note{margin-top:30px}
.letters-next{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:75px clamp(25px,5vw,90px);background:#18392b;color:#f5ebda}.letters-next h2{margin:16px 0 0;font-size:clamp(37px,4vw,55px)}.letters-next>div:last-child{display:flex;gap:25px}.letters-next a{padding-bottom:7px;border-bottom:1px solid #adad86;text-decoration:none;color:#e5cc9d;font-size:13px;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(25px,5vw,90px);background:#102b21;color:#b8cab7;font-size:11px}footer a{color:#dcc28e;text-decoration:none}
@media(max-width:900px){header{flex-wrap:wrap}header nav{order:3;width:100%;justify-content:space-between}.letters-layout{grid-template-columns:1fr}.letters-next{align-items:start;flex-direction:column}}
@media(max-width:580px){header nav{gap:13px;overflow-x:auto;white-space:nowrap}.back{display:none}.letters-hero{padding:70px 24px}.letters-hero h1{font-size:43px}.letters-layout{padding:55px 17px 70px}.letters-next{padding:60px 24px}.letters-next h2{font-size:40px}.letters-next>div:last-child{flex-wrap:wrap}footer{flex-wrap:wrap}}