:root{--header-offset: var(--header-height)}html{scroll-padding-top:calc(var(--header-offset) + 16px)}main>section[id]{scroll-margin-top:0}[hidden]{display:none!important}button,a,input{-webkit-tap-highlight-color:transparent}.button{gap:9px}.button svg{width:18px;height:18px;flex:0 0 auto}.button-secondary{background:transparent;border:1px solid currentColor;color:var(--ink)}.button-secondary:hover{background:#dce7e2}.purchase-boundary a,.faq-list a{color:var(--action);text-decoration:underline;text-underline-offset:3px}.announcement p{white-space:normal;flex-wrap:wrap;justify-content:center}.js [data-reveal]{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.motion-ready [data-reveal]{opacity:0;transform:translateY(16px)}.motion-ready [data-reveal].is-visible,.motion-ready .hero [data-reveal]{opacity:1;transform:none}}.demo-experience{align-items:start}.demo-player{min-width:0;color:#fff}.demo-player .demo-stage,.demo-player .demo-stage.is-portrait{aspect-ratio:16 / 9;width:100%;min-height:0;margin:0}.demo-player .demo-stage video,.demo-player .demo-stage .demo-stage-poster{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#070807}.demo-transport{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;align-items:center;gap:12px;padding-block:12px;border-bottom:1px solid var(--line-dark)}.demo-transport .icon-button{width:44px;height:44px;color:#fff;border-color:#697168}.demo-transport .icon-button:hover{color:#10120f;background:#fff;border-color:#fff}.demo-timeline{display:grid;min-width:0;gap:1px}.demo-timeline input{display:block;width:100%;min-width:0;height:24px;margin:0;accent-color:#d9e568;cursor:pointer}.demo-timeline input:disabled{opacity:.4;cursor:default}.demo-timeline span{font-size:11px;line-height:1.5;color:#c8cfc8;font-variant-numeric:tabular-nums}.demo-caption{min-height:114px;padding-block:16px 8px}.demo-caption p{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0 0 9px;color:#b7d9d0;font-size:11px;font-weight:700}.demo-caption [data-demo-counter]{font-variant-numeric:tabular-nums;color:#bfc6bc}.demo-caption h3{margin:0;min-height:2.7em;font-family:var(--font-sans);font-size:20px;font-weight:550;line-height:1.35;color:#fff}.demo-feedback{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:14px;color:#ffe6d5;padding:12px 0}.demo-feedback button{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:6px 12px;border:1px solid #9d8b80;background:transparent;color:inherit;cursor:pointer}.demo-feedback svg{width:16px;height:16px}.demo-selector{align-self:stretch;min-width:0}.demo-tab,.demo-tab:hover,.demo-tab.is-active{padding-inline:12px}.demo-tab{transition:color .18s ease,background-color .18s ease}.demo-tab img{height:auto;filter:none}.demo-tab.is-active{box-shadow:inset 3px 0 #d9e568}.demo-player:fullscreen{width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto auto;padding:16px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:#070807}.demo-player:fullscreen .demo-stage,.demo-player:fullscreen .demo-stage.is-portrait{aspect-ratio:auto;height:100%;border:0}.demo-player:fullscreen .demo-transport{width:100%;max-width:1100px;margin-inline:auto}.demo-player:fullscreen .demo-caption{width:100%;max-width:1100px;margin-inline:auto;min-height:0;padding-block:8px}.demo-player:fullscreen .demo-caption h3{min-height:0;font-size:16px}.demo-player:fullscreen .demo-caption p{margin-bottom:5px}.process-steps{gap:32px}.process-steps>li,.process-steps>li+li{min-width:0;padding-inline:0;border-left:0}.process-steps>li p{max-width:31ch}.purchase-price span{max-width:38ch;font-size:14px;line-height:1.6}.purchase-highlights{margin-top:22px}.purchase-boundary{font-size:14px}.confidence-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.confidence-heading .eyebrow{margin-bottom:14px}.contact-intro{margin-top:20px;max-width:39ch;font-size:17px;line-height:1.6;color:#42524b}.contact-email{display:inline-block;max-width:100%;margin-top:24px;font-size:19px;font-weight:600;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.contact-feedback{min-height:24px;margin-top:10px;font-size:13px;color:#245e4e}.confidence-items article{min-width:0}.clipboard-fallback{position:fixed;left:0;top:0;width:1px;height:1px;padding:0;opacity:0;font-size:16px}.footer-main{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}.footer-main>*{min-width:0}.footer-main nav a{max-width:100%;overflow-wrap:anywhere}.mobile-buy-bar[hidden]{display:none}.mobile-buy-bar{padding-bottom:max(10px,env(safe-area-inset-bottom))}.demo-transport :focus-visible{outline-color:#d9e568}@media(max-width:1120px){.demo-heading{gap:32px}.confidence-layout{gap:36px}.contact-actions .button{padding-inline:14px}}@media(max-width:900px){.demo-experience{gap:16px}.demo-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;gap:8px;overflow:visible;border:0}.demo-tab,.demo-tab:hover,.demo-tab.is-active{padding:10px}.demo-tab{grid-template-columns:minmax(0,1fr);gap:10px;align-content:start;min-width:0;border:1px solid var(--line-dark)}.demo-tab+.demo-tab{border-left:1px solid var(--line-dark)}.demo-tab img{width:100%;height:auto;aspect-ratio:16 / 9}.demo-tab em{display:none}.demo-tab.is-active{box-shadow:inset 0 -3px #d9e568}.process-steps{gap:28px}.confidence-layout{grid-template-columns:1fr;gap:28px}.confidence-items{gap:0 28px}.confidence-items article:nth-child(2n){padding-left:0;border-left:0}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.footer-brand{grid-column:1 / -1}}@media(max-width:720px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.hero-inner{padding-top:24px}.hero-actions{gap:14px;flex-wrap:wrap;margin-top:16px}.hero-actions .text-action{display:inline-flex;font-size:13px;min-height:44px}.hero-actions .button{min-height:44px;padding-inline:14px}.hero-copy h1{font-size:38px}.hero-lead{font-size:20px}.demo-section.section{padding-block:54px}.demo-heading{gap:18px}.demo-heading>p{font-size:16px}.demo-player .demo-stage,.demo-player .demo-stage.is-portrait{aspect-ratio:1}.demo-transport{gap:8px;padding-block:8px}.demo-caption{min-height:110px;padding-top:14px}.demo-caption h3{font-size:18px;line-height:1.4}.demo-selector{gap:6px}.demo-tab,.demo-tab:hover,.demo-tab.is-active{padding:8px 4px}.demo-tab{gap:8px;min-height:92px}.demo-tab small{display:none}.demo-tab strong{font-size:13px;line-height:1.35;margin:0;text-align:center}.process-steps{gap:0}.process-steps>li,.process-steps>li+li{padding-block:24px}.contact-email{font-size:18px}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact-actions .button{padding-inline:10px;font-size:13px}.contact-intro{font-size:16px}.confidence-items{grid-template-columns:1fr}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.footer-brand{grid-column:1 / -1}.footer-main nav:last-child{display:grid}.footer-main nav strong{font-size:13px}.footer-main nav a{font-size:14px;min-height:32px}.mobile-menu-backdrop{z-index:65}.mobile-menu{max-height:calc(100svh - var(--header-offset) - 20px);overflow-y:auto}}@media(max-width:360px){.hero-copy h1{font-size:35px}.hero-lead{font-size:18px}.hero-actions{gap:8px}.hero-actions .button{font-size:13px;padding-inline:12px}.hero-actions .text-action{font-size:12px;gap:5px}.demo-tab strong{font-size:12px}.contact-actions{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/artpanda-refinements.css.map */