.intro-videos{overflow:hidden;padding-top:48px;padding-bottom:64px}.intro-video-compartment{padding:32px;border:1px solid #ffffff40;border-radius:28px;background:rgba(20,28,34,.48);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.intro-video-compartment h2{margin:8px 0 12px}.intro-video-credit{line-height:1.6;margin:0 0 28px}.intro-video-credit a{color:inherit;text-underline-offset:4px}.intro-video-featured{margin-bottom:24px}.intro-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media(max-width:700px){.intro-video-compartment{padding:16px}.intro-video-grid{grid-template-columns:1fr}}
.intro-video-grid h3{font-size:16px;font-weight:500;margin:0 0 14px}.quantum-vision yfo-youtube{max-width:100%}@media(min-width:701px) and (max-width:1050px){.intro-video-grid{grid-template-columns:1fr 1fr}.intro-video-grid>div:first-child{grid-column:1/-1}}

.minimal-idc-image{align-self:center;aspect-ratio:1;min-height:0!important}.minimal-idc-image img{object-fit:contain;object-position:center;transform:none;width:100%;height:100%}

.intro-video-title{display:flex;align-items:center;gap:18px;margin:8px 0 12px}.intro-video-title img{width:64px;height:64px;border-radius:14px;object-fit:contain;flex:none}.intro-video-title h2{margin:0}.quantum-vision{grid-template-columns:1.05fr 1fr;align-items:stretch}.quantum-vision figure{display:flex;min-height:0}.quantum-vision yfo-youtube{height:100%;min-height:100%}.quantum-vision .minimal-idc-copy{min-height:380px}@media(max-width:900px){.quantum-vision{grid-template-columns:1fr}.quantum-vision figure{height:350px}.quantum-vision .minimal-idc-copy{min-height:0}}@media(max-width:480px){.intro-video-title{gap:12px}.intro-video-title img{width:48px;height:48px}}

@media(max-width:850px){.minimal-page .site-header nav .nav-masai{display:inline-flex;padding:9px 3px}}@media(max-width:600px){.minimal-page .site-header nav .nav-merch{display:none}.minimal-page .site-header nav .nav-github{display:inline-flex}.minimal-page .site-header{padding:10px 12px}.minimal-page .site-header .brand{gap:8px;font-size:15px}.minimal-page .site-header .brand img{width:34px;height:34px}.minimal-page .site-header nav{gap:6px;font-size:12px}.minimal-page .site-header .nav-cta{padding:9px 8px}}