/* Quiet package artwork on the storefront; editable comparisons inside each product. */
body.csps-page .csps .csps-three-card-visual{aspect-ratio:16/9!important;overflow:hidden;position:relative}
.csps .csps-media-tile{position:relative;width:100%;isolation:isolate;background:#111a20;overflow:hidden;border-radius:inherit;line-height:0}
body.csps-page .csps .csps-three-card-visual .csps-media-tile{height:100%}
.csps .csps-media-badge{position:absolute;top:14px;left:14px;z-index:12;display:inline-flex;align-items:center;gap:7px;pointer-events:none;padding:8px 10px;background:#0d151de8;border:1px solid #c7d4dd47;border-radius:8px;color:#f4f4ef;font-size:11px;line-height:1;letter-spacing:.02em;box-shadow:0 3px 16px #0003;backdrop-filter:blur(8px)}
.csps .csps-media-badge svg{width:17px;height:17px;flex:none;color:#ffb16f}
.csps .csps-media-tile .csps-package-comparison,.csps .csps-media-tile .csps-video-comparison,.csps .csps-media-tile .csps-preview-panel{margin:0!important;width:100%!important;max-width:none!important;padding:0!important;border:0!important;border-radius:0!important}
.csps .csps-media-tile .csps-compare-stage{min-height:0!important;width:100%!important;aspect-ratio:3/2!important;border-radius:0!important}
body.csps-page .csps .csps-three-card-visual .csps-media-tile img,.csps .csps-media-tile video{width:100%!important;height:100%!important;object-fit:cover!important;aspect-ratio:auto!important;transform:none!important}
.csps .csps-media-tile .csps-comparison-label{font-size:10px!important;bottom:12px!important;top:auto!important;z-index:5;background:#10202bc7!important;color:#fff!important;padding:6px 8px!important;border-radius:4px!important}
.csps .csps-media-tile .csps-comparison-helper{display:none!important}.csps .csps-media-tile .csps-comparison-handle{width:36px!important;height:36px!important;min-width:0!important;min-height:0!important;line-height:1;color:#11202b!important;background:#f2f1e9!important;border:0!important;box-shadow:0 3px 16px #0004}
.csps .csps-media-tile figcaption{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.csps .csps-media-tile .csps-video-toolbar{position:relative;z-index:15;background:#101820;color:#e9eeee;line-height:1.2;padding:8px!important;gap:8px}.csps .csps-media-tile .csps-video-toolbar button{background:#283744!important;color:#fff!important;border:1px solid #56636a!important;border-radius:5px;font-size:11px;padding:6px 9px}.csps .csps-media-tile .csps-video-toolbar input{min-width:0}
body.csps-native-product #content .csps-native-media-gallery{float:left;width:50%;max-width:none;margin:0 0 40px;position:relative;clear:none}
.csps-native-media-gallery .csps-media-tile{border-radius:18px;border:1px solid #35424b}.csps-native-media-gallery .csps-media-badge{font-size:12px;top:18px;left:18px;padding:10px 12px}.csps-native-media-gallery .csps-media-legend{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.5;color:#b6c2c9;padding:12px 2px}
.csps .csps-fx-preview{position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;aspect-ratio:3/2;padding:40px 32px;background:radial-gradient(ellipse at 80% 25%,#8152ac33,transparent 60%),linear-gradient(135deg,#17242b,#11151e);overflow:hidden;line-height:1;isolation:isolate}
.csps .csps-fx-preview-kicker{font-size:9px;letter-spacing:.25em;color:#b1bec8;margin-bottom:18px}.csps .csps-fx-preview strong{font-size:clamp(36px,4.4vw,62px);font-weight:750;letter-spacing:-.07em;color:#f5f4ef;line-height:1}.csps .csps-fx-preview em{font-style:normal;color:#ffc08b}.csps .csps-fx-preview-total{font-size:14px;letter-spacing:.25em;color:#d3b2ff;margin-top:20px}.csps .csps-fx-preview-note{font-size:11px;color:#bfcbd4;line-height:1.4;margin-top:8px}.csps .csps-fx-preview i{position:absolute;z-index:-1;width:200px;height:200px;right:-60px;top:38px;border:1px solid #b287d1aa;border-radius:50%;box-shadow:0 0 45px #c49af91a,inset 0 0 55px #af69c91c;animation:csps-fx-orbit 10s ease-in-out infinite}.csps .csps-fx-preview i:last-child{right:-28px;top:4px;width:260px;height:260px;animation-delay:-5s;opacity:.5}
@keyframes csps-fx-orbit{0%,100%{transform:translate(0,0)}50%{transform:translate(-35px,20px)}}
@media(max-width:800px){body.csps-native-product #content .csps-native-media-gallery{float:none;width:100%;margin-bottom:26px}.csps .csps-media-badge{top:10px;left:10px;font-size:10px}.csps .csps-fx-preview{padding:38px 26px}.csps .csps-fx-preview strong{font-size:50px}}
@media(prefers-reduced-motion:reduce){.csps .csps-fx-preview i{animation:none}}
.csps .csps-media-tile .csps-video-comparison .csps-compare-stage{aspect-ratio:16/9!important}.csps .csps-media-tile .csps-video-comparison video{object-fit:contain!important}.csps-native-media-gallery .csps-video-comparison{background:#0d151d}
body.csps-page .csps-three-card-visual .csps-media-tile .csps-video-toolbar{position:absolute!important;bottom:0;left:0;right:0;z-index:15}body.csps-page .csps-three-card-visual .csps-video-error{position:absolute;bottom:40px;left:10px;right:10px;background:#2d161b;color:#ffd5d5;padding:8px;font-size:12px;line-height:1.4;z-index:16}
@media(max-width:921px){body.csps-native-product #content .csps-native-media-gallery{float:none;width:100%;margin-bottom:26px}}
.csps .csps-single-video{margin:0!important;width:100%;height:100%;background:#0e171f}.csps .csps-single-video video{display:block;aspect-ratio:16/9;width:100%;height:auto;object-fit:contain!important}.csps-three-card-visual .csps-single-video video{height:100%!important}.csps-native-media-gallery .csps-single-video video{height:auto!important}.csps .csps-media-fx-link{display:block;height:100%;text-decoration:none}
.csps .csps-package-art-link{display:block;width:100%;height:100%;text-decoration:none}
.csps .csps-package-art{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#10151b;border-radius:inherit;line-height:0}
body.csps-page .csps .csps-three-card-visual .csps-package-art img,.csps-native-media-gallery .csps-package-art img{display:block;width:100%!important;height:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;transform:none!important;filter:none!important}
.csps-native-media-gallery .csps-package-art{border:1px solid #35424b;border-radius:18px}
.csps .csps-native-comparison{margin-top:24px}
.csps .csps-native-comparison-title{font-size:12px;font-weight:600;letter-spacing:.06em;color:#e4e7e6;margin:0 0 12px;line-height:1.4}
body.csps-page .csps .csps-three-card-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 18px;border:1px solid #ffc28b;border-radius:9px;background:#ffc28b;color:#152029!important;font-size:13px;font-weight:700;line-height:1.35;text-decoration:none;box-shadow:0 4px 18px #0002;transition:background .2s,box-shadow .2s,transform .2s}
body.csps-page .csps .csps-three-card-link:hover{background:#ffd4ae;border-color:#ffd4ae;box-shadow:0 6px 24px #0004;transform:translateY(-2px)}
body.csps-page .csps .csps-three-card-link svg{width:20px;height:20px;flex:none;transition:transform .2s}
body.csps-page .csps .csps-three-card-link:hover svg{transform:translateX(3px)}
body.csps-page .csps .csps-three-card-link:focus-visible,.csps .csps-package-art-link:focus-visible{outline:3px solid #f7efe5;outline-offset:5px}
@media(max-width:1100px) and (min-width:801px){body.csps-page .csps .csps-three-card-link{width:100%}}
@media(prefers-reduced-motion:reduce){body.csps-page .csps .csps-three-card-link,body.csps-page .csps .csps-three-card-link svg{transition:none}body.csps-page .csps .csps-three-card-link:hover{transform:none}}
.csps .csps-package-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03090f12 20%,#03090f10 35%,#03090fbe 100%);pointer-events:none}
.csps .csps-package-art-title{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:flex;flex-direction:column;gap:8px;color:#fff;line-height:1;text-align:left;text-shadow:0 2px 18px #0007}
.csps .csps-package-art-title small{font-size:9px;font-weight:600;letter-spacing:.24em;color:#f2f1eb!important;line-height:1.1}
.csps .csps-package-art-title strong{font-size:clamp(25px,2.5vw,42px);font-weight:750;letter-spacing:.005em;line-height:1.1;color:#fff!important}
.csps .csps-package-art-fx-poster{background:radial-gradient(ellipse at 70% 35%,#5c3c85,#162234 55%,#0b1320)}
body.csps-page .csps .csps-three-card-visual .csps-package-art-fx-poster img,.csps-native-media-gallery .csps-package-art-fx-poster img{opacity:0!important;visibility:hidden}
.csps .csps-package-art-fx-poster::before{content:"";position:absolute;width:75%;height:190%;left:35%;top:-45%;border:1px solid #c798fb99;border-radius:48%;transform:rotate(30deg);box-shadow:0 0 42px #bd73ed77,inset 0 0 35px #b76ee344;background:linear-gradient(110deg,#875bb818,transparent)}
.csps .csps-package-art-fx .csps-package-art-title strong{letter-spacing:.025em}
@media(max-width:800px){.csps .csps-package-art-title{left:20px;bottom:20px}.csps .csps-package-art-title strong{font-size:32px}.csps .csps-package-art-title small{font-size:8px}}
/* Finished photograph covers already include their own concise typography. */
.csps .csps-package-art:not(.csps-package-art-fx-poster) .csps-package-art-title{display:none}
.csps .csps-package-art:not(.csps-package-art-fx-poster)::after{display:none}

.csps .csps-package-art .csps-media-badge{left:auto;right:12px;top:12px}