:root{color-scheme:dark;--paper:#f4f1ea;--muted:#b7b8ac;--background:#141512;--line:#41443a;--accent:#d6b294;font-family:"Avenir Next","Century Gothic","Trebuchet MS",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:var(--background);color:var(--paper)}
.links-page{width:min(100% - 40px,480px);margin:0 auto;padding:clamp(40px,8vh,84px) 0 30px}
.brand{text-align:center;margin-bottom:34px}
h1{margin:0}
.brand img{display:block;width:280px;max-width:85%;height:auto;aspect-ratio:3/1;object-fit:cover;clip-path:inset(0 10%);margin:0 auto 18px}
.brand p{font-size:.94rem;color:var(--muted);margin:0;line-height:1.6}
nav{display:grid;gap:14px}
.link-card{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:17px;min-height:90px;padding:20px 22px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;transition:background .2s,border-color .2s,transform .2s}
.link-card:hover{background:#22251f;border-color:var(--accent);transform:translateY(-2px)}
.link-card:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.link-card-featured{background:var(--paper);border-color:var(--paper);color:#222820}
.link-card-featured:hover{background:#e8e3d8;color:#222820}
.link-icon{display:flex;align-items:center;justify-content:center;color:var(--accent)}
.link-card-featured .link-icon{color:#9a5d3d}
.link-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.link-copy{display:grid;gap:7px;min-width:0}
.link-title{font-size:.94rem;font-weight:500;line-height:1.35;overflow-wrap:anywhere}
.link-description{font-size:.74rem;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.link-card-featured .link-description{color:#686b63}
.link-arrow{justify-self:end;font-size:1.1rem}
footer{text-align:center;font-size:.61rem;letter-spacing:.19em;color:var(--muted);margin-top:36px;line-height:1.8}
footer span{display:block;font-size:.68rem;letter-spacing:.04em;margin-top:8px}
@media(max-width:380px){.links-page{width:calc(100% - 32px);padding-top:32px}.link-card{padding:18px 16px;gap:12px}.link-title{font-size:.86rem}.brand{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.link-card{transition:none}.link-card:hover{transform:none}}