/* Preserve the supplied photograph's PVC seal: crop x=108..918, y=138..1347. */
.hero-art{isolation:isolate}
.card-stage{--card-x:7deg;--card-y:-13deg;--card-z:-6deg;--light-x:38%;--light-y:32%;--shadow-x:15px;--shadow-scale:1;--sheen:.23;position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center;perspective:1100px;perspective-origin:50% 43%;touch-action:pan-y;cursor:grab;outline-offset:-7px!important;-webkit-user-select:none;user-select:none}
.card-stage.dragging{cursor:grabbing}
.card-object{position:relative;width:282px;aspect-ratio:810/1209;transform-style:preserve-3d;transform:translateY(-22px) rotateX(var(--card-x)) rotateY(var(--card-y)) rotateZ(var(--card-z));transition:transform 550ms cubic-bezier(.2,.7,.2,1);will-change:transform}
.card-stage.tracking .card-object{transition:transform 90ms ease-out}
.card-face{position:absolute;inset:0;border-radius:6.9% / 4.6%}
.card-edge{display:none}
.card-face{overflow:hidden;background:transparent;backface-visibility:hidden;transform:translateZ(0);box-shadow:0 8px 18px #24372614}
.card-face .hero-card{position:absolute;max-width:none;width:126.419753%;height:127.047146%;left:-13.333333%;top:-11.414392%;border-radius:0;transform:none;filter:none;mix-blend-mode:normal;pointer-events:none}
.card-sheen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#fff 0%,#ffffff70 20%,#fff0 62%),linear-gradient(115deg,#fff0 15%,#fff6 35%,#fff0 53%);opacity:var(--sheen);mix-blend-mode:screen;transition:opacity 350ms ease-out}
.card-rim{display:none}
.card-ground{position:absolute;bottom:68px;width:230px;height:22px;border-radius:50%;background:#283b251a;filter:blur(15px);transform:translateX(var(--shadow-x)) scaleX(var(--shadow-scale));transition:transform 350ms ease-out;pointer-events:none}
.hero-art .tap-tag,.hero-art .material-tag{pointer-events:none}
.hero-art .tap-tag{bottom:150px;right:16px}.hero-art .material-tag{bottom:115px}
.card-controls{position:absolute;z-index:4;bottom:60px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.card-controls p{font-size:9px;letter-spacing:.25px;color:#506045;line-height:1.6}.card-controls p span{display:block;font-size:8px;color:#697364}
.card-controls>div{display:flex;gap:5px}.card-controls button{background:#f7f8f2dc;border:1px solid #ccd5bf;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:17px;transition:background 160ms ease-out,transform 160ms ease-out}.card-controls button:hover{background:var(--green);transform:translateY(-2px)}
@media(min-width:1500px){.card-object{width:305px}}
@media(max-width:1150px){.card-object{width:255px}.card-ground{bottom:80px}}
@media(max-width:800px){.card-object{width:260px}.card-controls{left:20px;right:20px;bottom:58px}.hero-art .tap-tag{right:15px;bottom:170px}.hero-art .material-tag{bottom:116px;left:18px}.card-controls p span{display:none}.card-ground{bottom:80px}}
@media(max-width:380px){.card-object{width:220px}.hero-art .tap-tag{bottom:150px;right:9px;font-size:10px;padding:10px}.hero-art .material-tag{bottom:109px;font-size:7px;padding:9px}.card-controls{left:16px;right:16px}.card-controls button{width:34px;height:34px}.card-ground{width:190px;bottom:70px}}
@media(prefers-reduced-motion:reduce){.card-object{transform:translateY(-22px) rotateZ(-6deg)!important;will-change:auto}.card-sheen{opacity:.1}.card-controls{display:none}.card-stage{cursor:default}.card-ground{transform:none}}