model-viewer.character-model { display:block; background:transparent; --poster-color:transparent; cursor:grab; touch-action:pan-y; }
model-viewer.character-model:active { cursor:grabbing; }
model-viewer.character-model:focus-visible { outline:2px dashed #467d36; outline-offset:4px; border-radius:24px; }
.hero-model { position:absolute; top:120px; left:26%; width:56%; height:490px; }
.about-model { width:100%; height:580px; scale:.85; transform-origin:center center; }
.about-picture:has(.character-model):after { display:none; }
.experience-model { width:100%; height:470px; }
.meditate:has(.character-model) .shadow { display:none; }
.work-model { width:160px; height:190px; scale:.85; transform-origin:center bottom; }
.contact-model { position:absolute; left:0; top:0; width:235px; height:295px; }
.character-hint { left:79%; top:53%; }
@media(min-width:1700px) { .hero-model { top:155px; height:535px; } }
@media(max-width:760px) {
  .hero-model { top:16vw; left:17%; width:70%; height:390px; }
  .about-model { height:350px; }
  .experience-model { height:340px; }
  .work-model { width:140px; height:160px; }
  .contact-model { width:215px; height:265px; }
  .character-hint { left:77%; top:53%; width:80px; }
}