/* SB PROJECTS — Premium moving hero and architectural branding.
   One real accessible slide control per image. Reduced-motion safe. */
.header{background:#fffdfa}
.brand-original{background:none!important;border:none!important;overflow:visible!important}
.brand-original img{width:66px!important;height:76px!important;max-height:none!important;max-width:none!important;object-fit:contain;filter:drop-shadow(0 3px 6px #172e3125)}
.footer-premium-logo{height:120px;width:114px;max-width:none;background:transparent;filter:drop-shadow(0 5px 15px #0003)}
.hero.hero-motion{position:relative;isolation:isolate;min-height:760px;height:auto;overflow:hidden;background:#091725;color:white}
.motion-scenes{position:absolute;inset:0;z-index:-2;pointer-events:none}
.motion-scene{position:absolute;inset:-1%;opacity:0;background-size:cover;background-position:center 46%;transform:scale(1.07);transition:opacity 1.25s ease,transform 10s ease-out;will-change:opacity,transform}
.motion-scene.is-current{opacity:1;transform:scale(1)}
.motion-dim{position:absolute;inset:0;background:linear-gradient(270deg,rgba(3,16,28,.98) 0%,rgba(6,21,33,.90) 36%,rgba(7,23,35,.37) 76%,rgba(6,20,31,.20) 100%),linear-gradient(0deg,#04111de8 0%,transparent 26%,transparent 66%,#04111d59 100%)}
.motion-grid{position:absolute;inset:0;background:linear-gradient(90deg,#fff1 1px,transparent 1px),linear-gradient(#fff1 1px,transparent 1px);background-size:96px 96px;opacity:.3;mask-image:linear-gradient(270deg,#000 0%,transparent 75%)}
.motion-light{position:absolute;inset:-20%;opacity:.65;transform:translate3d(-40%,0,0) rotate(-15deg);background:linear-gradient(90deg,transparent 45%,#fff7d210 48%,#f9d59b29 50%,transparent 53%);animation:motion-glow 12s ease-in-out infinite alternate}
.motion-shell{min-height:758px;position:relative;display:flex;justify-content:space-between;align-items:center;padding:80px 0 145px}
.motion-copy{max-width:min(695px,59%);position:relative;z-index:1}
.motion-identity{display:flex;align-items:center;gap:19px;margin-bottom:22px}
.motion-identity img{width:104px;height:113px;object-fit:contain;border-radius:6px;box-shadow:0 0 40px #ebb86a20;transition:transform .4s}
.motion-identity:hover img{transform:translateY(-4px) rotate(-3deg)}
.motion-identity>div{display:flex;flex-direction:column;line-height:1.35;gap:5px}
.motion-identity strong{font-size:clamp(1.15rem,1.9vw,1.5rem);letter-spacing:.14em;font-weight:900;color:#ffdb95;font-family:Rubik,Arial,sans-serif;direction:ltr}
.motion-identity span{font-size:1.02rem;color:#e2eaf1;font-weight:700}
.motion-identity small{font-size:.81rem;color:#b0c3d0;letter-spacing:.08em}
.motion-kicker{display:flex;align-items:center;gap:14px;font:700 .74rem Rubik,Arial,sans-serif;direction:ltr;justify-content:flex-end;letter-spacing:.09em;color:#d8bb83;margin:17px 0 18px}
.motion-kicker .motion-divider{color:#fff5}
.motion-pulse{height:7px;width:7px;display:inline-block;border-radius:50%;background:#ecc279;box-shadow:0 0 0 5px #e4ba6f22,0 0 14px #e2ba7d;animation:motion-pulse 3s infinite}
.motion-copy h1{color:white;font-family:Rubik,Arial,sans-serif;font-size:clamp(3.6rem,5.6vw,7rem);line-height:1.06;font-weight:900;letter-spacing:-.064em;margin:0 0 23px;text-shadow:0 5px 23px #0009}
.motion-copy h1 em{font-style:normal;color:#ffc781;display:inline-block;background:linear-gradient(100deg,#fff1cf 0%,#ecad55 42%,#fff2c9 72%,#be792d 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.motion-copy>p{font-size:clamp(1rem,1.5vw,1.27rem);font-weight:430;color:#dbe2e7;max-width:630px;line-height:1.85;text-shadow:0 3px 12px #0008}
.motion-actions{display:flex;flex-wrap:wrap;gap:13px;margin:28px 0 33px}
.motion-primary,.motion-secondary{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;min-height:56px;padding:12px 26px;border-radius:4px;font-family:Rubik,Arial,sans-serif;font-size:.97rem;font-weight:800;transition:transform .22s,box-shadow .22s,background .22s}
.motion-primary{background:linear-gradient(115deg,#fbe0a5,#e4ae56 58%,#bd7b31);color:#11212c;box-shadow:0 8px 34px #e4ad5d40}
.motion-primary:hover{transform:translateY(-4px);box-shadow:0 15px 42px #e5b06170}
.motion-secondary{background:#ffffff11;color:#f1f6f8;border:1px solid #ffe1aa77}
.motion-secondary:hover{background:#ffffff28;transform:translateY(-4px)}
.motion-actions .icon-arrow{font-size:1.3rem}
.motion-services{display:flex;gap:9px;flex-wrap:wrap}
.motion-services a{font-size:.78rem;padding:9px 13px;background:#ffffff10;color:#f6e6ce;border:1px solid #e6cc9a44;border-radius:3px;white-space:nowrap;backdrop-filter:blur(6px);transition:background .2s}
.motion-services a:hover{background:#eac27b25;border-color:#ecbc6f}
.motion-services span{margin-right:7px;color:#ffd081}
.motion-stamp{position:absolute;left:10px;top:30%;display:flex;flex-direction:column;gap:18px;align-items:center;color:#ffffffa3;writing-mode:vertical-rl;transform:rotate(180deg);font:.66rem Rubik,Arial,sans-serif;letter-spacing:.2em;pointer-events:none}
.motion-stamp i{height:60px;width:1px;background:linear-gradient(#e7b768,transparent)}
.motion-stamp small{font-size:.59rem;letter-spacing:0}
.motion-bottom{position:absolute;bottom:0;right:0;left:0;z-index:4;background:linear-gradient(0deg,#03111dd1,#0413210d);border-top:1px solid #ffe0a833}
.motion-bottom-inner{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:96px}
.motion-controls{display:flex;align-items:stretch;gap:8px;width:min(710px,90%)}
.motion-dot{position:relative;overflow:hidden;flex:1;background:#ffffff0c;color:#d5dee0;border:1px solid #ffffff1b;min-height:65px;text-align:right;padding:10px 14px;transition:background .25s,border-color .25s;display:flex;flex-direction:column;gap:3px}
.motion-dot:hover,.motion-dot.is-current{background:#ffffff21;border-color:#ffd58b7e}
.motion-dot span{font-size:.65rem;letter-spacing:.1em;color:#ffce85;font-family:monospace}
.motion-dot b{font-size:.87rem;font-weight:700}
.motion-dot i{position:absolute;right:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,#a66f32,#fff5c7,#c98c43)}
.motion-dot.is-current i{animation:motion-track 6800ms linear forwards}
.motion-scroll{display:flex;gap:10px;align-items:center;color:#e5e1d4;font-size:.77rem;font-weight:650;white-space:nowrap}
.motion-scroll span{font-size:1.15rem;color:#f4c684;animation:motion-down 2s infinite}
@keyframes motion-glow{to{transform:translate3d(28%,4%,0) rotate(-12deg)}}
@keyframes motion-pulse{50%{box-shadow:0 0 0 9px #e4ba6f06,0 0 25px #e2ba7d}}
@keyframes motion-track{to{width:100%}}
@keyframes motion-down{50%{transform:translateY(7px)}}
@media(max-width:1100px){.motion-copy{max-width:70%}.motion-copy h1{font-size:clamp(3.4rem,5.4vw,5.6rem)}.motion-shell{padding-bottom:140px}.motion-bottom-inner{gap:10px}.motion-stamp{display:none}}
@media(max-width:940px){.hero.hero-motion,.motion-shell{min-height:800px}.motion-shell{align-items:flex-start;padding:50px 0 170px}.motion-copy{max-width:100%}.motion-dim{background:linear-gradient(180deg,#061522c9 0%,#0615229c 45%,#061522bf 100%)}.motion-scenes .motion-scene{background-position:57% center}.motion-controls{width:100%}.motion-scroll{display:none}}
@media(max-width:600px){.hero.hero-motion,.motion-shell{min-height:770px}.motion-shell{padding:38px 0 165px}.motion-identity{gap:12px;margin-bottom:10px}.motion-identity img{width:78px;height:84px}.motion-identity strong{font-size:1rem}.motion-identity span{font-size:.84rem}.motion-identity small{font-size:.72rem}.motion-kicker{font-size:.66rem;margin:12px 0 17px}.motion-copy h1{font-size:clamp(2.85rem,10.8vw,4.2rem);line-height:1.12}.motion-copy>p{font-size:.92rem;line-height:1.8}.motion-actions{gap:10px;margin:24px 0 18px}.motion-primary,.motion-secondary{font-size:.82rem;min-height:49px;padding:10px 13px;gap:8px}.motion-services{gap:7px}.motion-services a{font-size:.68rem;padding:7px 9px}.motion-bottom-inner{min-height:79px}.motion-controls{gap:4px}.motion-dot{padding:7px 4px;min-height:60px}.motion-dot span{font-size:.59rem}.motion-dot b{font-size:.61rem}.brand-original img{width:56px!important;height:67px!important}.motion-scene{background-position:center center}.motion-dim{background:linear-gradient(180deg,#061522ed 0%,#061522c9 38%,#0615229b 65%,#061522d7 100%)}.footer-premium-logo{height:108px;width:104px}}
@media(prefers-reduced-motion:reduce){.motion-scene,.motion-scene.is-current,.motion-light,.motion-pulse,.motion-dot i,.motion-scroll span{transition:none!important;animation:none!important}.motion-dot.is-current i{width:100%}}