.hero-artwork-composite{position:absolute;inset:0}.hero-real-canvas{clip-path:polygon(1.1% 0,100% .6%,99.3% 100%,0 100%);background:#191713;justify-content:center;align-items:center;width:41.15%;height:68.6%;display:flex;position:absolute;top:14.25%;left:38.7%;overflow:hidden;box-shadow:inset 0 0 16px #0009}.hero-real-canvas svg{width:100%;height:100%;display:block;overflow:hidden}.hero-motion .portrait-reveal{overflow:visible}.portrait-depth{transform:perspective(1100px) rotateY(var(--portrait-x,0deg)) rotateX(var(--portrait-y,0deg));transition:transform .45s ease-out;position:absolute;inset:0}.portrait-arrival{transform-origin:58% 54%;position:absolute;inset:0}.portrait-reveal.is-playing .portrait-arrival{animation:3.8s cubic-bezier(.22,.7,.2,1) both portrait-arrive}.hero-motion .portrait-reveal .portrait-monochrome{filter:grayscale()brightness(.78)}.portrait-colour{position:absolute;inset:0;overflow:hidden}.portrait-reveal.is-playing .portrait-colour{animation:3.8s cubic-bezier(.22,.7,.2,1) both portrait-bloom}.portrait-light{pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(112deg,#0000 38%,#ffe1a936 47%,#fff2d978 50%,#e3b77924 53%,#0000 62%);position:absolute;inset:-30%}.portrait-reveal.is-playing .portrait-light{animation:3.8s ease-in-out both portrait-glisten}.portrait-replay{z-index:5;color:#ead8bb;min-height:44px;font:500 11px/1.4 var(--sans);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c6ae8b66;align-items:center;gap:12px;padding:8px 0;display:flex;position:absolute;bottom:62px;right:11%}.portrait-replay span{font-size:23px}.portrait-replay:hover{color:#fff;border-color:#fff}.portrait-replay:focus-visible{outline-offset:5px;outline:2px solid #ead8bb}@keyframes portrait-bloom{0%,8%{clip-path:circle(0% at 38% 72%);filter:brightness(1.15)}42%{clip-path:circle(25% at 38% 72%)}to{clip-path:circle(115% at 38% 72%);filter:brightness()}}@keyframes portrait-arrive{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes portrait-glisten{0%,15%{opacity:0;transform:translate(-70%)}38%{opacity:.75}85%,to{opacity:0;transform:translate(70%)}}@media (width<=900px){.portrait-replay{font-size:10px;bottom:12px;right:24px}}@media (prefers-reduced-motion:reduce){.portrait-depth{transition:none;transform:none}.portrait-reveal.is-playing .portrait-colour,.portrait-reveal.is-playing .portrait-light,.portrait-reveal.is-playing .portrait-arrival{animation:none}.portrait-light,.portrait-replay{display:none}}