/* Independently addressable products, cases and interactive product scenes. */
.bj-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 11px}.bj-choices button{min-height:32px;font:8px var(--mono);padding:5px 2px;color:#aa9e8d;background:#b89a6710;border:1px solid #8f765043;border-radius:3px}.bj-choices button[aria-pressed=true]{background:#a78b3a24;border-color:#b7a175;color:#e8d4ad}.orbit-picker{display:block;width:calc(100% - 44px);margin:8px 22px 0;border:1px solid #273d49;border-radius:4px;padding:8px 10px;background:#071019;color:#8eabb7;font-size:9px;min-height:32px}.interactive-universe{padding-bottom:35px}

.hero{min-height:660px;overflow:visible}.hero h1{font-size:clamp(34px,4.1vw,54px)}.hero-copy{min-width:0}.hero-buttons .button{white-space:nowrap}.hero-description{font-size:13px}.interactive-universe{height:560px;transform:none!important;margin:0;min-width:0}.universe-topline{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1.4px;color:#7a909c;padding:0 17px}.universe-stage{height:410px;position:relative;isolation:isolate}.universe-ring{position:absolute;border:1px solid #7d96a425;border-radius:50%;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:38%;height:44%}.ring-two{width:56%;height:60%}.ring-three{width:74%;height:78%}.ring-four{width:92%;height:94%}.central-sphere{position:absolute;left:50%;top:50%;width:130px;height:130px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 29% 22%,#1b2329 0%,#090d12 34%,#010203 70%);box-shadow:inset 5px 4px 12px #8cabb112,inset -25px -13px 30px #000,0 0 0 1px #53616c40,0 0 55px #60778112;display:grid;place-items:center;z-index:1;pointer-events:none}.central-sphere:after{content:'';position:absolute;inset:8px;border-radius:50%;border:1px solid #ffffff03}.central-sphere span{font:11px var(--mono);letter-spacing:5px;color:#9eafb550;margin-left:5px}.project-planet{position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;offset-path:ellipse(var(--rx) var(--ry) at 50% 50%);offset-rotate:0deg;offset-distance:var(--start);animation:universe-travel var(--period) linear infinite;z-index:3;border-radius:50%;background:transparent}.planet-surface{width:var(--planet-size);height:var(--planet-size);border-radius:50%;background:radial-gradient(circle at 25% 20%,var(--planet-color),#29343b 56%,#030608 87%);box-shadow:0 0 0 1px #a2c4cd1a,3px 4px 8px #000;transition:box-shadow .2s,scale .2s}.project-planet:nth-child(4n) .planet-surface:after{content:'';width:180%;height:40%;border:1px solid #a6c2ca80;border-radius:50%;position:absolute;left:-40%;top:30%;transform:rotate(-30deg)}.planet-surface{position:relative}.project-planet:hover .planet-surface,.project-planet:focus-visible .planet-surface,.project-planet.selected .planet-surface{box-shadow:0 0 0 4px #b6f6e71a,0 0 22px #8cd4d45c;scale:1.1}.planet-tag{position:absolute;top:30px;left:50%;transform:translateX(-50%);color:#b9d1d6;font:8px var(--mono);white-space:nowrap;background:#05090fe6;padding:4px 6px;border:1px solid #3b5660;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s}.project-planet:hover .planet-tag,.project-planet:focus-visible .planet-tag,.project-planet.selected .planet-tag{opacity:1}.interactive-universe:hover .project-planet,.interactive-universe:focus-within .project-planet{animation-play-state:paused}.orbit-project-preview{margin:0 22px;padding:13px 15px;background:#0a1119df;border:1px solid #31444f;border-radius:6px;position:relative;z-index:5;min-height:117px}.orbit-preview-head{display:flex;gap:14px;align-items:center}.orbit-preview-head img{width:90px;height:58px;object-fit:contain;border-radius:3px;background:#03070c}.orbit-preview-head span{font:7px var(--mono);color:#86a49e;text-transform:uppercase}.orbit-preview-head h2{font-size:16px;line-height:1.3;letter-spacing:-.3px;margin:3px 0}.orbit-preview-head p{font-size:10px;line-height:1.5;color:#8fa3b0;margin:3px 0}.orbit-preview-links{display:flex;gap:18px;margin-top:8px;flex-wrap:wrap;font-size:9px;color:#a7c6c7}.orbit-preview-links a:hover{color:var(--accent)}.orbit-detail-link{color:var(--accent)}.has-change{animation:reveal-content .4s ease-out}@keyframes universe-travel{from{offset-distance:var(--start)}to{offset-distance:calc(var(--start) + 100%)}}@keyframes reveal-content{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.home-experiences{padding-top:30px;padding-bottom:35px}.action-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.action-case{min-width:0;border:1px solid #293d49;background:linear-gradient(140deg,#0f171de3,#04070ae8);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.action-case-heading{padding:26px 23px 4px}.action-case-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.action-case h2{font-size:27px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:13px 0 10px}.action-case-heading p{font-size:11px;color:#90a5af;min-height:33px;line-height:1.6;margin:0}.case-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #263d48;margin:20px 23px 0;padding:19px 0;font-size:11px;color:#c2d5db;margin-top:auto}.case-entry:hover{color:var(--accent)}.theme-bajena{--scene-accent:#d9bc8a}.theme-twins{--scene-accent:#f5be5b}.theme-office{--scene-accent:#a7ffe8}.home-more{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:30px;padding-bottom:40px}.home-more a{display:flex;flex-direction:column;border:1px solid #253d49;padding:25px;border-radius:5px;background:#07101999}.home-more span{font:9px var(--mono);color:#718a96;margin-bottom:11px}.home-more strong{font-size:18px;font-weight:500}.compact-cta{display:flex;gap:30px;align-items:center;justify-content:space-between;margin:55px 0 70px;border-top:1px solid #2a3c46;padding-top:34px}.compact-cta h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:9px 0}.compact-cta .button{font-size:12px;white-space:nowrap}.site-footer{gap:25px}.site-footer>div{flex-wrap:wrap}
/* Bajena: own planet assets, a mobile layout, and a real product drawer. */
.bajena-live{min-width:0;padding:0 16px 20px}.bajena-map{height:286px;position:relative;isolation:isolate;background:radial-gradient(ellipse,#b69aab08,transparent 70%)}.bj-orbit{border:1px solid #9f89b24a;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68%;height:68%}.bj-orbit-b{width:89%;height:38%;transform:translate(-50%,-50%) rotate(-28deg);border-color:#b9996639}.bj-center{position:absolute;width:112px;height:112px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08070e;isolation:isolate;box-shadow:0 0 35px #c8a45b13,0 0 0 1px #b9a17450}.bj-center img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;filter:brightness(.47) saturate(.5)}.bj-center strong{font:17px Georgia,serif;color:#f2dfba;letter-spacing:3px;margin-top:9px}.bj-center>span{font:6px var(--mono);letter-spacing:1.1px;color:#bbab91;margin-top:6px}.bj-product{position:absolute;left:0;top:0;offset-path:ellipse(34% 34% at 50% 50%);offset-rotate:0deg;offset-distance:var(--start);animation:universe-travel var(--time) linear infinite;width:72px;height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;z-index:2;padding:0}.bj-product img{width:35px;height:35px;object-fit:contain;filter:drop-shadow(2px 4px 6px #000);transition:scale .2s}.bj-product span{font:9px var(--mono);color:#cbbba8;background:#06080dcc;padding:3px 5px;border-radius:3px;white-space:nowrap}.bj-product:hover img,.bj-product[aria-pressed=true] img{scale:1.2}.bajena-map:hover .bj-product,.bajena-map:focus-within .bj-product{animation-play-state:paused}.bj-drawer{padding:13px 14px;border:1px solid #7e6b4d66;border-radius:5px;min-height:100px;background:#17130e55;line-height:1.5}.bj-drawer strong{font-size:13px;color:#ddc9a5;font-weight:500}.bj-drawer p{font-size:10px;color:#9c998f;line-height:1.5;margin:5px 0 9px}.bj-drawer a{font-size:9px;color:#d7c69f}.bj-drawer>div{display:flex;gap:15px;flex-wrap:wrap}.bj-drawer.revealed{animation:reveal-content .35s ease-out}
/* Restaurant dashboard: menu, order flow and loyalty are separate touch targets. */
.restaurant-dashboard{color:#ddd8cf;margin:25px 16px 20px;border:1px solid #83632e70;border-radius:7px;overflow:hidden;background:#100e09;min-width:0;box-shadow:0 15px 35px #0005}.rd-top{padding:15px 13px;display:flex;gap:11px;align-items:center;border-bottom:1px solid #5e492833;background:radial-gradient(ellipse at top right,#b273151e,transparent)}.rd-top strong{font:700 15px Georgia,serif;letter-spacing:1px}.rd-top small{display:block;font:6px var(--mono);letter-spacing:1.5px;color:#a68b5f;margin-top:6px}.beer-symbol{width:31px;height:31px;display:grid;place-items:center;color:#f5be5b;border:1px solid #8a6b33;border-radius:50%;font-size:24px}.rd-status{margin-left:auto;font-size:9px;color:#e5ae47;animation:scene-glow 3s ease-in-out infinite}.rd-tabs{display:flex;gap:4px;padding:11px 11px 0}.rd-tabs button{flex:1;background:transparent;border:1px solid transparent;padding:8px 4px;color:#827a6a;font-size:10px;border-radius:3px}.rd-tabs button[aria-pressed=true]{border-color:#946f2b77;background:#b785241a;color:#f5be5b}.rd-panel{padding:15px 12px;min-height:221px;animation:reveal-content .4s ease-out}.rd-menu-item{display:flex;gap:13px;align-items:center;border:1px solid #6c59363d;border-radius:5px;padding:12px;margin-bottom:9px;background:#201b113f}.rd-menu-item strong{display:block;font-size:12px;font-weight:500}.rd-menu-item span{display:block;font-size:8px;color:#90836e;margin-top:4px}.rd-menu-item b{font-size:16px;color:#c7a05d;margin-left:auto}.drawn-beer{height:41px;width:30px;border:1px solid #e9bb6599;border-radius:3px 3px 6px 6px;position:relative;background:linear-gradient(0deg,#ab6e11,#edb847 80%,#d4c7a4 80%);flex-shrink:0}.drawn-beer:after{content:'';position:absolute;right:-9px;top:8px;width:8px;height:20px;border:2px solid #ad8c52;border-left:0;border-radius:0 5px 5px 0}.drawn-beer i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff3b2;left:6px;bottom:3px;animation:beer-bubble 2.5s linear infinite}.drawn-beer i:nth-child(2){left:16px;animation-delay:-.8s}.drawn-beer i:nth-child(3){left:12px;animation-delay:-1.7s}.drawn-coffee{font-size:27px;width:30px;flex-shrink:0;position:relative}.drawn-coffee:after{content:'⌁';position:absolute;left:10px;top:-10px;font-size:16px;color:#d8b77a;animation:coffee-steam 3s ease-in-out infinite}.rd-catalog-line{display:flex;gap:6px;align-items:center;margin-top:19px;font:8px var(--mono);color:#b49b70}.rd-catalog-line i{height:1px;background:#6a532b;flex:1;position:relative}.rd-catalog-line i:after{content:'';position:absolute;left:0;top:-2px;width:4px;height:4px;border-radius:50%;background:#e7bd69;animation:line-delivery 4s linear infinite}.rd-order{display:flex;gap:10px;align-items:center;padding:20px 8px;border:1px solid #7c602d66;border-radius:5px}.rd-order strong{font-size:12px}.rd-order small{display:block;font-size:8px;margin-top:6px;color:#96876c}.rd-order em{font:7px var(--mono);color:#deb15e;margin-left:auto}.rd-order-icon{font-size:25px;color:#b8914a}.rd-kitchen-flow{display:flex;justify-content:space-between;font-size:9px;margin-top:28px;color:#ad9e83}.rd-progress{height:3px;border-radius:2px;background:#352814;margin:12px 0 19px;overflow:hidden}.rd-progress i{display:block;height:100%;width:33%;background:#e9b754;animation:kitchen-progress 6s ease-in-out infinite}.rd-panel>p{font-size:9px;color:#8b816d}.loyalty-card{border:1px solid #ac88435c;border-radius:7px;padding:20px 14px;background:radial-gradient(ellipse at 20% 10%,#8d632330,transparent),#1a150c}.loyalty-card>span{font:8px var(--mono);letter-spacing:2px;color:#c39e5a}.loyalty-card strong{display:block;font:20px Georgia,serif;margin:17px 0;color:#e3cb9c}.loyalty-stamps{display:flex;justify-content:space-between;gap:5px;margin:20px 0}.loyalty-stamps i{display:grid;place-items:center;font:10px var(--mono);width:24px;height:24px;border:1px solid #9b783f;border-radius:50%;color:#d7b56a;animation:stamp-glow 6s ease-in-out infinite}.loyalty-stamps i:nth-child(2n){animation-delay:1s}.loyalty-card small{font-size:8px;color:#938267}.interface-caption{font:6px var(--mono);text-transform:uppercase;letter-spacing:1px;color:#6a6e70;padding:9px 12px;border-top:1px solid #5b512b35}.restaurant-dashboard .interface-caption{color:#726950}
/* Agent office: visible stages are an illustrative workflow, not customer data. */
.agent-office{margin:25px 16px 20px;border:1px solid #3c6a6366;border-radius:7px;background:#071312;overflow:hidden;--task-position:0}.office-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #304c483f}.office-header strong{font:700 15px var(--mono);letter-spacing:1px;color:#bddece}.office-header small{display:block;font:6px var(--mono);color:#73958e;letter-spacing:1.4px;margin-top:6px}.office-header>span{color:#a7ffe8}.office-task{padding:15px 13px}.office-task>span{display:block;font:6px var(--mono);letter-spacing:1.2px;color:#5e857b;margin-bottom:7px}.office-task strong{font-size:11px;font-weight:500;color:#bcd1cb;line-height:1.5;display:block;min-height:32px}.office-agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 8px}.office-agent{min-width:0;padding:8px 3px;text-align:center;border:1px solid transparent;border-radius:5px;transition:background .3s,border-color .3s}.office-agent svg{display:block;width:60px;max-width:100%;height:65px;margin:auto;transition:transform .4s}.office-agent strong{font-size:8px;display:block;font-weight:500;margin-top:7px;color:#b2c4c2}.office-agent>span{font:6px var(--mono);color:#4e7971;display:block;min-height:22px;line-height:1.5;margin-top:6px}.office-agent.working{border-color:#7da99e5c;background:#20473933}.office-agent.working svg{animation:agent-work 1.7s ease-in-out infinite}.office-agent.working>span{color:#a7ffe8}.office-agent.finished>span{color:#8ab5a4}.office-delivery{position:relative;display:flex;align-items:center;gap:10px;padding:12px 10px;margin:12px 10px 0;border:1px solid #37615255;border-radius:4px;font-size:8px;color:#7fa594;min-height:44px}.task-packet{font-size:16px;color:#a7ffe8}.office-task-tabs{display:flex;gap:4px;padding:13px 10px}.office-task-tabs button{flex:1;font-size:9px;padding:7px 4px;background:transparent;border:1px solid #294b43;color:#698f84;border-radius:3px}.office-task-tabs button[aria-pressed=true]{background:#244d3b55;color:#a7ffe8;border-color:#638d7a}
@keyframes beer-bubble{from{transform:translateY(0);opacity:0}25%{opacity:.8}to{transform:translateY(-30px);opacity:0}}@keyframes coffee-steam{50%{transform:translateY(-5px);opacity:.2}}@keyframes scene-glow{50%{opacity:.3}}@keyframes kitchen-progress{0%{transform:translateX(-100%)}70%,100%{transform:translateX(300%)}}@keyframes stamp-glow{50%{background:#c5942b30}}@keyframes line-delivery{to{left:100%}}@keyframes agent-work{50%{transform:translateY(-3px) rotate(2deg)}}
/* Shared layout for real pages. */
.page-intro{padding:20px 0 35px}.page-intro h1{font-size:clamp(31px,4vw,48px);font-weight:500;line-height:1.15;letter-spacing:-1.8px;margin:19px 0}.page-intro>p{font-size:13px;color:#91a6b1;line-height:1.85;max-width:620px;margin:0}.catalog-page,.cases-page,.studio-page{padding-top:32px}.catalog-toolbar{margin-bottom:28px}.catalog-search input{min-height:40px}.project-card-art{aspect-ratio:800/520;overflow:hidden}.project-card-art img,.project-card-art.is-illustration img{width:100%;height:100%;object-fit:contain;transform:none!important;animation:none!important}.project-card-art:after{display:none}.project-card h2{font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.7px;margin:15px 0 11px}.project-card-body>.eyebrow{font-size:7px}.case-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.case-index-grid .project-card-body>p{color:#8ca2ac;font-size:12px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:10px;line-height:1.6;flex-wrap:wrap;color:#607d8c;margin:27px 0}.breadcrumbs a{color:#b3ced5}.product-page-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:center;padding-bottom:45px}.product-page-hero .page-intro{padding-bottom:12px}.product-page-hero .page-intro h1{font-size:clamp(31px,4vw,45px)}.product-visual{min-width:0;position:relative;background:#03080d;border:1px solid #28424d;border-radius:7px;overflow:hidden}.product-visual img{display:block;width:100%;height:auto}.product-visual>span{display:block;padding:9px 13px;border-top:1px solid #273b443b;font:7px var(--mono);color:#63818d;letter-spacing:1.2px}.product-capabilities{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.product-capabilities span{font-size:9px;padding:6px 9px;border:1px solid #253f4c;border-radius:3px;color:#8eaab9}.product-page-hero .button{font-size:11px;min-height:46px;margin-top:10px}.product-story{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:40px 0;border-top:1px solid #263c48}.product-story h2,.case-narrative h2{font-size:24px;line-height:1.35;letter-spacing:-.7px;font-weight:500;margin:15px 0}.product-story p,.case-narrative p{font-size:13px;line-height:1.9;color:#94a9b3}.page-note{font-size:11px!important;color:#647f8e!important;line-height:1.8}.case-crosslink{display:flex;justify-content:space-between;align-items:center;border:1px solid #365345;border-radius:4px;padding:20px 22px;font-size:13px;color:#b0d8c6;margin-top:22px;background:#11251a55}.product-stage-flow{margin:0 0 30px}.screen-section{margin:60px 0 30px}.screen-section>h2{font-size:26px;letter-spacing:-1px;font-weight:500;margin-bottom:8px}.screen-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:23px}.screen-gallery figure{margin:0;min-width:0;border:1px solid #314653;border-radius:5px;background:#071016;overflow:hidden}.screen-gallery a{display:block}.screen-gallery img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transition:filter .3s}.screen-gallery a:hover img{filter:brightness(1.12)}.screen-gallery figcaption{font-size:10px;color:#8aa5b1;padding:12px 14px;line-height:1.6}.case-feature{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:45px;margin:20px 0 50px;padding:34px;border:1px solid #2d4350;border-radius:8px;background:linear-gradient(140deg,#0a121ada,#030608de)}.case-feature h2{font-size:32px;line-height:1.3;letter-spacing:-1.3px;font-weight:500;margin:10px 0 20px}.case-feature p{font-size:13px;line-height:1.9;color:#8ca3ae}.case-feature .bajena-map{height:380px}.case-feature .bj-center{width:140px;height:140px}.case-feature .bj-product img{width:46px;height:46px}.case-feature .bj-product{height:77px;width:92px}.case-feature .bj-product span{font-size:11px}.case-feature .bj-drawer strong{font-size:17px}.case-feature .bj-drawer p{font-size:12px;margin:7px 0}.case-feature .bj-drawer a{font-size:11px}.case-feature .restaurant-dashboard,.case-feature .agent-office{margin:0;width:100%}.case-feature .rd-top,.case-feature .office-header{padding:20px}.case-feature .rd-top strong,.case-feature .office-header strong{font-size:20px}.case-feature .rd-panel{padding:25px;min-height:280px}.case-feature .rd-menu-item{padding:20px}.case-feature .rd-menu-item strong{font-size:17px}.case-feature .rd-menu-item span{font-size:11px}.case-feature .rd-tabs button{font-size:12px;padding:12px}.case-feature .loyalty-card strong{font-size:29px}.case-feature .rd-catalog-line{font-size:10px}.case-feature .office-agents{padding:15px}.case-feature .office-agent svg{width:90px;height:100px}.case-feature .office-agent strong{font-size:11px}.case-feature .office-agent>span{font-size:9px;min-height:30px}.case-feature .office-task strong{font-size:16px}.case-feature .office-delivery{font-size:11px;padding:20px}.case-feature .office-task-tabs button{font-size:11px;padding:12px 6px}.case-narrative{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:45px 0}.case-narrative article{border-top:1px solid #29424f;padding-top:20px}.case-narrative .eyebrow{font-size:8px}.case-narrative h2{font-size:22px}.case-narrative p{font-size:12px}.bajena-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.bajena-product-card{border:1px solid #454239;border-radius:7px;background:#090b0ee0;overflow:hidden;padding-bottom:20px}.bajena-product-card>a>img{display:block;width:100%;height:auto;aspect-ratio:800/520;object-fit:contain}.bajena-product-card h2{font-size:26px;font-weight:500;margin:20px 23px 6px}.bajena-product-card p{font-size:12px;color:#9b9d94;margin:6px 23px 17px}.bajena-product-card>.project-links{margin:0 23px}.bajena-product-card>.text-button{margin:5px 23px 0}.studio-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.studio-capabilities article{padding:30px;border:1px solid #2b4654;background:#061018a8;border-radius:6px}.studio-capabilities article>span{font-size:28px;color:#a7ffe8}.studio-capabilities h2{font-size:25px;font-weight:500;letter-spacing:-1px;margin:15px 0 8px}.studio-capabilities p{font-size:13px;color:#839fad;line-height:1.9}.studio-capabilities a{font-size:11px;color:#a7ffe8}.case-page,.product-page{padding-bottom:10px}
@media(max-width:1150px){.section-shell{padding-left:35px;padding-right:35px}.site-header{padding-left:35px;padding-right:35px}.hero h1{font-size:43px}.interactive-universe{height:525px}.universe-stage{height:370px}.central-sphere{width:110px;height:110px}.action-cases{gap:13px}.action-case-heading{padding:23px 17px 3px}.action-case h2{font-size:25px}.action-case .eyebrow{font-size:6px;letter-spacing:1px}.bajena-live{padding-left:8px;padding-right:8px}.bajena-map{height:268px}.bj-center{width:95px;height:95px}.bj-center strong{font-size:15px}.bj-product img{width:30px;height:30px}.bj-product span{font-size:8px}.bj-drawer{padding:12px 9px}.restaurant-dashboard,.agent-office{margin-left:8px;margin-right:8px}.rd-top strong,.office-header strong{font-size:13px}.office-agent strong{font-size:7px}.office-task strong{font-size:10px}.case-entry{margin-left:17px;margin-right:17px;font-size:10px}.case-feature{padding:25px;gap:25px}.case-feature h2{font-size:28px}.case-feature .bajena-map{height:330px}.product-page-hero{gap:25px}}
@media(max-width:900px){.action-cases{grid-template-columns:1fr 1fr}.action-case.theme-office{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr}.action-case.theme-office .case-entry{grid-column:1/-1}.action-case.theme-office .agent-office{margin:20px 20px 20px 0}.action-case.theme-office .action-case-heading{align-self:center;padding-left:25px}.action-case .eyebrow{font-size:7px}.case-feature{grid-template-columns:1fr}.case-feature .bajena-live{max-width:570px;width:100%;margin:auto}.case-feature .restaurant-dashboard,.case-feature .agent-office{max-width:650px;margin:auto}.product-page-hero{grid-template-columns:1fr}.product-page-hero>.product-visual{max-width:740px;width:100%;margin:auto}.case-narrative{gap:22px}.case-narrative h2{font-size:20px}.product-story{gap:30px}.interactive-universe{height:520px}.hero{grid-template-columns:1fr 1.15fr;min-height:620px}.hero h1{font-size:35px;letter-spacing:-1.5px}.hero-description{font-size:11px}.hero-buttons{gap:13px;flex-wrap:wrap}.hero-buttons .button{font-size:10px;padding:13px}.hero-buttons .text-button{font-size:10px}.hero-footnote{font-size:8px}.orbit-project-preview{margin:0 8px}.orbit-preview-head img{width:65px;height:44px}.orbit-preview-head h2{font-size:14px}.orbit-preview-head p{font-size:9px}}
@media(max-width:700px){.site-header{padding-left:22px;padding-right:22px}.section-shell{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:35px;gap:28px}.hero h1{font-size:35px;letter-spacing:-1.5px;margin:20px 0}.hero-description{font-size:12px;max-width:360px}.hero-footnote{font-size:9px}.hero-buttons{margin-top:23px;gap:23px}.hero-buttons .button{font-size:11px;min-height:47px;padding:14px 17px}.hero-buttons .text-button{font-size:10px}.interactive-universe{height:495px;max-width:520px;width:100%;margin:auto}.universe-stage{height:350px}.universe-topline{font-size:6px;padding:0 5px;letter-spacing:1px}.central-sphere{width:105px;height:105px}.planet-surface{width:calc(var(--planet-size) * .85);height:calc(var(--planet-size) * .85)}.planet-tag{font-size:7px;max-width:110px;overflow:hidden;text-overflow:ellipsis}.orbit-project-preview{padding:12px;margin:0 3px;min-height:125px}.orbit-preview-head h2{font-size:15px}.orbit-preview-head p{font-size:10px}.orbit-preview-head img{width:84px;height:54px}.orbit-preview-links{font-size:9px;gap:15px}.action-cases{grid-template-columns:1fr;gap:23px}.action-case.theme-office{display:flex;grid-column:auto}.action-case.theme-office .agent-office{margin:25px 16px 20px}.action-case-heading{padding:26px 24px 3px}.action-case h2{font-size:29px}.action-case-heading p{font-size:12px;min-height:0}.action-case .eyebrow{font-size:8px}.bajena-live{padding:0 16px 24px}.bajena-map{height:300px;max-width:420px;margin:auto}.bj-center{width:117px;height:117px}.bj-center strong{font-size:18px}.bj-product img{width:37px;height:37px}.bj-product span{font-size:10px}.bj-drawer{padding:14px;min-height:104px}.bj-drawer strong{font-size:15px}.bj-drawer p{font-size:11px}.bj-drawer a{font-size:10px}.restaurant-dashboard,.agent-office{margin:25px 16px 22px}.rd-top,.office-header{padding:18px 15px}.rd-top strong,.office-header strong{font-size:16px}.rd-tabs button{font-size:12px;padding:10px}.rd-panel{min-height:237px;padding:18px 14px}.rd-menu-item strong{font-size:14px}.rd-menu-item span{font-size:10px}.rd-menu-item{padding:14px}.rd-catalog-line{font-size:9px}.loyalty-card strong{font-size:23px}.loyalty-card small{font-size:10px}.loyalty-stamps i{width:30px;height:30px}.rd-order strong{font-size:14px}.rd-order small{font-size:9px}.rd-order em{font-size:8px}.rd-kitchen-flow{font-size:10px}.rd-panel>p{font-size:10px}.office-task strong{font-size:13px}.office-agent svg{width:72px;height:78px}.office-agent strong{font-size:9px}.office-agent>span{font-size:8px;min-height:27px}.office-delivery{font-size:10px;padding:16px 12px}.office-task-tabs button{font-size:10px;padding:11px 6px}.case-entry{font-size:12px;margin:0 24px;padding:21px 0}.home-more{grid-template-columns:1fr;gap:14px;padding-top:10px}.home-more a{padding:22px}.home-more strong{font-size:17px}.compact-cta{flex-direction:column;align-items:flex-start;gap:20px;margin:38px 0 50px}.compact-cta h2{font-size:27px}.compact-cta .button{font-size:11px}.page-intro{padding-top:13px;padding-bottom:28px}.page-intro h1{font-size:33px;letter-spacing:-1.3px}.page-intro>p{font-size:12px}.catalog-page,.cases-page,.studio-page{padding-top:20px}.case-index-grid{grid-template-columns:1fr;gap:23px}.product-story{grid-template-columns:1fr;gap:25px;padding-top:27px}.product-story h2{font-size:23px}.product-story p{font-size:12px}.product-page-hero .page-intro h1{font-size:33px}.screen-gallery{grid-template-columns:1fr;gap:18px}.screen-section{margin-top:40px}.screen-section>h2{font-size:24px}.screen-gallery figcaption{font-size:10px}.case-feature{padding:22px 16px;gap:22px;margin:10px 0 30px}.case-feature h2{font-size:27px}.case-feature p{font-size:12px}.case-feature .bajena-live{padding-left:0;padding-right:0}.case-feature .bajena-map{height:305px}.case-feature .bj-center{width:112px;height:112px}.case-feature .bj-product{width:75px;height:65px}.case-feature .bj-product img{width:36px;height:36px}.case-feature .bj-product span{font-size:10px}.case-feature .rd-panel{padding:17px 12px;min-height:245px}.case-feature .rd-menu-item{padding:14px}.case-feature .rd-menu-item strong{font-size:13px}.case-feature .rd-menu-item span{font-size:9px}.case-feature .rd-top strong{font-size:16px}.case-feature .loyalty-card strong{font-size:22px}.case-feature .office-header strong{font-size:15px}.case-feature .office-agents{padding:7px}.case-feature .office-agent svg{width:68px;height:73px}.case-feature .office-agent strong{font-size:8px}.case-feature .office-agent>span{font-size:7px}.case-feature .office-task strong{font-size:12px}.case-narrative{grid-template-columns:1fr;gap:22px;margin:35px 0}.case-narrative h2{font-size:23px}.case-narrative p{font-size:12px}.bajena-products{grid-template-columns:1fr;gap:22px}.bajena-product-card h2{font-size:26px}.bajena-product-card .project-links a{font-size:10px}.studio-capabilities{grid-template-columns:1fr;gap:16px}.studio-capabilities article{padding:25px}.studio-capabilities h2{font-size:23px}.product-stage-flow{gap:9px;flex-wrap:wrap}.product-stage-flow span{flex:1 1 42%;font-size:10px}.product-stage-flow span:after{display:none}.breadcrumbs{font-size:9px;margin:20px 0}.case-crosslink{font-size:11px;padding:17px}.site-footer{gap:20px}.site-footer>div{gap:17px}}
@media(max-width:360px){.section-shell{padding-left:16px;padding-right:16px}.hero h1{font-size:31px}.universe-stage{height:315px}.interactive-universe{height:470px}.central-sphere{width:91px;height:91px}.orbit-preview-links{font-size:8px}.bajena-map{height:275px}.bj-product span{font-size:8px}.bj-center{width:103px;height:103px}.case-feature{padding:19px 11px}.case-feature .bajena-map{height:276px}.case-feature .bj-center{width:97px;height:97px}.case-feature .bj-product span{font-size:8px}.office-agent strong{font-size:8px}.action-case-heading{padding-left:20px;padding-right:20px}.case-entry{margin-left:20px;margin-right:20px}}
@media(prefers-reduced-motion:reduce){.project-planet,.bj-product,.drawn-beer i,.drawn-coffee:after,.rd-status,.rd-progress i,.loyalty-stamps i,.rd-catalog-line i:after,.office-agent.working svg,.revealed,.has-change,.rd-panel{animation:none!important;transition:none!important}.project-planet{offset-distance:var(--start)}.bj-product{offset-distance:var(--start)}}

.services-page{padding-top:24px}.seo-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:30px 0 60px}.seo-hero h2{font-size:34px;letter-spacing:-1px;line-height:1.3;font-weight:500}.seo-hero p{font-size:13px;line-height:1.9;color:#8ba5b1;max-width:490px}.seo-hero .button{margin-top:15px;font-size:11px}.seo-infographic{border:1px solid #36534e;border-radius:8px;padding:27px;background:#08140fe0}.seo-search{display:flex;align-items:center;gap:20px;padding:18px;border:1px solid #4a6d60;border-radius:5px;color:#d1e9db;margin-bottom:22px}.seo-search>span{font-size:29px;color:#a7ffe8}.seo-search strong{font-size:18px;font-weight:500}.seo-result{position:relative;padding:15px 17px;margin-top:11px;background:#11241b88;border-left:2px solid #769c7b;animation:seo-result-reveal 8s ease-in-out infinite}.seo-result:nth-child(3){animation-delay:1s}.seo-result:nth-child(4){animation-delay:2s}.seo-result strong{display:block;font-size:13px;font-weight:500;color:#a6c3ad}.seo-result span{display:block;font-size:10px;color:#668b79;margin-top:6px}@keyframes seo-result-reveal{0%,100%{opacity:.5;transform:translateX(5px)}35%,80%{opacity:1;transform:translateX(0)}}
.central-sphere{background:radial-gradient(circle at 30% 24%,#12171b 0%,#030508 38%,#000 72%);box-shadow:inset 4px 3px 12px #a5c6cf0d,inset -25px -13px 30px #000,0 0 0 1px #52616b50,0 0 60px #75818b0d;animation:black-star-breathe 11s ease-in-out infinite}.central-sphere:before{content:'';position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 30deg,transparent 15%,#8fa7b54a 25%,transparent 38%,transparent 66%,#78929d30 78%,transparent 88%);mask:radial-gradient(transparent 65%,#000 68%,transparent 72%);animation:black-star-corona 27s linear infinite;filter:blur(.8px)}.central-sphere:after{inset:-19px;border:1px solid #7b8c9612;transform:rotate(-23deg) scaleY(.38);animation:black-star-ring 35s linear infinite}.planet-surface{background-image:linear-gradient(130deg,#00000012 15%,#000b 95%),var(--planet-art);background-size:cover;background-position:center;filter:grayscale(.65) brightness(.7);transition:filter .3s,box-shadow .3s,scale .3s}.project-planet:hover .planet-surface,.project-planet:focus-visible .planet-surface,.project-planet.selected .planet-surface{filter:grayscale(.4) brightness(.9)}@keyframes black-star-corona{to{transform:rotate(360deg)}}@keyframes black-star-breathe{50%{box-shadow:inset 5px 3px 17px #a5c6cf16,inset -25px -13px 30px #000,0 0 0 1px #76868c60,0 0 65px #75818b18}}@keyframes black-star-ring{50%{transform:rotate(-12deg) scaleY(.4)}}
@media(max-width:700px){.seo-hero{grid-template-columns:1fr;gap:25px;padding-top:15px;padding-bottom:35px}.seo-hero h2{font-size:29px}.seo-hero p{font-size:12px}.seo-infographic{padding:20px}.seo-search{padding:15px;gap:15px}.seo-search strong{font-size:16px}.seo-result strong{font-size:12px}.seo-result span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.central-sphere,.central-sphere:before,.central-sphere:after,.seo-result{animation:none!important}}

/* Orbit picker remains inside the scene at every breakpoint. */
.interactive-universe{height:600px;padding-bottom:0}
@media(max-width:900px){.interactive-universe{height:570px}}
@media(max-width:700px){.interactive-universe{height:535px}.orbit-picker{width:calc(100% - 6px);margin-left:3px;margin-right:3px}.bj-choices button{font-size:9px;min-height:35px}}
@media(max-width:360px){.interactive-universe{height:505px}.bj-choices button{font-size:8px}}
