/* generated from src/section-orientation-carousel.css — edit that file, not this one */
.orientation-carousel-section,.orientation-carousel-section *{box-sizing:border-box}.orientation-carousel-section.orientation-carousel-section{position:relative;background:var(--oc-bg, #0a0a0b);color:var(--text-on-dark, #f5f5f4);font-family:var(--font-sans, "Helvetica Neue", Helvetica, Arial, sans-serif);scroll-margin-top:var(--nav-height, 48px);box-shadow:0 -1px 0 var(--oc-bg, #0a0a0b),0 1px 0 var(--oc-bg, #0a0a0b)}.orientation-carousel-section .orientation-carousel__inner{position:relative;overflow:hidden;padding:var(--oc-pad-top, 110px) 0 var(--oc-pad-bottom, 110px)}.orientation-carousel-section .orientation-carousel__dotgrid{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,var(--oc-grid-opacity, .06)) 1px,transparent 1.6px);background-size:28px 28px}.orientation-carousel-section .orientation-carousel__content{position:relative;z-index:1;width:100%;max-width:var(--oc-max-width, 1000px);margin:0 auto;padding:0 var(--gutter, 40px)}.orientation-carousel-section .orientation-carousel__header{margin-bottom:44px;text-align:center}.orientation-carousel-section .orientation-carousel__eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:18px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px;line-height:1;letter-spacing:var(--tracking-mono-eyebrow, .22em);text-transform:uppercase;color:var(--text-on-dark-2, rgba(255, 255, 255, .55));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.orientation-carousel-section .orientation-carousel__eyebrow-dot{width:6px;height:6px;border-radius:var(--radius-pill, 99px);background:var(--oc-dot, #0077ed);flex:0 0 auto}.orientation-carousel-section .orientation-carousel__eyebrow-num{color:var(--accent-cool, #0077ed)}.orientation-carousel-section .orientation-carousel__title{margin:0;font-size:clamp(34px,5vw,48px);line-height:1.02;letter-spacing:var(--tracking-h2, -.03em);font-weight:700;color:var(--text-on-dark, #f5f5f4)}.orientation-carousel-section .orientation-carousel__subtext{margin:14px 0 0;font-size:13px;color:#ffffff80}.orientation-carousel-section .orientation-carousel__band-wrap{position:relative;z-index:1;padding:0 var(--gutter, 40px)}.orientation-carousel-section .orientation-carousel__band{position:relative;overflow:hidden;border:1px solid var(--border-dark, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 16px);background:var(--oc-band-bg, #0c0c0e)}.orientation-carousel-section .orientation-carousel__lead{position:absolute;inset:0 auto 0 0;z-index:2;display:flex;align-items:center;gap:10px;padding:0 56px 0 22px;background:linear-gradient(90deg,var(--oc-band-bg, #0c0c0e) 72%,transparent);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px;line-height:1;letter-spacing:var(--tracking-mono-meta, .14em);text-transform:uppercase;color:var(--text-on-dark, #f5f5f4);white-space:nowrap;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.orientation-carousel-section .orientation-carousel__lead-appicon{display:block;width:26px;height:26px;flex:0 0 auto;border-radius:8px}.orientation-carousel-section .orientation-carousel__viewport{overflow:hidden;padding:26px 0;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 0,#000 92%,transparent)}.orientation-carousel-section .orientation-carousel__track{display:flex;width:max-content;animation:oc-marquee var(--oc-duration, 80s) linear infinite;will-change:transform}.orientation-carousel-section.is-paused .orientation-carousel__track{animation-play-state:paused}@media (hover: hover){.orientation-carousel-section[data-oc-pause=true] .orientation-carousel__viewport:hover .orientation-carousel__track{animation-play-state:paused}}@keyframes oc-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.orientation-carousel-section .orientation-carousel__reel{display:flex;align-items:center;gap:var(--oc-gap, 30px);padding-right:var(--oc-gap, 30px)}.orientation-carousel-section .orientation-carousel__group{display:flex;align-items:center;gap:var(--oc-gap, 30px)}.orientation-carousel-section .orientation-carousel__group:before{content:"";width:1px;height:34px;flex:0 0 auto;background:var(--border-dark, rgba(255, 255, 255, .1))}.orientation-carousel-section .orientation-carousel__group-label{display:flex;align-items:center;gap:8px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px;line-height:1;letter-spacing:var(--tracking-mono-meta, .14em);text-transform:uppercase;color:var(--text-on-dark-2, rgba(255, 255, 255, .62));white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.orientation-carousel-section .orientation-carousel__tiles{display:flex;align-items:center;gap:14px}.orientation-carousel-section .orientation-carousel__tile{display:block;flex:0 0 auto}.orientation-carousel-section .orientation-carousel__tile-svg{display:block;width:var(--oc-tile-w, 132px);height:auto;aspect-ratio:124.185 / 75.333}@property --strip{syntax: "<color>"; inherits: true; initial-value: #fff;}@property --tick-1{syntax: "<color>"; inherits: true; initial-value: #b1d5f9;}@property --tick-2{syntax: "<color>"; inherits: true; initial-value: #0277ed;}.orientation-carousel-section.is-sweeping .orientation-carousel__tile-svg{--strip: #919191;--tick-1: #737373;--tick-2: #4d4d4d;transition:--strip .45s var(--ease-out, ease),--tick-1 .45s var(--ease-out, ease),--tick-2 .45s var(--ease-out, ease)}.orientation-carousel-section.is-sweeping .orientation-carousel__tile.is-active .orientation-carousel__tile-svg{--strip: #ffffff;--tick-1: #b1d5f9;--tick-2: #0277ed}@media (hover: hover){.orientation-carousel-section.is-sweeping .orientation-carousel__tile:hover .orientation-carousel__tile-svg{--strip: #ffffff;--tick-1: #b1d5f9;--tick-2: #0277ed}.orientation-carousel-section.is-sweeping .orientation-carousel__viewport:has(.orientation-carousel__tile:hover) .orientation-carousel__tile.is-active:not(:hover) .orientation-carousel__tile-svg{--strip: #919191;--tick-1: #737373;--tick-2: #4d4d4d}}@media (prefers-reduced-motion: reduce){.orientation-carousel-section .orientation-carousel__track{animation:none}.orientation-carousel-section .orientation-carousel__viewport{overflow-x:auto;-webkit-overflow-scrolling:touch}.orientation-carousel-section .orientation-carousel__lead{position:static;justify-content:center;padding:14px var(--gutter, 40px) 0;background:none}.orientation-carousel-section .orientation-carousel__reel+.orientation-carousel__reel{display:none}}@media screen and (max-width: 760px){.orientation-carousel-section .orientation-carousel__inner{padding:var(--oc-pad-top-mobile, 75px) 0 var(--oc-pad-bottom-mobile, 75px)}.orientation-carousel-section .orientation-carousel__content{padding:0 var(--gutter-mobile, 20px)}.orientation-carousel-section .orientation-carousel__header{margin-bottom:34px}.orientation-carousel-section .orientation-carousel__title{font-size:34px}.orientation-carousel-section{--oc-tile-w: 104px;--oc-gap: 22px}.orientation-carousel-section .orientation-carousel__band-wrap{padding:0 var(--gutter-mobile, 20px)}.orientation-carousel-section .orientation-carousel__band{border-radius:var(--radius-sm, 12px)}.orientation-carousel-section .orientation-carousel__lead{position:static;justify-content:center;padding:14px var(--gutter-mobile, 20px) 0;background:none}.orientation-carousel-section .orientation-carousel__lead-appicon{display:none}.orientation-carousel-section .orientation-carousel__viewport{padding:18px 0 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.orientation-carousel-section .orientation-carousel__group:before{height:28px}}