/* Static, authored campaign frames. The product's live renderer stays in its own demo. */
.product-media{padding:40px var(--sales-pad,30px);border-bottom:1px solid var(--line);overflow-wrap:anywhere;background:linear-gradient(155deg,#18121b66,transparent 65%)}
.atelier-heading{max-width:670px;margin-bottom:25px}.atelier-heading>.eyebrow{font-size:10px;letter-spacing:.14em}.atelier-heading h2{font:400 clamp(33px,4.7cqi,47px)/1.08 Cormorant,Georgia,serif;margin:17px 0}.atelier-heading>p{font-size:14px;line-height:1.85;margin:0;color:var(--muted)}
.atelier-figure{margin:0}.atelier-open{display:block;position:relative;width:100%;padding:0;text-align:left;border:1px solid #c8ac7f38;background:#0c0c13;color:var(--text);cursor:zoom-in;overflow:hidden}.atelier-open>img{display:block;width:100%;height:auto;object-fit:contain}.atelier-enlarge{display:block;border-top:1px solid #d6b47726;padding:12px 17px;font-size:12px;line-height:1.6;color:#d7c5ae;background:#0f0e17}.atelier-open:focus-visible,.product-media button:focus-visible,.atelier-lightbox button:focus-visible{outline:2px solid var(--ember);outline-offset:4px}.atelier-open:hover .atelier-enlarge{color:var(--paper);background:#1d1623}.atelier-open:disabled{cursor:default}.atelier-figure figcaption{padding-top:19px}.atelier-origin{font:10px/1.7 Jet,monospace;letter-spacing:.09em;color:var(--ember)}.atelier-figure figcaption>p{font-size:13px;line-height:1.8;margin:7px 0}.atelier-figure .atelier-provenance{font-size:12px;color:#aaa0ae;max-width:720px}
.atelier-stage{display:block;width:100%;min-width:0;box-sizing:border-box;position:relative;isolation:isolate;aspect-ratio:1.45;min-height:310px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--atelier-accent) 17%,transparent),transparent 66%),radial-gradient(ellipse at 20% 15%,color-mix(in srgb,var(--atelier-companion) 12%,transparent),transparent 55%),#0b0d17}
.atelier-stage:before,.atelier-stage:after{content:'';position:absolute;pointer-events:none;z-index:-1}.atelier-stage:before{inset:9%;border:1px solid color-mix(in srgb,var(--atelier-accent) 25%,transparent);clip-path:polygon(0 0,18% 0,18% 1%,1% 1%,1% 18%,0 18%,0 0,100% 0,100% 18%,99% 18%,99% 1%,82% 1%,82% 0,100% 0,100% 100%,82% 100%,82% 99%,99% 99%,99% 82%,100% 82%,100% 100%,0 100%,0 82%,1% 82%,1% 99%,18% 99%,18% 100%,0 100%)}.atelier-stage:after{left:12%;right:12%;bottom:11%;height:1px;background:linear-gradient(90deg,transparent,var(--atelier-accent),transparent);opacity:.45}
.atelier-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--atelier-accent) 32%,transparent);border-radius:50%;pointer-events:none}.atelier-orbit-one{width:77%;aspect-ratio:1;left:11.5%;top:-6%;box-shadow:0 0 0 14px #0000,0 0 0 15px color-mix(in srgb,var(--atelier-accent) 9%,transparent)}.atelier-orbit-two{width:62%;aspect-ratio:1;left:19%;top:5%;border-style:dashed;transform:rotate(18deg);opacity:.5}.atelier-axis{position:absolute;left:50%;top:4%;bottom:10%;width:1px;background:linear-gradient(transparent,color-mix(in srgb,var(--atelier-accent) 35%,transparent),transparent);pointer-events:none}.atelier-axis:after{content:'';position:absolute;width:75cqi;max-width:700px;height:1px;top:44%;left:50%;transform:translateX(-50%);background:inherit}
.atelier-edition{position:absolute;top:6%;left:7%;right:7%;font:9px/1.7 Jet,monospace;letter-spacing:.09em;color:var(--atelier-companion)}.atelier-reference{position:absolute;top:21%;left:13%;right:13%;height:54%;display:flex;align-items:center;justify-content:center;background:#070910;border:1px solid color-mix(in srgb,var(--atelier-accent) 55%,transparent);box-shadow:0 22px 40px #0006,0 0 40px color-mix(in srgb,var(--atelier-accent) 9%,transparent)}.atelier-reference:before,.atelier-reference:after{content:'✧';position:absolute;top:50%;font-size:22px;line-height:1;color:var(--atelier-accent);transform:translateY(-50%)}.atelier-reference:before{left:-24px}.atelier-reference:after{right:-24px}.atelier-reference>img{display:block;width:100%;height:100%;object-fit:contain}.atelier-familiar{position:absolute;width:15%;aspect-ratio:1;right:4%;bottom:4%;z-index:2}.atelier-familiar>img{width:100%;height:100%;object-fit:contain}.atelier-art-title{position:absolute;bottom:9%;left:8%;right:22%;font:400 clamp(22px,3.6cqi,38px)/1.05 Cormorant,Georgia,serif;color:#f5ead7}.atelier-art-note{position:absolute;bottom:4%;left:8%;right:22%;font:8px/1.6 Jet,monospace;letter-spacing:.08em;color:var(--atelier-companion)}.atelier-stars{position:absolute;top:11%;right:11%;font:25px Cormorant;color:var(--atelier-accent);pointer-events:none}.atelier-stars i{position:absolute;right:36cqi;top:11cqi;font-style:normal;font-size:18px}.atelier-stars b{position:absolute;right:10cqi;top:31cqi;font-weight:400;font-size:20px}
.atelier-stage--taskbar .atelier-reference{top:40%;height:auto;min-height:50px;left:8%;right:8%;padding:12px;background:#090b13;box-sizing:border-box}.atelier-stage--taskbar .atelier-reference>img{height:auto}.atelier-stage--taskbar .atelier-familiar{width:23%;right:38.5%;bottom:auto;top:13%;opacity:.85}.atelier-stage--taskbar .atelier-art-title{right:8%;text-align:center;bottom:19%}.atelier-stage--taskbar .atelier-art-note{right:8%;text-align:center;bottom:13%}.atelier-stage--cursor .atelier-reference{top:22%;left:30%;right:30%;height:48%;border:0;background:transparent;box-shadow:none}.atelier-stage--cursor .atelier-reference>img{width:clamp(96px,22cqi,160px);height:clamp(96px,22cqi,160px)}.atelier-stage--cursor .atelier-reference:before,.atelier-stage--cursor .atelier-reference:after{display:none}.atelier-stage--cursor .atelier-orbit-one{width:48%;left:26%;top:10%}.atelier-stage--cursor .atelier-orbit-two{width:35%;left:32.5%;top:20%}
[data-media-motif=triangle] .atelier-orbit-two{border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%);border:0;background:linear-gradient(60deg,transparent 49.8%,color-mix(in srgb,var(--atelier-accent) 50%,transparent) 50%,transparent 50.3%),linear-gradient(-60deg,transparent 49.8%,color-mix(in srgb,var(--atelier-accent) 50%,transparent) 50%,transparent 50.3%);transform:rotate(0)}[data-media-motif=lattice] .atelier-orbit-two,[data-media-motif=grid] .atelier-orbit-two{border-radius:0;transform:rotate(45deg)}[data-media-motif=moon] .atelier-orbit-one{border-color:transparent;border-left:3px solid var(--atelier-companion);transform:rotate(-30deg)}[data-media-motif=horizon] .atelier-orbit-two{transform:scaleY(.5)}[data-media-motif=rain]:before{border-style:dotted}[data-media-motif=script] .atelier-orbit-two{border-style:double;border-width:3px}[data-media-motif=scope] .atelier-orbit-one{border-style:dashed}
.atelier-pending{display:grid;place-content:center;gap:15px;aspect-ratio:1.5;text-align:center;padding:30px;border:1px solid var(--line);background:radial-gradient(ellipse,#c5964820,transparent 70%),#101019}.atelier-pending>span:first-child{font-size:50px;color:var(--ember)}.atelier-pending strong{font:32px Cormorant,Georgia,serif;font-weight:400}.atelier-pending>span:last-child{font-size:12px;color:var(--muted)}.atelier-error{padding:15px 0;font-size:13px;line-height:1.8}.atelier-error[hidden]{display:none}.atelier-error button{font-size:13px;min-height:44px;text-decoration:underline;text-underline-offset:4px}.atelier-image-failed [data-media-campaign]{visibility:hidden;min-height:240px}
.atelier-lightbox{width:min(1200px,94vw);max-width:94vw;max-height:94dvh;padding:0;border:1px solid #c8ac7f55;background:#0d0d17;color:var(--text);overflow:auto}.atelier-lightbox::backdrop{background:#060710e8;backdrop-filter:blur(7px)}.atelier-lightbox-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line);font-size:14px}.atelier-lightbox-bar button{min-height:44px;padding:8px;font-size:14px;white-space:nowrap}.atelier-lightbox-art>img{display:block;max-width:100%;width:100%;height:auto;max-height:72dvh;object-fit:contain}.atelier-lightbox-art .atelier-stage{width:min(100%,900px);margin:auto}.atelier-lightbox-caption{padding:18px 22px;font-size:13px;line-height:1.85}.atelier-lightbox-caption strong{font-weight:500}.atelier-lightbox-caption p{margin:8px 0 0;color:var(--muted);font-size:12px}
@container(max-width:620px){.product-media{padding:30px var(--sales-pad,22px)}.atelier-stage{min-height:290px;aspect-ratio:1.2}.atelier-edition{font-size:8px}.atelier-art-note{font-size:7px}.atelier-art-title{font-size:28px;bottom:11%}.atelier-stage--taskbar .atelier-art-title{bottom:22%;font-size:27px}.atelier-stage--taskbar .atelier-art-note{bottom:16%}.atelier-stage--taskbar .atelier-reference{min-height:40px;padding:8px;top:40%}.atelier-stage--taskbar .atelier-familiar{width:25%;right:37.5%;top:10%}.atelier-familiar{width:20%;bottom:3%;right:3%}.atelier-reference{left:10%;right:10%;top:24%;height:43%}.atelier-reference:before{left:-17px}.atelier-reference:after{right:-17px}.atelier-stage--cursor .atelier-reference{top:18%;height:53%}.atelier-stage--cursor .atelier-orbit-one{width:60%;left:20%;top:13%}.atelier-stage--cursor .atelier-orbit-two{width:46%;left:27%;top:21%}.atelier-heading h2{font-size:35px}.atelier-enlarge{padding:12px;font-size:12px}}
@media(prefers-reduced-motion:no-preference){.atelier-open .atelier-enlarge{transition:background-color .25s,color .25s}.atelier-stage .atelier-familiar{transition:transform .4s}.atelier-open:hover .atelier-familiar{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.product-media *,.atelier-lightbox *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.motion-off .atelier-familiar{transform:none!important;transition:none!important}
.atelier-open>[data-media-campaign]{aspect-ratio:3/2}.atelier-open>[data-media-campaign]:not([src]){visibility:hidden}.atelier-open:has(>[data-media-campaign]:not([src])){background:radial-gradient(ellipse,#bd945d22,transparent 70%),#0e1019}.atelier-open:has(>[data-media-campaign]:not([src])):before{content:'✧';position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font:60px Cormorant,Georgia,serif;color:#c6ac7d}.atelier-noscript{display:block;width:100%;height:auto}
.atelier-image-failed [data-media-primary]{visibility:hidden}.atelier-lightbox.atelier-image-failed .atelier-lightbox-art{background:#15121d}.atelier-lightbox-caption .atelier-error{padding:0 0 15px;color:var(--paper)}
[data-media-id=photo-studio] .atelier-reference{left:20%;right:20%;top:21%;height:50%;padding:12px 12px 28px;background:#ece3d4;border-color:#e1cdb2;transform:rotate(-4deg);box-shadow:13px 10px 0 #302938,14px 11px 0 #b39a6d55,0 20px 40px #0006}[data-media-id=photo-studio] .atelier-reference:before,[data-media-id=photo-studio] .atelier-reference:after{display:none}[data-media-id=theme-studio] .atelier-reference{left:8%;right:8%;top:23%;height:52%;border-width:1px 1px 4px}[data-media-id=theme-studio] .atelier-orbit-two{transform:rotate(30deg);border-radius:0;width:55%;left:22.5%}[data-media-id=saver-director] .atelier-reference{left:19%;right:19%;top:20%;height:48%;border-radius:48% 48% 0 0;padding:8px;background:#11101a}