/* Native-resolution dimensional illustration. No texture downloads or WebGL dependency. */
.pm-object{height:var(--pm-object-height,540px);position:relative;container-type:inline-size;--pm-turn:0deg;--pm-lift:0px;color:var(--pm-object-ink)}
.pm-object-stage{position:absolute;inset:0;perspective:1100px}
.pm-object-inner{position:absolute;inset:0;transform:translateY(var(--pm-lift)) rotateY(var(--pm-turn)) scale(var(--pm-object-scale,1));transform-style:preserve-3d}
.pm-object-shadow{position:absolute;left:17%;right:5%;bottom:7%;height:10%;border-radius:50%;background:radial-gradient(ellipse,#17231a48,transparent 68%);filter:blur(12px);transform:rotate(-7deg)}
.pm-object-caption{position:absolute;bottom:0;left:0;right:0;font-size:11px;letter-spacing:.12em;text-align:center;text-transform:uppercase}
.pm-book{position:absolute;left:26%;top:10%;width:46%;height:78%;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-20deg) rotateZ(2deg);color:var(--pm-object-ink)}
.pm-book-cover{position:absolute;inset:0;background:linear-gradient(100deg,#ffffff80,transparent 7%,#0000000b 8%,#fff4 10%,transparent 65%,#0000000d),var(--pm-object-paper);border-radius:1px 4px 4px 1px;border:1px solid #fff9;box-shadow:inset 3px 0 5px #0002,inset -2px 0 1px #0002,12px 15px 22px #17231a18;transform:translateZ(18px);display:flex;flex-direction:column;justify-content:space-between;padding:11%;text-align:left}
.pm-book-cover:after,.pm-open-page:after,.pm-cube-face:after{content:"";position:absolute;inset:0;background-image:url("paper-grain.svg");opacity:.24;pointer-events:none;mix-blend-mode:multiply}
.pm-book-cover small{font:700 clamp(10px,2cqw,17px)/1 var(--fp-heading);letter-spacing:-.06em;position:relative;z-index:1}
.pm-book-cover-title{font:400 clamp(17px,5.2cqw,42px)/1.02 var(--pm-serif);letter-spacing:-.05em;position:relative;z-index:1;overflow-wrap:anywhere}
.pm-book-cover-note{font:400 clamp(6px,1.2cqw,11px)/1.8 var(--fp-body);letter-spacing:.14em;text-transform:uppercase;border-top:1px solid #17231a35;padding-top:12%;position:relative;z-index:1}
.pm-book-pages{position:absolute;inset:2% -13% 1% 8%;background:repeating-linear-gradient(90deg,#d6d3c4 0px,#eeeadd 1px,#eeeadd 2px,#c6c2ae 3px);border:2px solid var(--pm-object-lime);border-radius:0 4px 4px 0;transform:translateZ(-8px);box-shadow:5px 3px 1px color-mix(in srgb,var(--pm-object-lime),black 12%)}
.pm-book-spine{position:absolute;left:-9%;top:0;bottom:0;width:13%;background:linear-gradient(90deg,color-mix(in srgb,var(--pm-object-paper),black 24%),var(--pm-object-paper));transform:rotateY(-90deg) translateX(-13px);transform-origin:right;display:flex;align-items:center;justify-content:center}
.pm-book-spine span{writing-mode:vertical-rl;font:600 1.8cqw var(--fp-heading);letter-spacing:.15em}
.pm-book-ribbon{position:absolute;bottom:-12%;left:80%;width:7%;height:20%;background:linear-gradient(90deg,var(--pm-object-blue),color-mix(in srgb,var(--pm-object-blue),black 18%));transform:translateZ(-7px) rotate(-17deg);clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}
.pm-book--blue{color:var(--pm-object-paper)}.pm-book--blue .pm-book-cover{background:linear-gradient(100deg,#ffffff28,transparent 10%,#0001),var(--pm-object-blue)}.pm-book--blue .pm-book-cover-note{border-color:#fff5}.pm-book--blue .pm-book-spine{background:var(--pm-object-blue)}
.pm-kit-sheet{position:absolute;height:79%;width:45%;top:6%;left:46%;transform:rotate(-5deg) skewY(2deg);border:1px solid #fff6;box-shadow:10px 20px 26px #0002}.pm-kit-sheet--blue{background:linear-gradient(115deg,#fff2,transparent 55%),var(--pm-object-blue)}.pm-kit-sheet--glass{height:61%;top:22%;left:54%;width:34%;background:color-mix(in srgb,var(--pm-object-paper) 45%,transparent);border:1px solid #17231a38;backdrop-filter:blur(2px)}
.pm-object--kit .pm-book{left:17%;top:18%;height:73%;width:44%;transform:rotateY(-15deg) rotateZ(5deg)}
.pm-kit-note{position:absolute;left:59%;top:68%;width:36%;height:24%;background:linear-gradient(125deg,#fff3,transparent),var(--pm-object-lime);color:var(--pm-object-ink);padding:6%;font:500 1.6cqw/1.8 var(--fp-body);letter-spacing:.17em;text-transform:uppercase;transform:rotate(4deg);box-shadow:2px 8px 13px #0002}
.pm-object--pair .pm-book{width:43%;left:9%;top:24%;height:65%;transform:rotateY(-14deg) rotateZ(1deg)}.pm-pair-back{position:absolute;inset:0}.pm-pair-back .pm-book{left:51%;top:8%;height:76%;width:40%;transform:rotateY(-17deg) rotateZ(-2deg)}
.pm-open-book{position:absolute;left:6%;top:18%;width:88%;height:68%;transform:rotateX(23deg) rotateY(-6deg) rotateZ(-6deg);display:grid;grid-template-columns:1fr 1fr;filter:drop-shadow(12px 18px 13px #17231a35);border:3px solid var(--pm-object-lime);border-radius:4% 6% 7% 3%}
.pm-open-page{position:relative;height:100%;padding:13%;color:var(--pm-object-ink);background:var(--pm-object-paper);border-radius:3% 17% 8% 5%;box-shadow:0 3px #d8d5c5,0 6px #eeeadd,0 9px #bebba8,0 11px var(--pm-object-lime);display:flex;flex-direction:column;justify-content:space-between}
.pm-open-left{background:linear-gradient(90deg,#fff7,transparent 65%,#17231a30);background-color:var(--pm-object-paper);border-right:2px solid #17231a45}
.pm-open-right{border-radius:15% 3% 4% 4%;background:linear-gradient(90deg,#17231a38,transparent 13%,#fff3 75%,#17231a15);background-color:var(--pm-object-paper);font:400 clamp(8px,1.65cqw,15px)/1.6 var(--fp-body)}
.pm-open-right p{margin:0 0 9%}.pm-open-title{font:400 clamp(17px,4.7cqw,37px)/1.08 var(--pm-serif);letter-spacing:-.04em}.pm-open-page small{font:500 1.25cqw/1.5 var(--fp-body);text-transform:uppercase;letter-spacing:.12em}
.pm-bookmark{position:absolute;left:49%;top:0;width:2%;height:116%;background:var(--pm-object-blue);transform:rotate(1deg);clip-path:polygon(0 0,100% 0,100% 100%,50% 96%,0 100%)}
.pm-step-model{position:absolute;inset:12% 0 5%;transform:rotateX(-5deg) rotateY(-20deg);transform-style:preserve-3d}
.pm-step-cube{position:absolute;width:29%;height:35%;left:11%;bottom:0;transform-style:preserve-3d}.pm-step-cube--2{left:29%;bottom:25%;height:44%;z-index:2}.pm-step-cube--3{left:54%;bottom:0;height:96%;width:36%;z-index:1}
.pm-cube-face{position:absolute;inset:0;display:block}.pm-cube-face--front{background:linear-gradient(115deg,#fff6,#0000000c),var(--pm-object-paper);transform:translateZ(30px);box-shadow:inset 0 0 0 1px #fff7;display:flex;align-items:center;justify-content:center;padding:20%;font:400 1.7cqw/2 var(--fp-body);letter-spacing:.22em;text-transform:uppercase;text-align:center;font-style:normal;color:var(--pm-object-ink)}
.pm-cube-face--side{width:60px;left:-60px;background:linear-gradient(90deg,color-mix(in srgb,var(--pm-object-blue),black 18%),var(--pm-object-blue));transform-origin:right;transform:rotateY(-90deg);box-shadow:inset 0 0 0 1px #fff5}
.pm-cube-face--top{height:60px;top:-60px;background:linear-gradient(140deg,#fff4,transparent),var(--pm-object-lime);transform-origin:bottom;transform:rotateX(90deg);border:1px solid #fff8}
.pm-rise-model{position:absolute;inset:15% 4% 10%;transform:rotateX(-12deg) rotateY(-20deg);transform-style:preserve-3d}
.pm-rise-slab{position:absolute;bottom:0;left:calc((var(--i) - 1)*15%);height:calc(12% + var(--i)*12%);width:18%;background:linear-gradient(115deg,#fff5,#0001),var(--pm-object-paper);border:1px solid #fff6;box-shadow:6px -2px 0 color-mix(in srgb,var(--pm-object-paper),black 20%),12px 12px 22px #17231a22;transform:translateZ(calc((6 - var(--i))*12px)) rotateY(-7deg)}
.pm-rise-slab--4,.pm-rise-slab--5{background:linear-gradient(115deg,#fff3,#0002),var(--pm-object-blue);box-shadow:6px -2px 0 color-mix(in srgb,var(--pm-object-blue),black 20%),12px 12px 22px #17231a22}.pm-rise-slab--6{background:linear-gradient(115deg,#fff5,#0001),var(--pm-object-lime);box-shadow:6px -2px 0 color-mix(in srgb,var(--pm-object-lime),black 20%),12px 12px 22px #17231a22}
.pm-orbit-model{position:absolute;inset:3% 7% 17%;transform:rotateY(-15deg) rotateZ(-7deg);transform-style:preserve-3d}
.pm-orbit-ring{position:absolute;inset:2% 12%;border:clamp(14px,3.5cqw,30px) solid var(--pm-object-blue);border-radius:50%;box-shadow:inset 3px 3px 2px #fff5,inset -5px -4px 6px #0006,3px 3px 0 color-mix(in srgb,var(--pm-object-blue),black 22%),7px 7px 0 color-mix(in srgb,var(--pm-object-blue),black 25%),15px 17px 18px #0003;transform:rotateY(-13deg)}
.pm-orbit-wire{position:absolute;inset:23% -2%;border:2px solid color-mix(in srgb,var(--pm-object-paper),black 25%);border-radius:50%;transform:rotate(-30deg) rotateX(44deg);box-shadow:0 1px 0 #fff8}
.pm-orbit-ball{position:absolute;right:7%;top:13%;width:12%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffad,var(--pm-object-lime) 28%,color-mix(in srgb,var(--pm-object-lime),black 40%) 92%);box-shadow:7px 9px 9px #0003}
.pm-orbit-play{position:absolute;width:39%;height:50%;left:33%;top:25%;color:var(--pm-object-paper);filter:drop-shadow(2px 0 0 #dedacd) drop-shadow(3px 3px 0 #c7c2b2) drop-shadow(8px 9px 7px #0005)}
.pm-orbit-base{position:absolute;left:20%;bottom:2%;width:61%;height:18%;background:linear-gradient(90deg,#0002,#fff4 35%,#0002),var(--pm-object-paper);border-radius:50% / 17%;box-shadow:10px 12px 25px #0003}.pm-orbit-base:before{content:"";position:absolute;left:0;right:0;top:-9%;height:27%;border-radius:50%;background:linear-gradient(100deg,#fff5,#0001),var(--pm-object-paper);border:1px solid #fff5}
.pm-check-model{position:absolute;top:7%;left:28%;height:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 25% 18%,color-mix(in srgb,var(--pm-object-ink),white 18%),var(--pm-object-ink) 60%,#07100b);border:2px solid #ffffff36;box-shadow:inset 3px 3px 2px #fff3,6px 6px 0 color-mix(in srgb,var(--pm-object-ink),black 25%),11px 11px 0 color-mix(in srgb,var(--pm-object-ink),black 30%),18px 25px 22px #0003;transform:rotateY(-23deg) rotateZ(-5deg);color:var(--pm-object-lime)}
.pm-check-model svg{width:100%;height:100%;filter:drop-shadow(2px 2px 0 color-mix(in srgb,var(--pm-object-lime),black 35%)) drop-shadow(4px 8px 4px #0008)}
.pm-ribbon-model{position:absolute;inset:15% 15%;transform:rotateY(-15deg) rotateZ(-12deg)}.pm-ribbon-model i{position:absolute;left:20%;top:0;bottom:0;width:32%;border-radius:60% 5% 60% 5%;transform:rotate(25deg);background:linear-gradient(90deg,color-mix(in srgb,var(--pm-object-lime),black 25%),var(--pm-object-lime) 55%,#fff8);box-shadow:10px 18px 15px #0002}.pm-ribbon-model i:nth-child(2){left:43%;transform:rotate(-25deg);background:linear-gradient(90deg,#c8c5b9,var(--pm-object-paper) 65%)}.pm-ribbon-model i:nth-child(3){left:61%;width:14%;transform:rotate(15deg)}
.pm-media{margin:0;position:relative}.pm-media img,.pm-media-empty{display:block;width:100%;aspect-ratio:var(--pm-media-ratio,1.5);object-fit:var(--pm-media-fit,cover);object-position:var(--pm-media-position,center);border-radius:2px}.pm-media-empty{background:var(--fp-sage);border:1px dashed var(--fp-line);display:grid;place-content:center;gap:16px;text-align:center;color:var(--fp-ink);font:14px var(--fp-body)}.pm-media-empty>span:first-child{font-size:40px;opacity:.5}.pm-media figcaption{font-size:12px;line-height:1.5;margin-top:10px;opacity:.75}
@media(max-width:767px){.pm-object{height:var(--pm-object-mobile,360px)}.pm-step-model{scale:.88}.pm-cube-face--side{width:35px;left:-35px}.pm-cube-face--top{height:35px;top:-35px}.pm-check-model{left:25%}.pm-book-cover-title{font-size:clamp(17px,5.2cqw,34px)}.pm-orbit-ring{border-width:18px}}
@media(prefers-reduced-motion:reduce){.pm-object-inner{--pm-lift:0px!important;--pm-turn:0deg!important}}
.pm-steps-vector,.pm-rise-vector{position:absolute;width:100%;height:100%;inset:0;overflow:visible;filter:drop-shadow(15px 22px 13px #17231a26)}
.pm-vector-front{fill:var(--pm-object-paper);stroke:#ffffff66;stroke-width:1}.pm-vector-side{fill:var(--pm-object-blue);stroke:#ffffff40;stroke-width:1}.pm-vector-top{fill:var(--pm-object-lime);stroke:#ffffff66;stroke-width:1}
.pm-vector-lettering{font:400 13px/2 var(--fp-body);letter-spacing:3px;text-align:center;color:var(--pm-object-ink);transform:skewY(-14deg);padding:22px 8px}
.pm-rise-vector{inset:4% 0 0;width:100%;height:94%;filter:drop-shadow(9px 13px 9px #17231a33)}
.pm-rise-vector :is(.pm-vector-side,.pm-vector-top){fill:color-mix(in srgb,var(--pm-object-paper),black 18%)}
.pm-rise-vector .pm-vector-top{fill:color-mix(in srgb,var(--pm-object-paper),white 10%)}
.pm-rise-vector-4 .pm-vector-front,.pm-rise-vector-5 .pm-vector-front{fill:var(--pm-object-blue)}.pm-rise-vector-4 .pm-vector-top,.pm-rise-vector-5 .pm-vector-top{fill:color-mix(in srgb,var(--pm-object-blue),white 15%)}.pm-rise-vector-4 .pm-vector-side,.pm-rise-vector-5 .pm-vector-side{fill:color-mix(in srgb,var(--pm-object-blue),black 25%)}
.pm-rise-vector-6 .pm-vector-front{fill:var(--pm-object-lime)}.pm-rise-vector-6 .pm-vector-side{fill:color-mix(in srgb,var(--pm-object-lime),black 25%)}.pm-rise-vector-6 .pm-vector-top{fill:color-mix(in srgb,var(--pm-object-lime),white 18%)}
.pm-pair-back .pm-book-cover{padding-left:23%}
.pm-orbit-base{transform:translateZ(-60px);background-image:url('paper-grain.svg'),linear-gradient(90deg,#0002,#fff4 35%,#0002);background-blend-mode:multiply;box-shadow:10px 12px 25px #0004}
.pm-orbit-ring{border:0;background:conic-gradient(from -30deg,color-mix(in srgb,var(--pm-object-blue),white 28%),var(--pm-object-blue) 25%,color-mix(in srgb,var(--pm-object-blue),black 30%) 45%,var(--pm-object-blue) 70%,color-mix(in srgb,var(--pm-object-blue),white 28%));box-shadow:inset 2px 2px 1px #fff5,4px 4px 0 color-mix(in srgb,var(--pm-object-blue),black 25%),9px 9px 0 color-mix(in srgb,var(--pm-object-blue),black 30%),15px 17px 18px #0003}
.pm-orbit-ring:after{content:"";position:absolute;inset:6%;border-radius:50%;background:var(--fp-bg);box-shadow:inset 2px 2px 2px #0007,1px 1px 1px #fff5}
.pm-orbit-model{transform-style:flat;isolation:isolate}.pm-orbit-ring{z-index:1}.pm-orbit-play{z-index:3}.pm-orbit-wire,.pm-orbit-ball{z-index:4}
