/* Upgrade layer: shared identity, art direction, interaction and RTL tokens. */
:root{--carbon-ink:#1E1F29;--warm-ivory:#F4F1EB;--deep-violet:#6D5EF5;--soft-lilac:#B9B2FF;--burnt-coral:#F47C5C;--stone-gray:#C9C4BC;--ink:var(--carbon-ink);--ivory:var(--warm-ivory);--violet:var(--deep-violet);--lilac:var(--soft-lilac);--coral:var(--burnt-coral);--muted:#b5b2c5;--micro:180ms;--state:320ms;--narrative:900ms;--panel:#191a25;--focus:var(--soft-lilac)}
body{background:var(--carbon-ink)}.header.scrolled{background:#1e1f29f2}.perspective,.capabilities{background:#191a25}.depth,.depth-sticky{background:#13141d}.brief{background:#191a25}.field input,.field select,.field textarea{background:#14151f}a,button,select,summary{transition-timing-function:var(--ease)}.button.primary{background:linear-gradient(110deg,var(--deep-violet),var(--soft-lilac));color:var(--warm-ivory);border-color:#b9b2ff70;box-shadow:0 2px 0 #ffffff0c inset}.button:active,.nav-cta:active{scale:.975}.button,.nav-cta{transition:transform var(--micro),translate var(--micro),box-shadow var(--micro),border-color var(--micro)}.nav-cta:hover{box-shadow:0 0 30px #6d5ef51c;border-color:var(--soft-lilac)}.header nav{gap:25px;margin-inline-start:auto}.header{gap:25px}.language-control{position:relative;z-index:23}.language-control select{border:1px solid var(--line);border-radius:22px;min-height:44px;padding:0 9px;background:#1e1f2940;color:var(--ivory);font-size:.77rem;cursor:pointer}.language-control option{background:var(--carbon-ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* A single 1672 × 941 artboard keeps the authored layers in the same coordinates. */
.hero{background:var(--carbon-ink);height:850px;min-height:780px;--hero-scroll:0;--spread:0;--warmth:.85}.hero-art{inset:0!important;opacity:1!important;transform:none!important;transition:none}.hero-scene{position:absolute;width:min(1250px,91vw);aspect-ratio:1672/941;right:-6%;top:52%;transform:translateY(-46%);perspective:1200px;isolation:isolate;--pointer-x:0;--pointer-y:0}.hero-master{position:absolute;inset:0;opacity:1;transition:opacity 650ms}.hero-master img{width:100%;height:100%;object-fit:cover;max-width:100%}.hero-layer{position:absolute;inset:0;pointer-events:none;opacity:0;animation:layer-resolve 850ms var(--ease) both;transform:translate3d(calc(var(--pointer-x)*var(--travel)*1px),calc(var(--pointer-y)*var(--travel)*1px - var(--hero-scroll)*var(--scroll-travel)*1px),0);transform-origin:65% 75%}.hero-layer img{position:absolute;width:100%;height:auto;max-width:none;transition:transform 650ms var(--ease),opacity 650ms var(--ease),filter 650ms var(--ease);transform-origin:65% 75%}.layers-ready .hero-master{opacity:0}.layer-background{--travel:2;--scroll-travel:12;z-index:0}.layer-background img{opacity:.8}.layer-plane-back{--travel:5;--scroll-travel:30;z-index:1}.layer-plane-back img{transform:translate(calc(15% + var(--spread)*1%),-13%) scale(.95) rotateY(calc(30deg + var(--pointer-x)*1deg));opacity:.42}.layer-plane-middle{--travel:8;--scroll-travel:58;z-index:2}.layer-plane-middle img{transform:translate(calc(1% - var(--spread)*1%),-3%) scale(.83) rotateY(calc(22deg + var(--pointer-x)*1.3deg));opacity:.53}.layer-portal-glow{--travel:4;--scroll-travel:22;z-index:3}.layer-portal-glow img{opacity:var(--warmth);transform:translate(5%,1%) scale(calc(.92 + var(--hero-scroll)*.08))}.layer-plane-front{--travel:13;--scroll-travel:95;z-index:4}.layer-plane-front img{transform:translate(calc(-9% - var(--spread)*1%),11%) scale(.66) rotateY(calc(32deg + var(--pointer-x)*1.6deg));opacity:.5}.layer-person{--travel:1.5;--scroll-travel:10;z-index:5}.layer-person img{transform:translate(7%,5%) scale(.74);opacity:calc(1 - var(--hero-scroll)*.7)}.hero-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--carbon-ink) 10%,#1e1f29f2 28%,#1e1f2990 45%,transparent 63%),linear-gradient(0deg,var(--carbon-ink) 2%,transparent 28%,transparent 78%,#1e1f2990);pointer-events:none;z-index:7}.hero-content{padding-top:207px;transform:translateY(calc(var(--hero-scroll)*-24px)) scale(calc(1 - var(--hero-scroll)*.025));transform-origin:left center;opacity:calc(1 - var(--hero-scroll)*.55)}.hero h1{font-size:clamp(3.3rem,5.2vw,5.2rem);line-height:1.12;max-width:780px;text-wrap:initial}.headline-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.headline-mask>span{display:block;animation:headline-resolve 850ms var(--ease) both;animation-delay:220ms}.headline-mask:nth-child(2)>span{animation-delay:350ms}h1 em{background:linear-gradient(100deg,var(--soft-lilac),var(--deep-violet) 60%,var(--burnt-coral));background-clip:text}.hero .eyebrow{animation:reveal-soft 650ms var(--ease) both;animation-delay:100ms}.hero-description{animation:reveal-soft 750ms var(--ease) both;animation-delay:450ms;max-width:410px}.hero-actions{animation:reveal-soft 750ms var(--ease) both;animation-delay:550ms}.hero-origin{animation:reveal-soft 750ms var(--ease) both;animation-delay:650ms}.hero-content a{pointer-events:auto}.hero-actions .button{color:#fff}.hero-perspectives{position:absolute;z-index:11;right:5%;top:45%;width:145px;animation:reveal-soft 650ms var(--ease) 650ms both}.hero-rail{display:flex;flex-direction:column;align-items:stretch}.hero-rail button{text-align:start;min-height:44px;padding:8px 0;font-size:.64rem;letter-spacing:.19em;color:#c9c4bcc0;position:relative;transition:transform var(--state) var(--ease),color var(--state)}.hero-rail button:before{content:'';position:absolute;inset-inline-start:-28px;top:50%;width:20px;height:1px;background:var(--soft-lilac);transform:scaleX(0);transform-origin:right;transition:transform var(--state)}.hero-rail button.preview,.hero-rail button[aria-pressed=true]{color:var(--warm-ivory);transform:translateX(-6px)}.hero-rail button.preview:before,.hero-rail button[aria-pressed=true]:before{transform:scaleX(1)}.hero-rail button[aria-pressed=true]:before{background:var(--burnt-coral)}#hero-state-caption{font-size:.67rem;line-height:1.7;color:#b9b2ffc4;margin-top:20px;min-height:80px;letter-spacing:0}.hero-construction{position:absolute;inset:10% 12% 13% 23%;z-index:6;background-image:linear-gradient(#b9b2ff20 1px,transparent 1px),linear-gradient(90deg,#b9b2ff20 1px,transparent 1px);background-size:60px 60px;opacity:0;mask-image:radial-gradient(ellipse,#000,transparent 73%);transition:opacity 650ms}.hero[data-scene=explore]{--spread:3}.hero[data-scene=explore] .hero-construction{opacity:.25}.hero[data-scene=understand]{--spread:-3;--warmth:.7}.hero[data-scene=understand] .layer-plane-front img{transform:translate(3%,3%) scale(.74) rotateY(28deg)}.hero[data-scene=build] .hero-construction{opacity:.8}.hero[data-scene=build] .layer-plane-front img{opacity:.7}.hero[data-scene=create]{--warmth:1}.hero[data-scene=create] .layer-portal-glow img{filter:saturate(1.2) brightness(1.08)}.hero[data-scene=belong]{--spread:-1;--warmth:1}.hero[data-scene=belong] .layer-person img{filter:drop-shadow(0 0 5px #f47c5c50)}.hero-bottom{z-index:10}.value-strip{position:relative;z-index:3;border-top-color:#b9b2ff48}.value-strip:before{content:'';position:absolute;top:-1px;left:0;width:30%;height:1px;background:linear-gradient(90deg,var(--deep-violet),var(--soft-lilac),transparent)}.value-strip>div{position:relative;outline-offset:7px;min-height:70px}.value-strip>div:focus,.value-strip>div:hover{background:#6d5ef50b}.value-strip i{transition:transform var(--state),color var(--state)}.value-strip>div:hover i,.value-strip>div:focus i{transform:translateY(-3px);color:var(--soft-lilac)}.value-strip small{transition:color var(--state)}.value-strip>div:hover small,.value-strip>div:focus small{color:var(--warm-ivory)}.principles{min-height:445px}.principle p{animation:reveal-soft var(--state) var(--ease)}.principle-visual[data-mode=depth] .aspect-planes span{transform:translateX(calc((var(--i) - 1.5)*50px)) translateZ(calc(var(--i)*10px)) rotateY(-36deg) skewY(8deg)}.principle-visual[data-mode=clarity] .grid-field{opacity:.35}.principle-visual[data-mode=craft] .aspect-planes span{border-color:var(--warm-ivory)}.grid-field{transition:opacity var(--state)}.perspective-symbol{transform:perspective(800px) rotateY(calc(var(--perspective-angle,-12deg) + var(--scroll-angle,0deg)))}
.division-detail{position:relative;isolation:isolate;overflow:hidden;min-height:450px}.division-detail>h3,.division-detail>p,.division-detail>ul,.division-detail>a,.division-detail>i{position:relative;z-index:1}.division-geometry{position:absolute!important;inset:0;pointer-events:none;z-index:0;opacity:.2}.division-geometry span{position:absolute;width:34%;height:28%;right:7%;top:10%;border:1px solid var(--soft-lilac);transform:translate(calc(var(--i)*-22px),calc(var(--i)*24px)) skewY(-15deg);transition:transform 500ms var(--ease),border-color 500ms}.division-geometry span:nth-child(1){--i:0}.division-geometry span:nth-child(2){--i:1}.division-geometry span:nth-child(3){--i:2}.division-geometry span:nth-child(4){--i:3}.division-detail[data-division=software] .division-geometry span{height:15%;transform:translate(calc(var(--i)*-12px),calc(var(--i)*44px))}.division-detail[data-division=interactive] .division-geometry span{transform:perspective(400px) translateZ(calc(var(--i)*30px)) rotate(calc(var(--i)*18deg));border-color:var(--stone-gray)}.division-detail[data-division=labs] .division-geometry span{border-style:dashed;border-radius:50%;transform:translate(calc(var(--i)*-16px),calc(var(--i)*28px));border-color:var(--deep-violet)}.division-detail[data-division=ventures] .division-geometry span{width:15%;height:15%;transform:translate(calc(var(--i)*-58px),calc(var(--i)*52px));border-color:var(--burnt-coral)}
.depth{height:290vh}.depth-frames span{opacity:calc(.65 - var(--core,0)*.62);transform:translate(-50%,-50%) scale(calc(.28 + var(--i)*.2 + var(--depth,0)*2.5)) rotate(calc(-14deg + var(--i)*5deg + var(--depth,0)*8deg))}.depth-content{background:radial-gradient(ellipse,#13141de8,transparent 74%);transform:translateY(calc(var(--core,0)*30px))}.depth-content h2{font-size:clamp(3rem,5vw,5.5rem)}.depth-content .eyebrow,.depth-content>p:last-of-type{opacity:calc(1 - var(--core,0)*.8)}.depth-core{position:absolute;top:17%;left:50%;transform:translateX(-50%) scale(calc(.8 + var(--core,0)*.2));opacity:var(--core,0);filter:drop-shadow(0 0 28px #f47c5c40)}.core-line{display:block;font-size:.8rem;letter-spacing:.28em;color:var(--coral);margin-top:28px;opacity:var(--core,0)}
/* Approved projects: readable product-system diagrams, no fictional screenshots. */
#work .section-heading{margin-bottom:50px}#project-list{display:grid;grid-template-columns:1fr 1fr;gap:60px 38px}.project-card{display:flex;flex-direction:column;gap:25px;margin:0;min-width:0}.project-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.project-visual{position:relative;background:#161721;border:1px solid #b9b2ff24;overflow:hidden;min-height:310px;display:flex;align-items:center;justify-content:center}.project-card:first-child .project-visual{min-height:370px}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--ease)}.project-card:hover .project-visual img{transform:scale(1.025)}.project-visual-note{position:absolute;bottom:18px;left:22px;right:22px;font-size:.68rem!important;color:#c9c4bc!important;background:#161721aa;padding:4px 8px;width:fit-content;margin:0!important}.project-copy h3{font-size:1.75rem;line-height:1.25;letter-spacing:-.045em;font-weight:500}.project-copy .project-category{font-size:.66rem;letter-spacing:.15em;color:var(--soft-lilac);margin:0 0 16px}.project-copy p{font-size:.9rem}.project-status{display:block;font-size:.73rem;color:var(--stone-gray);padding-inline-start:14px;border-inline-start:2px solid var(--burnt-coral);margin:20px 0}.project-diagram{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:90%;padding:25px;transform:perspective(900px) rotateY(-8deg) rotateX(8deg);transition:transform 700ms var(--ease)}.project-card:hover .project-diagram{transform:perspective(900px) rotateY(-3deg) rotateX(2deg)}.project-diagram>div{border:1px solid #b9b2ff48;background:#6d5ef512;min-width:95px;min-height:88px;padding:15px;position:relative}.project-diagram>div:nth-child(3){border-color:var(--soft-lilac);background:#6d5ef528}.project-diagram small{display:block;color:var(--soft-lilac);font-size:.65rem;margin-bottom:15px}.project-diagram span{font-size:.78rem}.project-interactive .project-diagram{display:grid;grid-template-columns:1fr 1fr;gap:15px}.project-interactive .project-diagram>div{background:#f47c5c08;border-color:#f47c5c45;min-width:135px}.project-interactive .project-diagram>div:nth-child(4){border-color:var(--coral)}#project-dialog{max-width:880px;max-height:88svh;overscroll-behavior:contain;padding:55px}#project-dialog h2{font-size:2.8rem}#project-dialog .case-summary{font-size:1.16rem;color:var(--ivory);line-height:1.7}.case-details{margin:35px 0}.case-details>div{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:150px 1fr;gap:25px}.case-details dt{font-size:.8rem;color:var(--soft-lilac)}.case-details dd{margin:0;color:var(--muted);font-size:.9rem;line-height:1.8}.case-details ul{margin:0;padding-inline-start:18px}.case-details li{margin-bottom:6px}.form-error{outline:0}.form-progress span{transition:width var(--state) var(--ease)}.field textarea{overflow-y:auto}.choice input:checked+span{background:#6d5ef52b;border-color:var(--soft-lilac)}.brief{scroll-margin-top:110px}.user-content{unicode-bidi:plaintext}.review-list dd{white-space:pre-wrap}#form-stage h3:focus{outline:0}.footer-main>div{flex-wrap:wrap}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
@keyframes headline-resolve{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes reveal-soft{from{opacity:.01;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes layer-resolve{from{opacity:0}to{opacity:1}}
/* Arabic typography and logical alignment; artwork retains its authored direction. */
[dir=rtl]{font-family:Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.5}[dir=rtl] .eyebrow,[dir=rtl] .hero-rail button,[dir=rtl] .brand,[dir=rtl] .project-category,[dir=rtl] .core-line{letter-spacing:0}[dir=rtl] .brand{direction:ltr}[dir=rtl] .hero-content{transform-origin:right center}[dir=rtl] .hero-scene{right:auto;left:-6%;transform:translateY(-46%) scaleX(-1)}[dir=rtl] .hero-art-shade{background:linear-gradient(270deg,var(--carbon-ink) 10%,#1e1f29f2 28%,#1e1f2990 45%,transparent 63%),linear-gradient(0deg,var(--carbon-ink) 2%,transparent 28%,transparent 78%,#1e1f2990)}[dir=rtl] .hero-perspectives{right:auto;left:5%}[dir=rtl] .hero .eyebrow{padding-left:0;padding-right:28px}[dir=rtl] .tiny-line{left:auto;right:0}[dir=rtl] .hero-rail button.preview,[dir=rtl] .hero-rail button[aria-pressed=true]{transform:translateX(6px)}[dir=rtl] .principle button,[dir=rtl] .division-tab,[dir=rtl] .process-tabs button{text-align:right}[dir=rtl] .principle button>span:last-child{margin-left:0;margin-right:auto}[dir=rtl] .principle p{padding-left:24px;padding-right:40px}[dir=rtl] .division-detail{border-left:0;border-right:1px solid var(--line)}[dir=rtl] .division-tab{padding-left:25px;padding-right:0}[dir=rtl] .service summary span{margin-left:0;margin-right:auto}[dir=rtl] .service-body{padding-left:18px;padding-right:33px}[dir=rtl] .perspective-symbol{right:auto;left:8%}[dir=rtl] .form-actions .button{margin-left:0;margin-right:auto}[dir=rtl] .footer-main>div{margin-left:0;margin-right:auto}[dir=rtl] .footer-bottom span:nth-child(2){margin-right:0;margin-left:auto}[dir=rtl] .field input[type=email],[dir=rtl] .field input[type=tel]{direction:ltr;text-align:right}[dir=rtl] .value-strip>div{border-right:0;border-left:1px solid var(--line)}[dir=rtl] .value-strip>div:last-child{border-left:0}[dir=rtl] .case-details dt{font-size:.9rem}
@media(min-width:1600px){.hero{height:900px}.hero-content{padding-top:235px}.hero-scene{width:1400px;right:1%;top:52%}.hero-perspectives{right:6%}[dir=rtl] .hero-scene{right:auto;left:1%}.hero h1{font-size:5.6rem}}
@media(max-width:1100px){.header{gap:16px}.header nav{gap:20px}.header nav>a{font-size:.78rem}.header .nav-cta{padding-inline:14px}.hero h1{font-size:3.8rem}.hero-perspectives{right:4%;width:125px}.hero-scene{right:-15%;width:1080px}.hero-description{max-width:360px}.hero-content{padding-top:195px}.hero-art-shade{background:linear-gradient(90deg,var(--carbon-ink) 4%,#1e1f29e8 27%,#1e1f2990 42%,transparent 65%),linear-gradient(0deg,var(--carbon-ink),transparent 30%,transparent 75%,#1e1f2990)}.project-card:first-child{gap:35px}.case-details>div{grid-template-columns:125px 1fr}[dir=rtl] .hero-scene{left:-15%;right:auto}[dir=rtl] .perspective-symbol{left:-5%}}
@media(max-width:900px){.header .brand>span{font-size:.86rem}.header nav>a:nth-child(2){display:none}.header nav{gap:18px}.hero h1{font-size:3.45rem}.hero-perspectives{right:3%;width:110px}.hero-rail button{font-size:.58rem;letter-spacing:.11em}.hero-scene{right:-28%}.hero-art-shade{background:linear-gradient(90deg,var(--carbon-ink),#1e1f29db 40%,transparent 72%),linear-gradient(0deg,var(--carbon-ink),transparent 28%,transparent 80%,#1e1f2990)}#project-list{gap:45px 24px}.project-card:first-child{display:flex;grid-column:1/-1}.project-visual{min-height:260px}.project-diagram{padding:15px}.project-diagram>div{min-width:80px;padding:12px}.project-interactive .project-diagram>div{min-width:105px}}
@media(max-width:800px){.hero{height:960px;min-height:0}.hero-content{padding-top:165px}.hero-scene{width:620px;right:-110px;top:260px;height:700px;aspect-ratio:auto;transform:none}.hero-master img{object-fit:cover;object-position:center 55%;width:100%;height:100%}.hero-master{opacity:1!important}.hero-layer{display:none}.hero-art-shade{background:linear-gradient(90deg,var(--carbon-ink),#1e1f29bd 45%,transparent 80%),linear-gradient(0deg,var(--carbon-ink),transparent 28%,transparent 62%,var(--carbon-ink) 90%)}.hero-perspectives{top:auto;bottom:92px;left:6%;right:6%;width:auto}.hero-rail{flex-direction:row;gap:15px;overflow-x:auto;scrollbar-width:thin;border-top:1px solid var(--line);padding-top:7px}.hero-rail button{font-size:.63rem;white-space:nowrap;min-height:44px;flex:1;text-align:center;transform:none!important}.hero-rail button:before{inset-inline-start:20%;top:0;width:60%;transform-origin:center}.hero-rail button[aria-pressed=true]{background:#6d5ef512}#hero-state-caption{margin-top:10px;min-height:28px;font-size:.74rem;text-align:center}.hero[data-scene=explore] .hero-master{transform:scale(1.015)}.hero[data-scene=understand] .hero-master{filter:saturate(.8)}.hero[data-scene=build] .hero-construction{opacity:.5}.hero[data-scene=create] .hero-master{filter:saturate(1.14)}.hero[data-scene=belong] .hero-master{filter:sepia(.08) brightness(1.05)}.hero-master{transition:transform 650ms var(--ease),filter 650ms var(--ease)}.value-strip{grid-template-columns:1fr 1fr}.value-strip>div{min-height:65px}.depth{height:200vh}.project-copy h3{font-size:1.6rem}.project-visual img{min-height:260px}[dir=rtl] .hero-scene{left:-110px;right:auto;transform:scaleX(-1)}[dir=rtl] .hero-perspectives{left:6%;right:6%}[dir=rtl] .hero-art-shade{background:linear-gradient(270deg,var(--carbon-ink),#1e1f29bd 45%,transparent 80%),linear-gradient(0deg,var(--carbon-ink),transparent 28%,transparent 62%,var(--carbon-ink) 90%)}[dir=rtl] .value-strip>div{border-left:0}}
@media(max-width:600px){.header{height:80px;gap:12px}.header .brand>span{font-size:.88rem}.header .brand{gap:9px}.header .language-control{margin-inline-start:auto}.header .language-control select{font-size:.72rem;min-height:40px}.header nav{margin:0;gap:27px;padding-top:125px;background:var(--carbon-ink)}.header nav>a,.header nav>a:nth-child(2){display:block;font-size:1.7rem;line-height:1.4}.header nav.open{animation:menu-reveal 380ms var(--ease) both}.header nav.open>a{animation:reveal-soft 380ms var(--ease) both}.header nav.open>a:nth-child(2){animation-delay:40ms}.header nav.open>a:nth-child(3){animation-delay:80ms}.menu-toggle{flex-shrink:0}.hero{height:1080px}.hero-content{padding-top:132px;transform:none;opacity:1}.hero h1{font-size:clamp(2.45rem,9.4vw,3.3rem);line-height:1.15}.hero .eyebrow{font-size:.63rem;letter-spacing:.15em;line-height:1.85}.hero-description{font-size:.93rem;max-width:100%;line-height:1.7}.hero-actions{gap:15px;margin-top:25px}.hero-actions .button{font-size:.78rem;gap:12px;padding:14px 17px}.hero-actions .story-link{font-size:.75rem}.hero-origin{font-size:.7rem;margin-top:23px}.hero-scene{width:100%;right:0;top:395px;height:590px}.hero-master img{object-position:center 53%}.hero-art-shade{background:linear-gradient(0deg,var(--carbon-ink) 5%,transparent 25%,transparent 47%,var(--carbon-ink) 68%)}.hero-perspectives{bottom:70px;left:6%;right:6%}.hero-rail{gap:6px}.hero-rail button{font-size:.58rem;letter-spacing:.035em;padding-inline:4px}.hero-rail button:before{width:80%;inset-inline-start:10%}#hero-state-caption{font-size:.68rem;min-height:43px}.hero-bottom{bottom:14px}.hero-bottom>a{font-size:.7rem}.value-strip{grid-template-columns:1fr 1fr;gap:30px 22px;padding-block:35px}.value-strip>div{gap:12px;flex-direction:column}.value-strip b{font-size:.67rem;letter-spacing:.08em}.value-strip small{font-size:.74rem;line-height:1.6}.principles{min-height:440px}.principle button{font-size:1.12rem}.perspective-inner{min-height:735px}.perspective-selector button{font-size:.74rem}.perspective-symbol{bottom:20px;right:27%;width:45%}.perspective-description{font-size:.85rem!important}.depth{height:185vh}.depth-content h2{font-size:2.65rem}.depth-content .eyebrow{font-size:.67rem}.depth-stages{gap:18px;font-size:.66rem}.depth-core{top:15%}.depth-core img{width:50px;height:auto}.core-line{font-size:.69rem}.section-heading>p{font-size:.91rem}.division-detail{min-height:430px}.division-detail h3{font-size:1.45rem}.process-tabs button{font-size:.85rem}.process-detail{min-height:280px}.horizon h2{font-size:2.3rem}.horizon-layout .large-copy{font-size:1.4rem}.contact h2{font-size:3.6rem}.brief h3{font-size:1.5rem}.choice span{font-size:.76rem;min-height:66px}.form-actions .button{font-size:.78rem;padding:13px 17px;gap:12px}.footer-main .brand>span{font-size:1rem}.footer-main>div{gap:20px}.footer-bottom{gap:12px 22px;font-size:.7rem}#project-list{grid-template-columns:1fr;gap:45px}.project-card:first-child{grid-column:auto}.project-card:first-child .project-visual{min-height:310px}.project-visual{min-height:290px}.project-diagram>div{min-width:82px}.project-copy h3{font-size:1.65rem}.project-visual-note{font-size:.65rem!important;left:14px;right:14px}.project-card{gap:22px}.project-copy .project-category{font-size:.67rem}.project-copy p{font-size:.9rem}#project-dialog{padding:48px 25px 30px;max-height:88svh}#project-dialog h2{font-size:2rem}.case-details>div{grid-template-columns:1fr;gap:12px}.case-details dt{font-size:.85rem}.case-details dd{font-size:.88rem}#project-dialog .case-summary{font-size:1rem}[dir=rtl] .hero .eyebrow{padding:0;letter-spacing:0}[dir=rtl] .hero h1{font-size:2.8rem;line-height:1.5}[dir=rtl] .hero-scene{left:0;right:auto;transform:scaleX(-1);top:420px}[dir=rtl] .hero-art-shade{background:linear-gradient(0deg,var(--carbon-ink) 5%,transparent 25%,transparent 47%,var(--carbon-ink) 68%)}[dir=rtl] .hero-rail button{font-size:.78rem;letter-spacing:0}[dir=rtl] .perspective-symbol{left:27%;right:auto}[dir=rtl] .division-detail{border-right:0}[dir=rtl] .footer-main>div{margin:0}[dir=rtl] .footer-bottom>a{margin-left:0;margin-right:auto}[dir=rtl] .principle p{padding-left:0;padding-right:36px}}
@keyframes menu-reveal{from{clip-path:polygon(0 0,100% 0,100% 0,0 15%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
.honeypot{left:auto;inset-inline-start:0;top:0;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.brief{position:relative}
.pointer-feedback{position:fixed;top:0;left:0;z-index:80;pointer-events:none;opacity:0;transition:opacity var(--micro)}.pointer-feedback:after{content:'';display:block;width:14px;height:14px;border:1px solid #b9b2ff80;border-radius:50%;transform:translate(-50%,-50%);transition:width var(--micro),height var(--micro),border-color var(--micro)}.pointer-feedback.shown{opacity:.7}.pointer-feedback.expanded:after{width:30px;height:30px;border-color:var(--soft-lilac)}.motion-paused .pointer-feedback{display:none}
[dir=rtl] .button>span,[dir=rtl] .text-link>span,[dir=rtl] .nav-cta>span,[dir=rtl] .story-link>.play{transform:scaleX(-1)}[dir=rtl] .button:hover>span,[dir=rtl] .text-link:hover>span{transform:translate(-3px,-2px) scaleX(-1)}.project-visual video{width:100%;display:block}
.hero-perspectives:before{content:'';position:absolute;inset:-25px -30px;z-index:-1;background:radial-gradient(ellipse,#1e1f29f0 20%,#1e1f29aa 55%,transparent 73%);pointer-events:none}.hero-rail button{color:#ded9e5;text-transform:uppercase}.hero-rail button.preview,.hero-rail button[aria-pressed=true]{color:#fff}#hero-state-caption{color:var(--soft-lilac)}
.layer-plane-back img{transform:translate(calc(4% + var(--spread)*1%),-5%) scale(.9) rotateY(calc(30deg + var(--pointer-x)*1deg))}
.hero-rail button{font-size:.75rem;letter-spacing:.1em}#hero-state-caption{font-size:.76rem}.hero-perspectives{width:155px}.header nav{gap:22px}.header nav>a{white-space:nowrap}
@media(max-width:1100px) and (min-width:601px){.header nav>a[href="#approach"]{display:none}.header nav{gap:15px}.header .brand>span{font-size:.9rem}}
@media(max-width:800px){.hero-perspectives:before{inset:-10px -10px;background:linear-gradient(0deg,var(--carbon-ink) 30%,#1e1f29eb 80%,transparent)}.hero-rail button{font-size:.62rem}}
@media(max-width:800px){.hero-perspectives{width:auto}.hero-rail button{font-size:.75rem;flex:0 0 auto;padding-inline:10px}.hero-rail{gap:9px;justify-content:flex-start}.hero-master{mask-image:linear-gradient(0deg,transparent,#000 12%,#000 72%,transparent 100%)}[dir=rtl] .hero-rail{justify-content:space-between}}
/* Both reduced-motion paths expose a finished composition and keep all controls useful. */
.motion-paused .hero-master{opacity:1!important;transform:none!important;filter:none!important}.motion-paused .hero-layer{display:none}.motion-paused .hero-content{opacity:1;transform:none}.motion-paused .headline-mask>span{transform:none}.motion-paused .depth-frames{opacity:.15}.motion-paused .depth-core,.motion-paused .core-line{opacity:1}.motion-paused .perspective-symbol{transform:none}.motion-paused .button,.motion-paused .nav-cta{translate:0 0!important}.motion-paused .hero-construction{transition:none}.motion-paused .project-diagram{transform:none}.motion-paused .hero-rail button{transform:none!important}
@media(prefers-reduced-motion:reduce){.hero-master{opacity:1!important;transform:none!important;filter:none!important}.hero-layer{display:none}.hero-content{transform:none;opacity:1}.headline-mask>span{transform:none}.hero .eyebrow,.hero-description,.hero-actions,.hero-origin,.hero-perspectives{opacity:1;transform:none}.depth-core,.core-line{opacity:1}.depth-frames{opacity:.15}.perspective-symbol{transform:none}.button,.nav-cta{translate:0 0!important}.depth{height:auto}.project-diagram{transform:none}}

/* Disclosure rows reveal copy inside the row wrapper; hover previews the artwork without pointer drift. */
.principle button{transition:color 180ms,background 180ms;gap:16px}
.principle button:hover,.principle button:focus-visible{color:var(--soft-lilac);background:linear-gradient(90deg,#b9b2ff0b,transparent)}
.principle button>span:first-child{flex-shrink:0}
.principle button>span:last-child{margin-inline-start:auto}

/* Persistent glass layers interpolate between divisions rather than restarting. */
.division-copy{position:relative;z-index:1}
.division-copy>i{display:block;width:48px;height:48px;color:var(--soft-lilac);margin-bottom:28px}
.division-copy>h3{max-width:390px}
.division-copy>p{max-width:440px}
.division-geometry{opacity:.65;mask-image:linear-gradient(180deg,#000, #0009 45%,transparent 78%);perspective:700px}
.division-geometry:before{content:'';position:absolute;width:260px;height:260px;right:-70px;top:-50px;background:radial-gradient(circle,#9580ff38,transparent 70%)}
.division-geometry span{overflow:hidden;border:1px solid #d3cfff65;border-radius:8px;background:linear-gradient(125deg,#ffffff26,#ac95ff12 34%,#6d5ef514 70%,#f8b59930);box-shadow:inset 1px 1px 0 #ffffff28,inset -1px -1px 0 #9682ff22,0 16px 35px #090a1726;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:glass-drift 8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-1.8s);animation-play-state:paused;transition:transform 850ms var(--ease),border-radius 850ms var(--ease),width 850ms,height 850ms,border-color 850ms}
.division-geometry span:after{content:'';position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 40%,#ffffff28 49%,transparent 58%);animation:glass-reflection 12s ease-in-out infinite;animation-delay:calc(var(--i)*-2s);animation-play-state:paused}
.glass-running .division-geometry span,.glass-running .division-geometry span:after{animation-play-state:running}
.division-detail[data-division=labs] .division-geometry span{border-style:solid;border-color:#aa99ff70}
.division-detail[data-division=interactive] .division-geometry span{border-color:#bce8ed55;background:linear-gradient(135deg,#bce8ed24,#8b76ff0d 55%,#e0caff25)}
.division-detail[data-division=ventures] .division-geometry span{background:linear-gradient(135deg,#ffdbcc28,#f47c5c12 65%,#b9b2ff30)}
@keyframes glass-drift{from{translate:0 -5px;rotate:-2deg}to{translate:0 8px;rotate:2deg}}
@keyframes glass-reflection{0%,20%{transform:translateX(-30%)}70%,100%{transform:translateX(30%)}}
[dir=rtl] .division-geometry{transform:scaleX(-1)}
.motion-paused .division-geometry span,.motion-paused .division-geometry span:after{animation:none;transition:none}
@media(prefers-reduced-motion:reduce){.division-geometry span,.division-geometry span:after{animation:none!important;transition:none!important}}

/* Banners retain their original framing, including embedded title artwork. */
.project-card .project-visual.has-banner,.project-card:first-child .project-visual.has-banner{display:flex;flex-direction:column;align-self:start;min-height:0;width:100%;background:#11131e}
.project-banner-link{position:relative;display:block;width:100%;padding:0;overflow:hidden;text-align:inherit}
.project-banner-link img{display:block;width:100%;height:auto;object-fit:contain;transform:none!important;transition:filter 300ms}
.project-banner-link:hover img{filter:brightness(1.06)}
.project-banner-link:focus-visible{outline:2px solid var(--soft-lilac);outline-offset:-4px}
.banner-open{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:#141523a6;border:1px solid #ffffff45;backdrop-filter:blur(12px);transition:background 200ms,translate 200ms}
.project-banner-link:hover .banner-open{background:#6d5ef5;translate:2px -2px}
.has-banner .project-visual-note{position:static;align-self:stretch;margin:0;padding:13px 18px;background:transparent;color:#b6b3c4;font-size:.7rem!important;line-height:1.6}
.case-banner{margin:28px 0}
.case-banner img{display:block;width:100%;height:auto;border-radius:6px}
.case-banner figcaption{margin-top:10px;color:#b6b3c4;font-size:.75rem}
@media(min-width:1025px){.project-software{align-items:center}.project-software .project-visual{box-shadow:0 18px 60px #08091540}}
@media(max-width:600px){.division-geometry{opacity:.5}.division-copy>i{margin-bottom:20px}.banner-open{width:30px;height:30px;bottom:8px;right:8px}}

.project-card .project-banner-link img{aspect-ratio:auto;min-height:0}.project-card .project-visual.has-banner{align-self:center}.case-banner img{aspect-ratio:auto}