/* Small CSS and SVG surfaces. No bitmap, canvas or WebGL allocation. */
.studio-photo{cursor:default;touch-action:pan-y}
.maker-portrait-wrap{position:relative;height:100%;min-height:0}
.pantone-seal{position:absolute;top:18px;right:18px;width:124px;height:124px;z-index:3;padding:0;border:0;border-radius:50%;background:linear-gradient(145deg,#ffffff24,#ffffff08 45%,#10241b1a);backdrop-filter:blur(5px) saturate(1.1);-webkit-backdrop-filter:blur(5px) saturate(1.1);box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #ffffff16,0 3px 12px #1020170a;color:#f8faf6;cursor:pointer;isolation:isolate;perspective:520px;-webkit-tap-highlight-color:transparent}
.pantone-ring{position:absolute;inset:0;width:100%;height:100%;fill:currentColor;animation:pantone-orbit 32s linear infinite;animation-play-state:paused;pointer-events:none}
.pantone-ring-line{fill:none;stroke:currentColor;stroke-width:.55;opacity:.8}.pantone-ring{filter:drop-shadow(0 1px 2px #101b1959)}
.pantone-ring text{font-family:inherit;font-size:9px;font-weight:500;letter-spacing:1px}
.pantone-core{position:absolute;inset:26px;display:block;transform-style:preserve-3d;transform:rotateX(var(--seal-rx,0deg)) rotateY(var(--seal-ry,0deg)) rotateZ(-5deg);transition:transform .2s ease-out}
.pantone-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:.7px solid #b9c5c1;border-radius:50%;overflow:hidden;color:#35423f;box-shadow:inset 0 0 0 1px #ffffff9c,0 2px 7px #1c343114;background:conic-gradient(from 22deg,#e7eded,#bfcfce 13%,#e5dcea 24%,#e8f2e5 38%,#bfcfd8 50%,#f2e5e8 63%,#dce8e3 76%,#c8cdd5 88%,#e7eded);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(1px)}
.pantone-face:before{content:'';position:absolute;inset:7px;border:1px solid #6378764a;border-radius:50%}
.pantone-face:after{content:'';position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 36%,#ffffff05 43%,#ffffffce 50%,#ffffff0a 57%,transparent 64%);transform:translateX(-35%);mix-blend-mode:soft-light;pointer-events:none}
.pantone-back{transform:rotateY(180deg) translateZ(1px)}
.pantone-brand{font-size:6.8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;line-height:1;z-index:1}
.pantone-year{font-size:24px;font-weight:500;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 #fff9;z-index:1}
.pantone-seal.is-visible .pantone-ring{animation-play-state:running}
.pantone-seal.is-active .pantone-core{--seal-rx:12deg;--seal-ry:24deg}
.pantone-seal.is-active .pantone-face:after{animation:pantone-reflection 3s ease-in-out infinite}
.pantone-seal:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.maker-portrait-wrap .pantone-seal{top:24px;right:24px}
@media(hover:hover) and (pointer:fine){.pantone-seal:hover .pantone-face:after,.pantone-seal:focus-visible .pantone-face:after{opacity:.95;transform:translateX(var(--seal-glint,0%));transition:transform .2s ease-out}.pantone-seal:hover .pantone-core{transition:transform .12s ease-out}}
@keyframes pantone-orbit{to{transform:rotate(360deg)}}
@keyframes pantone-reflection{0%,100%{transform:translateX(-35%);opacity:.4}50%{transform:translateX(35%);opacity:.9}}
.motion-paused .pantone-ring,.motion-paused .pantone-core,.motion-paused .pantone-face:after,.pantone-seal.is-paused *{animation-play-state:paused!important}
@media(max-width:600px){.pantone-seal{width:108px;height:108px;top:12px;right:12px}.pantone-core{inset:23px}.pantone-brand{font-size:6px}.pantone-year{font-size:21px}.maker-portrait-wrap .pantone-seal{top:18px;right:18px}}
@media(prefers-reduced-motion:reduce){.pantone-ring,.pantone-core,.pantone-face:after{animation:none!important}}