.portfolio-my-cinema-root{--cinema-blue:#0000ff}
.portfolio-my-cinema-root .portfolio-eyebrow{color:#777}
.mc-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:36px 0 8px}
.mc-principles article{padding-top:20px;border-top:1px solid #dedede;min-width:0}
.mc-principles article>span{display:block;margin-bottom:20px;font-size:14px;color:#777}
.mc-principles p{margin:0!important}
.mc-artwork{display:block;position:relative;border:0;padding:0;background:#f5f5f7;width:100%;overflow:hidden;text-align:inherit;border-radius:18px;font:inherit;color:inherit}
.mc-artwork img{display:block;width:100%;height:100%;object-fit:contain}
.mc-view{position:absolute;right:16px;bottom:16px;padding:10px 14px;border-radius:40px;background:#fff;color:#171717;font-size:14px;opacity:0;transition:opacity .18s}
.mc-artwork:is(:hover,:focus-visible) .mc-view{opacity:1}
.mc-light-feature{margin:40px 0 44px}
.mc-light-feature .mc-artwork{aspect-ratio:4/3;background:#171717}
.mc-light-feature img{object-fit:cover}
.portfolio-my-cinema-root figcaption{font-size:14px;line-height:1.5;color:#777;margin-top:14px}
.mc-carousel{margin:36px 0 0;min-width:0;max-width:100%}
.mc-track{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y pinch-zoom;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:18px}
.mc-track::-webkit-scrollbar{display:none}
.mc-track :is(button,img,span){touch-action:pan-x pan-y pinch-zoom!important}
.mc-slide{flex:0 0 calc(100% - 32px);width:calc(100% - 32px);min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.mc-slide .mc-artwork{aspect-ratio:4/3}
.mc-slide figcaption{padding:0 2px;min-height:42px}
.mc-carousel-guidelines .mc-slide .mc-artwork{aspect-ratio:16/9}
.mc-carousel-compact .mc-slide{flex-basis:calc(82% - 24px);width:calc(82% - 24px)}
.mc-carousel-compact:not(.mc-carousel-guidelines) .mc-slide .mc-artwork{aspect-ratio:1/1;max-height:590px}
.mc-carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:20px}
.mc-carousel-controls>span{font-size:14px;color:#777;font-variant-numeric:tabular-nums}
.mc-carousel-controls>div{display:flex;gap:10px}
.mc-carousel-controls button{width:44px;height:44px;border:0;border-radius:50%;background:#f1f1f3;color:#171717;display:grid;place-items:center}
.mc-carousel-controls button:disabled{opacity:.32}
.mc-carousel-controls svg{width:22px;height:22px}
.mc-carousel-controls [data-mc-prev] svg{transform:rotate(180deg)}
.mc-hall-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y pinch-zoom;padding-bottom:16px;margin:32px 0 18px;scrollbar-width:none}
.mc-hall-tabs button{flex:none;min-height:44px;padding:12px 18px;border-radius:40px;border:1px solid #e2e2e2;background:#fff;font:inherit;font-size:14px;white-space:nowrap;touch-action:pan-x pan-y pinch-zoom!important;color:#171717}
.mc-hall-tabs button[aria-selected=true]{background:#171717;border-color:#171717;color:#fff}
.mc-hall-panel[hidden]{display:none!important}
.mc-hall-panel{min-width:0}
.mc-hall-copy{max-width:74ch}
.mc-hall-copy dl{display:grid;gap:22px;padding:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:26px 0}
.mc-hall-copy dt{font-size:14px;color:#777;margin-bottom:8px}
.mc-hall-copy dd{font-size:17px;line-height:1.6;margin:0;color:#4b4b4b}
.mc-hall-source{color:#777!important}
.mc-source-archives details{border-top:1px solid #dedede;padding:20px 0}
.mc-source-archives summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;font-size:18px;font-weight:600;cursor:pointer;list-style:none}
.mc-source-archives summary span{font-size:14px;font-weight:400;color:#777;text-align:right;flex:none}
.mc-source-archives summary::-webkit-details-marker{display:none}
.mc-source-archives details[open] summary{margin-bottom:20px}
.mc-source-archives .mc-carousel{margin-top:0}
.mc-credits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:44px 0 0;padding-top:28px;border-top:1px solid #dedede}
.mc-credits dt{font-size:14px;color:#777;line-height:1.5;margin-bottom:12px}
.mc-credits dd{font-size:17px;line-height:1.5;margin:0}
body[data-portfolio-route="/my-cinema"] .portfolio-case-prototype{margin:0;overflow:hidden;border-radius:18px}
body[data-portfolio-route="/my-cinema"] .portfolio-case-prototype img{display:block;object-fit:contain;width:100%;height:auto;max-height:620px}
body[data-portfolio-route="/my-cinema"] .portfolio-native .portfolio-case-summary p.portfolio-case-credit{font-size:14px!important;line-height:1.6!important}
@media(max-width:959px){
 .mc-principles{grid-template-columns:1fr;gap:20px}
 .mc-principles article>span{margin-bottom:12px}
 .mc-credits{grid-template-columns:1fr;gap:22px}
 .mc-slide,.mc-carousel-compact .mc-slide{flex-basis:calc(100% - 22px);width:calc(100% - 22px)}
 .mc-track{gap:14px}
 .mc-carousel-controls{margin-top:8px}
 .mc-view{opacity:1;font-size:14px;padding:8px 12px;right:12px;bottom:12px}
 .mc-source-archives summary{font-size:17px;align-items:flex-start}
 .mc-source-archives summary span{max-width:100px}
 .mc-light-feature{margin:28px 0 30px}
}
@media(prefers-reduced-motion:reduce){.mc-view{transition:none}}