.product-page{--p:calc(100vw / 1040);background:linear-gradient(180deg,#004edf 10%,#022d85 100%);background-attachment:fixed;color:#fff;overflow:hidden}.product-section{display:grid;grid-template-columns:23% minmax(0,1fr);align-items:center;position:relative;min-height:calc(520 * var(--p));background:transparent;border:0}.product-label{padding-left:calc(30 * var(--p));min-width:0}.product-label h2{font-size:calc(26 * var(--p));line-height:1.2;font-weight:700;margin:0;letter-spacing:calc(-.6 * var(--p))}.product-content{padding-right:9%;min-width:0}.section-cutting{grid-template-columns:max-content minmax(0,1fr);gap:calc(24 * var(--p));padding-left:calc(30 * var(--p));min-height:calc(487 * var(--p))}.section-cutting .product-label{padding:0;transform:translateY(calc(-12 * var(--p)))}.section-cutting h2{white-space:nowrap}.cutting-window{width:100%;height:calc(270 * var(--p));overflow:hidden;transform:translateY(calc(-12 * var(--p)));mask-image:none}.cutting-track{display:flex;align-items:center;position:relative;width:max-content;height:100%;animation:product-cutting-right 28s linear infinite;animation-play-state:paused;will-change:transform}.cutting-set{display:flex;align-items:center;flex-shrink:0;gap:calc(36 * var(--p));padding-right:calc(36 * var(--p))}.cutting-card{position:relative;flex:0 0 calc(174 * var(--p));width:calc(174 * var(--p));height:calc(224 * var(--p));margin:0}.cutting-paper{position:relative;width:calc(128 * var(--p));height:100%;background:#fff;z-index:1}.cutting-paper.rounded{border-radius:calc(13 * var(--p))}.cutting-paper.cross-rounded{border-radius:calc(13 * var(--p)) 0 calc(13 * var(--p)) 0}.cutting-paper.vee{clip-path:polygon(0 18%,27% 0,73% 0,100% 18%,100% 100%,0 100%)}.cutting-paper.top-round{border-radius:calc(13 * var(--p)) calc(13 * var(--p)) 0 0}.cutting-paper.corner{border-radius:calc(17 * var(--p)) 0 0 0}.cutting-tag{position:absolute;left:calc(126 * var(--p));top:40%;width:calc(48 * var(--p));height:calc(120 * var(--p));background:linear-gradient(180deg,#ff6028 0%,#ff6028 25%,#ff602800 100%);border-radius:0 calc(10 * var(--p)) 0 0;padding:calc(14 * var(--p)) calc(9 * var(--p));writing-mode:vertical-rl;text-orientation:mixed;font-size:calc(19 * var(--p));font-weight:700;line-height:1.1;color:#fff}.cross-rounded+.cutting-tag{font-size:calc(12 * var(--p));padding-left:calc(15 * var(--p))}.top-round+.cutting-tag,.corner+.cutting-tag{font-size:calc(15 * var(--p))}.is-inview .cutting-track{animation-play-state:running}@keyframes product-cutting-right{from{transform:translateX(calc(-50% + (50 * var(--p))))}to{transform:translateX(calc(50 * var(--p)))}}
.lamination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(32 * var(--p));align-items:center;padding-top:calc(26 * var(--p))}.lamination-card{position:relative;color:#1d2c41;text-align:center;border-radius:calc(15 * var(--p));background:#fff;min-height:calc(350 * var(--p));overflow:visible}.lamination-card h3{position:absolute;top:calc(-23 * var(--p));left:4%;right:4%;height:calc(30 * var(--p));display:grid;place-items:center;margin:0;border-radius:50px;background:var(--orange);color:#fff;font-size:calc(14 * var(--p));font-weight:700}.lamination-copy{min-height:calc(210 * var(--p));padding:calc(55 * var(--p)) calc(22 * var(--p)) calc(20 * var(--p));display:flex;flex-direction:column;justify-content:space-between}.lamination-copy p{font-size:calc(12 * var(--p));line-height:1.55;margin:0}.lamination-copy>span{display:block;color:var(--orange);font-size:calc(10 * var(--p));margin-top:calc(24 * var(--p))}.lamination-sample{height:calc(140 * var(--p));border-radius:0 0 calc(15 * var(--p)) calc(15 * var(--p));background:#004edf;position:relative;overflow:hidden}.doff .lamination-sample{background:#225bc7}.glossy .lamination-sample:after{content:'';position:absolute;inset:-30% auto -30% 0;width:65%;background:linear-gradient(108deg,#fff0 12%,#ffffff15 36%,#ffffff95 50%,#ffffff18 64%,#fff0 88%);transform:translateX(-180%);animation:product-glossy-shine 4.8s ease-in-out infinite;animation-play-state:paused}.is-inview .glossy .lamination-sample:after{animation-play-state:running}@keyframes product-glossy-shine{0%,15%{transform:translateX(-180%)}80%,100%{transform:translateX(330%)}}
.paper-compare{display:grid;grid-template-columns:1fr 1fr;background:#fff;color:#111;border-radius:calc(26 * var(--p));min-height:calc(340 * var(--p));position:relative;margin-top:calc(20 * var(--p))}.paper-column{position:relative;padding:calc(73 * var(--p)) calc(25 * var(--p)) calc(38 * var(--p))}.paper-column+.paper-column:before{content:'';position:absolute;top:calc(46 * var(--p));bottom:calc(40 * var(--p));left:0;width:1px;background:var(--orange)}.paper-column h3{position:absolute;left:20%;right:11%;top:calc(-20 * var(--p));height:calc(40 * var(--p));background:var(--orange);color:#fff;font-size:calc(18 * var(--p));display:grid;place-items:center;border-radius:calc(10 * var(--p));margin:0;font-weight:700;white-space:nowrap}.paper-column dl{margin:0}.paper-column dt{font-size:calc(12 * var(--p));font-weight:700;color:var(--orange);line-height:1.5;margin:0 0 calc(3 * var(--p))}.paper-column dd{font-size:calc(12 * var(--p));line-height:1.55;margin:0 0 calc(27 * var(--p))}.paper-column dd:last-child{margin-bottom:0}.art-shine-window{position:absolute;inset:calc(-20 * var(--p)) 0 0;overflow:hidden;pointer-events:none;border-radius:calc(14 * var(--p));z-index:2}.art-shine-window>span{position:absolute;top:-20%;left:0;height:140%;width:70%;background:linear-gradient(105deg,#fff0 15%,#fff3 35%,#ffffffe8 50%,#fff4 65%,#fff0 85%);transform:translateX(-180%);animation:product-art-shine 5.2s ease-in-out infinite;animation-play-state:paused}.is-inview .art-shine-window>span{animation-play-state:running}@keyframes product-art-shine{0%,18%{transform:translateX(-180%)}78%,100%{transform:translateX(400%)}}
.section-banner{grid-template-columns:18.5% minmax(0,1fr)}.section-banner .product-label h2{white-space:nowrap}.banner-body{display:grid;grid-template-columns:27% minmax(0,1fr);align-items:center;gap:calc(35 * var(--p));height:calc(485 * var(--p));padding-right:4%}.banner-mockup{width:100%;height:calc(480 * var(--p));overflow:hidden}.product-photo{display:block;width:100%;height:100%;overflow:hidden}.banner-scenes{position:relative;width:100%;height:calc(455 * var(--p))}.banner-scene{position:absolute;inset:0;opacity:0;transform:translateY(calc(12 * var(--p)));pointer-events:none;visibility:hidden;transition:opacity .65s ease,transform .65s ease,visibility .65s}.banner-scene.is-current{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.stand-comparison{display:grid;grid-template-columns:1fr 1fr;gap:calc(45 * var(--p));align-items:center;padding-bottom:calc(40 * var(--p))}.stand-card{position:relative;height:calc(375 * var(--p));border:1px solid #ffaf86;border-radius:calc(28 * var(--p));background:#fff;color:#fff;padding:calc(13 * var(--p)) calc(13 * var(--p)) calc(28 * var(--p))}.stand-card h3{font-size:calc(16 * var(--p));line-height:calc(27 * var(--p));margin:0;border-radius:30px;background:var(--blue);color:#fff;text-align:center;font-weight:700}.stand-main-photo{height:calc(237 * var(--p));width:90%;margin:calc(23 * var(--p)) auto 0}.stand-joint{position:absolute;left:50%;bottom:calc(-48 * var(--p));transform:translateX(-50%);width:calc(115 * var(--p));height:calc(115 * var(--p));background:#fff;border:1px solid #ff8f67;border-radius:50%;overflow:hidden}.stand-details{padding:calc(25 * var(--p)) calc(35 * var(--p)) 0}.stand-details h3{font-size:calc(26 * var(--p));font-weight:400;line-height:1.4;margin:0 0 calc(22 * var(--p));position:relative}.stand-details h3:after{content:'';position:absolute;bottom:calc(-5 * var(--p));left:0;width:calc(60 * var(--p));height:calc(3 * var(--p));background:var(--orange)}.stand-details ul{padding:0;margin:0;display:grid;gap:calc(18 * var(--p));list-style:none}.stand-details li{display:grid;grid-template-columns:calc(100 * var(--p)) 1fr;align-items:center;position:relative;height:calc(100 * var(--p));background:var(--blue);border-radius:0 calc(35 * var(--p)) calc(35 * var(--p)) 0}.stand-details li>span{position:absolute;left:calc(-28 * var(--p));width:calc(10 * var(--p));height:calc(10 * var(--p));background:var(--orange);border-radius:50%}.stand-detail-photo{width:100%;height:100%;background:#fff}.stand-details li p{margin:0;font-size:calc(22 * var(--p));line-height:1.3;padding:0 calc(14 * var(--p))}.stand-details li:last-child p{font-size:calc(19 * var(--p))}
.sticker-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(75 * var(--p));padding-right:8%}.sticker-grid h3{text-align:center;font-size:calc(27 * var(--p));line-height:1.2;margin:0 0 calc(32 * var(--p));font-weight:700}.diecut-art{width:100%;aspect-ratio:1;filter:drop-shadow(0 2px 3px #00275922)}.sticker-art-use{display:block;width:100%;height:100%}.kisscut-sheet{display:grid;grid-template-columns:1fr 1fr;gap:calc(7 * var(--p));padding:calc(15 * var(--p));background:white;aspect-ratio:1}.kisscut-static,.sticker-backing,.peel-sticker{aspect-ratio:1;width:100%;border-radius:50%;overflow:hidden}.sticker-backing{background:#ffeb45;box-shadow:inset -2px 2px 4px #85754a33}.peel-sticker{cursor:grab;touch-action:pan-y;filter:drop-shadow(0 1px 2px #84784826)}.peel-sticker:active{cursor:grabbing}.peel-sticker:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.peel-sticker svg{display:block;width:100%;height:100%;overflow:visible}.sticker-grid article>p{font-size:calc(13 * var(--p));line-height:1.35;margin:calc(17 * var(--p)) calc(4 * var(--p)) 0}
.section-color .product-content{padding-right:4.5%}.color-content{padding-top:calc(25 * var(--p));padding-bottom:calc(24 * var(--p))}.color-explanation{position:relative;background:#fff;color:#5a6f8c;border-radius:calc(24 * var(--p));padding:calc(38 * var(--p)) calc(18 * var(--p)) calc(20 * var(--p))}.color-explanation>h3{position:absolute;left:calc(5 * var(--p));top:calc(-8 * var(--p));font-size:calc(14 * var(--p));line-height:1.4;padding:calc(4 * var(--p)) calc(15 * var(--p));border-radius:40px;background:#ff5100;color:white;margin:0;font-weight:700;white-space:nowrap}.color-intro{font-size:calc(14 * var(--p));line-height:1.45;margin:calc(5 * var(--p)) 0 calc(16 * var(--p))}.color-explainer-row{border-top:calc(2 * var(--p)) solid var(--orange);display:grid;grid-template-columns:1fr calc(55 * var(--p));align-items:center;gap:calc(22 * var(--p));padding:calc(18 * var(--p)) calc(175 * var(--p)) calc(14 * var(--p)) 0;margin:0;position:relative}.color-explainer-row:last-child{padding-bottom:calc(6 * var(--p))}.color-explainer-row>div{grid-column:1/-1}.color-explainer-row h4{font-size:calc(25 * var(--p));line-height:1.15;color:#ff5100;margin:0 0 calc(5 * var(--p));font-weight:700;white-space:nowrap}.color-explainer-row h4 span{font-size:calc(10 * var(--p));font-weight:400}.color-explainer-row p{font-size:calc(14 * var(--p));line-height:1.45;margin:0}.color-orbit{position:absolute;right:calc(255 * var(--p));top:calc(20 * var(--p));width:calc(35 * var(--p));height:calc(35 * var(--p));overflow:visible;animation:product-color-orbit 10s linear infinite;animation-play-state:paused;transform-origin:center}.cmyk-orbit{animation-duration:13s;animation-direction:reverse}.is-inview .color-orbit{animation-play-state:running}.rgb-circles,.cmyk-circles{isolation:isolate}.rgb-circles circle{mix-blend-mode:screen}.cmyk-circles circle{mix-blend-mode:multiply}@keyframes product-color-orbit{to{transform:rotate(360deg)}}.color-illustration{display:grid;grid-template-columns:1.8fr 1fr;gap:calc(25 * var(--p));align-items:center;border-radius:calc(24 * var(--p));margin-top:calc(35 * var(--p));padding:calc(22 * var(--p)) calc(16 * var(--p));background:#fff;color:#5a6f8c}.color-illustration>p{font-size:calc(14 * var(--p));line-height:1.45;margin:0}.color-illustration figure{margin:0}.color-illustration figcaption{font-size:calc(10 * var(--p));color:#ff5100;margin:0 0 calc(13 * var(--p))}.color-illustration figure>div{display:grid;grid-template-columns:1fr 1fr;gap:calc(24 * var(--p))}.screen-swatch,.print-swatch{display:grid;place-items:center;height:calc(52 * var(--p));border-radius:calc(8 * var(--p));color:#fff;font-size:calc(10 * var(--p));background:#0051ed}.print-swatch{background:#2457bb}
.product-page.motion-paused .cutting-track,.product-page.motion-paused .art-shine-window>span,.product-page.motion-paused .color-orbit,.product-page.motion-paused .glossy .lamination-sample:after{animation-play-state:paused!important}
@media(max-width:599px){
 .product-page{--p:1px}.product-section{display:block;min-height:0;padding:34px 18px 40px}.product-label{padding:0;margin-bottom:27px}.product-label h2{font-size:21px;line-height:1.25;letter-spacing:-.4px}.product-content{padding-right:0}.section-cutting{display:grid;grid-template-columns:max-content minmax(0,1fr);padding:20px 0 20px 16px;gap:14px;min-height:310px}.section-cutting .product-label{margin:0;transform:translateY(-12px)}.section-cutting h2{font-size:20px}.cutting-window{height:220px;transform:translateY(0)}.cutting-card{width:128px;flex-basis:128px;height:168px}.cutting-paper{width:96px}.cutting-set{gap:24px;padding-right:24px}.cutting-tag{left:94px;width:34px;height:100px;font-size:13px;padding:12px 6px}.cross-rounded+.cutting-tag{font-size:8px;padding-left:10px}.top-round+.cutting-tag,.corner+.cutting-tag{font-size:10px}
 .lamination-grid{display:flex;overflow-x:auto;gap:18px;padding:25px 0 4px;scroll-snap-type:x proximity}.lamination-card{flex:0 0 230px;width:230px;min-height:320px;scroll-snap-align:center}.lamination-card h3{top:-19px;height:29px;font-size:13px}.lamination-copy{min-height:190px;padding:43px 24px 18px}.lamination-copy p{font-size:13px;line-height:1.55}.lamination-copy>span{font-size:10px;margin-top:19px}.lamination-sample{height:130px}
 .paper-compare{min-height:0;margin-top:39px;border-radius:20px}.paper-column{padding:45px 13px 28px}.paper-column h3{left:8%;right:8%;top:-17px;height:34px;font-size:12px;border-radius:7px}.paper-column dt,.paper-column dd{font-size:11px;line-height:1.6}.paper-column dd{margin-bottom:23px}.paper-column+.paper-column:before{top:31px;bottom:28px}.art-shine-window{inset:-17px 0 0;border-radius:8px}
 .banner-body{height:290px;grid-template-columns:30% minmax(0,1fr);gap:12px;padding:0}.banner-mockup{height:280px;align-self:center}.banner-scenes{height:270px}.stand-comparison{gap:12px;padding-bottom:26px}.stand-card{height:208px;border-radius:16px;padding:7px 6px 15px}.stand-card h3{font-size:9px;line-height:20px}.stand-main-photo{width:100%;height:124px;margin-top:17px}.stand-joint{width:58px;height:58px;bottom:-27px}.stand-details{padding:18px 4px 0 13px}.stand-details h3{font-size:17px;line-height:1.4;margin-bottom:20px}.stand-details h3:after{width:45px;height:2px;bottom:-5px}.stand-details ul{gap:12px}.stand-details li{grid-template-columns:58px 1fr;height:62px;border-radius:0 20px 20px 0}.stand-details li>span{left:-11px;width:5px;height:5px}.stand-details li p{font-size:12px;line-height:1.35;padding:0 8px}.stand-details li:last-child p{font-size:11px}
 .sticker-grid{gap:17px;padding:0}.sticker-grid h3{font-size:16px;margin-bottom:20px}.kisscut-sheet{gap:3px;padding:7px}.sticker-grid article>p{font-size:10px;line-height:1.5;margin:12px 0 0}.diecut-art{margin-top:0}
 .section-color .product-content{padding-right:0}.color-content{padding-top:13px;padding-bottom:0}.color-explanation{padding:45px 15px 21px;border-radius:20px}.color-explanation>h3{left:6px;right:6px;top:-10px;text-align:center;font-size:11px;line-height:1.5;padding:7px 8px;white-space:normal}.color-intro{font-size:12px;line-height:1.6;margin:0 0 15px}.product-desktop-break{display:none}.color-explainer-row{padding:17px 42px 17px 0;gap:0;display:block;border-width:1px}.color-explainer-row h4{font-size:22px;line-height:1.3;white-space:normal;margin-bottom:5px}.color-explainer-row h4 span{display:block;font-size:8px;line-height:1.5}.color-explainer-row p{font-size:11px;line-height:1.6}.color-orbit{right:0;top:23px;width:29px;height:29px}.color-illustration{grid-template-columns:1fr;gap:19px;margin-top:24px;padding:20px 16px;border-radius:20px}.color-illustration>p{font-size:12px;line-height:1.6}.color-illustration figcaption{font-size:10px;margin-bottom:12px}.color-illustration figure>div{gap:16px}.screen-swatch,.print-swatch{height:47px;font-size:11px;border-radius:7px}
 body[data-page="product"] .nav-row{position:absolute;top:88px;height:35px}
}
@media(prefers-reduced-motion:reduce){.banner-scene{transition:none}.cutting-track{transform:translateX(calc(-50% + (50 * var(--p))))}}
