/* AFP 2026 page components (components/afp2026.mjs). Moved unchanged from the WordPress page. */
#t4-afp-root{
  --t4-greenlight:#43BA47;--t4-white:#FFFFFF;--t4-graphite:#242C33;--t4-silver:#EDEDED;
  --t4-evergreen:#A2CAB3;--t4-evergreen-20:#ECF4F0;--t4-evergreen-40:#DAEAE1;
  --t4-tide:#045E67;--t4-tide-80:#367E85;--t4-tide-20:#CDDFE1;
  --t4-clear-skies:#BED8E9;--t4-clear-skies-20:#F2F7FB;
  --t4-golden:#E1972B;--t4-golden-80:#E7AC55;--t4-golden-60:#EDC180;--t4-golden-40:#F3D5AA;--t4-golden-20:#F9EAD5;
  --fg-1:#242C33;--fg-2:#4A5360;--fg-3:#6F7884;
  --border-subtle:#E5E7EA;--border-default:#D6D9DD;--border-strong:#B6BBC2;
  --font-display:'Playfair Display','Iowan Old Style',Georgia,serif;
  --font-body:'Work Sans','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;
  --shadow-1:0 1px 2px rgba(36,44,51,.06),0 2px 8px rgba(36,44,51,.06);
  --shadow-2:0 2px 6px rgba(36,44,51,.08),0 12px 28px rgba(36,44,51,.12);
  --shadow-3:0 8px 20px rgba(36,44,51,.12),0 24px 60px rgba(36,44,51,.18);
  --ease-out:cubic-bezier(.2,.8,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);
}
#t4-afp-root *{box-sizing:border-box;}
#t4-afp-root a{color:var(--t4-tide);}
#t4-afp-root a:hover{color:var(--t4-tide-80);}
#t4-afp-root section{margin:0;}

  #t4-afp-root .chip{position:relative;border-radius:50%;background:radial-gradient(circle at 37% 27%, rgba(255,255,255,.34), rgba(255,255,255,0) 46%), var(--chip,#0d4231);box-shadow:0 16px 30px rgba(0,0,0,.5),inset 0 0 0 2px rgba(0,0,0,.3),inset 0 2px 3px rgba(255,255,255,.42),inset 0 -8px 13px rgba(0,0,0,.42);}
  #t4-afp-root .chip::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#f4efe1 0deg 11deg, rgba(0,0,0,0) 11deg 30deg);-webkit-mask:radial-gradient(circle, transparent 60%, #000 61% 83%, transparent 84%);mask:radial-gradient(circle, transparent 60%, #000 61% 83%, transparent 84%);}
  #t4-afp-root .chip::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(155deg, rgba(255,255,255,.3), rgba(255,255,255,0) 42%);pointer-events:none;}
  #t4-afp-root .chip-inlay{position:absolute;inset:20%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 32%, #fffdf6, #efe7d4 70%, #e0d6bd);box-shadow:inset 0 1px 2px rgba(255,255,255,.85),inset 0 -2px 5px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.16);}
  #t4-afp-root .chip-inlay.dark{background:radial-gradient(circle at 40% 32%, #2a3540, #12181c 72%);box-shadow:inset 0 1px 2px rgba(255,255,255,.16),inset 0 -2px 5px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.4);}
  @keyframes t4hint{0%,100%{opacity:.45;transform:translateY(0)}50%{opacity:.95;transform:translateY(-4px)}}
  @keyframes t4float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
  @keyframes t4rise{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
  @keyframes t4toss{0%{opacity:0;transform:translate(-130vw,-70px) rotate(-280deg) scale(.82)}60%{opacity:1}100%{opacity:1;transform:translate(0,0) rotate(var(--land,0deg)) scale(1)}}
  @keyframes t4sheen{0%{background-position:-140% 0}60%,100%{background-position:240% 0}}
  @keyframes t4bulb{0%,100%{opacity:1;box-shadow:0 0 6px var(--t4-golden),0 0 12px rgba(225,151,43,.7)}50%{opacity:.35;box-shadow:0 0 2px var(--t4-golden)}}
  @keyframes t4disco{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
  @keyframes t4discoglow{0%,100%{filter:drop-shadow(0 0 4px rgba(190,216,233,.6))}50%{filter:drop-shadow(0 0 10px rgba(190,216,233,.9))}}
  @keyframes t4note1{0%{transform:translate(0,0) rotate(-8deg);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translate(10px,-30px) rotate(12deg);opacity:0}}
  @keyframes t4note2{0%{transform:translate(0,0) rotate(6deg);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translate(-12px,-26px) rotate(-10deg);opacity:0}}
  @keyframes t4note3{0%{transform:translate(0,0) rotate(0deg);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translate(14px,-22px) rotate(16deg);opacity:0}}
  @keyframes t4saxsway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
  @keyframes t4saxswayflip{0%,100%{transform:scaleX(-1) rotate(-4deg)}50%{transform:scaleX(-1) rotate(4deg)}}
  @keyframes t4drift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(10%,-7%,0)}100%{transform:translate3d(0,0,0)}}
  @keyframes t4hue{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}
  @keyframes t4bokeh{0%{transform:translateY(0) scale(1);opacity:.5}50%{opacity:.95}100%{transform:translateY(-60px) scale(1.2);opacity:.3}}
  @keyframes t4sweep{0%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(320%) skewX(-18deg)}}
  @keyframes t4shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
  @keyframes t4twinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(90deg)}}
  @keyframes t4glit{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0% 50%}100%{background-position:34px 34px,-46px 46px,58px -58px,-42px 42px,52px 52px,-38px 38px,200% 50%}}
  @media (max-width:760px){
    #t4-afp-root .hero-section{flex-direction:column;}
    #t4-afp-root .hero-photo{position:relative !important;width:100% !important;height:200px !important;clip-path:none !important;border-radius:var(--radius-lg);margin:0 0 22px !important;}
    #t4-afp-root .hero-photo>div:first-of-type{background:linear-gradient(180deg,rgba(20,25,30,0) 45%,rgba(20,25,30,.55)) !important;}
  }
  @keyframes t4coinx{0%{transform:translateX(0);}100%{transform:translateX(var(--dx,0px));}}
  @keyframes t4coiny{0%{transform:translateY(0) scale(.4);opacity:0;}10%{opacity:1;}40%{transform:translateY(var(--peak,-160px)) scale(1);}100%{transform:translateY(var(--dy,300px)) scale(1);}}
  @keyframes t4coinspin{0%{transform:rotate(0deg);}100%{transform:rotate(var(--cr,540deg));}}
  @keyframes t4bulbrun{0%,100%{opacity:1;box-shadow:0 0 9px 3px rgba(225,151,43,.95);}55%{opacity:.28;box-shadow:0 0 3px 1px rgba(225,151,43,.35);}}
  @keyframes t4chase{0%{background-position:0 0;}100%{background-position:40px 0;}}
  @keyframes t4sweep2{0%{transform:translateX(-140%);}100%{transform:translateX(340%);}}
  @keyframes t4bokeh{0%{transform:translate(0,0) scale(1);opacity:.2;}50%{transform:translate(16px,-24px) scale(1.1);opacity:.42;}100%{transform:translate(0,0) scale(1);opacity:.2;}}