.hero{isolation:isolate;overflow:hidden}
.hero-relief{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;perspective:1100px}
.relief-piece{position:absolute;background:linear-gradient(135deg,#fdfcf9 0%,#eae8e2 100%);border:1px solid #ffffff80;box-shadow:18px 24px 34px #35332b18,5px 7px 10px #35332b10,inset 1px 1px 2px #fff;transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));}
.relief-disc{width:clamp(150px,21vw,300px);aspect-ratio:1;border-radius:50%;left:-6%;top:1%}
.relief-orbit{width:clamp(200px,27vw,390px);aspect-ratio:1;right:-14%;top:5%;border-radius:50%;background:linear-gradient(140deg,#fbfaf6,#e4e2dc);box-shadow:inset 15px 20px 30px #35332b18,inset -7px -8px 20px #fff,1px 1px 1px #fff}
.relief-fold{width:clamp(110px,15vw,220px);height:clamp(210px,28vw,400px);left:-2%;top:46%;border-radius:200px 0 0 200px}
.relief-slice{width:clamp(85px,11vw,160px);height:clamp(170px,22vw,320px);left:7%;top:51%;border-radius:160px 0 0 160px;background:linear-gradient(110deg,#faf9f5,#eeece6)}
.relief-arch{width:clamp(170px,22vw,320px);height:70%;right:-10%;top:48%;border-radius:200px 200px 0 0;background:linear-gradient(100deg,#fdfcf9,#e5e3dd)}
.relief-plinth{width:clamp(150px,20vw,290px);height:32%;left:-7%;bottom:-12%;background:linear-gradient(125deg,#fcfbf8,#eceae4)}
@media(min-width:1100px){.relief-disc{left:5%;top:4%}.relief-fold{left:0%;top:44%}.relief-slice{left:10%;top:51%}.relief-orbit{right:-5%;top:0%}.relief-arch{right:-2%}.relief-plinth{left:3%}}
@media(max-width:600px){.relief-disc{left:-23%;top:0%;width:170px}.relief-orbit{right:-38%;top:9%;width:230px}.relief-fold{left:-26%;top:46%;width:140px;height:280px}.relief-slice{left:-17%;top:54%;width:100px;height:200px}.relief-arch{right:-35%;top:53%;width:200px;opacity:.8}.relief-plinth{left:-27%;height:21%;width:170px}.relief-piece{box-shadow:10px 15px 25px #35332b14,3px 5px 8px #35332b0c,inset 1px 1px 2px #fff}}
@media(prefers-reduced-motion:reduce){.relief-piece{transform:none!important}}
/* Bring the sculpture into the composition, with a quiet center for the brand. */
.relief-piece{transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotateZ(var(--rz,0deg))}
.relief-disc{left:6%;top:3%}
.relief-orbit{right:7%;top:24%;width:clamp(160px,23vw,330px)}
.relief-fold{left:4%;top:43%}
.relief-slice{left:15%;top:48%}
.relief-arch{right:8%;top:66%;height:48%}
.relief-plinth{left:23%;bottom:-22%}
@media(min-width:1100px){.relief-disc{left:14%}.relief-orbit{right:13%;top:20%}.relief-fold{left:12%}.relief-slice{left:22%}.relief-arch{right:18%}.relief-plinth{left:32%}}
@media(max-width:600px){.relief-disc{left:-9%;top:3%;width:130px}.relief-orbit{right:-7%;top:29%;width:150px}.relief-fold{left:-12%;top:43%;width:110px;height:220px}.relief-slice{left:2%;top:48%;width:75px;height:150px}.relief-arch{right:-4%;top:72%;width:140px}.relief-plinth{left:22%;bottom:-17%;width:130px}}

/* Softer paper relief: fade the whole sculpture, including its shadows. */
.hero-relief{opacity:.80}