/* Shared closing section: portfolio proportions, scoped to the closing section only. */
:root{--outro-bg:#222424;--outro-text:#f0efeb;--outro-muted:#b7b8b5;--outro-line:#565856;--outro-footer-bg:#f0efeb;--outro-footer-text:#222424;--outro-footer-muted:#565856}
:root[data-theme="night"]{--outro-bg:#f0efeb;--outro-text:#222424;--outro-muted:#565856;--outro-line:#b7b8b5;--outro-footer-bg:#222424;--outro-footer-text:#f0efeb;--outro-footer-muted:#b7b8b5}
.site-outro{background:var(--outro-bg);color:var(--outro-text);padding:78px 0 38px;margin:0;border:0}
.outro-inner,.outro-footer__inner{max-width:1248px;width:calc(100% - 112px);margin-left:auto;margin-right:auto;box-sizing:border-box}
.site-outro .eyebrow{color:var(--outro-muted);font-size:10px;letter-spacing:1.5px;line-height:1.8;margin:0}
.site-outro h2{position:relative;color:var(--outro-text);font-size:clamp(32px,4vw,53px);font-weight:500;line-height:1.5;letter-spacing:-1px;margin:30px 0 0;padding-right:100px}
.site-outro h2>span{position:absolute;right:0;top:-15px;font-size:90px;line-height:1.5;font-weight:300;color:var(--outro-text)}
.site-outro .outro-lead{color:var(--outro-muted);font-size:12px;line-height:2;margin:27px 0 40px;max-width:650px}
.site-outro .outro-email{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--outro-text);font-size:clamp(19px,3vw,36px);line-height:1.7;letter-spacing:-.5px;padding:0 0 25px;border:0;border-bottom:1px solid var(--outro-line);text-decoration:none;overflow-wrap:anywhere}
.site-outro .outro-email>span{flex-shrink:0;font-size:36px}
.site-outro .outro-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;padding-top:25px;font-size:10px;line-height:1.8;color:var(--outro-muted)}
.site-outro .outro-meta a{color:inherit;text-decoration:none;padding:5px 0}
.site-outro .outro-meta p{margin:0}.site-outro .wechat{display:flex;flex-direction:column;gap:5px}
.site-outro .wechat button{border:0;background:transparent;color:var(--outro-text);padding:0;text-align:left;font-size:11px;min-height:44px;cursor:pointer}
.site-outro a:hover,.site-outro .wechat button:hover{color:var(--outro-text);text-decoration:underline;text-underline-offset:6px}
.site-outro a:focus-visible,.site-outro button:focus-visible{outline:2px solid var(--outro-text);outline-offset:5px}
.outro-footer{display:block;background:var(--outro-footer-bg);color:var(--outro-footer-text);margin:0;padding:0;border:0;border-top:1px solid var(--site-line);font-family:var(--site-font)}
.outro-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0}
.outro-footer .outro-signature{display:inline-flex;align-items:center;gap:18px;color:var(--outro-footer-text);font-size:20px;font-weight:600;letter-spacing:-.8px;text-decoration:none;line-height:1.5}
.outro-footer .outro-signature span{font-size:10px;font-weight:400;letter-spacing:1px;border-left:1px solid var(--outro-footer-muted);padding-left:18px}
.outro-footer p,.outro-footer .outro-top{margin:0;font-size:9px;line-height:1.8;color:var(--outro-footer-muted);text-decoration:none}
.outro-footer .outro-top{padding:12px 0;white-space:nowrap}
.outro-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.outro-footer a:focus-visible{outline:2px solid var(--outro-footer-text);outline-offset:5px}
body.roadbook-outro>.shell{padding-bottom:64px}.roadbook-outro .outro-footer__inner{padding-bottom:110px}
@media(max-width:1000px){.outro-inner,.outro-footer__inner{width:calc(100% - 64px)}}
@media(max-width:800px){.site-outro .outro-meta{gap:20px}.outro-footer__inner{gap:18px}}
@media(max-width:600px){.outro-inner,.outro-footer__inner{width:calc(100% - 40px)}.site-outro{padding:50px 0 30px}.site-outro h2{font-size:30px;padding-right:42px}.site-outro h2>span{font-size:40px;top:-10px}.site-outro .outro-lead{font-size:11px;margin-bottom:30px}.site-outro .outro-email{font-size:clamp(16px,4.8vw,20px);gap:10px;padding-bottom:20px}.site-outro .outro-email>span{font-size:25px}.site-outro .outro-meta{flex-wrap:wrap;gap:18px;font-size:10px}.site-outro .outro-meta>:last-child{width:100%}.outro-footer__inner{flex-wrap:wrap;gap:16px;padding:24px 0}.outro-footer .outro-signature{font-size:18px;gap:12px}.outro-footer .outro-signature span{padding-left:12px;font-size:9px}.outro-footer p{font-size:8px}.outro-footer .outro-top{margin-left:auto;font-size:9px}.roadbook-outro .outro-footer__inner{padding-bottom:110px}}
