/* Hallmark · shape: app screen · genre: modern-minimal · theme: Console monochrome by request · redesign: full
 * paper: oklch(14% 0 0) · accent: oklch(97% 0 0) · display: Segoe UI · body: Segoe UI
 * nav: existing destinations with account · signature: project timeline · states: loading empty error full
 * axes: dark/grotesk-sans/neutral · posture: restrained · contrast: pending sweep · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E3 S4 R5 V3 · weakest: E, tokenized legacy styles and normalized control states */
@import url("./tokens.css");
/* Video Maker Every Thing / cinema redesign / user palette / real multipage navigation */
:root{--bg:var(--tone-12);--panel:var(--tone-28);--panel2:var(--tone-36);--ink:var(--tone-248);--muted:var(--tone-144);--accent:var(--tone-248);--line:var(--tone-48);--black:var(--tone-12);--white:var(--tone-248);--font:'Arial',sans-serif;--shade:var(--tone-12-a85);--shade-soft:var(--tone-12-a6);--transparent:var(--color-transparent);--logo-orange:var(--tone-112)}
body{font-family:var(--font-body)}.container{width:min(1440px,calc(100% - 80px));margin-inline:auto}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-32)}.brand-lockup{display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap;font-size:19px;font-weight:700;line-height:.96;color:var(--ink)}.brand-lockup img{width:44px;height:44px;object-fit:contain}.brand-lockup small{display:block;font-size:inherit}.home-brand{display:inline-flex;align-items:center}.main-nav{display:flex;gap:var(--space-xs);align-items:center;background:var(--panel);padding:var(--space-xs);border:1px solid var(--line);border-radius:50px;color:var(--color-ink)}.main-nav a{padding:var(--space-sm) var(--space-lg);font-size:13px;white-space:nowrap;border-radius:32px;color:var(--muted)}.main-nav a[aria-current=page]{background:var(--panel2);color:var(--ink)}.main-nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:var(--space-lg)}.editor-link{display:flex;align-items:center;gap:var(--space-md);font-size:13px;white-space:nowrap}.editor-link svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.5}.account-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--panel);display:grid;place-items:center;color:var(--ink)}.account-button svg{width:18px;stroke:currentColor;fill:none;stroke-width:1.4}.cinema{padding-bottom:0}.cinema-screen{position:relative;aspect-ratio:2.13;min-height:530px;max-height:720px;background:var(--panel);border-radius:18px;overflow:clip;isolation:isolate;color:var(--color-ink)}.cinema-screen>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinema-shade{position:absolute;inset:0;background:var(--color-paper-2);pointer-events:none;color:var(--color-ink)}.cinema-brand{position:absolute;top:36px;left:50%;transform:translateX(-50%)}.brand-lockup.large{font-size:25px;gap:var(--space-sm)}.brand-lockup.large img{width:65px;height:65px}.cinema-copy{position:absolute;left:56px;bottom:112px;max-width:600px}.cinema-copy h1{font-size:clamp(42px,4.7vw,72px);line-height:1.02;letter-spacing:0;font-weight:400;max-width:14ch}.cinema-copy p{margin-top:var(--space-20);font-size:16px;color:var(--ink)}.cinema-copy .button{margin-top:var(--space-28)}.button{border-radius:9px;min-height:48px;font-weight:400;padding:var(--space-sm) var(--space-lg);font-size:14px}.primary{background:var(--accent);color:var(--var(--tone-8))}.primary:hover{background:var(--ink);color:var(--color-ink)}.button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.5}.screen-bottom{position:absolute;bottom:24px;left:32px;right:32px;display:flex;align-items:center;gap:var(--space-lg);font-size:12px}.screen-bottom>span:nth-child(2){margin-left:auto;color:var(--muted)}.screen-bottom button{min-height:40px;display:flex;gap:var(--space-sm);align-items:center;color:var(--ink);border:1px solid var(--line);border-radius:24px;background:var(--shade);padding:var(--space-xs) var(--space-md);font-size:12px;white-space:nowrap}.reel-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-md)}.reel-selector button{display:flex;align-items:center;gap:var(--space-md);text-align:left;background:var(--panel);border:1px solid var(--var(--color-transparent));padding:var(--space-md) var(--space-20);color:var(--ink);border-radius:12px;min-width:0}.reel-selector button[aria-pressed=true]{border-color:var(--accent)}.reel-selector img{width:80px;height:49px;object-fit:cover;border-radius:5px}.reel-selector strong{display:block;font-weight:400;font-size:13px}.reel-selector small{display:block;color:var(--muted);font-size:11px;margin-top:var(--space-2xs)}.reel-number{margin-left:auto;font-size:11px;color:var(--muted)}.product-intro{padding-block:var(--space-112) var(--space-96);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-80)}.intro-title h2{font-size:clamp(36px,4vw,58px);max-width:17ch;line-height:1.1;letter-spacing:0}.inline-link{display:inline-flex;align-items:center;gap:var(--space-20);font-size:13px;color:var(--accent);padding:var(--space-sm) 0;white-space:nowrap}.intro-title .inline-link{margin-top:var(--space-32)}.intro-body .lead{font-size:26px;line-height:1.35;color:var(--ink);margin:0 0 var(--space-lg)}.intro-body p{font-size:15px;color:var(--muted);max-width:480px}.intro-body .small-muted{margin-top:var(--space-20);font-size:12px}.feature-showcase{border-top:1px solid var(--line);padding-block:var(--space-72) var(--space-96)}.feature-titles{display:flex;justify-content:space-between;align-items:end;gap:var(--space-48);margin-bottom:var(--space-44)}.feature-titles h2{font-size:48px}.feature-titles p{font-size:15px;color:var(--muted);max-width:260px}.feature-visuals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}.feature-tile{display:block;min-width:0}.feature-tile>div{height:250px;background:var(--panel);border-radius:12px;position:relative;overflow:clip;display:flex;justify-content:center;align-items:center;color:var(--color-ink)}.feature-tile h3{font-size:20px;font-weight:400;margin-top:var(--space-lg);letter-spacing:0}.feature-tile p{font-size:13px;color:var(--muted);margin-top:var(--space-xs)}.type-sample{flex-direction:column;font-size:44px;font-weight:500;line-height:1.1}.type-sample strong{font-weight:500;background:var(--accent);color:var(--var(--tone-8));padding:var(--space-2xs) var(--space-sm);border-radius:5px;transform:rotate(-4deg)}.transition-sample>span{position:absolute;width:110px;height:140px;border-radius:9px;transform:rotate(-16deg);background:var(--accent);left:calc(50% - 90px);top:45px;color:var(--color-ink)}.transition-sample>span:nth-child(2){background:var(--panel2);border:1px solid var(--muted);transform:rotate(14deg);left:calc(50% - 20px);top:70px;color:var(--color-ink)}.transition-sample svg{width:62px;height:62px;position:relative;stroke:var(--ink);stroke-width:2;fill:none}.cover-sample>span{background:var(--accent);color:var(--var(--tone-8));font-size:30px;font-weight:500;line-height:1;padding:var(--space-36) var(--space-20);width:155px;height:200px;border-radius:9px;transform:rotate(9deg)}.cover-sample i{position:absolute;width:86px;height:86px;border:15px solid var(--var(--tone-8));border-radius:50%;transform:translate(32px,38px)}.closing{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2xl);padding-block:var(--space-80);border-top:1px solid var(--line)}.closing h2{font-size:44px;max-width:24ch}.closing>div{display:flex;align-items:center;gap:var(--space-28)}.site-footer{border-top:1px solid var(--line);padding-block:var(--space-48) var(--space-28);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-28);align-items:start}.site-footer>p{font-size:14px;color:var(--muted);text-align:right}.site-footer>div{display:flex;gap:var(--space-28);font-size:12px}.footer-note{font-size:11px;color:var(--muted);text-align:right}.page-intro{padding-block:var(--space-72) var(--space-56)}.page-intro h1,.product-hero h1,.order-layout h1{font-size:clamp(42px,5.5vw,78px);line-height:1.04;letter-spacing:-.055em;font-weight:400}.page-intro>p{max-width:640px;margin-top:var(--space-lg);color:var(--muted);font-size:17px}.page-intro>.small-muted{font-size:12px;max-width:540px;margin-top:var(--space-md)}.filter-bar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-32)}.filter-bar button{border:1px solid var(--line);border-radius:30px;background:var(--panel);color:var(--muted);min-height:44px;padding:var(--space-sm) var(--space-lg);font-size:13px}.filter-bar button[aria-pressed=true]{background:var(--accent);color:var(--var(--tone-8));border-color:var(--accent)}.examples{padding-bottom:var(--space-100)}.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-48) var(--space-lg)}.example-card:first-child{grid-column:1/-1}.example-card video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:var(--panel);border-radius:14px;color:var(--color-ink)}.example-card:first-child video{max-height:620px}.example-card>div{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);margin-top:var(--space-20)}.example-card h2{font-size:25px;letter-spacing:0}.example-card span{font-size:12px;color:var(--accent)}.example-card p{font-size:14px;color:var(--muted);margin-top:var(--space-sm)}.product-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-xl);min-height:650px}.product-hero p{font-size:18px;color:var(--muted);max-width:420px;margin-top:var(--space-28)}.product-hero .button{margin-top:var(--space-32)}.product-hero .stage{width:100%;height:500px}.stage-fallback img{width:65%}.purpose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-80);padding-block:var(--space-92);border-top:1px solid var(--line)}.purpose h2{font-size:54px}.purpose article{border-bottom:1px solid var(--line);padding:var(--space-lg) 0}.purpose article:first-child{padding-top:0}.purpose h3{font-size:25px;font-weight:400;margin-bottom:var(--space-sm)}.purpose p{font-size:16px;color:var(--muted);max-width:430px}.roadmap{padding-block:var(--space-72) var(--space-100);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.roadmap h2{grid-column:1/-1;font-size:46px;margin-bottom:var(--space-sm)}.roadmap>div{background:var(--panel);padding:var(--space-32);border-radius:14px;color:var(--color-ink)}.roadmap h3{font-size:23px;font-weight:400;margin-bottom:var(--space-20)}.roadmap p{color:var(--muted);font-size:16px}.studio{background:var(--bg);padding-top:var(--space-60);color:var(--color-ink)}.studio>.wrap{width:min(1440px,calc(100% - 80px))}.studio .section-head h2{font-size:54px}.studio .preview-column{background:var(--panel);border-radius:16px;color:var(--color-ink)}.studio .controls{background:var(--panel);padding:var(--space-28);border-radius:16px;color:var(--color-ink)}.studio .upload{border-radius:9px}.studio .controls input[type=text],.studio select{border-radius:7px}.studio .segments button{border-radius:7px}.studio .segments button[aria-pressed=true]{background:var(--accent);color:var(--var(--tone-8))}.studio .art-word{font-size:48px;bottom:34%}.studio .art-play{width:48%}.studio .caption{font-size:22px}.studio .help{color:var(--muted)}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-92);padding-block:var(--space-80) var(--space-100)}.order-layout>div>p{font-size:18px;color:var(--muted);max-width:380px;margin-top:var(--space-28)}.order-layout>div>.small-muted{font-size:13px}.order-layout form{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-32);background:var(--panel);border-radius:16px;color:var(--color-ink)}.order-layout label,.order-layout legend{font-size:13px;color:var(--muted)}.order-layout input:not([type=checkbox]),.order-layout select,.order-layout textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:var(--space-md);border-radius:8px;font:inherit;min-height:48px;resize:vertical}.order-layout fieldset{margin-block:var(--space-sm)}.check-label{display:inline-flex;align-items:center;gap:var(--space-xs);margin:var(--space-2xs) var(--space-sm) var(--space-2xs) 0;min-height:36px}.check-label input{accent-color:var(--accent);width:16px;height:16px}.small-muted{color:var(--muted);font-size:12px}dialog{border:1px solid var(--line);padding:var(--space-48) var(--space-36) var(--space-28);background:var(--panel);color:var(--ink);border-radius:18px;max-width:470px;width:calc(100% - 40px)}dialog::backdrop{background:var(--shade);color:var(--color-ink)}dialog h2{font-size:32px;margin-bottom:var(--space-20)}dialog p{color:var(--muted);font-size:15px;margin-bottom:var(--space-lg)}dialog .button{display:flex;margin-top:var(--space-sm)}dialog .small-muted{font-size:12px;margin-top:var(--space-20);margin-bottom:0}.dialog-close{position:absolute;right:12px;top:12px;min-width:36px;min-height:36px;font-size:26px;border:0;background:var(--var(--color-transparent));color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(min-width:1800px){.cinema-screen{min-height:650px}}@media(max-width:1100px){.container{width:calc(100% - 48px)}.main-nav a{padding-inline:var(--space-md)}.site-header{gap:var(--space-20)}.header-actions{gap:var(--space-md)}.brand-lockup{font-size:16px}.cinema-screen{min-height:510px}.cinema-copy{left:40px}.reel-selector button{padding:var(--space-sm);gap:var(--space-sm)}.reel-selector img{width:64px;height:44px}.reel-number{display:none}.product-intro{gap:var(--space-48)}.closing{gap:var(--space-32)}.closing>div{flex-direction:column;gap:var(--space-sm);align-items:start}.feature-visuals{gap:var(--space-20)}.feature-tile>div{height:220px}.feature-tile h3{font-size:18px}.order-layout{gap:var(--space-48)}.order-layout h1{font-size:58px}.studio>.wrap{width:calc(100% - 48px)}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.site-header{height:auto;min-height:88px;flex-wrap:wrap;padding-block:var(--space-20);gap:var(--space-20)}.main-nav{order:3;width:100%;justify-content:center}.main-nav a{flex:1;text-align:center;padding:var(--space-sm);font-size:12px}.header-actions{margin-left:auto;gap:var(--space-md)}.editor-link{font-size:11px;gap:var(--space-xs)}.editor-link svg{width:13px}.brand-lockup{font-size:15px;gap:var(--space-2xs)}.brand-lockup img{width:34px;height:34px}.account-button{width:34px;height:34px}.account-button svg{width:15px}.cinema-screen{min-height:570px;aspect-ratio:auto;border-radius:12px}.cinema-screen>video{object-position:67% center}.cinema-shade{background:var(--color-paper-2);color:var(--color-ink)}.cinema-brand{top:28px}.brand-lockup.large{font-size:23px}.brand-lockup.large img{width:54px;height:54px}.cinema-copy{left:26px;right:22px;bottom:112px}.cinema-copy h1{font-size:46px;max-width:12ch}.cinema-copy p{font-size:14px;max-width:220px}.cinema-copy .button{margin-top:var(--space-lg)}.screen-bottom{left:22px;right:22px;bottom:18px;gap:var(--space-sm);flex-wrap:wrap;font-size:10px}.screen-bottom>span:nth-child(2){margin-left:0;max-width:120px}.screen-bottom button{margin-left:auto;font-size:10px;padding:var(--space-xs) var(--space-sm);gap:var(--space-xs)}.reel-selector{gap:var(--space-xs)}.reel-selector button{flex-direction:column;padding:var(--space-xs);gap:var(--space-xs);align-items:start;border-radius:8px}.reel-selector img{width:100%;height:auto;aspect-ratio:16/9}.reel-selector strong{font-size:10px;line-height:1.3}.reel-selector small{font-size:9px}.product-intro{padding-block:var(--space-2xl);grid-template-columns:minmax(0,1fr);gap:var(--space-28)}.intro-title h2{font-size:38px;max-width:18ch}.intro-title .inline-link{margin-top:var(--space-20)}.intro-body .lead{font-size:25px}.feature-showcase{padding-block:var(--space-48) var(--space-2xl)}.feature-titles{display:block}.feature-titles h2{font-size:38px}.feature-titles p{margin-top:var(--space-20);max-width:280px}.feature-visuals{grid-template-columns:minmax(0,1fr);gap:var(--space-36)}.feature-tile>div{height:260px}.feature-tile h3{font-size:21px;margin-top:var(--space-20)}.feature-tile p{font-size:14px}.closing{padding-block:var(--space-48);display:block}.closing h2{font-size:35px}.closing>div{margin-top:var(--space-28);flex-direction:row;align-items:center;gap:var(--space-20)}.closing .inline-link{font-size:12px}.site-footer{padding-block:var(--space-32);grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.site-footer>p,.footer-note{text-align:left}.site-footer>div{gap:var(--space-lg)}.page-intro{padding-block:var(--space-48) var(--space-36)}.page-intro h1,.product-hero h1,.order-layout h1{font-size:47px}.page-intro>p{font-size:16px}.examples-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.example-card:first-child{grid-column:auto}.example-card h2{font-size:23px}.examples{padding-bottom:var(--space-2xl)}.product-hero{grid-template-columns:minmax(0,1fr);padding-top:var(--space-48);gap:var(--space-20)}.product-hero p{font-size:16px}.product-hero .stage{height:400px}.purpose{grid-template-columns:minmax(0,1fr);gap:var(--space-36);padding-block:var(--space-56)}.purpose h2{font-size:39px}.roadmap{grid-template-columns:minmax(0,1fr);gap:var(--space-20);padding-block:var(--space-48) var(--space-2xl)}.roadmap h2{font-size:36px}.roadmap>div{padding:var(--space-28)}.studio{padding-block:var(--space-xl) var(--space-60)}.studio>.wrap{width:calc(100% - 32px)}.studio .section-head h2{font-size:40px}.studio .controls{padding:var(--space-20)}.studio .section-head{gap:var(--space-20)}.order-layout{grid-template-columns:minmax(0,1fr);padding-block:var(--space-48) var(--space-2xl);gap:var(--space-36)}.order-layout form{padding:var(--space-lg)}.order-layout>div>p{font-size:16px}.studio .art-word{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Video takes the main stage; interface text does not cover film titles. */
.cinema-copy{bottom:70px}.cinema-copy .button{margin-top:0}.cinema-shade{background:var(--color-paper-2);color:var(--color-ink)}.intro-title h1{font-size:clamp(36px,4vw,58px);max-width:17ch;line-height:1.1;letter-spacing:0;font-weight:400}.cinema-brand{top:24px}.cinema-copy{left:32px}@media(max-width:760px){.cinema-copy{left:22px;bottom:90px}.intro-title h1{font-size:38px}.cinema-screen{min-height:500px}.cinema-brand{top:28px}}

.studio .section-head h1{font-size:54px;font-weight:400;letter-spacing:0;line-height:1.08}@media(max-width:760px){.studio .section-head h1{font-size:40px}}

/* White brand and restored statement footer. Original logo asset is unchanged. */
.brand-lockup img,.stage-fallback img{filter:brightness(0) invert(1)}
.site-footer .footer-mast{display:block;grid-column:1/-1;font-size:clamp(64px,10vw,150px);font-weight:500;line-height:.95;padding:var(--space-md) 0 var(--space-xl);color:var(--ink);overflow-wrap:break-word;min-width:0}
@media(max-width:760px){.site-footer .footer-mast{font-size:clamp(48px,12vw,84px);padding:var(--space-xs) 0 var(--space-20)}}