/* Shared BAI-LEY visual language: the studio's work fills every panel. */
.cinematic-studio main>.section{position:relative;isolation:isolate;width:100%;max-width:none;min-height:100svh;height:auto;max-height:none;margin:0;padding:clamp(80px,10vh,145px) 6%;color:#f1f0e9;background:#0b1014;overflow:hidden}
.cinematic-studio main>.section::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050708d4,#05070885),linear-gradient(180deg,#05070833,transparent 40%,#05070855);pointer-events:none}
.cinematic-studio main>.section .section-label{border-color:#ffffff65;color:#d4d4cb}
.cinematic-studio .section-backdrop.film-interlude{position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;z-index:-2;pointer-events:none}
.cinematic-studio .section-backdrop .film-fold{perspective:none}
.cinematic-studio .section-backdrop .film-plane{transform:none!important;will-change:auto;backface-visibility:visible}
.cinematic-studio .section-backdrop .film-plane::after{display:none}
.cinematic-studio .section-backdrop img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.cinematic-studio .introduction,.cinematic-studio .join-promotion,.cinematic-studio .contact{display:flex;flex-direction:column;justify-content:center}
.cinematic-studio .introduction::after,.cinematic-studio .join-promotion::after{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;pointer-events:none}
.cinematic-studio .introduction::after{background-image:url('/assets/scene-03.jpg');background-position:center 42%}
.cinematic-studio .join-promotion::after{background-image:url('/assets/scene-05.jpg')}
.cinematic-studio .introduction h1{max-width:100%;text-shadow:0 2px 22px #0008}
.cinematic-studio .intro-bottom p,.cinematic-studio .approach-copy p,.cinematic-studio .possibility-grid p,.cinematic-studio .faq-list details p,.cinematic-studio .faq-intro,.cinematic-studio .contact-grid p,.cinematic-studio .join-promotion p,.cinematic-studio .join-promotion .jp-age-notice{color:#deded6}
.cinematic-studio .intro-bottom .lead,.cinematic-studio .system-step h3,.cinematic-studio .approach-copy .lead,.cinematic-studio .approach-copy .conviction{color:#f1f0e9}
.cinematic-studio .join-promotion-grid,.cinematic-studio .contact-grid{width:100%}
.cinematic-studio .join-promotion-cta{background:#f1f0e9;color:#090909;border-color:#f1f0e9}
.cinematic-studio .value-hero .hero-copy{padding-top:40px;text-shadow:0 2px 20px #000}
.cinematic-studio .value-hero::before{background:linear-gradient(180deg,#050708b8,#050708b0)}
.cinematic-studio .value-hero .hero-bottom{border-color:#ffffff45;color:#d0d0c5}
.cinematic-studio .asset-tag{text-shadow:0 1px 8px #000,0 1px 16px #000}
.cinematic-studio .asset-tag small,.cinematic-studio .value-hero .drag-note{color:#c5c5bc}
.cinematic-studio .approach-copy{max-width:none}
.cinematic-studio .approach-grid{grid-template-columns:1.1fr 1fr;gap:8%;align-items:start}
.cinematic-studio .approach .system-title{font-size:clamp(44px,5.6vw,88px);text-shadow:0 2px 20px #0008}
.cinematic-studio .system-step{padding-top:20px;border-top:1px solid #ffffff40;margin-top:24px}
.cinematic-studio .possibility-grid article{border-color:#ffffff65}
.cinematic-studio .possibilities::before{background:linear-gradient(90deg,#050708df,#050708b0)}
.cinematic-studio .faq::before{background:linear-gradient(90deg,#050708c9,#050708d4)}
.cinematic-studio .faq-list details,.cinematic-studio .faq-list details:first-child{border-color:#ffffff65}
.cinematic-studio .contact::before{background:linear-gradient(90deg,#050708c9,#05070885)}
.cinematic-studio .contact-cta{background:#f1f0e9;color:#111;border:1px solid #f1f0e9;padding:20px 24px;margin-top:35px}
.cinematic-studio .text-link{border-color:#ffffff75}
.cinematic-studio .film-section{height:calc(100svh - 96px);min-height:460px;overflow:hidden}
.cinematic-studio .film-section video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
@media(max-width:900px){.cinematic-studio .approach-grid{grid-template-columns:1fr;gap:35px}.cinematic-studio .approach .system-title{font-size:clamp(44px,9vw,78px)}}
@media(max-width:650px){
 .cinematic-studio main>.section{padding:75px 6%;min-height:100svh}
 .cinematic-studio .film-section{height:calc(100svh - 76px);min-height:430px}
 .cinematic-studio .film-section video{object-position:center}
 .cinematic-studio .intro-bottom p,.cinematic-studio .join-promotion p{font-size:15px}
 .cinematic-studio .introduction h1{margin-top:30px;margin-bottom:35px}
 .cinematic-studio .value-hero.hero{padding-bottom:100px}
 .cinematic-studio .value-hero .hero-copy{padding-top:35px}
 .cinematic-studio .value-hero.hero .sculpture{height:560px}
 .cinematic-studio .join-promotion::after{background-position:60% center}
 .cinematic-studio .contact-grid{padding-top:35px}
 .cinematic-studio .contact-cta{padding:20px;min-height:64px;font-size:19px}
 .cinematic-studio .possibility-grid{grid-template-columns:1fr}
}
/* A single, deliberate action style instead of stretched editorial links. */
.cinematic-studio .join-promotion-cta,
.cinematic-studio .contact-cta,
.cinematic-studio #assemble,
.cinematic-studio .intro-bottom .round-link{
 display:inline-flex;align-items:center;justify-content:space-between;gap:32px;
 width:fit-content;max-width:100%;min-height:60px;margin-right:0;
 padding:17px 24px;border:1px solid #f1f0e9;border-radius:0;
 background:#f1f0e9;color:#101112;box-shadow:none;text-shadow:none;
 font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:600;
 line-height:1.45;letter-spacing:.075em;text-align:left;text-transform:uppercase;
 text-decoration:none;transition:background .2s,color .2s,border-color .2s;
}
.cinematic-studio .join-promotion-cta>span:first-child,
.cinematic-studio .contact-cta>span:first-child,
.cinematic-studio #assemble .asset-button-label{min-width:0;overflow-wrap:anywhere}
.cinematic-studio .join-promotion-cta>span:last-child,
.cinematic-studio .contact-cta>span:last-child,
.cinematic-studio #assemble .asset-button-icon,
.cinematic-studio .intro-bottom .round-link .circle{
 display:grid;place-items:center;flex:0 0 auto;width:34px;height:24px;
 padding-left:14px;margin:0;border:0;border-left:1px solid #10111238;
 border-radius:0;background:none;color:inherit;font-size:22px;font-weight:400;
 line-height:1;transform:none;
}
.cinematic-studio .join-promotion-cta:hover,
.cinematic-studio .contact-cta:hover,
.cinematic-studio #assemble:hover{background:#fff;border-color:#fff;color:#090909}
.cinematic-studio .contact-cta:hover span{transform:none}
.cinematic-studio .intro-bottom .round-link{background:#090b0d55;color:#f1f0e9;border-color:#ffffff75;margin-top:24px}
.cinematic-studio .intro-bottom .round-link .circle{border-left-color:#ffffff50}
.cinematic-studio .intro-bottom .round-link:hover{background:#f1f0e9;color:#101112;border-color:#f1f0e9}
.cinematic-studio .intro-bottom .round-link:hover .circle{border-left-color:#10111238}
.cinematic-studio .value-hero .asset-invitation{width:fit-content;max-width:calc(100% - 24px)}
.cinematic-studio #assemble{min-width:270px}
.cinematic-studio .join-promotion-cta:focus-visible,
.cinematic-studio .contact-cta:focus-visible,
.cinematic-studio #assemble:focus-visible,
.cinematic-studio .round-link:focus-visible{outline:2px solid #fff;outline-offset:5px}
.cinematic-studio header .contact-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:10px 16px;border:1px solid #ffffff65;line-height:1.4}
.cinematic-studio header .contact-link span{margin:0}
.cinematic-studio header .contact-link:hover{background:#f1f0e9;color:#101112;border-color:#f1f0e9}
.cinematic-studio #brief-form button[type=submit]{min-height:56px;padding:16px 22px;font-size:12px;font-weight:600;letter-spacing:.065em;text-transform:uppercase;border:1px solid #111;border-radius:0}
@media(max-width:650px){
 .cinematic-studio .join-promotion-cta,.cinematic-studio .contact-cta,.cinematic-studio #assemble,.cinematic-studio .intro-bottom .round-link{min-height:58px;gap:24px;padding:16px 20px;font-size:11px;letter-spacing:.055em}
 .cinematic-studio .contact-cta{width:fit-content}
 .cinematic-studio #assemble{min-width:0;width:max-content;max-width:100%}
}
@media(prefers-reduced-motion:reduce){.cinematic-studio .join-promotion-cta,.cinematic-studio .contact-cta,.cinematic-studio #assemble,.cinematic-studio .intro-bottom .round-link{transition:none}}
