/* Khalid Mostofa Shuvo - shared styles */
:root{--bg:#000;--ink:#efe9dc;--mute:#a79f8d;--gold:#c9a24b;--line:#2a2418;color-scheme:dark}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.brand{font:600 1.35rem "Cormorant",Georgia,serif;letter-spacing:.02em}
nav{display:flex;gap:26px;font-size:.95rem}
nav a{color:var(--mute);padding:4px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
nav a:hover,nav a[aria-current]{color:var(--gold);border-color:var(--gold)}
h2{font:600 clamp(1.9rem,3.6vw,2.6rem)/1.15 "Cormorant",Georgia,serif}
.intro{padding:56px 0 88px}
.prose{max-width:62ch;color:#d8d1c1}
.prose p+p{margin-top:1.2em}
dd{color:#d8d1c1}
dd b{display:block;font-weight:500;color:var(--ink)}
.btn{padding:13px 26px;border:1px solid var(--gold);color:var(--gold);font-weight:500;transition:background .2s,color .2s}
.btn.fill{background:var(--gold);color:#000}
.btn:hover{background:var(--gold);color:#000}
.btn.fill:hover{background:transparent;color:var(--gold)}
.contact{display:flex;flex-wrap:wrap;gap:12px 48px;margin-top:28px;font-size:1.15rem}
.contact a{border-bottom:1px solid var(--gold);padding-bottom:2px}
footer{padding:44px 0 56px;border-top:1px solid var(--line);color:var(--mute);font-size:.92rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
footer ul{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0}
footer a:hover{color:var(--gold)}
.cols>h2{align-self:start}
dd a{border-bottom:1px solid var(--gold)}