/* Puppy Gumbo v33 — first-visit welcome gateway. Home Page only. */
:root{
  --pg-welcome-green:#2f6847;
  --pg-welcome-green-dark:#214f36;
  --pg-welcome-brown:#6f4728;
  --pg-welcome-gold:#c69543;
  --pg-welcome-cream:#fff8e7;
  --pg-welcome-parchment:#f4e4bd;
  --pg-welcome-ink:#3f3024;
}
.pg-welcome-overlay{
  position:fixed;
  inset:0;
  z-index:30000;
  display:grid;
  place-items:center;
  padding:clamp(14px,2.4vw,34px);
  overflow:auto;
  background:
    radial-gradient(circle at 50% 12%,rgba(255,248,221,.44),transparent 36%),
    linear-gradient(rgba(40,29,19,.54),rgba(40,29,19,.72));
  backdrop-filter:blur(3px);
}
.pg-welcome-overlay[hidden]{display:none!important}
body.pg-welcome-modal-open{overflow:hidden}
.pg-welcome-gateway{
  width:min(1040px,calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  overflow:auto;
  border:3px solid var(--pg-welcome-gold);
  border-radius:24px;
  background:
    linear-gradient(90deg,rgba(126,85,38,.035) 1px,transparent 1px),
    linear-gradient(rgba(126,85,38,.03) 1px,transparent 1px),
    linear-gradient(180deg,#fffaf0 0%,#f7e9c9 100%);
  background-size:28px 28px,28px 28px,auto;
  box-shadow:0 26px 80px rgba(29,18,10,.46),inset 0 0 0 2px rgba(255,255,255,.76),inset 0 0 70px rgba(147,100,40,.08);
  color:var(--pg-welcome-ink);
  font-family:Georgia,'Times New Roman',serif;
}
.pg-welcome-gateway-inner{
  display:grid;
  grid-template-columns:minmax(250px,34%) minmax(0,66%);
  gap:clamp(20px,3vw,36px);
  padding:clamp(20px,3vw,36px);
}
.pg-welcome-chef{
  align-self:start;
  margin:0;
  padding:10px;
  border:1px solid rgba(111,71,40,.24);
  border-radius:20px;
  background:rgba(255,251,240,.86);
  box-shadow:0 12px 32px rgba(74,48,24,.16);
  text-align:center;
}
.pg-welcome-chef img{
  display:block;
  width:100%;
  max-height:590px;
  object-fit:cover;
  object-position:center 28%;
  border-radius:15px;
}
.pg-welcome-content{min-width:0;padding-top:2px}
.pg-welcome-kicker{
  display:inline-block;
  margin-bottom:7px;
  color:#89612d;
  font:900 .72rem/1.2 Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pg-welcome-content h1{
  margin:0;
  color:var(--pg-welcome-brown);
  font-size:clamp(1.65rem,3.15vw,2.55rem);
  line-height:1.03;
  letter-spacing:-.025em;
}
.pg-welcome-content h1 span{color:var(--pg-welcome-green)}
.pg-welcome-question{
  margin:15px 0 3px;
  color:var(--pg-welcome-green-dark);
  font-size:clamp(1.15rem,2vw,1.48rem);
  font-weight:800;
}
.pg-welcome-guidance{
  margin:0 0 16px;
  color:#665345;
  font-size:.94rem;
  line-height:1.42;
}
.pg-welcome-paths{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.pg-welcome-path{
  min-width:0;
  min-height:82px;
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:10px;
  padding:12px 13px;
  border:1px solid rgba(111,71,40,.24);
  border-left:5px solid var(--pg-welcome-gold);
  border-radius:14px;
  background:rgba(255,252,242,.92);
  box-shadow:0 5px 16px rgba(74,48,24,.09);
  color:var(--pg-welcome-ink);
  font:inherit;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease,background .13s ease;
}
.pg-welcome-path:hover,.pg-welcome-path:focus-visible{
  transform:translateY(-2px);
  border-color:var(--pg-welcome-green);
  border-left-color:var(--pg-welcome-green);
  outline:3px solid rgba(47,104,71,.13);
  background:#fffdf6;
  box-shadow:0 9px 23px rgba(74,48,24,.15);
}
.pg-welcome-path-icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid rgba(198,149,67,.65);
  border-radius:50%;
  background:#f9edd0;
  color:var(--pg-welcome-brown);
  font:900 1.18rem/1 Arial,sans-serif;
}
.pg-welcome-path strong{
  display:block;
  color:var(--pg-welcome-green-dark);
  font:900 1.03rem/1.16 Arial,sans-serif;
  letter-spacing:.002em;
}
.pg-welcome-path small{
  display:block;
  margin-top:4px;
  color:#6a594c;
  font:600 .72rem/1.3 Arial,sans-serif;
}
.pg-welcome-path-jingle,.pg-welcome-path-song{border-left-color:#b27b2c}
.pg-welcome-path-learn{
  border-left-color:var(--pg-welcome-green);
  background:linear-gradient(180deg,rgba(239,247,238,.98),rgba(255,252,242,.98));
}
.pg-welcome-path-charter{
  border-left-color:#7d4e2c;
  background:linear-gradient(180deg,rgba(249,237,208,.98),rgba(255,252,242,.98));
}
.pg-welcome-path-home{
  grid-column:1/-1;
  min-height:70px;
  border-left-color:#8a6b43;
}
.pg-welcome-returning{
  margin-top:14px;
  padding:13px 14px 12px;
  border:1px dashed rgba(111,71,40,.4);
  border-radius:13px;
  background:rgba(255,248,230,.72);
  text-align:center;
}
.pg-welcome-returning-label{
  display:block;
  margin-bottom:7px;
  color:#735132;
  font:800 .76rem/1.2 Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.pg-welcome-remember-home{
  width:100%;
  padding:10px 14px;
  border:1px solid #214f36;
  border-radius:999px;
  background:linear-gradient(180deg,#397955,#285e41);
  box-shadow:0 5px 13px rgba(33,79,54,.18),inset 0 1px rgba(255,255,255,.22);
  color:#fff9e9;
  font:900 .86rem/1.2 Arial,sans-serif;
  cursor:pointer;
}
.pg-welcome-remember-home:hover,.pg-welcome-remember-home:focus-visible{
  background:linear-gradient(180deg,#438662,#2d6948);
  outline:3px solid rgba(47,104,71,.15);
}
.pg-welcome-returning small{
  display:block;
  margin-top:7px;
  color:#766456;
  font:600 .68rem/1.3 Arial,sans-serif;
}
.pg-welcome-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px clamp(20px,3vw,36px) 13px;
  border-top:1px solid rgba(111,71,40,.18);
  background:rgba(116,76,37,.06);
  color:#684e38;
  font-size:.83rem;
}
.pg-welcome-foot strong{color:var(--pg-welcome-green);white-space:nowrap}
@media(max-width:800px){
  .pg-welcome-overlay{place-items:start center;padding:12px}
  .pg-welcome-gateway{width:min(650px,calc(100vw - 16px));max-height:none}
  .pg-welcome-gateway-inner{grid-template-columns:1fr;padding:17px}
  .pg-welcome-chef{display:block;text-align:center;padding:8px}
  .pg-welcome-chef img{width:130px;height:130px;margin:0 auto;object-fit:cover;object-position:center 24%}
  }
@media(max-width:560px){
  .pg-welcome-paths{grid-template-columns:1fr}
  .pg-welcome-path-home{grid-column:auto}
  .pg-welcome-gateway-inner{gap:13px}
  .pg-welcome-chef{padding:7px}
  .pg-welcome-chef img{width:100px;height:100px}
    .pg-welcome-path{min-height:74px}
  .pg-welcome-foot{display:block;text-align:center;line-height:1.4}
  .pg-welcome-foot strong{display:block;margin-top:2px}
}