/* Content-led artwork: a course has a teacher and syllabus; a pack shows its tools. */
.art-composed .art-heading{top:18%;font-size:26cqw;line-height:1;letter-spacing:-.05em}.art-masterclass.art-composed .art-heading{font-size:19cqw;top:22%;white-space:nowrap}.art-studio.art-composed .art-heading{font-size:26cqw;top:17%}.art-templates.art-composed .art-heading{font-size:20.5cqw;top:20%}.art-pritti-bundle.art-composed .art-heading{font-size:26cqw;top:16%}.art-ultimate.art-composed .art-heading{font-size:24cqw;top:17%}
.art-board{position:absolute;left:7.5%;right:7.5%;top:44%;height:38%;z-index:2;transform:perspective(800px) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg));transition:transform .65s cubic-bezier(.2,.8,.2,1);will-change:auto}.card:hover .art-board,.bundle-inner:hover .art-board{translate:0 -4px;transition:transform .18s ease-out,translate .45s cubic-bezier(.2,.8,.2,1)}
.art-board>div{min-width:0;min-height:0}.course-board,.ultimate-board,.studio-board,.pritti-board{display:grid;gap:3cqw}.course-board{grid-template-rows:minmax(0,1fr);grid-template-columns:.78fr 1.22fr;background:#202020;border:1px solid #555;border-radius:2cqw;overflow:hidden;box-shadow:0 4cqw 5cqw #0006;gap:0}
.card-media .product-art .art-board img,.product-art .art-board img{position:static;inset:auto;translate:none;padding:0;max-height:none;width:100%;height:100%;object-fit:contain;filter:none;transform:none;display:block}
.board-portrait{position:relative;overflow:hidden;background:#252525}.card-media .product-art .board-portrait img,.product-art .board-portrait img{object-fit:cover;object-position:50% 22%}.board-portrait>span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#080808);padding:6cqw 2cqw 2cqw;color:#f5f4f1;font-size:2.1cqw;letter-spacing:.1em;line-height:1.2;font-weight:700;text-align:center}.board-syllabus{padding:3.5cqw 3cqw}.board-kicker{display:block;font-size:1.7cqw;letter-spacing:.09em;color:#b0b0b0}.board-syllabus strong{display:block;font-family:var(--font-display);font-size:4.2cqw;line-height:1.12;letter-spacing:-.04em;margin:1.5cqw 0 2cqw}.board-syllabus ul{list-style:none;display:grid;gap:1cqw;font-size:2.2cqw;line-height:1.3;color:#d0d0d0}.board-syllabus li::before{content:'↗';color:#777;margin-right:1.4cqw}
.ultimate-board{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));height:41%;top:42%;gap:2.5cqw}.board-course,.board-templates,.board-fx,.board-plugin{position:relative;overflow:hidden;background:#222;border:1px solid #555;border-radius:1.6cqw;box-shadow:0 2cqw 3cqw #0004}.board-course{grid-row:1/3;display:flex;flex-direction:column}.board-course .board-portrait{height:72%;flex:1}.board-course>b,.board-course>small{padding:0 2cqw;display:block;line-height:1.3}.board-course>b{font-size:3.2cqw;margin-top:1.7cqw;letter-spacing:-.02em}.board-course>small{font-size:2cqw;color:#bbb;margin-bottom:2cqw;margin-top:.5cqw}.board-course .board-portrait>span{font-size:1.5cqw;padding-bottom:1.5cqw}
.board-templates{display:flex;flex-direction:column;justify-content:space-between;padding:2cqw}.board-platform{display:flex;align-items:stretch;justify-content:space-between;gap:3cqw;height:100%;min-height:0}.board-platform>div{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.8cqw}.board-platform b{font-size:1.6cqw;font-weight:600;color:#ccc;white-space:nowrap;letter-spacing:.04em}.card-media .product-art .board-platform img,.product-art .board-platform img{max-height:75%;width:75%;height:65%;flex:1;min-height:0}.board-templates .board-platform{flex:1;height:auto;min-height:0}.board-templates>b{font-size:2.3cqw;line-height:1.2;letter-spacing:.015em;margin-top:1.5cqw}.ultimate-board .board-platform b{display:none}.board-fx{padding:2cqw;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto;gap:.6cqw}.card-media .product-art .board-fx img{height:100%;max-height:8cqw;object-position:left}.board-fx>b{font-size:2.2cqw;line-height:1.2}.board-fx>small{font-size:1.5cqw;color:#bbb;line-height:1.2}
.studio-board{grid-template-rows:minmax(0,1fr);grid-template-columns:.9fr 1.1fr;height:39%;top:44%;gap:2.4cqw}.studio-board .board-platform{flex-direction:column}.studio-board .board-platform>div{min-height:0;flex-direction:row;gap:1cqw}.studio-board .board-platform b{font-size:1.4cqw}.studio-board .board-platform img{width:50%;height:80%;max-height:100%}.studio-board .board-templates>b{font-size:2cqw}.board-suite{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:1.6cqw}.board-plugin{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;padding:1.5cqw}.card-media .product-art .board-plugin img,.product-art .board-plugin img{width:100%;height:75%;min-height:0;object-fit:contain}.board-plugin>span{font-size:1.55cqw;color:#ddd;letter-spacing:.03em;text-align:center;line-height:1.2;white-space:nowrap}.pritti-board{top:44%;height:40%;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:2cqw}.pritti-board .board-plugin{padding:1.5cqw}.pritti-board .board-plugin>span{font-size:1.5cqw}
.template-board{top:44%;height:39%;display:flex;flex-direction:column;gap:2.5cqw}.template-board .board-platform{flex:1;min-height:0;gap:3cqw}.template-board .board-platform>div{background:#222;border:1px solid #555;border-radius:2cqw;padding:3cqw;box-shadow:0 3cqw 4cqw #0005;transition:rotate .5s,translate .5s}.template-board .board-platform b{font-size:2.4cqw}.template-board .board-platform>div:first-child{rotate:-3deg;translate:0 -1cqw}.template-board .board-platform>div:last-child{rotate:3deg;translate:0 1cqw}.card:hover .template-board .board-platform>div{rotate:0deg;translate:0 0}.board-caption{font-size:1.8cqw;color:#bbb;text-align:center;letter-spacing:.06em}
.bundle-inner.has-art{grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr);gap:22px 34px}.bundle-inner.has-art .bundle-art{grid-row:1/3}.bundle-inner.has-art .txt,.bundle-inner.has-art .side{grid-column:2}.bundle-inner.has-art .side{display:flex;flex-wrap:wrap;align-items:center;text-align:left;gap:12px 18px}.bundle-inner.has-art .side .price{margin:0}.bundle-inner.has-art .side .save{width:100%;order:2;margin:0}.bundle-inner.has-art .side .buy{margin:0;flex:1;padding-inline:16px}.bundle-inner.has-art .side .explore-kit{width:100%;margin:0}
.explore-kit{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#1b1b1b;border:1px solid #484848;border-radius:10px;color:#eee;text-align:left;font-family:inherit;font-size:.72rem;font-weight:500;padding:12px 14px;min-height:44px;cursor:pointer;transition:background .25s,border-color .25s,translate .25s;overflow:hidden}.explore-kit>span:last-child{font-size:1rem;transition:translate .25s}.explore-kit:hover{background:#252525;border-color:#aaa;translate:0 -2px}.explore-kit:hover>span:last-child{translate:2px -2px}.buy:active,.explore-kit:active{transform:scale(.98);translate:0 1px}
#kit-dialog{color:#f5f4f1;background:#111;border:1px solid #555;border-radius:22px;width:min(840px,calc(100% - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:32px;overflow-y:auto;box-shadow:0 25px 100px #0009}#kit-dialog::backdrop{background:#000c;backdrop-filter:blur(14px)}#kit-dialog[open]{animation:kit-appear .38s cubic-bezier(.16,1,.3,1) both}.kit-close{position:absolute;top:20px;right:20px;width:38px;height:38px;border-radius:50%;border:1px solid #555;background:#202020;color:#fff;font-size:24px;cursor:pointer}.kit-eyebrow{font-size:9px;letter-spacing:.15em;color:#aaa;margin:2px 45px 10px 0}#kit-title{font-family:var(--font-display);font-weight:800;font-size:clamp(25px,4vw,38px);letter-spacing:-.04em;line-height:1.1;margin:0 40px 12px 0}#kit-intro{color:#b7b7b7;font-size:13px;line-height:1.7;max-width:610px}
#kit-tabs{display:flex;gap:5px;border:1px solid #3b3b3b;padding:5px;border-radius:999px;background:#191919;margin:24px 0 18px;width:fit-content;max-width:100%;flex-wrap:wrap}#kit-tabs button{color:#bbb;border:0;border-radius:999px;background:transparent;min-height:40px;padding:10px 17px;font-family:inherit;font-size:11px;cursor:pointer;transition:background .2s,color .2s}#kit-tabs button[aria-selected=true]{color:#111;background:#f5f4f1}#kit-tabs button:hover:not([aria-selected=true]){background:#303030;color:#fff}.kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;animation:kit-content-in .35s cubic-bezier(.2,.8,.2,1) both}.kit-item{border:1px solid #3d3d3d;border-radius:14px;background:#191919;overflow:hidden;min-width:0}.kit-image{height:160px;padding:18px;background:#222;display:grid;place-items:center}.kit-image img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}.kit-image.portrait{padding:0;overflow:hidden}.kit-image.portrait img{object-fit:cover;object-position:center 20%;filter:grayscale(1)}.kit-item-copy{padding:18px}.kit-item h3{font-family:var(--font-display);letter-spacing:-.03em;font-size:20px;line-height:1.2;margin:0 0 8px}.kit-item p{color:#b7b7b7;font-size:12px;line-height:1.7;margin:0}.kit-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.kit-tags span{font-size:9px;line-height:1.4;color:#ddd;border:1px solid #505050;background:#252525;border-radius:999px;padding:5px 8px}.kit-grid.single{grid-template-columns:1fr}.kit-grid.single .kit-item{display:grid;grid-template-columns:.7fr 1.3fr}.kit-grid.single .kit-image{height:100%;min-height:250px}.kit-grid.single .kit-item-copy{padding:25px;align-self:center}.kit-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #3b3b3b;margin-top:24px;padding-top:22px}.kit-price{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.04em}.kit-price::after{content:' USD';font-family:var(--font-body);font-size:9px;letter-spacing:.03em;color:#aaa;font-weight:400}.kit-footer .buy{border:0;background:#f5f4f1;color:#111;display:flex;align-items:center;gap:25px;justify-content:center;font-size:11px;padding:14px 20px;min-height:46px;cursor:pointer}.kit-open{overflow:hidden}@keyframes kit-appear{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes kit-content-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){.bundle-inner.has-art{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);gap:22px}.bundle-inner.has-art .side .buy{font-size:.62rem}.bundle-inner.has-art .side .price{font-size:1.7rem}}
@media(max-width:680px){.bundle-inner.has-art{display:flex;flex-direction:column;padding:20px}.bundle-inner.has-art .bundle-art{width:100%;max-width:420px}.art-masterclass.art-composed .art-heading{font-size:19cqw}.board-syllabus ul{font-size:2.3cqw}#kit-dialog{padding:22px 18px;border-radius:18px}.kit-close{top:15px;right:15px}#kit-title{font-size:26px}.kit-eyebrow{font-size:8px;line-height:1.5}.kit-grid{gap:10px}.kit-image{height:120px;padding:10px}.kit-item-copy{padding:14px}.kit-item h3{font-size:17px}.kit-item p{font-size:11px}.kit-tags span{font-size:8px}.kit-grid.single .kit-item{display:block}.kit-grid.single .kit-image{height:180px;min-height:0}.kit-grid.single .kit-item-copy{padding:20px}#kit-tabs{width:100%;justify-content:space-between;gap:1px;padding:4px;border-radius:14px}#kit-tabs button{padding:10px 11px;font-size:10px}.kit-footer{gap:12px}.kit-price{font-size:25px}.kit-footer .buy{font-size:10px;gap:12px;padding:12px 14px}}
@media(max-width:370px){.kit-grid{grid-template-columns:1fr}.kit-image{height:160px}.kit-footer{align-items:stretch;flex-direction:column}}
.board-fx-images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:1.2cqw;min-height:0;overflow:hidden}.card-media .product-art .board-fx-images img{min-height:0;max-height:100%;height:100%;object-position:center}.card-media .product-art .board-portrait img{transform:scale(1.14);transform-origin:50% 28%}
@media(prefers-reduced-motion:reduce){#kit-dialog[open],.kit-grid{animation:none}.explore-kit,.explore-kit>span:last-child,#kit-tabs button{transition:none}.art-board,.card:hover .art-board,.bundle-inner:hover .art-board{transform:none;translate:none}.template-board .board-platform>div{rotate:0deg;translate:none}}
