/* Brand-only masthead and native, interruptible model navigation. */
html{scroll-padding-top:24px}
.site-header.brand-only{position:relative;top:auto;height:auto;margin:0;padding:24px 0 0;background:none;border:0;backdrop-filter:none}
.site-header.brand-only .nav{min-height:44px;padding:0;justify-content:flex-start;background:none;border:0;border-radius:0;backdrop-filter:none;box-shadow:none}
.brand-only .brand{font-size:25px;min-height:44px;align-items:center}
.brand-only .brand i{align-self:center}
.hero{padding-top:72px}
.services{padding-top:64px}
.model-carousel{position:relative;min-width:0}
.carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}
.carousel-heading p{font-size:12px;color:#b4a9c8}
.examples-section .examples-grid.carousel-track{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:8px 1px 14px;margin:0 -1px;align-items:stretch;scroll-behavior:auto}
.carousel-track::-webkit-scrollbar{display:none}
.examples-section .carousel-track .example{flex:0 0 calc((100% - 22px)/2);scroll-snap-align:start;scroll-margin-inline:1px;min-width:0;border:1px solid #ffffff17;border-radius:20px;background:#101014f5;overflow:hidden}
.examples-section .carousel-track .example[hidden]{display:none}
.examples-section .carousel-track .preview-button{border:0;border-bottom:1px solid #ffffff14;border-radius:0;background:#101014}
.examples-section .carousel-track .example-info{padding:22px 22px 24px}
.examples-section .carousel-track .example-info>h3{font-size:24px}
.examples-section .carousel-track .example-info>p:not(.model-source){font-size:14px;line-height:1.65;margin-top:10px}
.examples-section .carousel-track .example-info>.text-link{margin-top:auto;padding-top:15px;font-size:13px}
.examples-section .carousel-track .mini-site{height:auto;aspect-ratio:16/9}
.carousel-footnote{font-size:11px;color:#898391;margin-top:12px}
@media(hover:hover) and (pointer:fine){.carousel-arrow:hover:not(:disabled){background:#7c3aed;border-color:#a78bfa}.examples-section .carousel-track .preview-button:hover{transform:none;background:#181220}}
@media(max-width:800px){.site-header.brand-only{padding-top:18px}.hero{padding-top:48px}.examples-section .examples-grid.carousel-track{gap:16px}.examples-section .carousel-track .example{flex-basis:calc((100% - 16px)/2)}.examples-section .carousel-track .example-info{padding:18px}.examples-section .carousel-track .example-info>h3{font-size:21px}}
@media(max-width:620px){.carousel-heading{align-items:flex-start;gap:12px}.carousel-heading>p{max-width:120px}.carousel-actions{gap:7px}.carousel-position{min-width:70px;font-size:11px}.carousel-arrow{width:44px;height:44px}.examples-section .carousel-track .example{flex-basis:90%}.examples-section .carousel-track .example-info{padding:20px}.examples-section .carousel-track .example-info>h3{font-size:23px}.services{padding-top:42px}.carousel-footnote{font-size:10px}.brand-only .brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="full"]) .carousel-arrow{transition:none}}

/* Continuous conveyor: native scrolling, no snap or return jump. */
.examples-section .examples-grid.carousel-track{scroll-snap-type:none;overflow-anchor:none}
.carousel-track>.example{overflow-anchor:none}
.carousel-loop-label{color:#c4b5fd;font-size:11px;white-space:nowrap}