:root{--brand-primary:#2e496e;--brand-primary-dark:#233857;--brand-secondary:#d46a2e;--brand-secondary-dark:#b95a26;--brand-accent-1:#ed8672;--brand-accent-2:#f1f2f1;--brand-accent-3:#ad9596;--text:#1a1a1a;--text-muted:#555;--surface:#fff;--radius:12px;--shadow-sm:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);--shadow-md:0 6px 16px rgba(46,73,110,.12);--pattern:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><circle cx='20' cy='20' r='1.5' fill='white' fill-opacity='0.18'/></svg>")}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}:focus-visible{border-radius:4px;outline:3px solid var(--brand-accent-1);outline-offset:2px}.skip-link{background:var(--brand-primary);border-radius:6px;color:#fff;font-weight:600;left:.5rem;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-100px;z-index:1000}.skip-link:focus{top:.5rem}.site-header{background:var(--surface);border-bottom:1px solid rgba(0,0,0,.06);padding:1rem 0;position:sticky;top:0;z-index:100}.site-header__inner{align-items:center;display:flex;gap:1rem;justify-content:space-between}.site-header__brand{align-items:center;display:inline-flex}.site-header__brand img{display:block;height:64px;width:auto}.site-header__wordmark{color:var(--brand-primary);font-size:1.25rem;font-weight:700;letter-spacing:.02em}.btn-cta{background:var(--brand-secondary);border:none;border-radius:999px;color:#fff;display:inline-block;font-weight:600;padding:.65rem 1.4rem;text-decoration:none;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.btn-cta:focus,.btn-cta:hover{background:var(--brand-secondary-dark);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--brand-primary);border-radius:999px;color:var(--brand-primary);display:inline-block;font-weight:600;padding:.55rem 1.2rem;text-decoration:none;transition:background .15s ease,color .15s ease}.btn-outline:focus,.btn-outline:hover{background:var(--brand-primary);color:#fff}.sites-directory__header{margin-bottom:2.5rem;text-align:center}.sites-directory__header h1{color:var(--brand-primary);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;margin-bottom:.5rem}.sites-directory__lede{color:var(--text-muted);font-size:1.1rem;margin:0 auto;max-width:60ch}.site-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.site-card:focus-visible,.site-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.site-card__hero{background-image:var(--pattern);display:grid;height:50px;max-height:50px;place-items:center;position:relative}.site-card--hero-0 .site-card__hero{background-color:var(--brand-primary)}.site-card--hero-1 .site-card__hero{background-color:var(--brand-secondary)}.site-card--hero-2 .site-card__hero{background-color:var(--brand-accent-1)}.site-card--hero-3 .site-card__hero{background-color:var(--brand-accent-3)}.site-card__hero-mark{color:hsla(0,0%,100%,.9);font-size:2.5rem;font-weight:700;letter-spacing:.15em;text-shadow:0 2px 8px rgba(0,0,0,.15)}.site-card__body{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem 1.5rem}.site-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.site-card__title{color:var(--brand-primary);font-size:1.2rem;line-height:1.3;margin:.25rem 0}.site-card__price{color:var(--brand-secondary);font-size:1.5rem;font-weight:700;margin:0}.site-card__excerpt{color:var(--text-muted);font-size:.95rem;margin:0}.site-card__cta{color:var(--brand-primary);font-weight:600;margin-top:auto;padding-top:.75rem}.badge{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:.3rem .75rem;text-transform:uppercase}.badge--status{background:var(--brand-primary);color:#fff}.badge--work{background:var(--brand-accent-2);color:var(--brand-primary)}.site-detail__header{background-image:var(--pattern);border-radius:var(--radius);color:#fff;margin-bottom:2rem;padding:3rem 2rem}.site-detail--hero-0{background-color:var(--brand-primary)}.site-detail--hero-1{background-color:var(--brand-secondary)}.site-detail--hero-2{background-color:var(--brand-accent-1)}.site-detail--hero-3{background-color:var(--brand-accent-3)}.site-detail__header-inner{max-width:60ch}.site-detail__header h1{color:#fff;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;margin:.75rem 0}.site-detail__price{color:#fff;font-size:1.75rem;font-weight:700;margin:0}.site-detail__body,.site-detail__work{margin:2.5rem 0;max-width:75ch}.site-detail__body h2,.site-detail__work h2{border-bottom:2px solid var(--brand-accent-2);color:var(--brand-primary);margin-bottom:1rem;padding-bottom:.5rem}.site-detail__cta{border-top:1px solid var(--brand-accent-2);display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem;padding-top:2rem}.breadcrumb-nav ol{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;list-style:none;margin-bottom:1.5rem;padding:0}.breadcrumb-nav li:not(:last-child):after{color:var(--brand-accent-3);content:"/";margin-left:.5rem}.breadcrumb-nav a{color:var(--brand-primary);text-decoration:none}.breadcrumb-nav a:hover{text-decoration:underline}.empty-state{color:var(--text-muted);padding:4rem 1rem;text-align:center}.empty-state h1{color:var(--brand-primary);margin-bottom:1rem}.empty-state .btn-cta{margin-top:1.5rem}.site-footer{background:var(--brand-primary);color:#fff;margin-top:5rem;padding:2.5rem 0}.site-footer__copy{font-size:.85rem;line-height:1.7;margin:0;max-width:90ch;opacity:.95}