.cg-page{display:block;height:auto;color:var(--browne-heading);font-size:18px;line-height:1.55}
.cg-page h1,.cg-page h2,.cg-page h3,.cg-page p{margin:0;font-weight:400}
.cg-page p::before{display:none}
.cg-page a{color:var(--browne-button)}
.cg-page button,.cg-page input{font:inherit}
.cg-page :focus-visible{outline:2px solid var(--browne-highlight);outline-offset:4px}
.cg-page [hidden]{display:none!important}
.cg-nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100% - 1200px)/2));padding-right:max(108px,calc((100% - 1200px)/2));background:color-mix(in srgb,var(--browne-parchment) 96%,transparent);border-bottom:1px solid var(--browne-boundary)}
.cg-wordmark{text-decoration:none;white-space:nowrap;font-size:18px}.cg-wordmark span{color:var(--browne-highlight)}

.cg-page #lang-toggle{position:absolute;top:13px;right:18px;bottom:auto;z-index:30;background:var(--browne-parchment);font-size:14px}
.cg-story{position:relative}
.cg-hero-layout{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1.12fr;gap:64px;align-items:center;padding:64px 0 48px}
.cg-eyebrow{font-size:14px;letter-spacing:.10em;text-transform:uppercase;color:var(--browne-button)}
.cg-hero-copy h1{font-size:clamp(40px,4.8vw,68px);line-height:1.08;letter-spacing:-.035em;margin:22px 0 28px;max-width:600px}
html[data-lang=zh] .cg-hero-copy h1{line-height:1.2;letter-spacing:.015em;font-size:clamp(40px,4.1vw,60px)}
.cg-title-mark{color:var(--browne-highlight)}.cg-lede{max-width:420px;color:var(--browne-words);font-size:18px;line-height:1.7}




