/* SHEEN page + project cards. Loaded only where used (site.css carries .four pillars via preview). */
:root{--gold:#c9a46a;--gold-2:#e3c792}
.mono{font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}

/* Hero */
.sh-hero-wrap{padding:clamp(8px,1.6vw,20px) 0 0}
.sh-facts{padding-top:clamp(64px,8vw,120px)}
.sh-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:calc(var(--r) + 6px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(40px,6vw,96px) clamp(28px,6vw,96px);min-height:min(78vh,720px)}
.sh-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 74% 50%,rgba(201,164,106,.16),rgba(201,164,106,0) 70%),linear-gradient(180deg,#26352b,#1d2921)}
.sh-hero h1{margin-top:22px;max-width:9ch}
.sh-hero h1 em{color:var(--gold-2)}
.sh-hero .lead{margin:1.4rem 0 2rem;max-width:36ch}
.sh-hero .btn svg{width:16px;height:16px}
.on-dark .btn.ghost[data-copy]:hover svg{transform:none}

/* Coin */
.coin{margin:0;justify-self:center;width:min(100%,520px);aspect-ratio:1;perspective:1100px}
.coin-tilt{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s var(--ease)}
.coin-face{position:relative;width:100%;height:100%;border-radius:50%;animation:coin-float 9s ease-in-out infinite;filter:drop-shadow(0 40px 46px rgba(6,10,7,.55)) drop-shadow(0 10px 14px rgba(6,10,7,.35))}
.coin-face img{width:100%;height:100%;border-radius:50%}
.glint{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none;mix-blend-mode:soft-light}
.glint::before{content:"";position:absolute;top:-30%;bottom:-30%;width:38%;left:-60%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,250,235,.85) 50%,rgba(255,255,255,0));transform:rotate(14deg);animation:glint 7.5s var(--ease-io) 1.6s infinite}
@keyframes glint{0%{left:-60%}38%,100%{left:125%}}
@keyframes coin-float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}
.js .coin{opacity:0;transform:scale(.92) translateY(18px);transition:opacity 1.4s var(--ease),transform 1.8s var(--ease)}
.js .coin.in{opacity:1;transform:none}

