:root{--px-ink:#f1f2ee;--px-muted:#a9ada9;--px-lime:#c8ff00;--px-line:#ffffff24;--px-bg:#080a09;--px-header-height:114px}html{scroll-padding-top:calc(var(--px-header-height) + 24px)}.px-scope,.px-header{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;line-height:1.5;color:var(--px-ink)}.px-scope *,.px-header *{box-sizing:border-box}.px-scope a,.px-header a{color:inherit;text-decoration:none}.px-scope h1,.px-scope h2,.px-scope h3{color:inherit;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.055em;margin:0}.px-scope h1{font-size:clamp(42px,5.8vw,88px);line-height:1.04}.px-scope h2{font-size:clamp(38px,4.4vw,66px);line-height:1.06}.px-scope h3{font-size:25px;letter-spacing:-.035em;line-height:1.2}.px-scope p{color:var(--px-muted);font-size:16px;line-height:1.75}.px-wrap{width:min(1380px,calc(100% - 96px));margin-inline:auto}.px-section{padding-block:100px}.px-kicker,.px-scope .px-kicker{color:var(--px-lime);font:600 10px/1.6 Arial,sans-serif;letter-spacing:.19em;margin:0 0 28px;text-transform:uppercase}.px-scope .px-lede{font-size:17px;line-height:1.75;max-width:470px}.px-scope .px-note{font-size:12px;line-height:1.7;color:#9ea69f;max-width:660px}.px-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:46px}.px-section-head>p,.px-section-head>div+div{max-width:360px}.px-section-head p{margin-bottom:0}.px-section-head .px-kicker{margin-bottom:24px}.px-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px}.px-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--px-lime);color:#101508!important;min-height:52px;padding:14px 22px;font-size:13px;font-weight:600;border:1px solid var(--px-lime);cursor:pointer}.px-button:hover{background:#e0ff70}.px-button span{font-size:20px;font-weight:400}.px-text-link{display:inline-block;padding:12px 0;border-bottom:1px solid #737b66;font-size:13px}.px-text-link:hover{color:var(--px-lime)}.px-header-section{position:sticky;top:0;z-index:50;align-self:start}.px-header{background:#0b0e0cf5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--px-line)}.px-utility{min-height:31px;display:flex;align-items:center;justify-content:space-between;padding:5px 40px;background:#121611;border-bottom:1px solid #ffffff0d;font-size:9px;letter-spacing:.13em;color:#b7bcb2}.px-utility i{font-style:normal;margin:0 8px;color:var(--px-lime)}.px-utility>div{display:flex;gap:22px;letter-spacing:.03em}.px-nav{max-width:1580px;margin:auto;display:flex;align-items:center;gap:28px;padding:17px 40px;min-height:82px}.px-brand{display:flex;flex-direction:column;flex-shrink:0;width:152px;line-height:1}.px-brand img{display:block;max-width:100%;width:152px;height:auto;max-height:44px;object-fit:contain;object-position:left center}.px-brand strong{font-size:35px;letter-spacing:-3px;font-style:italic}.px-brand strong span{color:var(--px-lime)}.px-brand small{font-size:7px;letter-spacing:.2em;margin-top:6px}.px-desktop-nav{display:flex;gap:25px;align-items:center;margin-right:auto}.px-desktop-nav>a,.px-desktop-nav summary{font-size:12px;white-space:nowrap;padding:12px 0;cursor:pointer}.px-desktop-nav a:hover,.px-desktop-nav a[aria-current],.px-desktop-nav summary:hover{color:var(--px-lime)}.px-product-menu summary{list-style:none;display:flex;gap:9px}.px-product-menu summary::-webkit-details-marker,.px-mobile-menu summary::-webkit-details-marker{display:none}.px-product-menu{position:relative}.px-dropdown{position:absolute;top:46px;left:-20px;width:300px;padding:12px;background:#141915;border:1px solid var(--px-line);box-shadow:0 24px 40px #0008}.px-dropdown a{display:block;padding:12px;border-bottom:1px solid #ffffff0d;font-size:14px}.px-dropdown small{display:block;margin-top:3px;color:#a1aaa0;font-size:11px}.px-dropdown span{float:right}.px-search{display:flex;align-items:center;background:#ffffff06;border:1px solid #ffffff2e;width:230px;flex-shrink:1}.px-search input{background:none;border:0;color:#fff;width:100%;min-width:0;height:40px;padding:0 12px;font-size:12px;border-radius:0;font-family:inherit}.px-search input::placeholder{color:#b0b6ad}.px-search button{background:none;border:0;color:var(--px-lime);padding:10px;cursor:pointer;display:flex}.px-search svg{fill:none;stroke:currentColor;stroke-width:1.5}.px-cart{font-size:12px;white-space:nowrap}.px-cart span{color:var(--px-lime);padding-left:3px}.px-mobile-menu{display:none}.px-header a:focus-visible,.px-header summary:focus-visible,.px-header button:focus-visible,.px-header input:focus-visible,.px-scope a:focus-visible,.px-scope button:focus-visible{outline:2px solid var(--px-lime);outline-offset:5px}.px-hero{position:relative;min-height:740px;background:#020303;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--px-line)}.px-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.px-hero-media img{position:absolute;right:-13%;top:0;width:92%;height:100%;object-fit:cover;object-position:center}.px-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#020303 0%,#020303dd 25%,#02030322 64%,transparent),linear-gradient(0deg,#020303 0%,transparent 24%)}.px-hero-copy{padding-top:130px;padding-bottom:160px;position:relative}.px-hero h1{font-size:clamp(48px,5vw,78px);max-width:760px;letter-spacing:-.065em}.px-hero h1 span{color:#a4ada4}.px-hero .px-lede{max-width:380px;margin-top:28px}.px-hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#a8b0a8;font-size:9px;letter-spacing:.12em}.px-hero-bottom i{color:var(--px-lime);margin:0 14px;font-style:normal}.px-hero-bottom a{color:#f1f2ee;letter-spacing:.05em}.px-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.px-system-card{background:#101410;border:1px solid var(--px-line);overflow:hidden;transition:border-color .25s,transform .25s}.px-system-card:hover{border-color:#d1f34a80;transform:translateY(-4px)}.px-system-copy{padding:24px}.px-system-copy h3{font-size:22px;display:flex;justify-content:space-between;gap:10px}.px-system-copy h3 span{color:var(--px-lime)}.px-system-copy p{font-size:13px;min-height:46px;margin:13px 0 22px}.px-system-copy small{display:block;font-size:8px;letter-spacing:.1em;color:#bac1b5}.px-material{height:205px;position:relative;background:radial-gradient(ellipse at 50% 90%,#6f7b6a35,transparent 65%),#151b16;overflow:hidden;border-bottom:1px solid var(--px-line)}.px-material b{position:absolute;top:16px;left:18px;font-size:10px;font-weight:400;color:#c7cfc1}.px-material>span{position:absolute;width:42%;height:150px;top:42px;left:28%;border:1px solid #ddeed46b;background:linear-gradient(120deg,#ffffff22,transparent 35%,#ffffff77 75%,#ffffff05);transform:rotate(-28deg) skewY(10deg);border-radius:16px 40px;box-shadow:20px 15px 30px #0005}.px-material>span:nth-child(2){left:35%;top:30px;opacity:.35}.px-material>span:nth-child(3){left:42%;top:18px;opacity:.15}.px-system-color .px-material{background:radial-gradient(ellipse at 50% 80%,#6b404d6b,transparent 75%),#1b171b}.px-system-color .px-material>span{background:linear-gradient(115deg,#270914,#954976 34%,#e9c4b9 53%,#782c50 64%,#230a17);border-color:#d090bb77}.px-system-color .px-material>span:nth-child(2){background:linear-gradient(110deg,#113038,#96cccb,#21474b);opacity:1}.px-system-color .px-material>span:nth-child(3){background:linear-gradient(110deg,#442f12,#e0c88c,#544221);opacity:1}.px-system-tint .px-material>span{border-radius:8px;background:linear-gradient(115deg,#fff2,#000b);border-color:#5d716766}.px-system-tint .px-material>span:nth-child(2){opacity:.8;background:#263b2c66}.px-system-specialty .px-material>span{border-radius:50%;width:130px;height:130px;background:linear-gradient(130deg,#8093a522,#e6fbff77 50%,#22324333);border-color:#a0c9d677}.px-system-specialty .px-material>span:nth-child(2){background:#91c9d833}.px-engineering{padding:100px 0;background:#101510;border-block:1px solid var(--px-line)}.px-engineering-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center}.px-layer-list{margin-top:34px}.px-layer-list button{display:flex;width:100%;gap:16px;text-align:left;border:0;border-top:1px solid var(--px-line);color:var(--px-muted);background:none;padding:17px 0;font:inherit;cursor:pointer}.px-layer-list button>span:first-child{font-size:10px;padding-top:4px;color:#8c9986}.px-layer-list button>span:nth-child(2){flex:1}.px-layer-list strong{display:block;font-size:16px;font-weight:400;color:#e7ede3}.px-layer-list small{display:none;font-size:12px;line-height:1.7;max-width:390px;margin-top:8px}.px-layer-list button[aria-pressed=true] strong,.px-layer-list button[aria-pressed=true]>span:first-child{color:var(--px-lime)}.px-layer-list button[aria-pressed=true] small{display:block}.px-layer-list b{font-size:15px;font-weight:400}.px-diagram{position:relative;min-height:520px;overflow:hidden;background:radial-gradient(ellipse,#52613a33,transparent 65%);border:1px solid #ffffff1a}.px-diagram-label,.px-diagram-bottom{position:absolute;top:24px;left:24px;font-size:9px;letter-spacing:.14em;color:#b4bfae}.px-diagram-bottom{top:auto;bottom:24px;right:24px;display:flex;justify-content:space-between}.px-diagram-bottom i{font-style:normal;color:var(--px-lime)}.px-layer-stack{position:absolute;left:24%;top:30%;width:53%;height:220px;transform:rotateX(52deg) rotate(-30deg);transform-style:preserve-3d}.px-film{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #bed0b177;background:linear-gradient(110deg,#e3eddf33,#ffffff08 48%,#bed0b133);box-shadow:0 14px 35px #0005;transition:transform .6s,border-color .3s,background .3s;border-radius:8px}.px-film span{position:absolute;bottom:14px;left:16px;font-size:10px;letter-spacing:.05em;color:#edf5e6}.px-film-1{transform:translateZ(100px)}.px-film-2{transform:translateZ(30px)}.px-film-3{transform:translateZ(-40px)}.px-film-4{transform:translateZ(-110px);background:#7d8b6e44}.px-film.is-selected{border-color:var(--px-lime);background:linear-gradient(110deg,#d1f34a44,#d1f34a0a,#d1f34a33)}.px-finish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.px-finish-card{display:block;background:#101410;border:1px solid var(--px-line);overflow:hidden}.px-finish-card img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover;transition:transform .5s}.px-finish-card:hover img{transform:scale(1.025)}.px-finish-card>div{padding:24px}.px-finish-card small{color:var(--px-lime);font-size:9px;letter-spacing:.15em}.px-finish-card h3{font-size:22px;margin-top:12px;display:flex;justify-content:space-between;gap:15px}.px-finish-card h3 span{color:var(--px-lime)}.px-next{padding:90px 0;background:linear-gradient(100deg,#1d2818,#101710);border-top:1px solid var(--px-line)}.px-next-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:100px}.px-next-grid p{max-width:490px}.px-next-grid aside{padding-left:50px;border-left:1px solid var(--px-line)}.px-next-grid aside h3{font-size:35px;line-height:1.12}.px-next-grid aside p{font-size:14px}.px-next-grid aside .px-kicker{margin-top:0}.px-next .px-button{margin-top:18px}.px-breadcrumb{font-size:12px;display:inline-block;margin-bottom:50px;color:#c3cdbb!important}.px-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.px-directory>a{position:relative;display:block;overflow:hidden;padding:36px;border:1px solid var(--px-line);background:linear-gradient(135deg,#1d271c,#101310)}.px-directory h2{font-size:32px;display:flex;justify-content:space-between}.px-directory h2 span{color:var(--px-lime)}.px-directory p{font-size:14px}.px-directory img{width:100%;max-height:280px;object-fit:contain;margin-block:20px}.px-directory small{display:block;margin-top:30px;color:var(--px-lime)}.px-help{margin-top:60px;border-top:1px solid var(--px-line);padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.px-collection-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.px-collection-links a{border:1px solid var(--px-line);padding:22px;font-size:15px;display:flex;justify-content:space-between}.px-collection-links span{color:var(--px-lime)}.px-product-guide{padding:22px;margin:25px 0;border:1px solid var(--px-line);background:#131912}.px-product-guide h3{font-size:16px;letter-spacing:0}.px-product-guide dl{margin:15px 0}.px-product-guide dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--px-line);padding:10px 0;font-size:12px}.px-product-guide dd{margin:0;text-align:right}.px-product-guide dt{color:var(--px-muted)}.px-product-guide p{font-size:12px}.px-product-actions{display:grid;gap:12px;margin-block:16px}.px-product-actions .px-button{width:100%}.px-product-actions p{font-size:12px;margin:0}.px-installer-form{margin-top:30px;max-width:650px}.px-installer-form label{display:block;margin:18px 0 6px;font-size:13px}.px-installer-form input,.px-installer-form textarea,.px-installer-form select{display:block;width:100%;background:#121811;border:1px solid #75806b;color:#f1f2ee;border-radius:0;padding:13px;font:inherit;font-size:14px}.px-installer-form textarea{min-height:120px;resize:vertical}.px-installer-form .px-button{margin-top:20px}.px-form-status{padding:18px;border:1px solid var(--px-lime);color:var(--px-lime)}.px-footer{padding:60px 0 24px;border-top:1px solid var(--px-line);background:#080b08}.px-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.px-footer h2{font-size:25px}.px-footer p{font-size:13px;max-width:340px}.px-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:13px}.px-footer nav strong{font-size:10px;letter-spacing:.15em;color:var(--px-lime);font-weight:400;margin-bottom:5px}.px-footer-bottom{margin-top:50px;border-top:1px solid var(--px-line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#9faa98;font-size:11px}.px-footer-bottom>div{display:flex;gap:20px;flex-wrap:wrap}@media(min-width:990px){.product__info-container--sticky{top:calc(var(--px-header-height) + 28px)!important}}@media(max-width:1190px){.px-nav{gap:20px;padding-inline:24px}.px-brand{width:115px}.px-desktop-nav{gap:16px}.px-search{width:200px}.px-utility{padding-inline:24px}.px-wrap{width:calc(100% - 64px)}.px-engineering-grid{gap:45px}.px-system-copy{padding:18px}.px-system-copy h3{font-size:20px}}@media(max-width:990px){.px-nav{display:grid;grid-template-columns:1fr auto auto;gap:10px 20px;padding:12px 20px}.px-brand{width:135px}.px-brand img{max-height:35px}.px-desktop-nav{display:none}.px-search{grid-row:2;grid-column:1/-1;width:100%}.px-search input{height:36px}.px-search button{padding:8px}.px-cart{grid-column:2;grid-row:1}.px-mobile-menu{display:block;grid-column:3;grid-row:1}.px-mobile-menu summary{display:flex;gap:12px;align-items:center;font-size:12px;list-style:none;cursor:pointer;padding:10px 0}.px-mobile-menu nav{position:absolute;top:100%;left:0;right:0;padding:18px 22px 28px;background:#10160f;border-bottom:1px solid var(--px-line);max-height:calc(100dvh - var(--px-header-height));overflow:auto;box-shadow:0 20px 40px #0008}.px-mobile-menu nav a{display:block;padding:13px 0;font-size:16px;border-bottom:1px solid var(--px-line)}.px-mobile-menu small{float:right;font-size:11px;color:#a9b2a4}.px-utility{display:none}.px-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.px-engineering-grid{grid-template-columns:1fr}.px-diagram{min-height:500px}.px-layer-stack{width:48%;left:27%}.px-next-grid{gap:40px}.px-next-grid aside{padding-left:30px}.px-hero{min-height:690px}.px-hero-media img{right:-25%;width:125%;opacity:.85}.px-hero:after{background:linear-gradient(90deg,#020303ee,#02030377 60%,transparent),linear-gradient(0deg,#020303,transparent 45%)}.px-finish-card>div{padding:18px}.px-finish-card h3{font-size:19px}.px-collection-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.px-wrap{width:calc(100% - 40px)}.px-section{padding-block:60px}.px-section-head{display:block;margin-bottom:30px}.px-section-head>p,.px-section-head>div+div{margin-top:24px}.px-scope h1{font-size:44px}.px-scope h2{font-size:40px}.px-scope .px-kicker{font-size:9px;letter-spacing:.13em;margin-bottom:20px}.px-hero{min-height:0;padding-bottom:50px;display:flex;flex-direction:column}.px-hero-copy{padding-top:50px;padding-bottom:0;order:0}.px-hero h1{font-size:43px}.px-hero .px-lede{font-size:15px;max-width:350px}.px-hero-media{position:relative;inset:auto;order:1;height:260px;margin-top:16px;z-index:0}.px-hero-media img{position:static;width:100%;height:100%;object-fit:cover;opacity:1}.px-hero:after{display:none}.px-hero-bottom{position:static;order:2;font-size:8px;padding-top:0}.px-hero-bottom>span{max-width:230px;line-height:2}.px-hero-bottom i{margin:0 6px}.px-hero-bottom a{display:none}.px-actions{gap:16px;margin-top:25px}.px-button{padding:12px 16px;gap:20px;font-size:12px}.px-actions .px-text-link{font-size:12px}.px-system-grid{gap:12px}.px-material{height:150px}.px-material>span{height:115px;top:34px;left:23%;width:48%}.px-system-specialty .px-material>span{width:90px;height:90px}.px-system-copy{padding:17px 12px}.px-system-copy h3{font-size:18px;min-height:43px}.px-system-copy p{font-size:12px;min-height:54px}.px-system-copy small{font-size:7px;line-height:1.7;min-height:25px}.px-engineering{padding-block:60px}.px-diagram{min-height:380px}.px-layer-stack{height:150px;width:50%;left:25%;top:31%}.px-film span{font-size:7px;left:10px;bottom:10px}.px-film-1{transform:translateZ(80px)}.px-film-2{transform:translateZ(25px)}.px-film-3{transform:translateZ(-30px)}.px-film-4{transform:translateZ(-85px)}.px-diagram-label,.px-diagram-bottom{font-size:8px;left:16px;right:16px}.px-finish-grid{grid-template-columns:1fr}.px-finish-card img{aspect-ratio:1.45}.px-finish-card h3{font-size:23px}.px-next{padding-block:60px}.px-next-grid{grid-template-columns:1fr;gap:45px}.px-next-grid aside{padding:30px 0 0;border-left:0;border-top:1px solid var(--px-line)}.px-next-grid aside h3{font-size:30px}.px-directory{grid-template-columns:1fr}.px-directory>a{padding:25px}.px-directory h2{font-size:29px}.px-help{display:block}.px-collection-links a{padding:16px;font-size:13px}.px-footer{padding-top:40px}.px-footer-grid{grid-template-columns:1fr 1fr;gap:30px}.px-footer-grid>div{grid-column:1/-1}.px-footer-bottom{display:block}.px-footer-bottom>div{margin-top:16px}.px-breadcrumb{margin-bottom:32px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.px-layer-stack{animation:px-float 9s ease-in-out infinite}@keyframes px-float{50%{transform:translateY(-9px) rotateX(52deg) rotate(-28deg)}}}@media(prefers-reduced-motion:reduce){.px-scope *,.px-scope *:before,.px-scope *:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}body{display:flex;flex-direction:column;min-height:100vh}#MainContent{flex:1}.px-header-section{align-self:stretch;flex-shrink:0;position:sticky;top:0;z-index:50}.ppfi-hero{min-height:clamp(650px,90svh,900px)}.ppfi-hero-content{padding-top:clamp(100px,13vh,165px)}#products,#technology,#ppfi-color-lab,#tint-simulator{scroll-margin-top:20px}.ppfi-motion-controls{flex-wrap:wrap}.ppfi-motion-controls button{min-height:38px}.ppfi-stack-orbit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transform-style:preserve-3d}.ppfi-orbit-range{position:absolute;bottom:104px;left:24px;right:24px;display:flex;align-items:center;gap:12px;color:#b7c1b2;font:10px Arial,sans-serif;letter-spacing:.05em;z-index:5}.ppfi-orbit-range input{flex:1;min-width:0;accent-color:#c8ff00}.ppfi-orbit-range output{min-width:30px}.ppfi-orbit-range label{white-space:nowrap}.ppfi-stack-stage .ppfi-motion-controls{bottom:38px}.ppfi-stack-stage .ppfi-stack-caption{bottom:12px!important;font-size:7px!important}.ppfi-stack-stage:focus-within{outline:1px solid #c8ff0088;outline-offset:3px}.ppfi-catalog-tools{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap}.ppfi-catalog-tools input{padding:14px;background:#101510;border:1px solid #6a745f;color:#fff;font:14px Arial;min-width:260px;max-width:100%;border-radius:0}.ppfi-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.ppfi-catalog-grid article[hidden]{display:none}.ppfi-catalog-grid article{border:1px solid #ffffff26;padding:16px;background:#101510}.ppfi-catalog-grid img{width:100%;height:240px;object-fit:contain}.ppfi-catalog-grid h2{font-size:21px;letter-spacing:-.02em;line-height:1.2;margin-top:16px}.ppfi-catalog-grid .price{margin-top:15px;font-size:12px}.ppfi-catalog-grid small{display:block;color:#a9b39f;font-size:11px;margin-top:9px}.ppfi-catalog-grid .px-text-link{color:#c8ff00}@media(max-width:1190px){.px-desktop-nav{gap:13px}.px-nav{gap:16px}.px-search{width:180px}.ppfi-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.ppfi-orbit-range{bottom:144px;left:16px;right:16px;font-size:9px}.ppfi-stack-stage .ppfi-motion-controls{bottom:48px;gap:7px;left:20px;right:20px}.ppfi-stack-stage .ppfi-motion-controls button{flex:1 1 40%;min-height:34px}.ppfi-stack-stage{min-height:590px!important}.ppfi-stack-orbit{padding-bottom:70px}.ppfi-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ppfi-catalog-grid article{padding:10px}.ppfi-catalog-grid img{height:160px}.ppfi-catalog-grid h2{font-size:17px}.ppfi-catalog-tools input{width:100%}}@media(max-width:749px){.ppfi-architecture .ppfi-stack-stage{min-height:590px!important}}.ppfi-card-scene{height:240px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff26;background:radial-gradient(ellipse at 50% 80%,#1c2920,#080b09 75%)}.ppfi-card-car{position:absolute;top:20px;right:0;bottom:28px;left:0;width:100%;height:calc(100% - 48px);overflow:visible}.ppfi-card-hud{position:absolute;z-index:3;top:18px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;color:#b8c5b3;font:9px/1 Arial;letter-spacing:.12em}.ppfi-card-hud i{width:5px;height:5px;border-radius:50%;background:#c8ff00;box-shadow:0 0 12px #c8ff0070}.ppfi-card-scene-label{position:absolute;bottom:18px;left:16px;right:16px;font:8px/1.4 Arial;letter-spacing:.08em;color:#adbaa6;display:flex;justify-content:space-between}.ppfi-card-scene-label span{color:#c8ff00;font-size:13px}.ppfi-card-clear-cover{transform-origin:1100px 550px;animation:ppfiCardFilm 8s ease-in-out infinite}.ppfi-card-clear-edge{animation:ppfiCardEdge 8s ease-in-out infinite;opacity:.4}.ppfi-card-tint-shade{animation:ppfiCardTint 8s ease-in-out infinite;opacity:.5}.ppfi-card-target{fill:#c8ff0022;stroke:#c8ff00;stroke-width:2;opacity:.15;animation:ppfiCardZone 9s ease-in-out infinite}.ppfi-card-target circle{fill:none;stroke-width:1.5;stroke-dasharray:8 7}.ppfi-card-leader{fill:none}.ppfi-card-target--roof{animation-delay:-6s}.ppfi-card-target--light{animation-delay:-3s}.ppfi-card-color-stage{position:absolute;top:18px;right:0;bottom:35px;left:0}.ppfi-card-color-stage img,.ppfi-card-color-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.ppfi-card-color-stage canvas{opacity:0}.ppfi-card-color-stage.is-ready .ppfi-card-color-blue{animation:ppfiCardColor 12s ease-in-out infinite}.ppfi-card-color-stage.is-ready .ppfi-card-color-violet{animation:ppfiCardColor 12s ease-in-out infinite;animation-delay:-6s}.ppfi-card-palette{position:absolute;bottom:43px;left:16px;display:flex;gap:6px}.ppfi-card-palette i{width:7px;height:7px;border-radius:50%;background:#dc542a}.ppfi-card-palette i:nth-child(2){background:#417e9f}.ppfi-card-palette i:nth-child(3){background:#774b9b}.ppfi-card-motion-note{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.ppfi-card-motion-note small{color:#899783;font:11px/1.5 Arial}.ppfi-card-motion-note button{background:none;color:#c1cbb9;border:1px solid #ffffff30;padding:8px 11px;font:10px/1.4 Arial;cursor:pointer;white-space:nowrap}@keyframes ppfiCardFilm{0%,12%{transform:translateY(-110px) scale(.94);opacity:.2}40%,68%{transform:translateY(0) scale(1);opacity:.6}90%,to{transform:translateY(-110px) scale(.94);opacity:.2}}@keyframes ppfiCardEdge{0%,12%,90%,to{transform:translateY(-110px);opacity:.25}40%,68%{transform:translateY(0);opacity:.8}}@keyframes ppfiCardTint{0%,12%,to{opacity:.08}45%,65%{opacity:.83}}@keyframes ppfiCardZone{0%,8%,34%,to{opacity:.1}14%,28%{opacity:.85}}@keyframes ppfiCardColor{0%,12%,70%,to{opacity:0}25%,55%{opacity:1}}.ppfi-card-scene *{animation-play-state:paused!important}.ppfi-card-scene.is-visible *{animation-play-state:running!important}html.ppfi-motion-paused .ppfi-card-scene *,#products.ppfi-cards-paused .ppfi-card-scene *{animation-play-state:paused!important}@media(max-width:600px){.ppfi-card-scene{height:175px}.ppfi-card-hud{font-size:7px;left:10px;right:10px;top:13px}.ppfi-card-scene-label{font-size:6px;left:10px;right:10px;bottom:13px}.ppfi-card-motion-note{align-items:flex-start}.ppfi-card-motion-note small{font-size:9px}.ppfi-card-motion-note button{font-size:9px;white-space:normal}.ppfi-card-palette{left:10px;bottom:33px}}@media(prefers-reduced-motion:reduce){.ppfi-card-scene *{animation:none!important}.ppfi-card-clear-cover{opacity:.35}.ppfi-card-clear-edge{opacity:.5}.ppfi-card-target{opacity:.45}}.ppfi-clear-panel{transform-box:fill-box;transform-origin:center;animation:ppfiPanelFit 10s cubic-bezier(.4,0,.2,1) infinite;fill-opacity:.32;stroke-opacity:.8}@keyframes ppfiPanelFit{0%,8%{transform:translate(var(--panel-x),var(--panel-y)) rotate(var(--panel-turn));opacity:0}18%,24%{transform:translate(var(--panel-x),var(--panel-y)) rotate(var(--panel-turn));opacity:.8}49%,58%{transform:translate(0) rotate(0);opacity:.9;fill-opacity:.5;stroke-opacity:.9}69%,79%{transform:translate(0) rotate(0);opacity:.45;fill-opacity:.16;stroke-opacity:.45}91%,to{transform:translate(0) rotate(0);opacity:0}}@media(prefers-reduced-motion:reduce){.ppfi-clear-panel{animation:none!important;transform:none;opacity:.5;fill-opacity:.2}}.ppfi-card-scene--specialty{background:radial-gradient(ellipse at 50% 65%,#242927,#090b0a 78%)}.ppfi-card-scene--specialty .ppfi-card-vehicle{filter:grayscale(1) brightness(.63) contrast(1.1)}.ppfi-headlight-yellow{fill:#ffe000;fill-opacity:.62;stroke:#fff15c;stroke-width:1.4;mix-blend-mode:screen}.ppfi-card-scene--specialty .ppfi-card-target--light{fill:#ffdf0026;stroke:#ffe644}.ppfi-specialty-turntable{position:absolute;top:30px;right:0;bottom:30px;left:0;overflow:hidden;background:#090b0a}.ppfi-specialty-turntable canvas{display:block;width:100%;height:100%;object-fit:contain}.ppfi-turntable-step{position:absolute;bottom:2px;left:0;right:0;text-align:center;color:#e9eddf;font:8px/1.3 Arial;letter-spacing:.06em;background:linear-gradient(transparent,#090b0a);padding-top:8px}@media(max-width:600px){.ppfi-specialty-turntable{top:24px;right:0;bottom:23px;left:0}.ppfi-turntable-step{font-size:6px}}.ppfi-turntable-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ppfi-specialty-turntable canvas{position:relative;opacity:0}.ppfi-specialty-turntable.is-drawn canvas{opacity:1}.ppfi-specialty-turntable.is-drawn .ppfi-turntable-fallback{visibility:hidden}.ppfi-card-color-stage.is-ready [data-card-color-display]{opacity:1}.ppfi-card-palette{gap:5px}.ppfi-card-palette i{opacity:.45;transition:opacity .4s,box-shadow .4s}.ppfi-card-palette i.is-active{opacity:1;box-shadow:0 0 0 1px #080b09,0 0 0 2px #d4dec8}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ppfi-navigation.css.map */