/* Preview controls are siblings of film buttons, so both actions remain usable. */
.project-preview{--preview-x:0deg;--preview-y:0deg;--preview-glint:35%;position:relative}
.project-preview-host{min-width:0;perspective:1100px}
.project-preview-host>.work-item{width:100%;height:100%;display:block}
.project-preview-surface{position:relative;isolation:isolate}
.project-preview-work .poster{transform:rotateX(var(--preview-x)) rotateY(var(--preview-y));transform-origin:center;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
.project-preview-work:hover .poster,.project-preview-work:focus-within .poster{border-color:#cab2f580;box-shadow:0 16px 40px #0005}
.project-preview-work .poster:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--preview-glint) 0%,#d9c9ff1c,transparent 58%);transition:opacity .35s}
.project-preview-work:hover .poster:after,.project-preview-work:focus-within .poster:after{opacity:1}
.project-preview-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;background:#08070b;pointer-events:none;opacity:0;transition:opacity .3s ease}
.is-previewing .project-preview-video{opacity:1}
.project-preview-toggle{position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:132px;min-height:44px;padding:10px 14px;border:1px solid #d8c5ff45;background:#130c20de;backdrop-filter:blur(12px);color:#e7dbfb;font-size:10px;font-weight:600;letter-spacing:.1em;line-height:1.2;white-space:nowrap;transition:background .25s,border-color .25s,box-shadow .25s}
.project-preview-toggle:hover,.project-preview-toggle:focus-visible{border-color:#ded0ffb5;background:#2e1f45f2;color:#e7dbfb;box-shadow:0 5px 28px #0004}
.project-preview-toggle[aria-pressed=true]{background:#d6b7fb;color:#190d2c;border-color:#eadbff}
.project-preview-icon{display:block;width:9px;height:10px;position:relative;flex:none}
.project-preview-icon:before{content:'';display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}
[aria-pressed=true]>.project-preview-icon:before{width:8px;height:8px;border:0;background:currentColor;margin-top:1px}
.is-preview-loading .project-preview-icon:before{width:10px;height:10px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;background:transparent;animation:preview-loading .85s linear infinite}
.project-preview-work>.project-preview-toggle{position:absolute;top:12px;left:12px;box-shadow:0 3px 18px #0008}
.project-preview-category .category-copy>.project-preview-toggle{display:flex;margin-top:18px;width:max-content;background:#0d0914cc;font-size:9px;min-width:141px}
.project-preview-category.is-previewing .art-play{opacity:0;transition:opacity .25s}
.project-preview-category .art-overlay{z-index:3}
.project-preview-category .art-frame:after{z-index:4;pointer-events:none}
.project-preview-custom>.project-preview-toggle{position:absolute;top:16px;left:16px;bottom:auto;right:auto}
.project-preview-custom>.project-preview-toggle>.project-preview-label{font-size:10px;line-height:1.2}
.project-preview-custom .showroom-preview-indicator{z-index:4}
.project-preview.is-previewing .frame-title{opacity:0;transition:opacity .2s}
.project-preview-toggle.preview-unavailable .project-preview-icon:before{border-left-color:#c5aacb}
@keyframes preview-loading{to{transform:rotate(360deg)}}
@media(max-width:700px){
 .project-preview-work>.project-preview-toggle{top:10px;left:10px;font-size:9px;padding:10px 12px;min-width:129px}
 .project-preview-category .category-copy>.project-preview-toggle{margin-top:12px;min-height:44px}
 .project-preview-custom>.project-preview-toggle{top:12px;left:12px}
}
@media(prefers-reduced-motion:reduce){
 .project-preview-work .poster{transform:none!important;transition:none}
 .project-preview-video,.project-preview-toggle,.project-preview-work .poster:after{transition:none}
 .is-preview-loading .project-preview-icon:before{animation:none}
}
.reduced-motion .project-preview-work .poster{transform:none!important;transition:none}
.reduced-motion .project-preview-video,.reduced-motion .project-preview-toggle{transition:none}
.reduced-motion .is-preview-loading .project-preview-icon:before{animation:none}