:root{--paper:#ffffff;--ink:#171b20;--muted:#606570;--line:#e0e3e9;--acid:#d4f26b;--dark:#171b20;--light:#f6f8ff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:28px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid #657f12;outline-offset:5px}p{font-size:1.0625rem;line-height:1.6;text-wrap:pretty}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;font-weight:500}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:13px;font-size:1.625rem;font-weight:700;letter-spacing:-1.3px}.brand-light{font-weight:400}.brand-mark{font-size:1.9375rem;letter-spacing:-9px;display:inline-block;width:43px;font-weight:900;transform:rotate(-13deg);padding-right:9px}.brand-mark span{display:inline-block;transform:translateY(-5px)}.header nav{display:flex;gap:34px;margin-left:auto;font-size:0.875rem}.login{margin-left:42px;border:1px solid var(--ink);border-radius:4px;padding:13px 22px;font-size:0.9375rem;display:flex;gap:30px}.login:hover{background:var(--acid);text-decoration:none}.hero{padding-top:55px}.eyebrow{font-size:0.75rem;line-height:1.6;letter-spacing:1.7px;font-weight:600;display:block}.little-line{height:8px;width:25px;background:#657f12;display:inline-block;margin-right:10px}.hero-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:70px;margin-top:31px;align-items:center}.hero h1{font-size:clamp(4.375rem,7.6vw,7.125rem);line-height:.97;letter-spacing:-6px}.hero h1 em{letter-spacing:-5px}.hero-copy{max-width:365px;padding-top:17px}.hero-copy>p:first-child{font-size:1.3125rem;line-height:1.4;margin-bottom:15px}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:53px;padding:16px 22px;border-radius:4px;font-size:0.9375rem;border:0;font-weight:500}.dark{background:var(--ink);color:var(--paper)}.button:hover{background:#bedc52;text-decoration:none}.button span{font-size:1.3125rem}.hero-copy .button{margin-top:25px}.hero-foot{display:flex;justify-content:space-between;margin-top:62px;padding:20px 0;font-size:0.75rem;letter-spacing:1.5px;font-weight:600}.cinema{background:var(--dark);color:var(--light);padding:45px 0 37px;scroll-margin-top:0}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px;gap:20px}.section-top .eyebrow{color:var(--acid);font-size:0.75rem}.section-top h2{font-size:2.1875rem;letter-spacing:-1px;margin-top:7px}.index{font-size:0.75rem;letter-spacing:1.4px;color:#aeb8cb}.screen-frame{background:#0b0e15;border:1px solid #343d50;border-radius:8px;overflow:hidden}.screen-bar{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:0.75rem;letter-spacing:1.3px;color:#bac4d8}.screen-bar>span:first-child{color:var(--acid)}video{display:block;aspect-ratio:16/9;width:100%;background:#0d0c13;max-height:650px;object-fit:contain}.film-caption{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:20px}.film-caption p{font-size:0.875rem;color:#d9dfec}.film-caption>span{font-size:0.75rem;white-space:nowrap;letter-spacing:.8px;color:#aeb8cb}.film-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.film-choice{border:1px solid #3a455b;border-radius:5px;background:transparent;color:var(--light);text-align:left;display:flex;align-items:center;gap:15px;padding:17px 14px;min-width:0;transition:background .2s,border-color .2s}.film-choice:hover{background:#242d41}.film-choice[aria-pressed=true]{border-color:var(--acid);background:#30372a}.film-choice img{width:80px;height:63px;object-fit:cover;border-radius:2px}.film-choice>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.film-choice small{font-size:0.75rem;letter-spacing:1.1px;color:#bac4d8}.film-choice strong{font-size:1.0625rem;font-weight:500}.film-choice span span{font-size:0.75rem;color:#bac4d8}.choice-arrow{margin-left:auto;color:var(--acid);font-size:1.4375rem}.sample-note{font-size:0.75rem;color:#b1bdd2;margin-top:24px;max-width:770px}.section{padding-block:105px}.section-heading{max-width:1000px}.section-heading h2{font-size:clamp(2.25rem,4.3vw,3.8125rem);line-height:1.08;letter-spacing:-2.5px;margin-top:24px}.section-heading>p{color:var(--muted);margin-top:26px}.steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:58px 0 0;gap:32px}.steps li{border-top:1px solid #dce1eb;padding-top:25px;display:flex;flex-direction:column}.step-number{font-size:0.875rem;color:#606570;margin-bottom:28px;font-family:monospace}.steps h3{font-size:1.4375rem;letter-spacing:-.6px;margin-bottom:15px}.steps p{font-size:1rem;color:var(--muted);margin-bottom:30px}.step-tag{font-size:0.75rem;letter-spacing:1px;margin-top:auto}.studio{background:#f5f6f8}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.studio-copy h2{font-size:clamp(2.3125rem,3.7vw,3.3125rem);letter-spacing:-2px;line-height:1.1;margin:23px 0}.studio-copy>p{color:var(--muted);max-width:510px}.features{margin:30px 0 0}.features>div{padding:20px 0;border-top:1px solid #dce1eb}.features dt{font-size:1.0625rem;font-weight:600;margin-bottom:7px}.features dd{font-size:0.9375rem;line-height:1.6;color:#606570;margin:0}.detail-figure{align-self:center;background:var(--dark);color:var(--light);border-radius:5px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 18px 24px #10162b12}.crop-label{display:flex;justify-content:space-between;padding:20px 22px;font-size:0.75rem;letter-spacing:1.2px;color:#bac4d8}.detail-figure>img{width:100%;height:auto;display:block}.detail-figure figcaption{display:flex;align-items:center;gap:22px;padding:39px 32px;font-size:1.6875rem;line-height:1.3;letter-spacing:-.8px}.detail-figure figcaption strong{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--acid)}.focus-symbol{font-size:3.125rem;color:var(--acid)}.detail-meta{display:flex;justify-content:space-between;border-top:1px solid #343d50;margin:0 30px;padding:22px 0;font-size:0.75rem;letter-spacing:1.5px;color:#bac4d8}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:48px}.audience-grid article{border-top:1px solid var(--line);padding-top:29px}.audience-label{font-size:0.75rem;letter-spacing:1.5px}.audience h3{font-size:2.4375rem;letter-spacing:-1.5px;line-height:1.13;margin-top:26px}.audience article p{color:var(--muted);max-width:440px;margin-top:22px}.access{background:var(--acid);padding:76px 0 80px}.access-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center}.access h2{font-size:clamp(3.3125rem,6vw,5.3125rem);line-height:1;letter-spacing:-4px;margin-top:27px}.access-copy{max-width:395px}.access-copy>p:first-child{font-size:1.25rem;line-height:1.4}.access-copy>p:nth-child(2){font-size:1rem;margin-top:17px}.access-copy .button{margin-top:25px}.access-note{font-size:0.75rem;margin-top:19px}.footer{display:flex;gap:30px;align-items:center;padding-block:40px}.footer .brand{font-size:1.375rem}.footer p{font-size:0.8125rem;color:var(--muted);margin-left:15px}.footer>a:nth-of-type(2){margin-left:auto;font-size:0.875rem}.footer>span{font-size:0.75rem;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:8px;padding:50px;max-width:520px;width:calc(100% - 32px);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#101525c7;backdrop-filter:blur(5px)}dialog h2{font-size:2.25rem;letter-spacing:-1.4px;margin-top:23px;line-height:1.1}dialog p{margin:22px 0 28px;color:var(--muted)}.close-dialog{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:1.875rem;width:40px;height:40px}.skip{position:fixed;top:-100px;left:12px;background:var(--acid);padding:15px;z-index:20}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.player-error{margin-top:20px;color:var(--acid)}.player-error a, noscript a{text-decoration:underline}
@media(min-width:1500px){.hero-grid{grid-template-columns:1.6fr 1fr}.hero-copy{max-width:400px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header nav{gap:20px}.login{margin-left:10px}.hero-grid{gap:35px;grid-template-columns:1.5fr 1fr}.hero h1{font-size:5.125rem;letter-spacing:-4px}.hero h1 em{letter-spacing:-4px}.film-choice img{display:none}.steps{gap:24px}.steps h3{font-size:1.25rem}.studio-grid{gap:45px}.detail-figure figcaption{font-size:1.4375rem;padding:30px 22px}.footer{flex-wrap:wrap}.section{padding-block:80px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header{height:88px;gap:15px;flex-wrap:wrap}.brand{font-size:1.4375rem}.header nav{display:none}.login{margin-left:auto;padding:11px 17px;gap:25px}.hero{padding-top:34px}.eyebrow{font-size:0.75rem;letter-spacing:1.2px}.hero-grid{display:block;margin-top:27px}.hero h1{font-size:clamp(3.875rem,13vw,5.625rem);line-height:1.01;letter-spacing:-3px}.hero h1 em{letter-spacing:-3px}.hero-copy{max-width:500px;padding-top:30px}.hero-copy>p:first-child{font-size:1.1875rem;margin-bottom:12px}.hero-copy .muted{font-size:1rem;max-width:430px}.hero-copy .button{margin-top:23px}.hero-foot{margin-top:34px;padding:18px 0;font-size:0.75rem;letter-spacing:.7px;gap:16px;line-height:1.6}.hero-foot span{max-width:48%}.hero-foot span:last-child{text-align:right}.cinema{padding-top:32px}.section-top h2{font-size:1.9375rem}.section-top .index{display:none}.screen-bar{font-size:0.75rem;letter-spacing:.5px;padding:0 12px;height:35px}.screen-bar .format{display:none}.film-caption{align-items:start;gap:15px}.film-caption p{font-size:0.75rem;max-width:65%;line-height:1.5}.film-caption>span{font-size:0.75rem;max-width:100px;white-space:normal;text-align:right;line-height:1.6}.film-picker{grid-template-columns:1fr;gap:10px;margin-top:25px}.film-choice{padding:13px;gap:15px}.film-choice img{display:block;width:84px;height:52px}.film-choice small{font-size:0.75rem}.film-choice strong{font-size:1rem}.film-choice span span{font-size:0.75rem}.film-choice>span:nth-child(2){gap:4px}.sample-note{font-size:0.75rem}.section{padding-block:64px}.section-heading h2{font-size:2.375rem;letter-spacing:-1.8px;margin-top:20px}.section-heading p{font-size:1rem;margin-top:22px}.desktop-break{display:none}.steps{grid-template-columns:1fr 1fr;gap:32px 25px;margin-top:37px}.step-number{margin-bottom:21px}.steps h3{font-size:1.3125rem;line-height:1.2}.steps p{font-size:0.9375rem;margin-bottom:21px}.step-tag{font-size:0.75rem;line-height:1.5}.studio-grid{grid-template-columns:1fr;gap:42px}.studio-copy h2{font-size:2.6875rem}.studio-copy>p{font-size:1rem}.detail-figure{transform:none;max-width:560px}.detail-figure figcaption{font-size:1.6875rem}.audience-grid{grid-template-columns:1fr;gap:35px;margin-top:33px}.audience h3{font-size:2.1875rem;margin-top:22px}.audience article p{font-size:1rem;margin-top:17px}.access{padding-block:58px}.access-grid{grid-template-columns:1fr;gap:32px}.access h2{font-size:4.125rem;letter-spacing:-3px}.access-copy{max-width:480px}.access-copy>p:first-child{font-size:1.25rem}.footer{padding-block:30px;gap:25px 18px}.footer .brand{width:calc(100% - 90px)}.footer p{order:3;margin-left:0}.footer>a:nth-of-type(2){order:1}.footer>span{order:4;margin-left:auto}.footer p{font-size:0.75rem}dialog{padding:38px 26px}dialog h2{font-size:2.0625rem}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:3rem;letter-spacing:-2.5px}.brand{font-size:1.3125rem;gap:8px}.login{gap:13px}.steps{grid-template-columns:1fr}.access h2{font-size:3rem;letter-spacing:-2.5px}.footer p{width:100%}.footer>span{margin-left:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

/* Preserve readable reflow when the browser default text size is enlarged. */
h1,h2,h3,p,dt,dd{overflow-wrap:break-word}.hero-grid>* , .studio-grid>*, .access-grid>*, .steps>*{min-width:0}.button{max-width:100%}.film-choice>span:nth-child(2){min-width:0;overflow-wrap:break-word}.header{min-height:112px;height:auto;padding-block:24px}.header nav{flex-wrap:wrap}.brand{flex-shrink:0}@media(max-width:900px){.header{min-height:88px;padding-block:18px}.header .brand{font-size:1.4375rem}.film-choice small{overflow-wrap:anywhere}.hero-foot{flex-wrap:wrap}}

.detail-figure figcaption>span:last-child{min-width:0;overflow-wrap:anywhere}.screen-bar{height:auto;min-height:43px;padding-block:12px;gap:18px;flex-wrap:wrap}.crop-label{gap:15px;flex-wrap:wrap}
.detail-meta{flex-wrap:wrap;gap:18px}
.film-caption>span{overflow-wrap:anywhere}
@media(max-width:900px){.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.hero h1{font-size:min(5.625rem,16vw)}.studio-copy h2{font-size:min(2.6875rem,11vw)}.access h2{font-size:min(4.125rem,17vw)}}

/* Revised spacing system: consistent rails, compact sections, deliberate panels. */
:root{--accent:#d4f26b;scroll-padding-top:24px}
.wrap{width:min(1180px,calc(100% - 64px))}
.header{min-height:88px;padding-block:18px}
.hero{padding-top:38px}
.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;margin-top:24px;align-items:center}
.hero h1{font-size:clamp(3.75rem,7vw,6.5rem);letter-spacing:-4px}
.hero h1 em{color:var(--accent);letter-spacing:-4px}
.hero-copy{padding-top:0;max-width:420px}
.hero-foot{margin-top:32px;padding-block:22px;gap:24px}
.hero-foot span{max-width:none}
.dark{background:var(--accent);color:#fff}
.login{border-color:var(--line);background:#f5f7fb;margin-left:18px}
.login:hover{background:#edf2df}
.cinema{width:min(1244px,calc(100% - 32px));margin:0 auto;border-radius:20px;padding:28px 0}
.cinema>.wrap{width:calc(100% - 64px)}
.section-top{margin-bottom:20px}
video{max-height:none}
.film-picker{margin-top:20px;gap:12px}
.film-choice{padding:14px 12px}
.sample-note{margin-top:18px}
.section{padding-block:64px}
.section-heading h2{font-size:clamp(2.25rem,3.6vw,3.25rem);margin-top:16px}
.section-heading>p{margin-top:18px}
.steps{margin-top:32px;gap:24px}
.step-number{margin-bottom:18px;color:var(--accent)}
.steps li{padding-top:20px}
.steps p{margin-bottom:22px}
.studio{width:min(1244px,calc(100% - 32px));margin-inline:auto;border:1px solid #e7eaf1;border-radius:20px;padding-block:40px}
.studio-grid{width:calc(100% - 64px);gap:48px;align-items:center}
.studio-copy h2{margin:16px 0;font-size:clamp(2rem,3.2vw,2.875rem)}
.features{margin-top:24px}.features>div{padding-block:16px}
.detail-figure{transform:none;width:100%;max-width:none;border-radius:12px;box-shadow:none}
.detail-figure figcaption{padding:26px 24px;font-size:1.5rem}
.detail-meta{padding-block:18px;margin-inline:24px}
.audience-grid{gap:40px;margin-top:30px}
.audience-grid article{padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff}
.audience h3{font-size:2rem;margin-top:18px}
.audience article p{max-width:none;margin-top:16px}
.access{width:min(1244px,calc(100% - 32px));margin:0 auto;background:#f5f6f8;border-radius:20px;padding-block:44px}
.access-grid{width:calc(100% - 64px);grid-template-columns:1.2fr 1fr;gap:48px}
.access h2{font-size:clamp(2.75rem,4.8vw,4.25rem);letter-spacing:-2.5px;margin-top:18px}
.access h2 em{color:var(--accent)}
.footer{padding-block:30px}
@media(min-width:701px) and (max-width:1000px){
 .hero-grid{display:grid;gap:32px;grid-template-columns:1.2fr 1fr}
 .hero h1{font-size:clamp(3rem,7.2vw,4.5rem);line-height:1.04;letter-spacing:-2.5px}
 .hero h1 em{letter-spacing:-2.5px}
 .hero-copy{padding-top:0}.hero-copy>p:first-child{font-size:1.125rem}
 .hero-copy .muted{font-size:1rem}.hero-foot{margin-top:26px}
 .film-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.film-choice img{display:none}
 .film-choice{gap:8px}.film-choice small{font-size:.75rem;letter-spacing:.4px}
 .studio-grid{grid-template-columns:1fr 1fr;gap:28px;align-items:start}
 .detail-figure{margin-top:36px}.detail-figure figcaption{font-size:1.25rem;gap:12px;padding:24px 16px}
 .focus-symbol{font-size:2rem}.crop-label{padding:16px;letter-spacing:.5px}
 .audience-grid{grid-template-columns:1fr 1fr;gap:20px}.audience-grid article{padding:22px}
 .access-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 40px)}.header{min-height:76px;padding-block:14px}
 .hero{padding-top:28px}.hero-grid{display:block;margin-top:20px}
 .hero h1{font-size:min(4.5rem,15vw);letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2.5px}
 .hero-copy{padding-top:22px;max-width:none}.hero-copy .muted{max-width:none}
 .hero-foot{margin-top:24px;gap:12px;padding-block:18px;font-size:.75rem;letter-spacing:.3px}
 .hero-foot span{max-width:47%}.hero-foot span:last-child{text-align:right}
 .cinema,.studio,.access{width:calc(100% - 24px);border-radius:14px}
 .cinema{padding-block:22px}.cinema>.wrap,.studio-grid,.access-grid{width:calc(100% - 32px)}
 .section-top{margin-bottom:18px}.film-picker{grid-template-columns:1fr}.film-choice img{display:block}
 .section{padding-block:44px}.section-heading h2{font-size:2.125rem;letter-spacing:-1.3px}
 .steps{margin-top:28px;gap:28px 20px}.steps h3{font-size:1.25rem}
 .studio{padding-block:28px}.studio-grid{grid-template-columns:1fr;gap:26px}
 .studio-copy h2{font-size:min(2.5rem,10.5vw)}.detail-figure{margin:0}
 .detail-figure figcaption{font-size:1.375rem;padding:24px 20px}
 .audience-grid{grid-template-columns:1fr;gap:16px;margin-top:24px}.audience-grid article{padding:24px}
 .audience h3{font-size:1.875rem}.access{padding-block:30px}
 .access-grid{grid-template-columns:1fr;gap:24px}.access h2{font-size:min(3.5rem,14vw)}
 .footer{gap:20px;padding-block:26px}
}
.hero-grid{align-items:start}
@media(max-width:900px){.header .login{margin-left:auto}}

/* A single, balanced workflow block replaces the detached headline and columns. */
.hero h1 em,.access h2 em,.step-number{color:var(--ink)}
.dark{background:var(--accent);color:var(--ink)}
.workflow{padding-block:44px}
.workflow-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;margin-bottom:24px}
.workflow-intro h2{font-size:clamp(1.875rem,3vw,2.5rem);line-height:1.12;letter-spacing:-1.4px;margin-top:10px;max-width:540px;text-wrap:balance}
.workflow-intro>p{max-width:440px;color:var(--muted);font-size:1rem;line-height:1.6}
.workflow .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border:1px solid var(--line);border-radius:12px;background:#f8f9fa;overflow:hidden}
.workflow .steps li{border:0;padding:24px;display:block}
.workflow .steps li+li{border-left:1px solid var(--line)}
.workflow .step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e9eddf;border-radius:50%;margin:0 0 16px;font-size:.8125rem}
.workflow .steps h3{font-size:1.25rem;line-height:1.25;margin:0 0 10px;letter-spacing:-.4px;text-wrap:balance}
.workflow .steps p{font-size:.9375rem;line-height:1.6;margin:0}
@media(max-width:1000px){
 .workflow-intro{gap:28px;grid-template-columns:1fr 1fr}
 .workflow .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .workflow .steps li{padding:22px}.workflow .steps li:nth-child(3){border-left:0}
 .workflow .steps li:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:600px){
 .workflow{padding-block:32px}.workflow-intro{grid-template-columns:1fr;gap:14px;margin-bottom:20px}
 .workflow-intro h2{font-size:2rem;max-width:340px}.workflow-intro>p{max-width:none}
 .workflow .steps{grid-template-columns:1fr}.workflow .steps li{padding:20px;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;align-items:start}
 .workflow .steps li+li{border-left:0;border-top:1px solid var(--line)}
 .workflow .step-number{grid-row:1 / 3;margin:0}.workflow .steps h3{margin-top:3px}.workflow .steps p{grid-column:2}
}
