/* Decorative hover accents share the card's existing active state and dimensions. */
.project-hover-accent{position:absolute;right:4%;bottom:4%;width:27%;aspect-ratio:1;pointer-events:none;opacity:0;filter:blur(3px);transform:translateY(10px) translateZ(70px);transform-style:preserve-3d;transition:opacity 220ms ease-out,filter 220ms ease-out,transform 300ms cubic-bezier(.22,1,.36,1);perspective:600px;z-index:3;}
.project-hover-accent.is-accent-active{opacity:1;filter:blur(0);transform:translateY(0) translateZ(70px);}
.project-hover-accent img{display:block;width:100%;height:auto;max-width:none;}
.hover-accent-furniture{width:33%;aspect-ratio:3/4;bottom:-5%;}
.hover-bed{width:100%;height:100%;background:url('Assets/Card Hover/ottoman.png') 0 0/400% 200% no-repeat;clip-path:polygon(7% 31%,61% 29%,61% 39%,90% 47%,94% 54%,94% 71%,33% 74%,7% 59%);}
.hover-accent-judy{width:18%;aspect-ratio:150/267;right:5%;bottom:4%;}
.hover-phone{width:100%;height:100%;padding:3px;box-sizing:border-box;border:1px solid #555;border-radius:12px;background:#222;box-shadow:5px 9px 12px #0002;}
.hover-phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:9px;background:#fff;}
.hover-phone video{position:absolute;width:986.667%;height:138.577%;max-width:none;left:-443.333%;top:-6.367%;object-fit:cover;}
.hover-accent-faith{width:23%;aspect-ratio:1217/1293;}
.hover-crystal-turn,.hover-ring-turn{width:100%;height:100%;transform-style:preserve-3d;}
.hover-crystal-turn img{clip-path:polygon(18% 17%,24% 9%,35% 8%,45% 14%,57% 14%,68% 8%,78% 9%,83% 18%,79% 28%,79% 39%,81% 55%,81% 84%,72% 92%,58% 90%,45% 90%,32% 93%,20% 87%,18% 57%,20% 43%,18% 30%);}
.hover-glint{position:absolute;left:66%;top:32%;width:15%;aspect-ratio:1;background:#fff;clip-path:polygon(50% 0,59% 40%,100% 50%,59% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;}
.hover-accent-anchor{width:32%;aspect-ratio:1.05;font-family:Geist,sans-serif;color:#193724;}
.hover-filter{border:1px solid #c5cfc4;border-radius:8px;background:#fff;box-shadow:4px 8px 12px #0002;overflow:hidden;}
.hover-filter-heading{padding:8%;font-size:clamp(7px,1.7cqw,11px);font-weight:600;display:flex;justify-content:space-between;border-bottom:1px solid #dde2da;}
.hover-filter-body{padding:8%;font-size:clamp(6px,1.5cqw,10px);}
.hover-filter-options{display:flex;gap:10%;margin:12% 0;}
.hover-filter-options span{width:17%;aspect-ratio:1;border-radius:50%;background:#ece4d1;border:1px solid #0002;outline:1px solid transparent;outline-offset:2px;}
.hover-filter-options span:nth-child(2){background:#26282d;}.hover-filter-options span:last-child{background:#82a1d3;}
.hover-filter-selection{display:flex;align-items:center;gap:5%;width:max-content;padding:4% 9%;border-radius:3px;background:#edf0e9;margin-bottom:10%;}
.hover-filter-selection i{width:5px;height:5px;border-radius:50%;background:#82a1d3;}
.hover-filter-apply{background:#193724;color:#fff;border-radius:3px;padding:6%;text-align:center;}
.hover-accent-rieker{width:30%;aspect-ratio:152/76;right:6%;bottom:8%;color:#fff;}
.hover-footprint{display:block;width:100%;height:100%;transform:rotate(-14deg);overflow:visible;}
.hover-footprint path{transform-box:fill-box;transform-origin:center;}
.hover-accent-jewellery{width:32%;aspect-ratio:3/2;bottom:5%;}
.hover-ring{mask:url('Assets/Card Hover/gold-band-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('Assets/Card Hover/gold-band-mask.svg') center/100% 100% no-repeat;}
.hover-accent-fab{width:35%;aspect-ratio:3/2;right:5%;bottom:5%;container-type:inline-size;}
.hover-room{position:absolute;inset:0;overflow:hidden;border-radius:6px;box-shadow:4px 8px 16px #0004;}
.hover-room-crop{position:absolute;width:180%;left:-48%;top:-37.6%;aspect-ratio:1600/928;}
.hover-room-spot{position:absolute;left:65.25%;top:60.13%;width:2.02%;box-sizing:border-box;aspect-ratio:1;border:1px solid #fff8b0;border-radius:50%;translate:-50% -50%;box-shadow:0 0 5px #fff5a0;}
.hover-room-tile{position:absolute;right:8%;bottom:52%;display:flex;align-items:center;gap:5px;padding:4px 6px 4px 4px;border-radius:4px;background:#fff;color:#231b15;font:600 clamp(7px,8cqw,12px)/1 Geist,sans-serif;box-shadow:0 3px 9px #0004;opacity:0;}
.hover-room-tile span{width:22cqw;aspect-ratio:1.5;border-radius:2px;background:url('Assets/Case Studies/fab/prototype/room.webp') 76% 79%/440% auto no-repeat;}
.hover-accent-cake{width:29%;aspect-ratio:160/140;bottom:3%;}
.hover-icing{display:block;width:100%;height:100%;overflow:visible;}
.hover-accent-cake .hover-piping{position:absolute;width:84%;height:auto;left:22%;top:-20%;mask:url('Assets/Card Hover/piping-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('Assets/Card Hover/piping-mask.svg') center/100% 100% no-repeat;}
@media(prefers-reduced-motion:reduce){.project-hover-accent{transition:none;transform:translateZ(70px);filter:none;}.hover-glint{display:none;}}
.hover-accent-anchor{bottom:1%;}
/* Keep the miniature filter UI compact rather than inheriting card-sized type. */
.hover-accent-anchor{width:24%;aspect-ratio:.85;container-type:inline-size;}
.hover-filter{height:100%;box-sizing:border-box;}
.hover-filter-heading{padding:6%;font-size:clamp(6px,6cqw,9px);}
.hover-filter-body{padding:6%;font-size:clamp(6px,5cqw,8px);}
.hover-filter-options{margin:8% 0;}
.hover-filter-selection{padding:3% 6%;margin-bottom:7%;}
.hover-filter-apply{padding:5%;}