/* Address strip */
.sh-addr{margin-top:clamp(12px,1.6vw,20px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px 22px;padding:18px 18px 18px 26px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2)}
.sh-addr .lbl{font:600 .72rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.sh-addr .mint{font:500 clamp(.82rem,.7rem + .45vw,1.05rem)/1.4 ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.01em;color:var(--ink);overflow-wrap:anywhere;word-break:break-all;user-select:all}
.sh-addr .warn{grid-column:1/-1;margin:0;font-size:.88rem;color:var(--muted)}
.sh-addr .warn b{font-weight:600;color:var(--ink-2);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95em}
.icon-btn{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:.6em 1.05em;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:500 .9rem/1 var(--sans);cursor:pointer;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}
.icon-btn svg{width:16px;height:16px}
.icon-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
[data-copy].done{--bg:var(--gold-2);--fg:#1d2921;border-color:var(--gold-2)}
.icon-btn.done{background:var(--forest);color:var(--on-forest);border-color:var(--forest)}

/* Facts */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.stat{padding:28px 26px 8px 0}
.stat+.stat{padding-left:26px;border-left:1px solid var(--line)}
.stat .big{display:block;font:330 clamp(2.6rem,1.6rem + 3vw,4.6rem)/1 var(--serif);letter-spacing:-.03em;font-variation-settings:"opsz" 144;margin-bottom:22px}
.stat .big small{font-size:.5em;margin-left:.06em;color:var(--brass)}
.stat .big em{color:var(--brass)}
.stat h3{font:600 .78rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.stat p{margin:.6em 0 0;color:var(--muted);font-size:.96rem;max-width:28ch}
.spec{margin:clamp(44px,6vw,80px) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.spec div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.spec dt{color:var(--muted);font-size:.95rem}
.spec dd{margin:0;font-weight:500;text-align:right}
@media (max-width:980px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){padding-left:0;border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}.spec{grid-template-columns:1fr 1fr}}

/* Vesting chart */
.vest{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,1fr);gap:clamp(6px,1vw,14px);align-items:end}
.vest li{display:grid;grid-template-rows:auto 260px auto auto;gap:10px;min-width:0}
.vest .amt{font:500 .82rem/1 var(--sans);color:var(--on-forest-2);letter-spacing:.01em}
.vest li:first-child .amt{color:var(--gold-2)}
.vest .col{position:relative;border-radius:10px;background:rgba(239,233,220,.05);overflow:hidden}
.vest .col i{position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:10px 10px 0 0;background:linear-gradient(to top,rgba(201,164,106,.28) 0,rgba(201,164,106,.28) calc(var(--p) / var(--h) * 100%),var(--gold) calc(var(--p) / var(--h) * 100%));transform:scaleY(0);transform-origin:bottom;transition:transform 1.3s var(--ease);transition-delay:calc(var(--k) * 80ms + 200ms)}
.vest.in .col i,html:not(.js) .vest .col i{transform:none}
.vest .when{font-size:.86rem;line-height:1.3;color:var(--on-forest-2)}
.vest .when b{display:block;font:400 1.05rem/1.2 var(--serif);color:var(--on-forest)}
.vest .cum{font:500 .78rem var(--sans);color:var(--on-forest-2);letter-spacing:.06em;border-top:1px solid var(--line-f);padding-top:8px}
.vest-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:clamp(28px,4vw,48px);color:var(--on-forest-2);font-size:.92rem}

/* Fine print */
.fine{margin:clamp(40px,5vw,64px) 0 0;border-top:1px solid var(--line);padding-top:20px;font-size:.92rem;color:var(--muted);max-width:72ch}
.fine b{color:var(--ink-2);font-weight:600}

@media (max-width:900px){
  .sh-hero{grid-template-columns:1fr;min-height:0;padding:36px 24px 40px;gap:8px}
  .sh-hero::before{background:radial-gradient(80% 50% at 50% 78%,rgba(201,164,106,.18),rgba(201,164,106,0) 70%),linear-gradient(180deg,#26352b,#1d2921)}
  .coin{order:2;width:min(78%,420px);margin-top:20px}
  .sh-hero h1{margin-top:18px}
  .sh-addr{grid-template-columns:1fr auto;padding:18px}
  .sh-addr .lbl{grid-column:1/-1}
  .vest{grid-template-columns:1fr;gap:0}
  .vest li{grid-template-columns:5.6rem 1fr 4.2rem;grid-template-rows:auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-f)}
  .vest .when{order:-1}
  .vest .when b{display:inline;font-size:1rem}
  .vest .when b::after{content:" "}
  .vest .col{height:14px;border-radius:7px;order:0}
  .vest .col i{top:0;bottom:0;height:auto;width:var(--h);border-radius:7px;background:linear-gradient(to right,rgba(201,164,106,.32) 0,rgba(201,164,106,.32) calc(var(--p) / var(--h) * 100%),var(--gold) calc(var(--p) / var(--h) * 100%));transform:scaleX(0);transform-origin:left}
  .vest .amt{order:1;text-align:right}
  .vest .cum{display:none}
}
@media (max-width:560px){.stat,.stat+.stat{padding:22px 14px 8px 0}.stat:nth-child(even){padding-left:16px}.stat .big{margin-bottom:14px}.stat p{font-size:.9rem}.spec{grid-template-columns:1fr}}
@media (max-width:340px){.stats{grid-template-columns:1fr}.stat,.stat+.stat,.stat:nth-child(even){padding:22px 0 6px;border-left:0}.stat:nth-child(n+2){border-top:1px solid var(--line)}}
@media (prefers-reduced-motion:reduce){.js .coin{opacity:1;transform:none}.vest .col i{transform:none!important}.glint{display:none}}
