/* SEASON 0 ON THE HOME PAGE (PRD B1, 5 Oct 2026). One glass card under the four doors; the garden bed is its focal point.
   House grammar: dark translucent body, a colour wash from one corner, a 2px glowing top edge, a mono pill kicker,
   a Helvetica bold title, staged entrance, reduced motion honoured. Garden internals come from season-garden.css. */
.s0h{position:relative;padding:clamp(34px,4vw,56px) 0 clamp(20px,3vw,40px)}
.s0h-in{max-width:1320px;margin:0 auto 0 0;padding:0 var(--gut,24px) 0 clamp(28px,3.4vw,64px)}
.s0h-card{position:relative;isolation:isolate;border-radius:30px;padding:clamp(24px,3vw,40px) clamp(20px,3vw,40px) clamp(20px,2.6vw,32px);
  background:radial-gradient(70% 90% at 0% 0%,rgba(46,200,110,.13),transparent 60%),radial-gradient(60% 70% at 100% 0%,rgba(245,206,52,.08),transparent 65%),
    linear-gradient(165deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 40%),rgba(8,10,44,.72);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.07),0 50px 110px -60px rgba(0,0,0,.95)}
.s0h-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:30px 30px 0 0;background:linear-gradient(90deg,rgb(46,200,110),#E3C878 45%,rgba(245,206,52,.25) 75%,transparent);box-shadow:0 0 22px rgba(46,200,110,.65)}
.s0h-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px 40px;flex-wrap:wrap}
.s0h-copy{flex:1 1 520px;min-width:0;max-width:760px}
.s0h-k{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin:0}
.s0h-k span{font:500 10.5px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.22em;text-transform:uppercase;padding:7px 12px;border-radius:999px;color:#7BE3A0;background:rgba(46,200,110,.12);box-shadow:inset 0 0 0 1px rgba(46,200,110,.4),0 0 16px -4px rgba(46,200,110,.5)}
.s0h-state{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 "Jost",Futura,sans-serif;font-style:normal;color:#E8E4DA}
.s0h-state::before{content:"";width:7px;height:7px;border-radius:50%;background:#E3C878;box-shadow:0 0 10px rgba(227,200,120,.8)}
.s0h-live .s0h-state::before{background:#2EC86E;animation:s0h-beat 2.4s ease-out infinite}
.s0h-h{margin:18px 0 0;font:700 clamp(30px,3.6vw,52px)/1.04 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.035em;color:#F4F1EA;text-wrap:balance}
.s0h-h > span{display:block}
.s0h-g{background:linear-gradient(100deg,#FFE7A3,#E3C878 45%,#7BE3A0);-webkit-background-clip:text;background-clip:text;color:transparent}
.s0h-lede{margin:16px 0 0;max-width:60ch;font:400 17px/1.6 "IBM Plex Sans",-apple-system,system-ui,sans-serif;color:#C7CEDD}
.s0h-doors{display:flex;flex-wrap:wrap;gap:12px;flex:0 1 auto}
.s0h-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;font:600 15.5px/1 "Jost",Futura,sans-serif;letter-spacing:.01em;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.s0h-btn svg{width:17px;height:17px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.s0h-btn:hover svg{transform:translateX(4px)}
.s0h-btn:focus-visible{outline:2px solid #FFE7A3;outline-offset:3px}
.s0h-go{color:#1a1204;background:linear-gradient(176deg,#fdf3d2 2%,#e9c883 30%,#d6ad5a 62%,#c99a41 100%);box-shadow:0 14px 34px -14px rgba(227,200,120,.8),inset 0 1px 0 rgba(255,255,255,.6)}
.s0h-go:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(227,200,120,.9),inset 0 1px 0 rgba(255,255,255,.6)}
.s0h-alt{color:#F4F1EA;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(150,80,225,.55),0 0 24px -10px rgba(150,80,225,.7)}
.s0h-alt:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(150,80,225,.9),0 0 30px -8px rgba(150,80,225,.8)}

/* the garden inside the card: the bed runs to the card's edges */
.s0h-garden.garden{margin-top:clamp(26px,3vw,38px);border-radius:24px;padding:24px 26px 0}
.s0h-gtop{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;position:relative;z-index:4}
.s0h-gk{margin:0;display:flex;flex-direction:column;gap:6px}
.s0h-gk b{font:700 20px/1.1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.015em;color:#F4F1EA}
.s0h-gk span{font:400 14px/1.4 "IBM Plex Sans",system-ui,sans-serif;color:rgba(199,206,221,.75)}
.s0h-garden .gstats{grid-template-columns:repeat(3,minmax(96px,auto));gap:10px}
.s0h-garden .gstat{padding:12px 16px}
.s0h-garden .gstat b{font-size:28px}
.s0h-garden .gstat .gl{font-style:normal}
.s0h-garden .bed{margin:14px -26px 0}
.s0h-garden .gsizes{padding-top:18px}
.s0h-garden .gcap{align-items:center;padding:14px 0 20px}
.s0h-garden .gcap{font:400 14px/1.5 "IBM Plex Sans",-apple-system,system-ui,sans-serif}
.s0h-garden .gcap [data-k="latest"]{color:#C7CEDD}
.s0h-garden .gcap [data-k="latest"] b{font-weight:600;color:#F4F1EA}
.s0h-more{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;font:500 10.5px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:#7BE3A0;text-decoration:none}
.s0h-more::after{content:"";width:14px;height:14px;margin-left:8px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .35s}
.s0h-more:hover::after{transform:translateX(4px)}

/* the staged entrance: kicker, title, line, doors, then the bed; the plants sprout once the garden mounts */
.s0h.s0h-arm .s0h-k,.s0h.s0h-arm .s0h-h,.s0h.s0h-arm .s0h-lede,.s0h.s0h-arm .s0h-doors,.s0h.s0h-arm .s0h-garden{opacity:0;transform:translateY(18px)}
.s0h.s0h-arm.s0h-on .s0h-k,.s0h.s0h-arm.s0h-on .s0h-h,.s0h.s0h-arm.s0h-on .s0h-lede,.s0h.s0h-arm.s0h-on .s0h-doors,.s0h.s0h-arm.s0h-on .s0h-garden{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.s0h.s0h-arm.s0h-on .s0h-h{transition-delay:.12s}.s0h.s0h-arm.s0h-on .s0h-lede{transition-delay:.24s}.s0h.s0h-arm.s0h-on .s0h-doors{transition-delay:.36s}.s0h.s0h-arm.s0h-on .s0h-garden{transition-delay:.5s}
@keyframes s0h-beat{0%{box-shadow:0 0 0 0 rgba(46,200,110,.55)}70%{box-shadow:0 0 0 9px rgba(46,200,110,0)}100%{box-shadow:0 0 0 0 rgba(46,200,110,0)}}

@media (max-width:760px){
  .s0h{padding:30px 0 12px}
  .s0h-in{padding:0 16px}
  .s0h-card{border-radius:24px;padding:24px 18px 16px}
  .s0h-h{font-size:clamp(28px,8.4vw,36px)}
  .s0h-lede{font-size:16px}
  .s0h-doors{width:100%;flex-direction:column}
  .s0h-btn{width:100%}
  .s0h-garden.garden{padding:18px 14px 0;margin-left:-6px;margin-right:-6px}
  .s0h-garden .bed{margin:12px -14px 0}
  .s0h-garden .gstats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
  .s0h-garden .gstat{display:block;padding:10px 12px}
  .s0h-garden .gstat b{font-size:22px}
  .s0h-garden .gstat span{font-size:9.5px;letter-spacing:.1em;white-space:nowrap}
  .s0h-garden .gstat .gl{display:none}
  .s0h-gk span{font-size:13.5px}
  .s0h-more{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .s0h.s0h-arm .s0h-k,.s0h.s0h-arm .s0h-h,.s0h.s0h-arm .s0h-lede,.s0h.s0h-arm .s0h-doors,.s0h.s0h-arm .s0h-garden{opacity:1!important;transform:none!important;transition:none!important}
  .s0h-live .s0h-state::before{animation:none}
}