.hero-video{z-index:1;aspect-ratio:16/9;border:1px solid color-mix(in oklab, var(--gold) 50%, var(--canvas));width:min(100%,561px);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--gold) 22%, transparent), 0 0 0 5px var(--canvas);border-radius:24px;margin:64px auto 0;position:relative;overflow:hidden}.hero-video.is-playing{background:var(--canvas)}.hero-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media (width<=639px){.hero-video{border-radius:16px}}.hero-video-cover{cursor:pointer;background-color:var(--canvas);border:0;padding:0;position:absolute;inset:0}.hero-video-cover-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-video-play{border-radius:999px;place-items:center;width:72px;height:72px;transition:transform .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-video-play svg{width:28px;height:28px;margin-left:3px}@media (hover:hover) and (pointer:fine){.hero-video-cover:hover .hero-video-play{transform:translate(-50%,-50%)scale(1.08)}}@media (width<=639px){.hero-video-play{width:56px;height:56px}}.terminal-showcase{background:var(--canvas);padding-block:48px 112px}.terminal-showcase-inner{width:100%;max-width:1240px;margin-inline:auto;padding-inline:32px}.terminal-bento{grid-template-rows:320px 320px 300px;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:56px;display:grid}.terminal-carousel{margin-top:32px}.terminal-tile{border:1px solid var(--choice-edge);background:var(--choice-surface);box-shadow:var(--choice-shadow);border-radius:24px;transition:border-color .25s;position:relative;overflow:hidden}.terminal-bento>.terminal-tile:first-child{grid-area:span 2/span 7}.terminal-bento>.terminal-tile:nth-child(2),.terminal-bento>.terminal-tile:nth-child(3){grid-column:span 5}.terminal-bento>.terminal-tile:nth-child(n+4){grid-column:span 4}.terminal-tile img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.terminal-tile-copy{background:linear-gradient(to top, color-mix(in oklab, var(--canvas) 97%, transparent) 0%, color-mix(in oklab, var(--canvas) 92%, transparent) 26%, color-mix(in oklab, var(--canvas) 55%, transparent) 58%, transparent 100%);padding:44px 24px 24px;position:absolute;inset:auto 0 0}.terminal-tile h3{color:var(--ink);font-family:var(--font-display);text-wrap:balance;margin:0;font-size:21px;font-weight:650;line-height:1.3}.terminal-tile p{max-width:40ch;color:color-mix(in oklab, var(--ink) 72%, var(--canvas));text-wrap:pretty;margin:8px 0 0;font-size:14px;line-height:1.7}.terminal-tile:first-child h3{font-size:26px}.terminal-tile:first-child p{font-size:15px}@media (hover:hover) and (pointer:fine){.terminal-tile:hover{border-color:var(--choice-gold-edge)}}@media (width<=1023px){.terminal-bento{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:260px;gap:16px;margin-top:40px}.terminal-bento>.terminal-tile:first-child{grid-area:span 1/span 2}.terminal-bento>.terminal-tile:nth-child(2),.terminal-bento>.terminal-tile:nth-child(3),.terminal-bento>.terminal-tile:nth-child(n+4){grid-column:span 1}.terminal-bento>.terminal-tile:nth-child(6){grid-column:span 2}.terminal-tile:first-child h3{font-size:23px}}@media (width<=767px){.terminal-showcase{padding-block:24px 64px}.terminal-showcase-inner{padding-inline:20px}.terminal-slide .terminal-tile{height:250px}.terminal-tile-copy{padding:36px 20px 20px}.terminal-tile h3,.terminal-tile:first-child h3{font-size:20px}.terminal-tile p,.terminal-tile:first-child p{font-size:13px;line-height:1.6}}@media (prefers-reduced-motion:reduce){.terminal-tile{transition:none}}
