/* A large, deliberate image sequence in Cinema. Nothing advances on its own. */
.featured-reel{display:none}
.feature-ready[data-mode="cinema"] .featured-reel{display:block;margin-top:0}
.featured-stage{border:1px solid var(--line);border-radius:4px;overflow:hidden;touch-action:pan-y}
.featured-slide[hidden]{display:none!important}
.featured-slide figure{margin:0}
.featured-slide .zoom{display:block;position:relative;background:var(--stage-bg,#191e1d)}
.featured-slide .zoom img{width:100%;height:clamp(340px,58vh,760px);object-fit:contain;padding:18px}
.featured-slide figcaption{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#171d1c;color:#f2eee6}
.featured-slide figcaption p{font-size:14px;line-height:1.5;color:#c8d0cb;margin:0 0 5px}
.featured-slide h3{font-size:clamp(25px,3vw,38px);line-height:1.1;margin:0;letter-spacing:-.035em}
.featured-slide h3 a{text-decoration:none}
.mood-warm{--stage-bg:#282721}.mood-rose{--stage-bg:#2b2227}.mood-blue{--stage-bg:#1b292f}.mood-green{--stage-bg:#202d27}
.featured-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px}
.featured-count{font-size:14px;margin:0}
.featured-controls>div{display:flex;gap:8px}
.featured-controls button{min-width:58px;min-height:44px;padding:8px 12px;border:1px solid currentColor;border-radius:24px;background:none;color:inherit;font:inherit;font-size:14px;cursor:pointer}
.featured-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.featured-picker button{min-height:44px;border:1px solid var(--line);border-radius:3px;background:none;color:inherit;padding:9px 13px;font:inherit;font-size:14px;cursor:pointer}
.featured-picker button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.featured-picker button span{opacity:.65;margin-right:6px}
.featured-controls button:hover,.featured-picker button:hover{background:#ded9cc;color:#14201d}
.art-introduction{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}
.art-introduction .project-image{aspect-ratio:1.35;background:#d6d7d0}
.art-introduction .project-image img{object-fit:contain}
.art-introduction .project-card{min-width:0}
.art-gallery{display:grid;grid-template-columns:1fr;max-width:1400px;margin:auto;gap:40px}
.art-gallery .zoom img{max-height:850px;object-fit:contain;background:var(--panel)}
.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.photo-gallery .zoom img{aspect-ratio:4/5;object-fit:contain;background:var(--panel)}
.art-process{max-width:65ch;margin:0 auto 32px;font-size:17px;line-height:1.6}
.feature-ready[data-mode="cinema"] .home .selected-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}
.feature-ready[data-mode="cinema"] .home .selected-grid .project-card{grid-column:auto;display:block}
.feature-ready[data-mode="cinema"] .home .selected-grid .project-image{aspect-ratio:1.6;height:auto;width:100%;min-width:0}
.feature-ready[data-mode="cinema"] .home .selected-grid .project-image img{max-height:none}
@media(max-width:700px){
 .featured-slide .zoom img{height:clamp(240px,43vh,420px);padding:8px}
 .featured-slide figcaption{padding:18px 15px}
 .featured-controls{gap:10px}
 .featured-count{max-width:24ch}
 .featured-picker{gap:5px}
 .featured-picker button{padding:8px 10px}
 .art-introduction,.photo-gallery{grid-template-columns:1fr;gap:30px}
 .art-introduction .project-image{aspect-ratio:1.25}
 .feature-ready[data-mode="cinema"] .home .selected-grid{grid-template-columns:1fr}
 .art-gallery{gap:30px}
}
@media(prefers-reduced-motion:reduce){.featured-reel *{animation:none!important;transition:none!important}}

.featured-reel .section-title{padding:0;margin-bottom:18px;border:0;align-items:center;gap:20px}
.feature-ready[data-mode="cinema"] .featured-reel{padding-top:0}
.featured-reel .featured-controls{margin-top:0}
.featured-slide .zoom img{height:clamp(300px,48vh,720px)}
.feature-browse{display:inline-flex;margin-top:16px}
@media(max-width:700px){.featured-reel .section-title{flex-wrap:wrap;gap:6px}.featured-reel .section-title>h2{width:100%}.featured-reel .featured-controls{width:100%}.featured-slide .zoom img{height:clamp(240px,43vh,420px)}}

.art-process{padding-top:0;padding-bottom:0}

.case-modeled-environments .gallery-item:first-child{grid-column:1 / -1}
