/* Taste With Aron front page: four circles + search (2026-11-14). Loaded on the front page only. */
.ta-front{
  --ta-ink:#1b382e;      /* theme heading green */
  --ta-ink-soft:#4f5d59;
  --ta-gold:#d8a819;     /* theme main color */
  --ta-teal:#129c9b;     /* top bar */
  --ta-pink:#ea5f76;     /* category badges */
  --ta-mint:#f4fbf9;
  --ta-line:#cfe6df;
  --ta-disc:clamp(132px, 38vw, 196px);
  position:relative;
  font-family:'Muli', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color:var(--ta-ink);
  padding:28px 16px 36px;
  z-index:5;
}
.ta-front *,.ta-front *::before,.ta-front *::after{box-sizing:border-box}
.ta-front__inner{max-width:1040px;margin:0 auto}
.ta-front__title{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- circles ---------- */
.ta-circles__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px;justify-items:center}
.ta-circles__item{margin:0;padding:0;list-style:none}
.ta-circles__item::before{display:none!important}
.ta-circle{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none!important;color:inherit;border-radius:24px;padding:4px 4px 6px;-webkit-tap-highlight-color:transparent}
.ta-circle__disc{position:relative;display:grid;place-items:center;width:var(--ta-disc);height:var(--ta-disc);border-radius:50%;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease}
.ta-circle__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;transition:transform .5s ease}
/* fill the disc exactly (a tall photo inside the grid rendered as an ellipse with white corners) */
.ta-front--search-first .ta-circle__img{position:absolute;inset:0;border-radius:0}
.ta-circle__icon{width:38%;height:38%;fill:currentColor}
.ta-circle__label{display:block;margin-top:14px;font-family:'Eczar', Georgia, serif;font-weight:400;font-size:22px;line-height:1.15;color:var(--ta-ink)}
.ta-circle__note{display:block;margin-top:4px;font-size:14px;line-height:1.3;color:var(--ta-ink-soft)}
.ta-circle:hover .ta-circle__img{transform:scale(1.06)}
.ta-circle:focus{outline:none}
.ta-circle:focus-visible{outline:3px solid var(--ta-ink);outline-offset:4px}
.ta-circle:focus-visible .ta-circle__disc{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--ta-gold)}

/* ---------- search ---------- */
.ta-find{position:relative;max-width:680px;margin:34px auto 0}
.ta-find__label{display:block;text-align:center;font-family:'Eczar', Georgia, serif;font-weight:400;font-size:22px;line-height:1.2;margin:0 0 12px;color:var(--ta-ink)}
.ta-find__row{position:relative}
.ta-find__icon{position:absolute;left:18px;top:50%;width:22px;height:22px;transform:translateY(-50%);fill:var(--ta-ink);pointer-events:none}
.ta-front .ta-find__input{
  width:100%;height:60px;margin:0;border:2px solid var(--ta-ink);border-radius:999px;background:#fff;color:var(--ta-ink);
  font-family:inherit;font-size:18px;line-height:1.2;padding:0 116px 0 50px;box-shadow:none;-webkit-appearance:none;appearance:none
}
.ta-front .ta-find__input::placeholder{color:#66726e;opacity:1}
.ta-front .ta-find__input::-webkit-search-cancel-button{-webkit-appearance:none}
.ta-front .ta-find__input:focus{outline:3px solid var(--ta-gold);outline-offset:3px}
.ta-front .ta-find__btn{
  position:absolute;right:6px;top:6px;bottom:6px;min-width:96px;padding:0 20px;border:0;border-radius:999px;cursor:pointer;
  background:var(--ta-gold);color:var(--ta-ink);font-family:inherit;font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;line-height:1
}
.ta-front .ta-find__btn:hover{background:#e6b72a}
.ta-front .ta-find__btn:focus-visible{outline:3px solid var(--ta-ink);outline-offset:2px}
.ta-find__list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 8px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--ta-line);border-radius:18px;box-shadow:0 14px 34px rgba(4,27,18,.14);max-height:min(60vh,420px);overflow:auto;text-align:left}
.ta-find__list[hidden]{display:none}
.ta-find__group{margin:0;padding:8px 12px 4px;font-size:13px;font-weight:700;color:var(--ta-ink-soft);list-style:none}
.ta-find__opt{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:8px 12px;border-radius:12px;cursor:pointer;font-size:16px;line-height:1.3;color:var(--ta-ink);list-style:none}
.ta-find__opt::before{display:none!important}
.ta-find__opt small{margin-left:auto;font-size:13px;color:var(--ta-ink-soft);white-space:nowrap}
.ta-find__opt[aria-selected="true"],.ta-find__opt:hover{background:var(--ta-mint);box-shadow:inset 3px 0 0 var(--ta-gold)}
.ta-find__all{font-weight:700}
.ta-find__status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:0}

