/* Intare — brand styles. Loaded after style.css by intare_scripts(). */

/* ---------------------------------------------------------------------
   Logo plate
   ---------------------------------------------------------------------
   style.css sets a flat #FFFFF0 rectangle behind the mark. That rule stays —
   it still carries the sizing and padding for every context — but the fill is
   replaced here.

   The mark's own colours are fixed: a forest-green wordmark and a burnt-orange
   lion. Orange on gold measures about 1.7:1, so a gold plate would swallow the
   lion; the plate therefore stays in the ivory end of the palette, where the
   lion holds ~4:1 and the wordmark ~7:1. What makes it read as brand furniture
   rather than a sticker is the warm ivory-to-parchment fall, a gold hairline
   drawn as a zero-blur ring (no border, so nothing shifts in the header) and a
   shadow deep enough to seat the plate over a hero photograph as well as over
   the dark bar. */
.brand-logo{
	background:linear-gradient(168deg,#FFFFF7 0%,var(--cream,#FFFFF0) 46%,#F6F0DD 100%);
	border-radius:13px;
	box-shadow:
		0 0 0 1px rgba(189,149,92,.5),
		0 2px 5px rgba(13,23,18,.16),
		0 12px 30px rgba(13,23,18,.34);
}

/* ---------------------------------------------------------------------
   Hero slide title
   ---------------------------------------------------------------------
   #vh-title is no longer an <h1> — the homepage's one real heading belongs to
   the intro below the hero. These are the declarations the heading reset used
   to supply; .vh-title already set everything else explicitly. */
.vh-title{
	margin-top:0;
	font-weight:400;
	letter-spacing:0;
}

/* ---------------------------------------------------------------------
   Activity cards: whole card is the link
   ---------------------------------------------------------------------
   The <h3> anchor stays the only link in the accessibility tree and grows a
   pseudo-element to cover the card. It cannot be sized against the card
   directly — .act-copy is absolutely positioned, so it is the containing block
   — so the pseudo is deliberately oversized and .act-card's overflow:hidden
   trims it back to the rounded rect. It sits inside .act-copy's z-index:2
   layer, above the blob artwork but transparent, so the clip-path masks and
   the hover scale are untouched. */
.act-card:has(.act-copy h3 a){cursor:pointer}
.act-copy h3 a{color:inherit;transition:color .3s}
.act-copy h3 a::after{content:"";position:absolute;inset:-1000px;z-index:1}
.act-card:hover .act-copy h3 a{
	color:var(--gold-lt,#D4A76A);
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:4px;
}
.act-copy h3 a:focus-visible{
	outline:2px solid var(--gold-lt,#D4A76A);
	outline-offset:4px;
	border-radius:3px;
}