:root { --black:#15171d; --slate:#2a2e39; --acid:#d9f25e; --silver:#d8d9df; font-family:Arial,sans-serif; } * { box-sizing:border-box; } body { margin:0; background:#f2f2f0; color:var(--black); line-height:1.6; } a { color:inherit; } img { display:block; width:100%; height:100%; object-fit:cover; }
.postbar { display:flex; justify-content:space-between; align-items:center; padding:22px 5vw; color:#fff; background:var(--black); }.postmark { color:var(--acid); font-size:1.45rem; font-weight:900; text-decoration:none; letter-spacing:.05em; }.postmark i { color:#fff; font-style:normal; }.postbar nav { display:flex; gap:20px; font-size:.8rem; font-weight:bold; text-transform:uppercase; }.postbar nav a { text-decoration:none; }
.timeline-console { display:grid; grid-template-columns:.9fr 1.2fr; position:relative; min-height:600px; color:#fff; background:var(--slate); }.timecode { color:var(--acid); font:700 .76rem monospace; letter-spacing:.07em; text-transform:uppercase; }.console-copy { grid-row:2; padding:0 15% 85px; }.console-copy h1 { font-size:clamp(3.2rem,5vw,6.3rem); line-height:.88; margin:.2em 0; }.console-copy a { display:inline-block; padding:12px 18px; color:var(--black); background:var(--acid); text-decoration:none; font-weight:bold; }.timeline-console > .timecode { grid-column:1/3; margin:0; padding:30px 6vw; }.timeline-console img { grid-column:2; grid-row:2; height:470px; align-self:end; }.sequence-lanes { display:grid; grid-template-columns:repeat(3,1fr); gap:0; padding:0; margin:0; list-style:none; background:var(--black); color:#fff; }.sequence-lanes li { display:flex; gap:18px; padding:35px 7%; border-right:1px solid #4a4f5e; }.sequence-lanes span { color:var(--acid); font-family:monospace; }.sequence-lanes h2 { margin:0; font-size:1.3rem; }.audio-room { display:grid; grid-template-columns:1fr 1fr; min-height:460px; }.audio-room img { height:460px; }.audio-room article { padding:75px 14%; background:#d8d9df; }.audio-room h2 { font-size:3rem; line-height:1; }.screen-test { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:65px 8vw; }.screen-test div { max-width:480px; }.screen-test h2 { font-size:2.8rem; line-height:1; }.screen-test img { width:46%; height:250px; }.primary-action { display:inline-block; padding:12px 18px; color:#fff; background:var(--black); text-decoration:none; font-weight:bold; }.post-footer { display:grid; grid-template-columns:1.2fr .65fr 1fr; gap:45px; padding:55px 7vw; color:#fff; background:var(--black); }.post-footer section:nth-child(2) { display:grid; gap:5px; }.post-footer address { font-style:normal; }
@media (max-width:760px) { .postbar,.timeline-console,.sequence-lanes,.audio-room,.post-footer { display:block; }.postbar nav { margin-top:15px; flex-wrap:wrap; }.timeline-console > .timecode { display:block; }.console-copy { padding:0 8% 55px; }.timeline-console img { height:340px; }.sequence-lanes li { border-bottom:1px solid #4a4f5e; }.screen-test { display:block; }.screen-test img { width:100%; margin-top:30px; }.post-footer > * { margin-top:22px; } }
.workflow-spec { padding:90px 8vw; background:#fff; }.workflow-spec h2 { max-width:640px; font-size:3rem; line-height:1; }.workflow-spec > div { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }.workflow-spec article { padding:22px; border-top:5px solid var(--acid); background:#eef0ec; }.editor-note { padding:70px 14vw; color:#fff; background:#2a2e39; }.editor-note blockquote { max-width:850px; margin:12px 0; font-size:2.35rem; line-height:1.15; } @media (max-width:760px) { .workflow-spec > div { grid-template-columns:1fr; }.editor-note blockquote { font-size:1.8rem; } }
.mast { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:22px 6vw; color:#fff; background:var(--black); }.brand { font-weight:900; color:var(--acid); font-size:1.4rem; text-decoration:none; }.brand b { color:#fff; }.nav { display:flex; flex-wrap:wrap; gap:16px; font-size:.78rem; font-weight:bold; text-transform:uppercase; }.nav a { color:#fff; text-decoration:none; }.timeline-banner { padding:75px 9vw 54px; color:#fff; background:var(--slate); }.timeline-banner h1 { font-size:clamp(2.8rem,5vw,5rem); line-height:.95; }.edit-bay { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:center; width:min(1140px,88%); padding:80px 0; margin:auto; }.edit-bay img { height:410px; }.edit-bay h2 { font-size:2.2rem; line-height:1.05; }.cut-points { padding:75px 9vw; color:#fff; background:var(--black); }.cut-points__mark,.tag,.edit-bay__mark { color:var(--acid); font:800 .75rem monospace; text-transform:uppercase; }.post-footer { display:grid; grid-template-columns:1.2fr .7fr 1fr; gap:40px; padding:55px 7vw; color:#fff; background:var(--black); }.post-footer ul { list-style:none; padding:0; }.post-footer a { color:#fff; } @media(max-width:760px){.mast,.edit-bay,.post-footer{display:block}.nav{margin-top:15px}.edit-bay img{margin-bottom:30px}.post-footer>*{margin:22px 0}}
.subbar { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:21px 6vw; color:#fff; background:var(--black); }.submark { color:var(--acid); font-size:1.35rem; font-weight:900; letter-spacing:.05em; }.submark i { color:#fff; font-style:normal; }.subbar nav { display:flex; flex-wrap:wrap; gap:16px; font-size:.78rem; font-weight:bold; text-transform:uppercase; }.subbar a { color:#fff; text-decoration:none; }.subfooter { display:grid; grid-template-columns:1.2fr .75fr 1fr; gap:42px; padding:55px 7vw; color:#fff; background:var(--black); }.subfooter nav { display:grid; gap:5px; }.subfooter a { color:#fff; }.subfooter address { font-style:normal; }
.studio-intro { display:grid; grid-template-columns:1fr 1fr; min-height:530px; }.studio-intro > div { padding:clamp(55px,8vw,120px) 13%; background:#d8d9df; }.studio-intro h1,.edit-hero h1,.contact-heading h1 { font-size:clamp(3rem,5vw,5.5rem); line-height:.9; }.studio-intro img { height:530px; }.studio-map { padding:85px 8vw; }.studio-map h2,.screening-guide h2,.sound-checklist h2 { font-size:2.8rem; line-height:1; }.studio-map > div { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:40px; background:#c9ccd2; }.studio-map article { padding:28px; background:#fff; }.studio-map b { color:#7f8a1d; font-family:monospace; }.studio-rules { padding:70px 12vw; color:#fff; background:#2a2e39; }.studio-rules h2 { font-size:2.6rem; line-height:1; }.studio-rules li { margin:12px 0; }.studio-rules a { color:var(--acid); font-weight:bold; }
.edit-hero { padding:90px 12vw; color:#fff; background:#2a2e39; }.edit-hero > p:not(.timecode) { max-width:650px; font-size:1.15rem; }.lime-button { display:inline-block; padding:13px 18px; color:var(--black); background:var(--acid); font-weight:bold; text-decoration:none; }.edit-image-row { display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:8vw; padding:90px 10vw; }.edit-image-row img { height:400px; }.edit-image-row h2 { font-size:2.7rem; line-height:1; }.edit-curriculum { padding:80px 9vw; background:#fff; }.edit-curriculum h2 { font-size:2.8rem; }.edit-curriculum ol { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:0; list-style:none; }.edit-curriculum li { padding:25px; border-top:5px solid var(--acid); background:#eef0ec; }.edit-curriculum span,.edit-curriculum b { display:block; }.edit-curriculum span { font:700 .76rem monospace; }.edit-detail { max-width:850px; margin:75px auto; padding:30px; border-left:6px solid var(--acid); }
.sound-cover { display:grid; grid-template-columns:1.1fr .9fr; min-height:510px; }.sound-cover img { height:510px; }.sound-cover div { padding:clamp(55px,9vw,120px) 14%; color:#fff; background:#15171d; }.sound-cover h1 { font-size:clamp(3rem,5vw,5.4rem); line-height:.9; }.sound-columns { display:grid; grid-template-columns:1.1fr .9fr; gap:8vw; padding:90px 11vw; }.sound-columns h2 { font-size:2.8rem; line-height:1; }.sound-columns aside { padding:28px; background:#d8d9df; }.sound-columns dl { margin-bottom:0; }.sound-columns dt { margin-top:15px; font-weight:bold; }.sound-columns dd { margin:0; }.sound-checklist { padding:75px 10vw; color:#fff; background:#2a2e39; }.sound-checklist > div { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }.sound-checklist p { border-top:1px solid #87909e; padding-top:14px; }.sound-checklist b { color:var(--acid); }.sound-checklist a { color:var(--acid); font-weight:bold; }
.screening-lead { display:grid; grid-template-columns:.9fr 1.1fr; align-items:stretch; }.screening-lead div { padding:clamp(55px,9vw,115px) 15%; background:var(--acid); }.screening-lead h1 { font-size:clamp(3rem,5vw,5.4rem); line-height:.9; }.screening-lead img { height:500px; }.screening-guide { padding:85px 8vw; }.screening-guide > div { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }.screening-guide span { color:#859218; font:700 1.5rem monospace; }.screening-dates { padding:75px 10vw; color:#fff; background:#15171d; }.screening-dates table { width:100%; margin:30px 0; border-collapse:collapse; }.screening-dates th,.screening-dates td { padding:14px 8px; border-bottom:1px solid #4b5260; text-align:left; }.screening-dates a { color:var(--acid); font-weight:bold; }
.contact-heading { padding:85px 12vw 60px; background:#d8d9df; }.contact-heading p { max-width:700px; }.contact-layout { display:grid; grid-template-columns:1fr .8fr; gap:70px; padding:80px 12vw; }.contact-layout form { display:grid; gap:18px; }.contact-layout label { font-weight:bold; }.contact-layout input,.contact-layout select,.contact-layout textarea { display:block; width:100%; margin-top:7px; padding:12px; border:1px solid #9da3ad; background:#fff; font:inherit; }.contact-layout button { justify-self:start; padding:13px 20px; border:0; color:#15171d; background:var(--acid); font-weight:bold; cursor:pointer; }.contact-layout aside { padding:20px; background:#eef0ec; }.contact-layout aside img { height:220px; }.legal-copy { max-width:860px; padding:90px 8vw; margin:auto; }.legal-copy h1 { font-size:clamp(2.8rem,5vw,5rem); line-height:.95; }.legal-copy h2 { margin-top:45px; font-size:1.8rem; }
@media(max-width:760px){.subbar,.subfooter,.studio-intro,.studio-map>div,.edit-image-row,.edit-curriculum ol,.sound-cover,.sound-columns,.sound-checklist>div,.screening-lead,.screening-guide>div,.contact-layout{display:block}.subbar nav{margin-top:15px}.subfooter>*{margin:22px 0}.studio-intro img,.sound-cover img,.screening-lead img{height:330px}.studio-map article,.edit-curriculum li,.screening-guide article,.sound-checklist p{margin-top:15px}.edit-image-row img{margin-bottom:30px}.screening-dates{overflow-x:auto}}