/* A graphite screening room for project development. */
.development-page{--paper:#25282c;--ink:#eeeae3;--muted:#b8b8b7;--gold:#c5aa78;--line:#c2b59433;background:#25282c;color:var(--ink)}
.development-page header{background:#23262aee;border-color:#bfb7a528;box-shadow:0 8px 35px #0002}
.development-page header .brand,.development-page .audiences a[aria-current="page"]{color:#f0ede7}
.development-page .audiences a{color:#bfc0be}.development-page .tools button{color:#d1bd99}
.development-page .development-section,.development-page .dark{background:transparent;color:var(--ink);--muted:#b8b8b7;--line:#c2b59433;border-bottom:1px solid #c2b59424}
.development-page .development-intro{background:radial-gradient(ellipse at 78% 0%,#63625a24,transparent 65%),linear-gradient(140deg,#30343a,#25282c 70%);padding-bottom:65px}
.development-page .gold,.development-page .eyebrow,.development-page .dark .eyebrow{color:#c5aa78}
.development-page .process-links a{border:1px solid #c2b59440;background:#ffffff04;padding:10px 15px;transition:transform .25s,background .25s,border-color .25s}
.development-page .process-links a:hover,.development-page .process-links a:focus-visible{background:#ffffff0a;border-color:#c5aa78}
.development-page .plate-open{background:#181b1e;padding:5px;border:1px solid #e8e5dd18;box-shadow:0 12px 36px #0003}
.development-page .plate figcaption,.development-page .clip figcaption{padding-top:17px}
.development-page .media{border:1px solid #e8e5dd22;box-shadow:0 15px 38px #0003}
.development-page .sheets,.development-page .gallery{gap:34px 26px}
.development-page .concept-lead{max-width:none}
.development-page .development-subhead{margin-top:48px}
.development-page .development-subhead p{max-width:780px}
.development-page .development-section h2{max-width:1000px}
.character-grid{max-width:960px;margin:35px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px;margin-top:28px}
.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:35px}
.morph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:35px}
.development-page .nav{right:15px;gap:9px}.development-page .nav a:after{background:#bab8b56b}.development-page .nav a.active:after{background:#d2b883}
/* Gentle depth responds to a mouse, with no required interaction on touch. */
.seal-interactive{position:relative;width:fit-content;margin:0 auto;transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.seal-interactive.depth-active{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.035)}
.media,.plate-open,.team-card{transform:perspective(1100px) rotateX(0deg) rotateY(0deg);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s;transform-origin:center}
.media.depth-active,.plate-open.depth-active,.team-card.depth-active{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px) scale(1.012);box-shadow:0 24px 50px #0004;z-index:3}
.media:after,.plate-open:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#ffffff12,transparent 60%);transition:opacity .25s;z-index:2}
.media.depth-active:after,.plate-open.depth-active:after{opacity:1}
.audiences a{display:inline-block;transform-origin:center;transition:transform .25s,color .25s,border-color .25s}
@media(hover:hover) and (pointer:fine){body:not(.paused) .audiences a:hover{transform:translateY(-2px) scale(1.055)}body:not(.paused) .process-links a:hover{transform:translateY(-3px)}body:not(.paused) .media:focus-within,body:not(.paused) .plate-open:focus-visible{transform:perspective(1100px) translateY(-3px) scale(1.01)}}
@media(hover:none){.media-open:active,.plate-open:active{opacity:.85}.audiences a:active{opacity:.7}}
.paused .seal-interactive,.paused .media,.paused .plate-open,.paused .team-card,.paused .audiences a,.paused .process-links a{transform:none!important;transition:none!important}
.paused .media:after,.paused .plate-open:after{opacity:0!important}
@media(prefers-reduced-motion:reduce){body:not(.motion-user) .seal-interactive,body:not(.motion-user) .media,body:not(.motion-user) .plate-open,body:not(.motion-user) .team-card,body:not(.motion-user) .audiences a,body:not(.motion-user) .process-links a{transform:none!important;transition:none!important}body:not(.motion-user) .media:after,body:not(.motion-user) .plate-open:after{opacity:0!important}}
/* Team cards are intentionally unfilled until portraits and names arrive. */
.team-page{background:#f6f2e9}.team-section{padding-top:155px;padding-bottom:80px}.team-section h1{font-size:clamp(44px,6vw,82px);letter-spacing:-1px;margin:20px 0}.team-status{font-size:16px;color:#776f61;margin-bottom:40px}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px}.team-card{border:1px solid #bda77f55;background:#f0eadf;box-shadow:0 12px 30px #59452108}
.team-portrait{aspect-ratio:4/4.4;background:linear-gradient(145deg,#e9e4da,#f3eee5);display:flex;align-items:center;justify-content:center;position:relative}
.team-portrait:before{content:'';position:absolute;inset:20px;border:1px solid #bca77d35}.team-portrait span{font:14px Georgia,serif;letter-spacing:4px;color:#a99573}
.team-caption{padding:20px 18px;min-height:92px;background:#f8f4ed}.team-caption h2{font:23px/1.2 Georgia,serif;letter-spacing:0;margin:0}.team-footer{margin-top:55px;border-top:1px solid var(--line);padding-top:20px}
@media(max-width:1200px){header{flex-wrap:wrap;gap:6px 20px}.audiences{order:3;width:100%;justify-content:center;gap:30px}.audiences a{padding:7px 0}#fullscreen{display:none}html{scroll-padding-top:125px}.hero{padding-top:150px}}
@media(max-width:900px){.morph-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.development-page .nav{display:none}}
@media(max-width:640px){.audiences{gap:0;justify-content:space-between}.audiences a{font-size:13px;padding:10px 1px}.character-grid,.camera-grid,.action-grid,.morph-grid{grid-template-columns:1fr;gap:32px}.character-grid{max-width:460px}.development-page .development-intro{padding-top:155px}.development-page .sheets,.development-page .gallery{gap:32px}.team-section{padding-top:150px}.team-grid{gap:22px 14px}.team-caption{padding:16px 12px;min-height:88px}.team-caption h2{font-size:19px}.team-portrait:before{inset:12px}.team-portrait span{font-size:12px;letter-spacing:2px}}
@media(max-width:360px){.audiences a{font-size:12px}.team-grid{grid-template-columns:1fr}}

@media(min-width:1250px){.gallery.threes.genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Supplied team portraits: full images, without cropping or retouching. */
.team-portrait{aspect-ratio:9/16;background:#555;overflow:hidden}.team-portrait:before{display:none}.team-portrait img{display:block;width:100%;height:100%;object-fit:contain}.team-card{display:flex;flex-direction:column;min-width:0}.team-caption{flex:1;padding:23px 18px}.team-caption h2{font-size:clamp(21px,2vw,28px);line-height:1.18;overflow-wrap:normal}.team-caption p{font-size:13px;line-height:1.7;margin-top:12px}.team-grid{align-items:stretch}.team-section h1{letter-spacing:0}
@media(max-width:640px){.team-grid{grid-template-columns:1fr;max-width:420px;margin:auto}.team-caption{padding:24px}.team-caption h2{font-size:28px}.team-caption p{font-size:15px}}

.languages{display:flex;align-items:center;gap:2px}.languages a{font:12px/1 Arial,sans-serif;letter-spacing:1px;text-decoration:none;padding:12px 8px;color:var(--muted);border:1px solid transparent}.languages a[aria-current]{color:var(--gold);border-color:var(--line)}.tools{align-items:center;gap:14px}
@media(max-width:1450px){#fullscreen{display:none}}
@media(max-width:640px){header{gap:4px 10px}.brand{font-size:12px;letter-spacing:1px}.tools{gap:6px}.tools #motion{font-size:10px;max-width:72px;line-height:1.2}.languages a{padding:12px 6px;font-size:11px}.audiences a{font-size:12px}.audiences{gap:6px}.team-section{padding-top:145px}}

@media(max-width:380px){.brand{font-size:11px}.tools{gap:4px}.tools #motion{font-size:9px;max-width:60px}.languages a{padding:12px 5px}.audiences a{font-size:11px}}

/* Public studio contact details, shared by RU and EN routes. */
.studio-contact{background:#eee7da;color:#292722;padding:75px 7.5% 32px;border-top:1px solid #bda77f66;scroll-margin-top:130px}.contact-heading{max-width:800px}.contact-heading h2{font-size:clamp(32px,4vw,55px);margin:18px 0}.contact-heading p{font-size:16px}.contact-grid{font-style:normal;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px;margin:36px 0 45px}.contact-card{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0;min-height:108px;padding:24px 20px;border:1px solid #aa8a514d;text-decoration:none;background:#f8f4ec;transition:transform .2s,border-color .2s}.contact-kind{font-size:14px;color:#776f61}.contact-value{font-size:clamp(16px,1.5vw,20px);line-height:1.4;overflow-wrap:anywhere}.contact-card:hover{border-color:#a78143;transform:translateY(-3px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #bda77f66;padding-top:22px}.contact-brand{font:15px Georgia,serif;letter-spacing:2px;text-decoration:none}.team-status{max-width:950px;line-height:1.8;font-size:16px;margin-bottom:16px}.team-contact-link{margin:0 0 35px}.development-page .studio-contact{background:#202328;color:#eeeae3}.development-page .contact-card{background:#292d31;border-color:#bda77f55}.development-page .contact-kind{color:#c1b79f}.paused .contact-card{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.contact-card{transition:none}.contact-card:hover{transform:none}}
@media(max-width:1000px){.contact-grid{grid-template-columns:1fr 1fr}.contact-card:first-child{grid-column:1/-1}}
@media(max-width:640px){.studio-contact{padding:55px 6% 28px}.contact-grid{grid-template-columns:1fr;gap:14px;margin:28px 0 30px}.contact-card:first-child{grid-column:auto}.contact-card{padding:22px;min-height:100px}.contact-value{font-size:17px}.contact-bottom{flex-wrap:wrap}.contact-brand{font-size:14px}.team-status{font-size:16px}}

.studio-socials{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:0 0 35px}.studio-socials span{font-size:14px;color:var(--muted);margin-right:8px}.studio-socials a{font-size:16px;text-decoration:none;border:1px solid var(--line);padding:12px 22px;min-height:44px}.studio-socials a:hover{border-color:var(--gold);color:var(--gold)}@media(max-width:640px){.studio-socials span{flex-basis:100%}.studio-socials a{flex:1;text-align:center}}