:root{
    --bg:#161512; --bg2:#1F1D18; --surface:#211F1A; --surface2:#2A2722;
    --ink:#F1ECE1; --muted:#A9A294; --faint:#6E685B;
    --coral:#E08A6B; --coral-deep:#D97757; --hair:#322F29; --glow:rgba(224,138,107,.28);
    --serif:Georgia,'Times New Roman','Iowan Old Style',serif;
    --sans:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;
    --star:#F4EFE6; --starA:.9;
  }
*{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--ink);font-family:var(--sans);
    -webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5;
    transition:background .6s ease,color .6s ease}
  #sky{position:fixed;inset:0;width:100%;height:100%;z-index:0}
  .tele{position:fixed;right:max(16px,calc(50vw - 480px));bottom:0;z-index:1;width:148px;height:200px;opacity:.9;pointer-events:none}
  .cglow{position:fixed;left:0;top:0;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(circle,var(--glow),transparent 68%);transition:opacity .5s ease;will-change:transform}
  .wrap{position:relative;z-index:2;max-width:980px;margin:0 auto;padding:0 30px 70px}

  .topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 2px 0;
    font-size:12px;letter-spacing:1.6px;text-transform:lowercase;color:var(--muted)}
  .badge{color:var(--coral)}
  .clock{font-variant-numeric:tabular-nums}
  .back-link{font:inherit;letter-spacing:1.6px;text-transform:lowercase;color:var(--muted);text-decoration:none;transition:color .25s}
  .back-link:hover{color:var(--coral)}

  .hero{display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:center;padding:52px 0 24px;min-height:60vh}
  .craft{position:relative;height:380px;will-change:transform}
  .craft svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .eyebrow{font-size:12px;letter-spacing:3.4px;text-transform:lowercase;color:var(--coral);margin-bottom:16px}
  h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,7.6vw,80px);line-height:.95;
    letter-spacing:-.6px;text-wrap:balance;margin-bottom:18px}
  .tagline{font-size:clamp(15px,1.8vw,18px);color:var(--muted);line-height:1.62;max-width:50ch}
  .tagline b{color:var(--coral);font-weight:400}
  .live-meta{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:24px;font-size:14px}
  .live-meta .k{color:var(--faint);text-transform:lowercase;letter-spacing:1.5px;font-size:10px;margin-right:9px}
  .live-meta b{font-weight:400;color:var(--ink);font-variant-numeric:tabular-nums}

  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:14px 0 8px;perspective:900px}
  .stat{background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:22px 20px;
    transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;
    transform-style:preserve-3d;will-change:transform}
  .stat:hover{box-shadow:0 18px 40px -12px var(--glow),0 6px 16px rgba(0,0,0,.18);border-color:var(--coral)}
  .stat .v{font-family:var(--serif);font-size:38px;line-height:1;font-variant-numeric:tabular-nums}
  .stat .l{margin-top:11px;font-size:10px;letter-spacing:1.6px;text-transform:lowercase;color:var(--muted)}

  section{padding-top:52px}
  .sec-h{display:flex;align-items:center;gap:16px;margin-bottom:22px}
  .sec-h h2{font-family:var(--serif);font-weight:400;font-size:26px;white-space:nowrap}
  .sec-h .n{font-size:11px;color:var(--coral);letter-spacing:2px;font-variant-numeric:tabular-nums}
  .sec-h .rule{flex:1;height:1px;background:var(--hair);transform-origin:left;transform:scaleX(0);transition:transform .8s cubic-bezier(.16,1,.3,1)}
  .sec-h .rule.in{transform:scaleX(1)}

  .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  #stack .panel.full{grid-column:1/-1}
  .panel{background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:20px 22px;
    transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.16,1,.3,1)}
  .panel:hover{border-color:var(--coral);box-shadow:0 16px 36px -16px var(--glow);transform:translateY(-2px)}
  .panel .cat{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;text-transform:lowercase;color:var(--coral);margin-bottom:16px}
  .panel .cat svg{width:16px;height:16px;flex:none}
  .chips{display:flex;flex-wrap:wrap;gap:9px}
  .chip{font-size:13.5px;padding:7px 14px;border:1px solid var(--hair);border-radius:11px;background:var(--surface2);
    color:var(--ink);opacity:0}
  .chip.in{animation:chipIn .35s cubic-bezier(.16,1,.3,1) both;
    transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .2s cubic-bezier(.16,1,.3,1)}
  @keyframes chipIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
  .chip.in:hover{border-color:var(--coral);color:var(--coral);transform:translateY(-3px);box-shadow:0 8px 18px -8px var(--glow);background:var(--surface)}

  .contact{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
  .contact .ic{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--surface2);color:var(--coral);transition:background .25s,color .25s}
  .contact .ic svg{width:19px;height:19px}
  .contact .tx{min-width:0}
  .contact .tx .lab{display:block;font-size:10px;letter-spacing:1.6px;text-transform:lowercase;color:var(--faint);margin-bottom:4px}
  .contact .tx .val{display:block;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.rise{opacity:0}
  .rise.in{animation:riseIn .7s cubic-bezier(.16,1,.3,1) both}
  @keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  .rk{animation:drift 5.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  .fl{animation:flick .9s ease-in-out infinite;transform-box:fill-box;transform-origin:top center}
  .tnod{transform-box:fill-box;transform-origin:74px 150px;animation:nod 9s ease-in-out infinite}
  @keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  @keyframes flick{0%,100%{opacity:.92;transform:scaleY(1)}50%{opacity:.5;transform:scaleY(.78)}}
  @keyframes nod{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg)}}

  @media (max-width:760px){
    .hero{grid-template-columns:1fr;text-align:center;padding-top:22px;min-height:auto}
    .craft{height:250px;max-width:250px;margin:0 auto}
    .live-meta{justify-content:center}.tagline{margin:0 auto}
    .stats{grid-template-columns:repeat(2,1fr)}.grid,.contact{grid-template-columns:1fr}.tele{display:none}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important;scroll-behavior:auto}
    .rise,.chip{opacity:1!important;transform:none!important}.sec-h .rule{transform:scaleX(1)!important}
  }


/* refined contact cards: .contact-item = card, .cmain = link/button, .copybtn = copy affordance */
.contact-item{display:flex;align-items:center;background:var(--surface);border:1px solid var(--hair);border-radius:16px;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.16,1,.3,1)}
.contact-item:hover{border-color:var(--coral);box-shadow:0 16px 34px -14px var(--glow)}
.contact .cmain{display:flex;align-items:center;gap:14px;flex:1;min-width:0;width:auto;background:none;border:0;border-radius:0;box-shadow:none!important;transform:none!important;padding:18px 6px 18px 20px;text-align:left;color:var(--ink);text-decoration:none;font:inherit}
a.cmain,button.cmain{cursor:pointer}span.cmain{cursor:default}
.contact .cmain:focus-visible{outline:2px solid var(--coral);outline-offset:-3px;border-radius:14px}
.contact-item:hover .ic{background:var(--coral);color:var(--bg)}
.copybtn{flex:none;width:34px;height:34px;margin-right:10px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--faint);cursor:pointer;transition:color .2s,background .2s}
.copybtn:hover{color:var(--coral);background:var(--surface2)}
.copybtn.copied{color:#5cb98a}
.copybtn svg{width:16px;height:16px;fill:none;stroke:currentColor}
.copybtn:focus-visible{outline:2px solid var(--coral);outline-offset:2px}