.cg-hero-stage{position:relative;aspect-ratio:788/720;border:1px solid var(--browne-boundary);background:var(--browne-title);overflow:hidden}
.cg-hero-panel{position:absolute;inset:0}
.cg-hero-panel video,.cg-hero-panel [data-hero-player],.cg-hero-panel .cp,.cg-hero-panel .cp-stage{width:100%;height:100%;object-fit:contain}
.cg-prompt-panel{display:flex;flex-direction:column;justify-content:center;padding:9%;background:var(--browne-title)}
.cg-prompt-symbol{font-size:56px;line-height:1;color:var(--browne-highlight);margin-bottom:30px}
.cg-prompt{font-size:clamp(22px,2.35vw,34px);line-height:1.45;min-height:6em;margin-top:18px!important}
.cg-prompt::after{content:'▍';color:var(--browne-highlight)}
.cg-prompt-foot{font-size:12px;color:var(--browne-words);margin-top:20px!important}
.cg-stages{display:flex;list-style:none;padding:0;margin:16px 0 0;gap:18px}
.cg-stages li{flex:1;border-top:2px solid var(--browne-boundary);padding-top:8px;color:var(--browne-words);font-size:14px}
.cg-stages li>span:first-child{font-size:11px;display:block;line-height:1.6}
.cg-stages li.is-current{color:var(--browne-highlight);border-color:var(--browne-highlight)}
.cg-section{max-width:1200px;margin:0 auto;padding:90px 0;scroll-margin-top:80px}
.cg-section-heading{margin-bottom:38px;max-width:840px}.cg-section-heading h2{font-size:clamp(30px,3.5vw,46px);line-height:1.15;margin:15px 0 20px}.cg-section-heading>p:last-child{color:var(--browne-words);max-width:740px}
.cg-example{border-top:1px solid var(--browne-boundary);padding-top:26px;margin-top:38px}.cg-example+.cg-example{margin-top:76px}
.cg-example-heading{display:flex;gap:22px;align-items:center;margin-bottom:24px}.cg-index{font-size:38px;line-height:1;color:var(--browne-boundary)}.cg-example-heading h3{font-size:26px;line-height:1.2}.cg-example-heading p{font-size:13px;color:var(--browne-words);margin-top:6px}.cg-example-heading>a{margin-left:auto}
.cg-video-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cg-video-pair figure{margin:0;min-width:0}.cg-video-pair video{display:block;width:100%;height:auto;aspect-ratio:788/720;object-fit:contain;background:var(--browne-title);border:1px solid var(--browne-boundary)}
.cg-video-pair figcaption{display:flex;gap:8px;align-items:center;font-size:14px;margin-bottom:10px}.cg-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--browne-boundary)}.cg-dot-accent{background:var(--browne-highlight)}
.cg-transport{display:flex;align-items:center;gap:18px;margin-top:18px}.cg-scrub{flex:1;display:block}.cg-scrub input{width:100%;accent-color:var(--browne-button);vertical-align:middle}.cg-transport output{font-size:13px;min-width:105px;text-align:right;font-variant-numeric:tabular-nums}
.cg-media-status{font-size:13px;color:var(--browne-highlight)}.cg-media-status:empty{display:none}
.cg-character-section{border-top:1px solid var(--browne-boundary);border-bottom:1px solid var(--browne-boundary);margin-top:28px}
.cg-example-picker{display:flex;gap:12px;margin-bottom:24px}.cg-example-picker .btn{font-size:16px;padding:10px 16px}.cg-example-picker .clicked{color:var(--browne-parchment)}.cg-picker-number{opacity:.7;margin-right:9px;font-size:12px}
.cg-workbench-poster{display:block;width:min(100%,650px);height:auto;margin:0 auto;border:1px solid var(--browne-boundary)}
.cg-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.cg-use-grid article{border-top:1px solid var(--browne-boundary);padding-top:26px}.cg-use-grid h3{font-size:30px;margin:15px 0 18px;line-height:1.2}.cg-use-grid p{color:var(--browne-words);line-height:1.8}.cg-use-number{font-size:15px;color:var(--browne-highlight)}
.cg-future{font-size:14px;margin-top:22px!important}.cg-future>span:first-child{color:var(--browne-button);display:block;margin-bottom:5px}
.cg-footer{display:flex;justify-content:space-between;gap:24px;max-width:1200px;margin:40px auto 0;padding:28px 0 44px;border-top:1px solid var(--browne-boundary);font-size:14px;color:var(--browne-words)}
.cg-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1280px){.cg-hero-layout,.cg-section,.cg-footer{margin-left:32px;margin-right:32px}.cg-hero-layout{gap:38px}}
@media(max-width:760px){
 .cg-page{font-size:16px}.cg-nav{padding:14px 88px 14px 18px;gap:12px;min-height:54px}.cg-wordmark{font-size:14px}.cg-page #lang-toggle{top:10px;right:12px}
 .cg-hero-layout{padding:30px 0 24px;grid-template-columns:1fr;gap:22px;align-content:center;margin:0 20px}
 .cg-hero-copy h1,html[data-lang=zh] .cg-hero-copy h1{font-size:32px;line-height:1.08;margin:10px 0 12px;max-width:530px}.cg-hero-copy .cg-eyebrow{font-size:11px}.cg-title-mark{display:none}.cg-lede{font-size:14px;line-height:1.5;max-width:530px}
 .cg-hero-display{width:min(100%,400px);margin:auto}.cg-hero-stage{aspect-ratio:788/720}.cg-prompt-panel{padding:7%}.cg-prompt-symbol{font-size:30px;margin-bottom:10px}.cg-prompt{font-size:21px;line-height:1.4;min-height:5em;margin-top:9px!important}.cg-prompt-panel .cg-eyebrow{font-size:11px}.cg-prompt-foot{margin-top:8px!important;font-size:10px}.cg-stages{margin-top:10px;gap:12px}.cg-stages li{font-size:12px;padding-top:4px}
 .cg-section{padding:62px 0;margin-left:20px;margin-right:20px;scroll-margin-top:70px}.cg-section-heading{margin-bottom:25px}.cg-section-heading h2{font-size:32px}.cg-eyebrow{font-size:12px}.cg-example-heading{gap:13px;flex-wrap:wrap}.cg-example-heading h3{font-size:23px}.cg-example-heading>a{margin-left:46px;font-size:13px}.cg-index{font-size:30px}
 .cg-video-pair{grid-template-columns:1fr;gap:18px}.cg-transport{gap:10px}.cg-transport output{min-width:82px;font-size:11px}.cg-example+.cg-example{margin-top:56px}.cg-example-picker{gap:8px}.cg-example-picker .btn{font-size:13px;padding:8px 10px;white-space:normal}.cg-picker-number{margin-right:5px}
 .cg-use-grid{grid-template-columns:1fr;gap:35px}.cg-use-grid h3{font-size:26px}.cg-footer{margin:0 20px;flex-direction:column;gap:12px;font-size:13px}
}
@media(max-height:690px) and (min-width:761px){.cg-hero-layout{gap:44px}.cg-hero-display{max-width:430px;justify-self:end}.cg-hero-copy h1{font-size:44px}}
/* Technical close-ups keep the exported animation untouched. */
.cg-hero-status{position:absolute;inset:auto 12px 12px;padding:9px;background:var(--browne-parchment);font-size:12px;text-align:center}.cg-hero-status:empty{display:none}
.cg-detail-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:32px 0 16px}.cg-detail-heading h4{margin:0;font-size:20px;font-weight:400}.cg-detail-heading>span{font-size:12px;color:var(--browne-words)}
.cg-detail-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.cg-detail-card{margin:0;min-width:0}.cg-detail-card figcaption{padding:15px 0 0;text-align:left}.cg-detail-card h5{color:var(--browne-heading);font-size:16px;font-weight:400;margin:0 0 9px;line-height:1.45}.cg-detail-card p{font-size:13px;line-height:1.7;color:var(--browne-words)}
.cg-detail-media{position:relative;aspect-ratio:4/3;background:var(--browne-title);border:1px solid var(--browne-boundary);overflow:hidden}.cg-detail-media video{display:block;width:100%;height:100%;object-fit:cover}.cg-detail-media button{position:absolute;right:8px;bottom:8px;font-size:11px;padding:3px 9px;background:var(--browne-parchment);opacity:.92}
.cg-parts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:4/3;border:1px solid var(--browne-boundary);background:repeating-conic-gradient(var(--browne-title) 0 25%,var(--browne-parchment) 0 50%) 0/16px 16px}
.cg-parts-grid a{min-height:0;display:flex;flex-direction:column;align-items:center;padding:5px;text-decoration:none;border:1px solid color-mix(in srgb,var(--browne-boundary) 25%,transparent)}.cg-parts-grid img{display:block;min-height:0;width:100%;flex:1;object-fit:contain}.cg-parts-grid a>span{font-size:10px;line-height:1.3;background:var(--browne-parchment)}
.cg-tail-proof{margin-top:24px;padding:16px 0;border-top:1px solid var(--browne-boundary)}.cg-tail-proof summary{font-size:14px;cursor:pointer;color:var(--browne-button)}.cg-tail-proof p{font-size:14px;color:var(--browne-words);margin:16px 0!important;max-width:900px}.cg-tail-proof img{display:block;width:100%;height:auto;border:1px solid var(--browne-boundary)}
@media(min-width:761px) and (max-width:1050px){.cg-detail-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}}
@media(max-width:760px){.cg-detail-strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:14px}.cg-detail-card{flex:0 0 80%;scroll-snap-align:start}.cg-detail-heading{margin-top:26px}.cg-detail-heading h4{font-size:18px}.cg-detail-heading>span{font-size:11px}.cg-example-picker .btn{flex:1}}