/* V3: one focal motion, no perpetual float or pointer parallax. */
.hero-copy h1>span,.hero-copy h1>em,.hero-art img{animation:none}
.hero-visual{transform:none;transition:none}
.motion-player{position:relative;isolation:isolate}
.motion-player video{display:block;width:100%;height:100%;object-fit:contain}
.film-control{display:inline-flex;gap:9px;align-items:center;position:absolute;z-index:4;left:24px;bottom:22px;padding:11px 16px;border:1px solid #7f99994d;border-radius:99px;background:#0a131cd4;color:#d7e6e5;font-size:12px;cursor:pointer;backdrop-filter:blur(10px);min-height:42px}
.film-control:hover{color:#e6ffa7;border-color:#e6ffa77a}
.film-control>span{font-size:16px;line-height:1}
.film-error{position:absolute;bottom:75px;left:24px;right:24px;padding:10px;background:#14232bea;color:#fff;font-size:12px;z-index:5}
.film-error[hidden]{display:none}
.home-cinema{width:100%;position:relative;padding:22px 0 40px}
.hero-art{margin-left:-15px;margin-right:-35px;padding-top:0;padding-bottom:0;min-width:0}
.cinema-heading{display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:10px;color:#92b2b7;letter-spacing:.12em;gap:10px}
.cinema-heading .eyebrow{font-size:10px;margin:0}
.home-dragon{aspect-ratio:16/10;width:100%}
.home-dragon video{object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 96%,transparent);}
.home-dragon video{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.home-dragon .film-control{bottom:15px;left:30px}
.cinema-link{position:absolute;bottom:32px;right:30px;display:flex;align-items:center;gap:20px;font-size:13px;color:#e1eed5;border-bottom:1px solid #82978c;padding-bottom:8px}
.cinema-caption{display:block;padding:12px 30px 0;color:#90a6a8;font-size:10px}
.dragon-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b1318;color:#fff;min-height:650px;padding-bottom:65px}
.dragon-hero>.wrap:first-child{position:relative;z-index:2;pointer-events:none}
.dragon-hero a{pointer-events:auto}
.dragon-hero .breadcrumb{padding:15px 0 45px}
.dragon-copy{width:36%;padding-top:5px;padding-bottom:70px;position:relative}
.dragon-copy h1{font-size:clamp(45px,4.9vw,76px);line-height:1.03;letter-spacing:-.065em}
.dragon-copy p{font-size:18px;line-height:1.6;color:#b8cbcc;margin:25px 0}
.dragon-copy .eyebrow{font-size:11px;color:#9dc6cc}
.dragon-copy .button{padding:16px 22px;gap:25px;font-size:14px}
.dragon-free{position:absolute;right:-2vw;bottom:55px;width:70vw;max-width:1250px;aspect-ratio:16/9;z-index:1}
.dragon-free video{mask-image:linear-gradient(90deg,transparent,#000 11%,#000 94%,transparent);}
.dragon-free:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b1318,transparent 18%,transparent 93%,#0b1318)}
.dragon-free .film-control{left:auto;right:7vw;bottom:30px}
.dragon-free .film-error{left:30%;right:7vw}
.dragon-foot{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;color:#8fa5a7;font-size:10px;letter-spacing:.12em}
.dragon-foot>span:last-child{letter-spacing:0;font-size:12px}
.website-showcase{background:#0b151b;padding:32px 0 65px;color:#fff}
.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}
.showcase-heading .eyebrow{margin:0;font-size:11px}
.showcase-heading p{color:#a9bcbf;font-size:13px;line-height:1.55}
.browser-demo{border:1px solid #5b75814f;border-radius:15px;background:#081116;overflow:hidden;box-shadow:0 20px 80px #0005}
.browser-chrome{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;background:#1d2a33;color:#a9bcc2;font-size:10px;letter-spacing:.07em;border-bottom:1px solid #ffffff0c}
.browser-chrome>span:first-child{color:#67808b;letter-spacing:5px}
.brasa-nav{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:26px 34px;background:#0a1319;color:#dddbce}
.brasa-nav>strong{font-size:28px;letter-spacing:-.075em;font-weight:900}
.brasa-nav>strong>span{font-size:10px;vertical-align:top;margin-left:4px}
.brasa-nav>span{font-size:9px;letter-spacing:.16em;color:#a7a390}
.brasa-nav>a{border:1px solid #ada17c6e;color:#eedaaa;border-radius:99px;padding:11px 16px;font-size:11px}
.brasa-stage{display:grid;grid-template-columns:38% 62%;align-items:center;background:#081116;position:relative;min-height:460px}
.brasa-copy{padding:20px 0 45px 42px;z-index:2;pointer-events:none}
.brasa-copy .eyebrow{font-size:9px;letter-spacing:.1em;color:#bca376}
.brasa-copy h2{font-size:clamp(35px,4.3vw,66px);letter-spacing:-.065em;line-height:1.04;color:#ede6d5}
.brasa-copy em{color:#ddac58}
.brasa-copy p{font-size:13px;color:#a1b1b4;margin-top:20px}
.burger-film{width:100%;aspect-ratio:16/11;min-width:0}
.burger-film video{object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 94%,transparent)}
.burger-film .film-control{left:auto;right:30px;bottom:15px}
.brasa-bottom{display:flex;justify-content:space-around;border-top:1px solid #6575752c;padding:19px 20px;font-size:10px;letter-spacing:.17em;color:#b8aa8a}
.project-grid{grid-template-columns:1.45fr 1fr;align-items:stretch}
.project-mini-label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:16px}
.project-mini-label .eyebrow{font-size:10px;margin:0}
.project-mini-label a{font-size:11px;border-bottom:1px solid #9aa997;padding-bottom:4px}
.browser-compact .brasa-nav{padding:18px 22px}
.browser-compact .brasa-nav>strong{font-size:24px}
.browser-compact .brasa-nav>span{display:none}
.browser-compact .brasa-stage{min-height:320px;grid-template-columns:39% 61%}
.browser-compact .brasa-copy{padding:20px 0 45px 24px}
.browser-compact .brasa-copy h2{font-size:clamp(28px,2.6vw,42px)}
.browser-compact .brasa-copy .eyebrow,.browser-compact .brasa-copy p{display:none}
.browser-compact .burger-film{aspect-ratio:1}
.browser-compact .brasa-bottom{font-size:8px;letter-spacing:.08em;padding:16px 10px}
.project-grid>.project-card{margin-top:33px}
@media(min-width:1700px){.dragon-hero{min-height:720px}.dragon-free{right:max(0px,calc((100vw - 1660px)/2));width:70vw}.dragon-copy h1{font-size:80px}.dragon-copy{padding-top:40px}}
@media(min-width:761px) and (max-width:1050px){.dragon-copy{width:40%}.dragon-copy h1{font-size:49px}.dragon-free{width:72vw;bottom:65px;right:-4vw}.dragon-hero{min-height:600px}.brasa-copy{padding-left:28px}.brasa-stage{min-height:350px}.brasa-nav>span{display:none}.project-grid{grid-template-columns:1fr}.project-grid>.project-card{margin-top:0;min-height:400px}.browser-compact .brasa-copy h2{font-size:42px}}
@media(max-width:760px){
 .hero-art{margin:25px -20px 0;padding:0;width:calc(100% + 40px)}
 .home-cinema{padding:0 0 30px}.cinema-heading{padding:0 20px;font-size:9px}.cinema-heading .eyebrow{font-size:9px}.home-dragon{aspect-ratio:16/11;margin-top:8px}.home-dragon .film-control{left:20px;bottom:7px;font-size:10px;padding:9px 12px;min-height:40px}.cinema-link{bottom:20px;right:20px;font-size:11px;gap:10px}.cinema-caption{padding:14px 20px 12px;font-size:9px;max-width:53%;line-height:1.4}
 .dragon-hero{min-height:0;padding-bottom:65px}.dragon-hero .breadcrumb{padding:12px 0 28px}.dragon-copy{width:100%;padding:0 0 12px}.dragon-copy h1{font-size:clamp(43px,11.5vw,75px)}.dragon-copy h1 br:last-of-type{display:none}.dragon-copy h1 em{display:block}.dragon-copy p{font-size:16px;margin:20px 0}.dragon-copy .eyebrow{font-size:10px}.dragon-copy .button{min-height:52px}.dragon-copy .detail-type{font-size:11px;margin-top:14px}
 .dragon-free{position:relative;right:auto;bottom:auto;width:100%;max-width:none;aspect-ratio:16/11;margin-top:5px}.dragon-free video{object-fit:contain;mask-image:linear-gradient(0deg,transparent,#000 14%,#000 90%,transparent)}.dragon-free .film-control{right:20px;bottom:5px;font-size:11px}.dragon-free .film-error{left:20px;right:20px}.dragon-foot{bottom:20px;font-size:8px;line-height:1.5;letter-spacing:.08em}.dragon-foot>span:last-child{display:none}
 .website-showcase{padding:25px 0 32px}.website-showcase>.wrap{width:calc(100% - 24px)}.showcase-heading{display:block;padding:0 8px}.showcase-heading .eyebrow{font-size:9px}.showcase-heading p{font-size:12px;margin-top:10px}.browser-chrome{padding:12px;font-size:8px;letter-spacing:0}.browser-chrome>span:first-child{font-size:8px;letter-spacing:2px}.browser-demo{border-radius:10px}.brasa-nav,.browser-compact .brasa-nav{padding:18px 18px;gap:10px}.brasa-nav>strong,.browser-compact .brasa-nav>strong{font-size:25px}.brasa-nav>span{display:none}.brasa-nav>a{font-size:9px;padding:9px 11px}.brasa-stage,.browser-compact .brasa-stage{display:flex;flex-direction:column;min-height:0;align-items:stretch}.brasa-copy,.browser-compact .brasa-copy{padding:16px 23px 0}.brasa-copy h2,.browser-compact .brasa-copy h2{font-size:36px}.brasa-copy h2 br:first-child{display:none}.brasa-copy p{font-size:12px;margin:13px 0 0}.brasa-copy .eyebrow{font-size:8px}.burger-film,.browser-compact .burger-film{aspect-ratio:16/11;min-height:0;width:100%}.burger-film .film-control{right:18px;bottom:8px;font-size:10px;padding:8px 12px;min-height:40px}.brasa-bottom,.browser-compact .brasa-bottom{padding:15px 8px;font-size:7px;letter-spacing:.07em}.project-grid{grid-template-columns:1fr;gap:25px}.project-grid>.project-card{margin:0}.project-mini-label{align-items:start;gap:10px}.project-mini-label .eyebrow{font-size:8px;max-width:50%}.project-mini-label a{font-size:10px}.browser-compact .brasa-copy h2{font-size:34px}
}
@media(prefers-reduced-motion:reduce){.film-control{transition:none}.hero-art img{animation:none}}
@media(max-width:760px){.dragon-free{aspect-ratio:16/9;margin-top:24px;margin-bottom:22px}.dragon-free .film-control{bottom:-18px}}