/* Supporting pages share the homepage's typography, palette and rounded surfaces. */
.studio-pages{font-family:Manrope,Arial,sans-serif}
.studio-pages .wrap{max-width:none;width:100%;padding-inline:4%;padding-block:70px}
.studio-pages h1,.studio-pages h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.06em;line-height:1.08}
.studio-pages h1{font-size:clamp(46px,5.5vw,82px)}
.studio-pages h2{font-size:clamp(40px,4.8vw,70px)}
.studio-pages h1 em,.studio-pages h2 em{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:normal;letter-spacing:inherit;line-height:inherit;color:#949a97}
.studio-pages .dark,.studio-pages .cinema{background:#08090a;color:#f4f4f2}
.studio-pages .cinema{margin:0;border-radius:0;box-shadow:none;border-bottom:1px solid #ffffff17}
.studio-pages .social-reels{background:#0d0f10}
.studio-pages .cinema-heading>p,.studio-pages .work-heading p{color:#b3bab6}
.studio-pages .cinema-heading .eyebrow{border-color:#ffffff24}
.studio-pages .film-grid.landscape-grid{max-width:none}
.studio-pages .film-card .film-cover{border:1px solid #ffffff20;background:#060707}
.studio-pages .film-meta p,.studio-pages .inline-film-status{color:#aeb7b1}
.studio-pages .cinema-bottom{border-color:#ffffff20}
.studio-pages .reel-principles{max-width:none}
.studio-pages .reel-principles span{background:#191c1d;border-color:#ffffff1c;color:#c6ccc8}
.studio-pages .reel-next{background:#171a1b;border:1px solid #ffffff1c}
.studio-pages .reel-next p{color:#c4cbc5}
.studio-pages .reel-navigation .carousel-arrow{background:#ffffff0d;color:#f4f4f2;border-color:#ffffff30}
.studio-pages .reel-navigation .carousel-dot:after{background:#ffffff50}
.studio-pages .reel-navigation .carousel-dot[aria-pressed=true]:after{background:#dfc9ad}
.studio-pages .carousel-counter{color:#b5bdb7}
.studio-pages .projects{gap:28px;margin-bottom:40px;grid-template-columns:repeat(2,minmax(0,1fr))}
.studio-pages .project:nth-child(n){margin:0;max-width:none}
.studio-pages .project{padding:10px 10px 24px;border:1px solid #ffffff1e;border-radius:24px;background:linear-gradient(145deg,#171a1b,#0d0f10)}
.studio-pages .project .project-photo{border-radius:17px;height:clamp(260px,30vw,460px)}
.studio-pages .project .project-meta{padding-inline:14px;gap:16px}
.studio-pages .project h3{font-size:26px;color:#f4f4f2}
.studio-pages .project p{color:#aeb7b1}
.studio-pages .project .arrow{border-color:#ffffff30;flex-shrink:0}
.studio-pages #gallery{background:#121416;color:#f4f4f2;border:1px solid #ffffff24;border-radius:24px}
.studio-pages #gallery::backdrop{background:#000d}
.studio-pages #gallery .close{background:#303435;color:#fff}
.studio-pages #gallery-images img{border-radius:14px}
.studio-pages .studio{gap:7%;align-items:center}
.studio-pages .studio-image{height:620px;border-radius:24px;overflow:hidden;border:1px solid #ffffff24}
.studio-pages .studio-image span{padding:10px 15px;border-radius:999px;background:#08090ac9;border:1px solid #ffffff30;left:20px;bottom:20px;backdrop-filter:blur(10px)}
.studio-pages .studio h1{margin:28px 0}
.studio-pages .studio p:not(.eyebrow){color:#b5bcb7;font-size:14px;max-width:530px;line-height:1.9}
.studio-pages .studio .text-link{font-size:12px}
.studio-pages .process{background:#0d0f10;border-color:#ffffff17}
.studio-pages .process h2{margin:25px 0 40px}
.studio-pages .process-grid{gap:20px}
.studio-pages .process-grid article{border:1px solid #ffffff20;border-radius:20px;padding:30px;background:linear-gradient(145deg,#191c1d,#101213)}
.studio-pages .process-grid span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff25;border-radius:50%;color:#c5cec7;font-size:11px}
.studio-pages .process-grid h3{font-size:24px;margin:30px 0 18px}
.studio-pages .process-grid p{font-size:13px;line-height:1.8;color:#b5bcb7}
.studio-pages .contact{grid-template-columns:1.1fr 1fr;gap:7%;align-items:start;background:radial-gradient(ellipse at 10% 10%,#85735610,transparent 65%),#08090a}
.studio-pages .contact h1{font-size:clamp(42px,4.8vw,72px);margin:30px 0 42px}
.studio-pages .contact .email{font-size:clamp(13px,1.5vw,20px);color:#f4f4f2;overflow-wrap:anywhere}
.studio-pages .contact .phone{font-size:18px;color:#c4cbc6}
.studio-pages .contact-area{color:#aeb7b1;font-size:12px;line-height:1.9}
.studio-pages #inquiry{padding:32px;border:1px solid #ffffff25;border-radius:24px;background:linear-gradient(145deg,#171a1b,#0e1011);box-shadow:0 16px 60px #0002}
.studio-pages #inquiry>p:first-child{font-size:18px;margin:0 0 28px;letter-spacing:-.025em}
.studio-pages #inquiry label{color:#c7cec9;font-size:11px;margin-bottom:22px}
.studio-pages #inquiry input,.studio-pages #inquiry select,.studio-pages #inquiry textarea{margin-top:9px;border:1px solid #ffffff25;background:#080a0b;color:#f4f4f2;border-radius:12px;padding:14px;font-size:13px}
.studio-pages #inquiry input::placeholder,.studio-pages #inquiry textarea::placeholder{color:#878f89;opacity:1}
.studio-pages #inquiry select option{background:#121516;color:#f4f4f2}
.studio-pages #inquiry input:focus-visible,.studio-pages #inquiry select:focus-visible,.studio-pages #inquiry textarea:focus-visible{outline:2px solid #dfc9ad;outline-offset:3px}
.studio-pages #inquiry small,.studio-pages #form-status{color:#aeb7b1;font-size:11px;line-height:1.7}
.studio-pages #form-status:empty{display:none}
@media(max-width:1000px){.studio-pages .studio-image{height:540px}.studio-pages .process-grid{gap:14px}.studio-pages .process-grid article{padding:24px}.studio-pages .contact{gap:4%}.studio-pages #inquiry{padding:25px}}
@media(max-width:760px){
 .studio-pages .wrap{padding-inline:6%;padding-block:40px}
 .studio-pages h1,.studio-pages .cinema-heading h1,.studio-pages .cinema-heading h2,.studio-pages h2,.studio-pages .work h2,.studio-pages .contact h1{font-size:clamp(34px,9.5vw,48px)}
 .studio-pages .projects{grid-template-columns:1fr;gap:22px}
 .studio-pages .project .project-photo{height:300px}
 .studio-pages .project h3{font-size:23px}
 .studio-pages .project .project-meta{padding-inline:10px}
 .studio-pages .studio{gap:32px}
 .studio-pages .studio-image{height:390px}
 .studio-pages .studio h1{margin:24px 0}
 .studio-pages .studio p:not(.eyebrow){font-size:13px}
 .studio-pages .process-grid{gap:16px}
 .studio-pages .process-grid h3{margin-top:24px}
 .studio-pages .contact{grid-template-columns:1fr;gap:34px}
 .studio-pages .contact h1{margin:25px 0 30px}
 .studio-pages .contact .email{font-size:15px}
 .studio-pages #inquiry{padding:24px}
 .studio-pages #inquiry input,.studio-pages #inquiry select,.studio-pages #inquiry textarea{font-size:16px}
 .studio-pages .cinema-bottom{flex-wrap:wrap}
}