.portfolio .p-hero-3d{isolation:isolate}.portfolio .p-hero-fallback,.portfolio .p-hero-canvas{position:absolute;inset:0}.portfolio .p-hero-canvas{opacity:0;background:var(--p-bg);pointer-events:none;transition:opacity .18s ease-out}.portfolio .p-hero-3d[data-ready=true] .p-hero-canvas{opacity:1}.portfolio .p-hero-fallback img{object-fit:contain}.portfolio .p-hero-3d .p-art-note,.portfolio .p-hero-3d .p-art-sticker,.portfolio .p-hero-3d .p-art-coordinate{z-index:1;pointer-events:none}@media (min-width:1100px){.portfolio .p-hero-3d{height:600px}.portfolio .p-hero-3d .p-hero-fallback,.portfolio .p-hero-3d .p-hero-canvas{inset:0 -20px}}@media (min-width:701px) and (max-width:1099px){.portfolio .p-hero{grid-template-columns:1fr;gap:40px}.portfolio .p-hero-3d{justify-self:center;width:min(100%,540px);height:500px}}