*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101113;color:#eeeae3;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d2ae78;outline-offset:6px}header{max-width:1400px;margin:auto;padding:34px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{font-family:Georgia,serif;font-size:27px;color:#f2ede5;text-decoration:none;letter-spacing:-1px}.brand span{color:#c8a570}.brand i{font:12px Arial;vertical-align:top;margin-left:5px}.preview,.eyebrow{font-size:12px;letter-spacing:2px;color:#bca684}.preview{font-size:11px;color:#858587}main{max-width:1400px;margin:auto;padding:48px 6% 28px}.intro{text-align:center}.intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,4vw,52px);letter-spacing:-1px;margin:15px 0}.intro p{font-size:16px;color:#969694;margin:0}.objects{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin:35px auto 0}.object-card{text-align:center;min-width:0}.stage{height:340px;perspective:1100px;position:relative;display:flex;align-items:center;justify-content:center;touch-action:pan-y;cursor:grab;isolation:isolate}.stage.dragging{cursor:grabbing;touch-action:none}.stage:after{content:"";position:absolute;width:260px;height:30px;bottom:32px;border-radius:50%;background:#000;filter:blur(18px);opacity:.65;z-index:-1}.cube{width:240px;height:240px;position:relative;transform-style:preserve-3d;will-change:transform}.face{position:absolute;inset:0;width:240px;height:240px;backface-visibility:hidden;border:1px solid #8f7a5a;border-radius:9px;box-shadow:inset 0 0 0 6px #111214,inset 0 0 0 7px #ffffff0d;display:flex;flex-direction:column;text-align:left;padding:28px;background:linear-gradient(135deg,#2c2822,#161718 75%);overflow:hidden}.studio .face{background:linear-gradient(135deg,#eeeae2,#c6c5be);color:#17191a;border-color:#eeeae2;box-shadow:inset 0 0 0 6px #d8d6ce,inset 0 0 0 7px #00000012}.face:hover{border-color:#efd6a9}.face:focus-visible{outline-offset:-10px}.face .number{font-size:12px;letter-spacing:2px;color:#bfa77f}.studio .face .number{color:#59594f}.face h3{font:400 30px/1.05 Georgia,serif;margin:auto 0 10px}.face small{font-size:14px;line-height:1.4;color:#b9b3a9}.studio .face small{color:#565954}.face .face-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:12px;letter-spacing:1px}.face .plus{font-size:23px;font-weight:300}.face.top,.face.bottom{pointer-events:none;display:flex;align-items:center;justify-content:center;text-align:center;font:italic 22px Georgia,serif;background:#242321}.studio .face.top,.studio .face.bottom{background:#dad7ce}.object-label{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:2px}.object-label h2{font:400 28px Georgia,serif;letter-spacing:.2px;margin:0}.object-label .index{color:#908478;font-size:12px}.object-note{margin:10px 0 18px;color:#92928e;font-size:14px}.controls{display:flex;justify-content:center;gap:8px;align-items:center}.controls button{background:transparent;border:1px solid #ffffff25;border-radius:50%;width:36px;height:36px;font-size:20px}.controls button:hover{background:#ffffff0b}.dots{display:flex;gap:9px;margin:0 14px}.dots button{width:7px;height:7px;border:0;padding:0;background:#5a5650;outline-offset:5px}.dots button.active{background:#d7b98b;box-shadow:0 0 0 3px #d7b98b15}footer{margin-top:55px;padding-top:22px;border-top:1px solid #ffffff12;display:flex;gap:22px;align-items:center;flex-wrap:wrap;color:#92928e;font-size:14px}footer p{margin:0;flex:1}#motion{background:none;border:1px solid #ffffff24;border-radius:20px;padding:9px 15px;font-size:14px}.signature{font:italic 17px Georgia,serif;color:#bda684}dialog{border:1px solid #6e5b41;border-radius:16px;background:#1c1d1e;color:#eeeae3;padding:45px;max-width:520px;width:calc(100% - 32px);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#080909bd;backdrop-filter:blur(8px)}dialog h2{font:400 38px Georgia,serif;margin:18px 0}dialog p{font-size:16px;line-height:1.6;color:#c5c1ba}dialog .sample-note{font-size:14px;color:#95938e;border-top:1px solid #ffffff18;padding-top:20px}#close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:30px}.back{border:1px solid #a58a64;border-radius:25px;background:none;padding:12px 22px;margin-top:10px}@media(max-width:760px){header{padding:23px 6%}.preview{font-size:9px;letter-spacing:1px}main{padding-top:36px}.objects{grid-template-columns:1fr;gap:35px;margin-top:10px}.stage{height:310px;perspective:950px}.stage:after{bottom:23px}.cube,.face{width:220px;height:220px}.face{padding:25px}.face h3{font-size:29px}footer{margin-top:38px;justify-content:center;text-align:center}footer p{flex-basis:100%}.signature{display:block}dialog{padding:35px 26px}}@media(prefers-reduced-motion:reduce){.cube{will-change:auto}}
/* Larger cubes, with all six faces measuring 400 × 400. */
.stage{height:540px;perspective:1500px}.stage:after{width:370px;bottom:45px}.cube{width:400px;height:400px;flex-shrink:0}.face{width:400px;height:400px;padding:36px}.face h3{font-size:42px}.face small{font-size:18px}.face .number{font-size:16px}.face .face-bottom{font-size:16px}.face.top,.face.bottom{width:400px;height:400px;top:0;left:0;font-size:30px}
@media(max-width:760px){.stage{height:360px;perspective:1300px}.stage:after{width:65%;bottom:35px}.cube,.face{width:400px;height:400px}.face{padding:32px}.face h3{font-size:44px}.face small{font-size:24px}.face .number,.face .face-bottom{font-size:22px}}

/* Transparent single-object surfaces for the two existing WordPress picture blocks. */
html.embedded,html.embedded body{background:transparent!important;color-scheme:normal;overflow:hidden;height:100%}html.embedded header,html.embedded .intro,html.embedded footer,html.embedded .object-label,html.embedded .object-note{display:none}html.embedded main{padding:0;width:100%;height:100%;max-width:none}html.embedded .objects{display:block;margin:0;height:100%}html.embedded .object-card{height:100%}html.embedded .stage{height:calc(100dvh - 60px);min-height:120px;perspective:1500px}html.embedded .stage:after{width:55%;bottom:12px}html.embedded .controls{width:fit-content;margin:0 auto;background:#101113b8;border:1px solid #ffffff25;border-radius:30px;padding:7px 12px;color:#eeeae3;backdrop-filter:blur(6px)}html.embedded .controls button{width:32px;height:32px}html.embedded .dots button{width:7px;height:7px}html.embedded dialog{max-height:calc(100dvh - 24px);overflow:auto}