@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&display=swap');
@font-face{
  font-family:'asakimbold';
  src:url('/assets/fonts/asakim.woff') format('woff'),
      url('/assets/fonts/asakim.ttf') format('truetype');
  font-weight:normal;font-style:normal;font-display:swap;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --ink:#101614;--forest:#14211c;--cream:#f6f4ef;--muted:#5c665e;
  --line:rgba(16,22,20,.14);
  --display:'asakimbold','Heebo',sans-serif;
  --font:'Heebo',sans-serif;
}
body{background:var(--cream);color:var(--ink);font-family:var(--font);line-height:1.55;overflow-x:hidden;}
a{color:inherit;}
img{max-width:100%;display:block;}
.top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:22px 28px;border-bottom:1px solid var(--line);
}
.top a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:8px 0;
  border:none;background:transparent;color:var(--ink);
  text-decoration:none;font-size:16px;
}
.top a.btn{
  padding:10px 16px;border:1.5px solid var(--ink);
  background:var(--ink);color:var(--cream);font-size:15px;
}
.top a.btn:hover{background:var(--forest);border-color:var(--forest);color:#fff;}
.top a.textlink:hover{color:var(--forest);}
main{max-width:860px;margin:0 auto;padding:48px 22px 80px;}
.kicker{font-size:13px;color:var(--muted);margin-bottom:10px;}
h1{font-family:var(--display);font-size:clamp(36px,6vw,58px);font-weight:400;line-height:1.15;margin-bottom:14px;}
.lead{font-size:18px;max-width:40ch;margin-bottom:28px;}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px;}
.btn{
  display:inline-flex;align-items:center;text-decoration:none;
  padding:12px 18px;font-size:15px;min-height:44px;
  border:1px solid var(--ink);
}
.btn-solid{background:var(--ink);color:var(--cream);}
.btn-solid:hover{background:var(--forest);}
.btn:hover{background:var(--ink);color:var(--cream);}
h2{font-family:var(--display);font-size:26px;font-weight:400;margin:32px 0 12px;}
ul{padding-inline-start:1.2em;display:flex;flex-direction:column;gap:8px;}
li{max-width:62ch;}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.chip{border:1px solid var(--line);padding:6px 10px;font-size:13px;background:#fff;}
.gallery{padding:8px 0 12px;}
.gallery>h2{margin:8px 0 14px;}
.stage{
  display:flex;flex-direction:column;gap:28px;
  height:auto;min-height:0;max-height:none;
  border:none;background:transparent;overflow:visible;
}
.reel{display:none;}
.pin{
  position:relative;inset:auto;opacity:1;pointer-events:auto;
  display:block;padding:0;z-index:1;
}
.frame{
  overflow:hidden;border-radius:8px;background:#fff;
  border:1px solid var(--line);
}
.frame img{width:100%;height:auto;}
.pin figcaption{font-size:16px;line-height:1.4;margin-top:8px;color:var(--ink);}
@media(max-width:800px){
  .pin figcaption{font-size:16px;}
}
