/* ThreeUI GalleryHeading / falling-diagonal Canvas2D adaptation.
   Copyright (c) 2026 Meng To. MIT; see licenses/ThreeUI-MIT.txt.
   Original tangent planes and front/text/back composite; normal site headline. */
.video-orbit{--orbit-green:#49b867;position:relative;isolation:isolate;background:#fff;color:#292d2b;padding-block:0 38px}
.video-orbit::before,.video-orbit::after{content:'';position:absolute;width:158px;height:300px;z-index:2;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.52}
.video-orbit::before{left:0;top:85px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 300' fill='none' stroke='%2349b867' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M25 280C128 237 140 198 78 169S12 113 73 80' stroke-dasharray='4 7'/%3E%3Ccircle cx='25' cy='280' r='4' fill='%2349b867' stroke='none'/%3E%3Cpath d='m46 46 32-16 32 16v36L78 98 46 82V46Zm0 0 32 16 32-16M78 62v36M63 38l32 16v13'/%3E%3C/svg%3E")}
.video-orbit::after{right:0;top:240px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 300' fill='none' stroke='%2349b867' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M130 15C27 54 12 100 80 133S146 191 91 231' stroke-dasharray='4 7'/%3E%3Ccircle cx='130' cy='15' r='4' fill='%2349b867' stroke='none'/%3E%3Cpath d='m48 231 30-15 30 15v34l-30 15-30-15v-34Zm0 0 30 15 30-15M78 246v34M63 223l30 15v12'/%3E%3C/svg%3E")}
@media(min-width:700px) and (max-width:1199px){.video-orbit::before,.video-orbit::after{width:110px;height:220px;opacity:.48}.video-orbit::before{left:0;top:25px}.video-orbit::after{right:0;top:210px}}
@media(max-width:699px){.video-orbit::before,.video-orbit::after{display:none}}
.video-orbit [hidden]{display:none!important}
.video-orbit__stage{position:relative;z-index:0;max-width:880px;margin:12px auto 18px;background:#fff;isolation:isolate}
.video-orbit__heading{margin:0;padding:26px 0;text-align:center;font-family:inherit;font-size:clamp(30px,4.3vw,58px);line-height:1.15;letter-spacing:normal;font-weight:700;color:var(--orbit-green)}
.video-orbit__heading span{display:block}
body .video-orbit .video-orbit__heading{color:var(--orbit-green)!important}
.video-orbit__canvas{display:block;width:100%;height:auto;aspect-ratio:1660/1230;max-height:620px;outline-offset:3px;touch-action:pan-y;cursor:grab;background:#fff}
.video-orbit__canvas.is-over-card{cursor:pointer}
.video-orbit__canvas.is-dragging{cursor:grabbing}
.video-orbit[data-orbit-enhanced] .video-orbit__heading{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.video-orbit__controls{display:flex;justify-content:center;align-items:center;gap:18px;max-width:620px;margin:0 auto 17px}
.video-orbit__arrow,.video-orbit__motion{display:inline-grid;place-items:center;background:#fff;border:1px solid #dce5df;color:#303d34;cursor:pointer;font:inherit;line-height:1.2}
.video-orbit__arrow{width:42px;height:42px;padding:0;border-radius:50%;font-size:22px;flex:none}
.video-orbit__motion{min-height:40px;padding:9px 15px;border-radius:30px;font-size:12px;white-space:nowrap}
.video-orbit__arrow:hover,.video-orbit__motion:hover{border-color:var(--orbit-green);color:#26743b}
.video-orbit__position{color:#647269;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.video-orbit :is(button,canvas,a,summary):focus-visible{outline:3px solid var(--orbit-green);outline-offset:4px}
.video-orbit__current{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:720px;margin:0 auto;padding:18px 0;border-top:1px solid #dfe7e1;border-bottom:1px solid #dfe7e1}
.video-orbit__current>div{display:grid;gap:5px;min-width:0}
.video-orbit__current [data-orbit-current-category]{color:#63806a;font-size:12px;line-height:1.5}
.video-orbit__current strong{color:#292d2b;font-size:18px;line-height:1.55;font-weight:650}
.video-orbit__current>a{flex:none;color:#286c3b;font-size:13px;text-decoration:none;border-bottom:1px solid #a1cdae;padding:4px 0}
.video-orbit__hint,.video-orbit__note{margin:12px auto 0!important;max-width:740px;text-align:center;font-size:11px!important;line-height:1.8!important;color:#728078!important}
.video-orbit__hint{letter-spacing:.025em}
.video-orbit__note{margin-top:6px!important}
.video-orbit__catalog{max-width:900px;margin:26px auto 0;border-top:1px solid #e3e9e4}
.video-orbit__catalog summary{padding:17px 0;color:#4c6154;font-size:13px;cursor:pointer}
.video-orbit__fallback{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:4px 0 20px}
.video-orbit__card{display:block;min-width:0;color:inherit;text-decoration:none!important}
.video-orbit__photo{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:7px;background:#edf3ef}
.video-orbit__photo img{display:block;width:100%;height:100%;object-fit:cover}
.video-orbit__card-copy{display:grid;gap:5px;padding-top:12px}
.video-orbit__category{color:#5c8366;font-size:11px;line-height:1.5}
.video-orbit__card-copy strong{font-size:14px;line-height:1.55;color:#292d2b}
.video-orbit__availability{font-size:10px;line-height:1.6;color:#7b857e}
.video-orbit__card-action{font-size:12px;color:#286c3b;padding-top:4px}
.video-orbit-page-heading{padding-block:20px 0;display:flex;align-items:baseline;justify-content:space-between;gap:25px}
.video-orbit-page-heading h1{font-size:30px;line-height:1.4;margin:0}
.video-orbit-page-heading>p{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}
@media(max-width:600px){.video-orbit{padding-block:0 28px}.video-orbit__stage{margin:12px auto 16px}.video-orbit__heading{font-size:clamp(30px,7.7vw,42px)}.video-orbit__canvas{height:275px}.video-orbit__controls{gap:10px;flex-wrap:wrap;margin-bottom:15px}.video-orbit__arrow{width:38px;height:38px;font-size:19px}.video-orbit__motion{font-size:11px;min-height:36px;padding:8px 11px}.video-orbit__position{font-size:10px}.video-orbit__current{gap:16px;padding:15px 0}.video-orbit__current strong{font-size:15px}.video-orbit__current>a{font-size:12px}.video-orbit__hint,.video-orbit__note{font-size:10px!important;text-align:left}.video-orbit__fallback{grid-template-columns:1fr;gap:24px}.video-orbit__catalog{margin-top:20px}.video-orbit-page-heading{display:block;padding-top:20px}.video-orbit-page-heading h1{font-size:26px}.video-orbit-page-heading>p{font-size:11px;margin-top:7px}}
@media(max-width:360px){.video-orbit__canvas{height:235px}.video-orbit__controls{gap:7px}.video-orbit__current strong{font-size:13px}.video-orbit__position{font-size:9px}}
@media(prefers-reduced-motion:reduce){.video-orbit *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}