/* REBAMAH · Motion concepts · Local review */
:root{--lime:#d9fa4f;--accent:var(--lime);--accent-soft:#d9fa4f25;--bg:#111513;--surface:#1a201b;--ink:#f0f1e9;--muted:#b5bdb3;--line:#3a443a;--card:#232a23;--button-ink:#172014;--header:#111513ed;--heading:Bahnschrift,"Arial Narrow",sans-serif;--contact:#d9fa4f;--contact-ink:#192413;--contact-muted:#34442c;--contact-line:#849a48;--input:#ffffff45}
.concept-label{font-size:13px;background:var(--bg)}header{height:96px}.brand small{font-size:13px}.header-cta{border-radius:3px}.new-hero{min-height:740px;height:calc(100svh - 137px);max-height:1000px;padding:0;background:#111513}.new-hero .hero-content{padding:60px 4.5% 110px;position:relative;z-index:3;width:59%;pointer-events:none}.new-hero .hero-content a{pointer-events:auto}.new-hero .eyebrow{font-size:15px;font-weight:450;letter-spacing:1px;color:inherit}.new-hero h1{font-family:Bahnschrift,"Arial Narrow",sans-serif;font-size:clamp(68px,6.8vw,108px);font-weight:650;line-height:.98;letter-spacing:-4px;margin:35px 0 27px}.new-hero h1 em{font-family:inherit;font-style:normal;color:var(--lime);font-weight:inherit}.new-hero .hero-content>p{font-size:20px;line-height:1.7;margin:0 0 27px;color:var(--muted)}.new-hero .primary{font-size:17px;padding:18px 24px;border-radius:3px}.hero-bottom{position:absolute;bottom:0;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding:24px 0;z-index:4;font-size:14px}.hero-bottom a{border-bottom:1px solid #7a846e}.kinetic-stage{position:absolute;inset:0 0 0 42%;height:100%;margin:0!important;background:radial-gradient(ellipse at 55% 52%,#3d4934 0,transparent 62%);overflow:hidden;touch-action:pan-y;cursor:grab}.kinetic-stage:active{cursor:grabbing}.kinetic-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.stage-fallback{position:absolute;inset:0;opacity:.75}.stage-ready .stage-fallback{display:none}.stage-controls{position:absolute;z-index:5;bottom:110px;left:20%;right:7%;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#c4cbbd;font-size:14px;pointer-events:auto}.stage-pause{background:#121a13ba;border:1px solid #778071;color:#eef4e5;width:46px;height:46px;font-size:22px;border-radius:50%;flex:none}.title-dot{color:var(--lime)}.immersive:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#111513 3%,#11151300 70%)}.immersive .hero-content{z-index:3}.immersive .kinetic-stage{z-index:1}.immersive .stage-controls{z-index:5}.immersive .hero-content .eyebrow{color:#d1d8c8}.theme-a .stats,.theme-c .stats{background:var(--bg)}.stats{padding-top:30px;padding-bottom:30px}.stats b{font-size:25px}.stats span{font-size:16px}.statement{display:block!important;position:relative;padding-top:110px;padding-bottom:110px;overflow:hidden}.statement h2,.theme-a .intro h2{font-family:var(--heading);font-size:clamp(45px,6vw,86px);line-height:1.08;letter-spacing:-2px;margin:35px 0 50px;max-width:1150px;font-weight:600}.statement h2 em{font-style:normal;color:var(--accent)}.statement-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-left:25%}.statement-bottom p{font-size:21px;max-width:640px;line-height:1.8;color:var(--muted);margin:0}.statement-symbol{font-size:85px;color:var(--accent);line-height:1}.round-link{width:74px;height:74px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:30px;flex:none;transition:background .3s,color .3s}.round-link:hover{background:var(--accent);color:#111513}.capabilities{border-top:1px solid var(--line)}.cap-list .cap-tab{padding-top:27px;padding-bottom:27px}.cap-tab.active{background:var(--accent-soft);padding-left:18px}.cap-visual{background:#101913;border:1px solid #3e4a3d;border-radius:4px}.cap-copy p{font-size:18px;color:#c6cebf}.cap-copy>div>span,.scene-controls,.visual-top,.diagram-note{font-size:14px}.machine-scene{background:radial-gradient(ellipse at 50% 60%,#465a2933,transparent 70%)}.project-stage{border-radius:5px;overflow:hidden}.project-heading h2,.theme-a .project-heading h2{font-size:clamp(55px,6vw,86px)}.project-type,.project-controls>span,.image-corner{font-size:14px}.project-details p{font-size:18px}.theme-a .heritage,.heritage{background:var(--card)}.theme-a .year{color:var(--accent)}.theme-a .contact-head h2 span{color:var(--contact-ink);font-family:var(--heading);font-weight:600}.contact-head h2,.theme-a .contact-head h2{font-size:clamp(55px,7vw,98px)}.form-note,.footer-bottom{font-size:14px}.theme-a footer .brand>svg{color:var(--lime)}
/* B · Immersive industrial film direction */
.theme-b{--bg:#191b16;--surface:#e8e9dc;--ink:#f0f1e7;--muted:#bec1b3;--line:#464a3e;--card:#292d23;--header:#191b16ed;--contact:#d9fa4f;--contact-ink:#182110;--contact-muted:#35412b;--contact-line:#829749}.cinema{min-height:790px;max-height:1100px}.cinema .cinema-art{position:absolute;inset:0;height:100%;background:#2c3420}.cinema-art img{opacity:.7;filter:saturate(.55);animation:industrial-camera 22s ease-in-out infinite alternate;transform:scale(1.13);object-position:center}.cinema:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#12170e25,#10150f00 25%,#0a1009ed 96%),linear-gradient(90deg,#0d1307a0,transparent)}.cinema-top{position:absolute;top:35px;left:4.5%;right:4.5%;z-index:3;display:flex;justify-content:space-between;gap:25px}.cinema-status{font-size:14px;display:flex;gap:10px;align-items:center}.cinema-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:pulse-led 2s infinite}.cinema .hero-content{position:absolute;bottom:100px;left:0;width:100%;padding:0 4.5% 28px}.cinema .hero-content>p.cinema-pre{color:#f0f2e6;font-size:21px;margin-bottom:20px}.cinema h1{font-size:clamp(78px,9.4vw,150px);line-height:.95;letter-spacing:-5px;margin:0 0 35px}.cinema-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.cinema-bottom p{color:#e1e5d8;font-size:20px;margin:0}.cinema-nav{position:absolute;bottom:0;left:4.5%;right:4.5%;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid #aebaa063}.cinema-nav>div{display:flex;gap:35px}.film-tab{padding:10px 0;border:0;color:#e1e7d6;background:transparent;font-size:16px;position:relative}.film-tab span{margin-right:12px;opacity:.6}.film-tab:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--lime)}.film-tab.active{color:var(--lime)}.film-tab.active:after{width:100%;transition:width .5s}.cinema-sweep{position:absolute;inset:-40% -20%;background:linear-gradient(100deg,transparent 40%,#e1ffa42b 50%,transparent 60%);animation:light-sweep 8s ease-in-out infinite;pointer-events:none}.theme-b .stats{background:var(--lime);color:#1b2515;border-color:#9aac59}.theme-b .stats span{color:#34442c}.theme-b .stats>div{border-color:#9aac59}.theme-b .capabilities{color:#20271d;--ink:#20271d;--muted:#55604d;--line:#b1baa1}.theme-b .cap-tab.active{background:#d9fa4f;border-color:#263d13}.theme-b .statement{background:#191b16}.theme-b .process{background:#272e20}.theme-b .heritage{grid-template-columns:1.2fr 1fr}
/* C · Open, architectural, explorable */
.theme-c{--bg:#f0f0e6;--surface:#e2e5d7;--ink:#1b281a;--muted:#53624e;--line:#b4bca8;--card:#e0e4d6;--header:#f0f0e6ed;--accent:#416023;--accent-soft:#c8e58266;--heading:"Segoe UI",Arial,sans-serif;--contact:#172415;--contact-ink:#ecf2e4;--contact-muted:#bdcbb3;--contact-line:#65745a;--input:#ffffff0d}.theme-c .brand>svg{color:#527528}.theme-c .header-cta{background:#1e2c19;color:#eaf3df}.open-engineering{background:var(--bg);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:45px 4.5% 95px;gap:40px;min-height:800px}.open-engineering .hero-content{width:100%;padding:0;align-self:center}.open-engineering h1{font-family:"Segoe UI",sans-serif;font-size:clamp(54px,5.5vw,83px);line-height:1.04;font-weight:650;letter-spacing:-4px;margin:27px 0}.open-engineering h1 em{color:#486d2c}.open-engineering .primary{background:#25391b;color:#f3faea}.engineering-frame{background:var(--lime);height:590px;position:relative;border-radius:4px;overflow:hidden;color:#223319;isolation:isolate}.engineering-frame:before{content:"R";position:absolute;right:-10px;top:-80px;line-height:1;font-size:650px;font-weight:800;color:#b8dc35;z-index:-1}.engineering-frame .kinetic-stage{inset:0;cursor:grab;background:none}.frame-caption{position:absolute;top:23px;left:25px;right:25px;z-index:4;display:flex;align-items:center;justify-content:space-between;font-size:16px}.frame-caption>span:last-child{font-size:30px}.engineering-frame .stage-controls{left:25px;right:25px;bottom:96px;color:#304125}.engineering-frame .stage-pause{color:#1e2f16;background:#ffffff35;border-color:#7c963d}.assembly-toggle{position:absolute;z-index:6;bottom:25px;left:25px;right:25px;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#203417;color:#eff7e7;border:0;font-size:17px;border-radius:3px}.assembly-toggle span{font-size:25px}.theme-c .hero-bottom{font-size:14px}.theme-c .statement{background:#102859;color:#eef4ff;--muted:#bfd0ed;--line:#476da5;--accent:#94c7ff}.theme-c .statement .eyebrow{color:#b9cdee}.theme-c .cap-visual{color:#f0f5e9}.theme-c .cap-copy>div>span{color:#d9fa4f}.theme-c .guides{stroke:#d9fa4f}.theme-c .project-heading h2{font-family:"Segoe UI",sans-serif;font-weight:600;letter-spacing:-3px}.theme-c .heritage{background:#e0e4d6}.theme-c .contact-head h2{font-family:"Segoe UI",sans-serif;font-size:clamp(52px,6vw,84px);letter-spacing:-3px}.theme-c .contact-head h2 span{color:var(--lime)}.theme-c .cap-tab>span:nth-child(2){font-family:"Segoe UI",sans-serif;font-size:30px}.theme-c .cap-tab.active{border-color:#527528}.theme-c .process{background:#d9fa4f;color:#23331a}
@keyframes industrial-camera{0%{transform:scale(1.08) translateX(-1%)}100%{transform:scale(1.28) translateX(3%)}}@keyframes light-sweep{0%,15%{translate:-50% 0;opacity:0}40%,65%{opacity:1}85%,100%{translate:50% 0;opacity:0}}@keyframes pulse-led{50%{box-shadow:0 0 0 8px #d9fa4f20}}
@media(max-width:1100px){.new-hero{min-height:730px}.new-hero h1{font-size:75px;letter-spacing:-3px}.new-hero .hero-content{width:65%;padding-top:55px}.kinetic-stage{left:35%}.open-engineering{gap:25px;min-height:800px}.open-engineering .hero-content{width:100%;padding:0}.open-engineering h1{font-size:58px}.engineering-frame{height:570px}.cinema h1{font-size:110px}.cinema .hero-content{width:100%;padding:0 4.5% 20px}.cinema-status{display:none}.statement-bottom{margin-left:10%}.theme-c .cap-tab>span:nth-child(2){font-size:25px}}
@media(max-width:800px){header,header.compact{height:85px}.brand small{font-size:11px}.new-hero{height:auto;min-height:0;max-height:none}.new-hero .hero-content{width:100%;padding:34px 22px 0}.new-hero .eyebrow{font-size:14px}.new-hero h1{font-size:clamp(47px,11.8vw,76px);letter-spacing:-2px;line-height:1.02;margin:25px 0 22px}.new-hero .hero-content>p{font-size:18px;margin-bottom:23px}.new-hero .primary{font-size:16px;padding:16px 20px;min-height:59px}.immersive .kinetic-stage{position:relative;inset:auto;height:380px;margin-top:-15px!important;background:radial-gradient(ellipse,#435333,transparent 67%)}.immersive:after{display:none}.immersive .hero-bottom{position:relative;left:auto;right:auto;margin:0 22px;flex-wrap:wrap;padding:20px 0;font-size:14px;gap:12px}.immersive .hero-bottom>span:first-child{display:none}.stage-controls{bottom:15px;left:22px;right:22px;font-size:14px}.stage-pause{width:44px;height:44px}.stats b{font-size:24px}.statement{padding-top:60px;padding-bottom:60px}.statement h2,.theme-a .intro h2{font-size:clamp(35px,8.8vw,54px);letter-spacing:-1.3px;margin:25px 0 35px}.statement-bottom{margin-left:0;gap:20px;flex-wrap:wrap}.statement-symbol{display:none}.statement-bottom p{font-size:18px;line-height:1.8}.round-link{width:52px;height:52px;font-size:25px}.cap-copy>div>span,.scene-controls,.visual-top,.diagram-note{font-size:13px}.cap-copy p{font-size:18px}.project-type,.image-corner,.project-controls>span{font-size:13px}.project-heading h2,.theme-a .project-heading h2{font-size:52px}.contact-head h2,.theme-a .contact-head h2{font-size:49px}.theme-b .heritage{grid-template-columns:1fr}.cinema{height:840px;min-height:0}.cinema-top{top:28px;left:22px;right:22px}.cinema .hero-content{position:absolute;bottom:147px;padding:0 22px;width:100%}.cinema .hero-content>p.cinema-pre{font-size:18px;max-width:280px;margin-bottom:25px}.cinema h1{font-size:clamp(43px,10.4vw,80px);letter-spacing:-1.8px;margin:0 0 28px}.cinema-bottom{display:block}.cinema-bottom p{font-size:18px;margin-bottom:25px}.cinema-nav{left:22px;right:22px;padding:16px 0}.cinema-nav>div{display:flex;flex-wrap:wrap;gap:4px 20px;max-width:260px}.film-tab{font-size:15px;padding:7px 0}.film-tab span{margin-right:7px}.cinema-art img{object-position:45% center}.open-engineering{display:block;padding:0 22px 25px}.open-engineering .hero-content{padding:32px 0 0;width:100%}.open-engineering h1{font-size:clamp(43px,10vw,72px);letter-spacing:-2.5px}.engineering-frame{height:430px;margin-top:35px}.engineering-frame .kinetic-stage{inset:0;height:100%;left:0}.engineering-frame:before{font-size:480px;top:-45px}.frame-caption{font-size:14px;left:20px;right:20px;top:15px}.engineering-frame .stage-controls{left:20px;right:20px;bottom:87px;font-size:13px}.assembly-toggle{left:20px;right:20px;bottom:20px;font-size:16px;padding:13px 16px}.open-engineering .hero-bottom{position:relative;left:auto;right:auto;display:block;padding:24px 0 0;margin-top:25px}.open-engineering .hero-bottom>span{display:block;margin-bottom:12px;font-size:13px}.theme-c .contact-head h2{font-size:45px}.theme-c .cap-tab>span:nth-child(2){font-size:25px}.theme-c .hero-content>p{font-size:18px}.theme-c .process{padding:55px 22px}}
.theme-b .statement{color:#f0f1e7}.theme-b .statement .eyebrow{color:#bec1b3}.theme-b .statement h2{font-size:clamp(45px,6vw,86px);line-height:1.08;margin:35px 0 50px;letter-spacing:-2px}.theme-b .statement h2 em{color:var(--lime)}.theme-b .statement-bottom p{color:#bec1b3;font-size:21px}.theme-b .cap-tab.active{color:#20271d}.theme-b .year,.theme-b footer .brand svg{color:var(--lime)}.theme-b .contact-head h2 span{color:var(--contact-ink)}.theme-b .project-heading .outline-type{-webkit-text-stroke:1px var(--lime)}
@media(max-width:800px){.theme-b .statement h2{font-size:clamp(35px,8.8vw,54px);margin:25px 0 35px}.theme-b .statement-bottom p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.cinema-art img{animation:none;transform:scale(1.08)}.cinema-sweep{display:none}}
