body.land{background:var(--bg)}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}
.top{position:fixed;top:0;left:0;right:0;z-index:20}
.ticker{background:var(--y);border-bottom:3px solid #111;overflow:hidden;white-space:nowrap;font:800 .7rem var(--font);letter-spacing:.09em;text-transform:uppercase;padding:.42rem 0}
.ticker .track{display:inline-block;animation:marq 45s linear infinite}
.ticker span{margin:0 1.3rem}
@keyframes marq{to{transform:translateX(-50%)}}
.land-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 2rem;background:#fff;border-bottom:3px solid #111}
.land-nav .links{display:flex;gap:1.4rem;align-items:center}
.land-nav .links a{color:var(--ink);text-decoration:none;font-weight:700}
.land-nav .links a:hover{background:var(--y)}
.land main{position:relative;z-index:1}
.scene{min-height:100vh;display:flex;align-items:center;padding:5rem 2rem 4rem}
.scene.first{padding-top:11rem}
.scene.right{justify-content:flex-end}
.block{max-width:540px;background:#fff;border:3px solid #111;border-radius:22px;box-shadow:8px 8px 0 #111;padding:2rem 2.2rem}
.block.y{background:var(--y)}
.block.b{background:var(--blue)}
.block h1{font-size:clamp(2.5rem,5.4vw,4.2rem);line-height:1.02;letter-spacing:-.03em}
.block h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:.4rem;letter-spacing:-.02em}
.block p{font-size:1.05rem;margin:1rem 0 0;font-weight:500}
.block .hand,.hand{font:600 1.45rem var(--hand);margin:.1rem 0 0;line-height:1.1}
.block .actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
mark{background:var(--y);color:#111;border:3px solid #111;border-radius:14px;padding:0 .3em;box-shadow:4px 4px 0 #111;display:inline-block;transform:rotate(-1.5deg)}
.pill{display:inline-block;border:2.5px solid #111;border-radius:999px;padding:.28rem .85rem;font:800 .74rem var(--font);background:#fff;box-shadow:2px 2px 0 #111;margin-bottom:1rem}
.steps{list-style:none;margin:1.1rem 0 0;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:2.2rem 1fr;gap:.9rem;margin:1rem 0;font-weight:500}
.steps li::before{content:counter(s);width:2.2rem;height:2.2rem;border:2.5px solid #111;border-radius:50%;background:var(--pink);box-shadow:2px 2px 0 #111;display:grid;place-items:center;font-weight:800}
.steps b{display:block;font-weight:800}
.tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
.tags span{background:#fff;border:2.5px solid #111;border-radius:999px;padding:.35rem .95rem;font-weight:800;box-shadow:3px 3px 0 #111}
.tags span:nth-child(2n){background:var(--pink)} .tags span:nth-child(3n){background:var(--y)}
.feat{margin:1rem 0 0;padding:0;list-style:none}
.feat li{padding:.7rem 0;border-top:2px dashed #111;font-weight:500}
.feat li b{font-weight:800}

.ribbon{position:relative;height:150px;overflow:hidden;z-index:1;margin:-2rem 0}
.band{position:absolute;left:-5%;width:110%;border-block:3px solid #111;padding:.55rem 0;white-space:nowrap;font:800 1.05rem var(--font);letter-spacing:.04em;text-transform:uppercase;background:var(--y)}
.band.b1{top:30px;transform:rotate(-2deg)}
.band.b2{top:78px;transform:rotate(1.5deg);background:#fff}
.band .track{display:inline-block;animation:marq 30s linear infinite}
.band.b2 .track{animation-direction:reverse}
.band span{margin:0 1rem}

.bigtext{position:relative;z-index:1;background:linear-gradient(100deg,#ff8ee0,#ffb58a);border-block:3px solid #111;text-align:center;padding:2.2rem 1rem;overflow:hidden}
.bigtext b{display:block;font:800 clamp(2.4rem,10.5vw,8.5rem)/1 var(--font);letter-spacing:-.045em}
.dark{position:relative;z-index:1;background:#111;color:#fff;padding:2.5rem 2rem 1.5rem}
.dark .in{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.dark .pill{background:var(--y);color:#111;box-shadow:none;border-color:#111}
.dark h3{font-size:2rem;margin:.2rem 0 .6rem}
.dark p{margin:0;color:#d8d3c4;max-width:420px}
.dark a{color:#fff}
.dark .col b{display:block;color:var(--y);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem}
.dark .col a{display:block;margin:.3rem 0;text-decoration:none;font-weight:600}
.dark .col a:hover{color:var(--y)}
.dark .copy{max-width:1000px;margin:2rem auto 0;padding-top:1rem;border-top:1px solid #444;color:#aaa;font-size:.8rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}

@media (max-width:700px){
  .scene{padding:4.5rem 1rem 3rem}.scene.first{padding-top:10rem}.scene.right{justify-content:flex-start}
  .land-nav{padding:.6rem 1rem}.land-nav .links{display:none}
  .block{padding:1.5rem}
}
@media (prefers-reduced-motion:reduce){.ticker .track,.band .track{animation:none}}