/* Homepage $CORGI hero (corgi-hero.js). First screen on desktop and mobile. */
@property --chA{syntax:"<angle>";inherits:false;initial-value:0deg}
.ch{position:relative;overflow:hidden;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:96px 20px 70px;isolation:isolate;
  background:radial-gradient(120% 80% at 50% 0%,#1d3a24 0%,#0a1610 55%,#050b07 100%);color:#f1ead6;font-family:var(--font,system-ui)}
.ch-bg{position:absolute;inset:0;z-index:0;background:url(/assets/scenes/corgi-scene-poster.jpg) center/cover no-repeat}
.ch-vid{width:100%;height:100%;object-fit:cover;display:block}
.ch-shade{position:absolute;inset:0;z-index:1;background:radial-gradient(70% 60% at 50% 45%,rgba(5,11,7,.55) 0%,rgba(5,11,7,.78) 60%,rgba(5,11,7,.92) 100%),linear-gradient(180deg,rgba(5,11,7,.5),transparent 30%,transparent 70%,var(--bg,#08110c))}
.ch-dust{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.ch-in{position:relative;z-index:3;max-width:900px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.ch-logo{position:relative;width:clamp(112px,13vw,160px);aspect-ratio:1;animation:chFloat 5s ease-in-out infinite}
.ch-logo img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;border-radius:50%;padding:10%;box-sizing:border-box;background:radial-gradient(circle at 50% 35%,#24432c,#0a140d 75%);
  box-shadow:0 0 0 2px rgba(242,193,78,.75),0 0 40px rgba(242,193,78,.5),0 0 90px -10px rgba(240,154,78,.55)}
.ch-ring{position:absolute;inset:-14px;border-radius:50%;z-index:0;background:conic-gradient(from var(--chA),transparent 0deg,rgba(242,193,78,.2) 90deg,#ffe7a3 180deg,#f09a4e 220deg,transparent 300deg);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:chSpin 4s linear infinite}
.ch-logo::before{content:"";position:absolute;inset:-30%;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(242,193,78,.35),transparent 65%);animation:chGlow 3s ease-in-out infinite}
.ch-kick{display:inline-flex;align-items:center;gap:9px;font:400 12px var(--pix,monospace);letter-spacing:.16em;color:#ffe7a3;padding:8px 14px;border:1px solid rgba(242,193,78,.5);border-radius:999px;background:rgba(242,193,78,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ch-kick i{width:8px;height:8px;border-radius:2px;background:#f2c14e;box-shadow:0 0 10px #f2c14e;animation:chBlink 1.6s ease-in-out infinite}
.ch-kick.on{color:#bff0c6;border-color:rgba(95,191,110,.55);background:rgba(95,191,110,.12)}.ch-kick.on i{background:#5fbf6e;box-shadow:0 0 10px #5fbf6e}
.ch h1.ch-h{margin:0;font:400 clamp(34px,6.6vw,84px)/1.02 var(--pix,monospace);letter-spacing:.02em;filter:drop-shadow(0 0 24px rgba(242,193,78,.35))}
.ch-h span{background:linear-gradient(90deg,#f2c14e 0%,#fff6d6 35%,#f09a4e 55%,#f2c14e 75%,#fff6d6 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f2c14e;animation:chShine 5s linear infinite}
.ch-h .ch-rest{display:block;font-size:.56em;margin-top:.25em}
.ch-sub{margin:0;max-width:640px;font:400 clamp(17px,2vw,22px)/1.45 var(--serif,Georgia,serif);font-style:italic;color:#f1ead6;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.ch-ca{position:relative;display:flex;align-items:center;gap:10px;max-width:100%;padding:8px 8px 8px 16px;border-radius:14px;background:rgba(5,11,7,.82);isolation:isolate;
  box-shadow:0 0 30px rgba(242,193,78,.4),0 0 70px -10px rgba(240,154,78,.45);animation:chCaGlow 3s ease-in-out infinite}
.ch-ca::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--chA),rgba(242,193,78,.4) 0deg,rgba(242,193,78,.4) 200deg,#fff3c8 240deg,#f09a4e 262deg,#f2c14e 284deg,rgba(242,193,78,.4) 320deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:chSpin 4.5s linear infinite}
.ch-ca::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,240,200,.16) 50%,transparent 60%);background-size:250% 100%;animation:chSweep 3.6s ease-in-out infinite}
.ch-lbl{font:400 12px var(--pix,monospace);color:#5fbf6e;letter-spacing:.12em}
.ch-addr{font:500 clamp(12.5px,1.45vw,16px)/1.35 var(--mono,monospace);color:#ffe7a3;word-break:break-all;user-select:all;min-width:0;text-align:left}
.ch-copy{position:relative;z-index:1;flex-shrink:0;cursor:pointer;font:400 12px var(--pix,monospace);letter-spacing:.06em;padding:10px 14px;border-radius:9px;border:1px solid #f2c14e;background:#f2c14e;color:#140f04;transition:transform .15s,background .2s}
.ch-copy:hover{transform:translateY(-1px)}.ch-copy.ok{background:#5fbf6e;border-color:#5fbf6e}
.ch-act{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.ch-b{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px/1 var(--font,system-ui);padding:17px 28px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .25s}
.ch-b:hover{transform:translateY(-2px)}
.ch-gold{background:#f2c14e;color:#140f04;box-shadow:0 0 34px -4px #f2c14e}
.ch-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);translate:-120% 0;animation:chBtn 3.4s ease-in-out infinite}
.ch-ghost{color:#f1ead6;border:1px solid rgba(241,234,214,.35);background:rgba(5,11,7,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ch-ghost:hover{border-color:#ffe7a3}
.ch-note{margin:-4px 0 0;font-size:13px;color:#a7ad97}.ch-note a{color:#ffe7a3}
.ch a:focus-visible,.ch button:focus-visible,.ch-addr:focus-visible{outline:3px solid #ffe7a3;outline-offset:3px}
.ch-scroll{position:absolute;left:50%;bottom:18px;translate:-50% 0;z-index:3;font:400 10px var(--pix,monospace);letter-spacing:.18em;color:#a7ad97;text-decoration:none;animation:chBob 2.2s ease-in-out infinite}
.ch .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes chSpin{to{--chA:360deg}}
@keyframes chFloat{50%{transform:translateY(-8px)}}
@keyframes chGlow{50%{opacity:.5;transform:scale(1.1)}}
@keyframes chBlink{50%{opacity:.35}}
@keyframes chShine{from{background-position:130% 0}to{background-position:-130% 0}}
@keyframes chSweep{0%{background-position:130% 0}60%,100%{background-position:-130% 0}}
@keyframes chBtn{0%{translate:-120% 0}55%,100%{translate:120% 0}}
@keyframes chCaGlow{50%{box-shadow:0 0 44px rgba(242,193,78,.6),0 0 100px -10px rgba(240,154,78,.6)}}
@keyframes chBob{50%{translate:-50% 5px}}
@media (max-width:640px){
  .ch{padding:84px 14px 56px;min-height:100svh}
  .ch-in{gap:16px}
  .ch h1.ch-h{font-size:clamp(32px,10vw,44px)}
  .ch-sub{font-size:16.5px}
  .ch-ca{width:100%;padding:8px 8px 8px 12px}.ch-addr{font-size:12px}
  .ch-act{width:100%;flex-direction:column}.ch-b{width:100%;padding:17px 20px}
  .ch-scroll{display:none}
}
@media (prefers-reduced-motion:reduce){.ch *,.ch *::before,.ch *::after{animation:none!important}.ch-dust{display:none}}
/* homepage refocus on $CORGI: no $WOOD buy CTAs on the homepage */
.ch-on header.top [data-buy],.ch-on header.top .soonpill,.ch-on .mnav-buy,.ch-on .mnav-soon,.ch-on #top .cta [data-buy],.ch-on #top .cta .buy-soon,.ch-on #top .cta [data-copy-ca]{display:none!important}