:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#e8e8e2;background:#131614;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit}.site-nav,.site-footer{padding:24px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff1a}.site-nav nav{display:flex;gap:24px}.site-article{max-width:1120px;margin:56px auto;padding:24px;line-height:1.8}.site-article img,.site-article video{max-width:100%;height:auto}.site-application{max-width:640px;margin:40px auto;padding:28px;border:1px solid #ffffff26;border-radius:20px;background:#1d241e}.site-application label{display:grid;gap:8px;margin:16px 0}.site-application input,.site-application select,.site-application textarea{font:inherit;width:100%;padding:12px;border-radius:8px;border:1px solid #ffffff38;background:#111713;color:#eee}.site-application button{padding:13px 24px;border:0;border-radius:8px;background:#d5eda6;color:#1a2217;font:inherit;cursor:pointer}.site-application button:disabled{opacity:.5}.site-application p{color:#b6c2b8;font-size:14px}.site-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:700px){.site-article{margin:16px auto}.site-application{margin:16px 0;padding:20px}}
:root .cz-work{min-width:0}:root .cz-work>span:last-child{min-width:0}:root .cz-work__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}@media(min-width:800px){.cz-hero__stage>.cz-works{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Use the same visible height for both formats, bounded by the landscape width. */
@media (min-width: 768px) {
  /* The legacy reduced-motion rule sets a duration globally; keep layout changes immediate. */
  .cz-hero__stage,
  .cz-hero__showcase,
  .cz-hero__showcase .cz-hero__media,
  .cz-hero__showcase .cz-hero__controls,
  .cz-hero__stage > .cz-works {
    transition-property: none;
  }

  .cz-hero__showcase {
    --cz-preview-height: clamp(280px, 46vh, 460px);
    display: grid;
    grid-template-rows: auto auto auto;
    justify-items: center;
    align-items: center;
  }

  .cz-hero__showcase::before {
    justify-self: start;
  }

  .cz-hero__showcase[data-orientation='portrait'] .cz-hero__media {
    /* Landscape height is column width * 9/16; portrait width is that height * 9/16. */
    width: min(calc(100% * 9 / 16 * 9 / 16), calc(var(--cz-preview-height) * 9 / 16));
    height: auto;
    margin: 0;
  }

  .cz-hero__showcase[data-orientation='landscape'] .cz-hero__media {
    width: min(100%, calc(var(--cz-preview-height) * 16 / 9));
    height: auto;
    margin: 0;
  }

  .cz-hero__showcase .cz-hero__media video,
  .cz-hero__showcase .cz-hero__media img {
    object-fit: contain;
  }

  .cz-hero__showcase[data-orientation] .cz-hero__controls {
    width: 100%;
    margin-left: 0;
  }
}