/* ---------- variant A: plate rims on a mint cloth ---------- */
.ta-front--a{background:var(--ta-mint);border-bottom:1px solid #ddf1eb}
.ta-front--a .ta-circle__disc{border:9px solid #fff;box-shadow:0 0 0 1px var(--ta-line),0 10px 22px -12px rgba(4,27,18,.35);background:#fff}
.ta-front--a .ta-circle:hover .ta-circle__disc{transform:translateY(-3px);box-shadow:0 0 0 3px var(--ta-gold),0 16px 26px -14px rgba(4,27,18,.4)}
.ta-front--a .ta-circle--contact .ta-circle__disc{background:var(--ta-gold);color:var(--ta-ink)}
.ta-front--a .ta-circle--contact .ta-circle__disc::after{content:"";position:absolute;inset:8px;border-radius:50%;border:2px dashed rgba(27,56,46,.45);pointer-events:none}
/* his headshot is 147x228 with the face left of center (x 63/147): fill the disc, center the face */
/* zoom anchored at the left edge so no gap opens; face center lands on the circle center */
.ta-front--search-first .ta-circle--about .ta-circle__img{object-position:50% 44%;transform:scale(1.17);transform-origin:0% 50%}
.ta-front--search-first .ta-circle--about:hover .ta-circle__img{transform:scale(1.17)}

/* ---------- variant B: passport stamps ---------- */
.ta-front--b{background:#fff}
.ta-front--b .ta-circle__disc{color:#fff}
.ta-front--b .ta-circle__disc::after{content:"";position:absolute;inset:9px;border-radius:50%;border:2px dashed rgba(255,255,255,.75);pointer-events:none}
.ta-front--b .ta-circle--recipes .ta-circle__disc{background:var(--ta-gold);color:var(--ta-ink);transform:rotate(-5deg)}
.ta-front--b .ta-circle--recipes .ta-circle__disc::after{border-color:rgba(27,56,46,.55)}
.ta-front--b .ta-circle--travel .ta-circle__disc{background:var(--ta-teal);transform:rotate(4deg)}
.ta-front--b .ta-circle--about .ta-circle__disc{background:var(--ta-ink);transform:rotate(-3deg)}
.ta-front--b .ta-circle--contact .ta-circle__disc{background:var(--ta-pink);transform:rotate(5deg)}
.ta-front--b .ta-circle:hover .ta-circle__disc{transform:rotate(0) scale(1.04)}

/* ---------- variant C: night table ---------- */
.ta-front--c{background:#12302a;color:#fff}
.ta-front--c .ta-circle__disc{box-shadow:0 0 0 6px #12302a,0 0 0 9px var(--ta-gold)}
.ta-front--c .ta-circle{margin-top:6px}
.ta-front--c .ta-circle__label,.ta-front--c .ta-find__label{color:#fff}
.ta-front--c .ta-circle__note{color:#c9dcd5}
.ta-front--c .ta-circle--contact .ta-circle__disc{background:var(--ta-gold);color:var(--ta-ink)}
.ta-front--c .ta-circle:hover .ta-circle__disc{transform:translateY(-3px)}
.ta-front--c .ta-circle:focus-visible{outline-color:#fff}
.ta-front--c .ta-find__icon{fill:var(--ta-ink)}
.ta-front--c .ta-find__input{border-color:#fff}

/* search first (11-14 09:46) */
.ta-front--search-first .ta-find{margin:0 auto 30px}

@media (min-width:700px){
  .ta-front{padding:52px 24px 60px}
  .ta-circles__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .ta-circle__label{font-size:25px;margin-top:16px}
  .ta-find{margin-top:46px}
  .ta-front--search-first .ta-find{margin:0 auto 44px}
  .ta-find__label{font-size:25px}
}

/* ---------- round 3 (11-14 10:15): slogan headline + five circles ---------- */
.ta-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ta-front .ta-front__slogan{margin:0 auto 22px;max-width:980px;text-align:center;font-family:'Eczar', Georgia, serif;font-weight:400;
  font-size:clamp(30px, 8vw, 50px);line-height:1.14;letter-spacing:0;color:var(--ta-ink);text-transform:none}
.ta-front__slogan-part{display:inline-block}
.ta-front--five .ta-circles__list{display:flex;flex-wrap:wrap;justify-content:center;gap:24px 10px}
.ta-front--five .ta-circles__item{flex:0 0 calc((100% - 20px) / 3)}
.ta-front--five{--ta-disc:min(104px, 27vw)}
.ta-front--five .ta-circle__disc{border-width:6px}
.ta-front--five .ta-circle__label{font-size:17px;margin-top:10px}
.ta-front--five .ta-circle__note{font-size:13px}
@media (min-width:700px){
  .ta-front--five{--ta-disc:clamp(120px, 14vw, 172px)}
  .ta-front--five .ta-circles__list{flex-wrap:nowrap;gap:18px}
  .ta-front--five .ta-circles__item{flex:1 1 0}
  .ta-front--five .ta-circle__disc{border-width:9px}
  .ta-front--five .ta-circle__label{font-size:22px;margin-top:14px}
  .ta-front--five .ta-circle__note{font-size:14px}
  .ta-front .ta-front__slogan{margin-bottom:30px}
}

@media (prefers-reduced-motion:reduce){
  .ta-circle__disc,.ta-circle__img{transition:none}
  .ta-circle:hover .ta-circle__img{transform:none}
}

/* below the band: same mobile rule the old home.php had (latest-posts loop is desktop only) */
@media (max-width:768px){ .ta-front-below .ts-row.cf{display:none} }