@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
:root{--teal:#003d4b;--deep:#002c38;--gold:#e7bd70;--cream:#f7f3e9;--ink:#173d45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 1rem/1.65 'DM Sans',sans-serif}a{color:inherit}img{display:block;max-width:100%}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:10;background:white;padding:.5rem}.site-header{height:76px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);gap:1rem}.wordmark{text-decoration:none;font-size:.93rem;font-weight:700;letter-spacing:.22em;display:flex;align-items:center;gap:.8rem;white-space:nowrap}.mark{font-size:2rem;color:var(--gold);line-height:1;transform:rotate(0deg)}nav{display:flex;gap:clamp(1rem,3vw,2.5rem)}nav a{text-decoration:none;font-size:.9rem}nav a:hover,footer a:hover{text-decoration:underline}.hero{background:var(--deep);color:white;display:grid;grid-template-columns:1.06fr .94fr;min-height:570px}.hero-art{display:flex;align-items:center;overflow:hidden;background:#004352}.hero-art img{height:100%;width:100%;object-fit:cover}.hero-copy{align-self:center;padding:4rem clamp(2rem,7vw,8rem) 5rem clamp(2rem,5vw,5rem)}.eyebrow{margin:0 0 1.2rem;font-size:.76rem;font-weight:700;letter-spacing:.23em;color:#a77122}.hero .eyebrow,.follow .eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif;line-height:1.25}h1{font-size:clamp(2.7rem,4.6vw,5.2rem);letter-spacing:-.045em;margin-bottom:1.5rem}h1 em{font-weight:400;color:var(--gold)}.hero-copy>p:not(.eyebrow){max-width:32rem;color:#d8e4e1;font-size:1.1rem}.button{display:inline-block;margin-top:1rem;background:var(--gold);color:#102f34;padding:.9rem 1.4rem;text-decoration:none;font-weight:700;border-radius:3px}.button:hover{background:#f5cf8d}.intro,.series,.next,.follow{padding:clamp(4rem,7vw,7rem) clamp(1.25rem,7vw,8rem)}.intro{max-width:1100px}.intro h2{font-size:clamp(2rem,3vw,3.2rem);max-width:850px}.intro>p:last-child{max-width:700px;font-size:1.1rem}.series{background:#e9e7db}.section-head{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2.2rem}.section-head h2,.next h2,.follow h2{font-size:clamp(2rem,3vw,3.2rem);margin-bottom:0}.section-head>p{max-width:400px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.card{background:#fff;box-shadow:0 7px 28px #123c4512;overflow:hidden}.card img{width:100%;aspect-ratio:4/5;object-fit:cover}.card>div{padding:1.4rem 1.5rem 1.6rem}.card span{font-size:.74rem;font-weight:700;letter-spacing:.16em;color:#986819}.card h3{font-size:1.35rem;margin:.6rem 0}.card p{margin:0}.series-note{margin:2rem 0 0;color:#4b686b}.next{background:#fff}.next h2{max-width:780px}.next>p:last-child{font-size:1.1rem;max-width:670px;margin-top:1.5rem}.follow{background:var(--teal);color:white;display:flex;align-items:center;justify-content:space-between;gap:2rem}.follow p:not(.eyebrow){color:#d8e4e1;max-width:580px;margin:1.2rem 0 0}.handle{border:1px solid #b79e69;padding:1rem 1.6rem;color:var(--gold);font-size:1.35rem;font-weight:700;white-space:nowrap}footer{background:var(--deep);color:#c5d5d3;display:flex;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1.25rem,7vw,8rem);font-size:.85rem}footer a{text-decoration:none}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-art{max-height:330px}.hero-art img{object-fit:cover}.hero-copy{padding:3rem 1.5rem 4rem}.section-head,.follow{align-items:start;flex-direction:column}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.site-header{height:auto;min-height:70px;align-items:flex-start;flex-direction:column;padding:1rem 1.25rem}nav{gap:1.4rem}.cards{grid-template-columns:1fr}.card{max-width:460px}.hero-art{height:235px}.hero-art img{object-fit:cover}.handle{font-size:1.1rem}footer{flex-direction:column}}

/* Original Visual Hikmah logo and accessible social links. */
.brand-mark{position:relative;display:block;flex:0 0 40px;width:40px;height:58px;overflow:hidden}
.brand-mark img{position:absolute;max-width:none;width:96px;height:96px;left:-28px;top:-19px;filter:url(#logo-remove-teal)}
footer{align-items:center;flex-wrap:wrap}.social-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;width:100%;padding-bottom:1.1rem;margin-bottom:.3rem;border-bottom:1px solid #ffffff20}
.social-links a{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.4rem .7rem;border-radius:5px;color:var(--gold);font-size:.85rem}
.social-links svg{width:22px;height:22px;flex-shrink:0}.social-links a:hover{background:#ffffff12;text-decoration:none;color:white}.social-links a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:560px){.brand-mark{flex-basis:34px;width:34px;height:50px}.brand-mark img{width:82px;height:82px;left:-24px;top:-16px}.social-links{gap:.5rem}.social-links a{padding:.4rem}.social-links a span{font-size:.75rem}footer{align-items:flex-start}}