@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Barlow+Condensed:wght@500;600;700&display=swap');

:root{font-family:'Barlow',Arial,sans-serif;color:#f3ebdd;background:#211d19;font-synthesis:none;--bg:#211d19;--bg-soft:#2a241e;--nav:#1f1b18;--surface:#302922;--surface-2:#3b3128;--line:#574b3e;--line-strong:#8a7355;--text:#f3ebdd;--text-2:#d2c5b4;--muted:#b0a18f;--accent:#d97706;--accent-soft:#e3b16c;--display:'Barlow Condensed','Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--text)}body,body *{-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-soft);outline-offset:4px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600}p{line-height:1.65}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--text);color:var(--bg);padding:10px 14px}.skip:focus{top:16px}

.header{height:76px;display:flex;align-items:center;gap:28px;padding:0 48px;border-bottom:1px solid var(--line);background:rgba(31,27,24,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);view-transition-name:kw-header}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand img{width:205px;height:auto}.header nav{display:flex;align-items:center;justify-content:center;gap:8px;margin:auto}.header nav a{position:relative;padding:27px 12px 24px;color:var(--text-2);font-size:13px;font-weight:600;transition:color .16s}.header nav a:hover,.header nav a[aria-current]{color:var(--text)}.header nav a:after{content:'';position:absolute;left:12px;right:12px;bottom:17px;height:1px;background:transparent}.header nav a[aria-current]:after{background:var(--accent)}.header-account{display:flex;align-items:center;gap:22px;white-space:nowrap}.header-account>a,.header-account>button{border:0;background:transparent;padding:10px 0;color:var(--text-2);font-size:13px;font-weight:600}.header-account>button{color:var(--accent-soft)}.header-account>button span{margin-left:8px}.header-account>a:hover,.header-account>button:hover{color:var(--text)}.menu{display:none;border:1px solid var(--line-strong);background:transparent;color:var(--text);height:38px;padding:0 12px;font-size:12px}

.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent-soft);font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1.5}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}.section{padding-block:116px}.section-heading,.stager-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:80px;margin-bottom:46px}.section-heading h2,.stager-heading h2{font-size:clamp(46px,5vw,68px);line-height:.96;letter-spacing:-2px;margin-top:17px}.section-heading>p,.stager-heading>p{max-width:470px;color:var(--text-2);font-size:16px}.text-link{display:inline-flex;align-items:center;gap:30px;color:var(--text);font-size:13px;font-weight:600}.text-link:hover{color:var(--accent-soft)}

