.nav-shell{position:fixed;z-index:20;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 80px);max-width:1320px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:12px 18px 12px 25px;background:#ffffffdb;backdrop-filter:blur(24px);border:1px solid #fff;border-radius:60px;box-shadow:0 5px 28px #3f304512}.nav-shell nav{display:flex;gap:26px;font-size:16px;color:#63616d}.nav-shell nav a{transition:color .25s;white-space:nowrap}.nav-shell nav a:hover{color:#df705b}.cinema-hero{position:relative;padding:145px 40px 50px;isolation:isolate;overflow:hidden}.hero-layout{max-width:1360px;margin:auto;display:grid;grid-template-columns:.78fr 1.5fr;gap:45px;align-items:center}.hero-copy{padding-bottom:50px}.hero-copy h1{font-size:clamp(55px,5.8vw,82px);line-height:1.17;letter-spacing:-.065em;margin:23px 0}.living-text{background:linear-gradient(110deg,#ef8d59,#ee6383 65%,#e99b66);background-clip:text;-webkit-text-fill-color:transparent;background-size:160% 100%;animation:text-light 8s ease-in-out infinite alternate}.hero-copy p{font-size:23px;line-height:1.75}.hero-actions{display:flex;align-items:flex-start;gap:10px;flex-direction:column;margin-top:28px}.hero-actions .quiet-link{padding:13px 7px}.hero-light{position:absolute;inset:0;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 80%,transparent)}.hero-light i{position:absolute;width:750px;height:650px;right:-60px;top:50px;background:radial-gradient(ellipse,#ffd9cc65,transparent 67%);animation:breathe 9s ease-in-out infinite alternate}.hero-light i:nth-child(2){background:radial-gradient(ellipse,#e4dff345,transparent 70%);top:250px;right:280px;animation-delay:-4s}.hero-light i:nth-child(3){width:1100px;height:500px;right:-350px;top:370px;background:radial-gradient(ellipse,#fac3cc45,transparent 70%);animation-delay:-2s}.cinema-product{position:relative;min-width:0}.image-stack{aspect-ratio:var(--shot-ratio,1644/1086);background:#211d1b;border-radius:16px;box-shadow:0 30px 65px -37px #35201a70,0 2px 12px #35201a0a}.image-stack>img{object-fit:contain;transform:none;transition:opacity .65s cubic-bezier(.22,1,.36,1);will-change:auto}.image-stack>img.active{transform:none}.hero-product{box-shadow:0 32px 70px -30px #9b524c55}.sweep-light{display:none}.dock-control{margin-top:22px;gap:14px}.dock-note{text-align:center;font-size:15px;margin-top:12px;color:#7a7477;min-height:25px}.scene-section{width:calc(100% - 100px);max-width:1320px;margin:45px auto 55px;display:grid;gap:55px;align-items:center}.detail-section{grid-template-columns:.8fr 1.4fr}.scene-section h2{font-size:clamp(34px,3.6vw,52px);margin:16px 0 22px;line-height:1.3}.scene-section h2>span{color:#8d8890}.scene-section p{font-size:20px}.scene-section .text-link{margin-top:28px;font-size:16px;color:#9b6558}.detail-picture,.aggregate-picture{min-width:0}.server-section{grid-template-columns:.8fr 1.4fr;gap:55px;margin-top:60px;margin-bottom:65px}.server-copy .tag{color:#b17456}.server-flow{display:flex;align-items:center;position:relative;margin-top:22px;max-width:380px;height:168px}.server-endpoints{display:flex;gap:13px;flex-direction:column;position:relative;z-index:1}.server-endpoints>span{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:16px;background:white;padding:11px 15px;border-radius:14px;box-shadow:0 7px 26px #8b685312;min-width:140px}.server-endpoints .icon{width:22px;height:22px;color:#78ad85}.server-endpoints>span:nth-child(2) .icon{color:#9391c8}.server-endpoints>span:nth-child(3) .icon{color:#d79a6a}.flow-lines{width:135px;height:154px;flex:1;min-width:25px;overflow:visible}.flow-lines path{fill:none;stroke:#ecc5b6;stroke-width:1.7;stroke-dasharray:3 5}.flow-lines circle{fill:#e5a18a}.merge-node{display:block;flex:none;width:70px;height:70px;margin-right:10px;position:relative;filter:drop-shadow(0 9px 17px #31241b20)}.merge-node img{width:100%;height:100%}.section-title{text-align:center}.section-title .tag{margin-bottom:15px}.section-title h2{font-size:clamp(36px,4vw,55px);line-height:1.25}.section-title h2>span{color:#8d8890}.section-title p{font-size:20px;margin-top:20px}.playback-section{max-width:1320px;width:calc(100% - 100px);margin:75px auto 60px}.playback-section>.section-title{margin-bottom:36px}.playback-layout{display:grid;grid-template-columns:1.55fr .78fr;gap:42px;align-items:center}.playback-picture{min-width:0}.playback-options{min-width:0}.play-feature-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.play-feature-tabs button{display:flex;align-items:center;gap:10px;text-align:left;font-size:16px;border-radius:16px;padding:16px 11px;min-height:68px;transition:background .3s,color .3s,box-shadow .3s}.play-feature-tabs button .icon{width:22px;height:22px;color:#96939b;transition:color .3s}.play-feature-tabs button>span:first-of-type{line-height:1.5}.play-feature-tabs button .feature-arrow{margin-left:auto;color:#bbb4b3;font-size:16px;opacity:0}.play-feature-tabs button:hover{background:#f8f6f5}.play-feature-tabs button[aria-pressed=true]{background:#fff0e9;box-shadow:inset 0 0 0 1px #f5dfd4;color:#b05f40}.play-feature-tabs button[aria-pressed=true] .icon{color:#c57552}.play-feature-tabs button[aria-pressed=true] .feature-arrow{opacity:1}.play-feature-copy{min-height:155px;padding:24px 8px 0}.play-feature-copy h3{font-size:25px;letter-spacing:-.025em;line-height:1.4}.play-feature-copy p{font-size:17px;margin-top:13px;line-height:1.65}.scene-caption{font-size:14px;margin-top:18px}.play-lab{display:flex;align-items:center;gap:35px;margin:15px auto 0;padding:18px 30px;max-width:1000px;min-height:150px;border-radius:28px;background:linear-gradient(110deg,#fbf7f4,#faf8fc);overflow:hidden}.lab-caption{font-size:14px;color:#97909a;max-width:130px;line-height:1.8;flex:none}.lab-stage{position:relative;flex:1;height:115px;display:grid;place-items:center;min-width:0}.preview-demo{width:min(100%,580px);position:relative;padding-top:80px}.preview-thumbnail{position:absolute;top:0;left:24%;width:105px;height:69px;overflow:hidden;border-radius:9px;box-shadow:0 5px 14px #2f241d22}.preview-thumbnail img{max-width:none;position:absolute;width:1070px;height:auto;left:-69px;top:-531px}.demo-seek{height:4px;position:relative;background:#ded5d2;border-radius:4px}.demo-seek span{display:block;height:100%;width:32%;background:#dc997c;border-radius:4px}.demo-seek i{position:absolute;top:-4px;left:32%;width:12px;height:12px;background:#fff;border:3px solid #d89172;border-radius:50%}.preview-demo>b{position:absolute;top:89px;left:29%;font-size:13px;font-weight:500;color:#977262}.subtitle-demo{display:grid;gap:7px;text-align:center}.subtitle-demo b{font-size:26px;line-height:1.3;letter-spacing:.02em;font-weight:600}.subtitle-demo span{font-size:17px;color:#887d84;line-height:1.4}.subtitle-demo b,.subtitle-demo span{animation:subtitle-reveal 4s ease-in-out infinite alternate}.subtitle-demo span{animation-delay:.1s}.danmaku-demo{position:relative;width:100%;height:115px;overflow:hidden}.danmaku-demo>span{position:absolute;white-space:nowrap;color:#8e727d;font-size:19px;animation:comment-drift 10s linear infinite;left:100%}.danmaku-demo>span:nth-child(1){top:3px;animation-delay:-2s}.danmaku-demo>span:nth-child(2){top:35px;animation-delay:-6.5s;color:#b78364}.danmaku-demo>span:nth-child(3){top:10px;animation-delay:-8s;color:#7d819e}.mini-heatmap{position:absolute;bottom:4px;left:0;right:0;height:26px;display:flex;align-items:flex-end;gap:3px;overflow:hidden}.mini-heatmap i{flex:1;min-width:2px;border-radius:3px 3px 0 0;height:var(--bar);background:linear-gradient(#edb098,#f8e6dc)}.osd-demo{position:relative;width:100%;height:105px;padding:10px}.mini-badges{display:flex;gap:9px;flex-wrap:wrap}.mini-badges span{font-size:16px;letter-spacing:.03em;color:#9e7669;font-weight:600}.mini-osd{position:absolute;right:4px;top:50px;font-size:17px;line-height:1.6;color:#80777e}.mini-server{position:absolute;left:10px;bottom:4px;font-size:14px;color:#8f8790}.quality-demo{display:flex;align-items:center;gap:26px}.quality-pixel{width:68px;height:68px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;transform:rotate(-8deg);animation:pixel-clarity 4s ease-in-out infinite alternate}.quality-pixel i{border-radius:3px;background:var(--pixel)}.quality-demo strong{display:block;font-size:24px;line-height:1.3}.quality-demo span{font-size:16px;color:#8b7f85;display:block;margin-top:10px}.external-demo{display:flex;align-items:center;gap:22px}.external-demo img{width:54px;height:54px}.external-demo>i{height:1px;background:#ddbeb4;width:100px;position:relative}.external-demo>i:after{content:'';position:absolute;left:0;top:-3px;background:#db967e;width:7px;height:7px;border-radius:50%;animation:route-dot 2.8s ease-in-out infinite}.external-demo>b{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#ece6f5;color:#6b597e;font-size:21px}.external-demo>span{font-size:15px;color:#8f8394}.universe-section{max-width:1240px;width:calc(100% - 100px);margin:65px auto 40px}.universe-section .section-title h2{font-size:clamp(34px,3.5vw,49px)}.universe-tabs{display:flex;justify-content:center;gap:55px;margin:28px 0 10px}.feature-pick{display:flex;flex-direction:column;align-items:center;gap:13px;padding:10px 16px 13px;position:relative}.feature-pick .app-icon{width:68px;height:68px;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;transform:scale(.94)}.feature-pick b{font-size:19px;font-weight:500;color:#8b8590;transition:color .3s}.feature-pick[aria-pressed=true] .app-icon{transform:translateY(-3px) scale(1.05)}.feature-pick[aria-pressed=true] b{color:#28242e}.feature-pick:after{content:'';position:absolute;left:50%;bottom:0;width:4px;height:4px;border-radius:50%;background:#b3a0cf;opacity:0;transition:opacity .35s}.feature-pick[aria-pressed=true]:after{opacity:1}.feature-pick:hover .app-icon{transform:translateY(-5px)}.universe-showcase{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;max-width:1050px;margin:0 auto;--feature-color:#9c7dc9;--feature-soft:#f4effa}.feature-description{padding:20px 0}.feature-description .scene-tag{color:var(--feature-color);font-size:15px;display:block;margin-bottom:13px}.feature-description h3{font-size:29px;line-height:1.4;letter-spacing:-.025em}.feature-description p{font-size:18px;margin-top:16px;min-height:61px}.feature-constellation{height:265px;position:relative;isolation:isolate;pointer-events:none}.feature-constellation:before{content:'';position:absolute;inset:10px 20px;background:radial-gradient(ellipse,var(--feature-soft),transparent 70%);z-index:-1;transition:background .6s}.feature-constellation>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.feature-constellation>svg ellipse,.feature-constellation>svg path{fill:none;stroke:var(--feature-color);stroke-width:.7;opacity:.28;stroke-dasharray:3 8}.feature-constellation>svg ellipse{animation:constellation-travel 30s linear infinite}.constellation-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.constellation-center>.app-icon{height:80px;width:80px;border-radius:26px}.constellation-center .icon{width:39px;height:39px}.orbit-word{position:absolute;font-size:17px;padding:10px 19px;color:var(--feature-color);background:#ffffffd9;box-shadow:0 7px 30px #40304f08;border-radius:24px;animation:float-soft 6s ease-in-out infinite}.word-one{left:7%;top:18%}.word-two{right:4%;top:17%;animation-delay:-2s}.word-three{left:11%;bottom:8%;animation-delay:-3s}.word-four{right:6%;bottom:13%;animation-delay:-5s}.star{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--feature-color);opacity:.5}.star-one{top:8%;left:47%}.star-two{bottom:15%;left:46%}.star-three{top:50%;right:2%}.universe-showcase[data-feature-mode=vod]{--feature-color:#cd9559;--feature-soft:#fff3e6}.universe-showcase[data-feature-mode=live]{--feature-color:#ca7c91;--feature-soft:#fceff4}.universe-showcase[data-feature-mode=collection]{--feature-color:#56a795;--feature-soft:#e7f7f2}.cinema .pro-section{margin-top:25px;padding-top:45px;padding-bottom:25px}.pro-copy h2{font-size:46px}.price-choice{margin-top:25px}.closing{padding-top:45px;padding-bottom:35px}.closing h2{font-size:39px}.site-footer{padding-top:20px}.image-dialog>img{background:transparent}.offstage .flow-lines circle{visibility:hidden}
@keyframes text-light{from{background-position:0% center}to{background-position:100% center}}@keyframes subtitle-reveal{0%,25%{transform:translateY(0);opacity:.78}70%,100%{transform:translateY(-3px);opacity:1}}@keyframes comment-drift{from{transform:translateX(0)}to{transform:translateX(-1000px)}}@keyframes pixel-clarity{from{filter:blur(1.5px);transform:rotate(-8deg)}to{filter:blur(0);transform:rotate(0)}}@keyframes route-dot{0%{transform:translateX(0);opacity:0}20%,80%{opacity:1}100%{transform:translateX(95px);opacity:0}}@keyframes constellation-travel{to{stroke-dashoffset:-220}}@keyframes float-soft{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(min-width:1600px){.hero-layout{grid-template-columns:.75fr 1.5fr}.cinema-hero{padding-top:155px}.hero-copy h1{font-size:86px}}
@media(max-width:1100px){.nav-shell{width:calc(100% - 40px);gap:15px}.nav-shell nav{gap:17px;font-size:14px}.hero-layout{gap:26px;grid-template-columns:.75fr 1.2fr}.hero-copy h1{font-size:59px}.hero-copy p{font-size:20px}.hero-copy .tag{font-size:14px}.hero-actions .cta{font-size:16px;padding-inline:21px}.scene-section{gap:30px;width:calc(100% - 70px)}.scene-section h2{font-size:36px}.scene-section p{font-size:18px}.server-flow{max-width:300px}.server-endpoints>span{font-size:14px;min-width:123px;padding:10px}.merge-node{width:59px;height:59px}.playback-section,.universe-section{width:calc(100% - 70px)}.playback-layout{gap:25px;grid-template-columns:1.3fr .9fr}.play-feature-tabs button{font-size:14px;gap:7px;padding:12px 9px;min-height:58px}.play-feature-tabs button .feature-arrow{display:none}.play-feature-copy h3{font-size:22px}.play-feature-copy p{font-size:16px}.play-feature-copy{min-height:135px}.feature-description h3{font-size:26px}.feature-description p{font-size:17px}.universe-tabs{gap:40px}}
@media(max-width:800px){.nav-shell{top:13px;padding:10px 12px 10px 20px}.nav-shell nav a:not(:last-child){display:none}.nav-shell nav{margin-left:auto}.nav-get{min-height:40px;font-size:14px;padding:9px 14px}.nav-get .icon{width:17px}.cinema-hero{padding:117px 24px 25px}.hero-layout{grid-template-columns:1fr;gap:27px;max-width:680px}.hero-copy{text-align:center;padding:0}.hero-copy h1{font-size:58px;line-height:1.2;margin:17px 0}.hero-copy h1>br{display:none}.hero-copy p{font-size:19px}.hero-copy p>br{display:none}.hero-copy p{max-width:370px;margin:auto}.hero-actions{flex-direction:row;justify-content:center;align-items:center;margin-top:21px;gap:16px}.hero-actions .quiet-link{font-size:15px}.hero-copy .tag{font-size:14px}.hero-light i{right:-450px;top:250px}.scene-section{grid-template-columns:1fr;width:calc(100% - 48px);gap:26px;margin:40px auto;max-width:680px}.scene-section .detail-copy,.server-copy{text-align:center}.scene-section h2{font-size:37px;margin:12px 0 18px}.scene-section h2 br{display:none}.scene-section .text-link{margin-top:19px}.scene-section p{font-size:18px}.server-flow{margin:22px auto 0;width:300px;height:148px}.server-endpoints{text-align:left;gap:9px}.server-endpoints>span{padding:9px 13px}.merge-node{margin-right:0}.server-section{gap:20px}.playback-section{width:calc(100% - 48px);max-width:680px;margin-top:52px}.section-title h2,.universe-section .section-title h2{font-size:37px}.section-title p{font-size:18px;margin-top:16px}.playback-layout{grid-template-columns:1fr;gap:15px}.play-feature-tabs{grid-template-columns:repeat(3,1fr);gap:7px}.play-feature-tabs button{min-height:62px;font-size:15px;justify-content:center;padding:12px 7px}.play-feature-copy{padding:21px 2px 0;min-height:110px;text-align:center}.play-feature-copy h3{font-size:24px}.play-feature-copy p{font-size:17px;margin-top:10px}.play-lab{margin-top:9px;min-height:145px;padding:18px 20px;gap:17px}.lab-caption{font-size:12px;max-width:77px}.lab-stage{height:110px}.universe-section{width:calc(100% - 48px);max-width:680px;margin-top:45px}.universe-tabs{gap:26px;margin-top:23px}.feature-pick{padding-inline:12px}.feature-pick .app-icon{width:61px;height:61px}.feature-pick b{font-size:17px}.universe-showcase{gap:8px}.feature-description h3{font-size:24px}.feature-description p{font-size:16px;min-height:80px}.feature-description .scene-tag{font-size:13px}.feature-constellation{height:240px}.orbit-word{font-size:14px;padding:8px 12px}.constellation-center>.app-icon{width:65px;height:65px;border-radius:21px}.constellation-center .icon{width:34px;height:34px}.cinema .pro-section{margin-top:35px}.pro-copy h2{font-size:36px}}
@media(max-width:500px){.cinema-hero{padding-inline:16px;padding-top:115px}.hero-copy h1{font-size:47px;letter-spacing:-.065em}.hero-copy h1>br{display:block}.hero-copy p{font-size:18px;max-width:285px}.hero-actions{gap:7px}.hero-actions .cta{font-size:15px;padding-inline:17px;gap:8px}.hero-actions .quiet-link{font-size:14px;gap:7px}.hero-actions .icon{width:17px;height:17px}.hero-layout{gap:24px}.image-stack{border-radius:11px}.dock-control{gap:10px;margin-top:16px}.dock-control button{padding:8px 14px}.dock-note{font-size:13px;margin-top:10px}.scene-section{width:calc(100% - 32px);gap:20px}.scene-section h2{font-size:32px}.scene-section h2 br{display:block}.scene-section p{font-size:17px}.scene-section .tag{font-size:13px}.scene-section .text-link{font-size:14px}.playback-section,.universe-section{width:calc(100% - 32px)}.section-title h2,.universe-section .section-title h2{font-size:32px}.section-title h2>span{display:block}.section-title p{font-size:17px}.playback-section>.section-title{margin-bottom:24px}.play-feature-tabs{gap:6px}.play-feature-tabs button{font-size:13px;flex-direction:column;gap:7px;min-height:79px;padding:12px 6px;border-radius:14px}.play-feature-tabs button .icon{width:23px;height:23px}.play-feature-copy h3{font-size:21px}.play-feature-copy p{font-size:15px}.play-feature-copy{min-height:104px}.play-lab{display:block;padding:14px 17px;min-height:154px;border-radius:22px}.lab-caption{font-size:11px;max-width:none;display:block;text-align:center}.lab-stage{height:112px}.preview-demo{max-width:260px}.subtitle-demo b{font-size:21px}.subtitle-demo span{font-size:15px}.mini-badges{gap:8px}.mini-badges span{font-size:13px}.external-demo{gap:15px}.external-demo>i{width:60px}.external-demo>span{font-size:12px}.external-demo img{width:43px;height:43px}.external-demo>b{width:48px;height:48px;font-size:18px}.universe-tabs{gap:3px;justify-content:space-around;margin:21px 0 2px}.feature-pick{padding:8px 8px 11px;gap:10px}.feature-pick .app-icon{width:54px;height:54px;border-radius:18px}.feature-pick .icon{width:29px;height:29px}.feature-pick b{font-size:16px;white-space:nowrap}.universe-showcase{grid-template-columns:1fr;gap:0}.feature-description{text-align:center;padding:18px 5px 0}.feature-description h3{font-size:25px}.feature-description p{font-size:17px;min-height:55px;max-width:290px;margin:14px auto 0}.feature-description .scene-tag{display:none}.feature-constellation{height:213px;max-width:355px;width:100%;margin:0 auto}.feature-constellation .word-three{bottom:10%}.cinema .pro-section{margin-top:13px;padding-top:36px}.closing h2{font-size:32px}.scene-caption{font-size:12px}}
@media(max-width:350px){.hero-copy h1{font-size:43px}.hero-actions{gap:0}.hero-actions .cta{font-size:14px;padding-inline:14px}.hero-actions .quiet-link{font-size:13px}.dock-control>span{font-size:12px}.dock-control button{font-size:13px;padding-inline:13px}.section-title h2,.universe-section .section-title h2{font-size:29px}.server-flow{width:270px}.feature-pick{padding-inline:5px}.feature-pick .app-icon{width:50px;height:50px}.play-feature-tabs button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.flow-lines circle{display:none}.hero-light i{animation:none}.image-stack>img{transition:none}.subtitle-demo b,.subtitle-demo span,.orbit-word,.quality-pixel,.external-demo>i:after{animation:none}.danmaku-demo>span{animation:none;position:relative;left:auto;display:block;top:auto!important;font-size:15px}.mini-heatmap{height:17px}.flow-lines path{stroke-dasharray:none}}
/* Keep the demonstration close to its controls and the page easy to browse. */
.playback-options .play-lab{display:block;min-height:149px;margin:8px 0 0;padding:13px 18px;border-radius:23px}.playback-options .lab-caption{display:block;text-align:center;max-width:none;font-size:11px}.playback-options .lab-stage{height:112px}.playback-options .play-feature-copy{min-height:155px}.playback-options .external-demo{gap:13px}.playback-options .external-demo>i{width:58px}.playback-options .external-demo>span{font-size:12px}.playback-options .external-demo>b{width:51px;height:51px;font-size:18px}.playback-options .external-demo img{width:45px;height:45px}.playback-options .subtitle-demo b{font-size:23px}.playback-options .subtitle-demo span{font-size:14px}.playback-options .quality-demo{gap:18px}.playback-options .quality-demo strong{font-size:22px}.playback-options .quality-demo span{font-size:13px}.playback-options .mini-badges{gap:8px}.playback-options .mini-badges span{font-size:13px}.playback-options .preview-demo>b{left:30%}.cinema .site-footer{margin-top:24px}
@media(min-width:1101px){.cinema-hero{padding-top:130px;padding-bottom:30px}.hero-layout{max-width:1300px;grid-template-columns:.85fr 1.5fr;gap:40px}.scene-section{max-width:1240px;margin-top:38px;margin-bottom:38px}.server-section{margin-top:45px;margin-bottom:45px}.playback-section{max-width:1240px;margin-top:55px;margin-bottom:40px}.universe-section{margin-top:45px;margin-bottom:30px}.playback-section>.section-title{margin-bottom:30px}.dock-control{margin-top:18px}.dock-note{margin-top:9px}}
@media(max-width:1100px) and (min-width:801px){.playback-options .play-feature-copy{min-height:164px}.playback-options .play-lab{min-height:142px;padding-inline:12px}.playback-options .lab-caption{font-size:10px}.playback-options .external-demo>span{display:none}.playback-options .subtitle-demo b{font-size:19px}.playback-options .subtitle-demo span{font-size:12px}.playback-options .quality-demo{gap:12px}.playback-options .quality-pixel{height:54px;width:54px}.playback-options .quality-demo strong{font-size:18px}.playback-options .quality-demo span{font-size:11px}}
@media(max-width:800px){.playback-options .play-feature-copy{min-height:110px}.playback-options .play-lab{max-width:470px;margin:8px auto 0}.playback-options .lab-caption{font-size:12px}.playback-options .lab-stage{height:115px}}
@media(max-width:500px){.playback-options .play-feature-copy{min-height:106px}.playback-options .play-lab{min-height:150px}.playback-options .lab-caption{font-size:11px}.playback-options .subtitle-demo b{font-size:21px}.playback-options .external-demo>span{display:block}.playback-options .external-demo>i{width:50px}.playback-options .mini-badges span{font-size:12px}}
.journal-section{width:calc(100% - 100px);max-width:1240px;margin:55px auto 45px}.journal-section>.section-title{margin-bottom:30px}.journal-section .section-title h2{font-size:clamp(34px,3.5vw,49px)}.journal-layout{display:grid;grid-template-columns:1.55fr .78fr;gap:42px;align-items:center}.journal-picture{min-width:0}.journal-picture .image-stack{background:#1c1b1a}.journal-tabs{display:flex;flex-direction:column;gap:8px}.journal-tabs button{display:flex;align-items:center;gap:13px;min-height:60px;padding:14px 18px;text-align:left;font-size:18px;border-radius:17px;transition:background .3s,color .3s,box-shadow .3s}.journal-tabs button .icon{width:24px;height:24px;color:#92909a;transition:color .3s}.journal-tabs button i{font-style:normal;color:#b48c70;opacity:0;margin-left:auto;font-size:16px}.journal-tabs button:hover{background:#faf7f3}.journal-tabs button[aria-pressed=true]{color:#ab7953;background:#fbf1e5;box-shadow:inset 0 0 0 1px #f0dfc8}.journal-tabs button[aria-pressed=true] .icon{color:#bc8c5e}.journal-tabs button[aria-pressed=true] i{opacity:1}.journal-copy{padding:27px 7px 0;min-height:196px}.journal-copy h3{font-size:27px;letter-spacing:-.025em;line-height:1.45}.journal-copy p{font-size:18px;margin-top:16px;line-height:1.75}.journal-keywords{display:flex;gap:13px;margin-top:24px;font-size:13px;color:#9b938d;flex-wrap:wrap}.journal-keywords span+span:before{content:'·';margin-right:13px;color:#c9b8a7}.tools-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%;max-width:290px;padding:8px}.tools-demo span{display:grid;place-items:center;background:#fff;color:#9a8478;padding:10px;border-radius:12px;font-size:14px;box-shadow:0 2px 10px #4b291907}.preview-thumbnail img.preview-crop{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:cover}.play-feature-tabs button:last-child:nth-child(odd){grid-column:1/-1;justify-content:center}.play-feature-tabs button:last-child:nth-child(odd) .feature-arrow{margin-left:12px}.playback-options .play-feature-copy{min-height:135px}
@media(min-width:801px){.play-feature-tabs button{min-height:56px;padding-block:12px}}
@media(max-width:1100px){.journal-section{width:calc(100% - 70px)}.journal-layout{gap:25px;grid-template-columns:1.3fr .9fr}.journal-copy h3{font-size:23px}.journal-copy p{font-size:17px}.journal-tabs button{font-size:16px;min-height:56px}.journal-keywords{gap:9px;font-size:12px}.journal-keywords span+span:before{margin-right:9px}}
@media(max-width:800px){.journal-section{max-width:680px;width:calc(100% - 48px);margin:45px auto}.journal-layout{grid-template-columns:1fr;gap:22px}.journal-tabs{flex-direction:row;gap:7px}.journal-tabs button{justify-content:center;flex:1;font-size:15px;padding:12px 8px;gap:9px}.journal-tabs button .icon{width:21px;height:21px}.journal-tabs button i{display:none}.journal-copy{text-align:center;min-height:143px;padding-top:23px}.journal-copy h3{font-size:26px}.journal-copy p{font-size:17px;margin-top:13px}.journal-keywords{justify-content:center;margin-top:18px}.playback-options .play-feature-copy{min-height:110px}.play-feature-tabs button:last-child:nth-child(odd){grid-column:auto;justify-content:center}.play-feature-tabs button:last-child:nth-child(3n+1){grid-column:1/-1;flex-direction:row}.play-feature-tabs button:last-child .feature-arrow{display:none}}
@media(max-width:500px){.journal-section{width:calc(100% - 32px);margin-top:38px}.journal-section .section-title h2{font-size:32px}.journal-section>.section-title{margin-bottom:25px}.journal-tabs button{font-size:14px;flex-direction:column;gap:9px;min-height:79px;border-radius:14px}.journal-tabs button .icon{width:24px;height:24px}.journal-copy h3{font-size:24px}.journal-copy p{font-size:16px;max-width:295px;margin-inline:auto}.journal-keywords{font-size:12px;gap:11px}.journal-keywords span+span:before{margin-right:11px}.play-feature-tabs button:last-child:nth-child(3n+1){min-height:52px}}