a.primary,a.secondary,a.play{text-decoration:none}
a.secondary{text-decoration:underline}
.navigation a{display:inline-flex;align-items:center;padding:10px 0;min-height:44px;color:var(--muted);font-size:15px;font-weight:500;text-decoration:none}
.navigation a:hover,.navigation a[aria-current=page]{color:var(--action)}
.navigation .nav-cta{border:1px solid var(--border);border-radius:999px;padding:12px 20px;color:var(--ink)}
.navigation .nav-cta:hover{border-color:var(--action);color:var(--action)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--action);outline-offset:5px}
.skip-link{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:50;color:var(--ink)}
.skip-link:focus{top:10px}
@media(max-width:809px){header{flex-wrap:wrap;gap:12px}.navigation{display:flex;justify-content:center;gap:24px;width:100%}.navigation a{font-size:14px}.navigation .nav-cta{display:none}.micro-tag{font-size:12px}.support{font-size:16px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.video-availability,.checkout-status{font-size:14px;line-height:1.5;color:var(--muted)}.video-availability{margin:16px 0 0}.play:disabled,.folder-go:disabled{cursor:default;opacity:.65}.primary:disabled{cursor:not-allowed;opacity:.65}.play:disabled:hover,.folder-go:disabled:hover{transform:none}.folder-eyebrow{font-size:12px}@media(max-width:809px){.icp-card span{font-size:14px}}

.site-footer nav{flex-wrap:wrap;row-gap:12px}.faq-layout .section-title{overflow-wrap:normal}
.hero-video{background:#000;overflow:hidden;isolation:isolate}.hero-video::after{display:none}.hero-video video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.hero-video video::-webkit-media-controls{display:none!important}.hero-video-toggle{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;border-radius:inherit;padding:0;background:transparent;cursor:pointer}.hero-video-toggle:focus-visible{outline:2px solid #fff;outline-offset:-5px}.hero-video .hero-watermark{position:absolute;right:16px;bottom:14px;z-index:2;width:112px;height:auto;object-fit:contain;opacity:1;filter:none;pointer-events:none}@media(max-width:809px){.hero-video .hero-watermark{width:88px;right:12px;bottom:12px}}

.demo-media video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.demo-media::after{display:none}
.demo-media .format-tag{pointer-events:none;font-size:14px}
.demo-card.portrait .demo-media{aspect-ratio:9/16;width:min(100%,288px);align-self:center}
.demo-media:focus-within{outline:2px solid var(--action);outline-offset:5px}
@media(max-width:809px){.demo-media .format-tag{top:12px;left:12px;padding:6px 10px}}

.demo-media video::-webkit-media-controls{display:none!important}
.demo-video-toggle{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:grid;place-items:center;border:0;border-radius:inherit;padding:0;background:transparent;cursor:pointer}
.demo-video-toggle:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.demo-play-circle{display:grid;place-items:center;width:76px;height:76px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
.demo-play-mark{width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid var(--action);margin-left:5px}
.demo-video-toggle.is-playing .demo-play-circle{opacity:0}
.demo-video-toggle.is-playing .demo-play-mark{width:18px;height:24px;border:0;border-left:6px solid var(--action);border-right:6px solid var(--action);margin:0}
.demo-video-toggle:focus-visible .demo-play-circle{opacity:1}
@media(hover:hover){.demo-video-toggle:hover .demo-play-circle{opacity:1;transform:scale(1.04)}}
.demo-media .demo-watermark{position:absolute;right:16px;bottom:14px;z-index:2;width:112px;height:auto;object-fit:contain;opacity:1;filter:none;pointer-events:none}
@media(max-width:809px){.demo-play-circle{width:60px;height:60px}.demo-play-mark{border-top-width:10px;border-bottom-width:10px;border-left-width:16px;margin-left:4px}.demo-media .demo-watermark{width:88px;right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.demo-play-circle{transition:none}}

.hero-play-icon{display:none;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:24px solid #fff;filter:drop-shadow(0 2px 6px #0008)}
.hero-video-toggle.needs-play{display:grid;place-items:center}
.hero-video-toggle.needs-play .hero-play-icon{display:block}

/* Keep the reference photos readable and attach each label to its own media. */
@media(max-width:809px){
  #hero .media-region{padding-top:36px;padding-bottom:28px}
  #hero .media-stage{
    --reference-size:min(38vw,170px);
    --video-width:min(78vw,370px);
    --video-height:235px;
    --video-top:calc(var(--reference-size) - 36px);
    height:calc(var(--video-top) + var(--video-height) + 40px);
  }
  #hero .wing{
    width:var(--reference-size);height:var(--reference-size);aspect-ratio:1;
    top:14px;border:3px solid #fff;border-radius:14px;
    box-shadow:0 8px 20px rgba(30,30,30,.14);
  }
  #hero .wing-left{left:calc(50% - var(--reference-size) - 8px);transform:rotate(-4deg)}
  #hero .wing-right{left:calc(50% + 8px);transform:rotate(4deg)}
  #hero .master{top:var(--video-top);transform:translateX(-50%)}
  #hero .micro-tag{font-size:14px;line-height:18px;letter-spacing:0;padding:9px 12px}
  #hero .tag-source{
    left:calc(50% - var(--reference-size) - 8px);top:-2px;
    transform:rotate(-4deg);
  }
  #hero .tag-result{
    left:auto;right:calc((100% - var(--video-width))/2 + 8px);
    top:calc(var(--video-top) + var(--video-height) - 4px);
    transform:rotate(2deg);
  }
  #hero .tag-result::after{top:-5px;bottom:auto;right:26px}
}
@media(max-width:359px){#hero .media-stage{--video-height:220px}}

/* Contact form */
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.contact-intro .section-title{margin-bottom:24px}.contact-intro p:not(.section-nav-label){font-size:18px;line-height:1.6;color:var(--muted);max-width:390px}.contact-intro a{color:var(--action);text-underline-offset:4px;overflow-wrap:anywhere}
.contact-form{padding:32px;border:1px solid var(--border);border-radius:24px;background:#fcfaf9}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:15px;font-weight:600;margin:0 0 9px}.contact-form input:not([type=hidden]),.contact-form textarea{display:block;width:100%;min-width:0;border:1px solid #c8c3c0;border-radius:10px;background:white;color:var(--ink);font:400 16px/1.5 'Host Grotesk',sans-serif;padding:13px 14px;margin-bottom:22px}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--action);outline-offset:3px}.contact-form .contact-honey{display:none}.contact-note{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 24px}.contact-form .primary{padding-right:12px}.contact-thanks{max-width:720px;min-height:60vh;margin:auto;padding:80px 24px}.contact-thanks p{font-size:18px;line-height:1.6}.contact-thanks .primary{padding:16px 24px;margin-top:20px}
@media(max-width:1199px){.contact-layout{gap:40px}}
@media(max-width:809px){.contact-layout{grid-template-columns:1fr;gap:28px}.contact-form{padding:24px}.contact-intro p:not(.section-nav-label){font-size:16px}.contact-fields{grid-template-columns:1fr;gap:0}.navigation{flex-wrap:wrap;column-gap:18px;row-gap:0}.contact-form .primary{width:100%}}