/* GT3 RS / Product-film direction. One active system, mobile first. */
:root{color-scheme:dark;--bg:#101011;--surface:#1c1c1e;--raised:#29292c;--ink:#f5f5f7;--muted:#b0b0b7;--line:#ffffff1c;--accent:#f5f5f7;--accent-halo:rgba(255,255,255,.16);--ease:cubic-bezier(.22,1,.36,1);--gutter:24px;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,h4,h5,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.035em;line-height:1.08;text-wrap:balance}p{line-height:1.6;text-wrap:pretty}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.wrap{width:min(1280px,100%);padding-inline:var(--gutter);margin-inline:auto}.skip{position:absolute;top:-100px;left:24px;z-index:10;padding:14px 20px;background:var(--ink);color:var(--bg);border-radius:12px}.skip:focus{top:12px}.clipboard-fallback{position:fixed;left:-10000px;top:0}
/* Quiet masthead: the project, not the logo, owns the first screen. */
.site-header{height:72px;max-width:1280px;margin:auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:-.025em;white-space:nowrap}.brand-x{font-weight:400;color:#99999f;font-size:11px}.vision-lockup{display:block;width:82px;height:30px;position:relative;overflow:hidden}.vision-lockup img{position:absolute;max-width:none;width:119.58px;left:-20px;top:-21.47px}.site-header nav{display:flex;gap:20px;font-size:12px;color:#c9c9cf}.site-header nav a{min-height:44px;display:flex;align-items:center}.site-header nav a:not(:last-child){display:none}
/* Hero: a clear headline followed by an unobstructed frame. */
.hero{padding:44px 0 0;overflow:hidden}.hero-content{text-align:center}.eyebrow{font-size:15px;font-weight:600;margin-bottom:20px;letter-spacing:-.015em}.eyebrow span{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:7px}.hero h1{font-size:clamp(48px,8vw,88px);font-weight:650;line-height:1.04;margin:0 auto 20px;max-width:900px}.hero h1 em{font-style:normal;color:var(--accent);text-shadow:0 0 24px rgba(255,255,255,.24),0 0 64px rgba(255,255,255,.1)}.hero-copy{font-size:18px;line-height:1.5;color:var(--muted);margin:0 auto;max-width:590px}.hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 21px;min-height:48px;border-radius:99px;font-size:14px;font-weight:500;transition:transform 180ms var(--ease),background-color 180ms ease}.pill svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.hero-actions .primary svg{fill:currentColor;stroke:none;width:15px}.primary{background:var(--ink);color:#1d1d1f}.secondary{background:var(--raised);color:var(--ink)}.hero-media{margin-top:40px}.hero-media>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius)}.hero-media-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:18px;font-size:11px;color:var(--muted)}.hero-media-caption>span:first-child{font-size:15px;letter-spacing:-.03em;font-weight:600;color:var(--ink)}.hero-media-caption>span:last-child{text-align:right;max-width:210px}
/* Chapter rhythm and generous, deliberate type hierarchy. */
.intro,.process,.prompts{padding-top:88px;padding-bottom:0}.section-heading{margin-bottom:32px}.kicker{font-size:16px;font-weight:600;color:var(--muted);letter-spacing:-.015em;margin-bottom:16px}.section-heading h2{font-size:clamp(36px,5.2vw,64px);font-weight:650;margin:0 0 24px}.section-heading h2 span{color:#929298}.section-heading>p:last-child{font-size:18px;color:var(--muted);max-width:600px;margin-bottom:0}.film-shell{position:relative;overflow:hidden;border-radius:var(--radius);background:#090909;border:1px solid var(--line)}.film-shell video{width:100%;aspect-ratio:16/9;object-fit:contain}.film-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;background:linear-gradient(0deg,#0009,transparent 80%);border:0;color:#fff;font-size:16px;font-weight:500}.play-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#151515;transition:transform 240ms var(--ease)}.play-symbol svg{width:23px;height:23px;fill:currentColor}.film-play small{display:block;margin-top:5px;color:#dddde2;font-size:11px;font-weight:400}.film-toolbar{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:24px}.film-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.film-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 20px;border-radius:99px;font-size:13px;font-weight:500;transition:transform 180ms var(--ease),background-color 180ms ease}.film-action svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform 200ms var(--ease)}.film-action-primary{background:var(--ink);color:#1d1d1f}.film-action-secondary{background:var(--raised)}.film-status{font-size:12px;line-height:1.6;color:var(--muted);text-align:center;min-height:20px}
.flow-nav{display:flex;gap:4px;padding:6px;background:var(--surface);border-radius:99px;overflow-x:auto;scrollbar-width:none;margin:36px 0 16px}.flow-nav>span,.flow-number,.flow-direction{display:none}.flow-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:99px;white-space:nowrap;font-size:13px;font-weight:500;color:#c8c8ce;transition:background-color 200ms ease,color 200ms ease;flex:1 0 auto}.flow-nav a[aria-current=step]{background:#414144;color:var(--ink)}.chapter{padding:64px 0;border-bottom:1px solid var(--line);scroll-margin-top:32px}.chapter-title{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.step-num{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#29292c;color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums}.chapter-title .kicker{font-size:12px;letter-spacing:0;text-transform:none;font-weight:500;color:var(--muted);margin:0 0 10px}.chapter-title h3{font-size:clamp(28px,3.4vw,42px);font-weight:600;margin:0}.chapter-copy{max-width:760px;color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:32px}.idea-story{display:grid;gap:32px}.idea-image{position:relative;border-radius:24px;overflow:hidden;background:var(--surface);min-height:280px}.idea-image img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;object-position:60% center}.idea-image figcaption{position:absolute;inset:auto 0 0;padding:56px 24px 24px;background:linear-gradient(transparent,#080809ee);font-size:25px;font-weight:600;letter-spacing:-.03em}.idea-image figcaption span{display:block;font-size:13px;font-weight:400;color:#d1d1d7;margin-top:10px;letter-spacing:0;line-height:1.5}.idea-grid{display:grid;gap:24px;align-content:center}.idea-grid>div:not(:last-child){padding-bottom:24px;border-bottom:1px solid var(--line)}.idea-grid>div>span{font-size:11px;color:var(--accent);font-weight:600;letter-spacing:.035em}.idea-grid h4{font-size:23px;font-weight:600;line-height:1.18;margin:10px 0}.idea-grid p{font-size:15px;color:var(--muted);margin:0;line-height:1.65}.mood-block{padding:56px 0 8px}.mood-block>.kicker{font-size:18px;text-transform:none;color:var(--ink);letter-spacing:-.02em}.micro-note{max-width:75ch;font-size:12px;color:var(--muted);line-height:1.65;margin:20px 0 0}
/* Photography stays first; prompts live underneath, not on top of images. */
.reference-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.reference-card,.scene-card,.clip-card{min-width:0}.image-expand{display:block;position:relative;width:100%;padding:0;border:0;background:#19191b;cursor:zoom-in;overflow:hidden;border-radius:16px;color:var(--ink)}.image-expand img{width:100%;aspect-ratio:4/3;object-fit:contain;transition:transform 450ms var(--ease)}.mood-block .image-expand img{object-fit:cover}.zoom-hint{display:grid;place-items:center;position:absolute;bottom:12px;right:12px;width:32px;height:32px;background:#252526e6;border-radius:50%;font-size:18px;transition:transform 220ms var(--ease)}.reference-card figcaption,.clip-card figcaption{display:flex;flex-direction:column;gap:5px;padding:14px 0 0;line-height:1.4}.reference-card figcaption b,.clip-card figcaption b{font-size:15px;font-weight:600}.reference-card figcaption span,.clip-card figcaption span{font-size:12px;color:var(--muted);line-height:1.5}.reference-card figcaption small{font-size:11px;color:var(--muted)}.scene-gallery{display:grid;gap:40px}.scene-card .image-expand img{aspect-ratio:16/9;object-fit:cover}.scene-card figcaption b{font-size:21px;letter-spacing:-.025em}.scene-note{font-size:15px;color:var(--muted);line-height:1.6;margin:14px 0 20px}.decision-note{padding:24px;background:var(--surface);border-radius:20px;display:grid;gap:12px;margin-top:32px}.decision-note>span{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.035em}.decision-note p{font-size:15px;line-height:1.65;color:#c3c3c9;margin:0}
/* The filmstrip is a visual index. Horizontal scrolling is confined to it. */
.prompts{padding-bottom:88px}.picker-heading{display:flex;flex-direction:column;gap:8px;margin:40px 0 18px}.picker-heading p{font-size:18px;font-weight:600;margin:0;letter-spacing:-.02em}.picker-heading>span{font-size:12px;color:var(--muted);line-height:1.5}.shot-picker{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:4px;padding:6px 4px 18px;scrollbar-width:thin;scrollbar-color:#55555a transparent;margin-bottom:32px}.shot-button{position:relative;flex:0 0 132px;min-width:0;padding:5px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:16px;text-align:left;scroll-snap-align:start;transition:background-color 180ms ease,border-color 180ms ease,transform 180ms var(--ease)}.shot-button img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:11px;opacity:.62;transition:opacity 200ms ease}.shot-button[aria-selected=true]{background:#29292c;border-color:#a3a3ab}.shot-button[aria-selected=true] img{opacity:1}.shot-label{display:flex;align-items:flex-start;gap:6px;padding:12px 3px 8px;min-height:50px}.shot-label small{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted);line-height:1.5}.shot-label b{font-size:11px;font-weight:500;line-height:1.4}.shot-label>span:last-child{display:none}.shot-detail{min-width:0;scroll-margin-top:28px}.shot-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.shot-detail-head .kicker{font-size:12px;color:var(--accent);letter-spacing:.015em;margin-bottom:10px}.shot-detail-head h3{font-size:clamp(29px,3.6vw,44px);font-weight:600;margin:0}.plan-switcher{display:flex;gap:8px;flex-shrink:0}.plan-switcher button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:var(--raised);color:var(--ink);transition:transform 180ms var(--ease),background-color 180ms ease}.plan-switcher svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.plan-switcher button:disabled{opacity:.35;cursor:default}.plan-lead{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 24px;max-width:65ch}.plan-outputs{display:grid;gap:24px}.plan-outputs .image-expand img,.clip-card video{aspect-ratio:16/9;object-fit:contain;width:100%}.plan-outputs .image-expand,.clip-card video{border-radius:18px;background:#090909}.clip-card figcaption{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 12px}.clip-card figcaption>b,.clip-card figcaption>span{flex-basis:100%}.clip-link,.clip-play{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:99px;background:var(--raised);color:var(--ink);border:0;font-size:12px;margin-top:8px;transition:transform 180ms var(--ease),background-color 180ms ease}.clip-play{order:2}.clip-link{order:3;background:transparent;color:#d4d4db}.plan-section{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.plan-section>h4{font-size:23px;font-weight:600;margin-bottom:24px}.plan-references{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.plan-references .image-expand img{aspect-ratio:16/10}.plan-prompt-section{display:grid;gap:0}.plan-prompt-section>h4{margin-bottom:16px}.prompt-section-intro{color:var(--muted);font-size:16px;max-width:65ch;line-height:1.6;margin:0 0 32px}.prompt-group,.motion-prompts{min-width:0;background:var(--surface);border-radius:24px;padding:24px}.motion-prompts{margin-top:20px}.prompt-group-label{font-size:11px;letter-spacing:.04em;font-weight:600;color:var(--accent);margin:0 0 10px}.prompt-stage-title{font-size:27px;font-weight:600;letter-spacing:-.03em;margin:0 0 16px}.prompt-origin{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 20px}.prompt-disclosure{border:0;border-top:1px solid var(--line);min-width:0}.prompt-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:18px 0;font-size:15px;font-weight:500;line-height:1.35;list-style:none;cursor:pointer}.prompt-disclosure summary::-webkit-details-marker,.plan-history summary::-webkit-details-marker{display:none}.prompt-disclosure summary:after{content:'+';width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#38383c;color:var(--ink);font-size:20px;font-weight:400;transition:transform 220ms var(--ease)}.prompt-disclosure[open] summary:after{transform:rotate(45deg)}.prompt-inner{padding-bottom:24px}.prompt-guidance{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 16px}.prompt-box{margin-bottom:16px}.prompt-box pre{font:400 14px/1.8 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#d2d2d8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;max-height:420px;overflow:auto;scrollbar-width:thin;padding:0 12px 0 0}.copy{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;max-width:100%;padding:12px 18px;background:var(--ink);color:#1d1d1f;border:0;border-radius:99px;font-size:13px;font-weight:500;transition:transform 160ms var(--ease),background-color 180ms ease}.copy:before{content:'';display:block;width:16px;height:16px;flex-shrink:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='8' y='8' width='12' height='13' rx='2'/%3E%3Cpath d='M16 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3'/%3E%3C/svg%3E") center/contain no-repeat}.copy[data-copied=true]{background:#c9e9cf;color:#193621}.copy[data-copied=true]:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/contain no-repeat}.plan-history{margin-top:24px;border-block:1px solid var(--line)}.plan-history summary{list-style:none;cursor:pointer;font-size:15px;line-height:1.5;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.plan-history summary:after{content:'+';font-size:24px;color:var(--muted)}.plan-history[open] summary:after{content:'−'}.history-body{padding-bottom:28px}.history-body>p{font-size:15px;line-height:1.7;color:var(--muted);max-width:75ch}.comparison-pair{display:grid;gap:24px;margin-top:24px}
/* A clean closing, with one useful next action. */
.closing{background:#1b1b1d;padding:88px 0;text-align:center}.closing .kicker{color:var(--accent)}.closing h2{font-size:clamp(36px,5vw,64px);font-weight:650;margin:0 0 24px}.closing h2 span{color:#96969d}.closing p:not(.kicker){font-size:17px;color:var(--muted);margin-bottom:28px}.footer{padding-block:40px;display:grid;gap:16px}.footer-brand{display:flex;gap:10px;font-size:14px;font-weight:600}.footer-brand>span:nth-child(2){color:#929298}.footer p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.footer a{text-decoration:underline;text-underline-offset:3px}#image-dialog{width:min(1200px,94vw);max-height:94svh;overflow:auto;padding:20px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink)}#image-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}#dialog-image{width:100%;max-height:72svh;object-fit:contain;margin-top:20px}#dialog-caption{font-size:13px;color:var(--muted);margin:16px 0 0}.dialog-close{display:block;margin-left:auto;border:0;border-radius:99px;min-height:44px;padding:12px 20px;background:var(--raised);color:var(--ink);font-size:13px}
@media(min-width:768px){:root{--gutter:40px;--radius:28px}.site-header{height:80px}.site-header nav a:not(:last-child){display:flex}.site-header nav{gap:28px}.brand{font-size:13px}.vision-lockup{width:90px;height:33px}.vision-lockup img{width:131.25px;left:-22px;top:-23.57px}.hero{padding-top:56px}.eyebrow{font-size:17px}.eyebrow span{display:inline;margin-left:14px;font-size:13px}.hero-copy{font-size:21px}.hero-media{margin-top:48px}.hero-media>img{aspect-ratio:2.1/1}.hero-media-caption>span:last-child{max-width:none}.intro,.process,.prompts{padding-top:112px}.film-heading,.process>.section-heading,.prompts>.section-heading{display:grid;grid-template-columns:1.25fr 1fr;column-gap:56px;align-items:end}.section-heading>.kicker{grid-column:1/-1}.section-heading>h2{margin-bottom:0}.section-heading>p:last-child{font-size:19px;max-width:440px;margin-bottom:4px}.film-heading h2{margin-bottom:0}.play-symbol{width:80px;height:80px}.play-symbol svg{width:30px;height:30px}.film-play{font-size:21px;gap:16px}.film-play small{font-size:13px}.film-action{font-size:14px;padding:15px 24px}.flow-nav{width:max-content;max-width:100%;margin:44px auto 12px}.flow-nav a{padding-inline:24px}.chapter{padding-block:80px}.chapter-title{gap:20px}.step-num{width:40px;height:40px;margin-top:3px}.chapter-copy{font-size:18px}.idea-story{grid-template-columns:1fr 1fr;gap:40px}.idea-image img{aspect-ratio:auto;position:absolute;inset:0}.idea-image{min-height:540px}.idea-grid h4{font-size:25px}.idea-grid p{font-size:16px}.idea-image figcaption{padding:80px 32px 32px;font-size:30px}.reference-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.scene-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.decision-note{grid-template-columns:160px 1fr;padding:28px 32px;align-items:baseline}.picker-heading{flex-direction:row;justify-content:space-between;align-items:center}.shot-button{flex-basis:142px}.shot-picker{gap:12px;margin-bottom:40px}.plan-outputs{grid-template-columns:1fr 1fr;gap:24px}.plan-references{grid-template-columns:repeat(3,minmax(0,1fr));max-width:940px}.plan-prompt-section{grid-template-columns:1fr 1fr;gap:0 24px;align-items:start}.plan-prompt-section>h4,.prompt-section-intro{grid-column:1/-1}.prompt-group,.motion-prompts{padding:32px;margin:0}.plan-section{margin-top:48px;padding-top:40px}.comparison-pair{grid-template-columns:1fr 1fr}.closing{padding-block:112px}.footer{grid-template-columns:1fr 1fr;gap:20px 40px;padding-block:48px}.footer-brand{grid-column:1/-1}}
@media(min-width:1200px){:root{--gutter:56px}.shot-picker{gap:8px;overflow:visible}.shot-button{flex:1 1 0}.shot-label{gap:5px}.shot-label b{font-size:12px}.hero-media>img{aspect-ratio:2.25/1}.section-heading{margin-bottom:40px}.idea-story{grid-template-columns:1.1fr 1fr;gap:64px}}
@media(max-width:374px){:root{--gutter:20px}.hero h1{font-size:43px}.hero-actions{gap:8px}.hero-actions .pill{font-size:12px;padding-inline:16px}.film-action{padding-inline:14px;font-size:12px}.plan-switcher{gap:4px}.shot-detail-head h3{font-size:25px}.prompt-group,.motion-prompts{padding:20px}.brand{font-size:11px;gap:7px}.vision-lockup{width:74px}.site-header nav{font-size:11px}}
@media(hover:hover) and (pointer:fine){.pill:hover,.film-action:hover,.copy:hover{transform:translateY(-2px)}.primary:hover,.film-action-primary:hover,.copy:hover{background:#fff}.secondary:hover,.film-action-secondary:hover,.clip-play:hover,.plan-switcher button:not(:disabled):hover{background:#3b3b3f}.film-action-primary:hover svg{transform:translateY(3px)}.film-action-secondary:hover svg{transform:translate(2px,-2px)}.film-play:hover .play-symbol{transform:scale(1.08)}.image-expand:hover img{transform:scale(1.035)}.image-expand:hover .zoom-hint{transform:scale(1.1)}.shot-button:hover img{opacity:1}.flow-nav a:hover{background:#303034;color:#fff}.site-header nav a:hover{color:#fff}}
.pill:active,.film-action:active,.copy:active,.clip-play:active,.plan-switcher button:not(:disabled):active{transform:scale(.97)}.film-play:active .play-symbol{transform:scale(.95)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.pill:hover,.film-action:hover,.copy:hover,.image-expand:hover img,.film-play:hover .play-symbol,.pill:active,.film-action:active,.copy:active,.clip-play:active,.plan-switcher button:active{transform:none}}
html[data-keyboard=true] *{transition:none!important}

@media(max-width:767px){.film-actions{width:100%;max-width:420px;display:grid;grid-template-columns:1.35fr 1fr;gap:8px}.film-action{padding-inline:12px;gap:8px;white-space:nowrap;font-size:12px}.film-play small{display:none}}
@media(min-width:768px) and (max-width:1023px){.film-heading,.process>.section-heading,.prompts>.section-heading{grid-template-columns:1fr;gap:16px}.section-heading>.kicker{margin-bottom:0}.section-heading>p:last-child{max-width:620px;font-size:18px}.reference-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.idea-story{gap:28px}.idea-grid h4{font-size:23px}}
/* Continuous photographic ribbon; duplicate group makes the seam invisible. */
.hero-reel{overflow:hidden;border-radius:var(--radius);width:100%;background:#19191b}.hero-reel-track{display:flex;width:max-content;animation:hero-ribbon 48s linear infinite;animation-play-state:paused}.hero-reel-group{display:flex;flex:none;gap:16px;padding-right:16px}.hero-reel-group img{flex:none;width:clamp(290px,65vw,880px);height:clamp(220px,37vw,495px);object-fit:cover;border-radius:20px}.hero-reel[data-running=true] .hero-reel-track{animation-play-state:running}@keyframes hero-ribbon{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.hero-reel-track{animation:none}.hero-reel-group img{display:none}.hero-reel-group img:first-child{display:block;width:100%;height:auto}.hero-reel-group{display:block;padding:0}.hero-reel-group[aria-hidden=true]{display:none}.hero-reel-track{width:100%;display:block}}

/* White accent: restrained static glow, keeping reading and media clear. */
.step-num,.idea-grid>div>span,.decision-note>span,.shot-detail-head .kicker,.prompt-group-label,.closing .kicker{text-shadow:0 0 16px var(--accent-halo)}
.primary,.film-action-primary{box-shadow:0 0 0 1px #ffffff12,0 0 24px #ffffff0a}
.flow-nav a[aria-current=step]{box-shadow:inset 0 0 0 1px #ffffff16,0 0 18px #ffffff07}