/* Real showreel stills, centre-cropped to the exact square geometry of every face. */
body.minimal-home[data-studio-site] .hero-subhead{font-size:clamp(18px,1.65vw,26px);line-height:1.5;margin:0;color:#bbb;letter-spacing:.01em}
.reel-cube-space{position:absolute;inset:0 0 82px;display:grid;place-items:center;touch-action:none;user-select:none;cursor:grab;outline-offset:-6px}
.reel-cube-space:active{cursor:grabbing}.reel-cube{position:relative;width:var(--cube-size,300px);height:var(--cube-size,300px);transform-style:preserve-3d;will-change:transform;pointer-events:none}
.reel-cube-face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#111;overflow:hidden;outline:1px solid #ffffff18}
.reel-cube-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;user-select:none;pointer-events:none}
.reel-cube-face:after{content:'';position:absolute;inset:0;background:#000;opacity:var(--face-shade,.15);pointer-events:none}
.reel-face-0{transform:translateZ(calc(var(--cube-size)/2))}.reel-face-1{transform:rotateY(180deg) translateZ(calc(var(--cube-size)/2))}.reel-face-2{transform:rotateY(90deg) translateZ(calc(var(--cube-size)/2))}.reel-face-3{transform:rotateY(-90deg) translateZ(calc(var(--cube-size)/2))}.reel-face-4{transform:rotateX(90deg) translateZ(calc(var(--cube-size)/2))}.reel-face-5{transform:rotateX(-90deg) translateZ(calc(var(--cube-size)/2))}
body[data-studio-site] dialog.showreel-player{inset:0;margin:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#000;border:0;border-radius:0;overflow:hidden;color:#f3f3ef}
.showreel-player::backdrop{background:#000}.showreel-player [hidden]{display:none!important}
.showreel-player .takeover-film{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#000}
.showreel-player button{color:#f3f3ef;background:#0c0c0c99;border:1px solid #ffffff70;border-radius:3px;cursor:pointer}
.showreel-player button:hover{background:#252525;border-color:#f3f3ef}
.showreel-player .showreel-close{position:absolute;top:24px;right:var(--pad);z-index:3;display:flex;align-items:center;gap:24px;min-height:50px;padding:12px 20px;font-size:15px;line-height:1.5;letter-spacing:.04em}
.showreel-player .showreel-close span{font-size:24px;line-height:1}
.showreel-player .reel-icon-button{width:50px;height:50px;padding:12px;display:grid;place-items:center;flex:none}
.showreel-player svg{display:block;width:24px;height:24px;overflow:visible}
.showreel-player .showreel-center{position:absolute;inset:0;margin:auto;width:80px;height:80px;border-radius:50%;z-index:2}.showreel-player .showreel-center svg{width:36px;height:36px}
.showreel-player .showreel-controls{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:center;gap:18px;padding:45px var(--pad) 24px;background:linear-gradient(transparent,#000d);direction:ltr}
.showreel-player .showreel-seek{flex:1;min-width:0;width:100%;height:28px;padding:0;accent-color:#f3f3ef;cursor:pointer;direction:ltr}
.showreel-player .showreel-time{font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap;color:#eee}
.showreel-player .showreel-message{position:absolute;left:24px;right:24px;top:calc(50% + 55px);z-index:2;margin:0;text-align:center;font-size:16px;line-height:1.6;text-shadow:0 1px 8px #000}
@media(max-width:760px){body.minimal-home[data-studio-site] .hero-subhead{font-size:18px;order:2;margin-top:-10px}body.minimal-home[data-studio-site] #studio-cube{order:3}.showreel-player .showreel-close{top:16px;right:16px;min-height:46px;padding:10px 14px;font-size:13px;gap:18px}.showreel-player .showreel-controls{padding:35px 16px 18px;gap:10px}.showreel-player .reel-icon-button{width:44px;height:44px;padding:10px}.showreel-player .showreel-time{font-size:11px}.showreel-player .showreel-center{width:68px;height:68px}.showreel-player .showreel-center svg{width:30px;height:30px}}

/* Studio control standard: content links, outlined actions, quiet media controls. */
body[data-studio-site]{--control-bg:#151515;--control-hover:#232323;--control-line:#484848;--control-ink:#deded9;--control-radius:2px}
body[data-studio-site] :is(.button,.studio-contact,.bc-submit,.jp-button,.ja-button,.join-button,.join-submit,.tm-button,.contact-cta,.join-promotion-cta){display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:13px 20px;background:var(--control-bg);color:var(--control-ink);border:1px solid var(--control-line);border-radius:var(--control-radius);box-shadow:none;font-size:14.4px;line-height:1.4;font-weight:500;letter-spacing:.025em;text-decoration:none;cursor:pointer}
body[data-studio-site] :is(.button,.studio-contact,.bc-submit,.jp-button,.ja-button,.join-button,.join-submit,.tm-button,.contact-cta,.join-promotion-cta):hover{background:var(--control-hover);border-color:#80807b;color:#f3f3ef}
body[data-studio-site] :is(.button,.studio-contact,.bc-submit,.jp-button,.ja-button,.join-button,.join-submit,.tm-button,.contact-cta,.join-promotion-cta):disabled{opacity:.45;cursor:not-allowed}
body[data-studio-site] :is(.button,.studio-contact,.bc-submit) span{color:inherit}
body[data-studio-site] .text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 0 10px;min-height:44px;background:transparent;color:#ccc;border:0;border-bottom:1px solid #555;border-radius:0;box-shadow:none;font-size:14.4px;line-height:1.5;font-weight:500;letter-spacing:.025em;text-decoration:none}
body[data-studio-site] .text-link:hover{background:transparent;color:#f3f3ef;border-color:#aaa}
body.minimal-home[data-studio-site] .asset-invitation .text-link{min-height:48px;padding:12px 8px;background:transparent;color:#ccc;border:0;border-radius:0;box-shadow:none;font-size:14.4px;line-height:1.5;font-weight:500;letter-spacing:.08em;gap:16px}
body.minimal-home[data-studio-site] .asset-invitation .text-link:hover{background:transparent;color:#fff;border-color:transparent}
body.minimal-home[data-studio-site] .asset-invitation .asset-button-icon{font-size:18px}
body.minimal-home[data-studio-site] .cube-motion-toggle{width:44px;height:48px;padding:0;background:transparent;color:#999;border:0;border-radius:0;box-shadow:none;font-size:18px}
body.minimal-home[data-studio-site] .cube-motion-toggle:hover{background:transparent;border:0;color:#eee}
body.minimal-home[data-studio-site] .cube-foot{gap:16px}
@media(prefers-reduced-motion:no-preference){body[data-studio-site] :is(.button,.studio-contact,.bc-submit,.text-link,.cube-motion-toggle){transition:background-color .18s,border-color .18s,color .18s}}

body[data-studio-site] header.studio-site-header nav>a.studio-contact,body[data-studio-site] a.button{background:var(--control-bg);color:var(--control-ink)}
body[data-studio-site] header.studio-site-header nav>a.studio-contact:hover,body[data-studio-site] a.button:hover{background:var(--control-hover);color:#f3f3ef;border-color:#80807b}

/* BAI-LEY media component: the same cube geometry, motion and takeover player. */
body.sales-home.refined-home[data-studio-site] #studio-cube{height:clamp(480px,68svh,760px);min-height:0;width:100%;position:relative;border:0;border-radius:0;background:transparent;overflow:hidden;align-self:center}
body.sales-home.refined-home[data-studio-site] #studio-cube .reel-cube-space{inset:0 0 82px;touch-action:none}
body.sales-home.refined-home[data-studio-site] #studio-cube .cube-foot{left:20px;right:20px;bottom:20px;justify-content:center;gap:16px}
body.sales-home.refined-home[data-studio-site] #studio-cube .cube-hint{position:absolute;left:50%;right:auto;transform:translateX(-50%);bottom:0;white-space:nowrap;font-size:8.4px;letter-spacing:.08em;color:#777}
body[data-studio-site] #studio-cube .asset-invitation .text-link{border:0;padding:10px 12px;min-height:44px;background:transparent;color:#ccc;font-size:14.4px;font-weight:500;line-height:1.5;letter-spacing:.025em;box-shadow:none;gap:18px;margin:0}
body[data-studio-site] #studio-cube .asset-button-icon{font-size:18px}body[data-studio-site] #studio-cube .cube-motion-toggle{display:grid;place-items:center;width:44px;height:48px;min-height:0;padding:0;background:transparent;color:#999;border:0;border-radius:0;box-shadow:none;font-size:18px!important}body[data-studio-site] #studio-cube .cube-motion-toggle[hidden]{display:none}
body[data-studio-site] dialog.showreel-player{position:fixed;inset:0;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;padding:0;margin:0;border:0!important;border-radius:0;background:#000;overflow:hidden}
body[data-studio-site] dialog.showreel-player .takeover-film{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#000}
body[data-studio-site] .showreel-player .showreel-seek{margin:0;padding:0;border:0;border-radius:0;background:transparent;min-height:0;box-shadow:none}
body[data-studio-site] :is(a.button,button.button,.prose a.button.primary,.prose a.button.primary:visited){gap:24px;min-height:48px;padding:13px 20px;background:#151515;color:#deded9;border:1px solid #484848;border-radius:2px!important;box-shadow:none;font-size:14.4px;line-height:1.4;font-weight:500;letter-spacing:.025em;text-decoration:none;transform:none}
body[data-studio-site] :is(a.button,button.button,.prose a.button.primary):hover{background:#232323;border-color:#80807b;color:#f3f3ef;transform:none}
body[data-studio-site] form button[type=submit]{font-size:16.8px;min-height:54px}
.production-reel>img{width:100%;height:100%;object-fit:contain;background:#000}.production-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:24px;min-height:54px;padding:13px 20px;background:#0c0c0c99;border:1px solid #ffffff70;border-radius:2px;color:#f3f3ef;font-size:14.4px;line-height:1.4;cursor:pointer}.production-play:hover{background:#252525}.production-standard .production-service-list h2{font-size:clamp(32px,3.6vw,60px)}.production-service-list article{padding-block:40px}.production-standard .production-service-list p{margin-bottom:0;max-width:850px}.production-standard .production-services h1{margin-bottom:30px}.production-standard .production-lead{margin-bottom:24px}.production-enquiry form{margin-top:40px}.studio-about .prose h2{font-size:clamp(32px,4vw,60px);line-height:1.12}.studio-about .prose{max-width:850px}.refined-home .brief h2{font-size:clamp(44px,5vw,84px)!important}.refined-home .brief-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:900px){.refined-home .brief-layout{grid-template-columns:1fr}}
@media(max-width:760px){body.sales-home.refined-home[data-studio-site] #studio-cube{height:clamp(360px,55svh,540px);order:2}body[data-studio-site] .showreel-player .showreel-close{right:16px}.production-standard .production-service-list h2{font-size:32px}.refined-home .brief h2{font-size:44px!important}}
body[data-studio-site]{font-size:19.2px}
body[data-studio-site] :is(.page-heading h1,.text-page h1){font-size:clamp(52.8px,8.4vw,132px);line-height:1.08;letter-spacing:-.045em!important;font-weight:500}
body[data-studio-site] .prose{font-size:21.6px;line-height:1.75;color:#bbb}
body[data-studio-site] .prose .lead{font-size:clamp(21.6px,1.8vw,27.6px);line-height:1.7}
body[data-studio-site] .prose h2{font-weight:500;line-height:1.18;letter-spacing:-.035em}
@media(max-width:760px){body[data-studio-site] :is(.page-heading h1,.text-page h1){font-size:clamp(40.8px,10.8vw,67.2px)}body[data-studio-site] .prose{font-size:19.2px}}