/* Rebels Co / FUTURE edition — progressive visual layer. Original content remains intact. */
:root{--dark:#101820;--dark2:#19242d;--orange:#ff812e;--text:#1b2830;--muted:#65727c;--light:#edf2f4;--f-orange:#ff812e;--f-line:rgba(255,255,255,.14)}
html{scroll-padding-top:90px}body{overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:#ff812e;color:#111b23}
.bar{background:rgba(12,20,28,.94)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,135,57,.22);box-shadow:0 8px 40px #0002!important}
.bar:after{content:"";position:absolute;bottom:-1px;left:5%;width:22%;height:1px;background:linear-gradient(90deg,transparent,#ff812e,transparent);pointer-events:none}.logo{letter-spacing:.095em!important}
a,button,.btn{transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ff9d5f!important;outline-offset:3px}
.btn{border-radius:10px!important;box-shadow:0 9px 26px rgba(244,119,38,.17);position:relative;isolation:isolate}.btn:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(244,119,38,.3)}
.hero{position:relative!important;background:radial-gradient(ellipse at 78% 32%,rgba(255,119,38,.16),transparent 40%),radial-gradient(ellipse at 12% 82%,rgba(37,102,124,.2),transparent 46%),linear-gradient(130deg,#101922 0%,#19242d 57%,#101820 100%)!important;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 4%,#000 70%);opacity:.65}
.hero:after{content:"";position:absolute;right:-9vw;top:8%;height:470px;width:470px;border:1px solid rgba(255,130,46,.24);border-radius:50%;box-shadow:0 0 0 65px rgba(255,130,46,.025),0 0 0 135px rgba(255,130,46,.018);pointer-events:none;z-index:-1}
.hero-grid{min-height:650px;gap:5%!important;padding-block:48px!important}.hero h1{font-weight:900;letter-spacing:-.065em!important;max-width:780px;text-wrap:balance;text-shadow:0 12px 35px rgba(0,0,0,.2)}.hero h1 span{color:#ff812e!important;background:linear-gradient(100deg,#ffac65 0%,#ff792b 60%,#ffc08a 110%);background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#d6e1e7!important}.eyebrow{color:#ffb67c!important;max-width:650px;line-height:1.85;letter-spacing:.14em!important}
.hero-art{position:relative;filter:drop-shadow(0 25px 42px #0007)}.hero-art .hero-photo{border-radius:22px!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 20px 70px #0006,0 0 0 6px rgba(255,255,255,.035);transform:rotate(-1.1deg)}.hero-art:before,.hero-art:after{content:"";position:absolute;pointer-events:none;border:1px solid #ff812e88;width:75px;height:75px;z-index:2}.hero-art:before{top:17px;left:-15px;border-right:0;border-bottom:0;border-top-left-radius:21px}.hero-art:after{bottom:8px;right:-14px;border-top:0;border-left:0;border-bottom-right-radius:21px}.hero-special-tile{box-shadow:0 18px 40px #0008!important;border:1px solid #ff9e60aa!important}
.future-label{display:inline-flex;align-items:center;gap:10px;color:#f7c29d;background:rgba(255,131,46,.085);border:1px solid rgba(255,131,46,.32);font-size:.7rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase;padding:9px 13px;border-radius:999px;margin-bottom:17px}.future-label:before{content:"";height:7px;width:7px;border-radius:50%;background:#ff8d44;box-shadow:0 0 0 5px #ff8d4424,0 0 15px #ff8d44}
.future-rail{background:#0c151d;border-top:1px solid rgba(255,131,46,.21);border-bottom:1px solid rgba(255,131,46,.21);color:#dbe5ea;position:relative;overflow:hidden}.future-rail:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ff812e 35%,transparent 70%)}.future-rail-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.future-rail-item{padding:22px 26px;display:flex;align-items:center;gap:14px;border-right:1px solid rgba(255,255,255,.12)}.future-rail-item:last-child{border-right:0}.future-rail-num{font-size:1.55rem;font-weight:950;line-height:1;letter-spacing:-.05em;color:#ff9654}.future-rail-caption{font-size:.82rem;font-weight:750;letter-spacing:.025em}
.section{position:relative}.section h2{letter-spacing:-.045em;font-weight:900}.section .sub{color:#e16b23;letter-spacing:.17em}.section.alt{background:linear-gradient(180deg,#f0f4f6 0%,#e9eff2 100%)}
.card,.realization-card,.sample,.wow-card,.ba-item{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover,.realization-card:hover,.sample:hover,.wow-card:hover{transform:translateY(-6px);box-shadow:0 22px 60px #111f3020;border-color:#ff943f55}
.wow-card{overflow:hidden;border:1px solid #dae1e6!important;box-shadow:0 15px 40px #10203010!important}.wow-card .wow-image{overflow:hidden}.wow-card .wow-image img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.wow-card:hover .wow-image img{transform:scale(1.055)}.wow-special{border-color:rgba(255,129,46,.6)!important;box-shadow:0 15px 45px rgba(244,119,38,.14)!important}.wow-badge,.promo-tag{letter-spacing:.12em!important}
.promo-special{position:relative;overflow:hidden;background:linear-gradient(125deg,#111d26,#172731)!important}.promo-special:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,#ff812e22,transparent 50%);pointer-events:none}.promo-banner{border:1px solid rgba(255,142,64,.28)!important;box-shadow:0 28px 70px #0005!important;transition:transform .3s ease,box-shadow .3s ease}.promo-banner:hover{transform:translateY(-5px);box-shadow:0 35px 70px #0007!important}
.roof-panel,.collab-side{background:linear-gradient(145deg,#111d27,#263743)!important;border:1px solid rgba(255,129,46,.25);box-shadow:0 23px 45px #111b2525!important}.contact{background:radial-gradient(ellipse at 5% 30%,#ff812e12,transparent 40%),linear-gradient(145deg,#101922,#1e2d37)!important}.form{box-shadow:0 25px 70px #0004;border:1px solid rgba(255,255,255,.2)}.field input:focus,.field textarea:focus,.field select:focus{border-color:#f47726;box-shadow:0 0 0 3px #f4772621}.footer{background:#0b1219!important;border-top:1px solid #ff812e22}
.future-divider{width:54px;height:4px;border-radius:4px;background:linear-gradient(90deg,#ff812e,#ffbf8c);margin:15px 0 23px;box-shadow:0 0 18px #ff812e33}
/* Detail pages */
body:has(.realizations) .realization-card{border-radius:23px!important}body:has(.realizations) .ba-item{border-radius:14px!important;overflow:hidden}body:has(.realizations) .ba-item img{transition:transform .5s ease}body:has(.realizations) .ba-item:hover img{transform:scale(1.025)}
/* reveal - only opt in after JS initialization */
html.future-ready .future-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}html.future-ready .future-reveal.in-view{opacity:1;transform:translateY(0)}
@media(max-width:850px){.hero-grid{min-height:auto;padding:65px 0 42px!important;gap:25px!important}.future-rail-item{padding:20px 15px;gap:10px}.future-rail-num{font-size:1.25rem}.future-rail-caption{font-size:.75rem}.hero-art .hero-photo{transform:none}}
@media(max-width:560px){.hero:after{width:230px;height:230px;right:-120px;top:10%}.hero-grid{padding:44px 0 35px!important}.hero h1{font-size:clamp(2.5rem,11vw,3.2rem)!important}.hero p{font-size:1.03rem!important}.future-label{font-size:.58rem;letter-spacing:.12em;padding:8px 11px}.future-rail-inner{grid-template-columns:1fr}.future-rail-item{padding:12px 20px;border-right:0;border-bottom:1px solid #ffffff15}.future-rail-item:last-child{border-bottom:0}.future-rail-num{min-width:44px;font-size:1.12rem}.future-rail-caption{font-size:.8rem}.hero-art:before,.hero-art:after{width:42px;height:42px}.hero-art:before{left:-4px;top:-5px}.hero-art:after{right:-5px;bottom:-5px}.section{padding-block:58px!important}.card:hover,.realization-card:hover,.wow-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}html.future-ready .future-reveal{opacity:1!important;transform:none!important}}