/* A calmer store, with the actual plugin shown before its VFX examples. */
dialog{background:#172234;color:#edf3fb;border-color:#8aa2c042;border-radius:20px;box-shadow:0 30px 100px #0009;color-scheme:dark}
dialog::backdrop{background:#050b16c9;backdrop-filter:blur(7px)}
dialog .close-dialog{background:#26364a;color:#f2f6fc;border-color:#95acc138;width:42px;height:42px;top:12px;right:12px;font-size:27px}
dialog .close-dialog:hover{background:#3a4b62}
dialog .fine-print,dialog .product-kind,dialog .availability-note{color:#b9c9df}
dialog .modal-inner h2,dialog .modal-inner h3{color:#f2f6fc}
#product-dialog{width:940px;max-width:calc(100vw - 28px);max-height:90svh}
#product-dialog .product-dialog-grid{grid-template-columns:1fr 1fr}
#product-dialog .product-preview{min-width:0;padding:20px;background:#0c1422;max-height:none;display:flex;align-items:center}
#product-dialog .product-preview video{width:100%;height:auto;max-height:65svh;object-fit:contain;border-radius:12px;background:#070c14}
#product-dialog .modal-inner{padding:44px 30px 26px;min-width:0}
#product-dialog .product-kind{font-size:13px;letter-spacing:.09em;color:#bfcee3;margin:8px 0 12px}
#product-dialog h2{font-size:30px;line-height:1.15;margin:0 0 16px;letter-spacing:-.025em}
#product-dialog #product-description{font-size:18px;color:#c5d2e5;line-height:1.45;margin:0 0 18px}
#product-dialog .detail-price{font-size:29px!important;color:#f5d0aa;margin:0 0 15px;line-height:1.2}
#product-dialog .product-summary{font-size:17px;color:#edf3fb;margin:0 0 6px;line-height:1.5}
#product-dialog .software-label{font-size:15px!important;color:#b9c9df;margin:0 0 22px}
#product-dialog #product-checkout{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:54px;font-size:18px;background:#f5c695;color:#152238;border:1px solid #f7d2ac;border-radius:11px;padding:13px 18px}
#product-dialog #product-checkout:hover{background:#ffdfb8}
#product-dialog .checkout-note{text-align:center;color:#b9c9df;font-size:14px;margin:9px 0 18px}
#product-dialog .product-file-details{border-top:1px solid #8aa2c035;padding-top:14px;color:#c5d2e5}
#product-dialog .product-file-details summary{cursor:pointer;font-size:15px;min-height:30px;list-style-position:inside}
#product-dialog .product-file-details p{font-size:14px;line-height:1.5;color:#b9c9df}
#product-dialog .included{border:0;margin:12px 0}
#product-dialog .included li{font-size:15px;padding:7px 0;border:0;color:#cfdbed}
#product-dialog .included li:before{color:#f5c695}
@media(max-width:720px){#product-dialog{border-radius:16px}#product-dialog .product-dialog-grid{grid-template-columns:1fr}#product-dialog .product-preview{padding:52px 16px 0;max-height:none}#product-dialog .product-preview video{height:25svh;max-height:230px}#product-dialog .modal-inner{padding:22px}#product-dialog h2{font-size:27px}#product-dialog #product-description{font-size:17px}}
.section.realm-shop{background:#182231;color:#edf2f9;padding-block:64px;border-block:1px solid #7184a126}
.realm-shop .chapter{color:#9fb3d0}
.realm-shop .section-heading h2{color:#eef3fa;font-size:clamp(29px,3vw,40px)}
.realm-shop .filters{background:#263246;border:1px solid #7488aa26;padding:5px}
.realm-shop .filters button{color:#b9c8dc}
.realm-shop .filters button[aria-pressed=true]{background:#42536d;color:#fff;box-shadow:0 2px 5px #0002}
.realm-shop .filters button:hover:not([aria-pressed=true]){background:#35435a;color:#fff}
.atelier-editorial{display:grid;grid-template-columns:1.08fr .92fr;gap:36px 50px;align-items:center;padding:38px;border-radius:24px;border:1px solid #aabed23d;background:radial-gradient(ellipse at 18% 18%,#41567b45,transparent 55%),radial-gradient(ellipse at 95% 5%,#c9996921,transparent 40%),#0d1422;box-shadow:0 28px 70px #060c194d,inset 0 1px 0 #e4efff12;margin:28px 0 44px;isolation:isolate}
.atelier-editorial:before{content:none}
.atelier-gallery{min-width:0}
.atelier-stage{position:relative;display:grid;place-items:center;width:100%;min-width:0;aspect-ratio:1.1;min-height:0;overflow:hidden;border-radius:18px;border:0;background:radial-gradient(ellipse at 40% 45%,#8daee51c,transparent 65%)}
.atelier-interface{position:relative;z-index:1;width:74%;max-width:370px;border-radius:12px;border:1px solid #bcc8de6b;box-shadow:0 30px 50px #0009,0 0 45px #99baff14;overflow:hidden}
.atelier-interface img{width:100%;height:auto;display:block}
.atelier-stage video{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;background:#06090f}
.atelier-gallery-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.atelier-gallery-choices button{display:flex;align-items:center;gap:10px;min-width:0;min-height:56px;padding:7px 10px;border:1px solid #8299ba30;border-radius:10px;color:#b4c3da;font-size:15px;text-align:left;background:#121d2d}
.atelier-gallery-choices button[aria-pressed=true]{border-color:#adc6ea80;background:#26354b;color:#fff;box-shadow:inset 0 1px 0 #adc6ea20}
.atelier-gallery-choices button:hover{background:#35465f;color:#fff}
.atelier-gallery-choices img{width:38px;height:38px;object-fit:cover;object-position:top;border-radius:4px;flex:none}
.atelier-product-header{min-width:0;padding:0 4px}
.atelier-editorial .atelier-category{font-size:clamp(23px,2.2vw,29px);line-height:1.2;font-weight:500;color:#c5d8f3;margin:0 0 17px;max-width:none}
.atelier-editorial h3{font-size:clamp(66px,6vw,88px);font-weight:500;line-height:1;letter-spacing:-.045em;color:#fff;margin:0 0 29px;text-shadow:0 3px 32px #d8e7ff12}
.atelier-editorial .atelier-purpose{font-size:clamp(23px,2.1vw,28px);line-height:1.35;color:#edf3fb;max-width:none;margin:0 0 32px;letter-spacing:-.015em}
.atelier-purpose span{display:inline-block;color:#adc2df;margin-top:7px}
.atelier-purchase{width:100%;max-width:345px}
.realm-shop .atelier-editorial #atelier-details{width:100%;min-width:0;min-height:62px;border-radius:10px;background:linear-gradient(135deg,#ffdcba,#f2bc89);color:#172336;font-size:22px;font-weight:500;border:1px solid #ffdfc0;padding:16px 24px;box-shadow:0 8px 28px #d99d6721,inset 0 1px 0 #fff5}
.realm-shop .atelier-editorial #atelier-details:hover{background:#ffdeb9;box-shadow:0 10px 28px #ffbd841c}
.atelier-editorial .atelier-availability{font-size:14px;color:#b6c5da;text-align:center;margin:13px 0 0;max-width:none;line-height:1.4}
.atelier-chapters{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:0;border:0}
.atelier-chapters li{--chapter-color:#b4d3ff;position:relative;display:block;padding:22px 19px;border:1px solid #aec5df26;border-radius:13px;background:linear-gradient(150deg,#d7e7ff0b,transparent 70%),#131e2e;min-width:0;overflow:hidden}
.atelier-chapters li:before{content:'';position:absolute;left:19px;right:19px;top:0;height:1px;background:linear-gradient(90deg,var(--chapter-color),transparent);opacity:.65}
.atelier-chapters li:nth-child(2){--chapter-color:#cbbff5}
.atelier-chapters li:nth-child(3){--chapter-color:#ffd1a5}
.atelier-chapters li:nth-child(4){--chapter-color:#afddcf}
.atelier-chapter-number{position:absolute;right:17px;top:21px;display:block;font-size:29px;line-height:1;color:var(--chapter-color);opacity:.7;font-weight:400;letter-spacing:-.035em;margin:0}
.atelier-chapter-icon{display:block;width:42px;height:42px;color:var(--chapter-color);margin:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.atelier-chapters h4{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.02em;color:#f1f5fc;margin:0 0 8px}
.atelier-editorial .atelier-chapters p{font-size:16px;line-height:1.45;color:#b7c8de;margin:0;max-width:210px}
.realm-shop .tutorials-heading h3{color:#eef3fa;font-size:28px}
.realm-shop .product-card{background:#222f43;border-color:#8aa2c02e;border-radius:14px;overflow:hidden}
.realm-shop .product-title-row h3,.realm-shop .price{color:#f0f5fb}
.realm-shop .product-body>p,.realm-shop .product-specs li{color:#b8c9e0}
.realm-shop .card-actions .dark{background:#ffb16b;color:#192234;border-color:#ffb16b}
.realm-shop .card-actions .dark:hover{background:#ffc38c;border-color:#ffc38c}
.realm-shop .card-actions .outline{color:#c3d2e6}
.realm-shop .card-actions .outline:hover{background:#354761}
.realm-shop .shop-faq{border-color:#8aa2c038}
.realm-shop .shop-faq summary{color:#e3edf9}
.realm-shop .shop-faq p,.realm-shop .shop-note{color:#b2c3dc}
.reference-header.scrolled{background:#162131f5;color:#edf3fb;border-color:#91a7c32b;box-shadow:0 2px 15px #050b141a}
.header.scrolled nav a{color:#edf3fb}
.header.scrolled .menu-toggle{background:#29384e;color:#edf3fb;border-color:#839ab640}
.footer{background:#131e2e;color:#e3ecf9;border-color:#839ab62b}
.footer>span,.footer a:not(.brand),.footer button{color:#b6c6dc}
@media(min-width:721px) and (max-width:1000px){.atelier-chapters{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.atelier-editorial{padding:26px;gap:28px}.atelier-stage{min-height:335px}.atelier-gallery-choices button{font-size:14px;gap:7px;padding:7px}.atelier-chapters li{padding-inline:15px}.atelier-chapters h4{font-size:20px}.atelier-editorial .atelier-chapters p{font-size:15px}}
@media(max-width:720px){.section.realm-shop{padding-block:42px}.atelier-editorial{display:flex;flex-direction:column;align-items:stretch;padding:23px 18px;gap:28px;border-radius:15px}.atelier-product-header{order:0;padding:0}.atelier-gallery{order:1}.atelier-chapters{order:2;grid-template-columns:1fr 1fr;gap:25px 14px;padding-top:25px}.atelier-chapters li,.atelier-chapters li:first-child,.atelier-chapters li:last-child{padding:0;border:0}.atelier-chapter-number{font-size:31px;margin-bottom:10px}.atelier-chapters h4{font-size:21px}.atelier-editorial .atelier-chapters p{font-size:16px}.atelier-editorial .atelier-category{font-size:25px}.atelier-editorial h3{font-size:65px;margin-bottom:22px}.atelier-editorial .atelier-purpose{font-size:23px;margin-bottom:25px}.atelier-purchase{max-width:none}.atelier-editorial .atelier-availability{font-size:13px}.atelier-stage{min-height:280px;aspect-ratio:1.05}.atelier-interface{width:80%}.atelier-gallery-choices{gap:8px}.atelier-gallery-choices button{font-size:13px;gap:6px;padding:7px;min-height:51px}.atelier-gallery-choices img{width:28px;height:31px}.header.scrolled nav{background:#1c2b40;border-color:#8499b538}.realm-shop .tutorials-heading h3{font-size:26px}}
@media(max-width:720px){.atelier-chapters{gap:10px;padding:0}.atelier-editorial .atelier-chapters li{padding:17px 12px;border:1px solid #aec5df26;border-radius:10px}.atelier-chapters li:before{left:12px;right:12px}.atelier-chapter-number{font-size:24px;top:20px;right:12px;margin:0}.atelier-chapter-icon{width:33px;height:33px;margin-bottom:19px}.atelier-chapters h4{font-size:18px}.atelier-editorial .atelier-chapters p{font-size:15px}.atelier-stage{min-height:270px}.atelier-interface{width:78%}}

/* Square tutorial covers and a single, prominent action. */
.realm-shop .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.realm-shop .product-card{display:flex;flex-direction:column;background:#192538}
.realm-shop .product-card[hidden]{display:none}
.realm-shop .product-image{aspect-ratio:1;width:100%;flex-shrink:0;border:0;border-bottom:1px solid #8aa2c026;border-radius:0}
.realm-shop .product-image img{display:block;width:100%;height:100%;object-fit:cover}
.realm-shop .product-image .badge{font-size:12px;padding:8px 11px;top:16px;left:16px}
.realm-shop .preview-label{font-size:16px;left:16px;bottom:16px;padding:10px 14px}
.realm-shop .product-body{display:flex;flex-direction:column;flex:1;padding:24px}
.realm-shop .product-title-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.realm-shop .product-title-row h3{font-size:clamp(23px,2vw,29px);font-weight:500;line-height:1.2;max-width:none;flex:1;margin:0}
.realm-shop .price{font-size:24px;line-height:1.4;white-space:nowrap;margin:0}
.realm-shop .product-body>p{font-size:18px;line-height:1.5;color:#c3d0e3;margin:14px 0 24px}
.realm-shop .card-actions{display:block;margin-top:auto}
.realm-shop .card-actions .button{width:100%;min-height:58px;font-size:19px;font-weight:500;display:flex;justify-content:space-between;padding:14px 20px;border-radius:10px}
.realm-shop .atelier-editorial #atelier-details,#product-checkout{background:#ffb16b;border-color:#ffb16b;color:#192234}
.realm-shop .atelier-editorial #atelier-details:hover,#product-checkout:hover{background:#ffc38c;border-color:#ffc38c}
.realm-shop .card-actions .button:focus-visible,#atelier-details:focus-visible,#product-checkout:focus-visible{outline:3px solid #fff;outline-offset:4px}
.realm-shop .coming-soon-art{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 48% 48%,#8f6fc047,transparent 58%),radial-gradient(ellipse at 80% 0%,#a47cf322,transparent 60%),#111c2e;overflow:hidden}
.coming-orbit{position:absolute;width:67%;height:67%;border:1px solid #bda2f36b;border-radius:50%;transform:rotate(-32deg) scaleY(.64);box-shadow:0 0 38px #a080ff18,inset 0 0 30px #a080ff14}
.coming-orbit:before,.coming-orbit:after{content:'';position:absolute;inset:-22%;border:1px solid #bda2f324;border-radius:50%}
.coming-orbit:after{inset:20%;border-color:#d7c0ff4a}
.coming-spark{font-size:110px;line-height:1;color:#dec9ff;text-shadow:0 0 45px #bc8fffa3}
.coming-art-label{position:absolute;bottom:28px;font-size:13px;letter-spacing:.22em;color:#d4c5eb}
.coming-soon-status{display:flex;align-items:center;justify-content:space-between;margin-top:auto;min-height:58px;padding:14px 20px;border-top:1px solid #bda2f32e;color:#cbb4ee;font-size:19px}
@media(min-width:721px) and (max-width:1050px){.realm-shop .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.realm-shop .product-grid{grid-template-columns:1fr;gap:24px}.realm-shop .product-body{padding:22px}.realm-shop .product-title-row h3{font-size:25px}}



/* The night landscape belongs to the section, behind the product cards. */
.section.realm-shop#shop{background:#101b2b}
.section.realm-shop#shop:before{inset:0 0 auto;height:1400px;max-height:100%;opacity:1;background:linear-gradient(#09142636,#101b2b55 60%,#101b2b),url('/assets/atelier-night-v1.webp') center top/cover no-repeat}
.realm-shop .atelier-editorial{background:linear-gradient(135deg,#22334bed,#101827f5);box-shadow:0 28px 70px #060c1966,inset 0 1px 0 #e4efff12}
@media(max-width:720px){.section.realm-shop#shop:before{height:1400px;background-position:center,38% top}}

/* Compact product overview: one main action, quiet preview controls. */
.realm-shop .atelier-editorial{width:100%;max-width:1060px;margin:24px auto 40px;padding:28px;gap:24px 40px;grid-template-columns:.95fr 1.05fr;border-radius:22px;background:linear-gradient(135deg,#1e2b3ef5,#111b2af5);border-color:#aabed22e}
.realm-shop .atelier-editorial .atelier-stage{height:330px;min-height:0;aspect-ratio:auto;border-radius:14px;background:radial-gradient(ellipse at 50% 45%,#718fc52b,transparent 72%)}
.realm-shop .atelier-editorial .atelier-interface{width:min(72%,266px);max-width:100%;border-radius:10px;box-shadow:0 16px 36px #0006}
.realm-shop .atelier-editorial .atelier-gallery-choices{gap:4px;margin-top:8px;padding:4px;border-radius:12px;border:1px solid #a6bdd322;background:#101a2a}
.realm-shop .atelier-editorial .atelier-gallery-choices button{min-height:42px;justify-content:center;padding:9px 12px;font-size:15px;border:0;border-radius:8px;background:transparent;box-shadow:none}
.realm-shop .atelier-editorial .atelier-gallery-choices button[aria-pressed=true]{background:#33435b;color:#fff}
.realm-shop .atelier-editorial .atelier-gallery-choices button:hover{background:#2a3b53}
.realm-shop .atelier-editorial .atelier-gallery-choices img{display:none}
.realm-shop .atelier-editorial .atelier-product-header{padding:0 12px 0 0}
.realm-shop .atelier-editorial .atelier-category{font-size:18px;line-height:1.4;margin-bottom:12px;color:#c3d0e6}
.realm-shop .atelier-editorial h3{font-size:62px;line-height:1.05;margin-bottom:20px}
.realm-shop .atelier-editorial .atelier-purpose{font-size:22px;line-height:1.4;margin-bottom:24px}
.realm-shop .atelier-editorial .atelier-purpose span{margin-top:3px;color:#acbdd6}
.realm-shop .atelier-editorial .atelier-purchase{max-width:300px}
.realm-shop .atelier-editorial #atelier-details{min-height:52px;font-size:19px;padding:12px 20px;border-radius:12px;background:#f5c695;border-color:#f7d2ac;box-shadow:0 4px 16px #e5ac6520}
.realm-shop .atelier-editorial #atelier-details:hover{background:#ffdfb8}
.realm-shop .atelier-editorial .atelier-availability{font-size:13px;margin-top:10px}
.realm-shop .atelier-editorial .atelier-chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #a6bdd326;padding-top:22px}
.realm-shop .atelier-editorial .atelier-chapters li{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:0 17px;border:0;border-right:1px solid #a6bdd326;border-radius:0;background:none;align-content:start}
.realm-shop .atelier-editorial .atelier-chapters li:first-child{padding-left:0}
.realm-shop .atelier-editorial .atelier-chapters li:last-child{border-right:0;padding-right:0}
.realm-shop .atelier-editorial .atelier-chapters li:before{content:none}
.realm-shop .atelier-editorial .atelier-chapter-number{position:static;grid-column:2;grid-row:1;font-size:16px;line-height:24px;opacity:.85;margin:0;align-self:center}
.realm-shop .atelier-editorial .atelier-chapter-icon{grid-column:1;grid-row:1;width:24px;height:24px;margin:0}
.realm-shop .atelier-editorial .atelier-chapters li>div{grid-column:1/-1}
.realm-shop .atelier-editorial .atelier-chapters h4{font-size:20px;margin:0 0 5px}
.realm-shop .atelier-editorial .atelier-chapters p{font-size:16px;line-height:1.4;max-width:none}
@media(min-width:721px) and (max-width:1000px){.realm-shop .atelier-editorial{gap:24px;padding:24px}.realm-shop .atelier-editorial .atelier-stage{height:300px}.realm-shop .atelier-editorial h3{font-size:54px}.realm-shop .atelier-editorial .atelier-purpose{font-size:20px}.realm-shop .atelier-editorial .atelier-chapters{grid-template-columns:1fr 1fr;gap:20px}.realm-shop .atelier-editorial .atelier-chapters li{padding:0;border:0}}
@media(max-width:720px){.realm-shop .atelier-editorial{padding:22px 18px;gap:24px;margin-block:20px 32px;border-radius:18px}.realm-shop .atelier-editorial .atelier-product-header{padding:0}.realm-shop .atelier-editorial h3{font-size:52px;margin-bottom:15px}.realm-shop .atelier-editorial .atelier-category{font-size:18px;margin-bottom:10px}.realm-shop .atelier-editorial .atelier-purpose{font-size:21px;margin-bottom:20px}.realm-shop .atelier-editorial .atelier-purchase{max-width:none}.realm-shop .atelier-editorial .atelier-stage{height:280px}.realm-shop .atelier-editorial .atelier-interface{width:min(80%,230px)}.realm-shop .atelier-editorial .atelier-gallery-choices button{font-size:14px;padding-inline:8px}.realm-shop .atelier-editorial .atelier-chapters{grid-template-columns:1fr 1fr;gap:20px 16px;padding-top:20px}.realm-shop .atelier-editorial .atelier-chapters li{padding:0;border:0}.realm-shop .atelier-editorial .atelier-chapters h4{font-size:18px}.realm-shop .atelier-editorial .atelier-chapters p{font-size:15px}}

.realm-shop .atelier-editorial #atelier-details{position:relative;display:flex;justify-content:center;text-align:center;padding-inline:45px}
.realm-shop .atelier-editorial #atelier-details>span{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.realm-shop .atelier-editorial .atelier-chapters h4{margin-bottom:0}

/* Return to the original warm gouache direction, with an open product layout. */
.section.realm-shop#shop:before{height:1150px;background:linear-gradient(0deg,#101b2b,transparent 75%),linear-gradient(90deg,#101b2bd9 8%,#101b2b85 54%,#101b2b40),url('/assets/shop-gouache-v1.webp') center top/cover no-repeat}
.realm-shop .atelier-editorial{grid-template-areas:'copy preview' 'steps steps';grid-template-columns:1fr 1fr;max-width:1080px;padding:20px 0 0;margin:28px auto 44px;gap:28px 70px;background:none;border:0;border-radius:0;box-shadow:none}
.realm-shop .atelier-editorial .atelier-product-header{grid-area:copy;padding:0;text-shadow:0 2px 18px #09132199}
.realm-shop .atelier-editorial .atelier-gallery{grid-area:preview;padding:14px;background:#0e192bdd;border:1px solid #c8d6e438;border-radius:18px;box-shadow:0 18px 40px #0003}
.realm-shop .atelier-editorial .atelier-category{display:inline-flex;border:1px solid #d8c6a647;border-radius:30px;padding:7px 13px;font-size:16px;color:#ecdbc3;background:#14213377;margin-bottom:17px}
.realm-shop .atelier-editorial h3{font-size:70px;margin-bottom:21px}
.realm-shop .atelier-editorial .atelier-purpose{font-size:23px;line-height:1.4;margin-bottom:25px}
.realm-shop .atelier-editorial .atelier-purpose span{color:#c4ccda}
.realm-shop .atelier-editorial .atelier-stage{height:300px;background:radial-gradient(ellipse at 50% 40%,#c4a77f1c,transparent 72%)}
.realm-shop .atelier-editorial .atelier-interface{width:min(72%,250px)}
.realm-shop .atelier-editorial .atelier-chapters{grid-area:steps;padding:20px 24px;border:1px solid #a6bdd32b;border-radius:14px;background:#111d2cd9}
.realm-shop .atelier-editorial .atelier-gallery-choices{border:0;background:#09132066}
.realm-shop .atelier-editorial .atelier-gallery-choices button[aria-pressed=true]{background:#3b485a}
@media(min-width:721px) and (max-width:1000px){.realm-shop .atelier-editorial{gap:24px 32px}.realm-shop .atelier-editorial h3{font-size:60px}.realm-shop .atelier-editorial .atelier-purpose{font-size:21px}}
@media(max-width:720px){.section.realm-shop#shop:before{height:1250px;background:linear-gradient(0deg,#101b2b,transparent 90%),linear-gradient(#101b2b99,#101b2b88),url('/assets/shop-gouache-v1.webp') 36% top/cover no-repeat}.realm-shop .atelier-editorial{padding:4px 0 0;gap:24px;margin-top:22px}.realm-shop .atelier-editorial h3{font-size:56px}.realm-shop .atelier-editorial .atelier-purpose{font-size:22px}.realm-shop .atelier-editorial .atelier-gallery{padding:10px}.realm-shop .atelier-editorial .atelier-stage{height:270px}.realm-shop .atelier-editorial .atelier-interface{width:min(78%,222px)}.realm-shop .atelier-editorial .atelier-chapters{padding:18px}.realm-shop .atelier-editorial .atelier-category{font-size:16px}}

/* Atelier launch dialog: readable dark surfaces and one clear action. */
#atelier-dialog{width:570px;max-width:calc(100vw - 28px);max-height:90svh;background:#192334;border:1px solid #90a6c042;border-radius:22px}
#atelier-dialog .modal-inner{padding:40px 32px 32px}
#atelier-dialog .atelier-launch-label{display:block;margin:0 48px 12px 0;color:#f5c695;font-size:13px;font-weight:600;letter-spacing:.12em}
#atelier-dialog h2{margin:0 0 20px;font-size:46px;line-height:1.1;color:#f2f6fc}
#atelier-dialog .atelier-launch-intro{font-size:21px;line-height:1.5;color:#f2f6fc;margin:0 0 24px}
#atelier-dialog .atelier-launch-intro span{color:#bdcbe0;font-size:18px}
#atelier-dialog .atelier-detail-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:0 0 24px}
#atelier-dialog .atelier-detail-steps li{display:flex;align-items:center;gap:12px;padding:16px 14px;background:#222f43;border:1px solid #8ba2bf24;border-radius:12px;margin:0;color:#f2f6fc;font-size:18px;line-height:1.4}
#atelier-dialog .atelier-detail-steps li span{color:#f5c695;font-size:14px}
#atelier-dialog .atelier-detail-steps strong{color:#f2f6fc;font-weight:500}
#atelier-dialog .availability-note{background:none;border:0;border-radius:0;padding:0;margin:0 0 22px;color:#bdcbe0;font-size:16px;line-height:1.5}
#atelier-dialog .atelier-launch-cta{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:56px;padding:14px 18px;border:1px solid #f7d2ac;border-radius:12px;background:#f5c695;color:#152238;font-size:18px;font-weight:600;text-align:center;text-decoration:none}
#atelier-dialog .atelier-launch-cta:hover{background:#ffdfb8}
#atelier-dialog .atelier-launch-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:480px){#atelier-dialog .modal-inner{padding:32px 20px 22px}#atelier-dialog h2{font-size:40px}#atelier-dialog .atelier-launch-intro{font-size:19px}#atelier-dialog .atelier-detail-steps li{padding:13px 10px;gap:8px;font-size:16px}#atelier-dialog .atelier-launch-cta{font-size:16px}}
/* Compact square tutorial cards. */
.realm-shop .product-grid .product-card{display:grid;grid-template-rows:minmax(0,1fr) auto;aspect-ratio:1;min-width:0;min-height:0;overflow:hidden;border-radius:18px}
.realm-shop .product-grid .product-card[hidden]{display:none}
.realm-shop .product-grid .product-image{position:relative;aspect-ratio:auto;height:100%;min-height:0;overflow:hidden}
.realm-shop .product-grid .product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.realm-shop .product-grid .preview-label{display:grid;place-items:center;left:auto;right:14px;bottom:14px;width:40px;height:40px;padding:0;border-radius:50%;font-size:16px;background:#101927b8;color:#fff;border:1px solid #d6e1f166;backdrop-filter:blur(8px)}
.realm-shop .product-grid .product-body{padding:18px;gap:16px;min-width:0}
.realm-shop .product-grid .product-title-row{flex-wrap:nowrap;align-items:center;gap:10px}
.realm-shop .product-grid .product-title-row h3{font-size:clamp(18px,1.6vw,24px);line-height:1.2;font-weight:500;min-width:0;max-width:none}
.realm-shop .product-grid .price{font-size:21px;line-height:1.2}
.realm-shop .product-grid .card-actions .button{min-height:46px;padding:10px 15px;font-size:17px;justify-content:center;position:relative;background:#f5c695;border-color:#f7d2ac;color:#152238}
.realm-shop .product-grid .card-actions .button span{position:absolute;right:15px}
.realm-shop .product-grid .card-actions .button:hover{background:#ffdfb8}
.realm-shop .product-grid .coming-soon-status{min-height:46px;padding:10px 0;border:0;font-size:17px}
@media(max-width:720px){.realm-shop .product-grid .product-title-row h3{font-size:21px}.realm-shop .product-grid .product-body{padding:16px;gap:14px}}
.realm-shop #shop-title,.realm-shop .tutorials-heading h3{font-size:clamp(29px,3vw,40px);font-weight:400;line-height:1.25;letter-spacing:-.025em;color:#eef3fa}

/* Fine social icons anchored to the landing illustration. */
.reference-hero .hero-socials{position:absolute;z-index:5;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px}
.hero-socials a{display:grid;place-items:center;width:44px;height:44px;color:#fff;opacity:.9;border-radius:50%;transition:opacity .18s,background .18s}
.hero-socials a[hidden]{display:none}
.hero-socials svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px #071321b3)}
.hero-socials a:hover{opacity:1;background:#ffffff16}
.hero-socials a:focus-visible{outline:2px solid #fff;outline-offset:3px;opacity:1}
@media(max-width:720px){.reference-hero .hero-socials{bottom:18px;gap:12px}.hero-socials svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.hero-socials a{transition:none}}
.commission-example .essential-preview{object-position:right center}

/* Original artwork / animated Jax, active on first view. */
.comparison-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;background:#101620}
.comparison-stage #featured-animation{display:block;border-radius:0}
.comparison-overlay{position:absolute;inset:0;pointer-events:none}
.comparison-overlay[hidden]{display:none}
.comparison-original{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 calc(100% - var(--comparison-split)) 0 0);user-select:none}
.comparison-divider{position:absolute;left:var(--comparison-split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 8px #0005}
.comparison-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #fff;background:#172334d9;box-shadow:0 2px 16px #0004;backdrop-filter:blur(8px)}
.comparison-handle svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.comparison-stage .comparison-range{position:absolute;z-index:3;left:-23px;top:50%;transform:translateY(-50%);width:calc(100% + 46px);height:48px;min-height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:auto;cursor:ew-resize;touch-action:pan-y;appearance:none;-webkit-appearance:none}
.comparison-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:46px;height:48px}
.comparison-range::-moz-range-thumb{width:46px;height:48px;border:0}
.comparison-stage:has(.comparison-range:focus-visible) .comparison-handle{outline:3px solid #f5c695;outline-offset:4px}

/* A compact, quieter primary action for the plugin. */
.realm-shop .atelier-editorial .atelier-purchase{max-width:none;width:fit-content;max-width:100%}
.realm-shop .atelier-editorial #atelier-details{display:inline-flex;align-items:center;justify-content:center;gap:22px;width:auto;max-width:100%;min-width:0;min-height:52px;padding:13px 24px;border-radius:999px;background:#edc895;border:1px solid #f7ddb5;color:#192436;font-size:18px;font-weight:500;line-height:1.3;letter-spacing:0;box-shadow:inset 0 1px 0 #fff4,0 5px 16px #09122026;text-shadow:none;transition:background .18s,box-shadow .18s}
.realm-shop .atelier-editorial #atelier-details>span{position:static;transform:none;font-size:21px;line-height:1;flex-shrink:0}
.realm-shop .atelier-editorial #atelier-details:hover{background:#f8dab0;border-color:#ffe5c3;box-shadow:inset 0 1px 0 #fff5,0 6px 20px #09122040}
.realm-shop .atelier-editorial .atelier-availability{text-align:left;font-size:13px;margin-top:12px;padding-left:4px}
@media(prefers-reduced-motion:reduce){.realm-shop .atelier-editorial #atelier-details{transition:none}}
/* Stillflow: one calm product surface, integrated preview and workflow. */
.realm-shop .atelier-editorial{max-width:1100px;padding:36px 40px 28px;gap:30px 44px;border:1px solid #b5c8e132;border-radius:24px;background:linear-gradient(125deg,#243149f5,#111c2cf7 76%);box-shadow:0 24px 60px #06101e40,inset 0 1px 0 #ffffff06}
.realm-shop .atelier-editorial .atelier-product-header{text-shadow:none}
.realm-shop .atelier-editorial .atelier-category{font-size:16px;padding:0;border:0;background:none;color:#edc895;letter-spacing:.015em;margin-bottom:14px}
.realm-shop .atelier-editorial h3{font-size:64px;line-height:1.08;letter-spacing:-.045em;margin-bottom:22px}
.realm-shop .atelier-editorial .atelier-purpose{font-size:21px;line-height:1.5;margin-bottom:26px}
.realm-shop .atelier-editorial .atelier-gallery{padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.realm-shop .atelier-editorial .atelier-stage{height:280px;border-radius:14px;overflow:hidden;background:#101723}
.realm-shop .atelier-editorial .atelier-gallery-choices{margin-top:10px;padding:4px;border:1px solid #a6bdd322;border-radius:12px;background:#0b142580}
.realm-shop .atelier-editorial .atelier-gallery-choices button{min-height:42px;border-radius:8px;font-size:15px}
.realm-shop .atelier-editorial .atelier-chapters{padding:24px 0 0;border:0;border-top:1px solid #a6bdd32b;border-radius:0;background:none;box-shadow:none}
.realm-shop .atelier-editorial .atelier-chapters h4{font-size:19px}
@media(min-width:721px) and (max-width:1000px){.realm-shop .atelier-editorial{padding:28px;gap:26px}.realm-shop .atelier-editorial h3{font-size:52px}.realm-shop .atelier-editorial .atelier-purpose{font-size:19px}}
@media(max-width:720px){.realm-shop .atelier-editorial{padding:26px 22px 22px;gap:26px;border-radius:20px}.realm-shop .atelier-editorial h3{font-size:52px;margin-bottom:18px}.realm-shop .atelier-editorial .atelier-purpose{font-size:20px;margin-bottom:22px}.realm-shop .atelier-editorial .atelier-stage{height:250px}.realm-shop .atelier-editorial .atelier-chapters{padding:22px 0 0;gap:22px 16px}.realm-shop .atelier-editorial .atelier-chapters h4{font-size:18px}.realm-shop .atelier-editorial .atelier-gallery-choices button{font-size:14px}}

/* A quiet dark commission form, matching the portfolio surfaces. */
#commission-form{color-scheme:dark;color:#edf3fc;background:linear-gradient(140deg,#213047f7,#131e30fa);border:1px solid #afc4e133;border-radius:20px;padding:30px;box-shadow:0 20px 55px #06102040,inset 0 1px 0 #ffffff05}
#commission-form .commission-progress{margin-bottom:22px;color:#b8c9df}
#commission-form .commission-progress>span:first-child{color:#d8e3f3}
#commission-form .commission-progress-dots i{background:#41506a}
#commission-form .commission-progress-dots i:first-child,#commission-form:has(#commission-step-artwork[hidden]) .commission-progress-dots i:last-child{background:#edc895}
#commission-form .commission-form-title{color:#f3f6fc;font-size:clamp(27px,2.3vw,32px);line-height:1.2;margin-bottom:22px}
#commission-form label,#commission-form legend{color:#e0e8f5}
#commission-form input,#commission-form textarea,#commission-form select{color:#f0f5fd;background:#101b2b;border:1px solid #8da8ce50;box-shadow:none;font-size:17px;border-radius:10px;min-height:50px}
#commission-form input::placeholder,#commission-form textarea::placeholder{color:#9fb1ca;opacity:1}
#commission-form select option{color:#f0f5fd;background:#162238}
#commission-form input:focus-visible,#commission-form textarea:focus-visible,#commission-form select:focus-visible,#commission-form button:focus-visible,#commission-form summary:focus-visible{outline:2px solid #edc895;outline-offset:3px}
#commission-form input[type=radio]{min-height:16px;accent-color:#edc895}
#commission-form .image-drop{min-height:170px;padding:20px 16px;gap:4px;background:linear-gradient(135deg,#293b552e,#0c172655);border:1px dashed #8da8ce80;border-radius:12px}
#commission-form .image-drop:hover,#commission-form .image-drop.dragging,#commission-form .image-drop:focus-within{background:#2b3c56;border-color:#edc895;outline-color:#edc895}
#commission-form .upload-mark{width:38px;height:38px;font-size:25px;border:1px solid #edc89540;background:#edc89512;color:#edc895;border-radius:10px;margin-bottom:5px}
#commission-form .upload-copy{color:#edf3fc;font-size:22px}
#commission-form .upload-hint,#commission-form .upload-help,#commission-form .optional-label{color:#b7c7dc}
#commission-form .upload-help{margin-top:6px}
#commission-form .commission-link-option summary,#commission-form .commission-back{color:#c6d9f4}
#commission-form .commission-idea-option,#commission-form .commission-extras{border-color:#9bb2d030}
#commission-form summary{color:#dce7f7}
#commission-form .layer-options label{background:#142136;border-color:#8da8ce50}
#commission-form .layer-options label:has(input:checked){background:#35435a;border-color:#edc895}
#commission-form .upload-preview{background:#152238;border-color:#8da8ce50;color:#e0e8f5}
#commission-form .upload-preview button{color:#edc895}
#commission-form .commission-reassurance,#commission-form .commission-email-help,#commission-form .commission-price-note small,#commission-form .form-privacy{color:#b7c7dc}
#commission-form .field-status{color:#ffd5b4}
#commission-form #commission-estimate{color:#edc895}
#commission-form .commission-continue,#commission-form .commission-submit .button{min-height:54px;background:#edc895;color:#172337;border:1px solid #f3d6ae;border-radius:11px;font-size:19px;box-shadow:inset 0 1px 0 #fff3}
#commission-form .commission-continue:hover,#commission-form .commission-submit .button:hover{background:#f8d8ae}
#commission-form .commission-continue{margin-top:20px}
#commission-form .commission-submit button:disabled{opacity:.65;cursor:wait}
@media(max-width:720px){#commission-form{padding:24px 20px;border-radius:18px}#commission-form .image-drop{min-height:165px}#commission-form .commission-form-title{font-size:28px}#commission-form .commission-continue,#commission-form .commission-submit .button{font-size:18px}}