/* Oryven's adaptation of the supplied layout and motion reference. */
:root{--oryven-accent:#0aa9a2;--oryven-ink:#1d211f}
.vd-page,.ai-native{overflow:clip}
.vd-page .site-header,.ai-native .site-header{position:fixed;top:20px;left:50%;z-index:120;width:min(calc(100% - 46px),1440px);height:72px;padding:0;transform:translateX(-50%);border:0;border-radius:999px;background:#1e201fee;box-shadow:0 12px 35px #091b1840;backdrop-filter:blur(18px)}
.vd-page .header-inner,.ai-native .header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:6px 7px 6px 28px}
.oryven-brand{display:inline-flex;align-items:center;gap:13px;color:#4bd6c9;font-size:24px;font-weight:700;line-height:.82;letter-spacing:.08em;text-decoration:none}
.oryven-brand>span:last-child{display:grid;gap:6px}.oryven-brand small{color:#b8dfd9;font-size:8px;font-weight:400;letter-spacing:.55em;text-align:center}
.oryven-brand-mark{position:relative;display:block;flex:none;width:28px;height:27px;border:5px solid #2fc8bb;border-radius:50%;transform:rotate(-22deg)}.oryven-brand-mark i{position:absolute;display:block;background:#1e201f}.oryven-brand-mark i:nth-child(1){width:8px;height:13px;left:-5px;top:5px}.oryven-brand-mark i:nth-child(2){width:8px;height:13px;right:-5px;bottom:4px}.oryven-brand-mark i:nth-child(3){width:5px;height:5px;right:0;top:-7px;border-radius:50%;background:#82f2e5}
.site-menu-toggle{display:grid;place-items:center;flex:none;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:#008e87;color:white;cursor:pointer;transition:background .25s,transform .25s}.site-menu-toggle:hover{background:#10aea5;transform:scale(1.04)}.site-menu-toggle:focus-visible,.site-menu-panel a:focus-visible{outline:3px solid #71f4e1;outline-offset:3px}.menu-lines{display:grid;gap:6px}.menu-lines i{display:block;width:25px;height:2px;border-radius:2px;background:white;transition:transform .25s,opacity .25s}.site-menu-toggle[aria-expanded=true] .menu-lines i:first-child{transform:translateY(8px) rotate(45deg)}.site-menu-toggle[aria-expanded=true] .menu-lines i:nth-child(2){opacity:0}.site-menu-toggle[aria-expanded=true] .menu-lines i:last-child{transform:translateY(-8px) rotate(-45deg)}
.site-menu-panel[hidden]{display:none!important}.site-menu-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(480px,calc(100vw - 58px));max-height:calc(100svh - 125px);overflow:auto;padding:25px;border:1px solid #4a5551;border-radius:18px;background:#1d201f;color:white;box-shadow:0 28px 45px #0717115e;animation:menu-drop .28s cubic-bezier(.2,.8,.2,1) both}.site-menu-panel>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 7px;border-bottom:1px solid #ffffff20;color:#f3faf7;font-size:clamp(22px,2.2vw,31px);line-height:1.15;letter-spacing:-.035em}.site-menu-panel>a:hover,.site-menu-sub a:hover{color:#3bd7c8}.site-menu-panel>a>span{color:#7f9d96;font-size:12px;letter-spacing:0}.site-menu-sub{display:flex;flex-wrap:wrap;gap:8px;padding:15px 4px 17px}.site-menu-sub a{padding:8px 12px;border:1px solid #5a726a;border-radius:999px;color:#b9d3ca;font-size:13px}.site-menu-foot{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:23px 4px 4px;color:#9fbab0;font-size:12px}.site-menu-foot a{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:99px;background:var(--oryven-accent);color:white;font-size:13px;white-space:nowrap}@keyframes menu-drop{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
.oryven-intro{display:none}.js .oryven-intro{position:fixed;inset:10px;z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;overflow:hidden;border-radius:18px;background:#1d201f;color:#fff;pointer-events:none;animation:intro-exit 1.7s cubic-bezier(.7,0,.25,1) both}.oryven-intro span{font-size:clamp(70px,15vw,260px);font-weight:400;line-height:.9;letter-spacing:-.075em;background:linear-gradient(180deg,#fff 10%,#babfbd 45%,#3a403f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:intro-type 1.2s ease-out both}.oryven-intro small{color:#63d5c8;font-size:clamp(9px,1vw,13px);letter-spacing:.3em}@keyframes intro-type{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes intro-exit{0%,46%{opacity:1;transform:translateY(0)}99%{opacity:1;transform:translateY(-104%)}100%{opacity:0;visibility:hidden;transform:translateY(-104%)}}
.vd-page .vd-hero{min-height:clamp(780px,100svh,1060px);margin:12px 12px 0;border-radius:20px}.vd-page .vd-hero>img{object-position:center 45%}.vd-page .vd-hero-shade{background:linear-gradient(180deg,#0c232960 5%,#05212890 50%,#0c2e34ce 100%),linear-gradient(90deg,#082b3099,#0d30374d)}.vd-page .vd-hero-inner{display:flex;flex-direction:column;justify-content:space-between;width:min(calc(100% - 90px),1430px);min-height:clamp(780px,100svh,1060px);padding:155px 0 32px}.vd-page .vd-hero-copy{max-width:970px;margin:auto;text-align:center;padding:0}.vd-page .vd-hero-kicker{margin:0 0 23px;color:#a4f2e8;font-size:12px;letter-spacing:.18em}.vd-page .vd-hero h1{max-width:none;margin:0;color:#fff;font-size:clamp(62px,7.2vw,127px);font-weight:400;line-height:.95;letter-spacing:-.065em}.vd-page .vd-hero h1 em{color:#a7f5e8}.vd-page .vd-hero-copy>p:not(.vd-hero-kicker){max-width:690px;margin:27px auto 0;color:#f1f8f5;font-size:clamp(16px,1.2vw,20px);line-height:1.48}.vd-page .vd-hero-actions{justify-content:center;gap:12px;margin-top:28px}.vd-page .vd-button-primary{background:#078f88}.vd-hero-feature{display:grid;grid-template-columns:1fr .9fr;min-height:190px;max-width:1160px;width:100%;margin:60px auto 0;overflow:hidden;border:1px solid #ffffff5e;border-radius:18px;background:#103b3b9e;backdrop-filter:blur(15px);box-shadow:0 22px 45px #0b272668}.vd-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:25px 36px}.vd-feature-copy .vd-mini-label{margin-bottom:12px;color:#9bf4e8;font-size:11px;font-weight:700;letter-spacing:.16em}.vd-feature-copy strong{color:white;font-size:clamp(25px,2.3vw,38px);font-weight:400;line-height:1.06;letter-spacing:-.04em}.vd-feature-copy p{margin:12px 0 0;color:#d3e9e3;font-size:14px}.vd-hero-feature img{width:100%;height:100%;max-height:225px;object-fit:cover;object-position:center 52%}
.vd-page .vd-section{padding-block:clamp(90px,9vw,155px)}.vd-page .vd-section-intro h2{font-size:clamp(44px,5vw,86px);font-weight:400;letter-spacing:-.06em}.vd-page .vd-section-intro p{font-size:clamp(18px,1.5vw,23px)}.vd-about-statement{background:#f3f4f0}.vd-problem-grid article{background:#313a38}.vd-problem-grid article:hover{background:#183d3a;transform:translateY(-4px)}.vd-problem-grid article{transition:background .25s,transform .25s}.vd-page .vd-product-grid{gap:18px}.vd-page .vd-product-art{height:clamp(310px,27vw,435px);background:linear-gradient(180deg,#d8edebc7,#c5dcdbd9),url('assets/oryven-laboratory-journey.webp') center/cover}.vd-page .vd-product:nth-child(2) .vd-product-art{background:linear-gradient(180deg,#d6efebe0,#98d3d1ab),url('assets/oryven-hero-scientist-v2.webp') center/cover}.vd-page .vd-product:nth-child(3) .vd-product-art{background:linear-gradient(180deg,#e3f3f0cf,#a4c7c5cf),url('assets/oryven-solution-workstation.webp') center/cover}.vd-product-art .vd-mock,.vd-product-art .vd-phone{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.vd-product:hover .vd-mock{transform:translateY(-9px) rotate(-1deg)}.vd-product:hover .vd-phone{transform:translateY(-9px)}.vd-page .vd-product-number{letter-spacing:.075em}.vd-page .vd-product h3{font-size:clamp(30px,2.8vw,45px)}.vd-page .vd-preview-note{max-width:810px}.vd-page .vd-showcase-inner{background:#202321}.vd-page .vd-showcase-list{border-color:#a1b6ab50}.vd-page .vd-showcase-list>div:first-child{background:#2c3e39}.vd-page .vd-faq{padding-block:130px}.vd-page .vd-faq-layout{grid-template-columns:1fr;gap:25px;padding:clamp(24px,4vw,60px);border-radius:20px;background:#f2f3f0}.vd-page .vd-faq-heading h2{font-size:clamp(43px,4.5vw,72px)}.vd-page .vd-faq-list details{border:0;background:white}.vd-page .vd-faq-list summary{font-weight:400}.vd-page .vd-contact{min-height:590px}.vd-page .site-footer{position:relative;overflow:hidden;margin:0 12px 12px;border-radius:20px;background:#1c1f1e;color:#ecf2ef}.vd-page .footer-inner{padding-top:74px;align-items:start}.vd-page .site-footer nav a,.vd-page .site-footer p{color:#b6ccc5}.vd-page .footer-bottom{position:relative;z-index:1;color:#9bb7ac}.oryven-footer-wordmark{margin:20px 2% -3vw;color:#eef2ef;font-size:clamp(150px,24vw,410px);line-height:.8;font-weight:400;letter-spacing:-.085em;text-align:center;white-space:nowrap;mask-image:linear-gradient(#000 20%,transparent 92%)}
.vd-product-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-9px 0 18px;color:#536b64;font-size:14px}.vd-product-controls>div{display:flex;gap:8px}.vd-product-controls button{width:42px;height:42px;border:1px solid #7f9990;border-radius:50%;background:white;color:#1b3d36;font-size:21px;cursor:pointer}.vd-product-controls button:hover{background:#dff4ee}.vd-product-controls button:focus-visible{outline:3px solid #0aa9a2;outline-offset:2px}
@media(prefers-reduced-motion:no-preference){.scroll-fade-ready .vd-page [data-scroll-fade] .vd-section-intro,.scroll-fade-ready .vd-page [data-scroll-fade] .vd-about-grid,.scroll-fade-ready .vd-page [data-scroll-fade] .vd-product,.scroll-fade-ready .vd-page [data-scroll-fade] .vd-showcase-left,.scroll-fade-ready .vd-page [data-scroll-fade] .vd-showcase-right,.scroll-fade-ready .vd-page [data-scroll-fade] .vd-workflow-grid,.scroll-fade-ready .vd-page [data-scroll-fade] .vd-ai-inner,.scroll-fade-ready .vd-page [data-scroll-fade] .vd-faq-layout,.scroll-fade-ready .vd-page [data-scroll-fade] .vd-contact-content{opacity:.18;transform:translateY(42px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.scroll-fade-ready .vd-page [data-scroll-fade].is-visible .vd-section-intro,.scroll-fade-ready .vd-page [data-scroll-fade].is-visible .vd-about-grid,.scroll-fade-ready .vd-page [data-scroll-fade].is-visible .vd-product,.scroll-fade-ready .vd-page [data-scroll-fade].is-visible .vd-showcase-left,.scroll-fade-ready .vd-page [data-scroll-fade].is-visible .vd-showcase-right,.scroll-fade-ready .vd-page [data-scroll-fade].is-visible .vd-workflow-grid,.scroll-fade-ready .vd-page [data-scroll-fade].is-visible .vd-ai-inner,.scroll-fade-ready .vd-page [data-scroll-fade].is-visible .vd-faq-layout,.scroll-fade-ready .vd-page [data-scroll-fade].is-visible .vd-contact-content{opacity:1;transform:none}.scroll-fade-ready .vd-page [data-scroll-fade].is-visible .vd-product:nth-child(2){transition-delay:.1s}.scroll-fade-ready .vd-page [data-scroll-fade].is-visible .vd-product:nth-child(3){transition-delay:.2s}}
@media(max-width:900px){.vd-page .site-header,.ai-native .site-header{top:12px;width:calc(100% - 22px);height:65px}.vd-page .header-inner,.ai-native .header-inner{padding:5px 6px 5px 19px}.site-menu-toggle{width:53px;height:53px}.oryven-brand{font-size:20px}.oryven-brand small{font-size:7px}.vd-page .vd-hero-inner{min-height:800px;padding:125px 0 20px}.vd-page .vd-hero h1{font-size:clamp(57px,9vw,82px)}.vd-page .vd-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-page .vd-product:last-child{grid-column:1/-1;max-width:calc(50% - 9px)}.vd-page .vd-product-art{height:340px}}
@media(max-width:700px){.vd-page .vd-hero{min-height:0;margin:7px 7px 0;border-radius:15px}.vd-page .vd-hero>img{object-position:62% center}.vd-page .vd-hero-shade{background:linear-gradient(180deg,#102e39c9 0%,#123740ce 65%,#09272ae6 100%)}.vd-page .vd-hero-inner{width:calc(100% - 28px);min-height:max(700px,100svh);padding:125px 0 15px}.vd-page .vd-hero-copy{width:100%;margin:5px auto 20px}.vd-page .vd-hero-kicker{font-size:10px;line-height:1.5;margin-bottom:17px}.vd-page .vd-hero h1{font-size:clamp(47px,12.5vw,70px)}.vd-page .vd-hero-copy>p:not(.vd-hero-kicker){margin-top:18px;font-size:15px}.vd-page .vd-hero-actions{margin-top:23px;gap:9px}.vd-page .vd-hero-actions .vd-button{min-height:45px;padding:5px 5px 5px 13px;font-size:12px;gap:6px}.vd-page .vd-hero-actions .vd-button>span{width:29px;height:29px}.vd-hero-feature{grid-template-columns:1fr 40%;min-height:140px;margin:20px auto 0;border-radius:13px}.vd-feature-copy{padding:14px}.vd-feature-copy .vd-mini-label{font-size:8px;margin-bottom:5px}.vd-feature-copy strong{font-size:clamp(19px,5vw,25px)}.vd-feature-copy p{font-size:10px;line-height:1.25;margin-top:6px}.vd-hero-feature img{max-height:none}.vd-page .vd-section{padding-block:76px}.vd-page .vd-section-intro h2{font-size:clamp(39px,9.5vw,53px)}.vd-page .vd-section-intro p{font-size:16px}.vd-page .vd-product-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:2px 2px 18px}.vd-page .vd-product,.vd-page .vd-product:last-child{flex:0 0 min(86vw,410px);max-width:none;scroll-snap-align:start}.vd-page .vd-product-art{height:310px}.vd-page .vd-faq{padding-block:70px}.vd-page .vd-faq-layout{width:calc(100% - 14px);padding:23px 13px}.vd-page .vd-contact{margin:0 7px 7px}.vd-page .site-footer{margin:0 7px 7px;border-radius:14px}.vd-page .footer-inner{justify-items:start;padding:42px 0 15px}.vd-page .site-footer nav{justify-content:start}.oryven-footer-wordmark{font-size:28vw;margin:32px 0 10px}.site-menu-panel{top:calc(100% + 9px);width:calc(100vw - 34px);max-height:calc(100svh - 98px);padding:17px}.site-menu-panel>a{font-size:24px;padding:11px 6px}.site-menu-sub{padding:13px 3px}.oryven-intro span{font-size:17vw}}
@media(max-width:390px){.vd-page .vd-hero-inner{min-height:740px}.vd-page .vd-hero-actions{flex-direction:column}.vd-page .vd-hero-actions .vd-button{width:100%;justify-content:space-between}.vd-hero-feature{grid-template-columns:1fr 30%}.vd-feature-copy strong{font-size:19px}.vd-feature-copy p{display:none}}
@media(prefers-reduced-motion:reduce){.js .oryven-intro{display:none}.site-menu-panel{animation:none}.vd-product-art .vd-mock,.vd-product-art .vd-phone{transition:none}}
.vd-page .vd-product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px 2px 16px}.vd-page .vd-product-grid::-webkit-scrollbar{display:none}.vd-page .vd-product,.vd-page .vd-product:last-child{flex:0 0 min(38vw,520px);max-width:none;scroll-snap-align:start}
.vd-about-metric{display:block;margin-bottom:-13px;color:#1c3432;font-size:clamp(90px,12vw,185px);font-weight:400;line-height:.82;letter-spacing:-.09em}.vd-page .vd-about-statement .vd-about-large{max-width:570px;font-size:clamp(32px,3.3vw,54px)}@media(max-width:700px){.vd-about-metric{font-size:98px;margin:22px 0 -4px}.vd-page .vd-about-statement .vd-about-large{font-size:clamp(32px,8vw,44px)}}
@media(max-width:900px){.vd-page .vd-product,.vd-page .vd-product:last-child{flex-basis:56vw}}
@media(max-width:700px){.vd-page .vd-product,.vd-page .vd-product:last-child{flex-basis:min(86vw,410px)}}
/* Keep the supplied corporate artwork intact in both navigation and opening. */
.oryven-brand{height:100%;padding:0;color:inherit}.oryven-brand img{display:block;width:180px;height:54px;object-fit:contain;padding:4px 10px;border-radius:999px;background:#fff}
.js .oryven-intro{gap:19px;animation:intro-exit 1.6s cubic-bezier(.56,.02,.23,1) both}.js .oryven-intro img{display:block;width:min(510px,58vw);height:auto;max-height:210px;object-fit:contain;padding:14px 20px;border-radius:18px;background:#fff;animation:intro-logo-arrive .85s cubic-bezier(.2,.7,.2,1) both}.js .oryven-intro small{font-size:clamp(10px,1vw,13px);letter-spacing:.2em;text-align:center}
@keyframes intro-logo-arrive{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
@keyframes intro-exit{0%,38%{opacity:1;transform:translateY(0)}96%{opacity:1;transform:translateY(-102%)}100%{opacity:0;visibility:hidden;transform:translateY(-102%)}}
.vd-page .vd-hero>img{object-position:center center}.vd-page .vd-hero>video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s ease}.vd-page .vd-hero>video.is-playing{opacity:1}.vd-page .vd-hero-shade{background:linear-gradient(180deg,#08282c79 0%,#061f27ac 56%,#071c20db 100%)}
@media(prefers-reduced-motion:no-preference){.js .vd-page .vd-hero-copy{animation:hero-content-arrive 1s .65s both}.js .vd-page .vd-hero-feature{animation:hero-content-arrive 1.1s .9s both}@keyframes hero-content-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}}
@media(max-width:700px){.oryven-brand img{width:151px;height:46px;padding:3px 8px}.js .oryven-intro img{width:min(82vw,390px);padding:10px 12px}.js .oryven-intro small{max-width:85vw;line-height:1.6;letter-spacing:.12em}.vd-page .vd-hero>img,.vd-page .vd-hero>video{object-position:50% center}.vd-page .vd-hero-shade{background:linear-gradient(180deg,#07232acc 0%,#072731bd 53%,#071c20e6 100%)}}
@media(prefers-reduced-motion:reduce){.js .oryven-intro{display:none}.vd-page .vd-hero>video{display:none}}

/* Original product illustrations: preserve the full artwork and native proportions. */
.vd-page .vd-product .vd-product-art.vd-product-illustration{display:block;height:auto;padding:0;overflow:hidden;background:#fff;border:1px solid #d5e9e7;border-radius:18px}
.vd-product-illustration a,.vd-detail-illustration{display:block;background:#fff;line-height:0}
.vd-product-illustration img,.vd-detail-illustration img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.vd-product-illustration a:focus-visible,.vd-detail-illustration:focus-visible{outline:4px solid #0aa9a2;outline-offset:-4px}
.vd-detail-illustration{overflow:hidden;max-width:680px;margin-inline:auto;border-radius:16px;box-shadow:0 20px 55px #0004}
.vd-page .vd-showcase-inner{align-items:center}
@media(max-width:700px){.vd-page .vd-product,.vd-page .vd-product:last-child{flex-basis:100%}.vd-page .vd-product-grid{gap:18px}.vd-page .vd-showcase-inner{padding-inline:16px}.vd-workspace-caption{font-size:12px;gap:12px;line-height:1.5}.vd-page .vd-preview-note{font-size:14px}.vd-product-illustration a{touch-action:manipulation}}

/* Screen-only presentation of the supplied artwork. */
.vd-page .vd-product .vd-product-art.vd-product-screen-stage{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(310px,29vw,420px);padding:22px;border:1px solid #d3e5e3;border-radius:20px;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#e7f3f1 65%,#d6e9e7 100%);cursor:zoom-in}
.vd-page .vd-product .aurora-stage{background:radial-gradient(ellipse at 50% 50%,#c7eee9,#eff7f6 75%)}
.product-screen{position:relative;display:block;flex:none;width:100%;overflow:hidden;isolation:isolate;border:5px solid #152f36;border-radius:10px;background:#f9ffff;box-shadow:0 18px 38px #17383226;line-height:0}
.product-screen img{display:block;width:100%;height:auto;max-width:none}
.screen-crop img{position:absolute;inset:0;width:1087px;height:1536px;transform-origin:0 0;will-change:auto}
.screen-crop:not(.screen-ready) img{visibility:hidden}
.product-screen.screen-mobile{height:100%;width:auto;border-width:7px;border-radius:25px;box-shadow:0 20px 38px #163b3c30}
.screen-flat{border-width:4px}
.screen-text-button{display:flex;align-items:center;gap:25px;margin-top:17px;padding:0 0 7px;background:none;border:0;border-bottom:1px solid #52766d;color:#294d44;font:inherit;font-size:14px;cursor:zoom-in}
.vd-detail-screen{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.vd-detail-screen .product-screen{border-color:#deeeea;border-width:7px;border-radius:12px}
.vd-workspace-caption button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:zoom-in}
[data-open-screen]:focus-visible{outline:3px solid #0aa9a2;outline-offset:5px}
.screen-viewer{width:min(1300px,calc(100vw - 32px));max-width:none;max-height:calc(100svh - 32px);padding:18px;border:1px solid #d3e5e3;border-radius:18px;background:#f2f7f6;color:#173630;box-shadow:0 30px 100px #0005;overflow:auto}
.screen-viewer::backdrop{background:#071c25e6;backdrop-filter:blur(8px)}
.screen-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.screen-viewer-bar h2{margin:0;font-size:20px;letter-spacing:-.02em}.screen-viewer-bar button{min-height:44px;padding:8px 18px;border:1px solid #9db9b3;border-radius:999px;background:#fff;color:#183b34;font:inherit;cursor:pointer}
.screen-viewer-content{display:flex;justify-content:center;align-items:center;min-width:0;overflow:auto}.screen-viewer-content .product-screen{max-width:1150px;box-shadow:none}.screen-viewer-content .screen-mobile{height:min(75svh,850px);width:auto}.screen-viewer>p{margin:16px 0 0;font-size:13px;color:#58766e}
body:has(.screen-viewer[open]){overflow:hidden}
@media(max-width:700px){.vd-page .vd-product .vd-product-art.vd-product-screen-stage{height:310px;padding:14px}.product-screen{border-width:3px;border-radius:7px}.screen-viewer{width:calc(100vw - 12px);max-height:calc(100svh - 12px);padding:12px;border-radius:13px}.screen-viewer-bar h2{font-size:17px}.screen-viewer-content{justify-content:flex-start}.screen-viewer-content .product-screen:not(.screen-mobile){width:900px;max-width:none;flex-shrink:0}.screen-viewer-content .screen-mobile{margin-inline:auto;height:70svh}.screen-viewer-content{padding-bottom:8px}.screen-viewer>p{font-size:12px}.screen-text-button{min-height:44px}.vd-workspace-caption button{min-height:44px}}
/* Keep the screen's inner dimensions exact when it is resized. */
.product-screen,.product-screen.screen-mobile,.vd-detail-screen .product-screen{border:0;box-shadow:0 0 0 5px #152f36,0 18px 38px #17383226}
.product-screen.screen-mobile{box-shadow:0 0 0 7px #152f36,0 20px 38px #163b3c30}
.vd-detail-screen .product-screen{box-shadow:0 0 0 6px #deeeea,0 20px 50px #0003}
.screen-viewer-content{padding:8px 8px 16px}.screen-viewer-content .product-screen{box-shadow:0 0 0 3px #152f36}
@media(max-width:700px){.screen-viewer-content:has(.screen-mobile){justify-content:center}}