/* Brand refresh and intrinsic hero layout: the footer always follows the copy. */
.hero-image{background:none!important;overflow:hidden}
.hero-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-shade{background:linear-gradient(270deg,#080b0bdb 0%,#080b0b80 46%,#080b0b22 100%),linear-gradient(0deg,#0e0e0cf2,transparent 35%,transparent 75%,#080a0950)}
.hero-caption{display:flex;align-items:center;gap:16px}
.hero-caption button{border:1px solid #ffffff50;padding:11px 16px;background:#11171390;font-size:11px;min-height:42px;backdrop-filter:blur(8px)}
.hero-caption button:hover{border-color:var(--orange);color:var(--orange)}
.hero-caption>.mono{font-size:8px;letter-spacing:1px}
.intro-preview{background:radial-gradient(ellipse at 35% 50%,#49635a,#141b17 40%,#060907 75%)}
.scene-dissolve{position:fixed;inset:0;z-index:200;background:#0c100e;opacity:0;visibility:hidden;pointer-events:auto;will-change:opacity}
.form-recipient{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:-5px 0 24px;padding:13px 15px;background:#d3e7cf0b;border:1px solid #ffffff25;font-size:12px;color:var(--muted)}
.form-recipient a{color:var(--orange);font:500 15px var(--latin);white-space:nowrap}
.social-section{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:12px 0 35px;border-bottom:1px solid var(--line);margin-bottom:35px}
.social-section>div>.mono{font-size:9px;letter-spacing:2px;color:var(--orange)}
.social-section>div>p{font-size:18px;margin-top:10px;color:var(--paper)}
.social-links{display:flex;gap:12px;direction:ltr;flex:1;max-width:760px}
.social-links>a{display:flex;gap:13px;align-items:center;padding:18px 16px;border:1px solid var(--line);min-width:0;flex:1;transition:background .25s,border-color .25s}
.social-links>a:hover{background:#ffffff07;border-color:var(--orange)}
.social-links svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}
.social-links span{font:500 15px var(--latin)}.social-links small{display:block;font-size:8px;color:var(--muted);margin-top:5px;letter-spacing:.5px}
.social-links b{margin-left:auto;font-size:24px;color:var(--orange);font-weight:400}
.camera-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;letter-spacing:2px;color:var(--muted)}
.is-rendered .camera-loading{display:none}
@media(max-width:1100px){.social-section{align-items:stretch;flex-direction:column}.social-links>a{flex:1;min-width:0}}
@media(max-width:650px){.hero-shade{background:linear-gradient(0deg,#0a0d0bea,transparent 40%,#090c0bab 74%),linear-gradient(270deg,#070c0b99,#070c0b44)}.hero-caption{left:var(--gutter);gap:10px}.hero-caption>.mono{font-size:6px}.social-links{flex-direction:column}.social-links>a{padding:16px}.social-section>div>p{font-size:16px}.form-recipient{font-size:11px}.form-recipient a{font-size:14px}}
.brand-lockup{position:relative;display:block;line-height:0;flex-shrink:0}
.brand-logo{width:210px;height:auto;max-height:66px;object-fit:contain;filter:brightness(0) invert(1);clip-path:inset(0 0 0 24%)}
/* Display the original symbol pixels separately so white lettering never alters its red. */
.brand-symbol{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;clip-path:inset(0 76% 0 0);pointer-events:none}
.footer-wordmark>.footer-logo-lockup{width:68%}
.footer-logo-lockup>.brand-logo{width:100%;max-height:none;height:auto}
.footer-wordmark{padding:25px 0 48px;gap:40px}.footer-wordmark>i{font-size:150px}
.hero{height:auto;min-height:max(760px,calc(100svh - 99px));max-height:none;display:flex;flex-direction:column}
.hero-content{padding-top:clamp(105px,10.4vh,150px);padding-bottom:90px;flex-shrink:0}
.hero-bottom{position:relative;inset:auto;margin:0 var(--gutter) 27px;margin-top:auto;flex-shrink:0;gap:25px}
.hero-bottom .scroll-link{flex-shrink:0;white-space:nowrap}
.hero-frame-count{padding-left:115px}.hero-bottom-title{font-size:8px;text-align:center}
.reel-orbit{top:50%}.hero-caption{bottom:125px}
.partners{gap:32px;padding:30px 0 30px var(--gutter);overflow:hidden}
.partners-heading{flex-shrink:0;width:210px;padding-right:var(--gutter)}
.partners-heading>p{font-size:12px;line-height:1.9;color:#aaa699;white-space:nowrap}
.partners-heading strong{font-weight:500;color:var(--paper)}.partners-heading .orange-dot{width:4px;height:4px;margin-left:6px}
.partner-motion{font-size:10px;color:#a5a094;display:flex;align-items:center;gap:8px;margin-top:11px;min-height:30px}
.partner-motion:hover{color:var(--orange)}.partner-motion>span:first-child{font:12px var(--latin)}
.partner-viewport{flex:1;min-width:0;overflow:hidden;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.partner-track{display:flex;width:max-content;animation:channel-flow 34s linear infinite;will-change:transform}
.partner-group{display:flex;align-items:center;gap:24px;padding-right:24px;flex-shrink:0}
.channel-frame{width:170px;height:94px;display:flex;align-items:center;justify-content:center;position:relative;padding:18px 16px;background:#eeebe3;border:1px solid #ffffff30;transition:background .3s,transform .3s}
.channel-frame::before,.channel-frame::after{content:'';position:absolute;width:5px;height:5px;border:1px solid #1a1a1520;top:7px;left:7px}
.channel-frame::after{top:auto;left:auto;bottom:7px;right:7px}
.channel-frame img{width:100%;height:57px;object-fit:contain;filter:saturate(.7);transition:filter .3s}
.channel-number{position:absolute;top:5px;right:8px;font-size:6px;color:#827969;letter-spacing:1px}
.channel-frame:hover{background:#fff;transform:translateY(-3px)}.channel-frame:hover img{filter:saturate(1)}
.channel-frame:has(img[src="bablon-logo.png"]),.channel-frame:has(img[src="dejlah.png"]),.channel-frame:has(img[src="logo.png"]){background:#272c28;border-color:#ffffff24}
.channel-frame:has(img[src="bablon-logo.png"]):hover,.channel-frame:has(img[src="dejlah.png"]):hover,.channel-frame:has(img[src="logo.png"]):hover{background:#353c35}
.partner-viewport:hover .partner-track,.partner-track.is-paused{animation-play-state:paused}
@keyframes channel-flow{to{transform:translate3d(-50%,0,0)}}
.camera-lab{position:relative;width:100%;min-width:0;min-height:610px;aspect-ratio:.95;background:radial-gradient(ellipse at 70% 45%,#49332635,transparent 63%),linear-gradient(135deg,#1b1e1b,#101311);border:1px solid #ffffff18;overflow:hidden;isolation:isolate}
.camera-lab::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b2b3a609 1px,transparent 1px),linear-gradient(90deg,#b2b3a609 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000,transparent 85%)}
.camera-lab-head{position:absolute;left:23px;right:23px;top:23px;display:flex;justify-content:space-between;gap:15px;z-index:2;pointer-events:none}
.camera-lab-head .mono{font-size:7px;letter-spacing:1.3px;color:#a9a895}.camera-lab-head .orange-dot{width:4px;height:4px;margin-right:5px}
.camera-stage{position:absolute;inset:55px 0 116px;touch-action:pan-y;cursor:grab;min-height:300px;overflow:hidden}
.camera-stage:active{cursor:grabbing}.camera-stage canvas{display:block;width:100%;height:100%;outline:none}
.camera-fallback{position:absolute;inset:0;opacity:.65}.camera-fallback img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(transparent,#000 15%,#000 75%,transparent)}
.camera-lab.is-rendered .camera-fallback{display:none}
.camera-label{position:absolute;z-index:2;font:7px var(--latin);letter-spacing:1.5px;color:#aaa997;display:flex;align-items:center;gap:8px;pointer-events:none}
.camera-label>span{color:var(--orange);font-size:8px}.camera-label>i{width:35px;height:1px;background:#9ca18345}
.camera-label-top{left:24px;top:91px}.camera-label-bottom{right:24px;bottom:147px;flex-direction:row-reverse}
.camera-lab-footer{position:absolute;bottom:22px;left:23px;right:23px;z-index:3}
.camera-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #ffffff1c;background:#11151190;backdrop-filter:blur(10px)}
.camera-mode-switch button{font-size:11px;min-height:39px;display:flex;justify-content:center;align-items:center;gap:18px;color:#9c9e8f;transition:background .2s,color .2s}
.camera-mode-switch button[aria-pressed=true]{background:#eae8dc;color:#171c17}.camera-mode-switch button:hover{color:var(--orange)}
.camera-mode-switch button>span{font:19px var(--latin)}
.camera-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px}.camera-caption .mono{font-size:7px;letter-spacing:1px;color:#8e9585}.camera-help{font-size:10px;color:#929484}.camera-help>span{color:var(--orange);margin-right:5px}
html[data-grade=mono] .camera-stage canvas{filter:grayscale(1)}html[data-grade=neon] .camera-stage canvas{filter:hue-rotate(285deg)}
@media(min-width:1600px){.hero-content{padding-bottom:105px}.camera-lab{min-height:720px}}
@media(max-width:1150px){.brand-logo{width:180px;max-height:60px}.camera-lab{min-height:530px;aspect-ratio:.8}.camera-lab-head .mono{font-size:6px}.camera-caption{flex-direction:column;gap:5px}}
@media(max-width:850px){.hero{min-height:790px}.hero-content{padding-top:130px;padding-bottom:140px}.brand-logo{width:157px;max-height:54px}.camera-lab{min-height:500px}.camera-label{font-size:6px;letter-spacing:.6px}.camera-label>i{width:20px}.camera-mode-switch button{font-size:10px;gap:10px}.partners-heading{width:170px}.channel-frame{width:150px;height:84px}.channel-frame img{height:50px}}
@media(max-width:650px){.hero{min-height:max(830px,calc(100svh - 80px));height:auto;max-height:none}.hero-content{padding-top:80px;padding-bottom:340px}.hero-bottom{margin:0 var(--gutter) 22px;margin-top:auto;gap:10px}.hero-frame-count{padding-left:110px;gap:7px}.hero-frame-count>i{width:26px}.hero-bottom .scroll-link{font-size:9px;gap:7px}.hero-caption{bottom:112px}.reel-orbit{top:auto;bottom:140px;left:calc(50% - 65px)}.brand-logo{width:175px;max-height:57px}.footer-wordmark{padding:8px 0 26px;gap:20px}.footer-wordmark>.footer-logo-lockup{width:75%}.footer-wordmark>i{font-size:65px}.partners{display:block;padding:23px 0}.partners-heading{width:auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.partners-heading>p{font-size:11px}.partners-heading>p br{display:none}.partners-heading strong{margin-right:5px}.partner-motion{margin:0;font-size:9px}.partner-viewport{width:100%}.partner-group{gap:15px;padding-right:15px}.channel-frame{width:145px;height:82px;padding:17px}.channel-frame img{height:47px}.camera-lab{min-height:490px;aspect-ratio:.88}.camera-lab-head{left:17px;right:17px;top:20px}.camera-stage{inset:50px 0 111px;min-height:0}.camera-label-top{left:17px;top:76px}.camera-label-bottom{right:17px;bottom:130px}.camera-lab-footer{left:17px;right:17px;bottom:18px}.camera-caption{flex-direction:row;gap:6px}.camera-caption .mono{font-size:6px}.camera-mode-switch button{font-size:10px;min-height:36px}.camera-help{font-size:9px}}
@media(max-width:370px){.hero-bottom .scroll-link{font-size:8px}.hero-frame-count{padding-left:105px;gap:5px}.hero-frame-count>i{width:16px}.partners-heading>p{font-size:10px}.partner-motion>span:last-child{display:none}.camera-lab{min-height:460px}.camera-caption{flex-direction:column}.camera-mode-switch button{gap:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.partner-track{animation:none;will-change:auto}.partner-group[aria-hidden=true]{display:none}.partner-viewport{overflow-x:auto;scrollbar-width:thin}.partner-motion{display:none}.channel-frame{transform:none!important}}