:root{color-scheme:light;--paper:#f7f1e9;--ink:#48352f;--muted:#6d5650;--line:#dbcbbc;--white:#fffdf9;--accent:#a65c61;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{margin:0;color:var(--ink);min-height:100vh;min-height:100dvh}
::selection{background:#dfc4bd;color:#35251f}
.page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(18px,4vw,46px)}
.frame{width:min(100%,1010px);min-height:min(720px,calc(100dvh - 92px));border:1px solid var(--line);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px 46px}
.frame::before,.frame::after{content:"";position:absolute;width:40px;height:40px;border-color:#bba48e;border-style:solid;pointer-events:none}
.frame::before{top:9px;left:9px;border-width:1px 0 0 1px}.frame::after{right:9px;bottom:9px;border-width:0 1px 1px 0}
.identity{text-align:center}.mark{width:130px;height:74px;margin:0 auto 18px;display:block}
h1{font:400 clamp(3.1rem,7vw,5.1rem)/.99 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0;text-wrap:balance}
h1 span{font-size:.75em;font-style:italic;color:#a65c61}
.intro{margin:20px 0 38px;color:var(--muted);font:italic 1.08rem/1.5 Georgia,'Times New Roman',serif}
.links{display:grid;gap:12px;width:min(100%,480px)}
.link{display:flex;align-items:center;gap:17px;min-height:86px;padding:16px 19px;color:var(--ink);text-decoration:none;background:var(--white);border:1px solid #e1d3c8;transition:background-color .2s,border-color .2s,transform .2s}
.link:hover{background:#f9eae5;border-color:#b98d7a;transform:translateY(-2px)}
.link:focus-visible{outline:3px solid #a65c61;outline-offset:4px}
.link-icon{width:42px;height:42px;background:#f6e8e2;color:#86504a;display:grid;place-items:center;flex:none}.link-icon svg{width:23px;height:23px}
.link-copy{display:grid;gap:6px;flex:1}.link-copy strong{font-size:.96rem;font-weight:600;line-height:1.2}.link-copy small{font-size:.79rem;line-height:1.25;color:var(--muted)}
.arrow{width:19px;height:19px;color:#86504a;margin-left:auto;flex:none}
footer{text-align:center;margin-top:44px;color:#70564d}footer p{font:italic .9rem/1.4 Georgia,serif;margin:14px 0 0}.footer-rule{display:block;width:34px;height:1px;background:#bca48f;margin:auto}
@media(max-width:520px){.page{padding:12px}.frame{min-height:calc(100dvh - 24px);padding:60px 18px 42px}h1{font-size:clamp(2.7rem,11vw,4rem)}.mark{width:120px;height:69px;margin-bottom:17px}.intro{margin:18px 0 32px}.link{min-height:80px;padding:14px;gap:13px}.link-copy strong{font-size:.91rem}footer{margin-top:38px}}
@media(prefers-reduced-motion:reduce){.link{transition:none}}