:root{--motion-ease:cubic-bezier(.2,.8,.2,1);--motion-slow:cubic-bezier(.16,1,.3,1);--accent:#ef772f;--accent-soft:#ffb07c;--ink-2:#26231f;--cream-2:#f3eadc;--section-gap:118px}
html{scroll-padding-top:88px}
body.motion-enhanced{background:radial-gradient(circle at 12% 8%,rgba(239,119,47,.055),transparent 24%),radial-gradient(circle at 84% 18%,rgba(37,34,29,.04),transparent 22%),var(--bg);overflow-x:hidden}
body.motion-enhanced:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:radial-gradient(circle at center,rgba(35,30,25,.18) .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 72%)}
.site-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:1000;pointer-events:none;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--orange),#ffb37e);box-shadow:0 0 18px rgba(239,119,47,.45)}
.site-header{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.site-header.is-scrolled{background:rgba(251,247,240,.82);border-bottom-color:rgba(214,200,182,.82);box-shadow:0 12px 36px rgba(46,34,21,.07)}
.nav a{position:relative;transition:color .25s ease,opacity .25s ease}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1.5px;background:var(--orange);transition:right .35s var(--motion-ease)}
.nav a:hover:after,.nav a.is-active:after{right:0}.nav a.is-active{color:var(--orange)}
.brand .cube-mark{transition:transform .55s var(--motion-slow)}.brand:hover .cube-mark{transform:rotate(120deg) scale(1.07)}
.section-pad{position:relative;padding-top:var(--section-gap);padding-bottom:var(--section-gap);overflow:clip}
.section-pad>.container{position:relative;z-index:2}
.section-pad[data-section-index]:after{content:attr(data-section-index);position:absolute;right:max(3vw,24px);top:42px;font:900 clamp(74px,10vw,150px)/1 Inter,ui-sans-serif,sans-serif;letter-spacing:-.08em;color:rgba(35,30,25,.035);pointer-events:none;z-index:0}
.dark-section[data-section-index]:after{color:rgba(255,255,255,.055)}
#work{background:linear-gradient(180deg,#fbf7f0 0%,#f8f1e7 100%)}
#services{background:radial-gradient(circle at 78% 16%,rgba(239,119,47,.13),transparent 24%),linear-gradient(180deg,#f4eadc,#f8f3eb)}
#packages{background:radial-gradient(circle at 18% 20%,rgba(255,158,93,.09),transparent 22%),#fffaf3}
#factory{background:linear-gradient(180deg,#fbf7f0 0%,#f7efe5 100%)}
#faq{background:linear-gradient(180deg,#efe4d5,#f6eee4)}
.section-head{position:relative}.section-head .eyebrow{display:inline-flex;align-items:center;gap:10px}.section-head .eyebrow:before{content:"";width:0;height:1px;background:currentColor;transition:width .7s var(--motion-slow)}.section-head.is-visible .eyebrow:before{width:28px}
.section-head h2,.factory-card h2,.faq-grid h2,.cta-card h2{text-wrap:balance;position:relative}
.motion-heading{overflow:hidden}.motion-heading .word{display:inline-block;will-change:transform,opacity;transform:translateY(115%) rotate(2deg);opacity:.01;transition:transform .72s var(--motion-slow),opacity .45s ease}.motion-heading.is-visible .word{transform:translateY(0) rotate(0);opacity:1}.motion-heading .word:nth-child(2n){transition-delay:.035s}.motion-heading .word:nth-child(3n){transition-delay:.07s}.motion-heading .word:nth-child(5n){transition-delay:.105s}
.section-head h2:after,.factory-card h2:after,.faq-grid h2:after,.cta-card h2:after{content:"";display:block;width:0;height:2px;margin-top:16px;background:linear-gradient(90deg,var(--orange),transparent);transition:width 1s var(--motion-slow)}.is-visible h2:after,.motion-heading.is-visible:after{width:min(180px,34%)}
.reveal-item{will-change:transform,opacity}.motion-enhanced .reveal-item{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .62s ease,transform .74s var(--motion-slow);transition-delay:var(--reveal-delay,0ms)}.motion-enhanced .reveal-item.is-visible{opacity:1;transform:translateY(0) scale(1)}
.kinetic-ribbon{overflow:hidden;border-top:1px solid rgba(225,212,195,.9);border-bottom:1px solid rgba(225,212,195,.9);background:#171713;color:#fff}.kinetic-ribbon-track{width:max-content;display:flex;gap:40px;align-items:center;padding:16px 0;animation:ribbonMove 28s linear infinite}.kinetic-ribbon span{display:flex;align-items:center;gap:40px;font:800 12px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:rgba(255,255,255,.62)}.kinetic-ribbon span:after{content:"✦";color:var(--orange);font-size:10px}@keyframes ribbonMove{to{transform:translateX(-50%)}}
.proof-grid>div{position:relative;overflow:hidden;transition:background .3s ease,transform .35s var(--motion-ease)}.proof-grid>div:after{content:"";position:absolute;inset:auto -20% -80% -20%;height:100%;background:radial-gradient(circle,rgba(239,119,47,.15),transparent 65%);transform:translateY(30px);opacity:0;transition:.45s var(--motion-ease)}.proof-grid>div:hover{background:rgba(255,255,255,.72);transform:translateY(-2px)}.proof-grid>div:hover:after{opacity:1;transform:translateY(0)}
.motion-card{--tilt-x:0deg;--tilt-y:0deg;--lift:0px;--hover-lift:0px;position:relative;isolation:isolate;transform:perspective(1100px) translateY(calc(var(--lift) + var(--hover-lift))) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .42s var(--motion-ease),box-shadow .42s ease,border-color .32s ease}.motion-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,255,255,.32),transparent 58%);transition:opacity .3s ease}.motion-card:hover:before{opacity:1}.motion-card>*{position:relative;z-index:1}.motion-card:hover{--hover-lift:-7px}
.work-grid{gap:24px}.work-card{border-color:rgba(222,208,190,.85);box-shadow:0 16px 44px rgba(67,44,22,.06);background:rgba(255,253,250,.92)}.work-card:hover{box-shadow:0 28px 70px rgba(67,44,22,.15);border-color:rgba(239,119,47,.35)}.work-card img,.work-card .work-visual{transition:transform .8s var(--motion-slow),filter .5s ease}.work-card:hover img,.work-card:hover .work-visual{transform:scale(1.035);filter:saturate(1.04)}.work-copy{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,251,245,.98))}.work-copy h3{transition:color .25s ease,transform .35s var(--motion-ease)}.work-card:hover .work-copy h3{color:var(--orange);transform:translateX(3px)}
.service-grid{gap:20px}.service-grid article{min-height:240px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,250,244,.55));border-color:rgba(225,209,189,.88);box-shadow:0 14px 40px rgba(75,48,20,.045)}.service-grid article:after{content:attr(data-card-index);position:absolute;right:18px;top:12px;font:900 54px/1 Inter,ui-sans-serif,sans-serif;color:rgba(45,38,31,.045);letter-spacing:-.08em}.service-grid article:hover{border-color:rgba(239,119,47,.4);box-shadow:0 24px 58px rgba(92,54,23,.12)}.service-grid article:hover .icon-box{transform:rotate(-6deg) scale(1.08);box-shadow:0 10px 30px rgba(239,119,47,.17)}.icon-box{transition:transform .45s var(--motion-slow),box-shadow .35s ease}.service-grid h3{transition:transform .35s var(--motion-ease),color .25s ease}.service-grid article:hover h3{transform:translateX(5px);color:#c65d21}
.package-grid{gap:22px}.package{overflow:hidden;background:linear-gradient(180deg,#fffdfa,#fff9f1);box-shadow:0 18px 46px rgba(58,41,24,.055)}.package.popular{--lift:-8px;background:linear-gradient(160deg,#fff8ef,#fffdfa);box-shadow:0 26px 68px rgba(100,59,24,.15)}.package:after{content:"";position:absolute;left:-20%;right:-20%;top:-60%;height:50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(7deg) translateX(-60%);transition:transform .85s var(--motion-slow)}.package:hover:after{transform:rotate(7deg) translateX(80%)}.package li{transition:padding-left .28s ease,color .25s ease}.package:hover li{padding-left:4px}.package li svg{transition:transform .3s var(--motion-ease)}.package:hover li svg{transform:scale(1.12) rotate(-6deg)}
.dark-section{position:relative;background:radial-gradient(circle at 78% 20%,rgba(239,119,47,.12),transparent 28%),linear-gradient(180deg,#161614,#10100f)}.dark-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent,black 22%,black 78%,transparent)}.process-grid{position:relative;overflow:hidden}.process-grid:before{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,var(--orange),rgba(255,255,255,.08));transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--motion-slow)}.process-grid.is-visible:before{transform:scaleX(1)}.process-grid article{position:relative;transition:background .35s ease}.process-grid article:hover{background:rgba(255,255,255,.035)}.process-grid article>span{font-weight:850;letter-spacing:.08em}.process-grid article svg{transition:transform .5s var(--motion-slow),color .3s ease}.process-grid article:hover svg{transform:translateY(-6px) rotate(-7deg) scale(1.08);color:#ffc098}
.factory-card{position:relative;background:radial-gradient(circle at 80% 12%,rgba(255,255,255,.85),transparent 24%),linear-gradient(120deg,#fff5e7,#efd8bd);box-shadow:0 28px 70px rgba(78,49,23,.1)}.factory-card:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(239,119,47,.15);border-radius:50%;right:-170px;top:-210px;box-shadow:0 0 0 42px rgba(239,119,47,.035),0 0 0 84px rgba(239,119,47,.025);animation:factoryHalo 12s linear infinite}@keyframes factoryHalo{to{transform:rotate(360deg)}}.factory-box{animation:factoryFloat 4.5s ease-in-out infinite}.factory-box.box-b{animation-delay:-1.3s}.factory-box.box-c{animation-delay:-2.6s}@keyframes factoryFloat{50%{translate:0 -12px;rotate:2deg}}.belt:after{animation:beltPulse 2.2s linear infinite}@keyframes beltPulse{50%{opacity:.35}}
.faq-grid{align-items:start}.faq-grid>div:first-child{position:sticky;top:120px}.accordion details{background:rgba(255,255,255,.34);border:1px solid transparent;border-bottom-color:#d9cbbb;padding:0 18px;border-radius:14px;transition:background .3s ease,border-color .3s ease,transform .3s var(--motion-ease);margin-bottom:8px}.accordion details:hover{background:rgba(255,255,255,.62);border-color:rgba(222,202,179,.8);transform:translateX(4px)}.accordion details[open]{background:#fffaf4;border-color:rgba(239,119,47,.25);box-shadow:0 14px 40px rgba(70,45,20,.07)}.accordion details p{animation:faqIn .4s var(--motion-slow)}@keyframes faqIn{from{opacity:0;transform:translateY(-8px)}}
.cta-section{position:relative;padding:70px 0 100px;background:linear-gradient(180deg,#f6eee4,#fbf7f0)}.cta-card{position:relative;overflow:hidden;background:linear-gradient(120deg,#171713 0%,#25211c 58%,#3b291d 100%);color:#fff;border:0;box-shadow:0 30px 80px rgba(41,27,16,.18)}.cta-card:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-220px;background:radial-gradient(circle,rgba(239,119,47,.42),transparent 66%);filter:blur(4px);translate:var(--cta-x,0px) var(--cta-y,0px);transition:translate .16s linear}.cta-card p{color:rgba(255,255,255,.66)}.cta-card .eyebrow{color:#ffae79}.cta-card h2:after{background:linear-gradient(90deg,#ff9b59,transparent)}
.footer{position:relative;overflow:hidden}.footer:before{content:"CUBEGRAPHIX";position:absolute;left:50%;bottom:-.23em;transform:translateX(-50%);font:900 clamp(80px,16vw,240px)/.8 Inter,ui-sans-serif,sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none}.footer a{transition:color .25s ease,transform .25s ease}.footer-grid>div:not(:first-child) a:hover{color:#ff9b59;transform:translateX(4px)}
.btn,.text-link{will-change:translate;transition:translate .28s var(--motion-ease),transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.btn:hover{box-shadow:0 14px 34px rgba(77,48,24,.14)}
.hero-experience{--hero-react-x:0px;--hero-react-y:0px}.hero-environment{transition:translate .38s var(--motion-ease)}.hero-person-frame{transition:translate .42s var(--motion-ease)}.hero-glow{transition:translate .45s var(--motion-ease)}.ambient-word{transition:scale .22s ease,rotate .22s ease,filter .22s ease,text-shadow .22s ease,letter-spacing .22s ease,translate .28s var(--motion-ease)}.ambient-front{transition:scale .25s ease,filter .25s ease,text-shadow .25s ease,translate .28s var(--motion-ease)}
.hero-sector{transition:color .25s ease,background .25s ease}.hero-sector:hover{color:#ffb185;background:rgba(255,255,255,.035)}.hero-arrow-new,.hero-pause-new{transition:transform .25s var(--motion-ease),background .25s ease,border-color .25s ease}.hero-arrow-new:hover,.hero-pause-new:hover{transform:translateY(-2px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.42)}
@media(max-width:980px){:root{--section-gap:92px}.section-pad[data-section-index]:after{font-size:88px;top:28px}.faq-grid>div:first-child{position:static}.motion-card{transform:none!important}.motion-card:hover{--hover-lift:0px}.factory-card{overflow:hidden}}
@media(max-width:720px){:root{--section-gap:76px}.site-progress{height:2px}.section-pad[data-section-index]:after{right:18px;top:18px;font-size:64px}.kinetic-ribbon-track{padding:13px 0;animation-duration:34s}.kinetic-ribbon span{font-size:10px;gap:28px}.work-grid,.service-grid,.package-grid{gap:14px}.service-grid article{min-height:200px}.cta-section{padding:38px 0 70px}.cta-card{padding:34px 24px}.factory-card{padding:34px 22px}.factory-card:after{display:none}.footer:before{font-size:92px}.hero-environment,.hero-person-frame,.hero-glow{translate:none!important}.ambient-word,.ambient-front{scale:1!important;rotate:0deg!important;filter:none!important;text-shadow:none!important;letter-spacing:inherit!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-enhanced .reveal-item,.motion-heading .word{opacity:1!important;transform:none!important;transition:none!important}.kinetic-ribbon-track,.factory-card:after,.factory-box,.belt:after{animation:none!important}.motion-card{transform:none!important}.hero-environment,.hero-person-frame,.hero-glow{translate:none!important}.ambient-word,.ambient-front{scale:1!important;rotate:0deg!important;filter:none!important;text-shadow:none!important}.btn,.text-link{translate:none!important}}

/* Share Bien-inspired editorial hero: oversized type, human-led composition, spatial layers. */
#top.hero{background:#f1ece3!important;color:#171713!important}
.hero-experience{min-height:clamp(720px,calc(100svh - 76px),980px)!important;background:#f1ece3!important;overflow:hidden}
.hero-experience:before{content:"DIGITAL  /  STRATEGY  /  BUILD";position:absolute;left:24px;top:50%;z-index:7;transform:translateY(-50%) rotate(-90deg);transform-origin:left top;font:800 10px/1 Inter,ui-sans-serif,sans-serif;letter-spacing:.22em;color:rgba(23,23,19,.42);white-space:nowrap;pointer-events:none}
.hero-experience:after{content:"CUBEGRAPHIX";position:absolute;left:50%;top:50%;z-index:0;transform:translate(-50%,-48%);font:900 clamp(110px,16vw,250px)/.72 Inter,ui-sans-serif,sans-serif;letter-spacing:-.085em;color:transparent;-webkit-text-stroke:1px rgba(23,23,19,.09);white-space:nowrap;pointer-events:none}
.hero-environment{opacity:.38!important;filter:grayscale(.2) saturate(.72) contrast(.88) brightness(1.03)!important;transform:scale(1.08)!important;mix-blend-mode:multiply}
.hero-shade{background:linear-gradient(90deg,rgba(241,236,227,.98) 0%,rgba(241,236,227,.90) 31%,rgba(241,236,227,.43) 60%,rgba(241,236,227,.22) 100%),linear-gradient(0deg,rgba(241,236,227,.60),transparent 48%)!important}
.hero-glow{width:44vw!important;height:44vw!important;right:-8vw!important;top:-14vw!important;background:radial-gradient(circle,rgba(239,119,47,.19),transparent 67%)!important;filter:blur(18px)!important}
.hero-inner{width:min(1460px,calc(100% - 86px))!important;grid-template-columns:minmax(0,.90fr) minmax(420px,1.10fr)!important}
.hero-copy-new{z-index:8!important;max-width:760px!important;padding:92px 0 136px!important}
.hero-kicker{color:#4e4a43!important;letter-spacing:.21em!important;margin-bottom:28px!important}.hero-kicker:before{background:#171713!important;width:42px!important}
.hero-display{line-height:.76!important;letter-spacing:-.085em!important;overflow:visible!important}
.hero-fixed{font-size:clamp(92px,10.8vw,180px)!important;color:#171713!important;font-weight:900!important}
.hero-variable-mask{overflow:visible!important;padding:.13em 0 .22em!important}
.hero-variable{font-size:clamp(42px,5.65vw,91px)!important;color:#ef6f2d!important;font-weight:860!important;letter-spacing:-.065em!important;max-width:850px}
.hero-lead-new{color:#4d4942!important;max-width:535px!important;font-size:clamp(15px,1.25vw,18px)!important;margin-top:28px!important}
.hero-actions-new .btn-secondary{color:#171713!important;border-color:rgba(23,23,19,.28)!important;background:rgba(255,255,255,.40)!important}.hero-actions-new .btn-secondary:hover{background:#fff!important}
.hero-person-frame{right:7%!important;bottom:70px!important;width:min(46%,680px)!important;height:88%!important;z-index:5!important;filter:drop-shadow(0 38px 42px rgba(42,34,26,.18))!important}
.hero-person{filter:drop-shadow(0 24px 26px rgba(35,28,21,.22))!important}
.ambient{z-index:3!important;overflow:visible!important}.ambient-word{font-weight:900!important;color:rgba(23,23,19,.14)!important;letter-spacing:-.075em!important;mix-blend-mode:multiply;opacity:.92;transition:translate .16s linear,scale .16s linear,rotate .16s linear,filter .16s linear,text-shadow .16s linear,letter-spacing .16s linear!important}
.ambient-word:nth-child(1){left:2%!important;top:15%!important;font-size:clamp(50px,6vw,98px)!important}.ambient-word:nth-child(2){left:38%!important;top:8%!important;font-size:clamp(34px,4.2vw,70px)!important;color:rgba(239,111,45,.22)!important}.ambient-word:nth-child(3){right:-2%!important;top:18%!important;font-size:clamp(44px,5.5vw,92px)!important;color:rgba(23,23,19,.10)!important}.ambient-word:nth-child(4){left:42%!important;top:36%!important;font-size:clamp(34px,4vw,68px)!important}.ambient-word:nth-child(5){right:-4%!important;top:50%!important;font-size:clamp(58px,7.4vw,122px)!important;color:rgba(239,111,45,.18)!important}.ambient-word:nth-child(6){left:31%!important;bottom:18%!important;font-size:clamp(34px,4vw,68px)!important;color:rgba(23,23,19,.10)!important}.ambient-word:nth-child(7){right:3%!important;bottom:12%!important;font-size:clamp(42px,5.2vw,86px)!important}.ambient-word:nth-child(8){left:2%!important;bottom:10%!important;font-size:clamp(38px,4.6vw,78px)!important;color:rgba(239,111,45,.18)!important}
.ambient-front{right:26%!important;bottom:19%!important;z-index:7!important;font-size:clamp(40px,5.3vw,88px)!important;color:rgba(23,23,19,.17)!important;mix-blend-mode:multiply;letter-spacing:-.075em!important}
.hero-bottom{border-top:1px solid rgba(23,23,19,.16)!important;background:rgba(241,236,227,.72)!important;backdrop-filter:blur(16px)!important}.hero-sector{color:rgba(23,23,19,.48)!important}.hero-sector.active{color:#171713!important}.hero-sector:hover{color:#ef6f2d!important;background:rgba(255,255,255,.32)!important}.hero-counter span{color:rgba(23,23,19,.46)!important}.hero-arrow-new,.hero-pause-new{border-color:rgba(23,23,19,.20)!important;background:rgba(255,255,255,.36)!important;color:#171713!important}.hero-arrow-new:hover,.hero-pause-new:hover{background:#fff!important;border-color:rgba(23,23,19,.38)!important}
@media(max-width:960px){.hero-experience:before{display:none}.hero-experience:after{font-size:18vw;top:56%}.hero-inner{width:calc(100% - 42px)!important;grid-template-columns:1fr!important}.hero-copy-new{padding:78px 0 250px!important}.hero-person-frame{right:-2%!important;bottom:68px!important;width:55%!important;height:67%!important}.hero-shade{background:linear-gradient(90deg,rgba(241,236,227,.97),rgba(241,236,227,.76) 60%,rgba(241,236,227,.42)),linear-gradient(0deg,rgba(241,236,227,.58),transparent 45%)!important}.ambient-word:nth-child(2),.ambient-word:nth-child(4),.ambient-word:nth-child(7){display:block!important;opacity:.48}}
@media(max-width:620px){.hero-experience{min-height:720px!important}.hero-experience:after{top:61%;font-size:24vw}.hero-copy-new{padding:54px 0 300px!important}.hero-fixed{font-size:clamp(66px,20vw,92px)!important}.hero-variable{font-size:clamp(34px,10.7vw,50px)!important}.hero-person-frame{right:-14%!important;bottom:66px!important;width:78%!important;height:52%!important}.hero-shade{background:linear-gradient(180deg,rgba(241,236,227,.98) 0%,rgba(241,236,227,.82) 47%,rgba(241,236,227,.40) 72%,rgba(241,236,227,.68) 100%)!important}.ambient-word:nth-child(2),.ambient-word:nth-child(4),.ambient-word:nth-child(7){display:none!important}.ambient-word:nth-child(1){top:27%!important;font-size:12vw!important}.ambient-word:nth-child(3){top:37%!important;font-size:11vw!important}.ambient-word:nth-child(5){bottom:26%!important;top:auto!important;font-size:15vw!important}.ambient-front{right:3%!important;bottom:21%!important;font-size:10vw!important}.hero-bottom{background:rgba(241,236,227,.88)!important}}