.province-directory{background:radial-gradient(ellipse at 100% 20%,#dfea3210,transparent 42%),radial-gradient(ellipse at 0% 80%,#dfea3208,transparent 35%),#10120f;padding:48px 0 80px;min-height:70vh}
.province-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:22px}
.province-directory-heading .eyebrow{letter-spacing:.3em;margin:0 0 12px}
.province-directory-heading h1{font-size:clamp(30px,3.6vw,50px);font-weight:750;line-height:1.15;margin:0 0 10px;letter-spacing:0}
.province-directory-heading h1 span{color:var(--yellow)}
.province-directory-heading p:not(.eyebrow){color:#b9c0b4;font-size:16px;margin:0;max-width:780px}
.province-directory-total{flex-shrink:0;border-left:1px solid #cfde3860;padding-left:24px;display:flex;gap:12px;align-items:center}
.province-directory-total>span{font-size:32px;color:var(--yellow)}
.province-directory-total strong{font:750 42px/1 Outfit,sans-serif}
.province-directory-total small{font-size:12px;line-height:1.5;color:#c1c8bd}
.province-directory-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.province-search{display:flex;align-items:center;gap:12px;border:1px solid #596335;border-radius:25px;background:#171b15;padding:9px 17px;width:min(100%,360px)}
.province-search:focus-within{border-color:var(--yellow);box-shadow:0 0 0 2px #e7ef3915}
.province-search>span{font-size:23px;color:var(--yellow);line-height:1}
.province-search input{color:#f4f5ef;background:transparent;border:0;outline:0;width:100%;min-width:0;font:inherit;font-size:14px}
.province-search input::placeholder{color:#a9b09f}
.province-search-count{font-size:12px;color:#9fa993}
.province-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.province-tile{position:relative;isolation:isolate;overflow:hidden;min-width:0;border:1px solid #aebf3675;border-radius:13px;background:linear-gradient(134deg,transparent 58%,#d9e7340e 58%,#d9e73406 67%,transparent 67%),linear-gradient(155deg,#1a1f15,#0d100d 70%);padding:17px 18px 13px;display:flex;flex-direction:column;min-height:152px;box-shadow:inset 0 0 18px #d4e02f05;transition:border-color .2s,transform .2s,box-shadow .2s}
.province-tile::before{content:"";position:absolute;z-index:-1;inset:15px;background-image:radial-gradient(#dfea3230 .7px,transparent .8px);background-size:9px 9px;mask-image:linear-gradient(90deg,transparent 20%,#000,transparent 85%);opacity:.35;pointer-events:none}
.province-tile:hover,.province-tile:focus-visible{border-color:var(--yellow);transform:translateY(-2px);box-shadow:0 0 17px #d5e53424;outline:0}
.province-tile-shape{position:absolute;top:11px;right:12px;width:82px;height:82px;object-fit:contain;opacity:.4;pointer-events:none}
.province-tile:hover .province-tile-shape{opacity:.7}
.province-tile-pin{color:var(--yellow);font-size:23px;line-height:1;margin-bottom:7px}
.province-tile h2{font:700 18px/1.25 Outfit,sans-serif;letter-spacing:0;margin:0 0 9px;padding-right:65px;overflow-wrap:anywhere;color:#f3f5ee}
.province-tile-bottom{display:flex;align-items:baseline;gap:12px;margin-top:auto;min-width:0}
.province-tile-bottom>strong{font:800 48px/1 Outfit,sans-serif;color:var(--yellow)}
.province-tile.no-events .province-tile-bottom>strong{color:#edf0e9}
.province-tile-bottom>span:not(.province-tile-arrow){font-size:11px;line-height:1.4;color:#c4cbbd}
.province-tile-arrow{flex-shrink:0;margin-left:auto;border:1px solid #cbd83a90;color:#f4f7ea;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font:400 28px/1 Arial,sans-serif;align-self:center}
.province-tile[hidden],.province-search-empty[hidden]{display:none}
.province-search-empty{padding:35px;border:1px dashed #596335;border-radius:12px;text-align:center;color:#c4cbbd}
@media(max-width:1050px){.province-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.province-directory-heading{align-items:flex-start}.province-directory-total{padding-left:16px}.province-directory-total small{max-width:115px}}
@media(max-width:800px){.province-directory-heading{flex-direction:column;gap:18px}.province-directory-total{border-left:0;padding-left:0}.province-directory-total strong{font-size:32px}.province-directory-total small br{display:none}.province-directory-total small{max-width:none}.province-directory{padding-top:35px}.province-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.province-directory-heading h1{font-size:32px}.province-directory-heading p:not(.eyebrow){font-size:14px}.province-directory-tools{align-items:stretch;flex-direction:column;gap:9px}.province-directory-grid{gap:11px}.province-tile{padding:13px 12px;min-height:160px}.province-tile h2{font-size:16px;padding-right:0;position:relative;z-index:1;min-height:40px}.province-tile-shape{width:62px;height:62px;right:7px;top:7px;opacity:.3}.province-tile-bottom{gap:7px;flex-wrap:wrap}.province-tile-bottom>strong{font-size:39px}.province-tile-bottom>span:not(.province-tile-arrow){font-size:10px;max-width:53px}.province-tile-arrow{width:22px;height:22px;font-size:22px}.province-search-count{font-size:11px}}