:root { --arke-ink:#30242b; --arke-accent:#c21870; --arke-paper:#fff5fa; --arke-rule:#f0dce7; }
.arke-home { margin:0; background:var(--arke-paper); color:var(--arke-ink); font:16px/1.6 system-ui,sans-serif; }
.arke-width { width:min(1200px, calc(100% - 80px)); margin-inline:auto; }
.arke-header { background:var(--arke-paper); border-bottom:1px solid var(--arke-rule); color:var(--arke-ink); font:15px/1.4 system-ui,sans-serif; }
.arke-header .arke-width { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:78px; }
.arke-brand { font:700 2.1rem/1 Georgia,serif; letter-spacing:-.06em; text-decoration:none; color:inherit; }
.arke-brand span { color:#c21870; }
.arke-header nav,.arke-footer nav { display:flex; flex-wrap:wrap; gap:10px 24px; }
.arke-header nav a,.arke-footer nav a { color:inherit; text-decoration:none; }
.arke-header nav a:hover,.arke-footer nav a:hover { text-decoration:underline; }
.arke-skip { position:absolute; top:-100px; left:1rem; z-index:5; background:white; color:#222; padding:10px; }
.arke-skip:focus { top:1rem; }
.arke-home h1,.arke-home h2,.arke-home h3 { margin:0; font-family:Georgia,serif; font-weight:400; line-height:1.04; letter-spacing:-.045em; }
.arke-home h1 { font-size:clamp(3.15rem,6.4vw,6.4rem); }
.arke-home h2 { font-size:clamp(2.25rem,4.4vw,3.9rem); }
.arke-home h3 { font-size:clamp(1.45rem,2.4vw,2.1rem); }
.arke-label { margin:0 0 14px; font-size:.72rem; text-transform:uppercase; font-weight:750; letter-spacing:.17em; color:#76566b; }
.arke-hero { display:grid; grid-template-columns:1fr 1.04fr; align-items:stretch; padding-block:40px 0; }
.arke-hero-copy { padding:clamp(28px,5vw,76px); background:#fde8f2; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.arke-hero-copy > p:not(.arke-label) { max-width:37ch; margin:24px 0; }
.arke-hero figure { margin:0; min-width:0; }
.arke-hero img { width:100%; height:100%; min-height:430px; display:block; object-fit:cover; }
.arke-button { display:inline-flex; gap:18px; align-items:center; padding:12px 17px; background:var(--arke-accent); color:#fff; text-decoration:none; font-weight:650; }
.arke-button:hover { background:#8d0f4c; }
.arke-topics,.arke-feature,.arke-directory { margin-block:clamp(56px,8vw,110px); }
.arke-topics > div { display:grid; grid-template-columns:repeat(5,1fr); margin-top:24px; border-top:1px solid var(--arke-rule); border-bottom:1px solid var(--arke-rule); }
.arke-topics a { padding:14px 16px; color:inherit; text-decoration:none; display:grid; grid-template-columns:1fr auto; gap:5px 8px; align-items:center; border-right:1px solid var(--arke-rule); font-weight:650; }
.arke-topics a:last-child { border-right:0; }
.arke-topics a:hover { background:#fde8f2; }
.arke-topics a span { grid-column:1/-1; color:#76566b; font-size:.75rem; }
.arke-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:24px; }
.arke-card { color:inherit; text-decoration:none; border:1px solid var(--arke-rule); background:#fff; }
.arke-card img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.arke-card > div { position:relative; padding:22px 42px 26px 20px; }
.arke-card:hover h3 { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.arke-arrow { position:absolute; top:18px; right:18px; color:var(--arke-accent); }
.arke-directory details { border-top:1px solid var(--arke-rule); scroll-margin:20px; }
.arke-directory details:last-child { border-bottom:1px solid var(--arke-rule); }
.arke-directory summary { padding:17px 2px; cursor:pointer; font-weight:700; }
.arke-directory summary span { margin-left:12px; font-size:.82rem; color:#76566b; font-weight:500; }
.arke-directory ul { display:grid; grid-template-columns:repeat(3,1fr); gap:10px 32px; padding-left:22px; margin:0 0 25px; }
.arke-directory li a { color:inherit; text-underline-offset:3px; }
.arke-footer { margin-top:55px; padding:40px 0 30px; background:#603b51; color:#fff5fa; font:15px/1.5 system-ui,sans-serif; }
.arke-footer .arke-brand { margin:0 0 24px; }
.arke-footer .arke-brand span { color:#f3cfe1; }
.arke-footer small { display:block; border-top:1px solid #b784a0; margin-top:24px; padding-top:20px; }
.arke-home a:focus-visible,.arke-home summary:focus-visible,.arke-header a:focus-visible,.arke-footer a:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
@media (max-width:900px) {
  .arke-width { width:calc(100% - 48px); }
  .arke-hero img { min-height:360px; }
  .arke-topics > div { grid-template-columns:repeat(2,1fr); }
  .arke-topics a { border-bottom:1px solid var(--arke-rule); }
  .arke-topics a:nth-child(2n) { border-right:0; }
  .arke-topics a:last-child { border-bottom:0; }
  .arke-directory ul { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:620px) {
  .arke-width { width:calc(100% - 28px); }
  .arke-header .arke-width { min-height:62px; gap:10px; }
  .arke-header .arke-brand { font-size:1.7rem; }
  .arke-header nav { gap:10px; font-size:.76rem; }
  .arke-hero { grid-template-columns:1fr; padding-top:14px; }
  .arke-hero img { min-height:0; aspect-ratio:4/3; }
  .arke-grid,.arke-directory ul { grid-template-columns:1fr; }
  .arke-grid { gap:16px; }
  .arke-topics a { padding:10px; font-size:.88rem; }
}