/* Compact portfolio. Full interfaces and product details live on their own pages. */
.story-home .product-edit{padding-block:50px 40px;scroll-margin-top:20px}
.product-heading{display:flex;align-items:baseline;justify-content:space-between;gap:28px}
.product-heading h2{font-size:clamp(36px,4vw,58px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0}
.product-actions{display:flex;align-items:center;gap:24px;flex:none}
.product-actions>.text-link{min-height:44px;font-size:14px;gap:18px}
#product-motion{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid #46536b;color:#b9c5d9;border-radius:6px;cursor:pointer}
#product-motion[hidden]{display:none}
#product-motion .icon{width:15px;height:15px}
#product-motion:hover{color:#fff;border-color:#a7bcff}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 36px;margin-top:28px}
.product-exhibit{min-width:0}
.product-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;border-bottom:1px solid #34415a;padding-bottom:20px;transition:border-color .25s ease-out}
.product-art{height:140px;overflow:hidden;position:relative;flex:none}
.product-art img,.product-art video{display:block;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .4s ease-out}
.product-art video{position:absolute;inset:0;opacity:0;pointer-events:none}
.product-art[data-playing=true] video{opacity:1}
.product-art[data-playing=true] img{opacity:0}
.product-caption{padding-top:14px;display:flex;flex-direction:column;flex:1}
.product-caption h3{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:22px;font-weight:400;line-height:1.3;letter-spacing:-.025em;margin:0;text-wrap:balance}
.product-caption h3 .icon{width:16px;height:16px;flex:none;color:#a7bcff;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.product-caption p{font-size:14px;color:#b9c5d9;line-height:1.6;max-width:38ch;margin:8px 0 12px;flex:1}
.product-availability{display:block;color:#aab8cf;font-size:12px;line-height:1.6}
.product-availability strong{color:#c9d5ed;font-weight:500}
.product-link:focus-visible{outline:2px solid #a7bcff;outline-offset:8px;border-color:#a7bcff}
@media(hover:hover) and (pointer:fine){
 .product-link:hover{border-color:#a7bcff}
 .product-link:hover .product-art img,.product-link:hover .product-art video{transform:scale(1.025)}
 .product-link:hover h3 .icon{transform:translate(3px,-3px)}
}
@media(max-width:1049px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 32px}.product-art{height:160px}}
@media(max-width:849px){.story-home .product-edit{padding-block:65px 50px}.product-heading h2{font-size:38px}.product-actions>.text-link{font-size:13px}}
@media(max-width:600px){
 .story-home .product-edit{padding-block:55px 40px}
 .product-heading{align-items:flex-start;gap:14px;flex-direction:column}
 .product-heading h2{font-size:36px;max-width:12ch}
 .product-actions>.text-link{min-height:44px}
 .product-grid{gap:22px 20px;margin-top:18px}
 .product-link{padding-bottom:18px}
 .product-art{height:auto;aspect-ratio:16/10}
 .product-caption{padding-top:10px}
 .product-caption h3{font-size:18px;gap:6px;min-height:2.6em}
 .product-caption h3 .icon{width:12px;height:12px;margin-top:4px}
 .product-caption p{font-size:13px;line-height:1.55;margin:8px 0 10px}
 .product-availability{font-size:11px;line-height:1.6}
}
@media(max-width:359px){.product-grid{grid-template-columns:1fr;gap:20px}.product-link{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center}.product-art{height:110px;aspect-ratio:auto}.product-caption{padding-top:0}.product-caption h3{min-height:0}.product-caption p{font-size:13px}}
.story-home.world-paused .product-link,.story-home.world-paused .product-art img,.story-home.world-paused .product-art video,.story-home.world-paused .product-caption h3 .icon{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.product-link,.product-art img,.product-art video,.product-caption h3 .icon{transition:none!important;transform:none!important}}