:root{--radius-card:16px;--radius-pill:999px;--space-section:76px;--space-action:32px;--glass-bg:linear-gradient(150deg,#303034b8,#18181ce8);--glass-edge:#ffffff25;--glass-shadow:inset 0 1px 0 #ffffff17,0 4px 16px #0003;--selected-bg:linear-gradient(165deg,#ffca903d,#ff8a282e 42%,#ff6b001a);--selected-edge:#ffc49145;--selected-text:#ffd4b1;--selected-shadow:inset 0 1px 0 #ffe1bd70,inset 0 -1px 0 #d55b0026,0 3px 10px #0003}.btn,.pixelmob-quiz .pixelmob-quiz__button,.clip-toggle,.carousel-controls button,.film-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 22px;border:1px solid var(--glass-edge);border-radius:var(--radius-pill);background:var(--glass-bg);box-shadow:var(--glass-shadow);color:#f5f5f5;font:600 12px/1.4 var(--font);letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .2s,border-color .2s,box-shadow .2s}.btn:hover,.pixelmob-quiz .pixelmob-quiz__button:hover,.clip-toggle:hover,.carousel-controls button:hover,.film-controls button:hover{background:linear-gradient(150deg,#414145cc,#222226ed);border-color:#ffffff50;color:#fff}.btn.primary,.pixelmob-quiz .pixelmob-quiz__result-cta{background:#ea580c;border:1px solid #ff8839;color:#fff;border-radius:var(--radius-pill);box-shadow:inset 0 1px #ffffff29;min-height:44px;font:700 12px/1.4 var(--font);letter-spacing:.04em;text-transform:uppercase}.btn.primary:hover,.pixelmob-quiz .pixelmob-quiz__result-cta:hover{background:#ff6b00;color:#fff;transform:none}.nav .nav-cta{padding:10px 16px;min-height:40px;font-size:10px}.carousel-controls button,.clip-toggle,.film-controls button{font-size:11px;padding:10px 16px;text-transform:none;letter-spacing:0}button:disabled{opacity:.5;cursor:default}:where(a,button,summary,input):focus-visible{outline:2px solid #ffc28a;outline-offset:4px}.actions,.watch-all{margin-top:var(--space-action)}.tabs,.jumpbar{background:linear-gradient(135deg,#242428b3,#121214c9);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:var(--radius-pill);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);isolation:isolate;padding:6px;gap:4px}.tabs{position:relative;display:inline-flex;flex-wrap:wrap;max-width:100%}.tabs button,.jumpbar a{position:relative;z-index:1;border:1px solid transparent;border-radius:var(--radius-pill);color:#ccc;background:transparent;font:500 12px/1.4 var(--font);padding:11px 16px;min-height:40px;white-space:nowrap}.tabs button:hover,.jumpbar a:hover{color:#fff;background:#ffffff0b}.tabs button[aria-pressed=true],.jumpbar a[aria-current=location]{background:var(--selected-bg);border-color:var(--selected-edge);color:var(--selected-text);box-shadow:var(--selected-shadow)}.tabs.has-capsule button[aria-pressed=true],.jumpbar.has-capsule a[aria-current=location]{background:transparent;border-color:transparent;box-shadow:none}.jumpbar-capsule{background:var(--selected-bg);border-color:var(--selected-edge);box-shadow:var(--selected-shadow)}.section{padding:var(--space-section) 0}:is(.video-card,.feature-tile,.scene-card,.topic-card,.app-card,.test-card,.pro-highlights article,.primary-destination,.secondary-destination,.workflow-panel,.pending-media,.more-footage,.dropdown){border-radius:var(--radius-card);border-color:var(--line)}:is(.video-card,.feature-tile,.scene-card,.topic-card,.app-card,.test-card,.pro-highlights article,.primary-destination,.secondary-destination){background:#111113}:is(.faq,.safety-grid,.pro-tool-details,.connection-guide,.more-footage) summary{transition:color .2s}:is(.faq,.safety-grid,.pro-tool-details,.connection-guide,.more-footage) summary:hover{color:var(--selected-text)}:is(.faq,.safety-grid,.pro-tool-details,.connection-guide,.more-footage) details[open]>summary{color:var(--selected-text)}:is(.video-card,.test-card) h3{font-size:21px;line-height:1.3}:is(.video-card,.test-card) p{font-size:13px;line-height:1.65}:is(#watch,.watch-library) .video-face .play{margin:0;background:#151519a8;border-color:#ffffff50;box-shadow:var(--glass-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}:is(#watch,.watch-library) .video-card:hover .play{background:var(--selected-bg);border-color:var(--selected-edge);color:var(--selected-text)}.watch-library-grid .video-card:last-child{margin-right:0}.pixelmob-quiz{--pm-panel:#111113;--pm-card:#171719;--pm-border:#27272a;font-family:var(--font);z-index:auto}.pixelmob-quiz :is(h2,h3){font-family:var(--font);font-weight:700;letter-spacing:-.025em}.pixelmob-quiz :is(.pixelmob-quiz__dialog,.pixelmob-quiz__result-card,.pixelmob-quiz__answer,.pixelmob-quiz__gate-option){border-radius:var(--radius-card)}.pixelmob-quiz :is(.pixelmob-quiz__answer,.pixelmob-quiz__gate-option){background:#111113;border-color:var(--line);transition:background .2s,border-color .2s}.pixelmob-quiz :is(.pixelmob-quiz__answer,.pixelmob-quiz__gate-option):hover{background:#202024;border-color:#ffffff50}.pixelmob-quiz .pixelmob-quiz__gate-option.is-selected{background:var(--selected-bg);border-color:var(--selected-edge);box-shadow:var(--selected-shadow);color:var(--selected-text)}.pixelmob-quiz :is(.pixelmob-quiz__answer,.pixelmob-quiz__gate-option):focus-visible{outline:2px solid #ffc28a;outline-offset:3px}.pixelmob-quiz .pixelmob-quiz__result-cta{padding:14px 24px}.pixelmob-quiz .pixelmob-quiz__progress-track{border-radius:var(--radius-pill);overflow:hidden}@media(max-width:850px){:root{--space-section:56px}.jumpbar{border-radius:24px}}@media(max-width:540px){:root{--space-action:24px}.btn{padding:12px 20px;font-size:11px}.tabs button,.jumpbar a{font-size:11px;padding:10px 12px}.tabs{border-radius:24px}:is(.video-card,.test-card) h3{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.pixelmob-quiz[data-quiz-mode=page],.pixelmob-quiz[data-quiz-mode=page] .pixelmob-quiz__app{background:var(--bg)}.pixelmob-quiz[data-quiz-mode=page] .pixelmob-quiz__dialog{width:min(1360px,100%)}.pixelmob-quiz[data-quiz-mode=page] .pixelmob-quiz__app{padding:64px 5% 76px}.pixelmob-quiz .pixelmob-quiz__page-intro h1{font:700 clamp(36px,4.5vw,60px)/1.12 var(--font);letter-spacing:-.025em}@media(max-width:540px){.pixelmob-quiz[data-quiz-mode=page] .pixelmob-quiz__app{padding:40px 5% 56px}}.storage-stage{display:grid}.storage-stage .storage-panel{grid-area:1/1;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease,visibility .25s;min-width:0;margin:0}.storage-stage .storage-panel.is-selected{visibility:visible;opacity:1;pointer-events:auto}.storage-stage .story-copy{align-self:center}.storage-topic-visual{align-self:center;min-width:0;position:relative;aspect-ratio:16/10;background:#111113;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;display:flex;align-items:center;justify-content:center}.storage-topic-visual img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;border:0;border-radius:0}#home-panel-sources .storage-topic-visual img{object-fit:cover}.storage-topic-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;margin:0;background:#080808e8;color:#aaa;font:10px/1.5 var(--font)}.storage-switcher{margin-top:24px}.storage-switch-hint{font-size:12px;margin:0 0 10px;color:#aaa}.storage-topic-tabs{display:flex;width:100%}.storage-topic-tabs button{flex:1}.backup-diagram{width:100%;padding:24px;display:grid;gap:10px;text-align:center}.backup-diagram .eyebrow{margin:0 0 4px}.backup-location{background:#1c1c20;border:1px solid #ffffff25;border-radius:14px;padding:14px;display:grid;gap:3px}.backup-location small{color:var(--selected-text);font:10px/1.5 var(--mono)}.backup-location strong{font-size:21px;line-height:1.3}.backup-location>span{color:#aaa;font-size:12px}.backup-plus{color:var(--orange);font-size:22px;line-height:1}@media(max-width:850px){.storage-stage .storage-panel{grid-template-columns:1fr;gap:24px}.storage-topic-visual{width:100%;max-width:650px}.storage-topic-tabs button{flex:1 1 40%}}@media(max-width:540px){.storage-topic-tabs button{white-space:normal}.backup-diagram{padding:16px;gap:6px}.backup-location{padding:10px}.backup-location strong{font-size:18px}.storage-topic-visual{aspect-ratio:4/3}}.site-footer{padding-top:64px}.footer-subscribe{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-bottom:56px;border-bottom:1px solid var(--line);margin-bottom:48px}.footer-subscribe .eyebrow{display:block;margin-bottom:18px}.footer-subscribe h2{font-size:clamp(30px,3.2vw,44px);margin-bottom:20px}.footer-subscribe p{font-size:14px;margin:0;max-width:440px}.footer-signup label{display:block;font-size:13px;margin-bottom:10px}.footer-signup-row{display:flex;gap:10px;align-items:stretch}.footer-signup-row input{width:100%;min-width:0;border:1px solid #ffffff30;border-radius:999px;background:#131316;padding:13px 18px;color:#fff;font:14px var(--font)}.footer-signup-row .btn{flex-shrink:0;white-space:nowrap}.footer-signup .footer-consent{font-size:12px;color:#aaa;margin-top:14px}.footer-consent a{text-decoration:underline;text-underline-offset:3px}.footer-signup .footer-preview-note{font-size:11px;color:#bca58f;margin-top:10px}.footer-info-grid{display:grid;grid-template-columns:1fr 1.1fr 1.1fr 1.6fr;gap:36px;margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}.footer-info-grid h3{font-size:14px;font-weight:600;margin-bottom:20px;letter-spacing:0}.footer-info-grid nav a{display:block;font-size:13px;color:#aaa;margin:0 0 12px;line-height:1.6;width:fit-content}.footer-info-grid a:hover{color:var(--selected-text)}.footer-contact p,.footer-contact address{font-size:13px;color:#aaa;line-height:1.7;margin:0 0 16px;font-style:normal}.footer-contact strong{font-weight:500;color:#ddd}.footer-bottom{border-top:1px solid var(--line);margin-top:32px;padding-top:22px;color:#888;font-size:11px;letter-spacing:.04em}@media(max-width:850px){.footer-subscribe{grid-template-columns:1fr;gap:28px}.footer-signup{max-width:600px}.footer-info-grid{grid-template-columns:1fr 1fr;gap:28px}}@media(max-width:540px){.site-footer{padding-top:44px}.footer-subscribe{padding-bottom:36px;margin-bottom:36px}.footer-signup-row{flex-wrap:wrap}.footer-signup-row input{flex:1 1 100%}.footer-info-grid{gap:26px 18px}.footer-info-grid nav a,.footer-contact p,.footer-contact address{font-size:12px}.footer-contact{overflow-wrap:anywhere}}.site-footer{padding-top:36px;padding-bottom:22px}.footer-subscribe{grid-template-columns:1fr 1.25fr;gap:48px;padding-bottom:28px;margin-bottom:0;align-items:start}.footer-brand-compact .brand img{width:170px}.footer-brand-compact>p{margin:14px 0 18px;font-size:13px}.footer-subscribe h2{font-size:26px;line-height:1.2;margin:0 0 8px}.footer-signup .footer-signup-copy{font-size:13px;margin-bottom:16px}.footer-signup label{font-size:12px;margin-bottom:7px}.footer-signup .footer-consent{margin-top:10px;font-size:11px}.footer-signup .footer-preview-note{margin-top:6px}.footer-info-grid{margin-top:0;padding-top:28px;border-top:0;gap:28px}.footer-info-grid h3{margin-bottom:14px}.footer-info-grid nav a{margin-bottom:8px}.footer-contact p,.footer-contact address{margin-bottom:10px}.footer-bottom{margin-top:20px;padding-top:16px}@media(max-width:850px){.footer-subscribe{gap:28px;grid-template-columns:1fr 1.25fr}.footer-signup-row{flex-wrap:wrap}.footer-signup-row input{flex:1 1 100%}}@media(max-width:600px){.footer-subscribe{grid-template-columns:1fr;gap:28px}.footer-info-grid{gap:24px 18px}.footer-brand-compact>p{margin:12px 0 16px}}.nav nav{gap:18px}.about-menu .dropdown{left:auto;right:0;width:250px;grid-template-columns:1fr}.about-menu .dropdown a{font-size:13px;font-weight:500}.about-menu .dropdown-label{display:block;padding:12px 12px 4px;margin-top:4px;border-top:1px solid var(--line);color:#999;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}@media(min-width:851px)and (max-width:1150px){.nav{gap:16px;padding-left:3%;padding-right:3%}.nav .brand img{width:145px}.nav nav{gap:12px;font-size:9px;letter-spacing:0}.nav .nav-cta{font-size:9px;padding:10px 12px}}@media(max-width:850px){.nav nav{gap:0}.about-menu .dropdown{width:auto;position:static}}.page-menu summary>a{display:inline-flex;align-items:center}@media(hover:hover)and (min-width:851px){.feature-menu[open]:before{content:"";position:absolute;top:100%;left:0;right:0;height:24px}}@media(max-width:850px){.page-menu summary{padding:0;gap:0}.page-menu summary>a{flex:1;padding:16px 0}.page-menu summary>span{display:grid;place-items:center;min-width:44px;min-height:44px}}@media(hover:hover)and (min-width:851px){.feature-menu[open]:before{display:none}.feature-menu .dropdown{top:calc(100% + 12px)}.feature-menu .dropdown:before{content:"";position:absolute;left:-1px;right:-1px;top:-14px;height:14px;background:transparent}}.eyebrow{font-family:var(--font);font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none}.topic-banner .eyebrow,.watch-heading .eyebrow{font-size:15px;color:#d1c3b8;letter-spacing:0;text-transform:none}.topic-banner .eyebrow{margin-bottom:20px}.watch-heading .eyebrow{display:block;margin-bottom:16px}@media(max-width:540px){.topic-banner .eyebrow,.watch-heading .eyebrow{font-size:14px}}.nav .dropdown{width:480px;padding:10px;gap:2px 8px;border-radius:14px;background:linear-gradient(140deg,#222225f5,#141416f5);border:1px solid #ffffff20;box-shadow:inset 0 1px #ffffff0a,0 16px 36px #0006;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.nav .dropdown a{position:relative;padding:10px 12px;border-radius:8px;min-height:44px;font:500 13px/1.4 var(--font);color:#eee;transition:background .16s,color .16s}.nav .dropdown strong{font:500 14px/1.4 var(--font);letter-spacing:0}.nav .dropdown a>span{margin-top:3px;font:400 11px/1.45 var(--font);color:#a8a8ae}.nav .dropdown a:hover,.nav .dropdown a:focus-visible{background:#ffffff09;color:#ffb479}.nav .storage-menu .dropdown{width:400px}.nav .storage-menu .dropdown strong{font:500 13px/1.4 var(--font)}.nav .about-menu .dropdown{width:230px}.nav .about-menu .dropdown-label{font:500 11px/1.4 var(--font);letter-spacing:0;text-transform:none;padding:12px 12px 4px;margin-top:4px;color:#909097}@media(max-width:850px){.nav .dropdown,.nav .storage-menu .dropdown,.nav .about-menu .dropdown{position:static;width:auto;margin:0 0 10px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.nav .dropdown a{padding:12px}.nav .dropdown strong{font-size:14px}.nav .dropdown a>span{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pm-preview-design-system.css.map */