.hero{padding-top:90px}.hero-copy-block{max-width:930px}.hero h1{font-size:clamp(78px,10vw,150px);line-height:.82;letter-spacing:-5px;text-transform:uppercase;margin:30px 0 34px}.hero h1 span{color:var(--accent)}.hero-copy{max-width:690px;color:var(--text-2);font-size:19px;line-height:1.55}.actions{display:flex;align-items:center;gap:12px;margin-top:32px}.button{height:52px;min-width:205px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 19px 0 22px;border:1px solid #8b704b;border-radius:3px;background:var(--surface-2);color:#eadfce;font-size:14px;font-weight:600;transition:background-color .16s,border-color .16s,color .16s}.button:hover{background:#46392d;border-color:#ba955e;color:var(--text)}.button:active{background:var(--surface);border-color:#8b704b}.button.secondary{background:transparent;border-color:#494139;color:var(--text-2)}.button.secondary:hover{background:var(--nav);border-color:#81715b;color:#eadfce}.button>span{display:grid;place-items:center;width:18px;height:18px;color:var(--accent-soft);font-size:18px}.button svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hero-index{display:grid;grid-template-columns:repeat(4,1fr);margin:76px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-index span{padding:18px 14px;color:var(--text-2);font-size:12px;border-right:1px solid var(--line)}.hero-index span:last-child{border-right:0}.hero-index b{color:var(--accent-soft);font-size:9px;letter-spacing:1px;margin-right:10px}.showcase-theme-controls{display:flex;gap:26px;margin-bottom:14px}.showcase-theme-controls button{border:0;border-bottom:1px solid transparent;padding:0 0 8px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.showcase-theme-controls button:hover{color:var(--text)}.showcase-theme-controls button[aria-pressed=true]{color:var(--text);border-bottom-color:var(--accent)}.showcase-theme-controls button[data-showcase-theme=cold][aria-pressed=true]{color:#aebacf;border-bottom-color:#6d70e5}.screenshot-button{display:block;width:100%;padding:0;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden;background:var(--bg-soft);aspect-ratio:16/8.65}.screenshot-button img{width:100%;height:100%;object-fit:cover;object-position:top}.screenshot-button:hover{border-color:#8b704b}.screenshot-caption{display:flex;justify-content:space-between;gap:20px;padding-top:14px;color:var(--muted);font-size:9px;letter-spacing:1.2px}

.sequence{padding-block:126px}.sequence-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:40px}.sequence-intro .eyebrow{grid-column:1/-1}.sequence-intro h2{font-size:clamp(45px,5vw,67px);line-height:.96;letter-spacing:-2px}.sequence-intro p{max-width:500px;color:var(--text-2);font-size:16px}.sequence-frames{display:grid;grid-template-columns:1fr 1.15fr .85fr;min-height:390px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.sequence-frames>*{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.sequence-frames figure{position:relative;overflow:hidden}.sequence-frames figure img{height:100%;object-fit:cover}.sequence-frames figure:first-child img{object-position:47% center}.sequence-frames figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.82));font-size:14px}.sequence-frames figcaption span{display:block;margin-bottom:7px;color:#d7c7b0;font-size:9px;letter-spacing:1.5px}.sequence-script{display:flex;flex-direction:column;justify-content:center;padding:34px;background:var(--surface)}.sequence-script>span,.sequence-script small{color:var(--accent-soft);font-size:9px;letter-spacing:1.3px}.sequence-script strong{font-family:var(--display);font-size:28px;line-height:1.05;margin:34px 0 20px}.sequence-script p{color:var(--text-2);font-family:monospace;font-size:11px}.sequence-script small{margin-top:auto;padding-top:35px;border-top:1px solid var(--line-strong)}

.workflow{border-top:1px solid var(--line)}.workflow-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.workflow-tabs button{position:relative;display:flex;align-items:center;gap:15px;border:0;background:transparent;padding:18px 0;text-align:left;color:var(--muted);font-size:13px}.workflow-tabs button b{color:var(--accent-soft);font-size:9px;letter-spacing:1px}.workflow-tabs button[aria-selected=true]{color:var(--text)}.workflow-tabs button[aria-selected=true]:after{content:'';position:absolute;left:0;right:24px;bottom:-1px;height:2px;background:var(--accent)}.workflow-panel{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:66px;align-items:center;padding-top:48px}.workflow-panel-copy h3{font-size:clamp(38px,4vw,52px);line-height:1;margin:20px 0 18px}.workflow-panel-copy>p{max-width:430px;min-height:105px;color:var(--text-2);font-size:15px}.workflow-panel-copy .text-link{margin-top:26px}.workflow-visuals{min-width:0}.workflow-visuals [hidden]{display:none!important}.script-preview,.workflow-image{height:440px;border:1px solid var(--line);border-radius:4px;background:var(--surface);overflow:hidden}.script-preview{padding:30px;font-family:monospace;font-size:11px}.document-title{display:flex;justify-content:space-between;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:9px}.script-preview>p{margin:17px 0}.script-slug{font-weight:700}.script-preview mark{padding:3px;background:#5a4426;color:var(--text)}.script-dialogue{text-align:center;margin:22px 0}.script-dialogue b{font-weight:500}.breakdown-tags{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0 18px}.breakdown-tags span{padding:7px 9px;border:1px solid var(--line-strong);border-radius:3px;font-size:9px}.script-preview small{color:var(--muted);font:9px 'Barlow',sans-serif}.workflow-image{height:auto}.workflow-image-window{position:relative;height:390px;overflow:hidden;background:var(--bg-soft)}.workflow-image .workflow-image-window img{position:absolute;left:50%;top:50%;width:135%;max-width:none;height:auto;transform:translate(-50%,-58%)}.workflow-image[data-step-visual=shot] .workflow-image-window img{width:150%;transform:translate(-50%,-54%)}.workflow-image[data-step-visual=finish] .workflow-image-window img{left:0;width:200%;transform:translate(0,-85%)}.workflow-image figcaption{padding:15px 18px;color:var(--text-2);font-size:9px;letter-spacing:1.2px}

.continuity{background:var(--bg-soft);border-block:1px solid var(--line)}.continuity-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.continuity-copy h2{max-width:520px;font-size:clamp(50px,5.5vw,72px);line-height:.96;letter-spacing:-2px;margin:20px 0 24px}.continuity-copy>p{max-width:475px;color:var(--text-2);font-size:16px}.check-list{list-style:none;padding:0;margin:32px 0 0}.check-list li{display:flex;gap:13px;margin:14px 0;color:var(--text-2);font-size:13px;line-height:1.5}.check-list li:before{content:'—';color:var(--accent)}.continuity-visual{position:relative;padding:0 0 45px}.continuity-visual>img{height:560px;object-fit:cover;border-radius:4px}.reference-label{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;padding:9px 11px;background:rgba(31,27,24,.92);color:var(--text-2);font-size:8px;letter-spacing:1.2px}.reference-card{position:absolute;left:30px;right:30px;bottom:0;padding:22px;background:var(--bg);border:1px solid var(--line-strong)}.reference-card>span{color:var(--muted);font-size:8px;letter-spacing:1.2px}.reference-card strong{display:block;margin:7px 0 15px;font:600 26px var(--display)}.reference-card>div{display:flex;flex-wrap:wrap;gap:8px}.reference-card>div>span{padding:6px 9px;border:1px solid var(--line);color:var(--text-2);font-size:9px}

.stager-power{border-bottom:1px solid var(--line)}.stager-media{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--surface)}.stager-media img{aspect-ratio:16/7.6;object-fit:cover;object-position:center 47%}.stager-media figcaption{padding:14px 18px;color:var(--muted);font-size:9px;letter-spacing:1.3px}.stager-controls{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.stager-controls article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stager-controls article>span,.feature-number{color:var(--accent-soft);font-size:9px;letter-spacing:1.3px}.stager-controls h3{margin:26px 0 10px;font-size:27px}.stager-controls p{color:var(--text-2);font-size:13px}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{min-height:220px;padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid h3{margin:34px 0 10px;font:600 22px 'Barlow',Arial,sans-serif}.feature-grid p{color:var(--muted);font-size:13px}.feature-note{margin-top:18px;color:var(--muted);font-size:11px}.delivery{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding-block:52px;border-block:1px solid var(--line)}.delivery h2{margin:15px 0 10px;font-size:46px}.delivery p{max-width:440px;color:var(--text-2);font-size:14px}.formats{display:flex;flex-wrap:wrap;gap:8px}.formats span{padding:10px 12px;border:1px solid var(--line);color:var(--text-2);font-size:11px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq h2{margin-top:18px;font-size:50px;line-height:1}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:15px;cursor:pointer}summary:after{content:'+';color:var(--accent)}details[open] summary:after{content:'−'}.faq details p{max-width:650px;margin-top:14px;color:var(--muted);font-size:13px}.closing{padding:105px 0;background:var(--bg-soft);border-block:1px solid var(--line);text-align:center}.closing .eyebrow{justify-content:center}.closing h2{margin:20px 0;font-size:clamp(62px,8vw,104px);line-height:.85;letter-spacing:-3px;text-transform:uppercase}.closing p{color:var(--text-2);font-size:16px}.closing .actions{justify-content:center}.closing .text-link{padding:15px}.closing .button>span{font-size:18px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px;color:var(--muted);font-size:11px}footer .brand img{width:165px}

dialog{width:min(1120px,calc(100% - 42px));max-width:none;padding:20px;border:1px solid var(--line-strong);border-radius:4px;background:var(--bg);color:var(--text)}dialog::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px}.dialog-head h2{font:600 14px 'Barlow',sans-serif;letter-spacing:.5px}.dialog-head button{border:0;background:transparent;color:var(--text-2);font-size:12px}#account-dialog{max-width:470px;padding:28px}#account-dialog p{margin-top:16px;color:var(--text-2);font-size:15px}#account-dialog .text-link{margin-top:0}

#workflow,#continuity,#stager,#features,#showcase{scroll-margin-top:0}main{view-transition-name:kw-content}@view-transition{navigation:auto}::view-transition-group(*){animation:none}::view-transition-old(root),::view-transition-new(root),::view-transition-old(kw-header),::view-transition-new(kw-header){animation:none;mix-blend-mode:normal}::view-transition-old(root),::view-transition-old(kw-header),::view-transition-old(kw-content){display:none}::view-transition-new(kw-content){animation:kw-content-in 180ms ease-out both;mix-blend-mode:normal}@keyframes kw-content-in{from{transform:translateY(5px)}to{transform:translateY(0)}}

@media(min-width:1100px){#features:target{padding-top:42px;padding-bottom:42px}#features:target .section-heading{margin-bottom:24px}#features:target .section-heading h2{font-size:44px}#features:target .section-heading .eyebrow{font-size:9px}#features:target .section-heading>p{font-size:13px}#features:target .feature-grid{grid-template-columns:repeat(4,1fr)}#features:target .feature-grid article{min-height:0;padding:15px 18px}#features:target .feature-grid h3{margin:12px 0 7px;font-size:17px}#features:target .feature-grid p{font-size:11px;line-height:1.42}#features:target .feature-number{font-size:8px}#features:target .feature-note{margin-top:10px}}

@media(max-width:1040px){.wrap{width:min(100% - 48px,1240px)}.header{padding-inline:24px;gap:14px}.brand img{width:170px}.header nav{gap:0}.header nav a{padding-inline:8px}.header-account{gap:13px}.hero{padding-top:70px}.section{padding-block:90px}.section-heading,.stager-heading{gap:40px}.sequence-frames{min-height:340px}.workflow-panel{gap:38px}.continuity-grid{gap:55px}.continuity-visual>img{height:470px}.feature-grid article{min-height:235px}.faq{gap:60px}}

@media(max-width:760px){html{scroll-padding-top:68px}.wrap{width:calc(100% - 32px)}.header{height:68px;padding:0 16px}.header .brand img{width:140px}.header-account{margin-left:auto}.header-account>a{font-size:12px}.header-account>button{display:none}.menu{display:block}.header nav{display:none;position:absolute;left:0;right:0;top:68px;padding:12px 16px 18px;background:var(--nav);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.header nav.open{display:flex}.header nav a{padding:13px 4px}.header nav a:after{left:4px;right:auto;bottom:8px;width:30px}.section{padding-block:76px}.section-heading,.stager-heading{grid-template-columns:1fr;gap:20px;margin-bottom:34px}.section-heading h2,.stager-heading h2{font-size:48px}.section-heading>p,.stager-heading>p{font-size:15px}.hero{padding-top:58px}.hero h1{font-size:68px;letter-spacing:-2px;margin:22px 0 24px}.hero-copy{font-size:16px}.actions{align-items:stretch}.hero .actions .button{width:50%;min-width:0;height:52px;font-size:12px;padding-inline:14px 10px;gap:10px}.hero-index{grid-template-columns:1fr 1fr;margin-top:54px}.hero-index span:nth-child(2){border-right:0}.hero-index span:nth-child(-n+2){border-bottom:1px solid var(--line)}.screenshot-button{aspect-ratio:16/10}.screenshot-caption{font-size:8px}.sequence{padding-block:82px}.sequence-intro{grid-template-columns:1fr;gap:20px}.sequence-intro .eyebrow{grid-column:auto}.sequence-intro h2{font-size:48px}.sequence-frames{grid-template-columns:1fr 1fr;min-height:0}.sequence-frames figure{height:330px}.sequence-script{grid-column:1/-1;min-height:270px}.workflow-tabs{grid-template-columns:1fr 1fr}.workflow-tabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}.workflow-panel{grid-template-columns:1fr;gap:32px;padding-top:36px}.workflow-panel-copy>p{min-height:0}.script-preview{height:auto;min-height:400px;padding:22px}.workflow-image-window{height:285px}.workflow-image .workflow-image-window img{width:155%}.workflow-image[data-step-visual=shot] .workflow-image-window img{width:170%}.workflow-image[data-step-visual=finish] .workflow-image-window img{width:220%}.continuity-grid{grid-template-columns:1fr;gap:45px}.continuity-copy h2{font-size:50px}.continuity-visual>img{height:440px}.reference-card{left:16px;right:16px}.stager-media img{aspect-ratio:4/3;object-position:center}.stager-controls{grid-template-columns:1fr}.stager-controls article{min-height:0}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.feature-grid h3{margin-top:22px}.delivery{grid-template-columns:1fr;gap:30px;padding-block:44px}.faq{grid-template-columns:1fr;gap:35px}.faq h2{font-size:46px}.closing{padding-block:78px}.closing h2{font-size:61px}.closing .actions{flex-direction:column;align-items:center}.closing .button{width:220px}.closing .text-link{padding:10px}footer{flex-wrap:wrap}footer>span{display:none}dialog{padding:14px}}

@media(max-width:420px){.header-account>a{display:none}.hero h1{font-size:59px}.hero .actions{flex-direction:column}.hero .actions .button{width:100%}.sequence-frames{grid-template-columns:1fr}.sequence-frames figure{height:300px}.sequence-script{grid-column:auto}.reference-card>div>span{font-size:8px}.screenshot-caption span:last-child{display:none}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}::view-transition-new(kw-content){animation:none}}

/* Five-stage production workflow: script, world, cast/props, direction, finish. */
.hero-index,.workflow-tabs{grid-template-columns:repeat(5,1fr)}
.workflow-image[data-step-visual=cast] .workflow-image-window{height:auto;aspect-ratio:1172/586}
.workflow-image[data-step-visual=cast] .workflow-image-window img{inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;transform:scale(1.025);transform-origin:center}
.workflow-image[data-step-visual=world] .workflow-image-window img{inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center 52%;transform:none}
@media(max-width:760px){.hero-index,.workflow-tabs{grid-template-columns:1fr 1fr}.hero-index span:nth-child(2),.hero-index span:nth-child(4){border-right:0}.hero-index span:nth-child(-n+4){border-bottom:1px solid var(--line)}.hero-index span:last-child,.workflow-tabs button:last-child{grid-column:1/-1}.workflow-tabs button:nth-child(3),.workflow-tabs button:nth-child(4){border-bottom:1px solid var(--line)}}

/* The inline studio view concentrates on the cards; the dialog retains the full UI. */
.studio-showcase{border-top:1px solid var(--line)}
.studio-showcase .section-heading{margin-bottom:34px}
.screenshot-button{position:relative;aspect-ratio:1288/421}
.screenshot-button>img{position:absolute;left:0;top:0;width:149.0683%;max-width:none;height:auto;object-fit:initial;transform:translate(-22.4479%,-22.8718%)}
.screenshot-open-label{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:28px;padding:13px 15px;border:1px solid #8b704b;background:rgba(31,27,24,.94);color:var(--text);font-size:11px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.screenshot-button:hover .screenshot-open-label{background:#46392d;border-color:#ba955e}

/* Open editorial layout: cinematic first frame, fewer enclosing boxes. */
.hero{position:relative;padding-top:40px;text-align:left}
.hero:before{content:none}
.hero-copy-block{max-width:940px;margin-inline:0}
.hero .eyebrow,.hero .actions{justify-content:flex-start}
.hero h1{margin:28px 0 30px;font-size:clamp(94px,10.5vw,146px);line-height:.9;letter-spacing:-.8px}
.hero h1 span{display:block;width:fit-content;margin-inline:0;color:transparent;background:linear-gradient(120deg,#f5bb65,#d97706 65%,#b45309);-webkit-background-clip:text;background-clip:text}
.hero h1 span+span{margin-top:.08em;padding-bottom:.04em}
.hero h1 .hero-title-light{color:var(--text);background:none}
.hero-copy{max-width:650px;margin-inline:0;font-size:17px}
.hero-copy strong{color:var(--text);font-weight:500}
.hero-story{display:grid;grid-template-columns:1fr 1.4fr .82fr;min-height:340px;margin-top:70px;text-align:left}
.hero-story figure{position:relative;min-width:0;overflow:hidden;border-radius:5px}
.hero-story figure+figure{margin-left:12px}
.hero-story img{height:100%;object-fit:cover}
.hero-story figure:first-child img{object-position:46% center}
.hero-story figcaption{position:absolute;left:0;right:0;bottom:0;padding:70px 22px 18px;background:linear-gradient(transparent,rgba(0,0,0,.88));font-size:14px}
.hero-story figcaption span{display:block;margin-bottom:6px;color:#d7c7b0;font-size:9px;letter-spacing:1.4px}
.hero-story-copy{display:flex;flex-direction:column;justify-content:center;margin-left:28px;padding:12px 0 12px 30px;border-left:1px solid var(--line-strong)}
.hero-story-copy>small{margin:52px 0 20px;color:var(--muted);font-size:8px;letter-spacing:1.2px}
.hero-story-copy>strong{font:600 36px/1.02 var(--display)}
.hero-story-copy>div{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-top:24px;color:var(--muted);font-size:8px;letter-spacing:1px}

.workflow-tabs{column-gap:28px}
.workflow-tabs button{padding-inline:0}
.workflow-tabs button[aria-selected=true]{font-weight:600}
.workflow-tabs button[aria-selected=true]:after{content:none}
.script-preview,.workflow-image,.stager-media,.screenshot-button{border-color:transparent}
.stager-controls{gap:42px;border-left:0}
.stager-controls article{padding:30px 0;border-right:0;border-bottom:0;border-top:1px solid var(--line)}
.feature-grid{grid-template-columns:repeat(3,1fr);gap:34px 46px;border:0}
.feature-grid article{min-height:190px;padding:25px 0 0;border:0;border-top:1px solid var(--line)}
.formats{gap:0}
.formats span{padding:5px 14px;border:0;border-left:1px solid var(--line-strong)}
.formats span:first-child{padding-left:0;border-left:0}

@media(min-width:1100px){#features:target .feature-grid{gap:20px 34px}#features:target .feature-grid article{padding:15px 0}}
@media(max-width:760px){.hero{padding-top:54px}.hero:before{height:560px}.hero h1{font-size:64px;line-height:.92;letter-spacing:-2px}.hero-story{grid-template-columns:1fr 1fr;min-height:0;margin-top:48px}.hero-story figure{height:290px}.hero-story figure+figure{margin-left:8px}.hero-story-copy{grid-column:1/-1;margin:24px 0 0;padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.hero-story-copy>small{margin:30px 0 14px}.hero-story-copy>div{margin-top:30px}.workflow-tabs{column-gap:18px}.stager-controls{gap:0}.feature-grid{gap:28px}.formats{gap:10px 0}.formats span{width:50%}}
@media(max-width:420px){.hero h1{font-size:57px}.hero-story{grid-template-columns:1fr}.hero-story figure{height:300px}.hero-story figure+figure{display:none;margin-left:0}.hero-story-copy{grid-column:auto}}
@media(max-width:760px){.screenshot-button{aspect-ratio:4/3}.screenshot-button>img{width:190%}.screenshot-open-label{right:10px;bottom:10px;padding:10px 12px;gap:16px;font-size:10px}}
@media(max-width:760px){.hero{padding-top:28px}}
/* Show two complete cards on narrow screens rather than slicing through a row. */
@media(max-width:760px){.screenshot-button{aspect-ratio:655/421}.screenshot-button>img{width:293.1298%}}
.screenshot-button{aspect-ratio:auto}
.screenshot-card-window{display:block;position:relative;width:100%;aspect-ratio:1288/411;overflow:hidden}
.screenshot-card-window>img{position:absolute;left:0;top:0;width:149.0683%;max-width:none;height:auto;object-fit:initial;transform:translate(-22.4479%,-22.8718%)}
.screenshot-button .screenshot-open-label{position:static;justify-content:flex-end;border:0;box-shadow:none;padding:12px 20px;background:var(--bg-soft)}
@media(max-width:760px){.screenshot-card-window{aspect-ratio:655/411}.screenshot-card-window>img{width:293.1298%}}

/* Match the Warm Film Studio page gradient. */
:root{--page-background:radial-gradient(circle at 50% -12%,rgba(180,83,9,.12),transparent 34rem),linear-gradient(180deg,var(--bg-soft),var(--bg) 42rem)}
body{background-image:var(--page-background);background-attachment:fixed}
.login-page,.login-form-panel{background-image:var(--page-background);background-attachment:fixed}
#beta-request-form{display:grid;gap:16px;margin-top:20px}#beta-request-form label{display:grid;gap:7px;font-size:13px;color:var(--text-2)}#beta-request-form label span{color:var(--muted);font-size:11px}#beta-request-form input,#beta-request-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;background:var(--surface);border:1px solid var(--line-strong);color:var(--text);font:inherit;border-radius:2px}#beta-request-form input:focus,#beta-request-form textarea:focus{outline:1px solid var(--accent-soft);outline-offset:2px}#account-dialog .beta-note{font-size:12px;line-height:1.5;margin:0}#beta-request-form .button{width:100%;min-width:0}#beta-request-status{font-size:13px!important;margin:0!important}#account-dialog{max-height:calc(100dvh - 40px);overflow-y:auto}#beta-request-form a{color:var(--accent-soft);overflow-wrap:anywhere}
/* Beta invitation: open typography and quiet form surfaces. */
#account-dialog{width:min(600px,calc(100vw - 32px));max-width:600px;padding:34px 40px 28px;border:1px solid var(--line);border-radius:6px;background:radial-gradient(ellipse at top left,#59452a33,transparent 65%),var(--bg);box-shadow:0 32px 110px #0008;max-height:calc(100dvh - 32px)}
#account-dialog .dialog-head{margin-bottom:26px;gap:16px;align-items:center}#account-dialog .dialog-head .eyebrow{font-size:10px;letter-spacing:1.8px}#account-dialog .beta-close{width:32px;height:32px;padding:0;font-size:26px;line-height:1;color:var(--muted);border-radius:50%;cursor:pointer}#account-dialog .beta-close:hover{background:var(--surface-2);color:var(--text)}
#account-dialog>h2{font-family:'Barlow Condensed',sans-serif;font-size:52px;line-height:1.02;font-weight:600;letter-spacing:-.5px;margin:0}#account-dialog .beta-intro{max-width:380px;margin:16px 0 28px;font-size:15px;line-height:1.6;color:var(--text-2)}
#beta-request-form{margin-top:0;gap:24px}.beta-identity{display:grid;grid-template-columns:1fr 1fr;gap:24px}#beta-request-form label{font-size:12px;gap:8px}#beta-request-form input,#beta-request-form textarea{background:transparent;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;padding:10px 0 12px;font-size:14px;line-height:1.5;resize:vertical}#beta-request-form input::placeholder,#beta-request-form textarea::placeholder{color:var(--muted);opacity:.75}#beta-request-form input:focus,#beta-request-form textarea:focus{outline:0;border-bottom-color:var(--accent-soft);box-shadow:0 1px 0 var(--accent-soft)}#beta-request-form .beta-label{display:flex;align-items:center;justify-content:space-between;color:var(--text-2);font-size:12px}#beta-request-form .beta-label small{font-size:11px;color:var(--muted)}#beta-request-form .beta-submit{margin-top:2px}#beta-request-form .beta-submit .button{min-height:52px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:3px;font-size:14px;cursor:pointer}#beta-request-form .beta-submit .button:hover{background:#51412c;border-color:var(--accent-soft)}#account-dialog .beta-submit .beta-note{text-align:center;margin-top:10px;font-size:11px;color:var(--muted)}.beta-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;gap:5px 8px;font-size:11px;color:var(--muted)}.beta-bottom small{width:100%;font-size:10px;margin-top:6px;line-height:1.5}#beta-request-form .beta-bottom a{color:var(--text-2)}
@media(max-width:600px){#account-dialog{padding:24px}#account-dialog>h2{font-size:44px}.beta-identity{grid-template-columns:1fr;gap:20px}#beta-request-form{gap:20px}#account-dialog .dialog-head{margin-bottom:20px}}
@media(max-height:740px) and (min-width:601px){#account-dialog{padding:24px 32px}#account-dialog .dialog-head{margin-bottom:16px}#account-dialog>h2{font-size:44px}#account-dialog .beta-intro{margin:12px 0 18px}#beta-request-form{gap:18px}}
.beta-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}#beta-request-form button:disabled{opacity:.55;cursor:wait}
.beta-interest{border:0;padding:0;margin:0;min-width:0}.beta-interest legend{font-size:12px;color:var(--text-2);margin-bottom:12px}.beta-interest>div{display:flex;gap:32px}#beta-request-form .beta-interest label{display:flex;align-items:center;gap:9px;cursor:pointer}#beta-request-form .beta-interest input{appearance:auto;width:15px;height:15px;margin:0;padding:0;accent-color:var(--accent-soft);box-shadow:none}#beta-request-form .beta-interest span{font-size:14px;color:var(--text)}.beta-interest small{font-size:11px;margin-left:5px;color:var(--muted)}
.pricing-grid .plan>h3{margin-top:24px}

/* Responsive marketing foundations. Keep intrinsic content inside its own track. */
:root{--mobile-gutter:clamp(16px,4vw,24px)}
body :is(input,textarea){user-select:text;-webkit-user-select:text}
:is(.section-heading,.stager-heading,.workflow-panel,.feature-grid,.hero-story,.continuity-grid,.faq,.delivery)>*{min-width:0}
.button{height:auto;min-height:52px;padding-block:13px;line-height:1.4}
.text-link,footer a,.showcase-theme-controls button,.dialog-head button{min-height:44px}
footer a{display:inline-flex;align-items:center}
.workflow-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.workflow-tabs button{min-height:52px;line-height:1.4}
.workflow-tabs button span{min-width:0}
html:has(dialog[open]),body:has(dialog[open]){overflow-y:hidden}
dialog{max-height:calc(var(--visible-height,100dvh) - 24px);overflow-y:auto;overscroll-behavior:contain;scroll-padding:20px}
#account-dialog{max-height:calc(var(--visible-height,100dvh) - 24px)}
#account-dialog .beta-close{width:44px;height:44px;flex:0 0 44px}
#beta-request-form input:not([type=radio]),#beta-request-form textarea{font-size:16px;min-height:48px;scroll-margin-block:24px}
#beta-request-form .beta-interest label{min-height:44px}
.beta-interest>div{gap:12px 24px;flex-wrap:wrap}
.beta-interest small{display:block;margin-left:0}
#beta-request-status{padding:12px;border-left:2px solid var(--accent-soft);line-height:1.6;overflow-wrap:anywhere}
#beta-request-status[data-state=error]{color:#ffc3a4;border-color:#e69b76}
#beta-request-status[data-state=success]{color:#c5dfbc;border-color:#a8c79e}
.beta-bottom a{min-height:44px;display:inline-flex;align-items:center}
.beta-honeypot{left:0!important;top:0!important;opacity:0;pointer-events:none;clip-path:inset(50%)}
.screenshot-detail{overflow:auto;overscroll-behavior:contain;max-height:65dvh}
.screenshot-detail-hint{font-size:13px;color:var(--muted);margin-bottom:12px}
.mobile-account-action{display:none}
@media(max-width:1000px){
 .header{height:68px;padding-inline:var(--mobile-gutter);gap:12px}
 .header .brand img{width:150px}
 .header-account{margin-left:auto}.header-account>button{display:none}
 .header-account>a{display:inline-flex;align-items:center;min-height:44px;padding:8px;font-size:13px}
 .menu{display:block;min-width:58px;height:44px;padding:0 12px}
 .header nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:12px var(--mobile-gutter) 20px;background:var(--nav);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;max-height:calc(var(--visible-height,100dvh) - 68px);overflow-y:auto;overscroll-behavior:contain}
 .header nav.open{display:flex}.header nav a{min-height:44px;padding:12px 8px;font-size:16px}.header nav a:after{bottom:6px}
 .header nav .mobile-account-action{display:flex;border:0;border-top:1px solid var(--line);background:transparent;color:var(--accent-soft);min-height:48px;padding:12px 8px;text-align:left;font:600 16px 'Barlow',sans-serif}
}
@media(max-width:760px){
 html{scroll-padding-top:84px;scrollbar-gutter:auto}
 .wrap{width:calc(100% - var(--mobile-gutter)*2)}
 .section,.sequence{padding-block:60px}
 .hero{padding-top:28px}.hero h1{font-size:clamp(48px,14.5vw,82px);letter-spacing:-1px;margin:22px 0}
 .hero-copy{font-size:17px;line-height:1.55}.hero .actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}
 .hero .actions .button{width:100%;height:auto;min-height:50px;font-size:15px;padding:13px 16px}
 .hero-story{margin-top:32px}.hero-story-copy{padding-top:20px}.hero-story-copy>small{margin-top:20px}
 .hero-story-copy>div{margin-top:16px;font-size:11px}.hero-story-copy>small{font-size:11px}
 .feature-grid{grid-template-columns:1fr;gap:28px}.feature-grid article{min-height:0}.feature-grid p,.stager-controls p,.faq details p,.check-list li{font-size:15px}
 .section-heading h2,.stager-heading h2,.continuity-copy h2,.sequence-intro h2{font-size:clamp(38px,10vw,54px);letter-spacing:-1px}
 .section-heading h2 br,.stager-heading h2 br{display:none}
 .workflow-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.workflow-tabs button{font-size:14px;gap:9px}
 .workflow-tabs button[aria-selected=true]{color:var(--accent-soft)}
 .workflow-panel-copy>p{font-size:16px}.script-preview{font-size:12px;overflow-wrap:anywhere}.document-title{gap:12px}
 .reference-card{padding:18px}.reference-card>div>span{font-size:11px}.reference-label{font-size:10px}
 .screenshot-caption,.workflow-image figcaption,.stager-media figcaption{font-size:11px;letter-spacing:.4px;line-height:1.5}
 .screenshot-caption{flex-wrap:wrap;gap:8px}.screenshot-caption span:last-child{display:block}
 .screenshot-button .screenshot-open-label{min-height:44px;font-size:12px}
 .screenshot-detail img{width:1100px;max-width:none}
 .closing h2{font-size:clamp(48px,13vw,70px);letter-spacing:-1px}.closing .button{width:100%;max-width:360px}
 footer{gap:16px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
 #account-dialog{width:calc(100% - 16px);padding:16px 20px max(20px,env(safe-area-inset-bottom));margin-block:auto}
 #account-dialog .dialog-head{position:sticky;top:-16px;z-index:1;background:var(--bg);padding-block:8px;margin-bottom:16px}
 #account-dialog>h2{font-size:clamp(34px,10vw,44px)}#account-dialog .beta-intro{margin:12px 0 22px}
 #beta-request-form{gap:18px}.beta-identity{grid-template-columns:1fr;gap:18px}
 #beta-request-form label,.beta-interest legend{font-size:14px}.beta-bottom{font-size:12px}.beta-bottom small{font-size:12px}
 #beta-request-form .beta-submit .button{font-size:14px;padding-inline:14px;gap:12px}
}
@media(max-width:360px){.header{gap:8px}.header .brand img{width:126px}.header-account>a{padding-inline:4px}.menu{min-width:54px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}