@font-face{font-family:Portfolio;src:local('Arial');font-display:swap}
:root{--bg:#0b0d0c;--surface:#121512;--text:#f3f4ed;--muted:#a5aaa2;--line:#2a2e27;--lime:#d5ff3f;--max:1360px;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:7px}button{touch-action:manipulation}::selection{background:var(--lime);color:var(--bg)}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}button,summary{user-select:none}button[hidden],[hidden]{display:none!important}.section-shell{max-width:var(--max);padding-inline:58px;margin-inline:auto}.section-space{padding-block:126px}.eyebrow{font:12px/1.5 'Courier New',monospace;font-weight:bold;letter-spacing:1.8px}.section-number{color:var(--lime);margin-right:16px}.lime-text{color:var(--lime)}.skip-link{position:fixed;top:-90px;left:20px;z-index:100;background:var(--lime);color:#0b0d0c;padding:16px}.skip-link:focus{top:20px}.reading-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--lime);z-index:70}.header{height:100px;max-width:1600px;margin:auto;padding:0 58px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:30;border-bottom:1px solid #ffffff10}.wordmark{font-size:32px;font-weight:800;letter-spacing:-2px;line-height:1}.brand-dot{color:var(--lime)}.desktop-nav{display:flex;gap:32px;padding-left:60px}.desktop-nav a{color:#c4c8bf;font-size:14px;position:relative;padding-block:12px;transition:color .25s}.desktop-nav a:after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover{color:var(--lime)}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:26px}.nav-contact{font-size:14px;display:flex;gap:20px;align-items:center}.nav-contact>span{font-size:22px;color:var(--lime)}.motion-toggle{display:flex;gap:7px;align-items:center;background:transparent;padding:8px 0;color:var(--muted);font-size:12px}.motion-icon{font-size:16px;min-width:14px}.menu-toggle{display:none;background:transparent;width:38px;height:38px}.mobile-nav{position:absolute;top:100%;left:0;right:0;padding:24px;background:var(--surface);border-bottom:1px solid var(--line)}.mobile-nav a{display:flex;justify-content:space-between;padding:20px 0;font-size:24px;border-bottom:1px solid var(--line)}.mobile-nav span{color:var(--lime);font:14px 'Courier New',monospace}
.hero{min-height:740px;height:calc(100svh - 100px);max-height:1000px;position:relative;display:flex;align-items:center;isolation:isolate;padding-top:55px;padding-bottom:116px}.hero-copy{position:relative;z-index:3;width:65%}.hero-intro{display:flex;align-items:center;gap:12px;margin-bottom:29px;color:#dce1d4}.tiny-cross{font-size:25px;color:var(--lime);line-height:1}.hero h1{font-size:clamp(72px,7.6vw,110px);font-weight:600;letter-spacing:-7px;line-height:.98;max-width:780px}.hero h1>span{display:block}.hero h1>span:nth-child(2){padding-bottom:4px}.hero h1 .period{color:var(--text)}.hero-description{color:#adb4a6;font-size:17px;line-height:1.7;margin-top:29px;max-width:490px}.hero-buttons{display:flex;align-items:center;gap:27px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 21px;font-size:14px;font-weight:bold;min-height:57px;border-radius:3px;transition:background .25s,box-shadow .25s;will-change:transform}.button-lime{background:var(--lime);color:#151a0a}.button-lime:hover{background:#e5ff89;box-shadow:0 0 30px #d5ff3f20}.button-arrow{font-size:23px;font-weight:normal;line-height:1}.text-link{font-size:14px;display:flex;align-items:center;gap:15px}.text-link>span{color:var(--muted);font-size:19px;transition:transform .3s}.text-link:hover>span{transform:translate(3px,3px);color:var(--lime)}.hero-art{position:absolute;width:56%;aspect-ratio:1;right:-1%;top:50%;transform:translateY(-52%);z-index:1;perspective:1000px}.art-rotator{position:absolute;inset:0;will-change:transform;transition:transform 1s var(--ease)}.hero-sculpture{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;animation:levitate 8s ease-in-out infinite;mask-image:radial-gradient(ellipse at center,black 44%,transparent 72%)}.hero-art:after{content:'';position:absolute;inset:25%;background:#b8e927;filter:blur(100px);opacity:.055;z-index:-1}.orbital-ring{position:absolute;border:1px solid #98a87919;border-radius:50%;inset:6%;transform:rotate(-28deg) scaleY(.65);z-index:-1}.ring-two{inset:15% -2%;transform:rotate(35deg) scaleY(.66);border-style:dashed;opacity:.6}.floating-label{position:absolute;z-index:2;display:flex;gap:9px;align-items:center;padding:12px 15px;background:#171b15d9;border:1px solid #ffffff16;backdrop-filter:blur(12px);font:12px 'Courier New',monospace;letter-spacing:1px;box-shadow:0 15px 25px #0003;animation:tag-float 6s ease-in-out infinite}.float-ai{right:9%;top:11%;transform:rotate(6deg)}.float-iot{left:9%;bottom:18%;animation-delay:-3s}.label-icon{font-size:20px;color:var(--lime)}.art-caption{position:absolute;bottom:8%;right:15%;font:12px 'Courier New',monospace;letter-spacing:2px;color:#83916a}.coordinate{position:absolute;font:12px 'Courier New',monospace;letter-spacing:1px;color:#687260}.coordinate-one{left:13%;top:16%}.coordinate-two{right:5%;bottom:25%;writing-mode:vertical-rl}#particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.6;pointer-events:none}.hero-bottom{position:absolute;bottom:35px;left:58px;right:58px;display:flex;justify-content:space-between;align-items:center;font:12px 'Courier New',monospace;letter-spacing:1px;color:#adb3a2}.small-divider{padding:0 14px;color:#5e6756}.scroll-cue{display:flex;align-items:center;gap:20px}.scroll-cue>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:18px;color:var(--lime);animation:scroll-nudge 2s infinite}
.marquee{overflow:hidden;border-top:1px solid #364025;border-bottom:1px solid #364025;background:#10140d;padding:26px 0}.marquee-track{width:max-content;display:flex;animation:marquee 38s linear infinite}.marquee-track>span{display:flex;gap:45px;align-items:center;padding-right:45px;font-size:14px;letter-spacing:1.5px;font-weight:600;white-space:nowrap}.marquee b{font-size:25px;color:var(--lime);font-weight:400}.marquee:hover .marquee-track{animation-play-state:paused}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:59px}h2{font-size:clamp(44px,4.6vw,67px);letter-spacing:-3px;line-height:1.08;font-weight:500}.section-heading .eyebrow,.expertise-intro .eyebrow,.about-heading .eyebrow{margin-bottom:25px}.section-description{color:var(--muted);line-height:1.8;max-width:280px;padding-bottom:7px;font-size:16px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px}.project-card{position:relative;min-width:0;transition:transform .45s var(--ease);transform-style:preserve-3d;will-change:transform}.project-open{display:block;width:100%;padding:0;background:none;text-align:left}.project-visual{height:330px;overflow:hidden;position:relative;border:1px solid #ffffff0d;border-radius:5px;transition:border-color .3s;display:flex;flex-direction:column;justify-content:space-between;padding:23px;isolation:isolate}.project-visual:after{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(500px circle at var(--spot-x,50%) var(--spot-y,50%),#ffffff16,transparent 70%);opacity:0;transition:opacity .4s;z-index:2}.project-card:hover .project-visual:after{opacity:1}.visual-topline,.visual-bottomline{display:flex;justify-content:space-between;gap:8px;font:12px/1.4 'Courier New',monospace;letter-spacing:.6px;position:relative;z-index:1}.visual-muneej{background:var(--lime);color:#26300c}.muneej-lockup{align-self:center;font-size:208px;letter-spacing:-18px;line-height:1;font-weight:800;position:relative;transition:transform .65s var(--ease);padding-right:12px}.wordmark-dot{color:#758c1c}.lockup-orbit{position:absolute;inset:23% -36%;border:1px solid #47571055;transform:rotate(-30deg);border-radius:50%;pointer-events:none}.visual-genflume{background:#1f173c;color:#d4c4fc}.visual-genflume:before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#8662c577,transparent 65%);left:50%;top:40%;transform:translate(-50%,-50%)}.genflume-lockup{display:flex;align-items:center;gap:15px;align-self:center;position:relative;font-size:40px;letter-spacing:-2px;font-weight:500}.genflume-lockup .asterisk{font-size:110px;color:#c2a0ff;line-height:1;transition:transform .8s var(--ease)}.ai-label{font:12px 'Courier New',monospace;vertical-align:super;letter-spacing:0;padding-left:6px}.development-badge{border:1px solid #a585c855;border-radius:10px;padding:3px 7px;font-size:12px;align-self:center}.visual-showcase{background:#eae9e0;color:#242825}.showcase-lockup{font-size:70px;letter-spacing:-4px;align-self:center;font-weight:500;line-height:.9;position:relative;transition:transform .6s var(--ease)}.showcase-lockup>span{display:block}.showcase-second{font-family:Georgia,serif;font-style:italic;margin-left:65px}.showcase-star{display:inline-block;font-style:normal;font-size:65px;margin-left:10px;color:#818e58;transition:transform .8s}.visual-bulk{background:#133b3a;color:#a7ebe0}.bulk-lockup{display:flex;flex-direction:column;align-self:center;font-weight:700;font-size:49px;letter-spacing:-2.5px;position:relative;transition:transform .6s var(--ease)}.bulk-arrows{font-size:70px;letter-spacing:-24px;line-height:1.1;margin-left:2px;margin-bottom:10px;transition:transform .7s var(--ease);transform-origin:bottom left}.bulk-outline{-webkit-text-stroke:1px #a7ebe0;color:transparent}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:26px;gap:18px}.project-category{font:12px/1.5 'Courier New',monospace;letter-spacing:1.5px;color:var(--muted);margin-bottom:9px}.project-info h3{font-size:27px;letter-spacing:-1px;font-weight:500}.project-summary{color:var(--muted);font-size:14px;margin-top:9px;line-height:1.5}.project-arrow{flex:none;width:45px;height:45px;border:1px solid #3b4034;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:all .35s}.project-card:hover .project-arrow,.project-open:focus-visible .project-arrow{background:var(--lime);color:#11170a;border-color:var(--lime);transform:rotate(45deg)}.project-card:hover .muneej-lockup{transform:rotate(-7deg) scale(1.06)}.project-card:hover .asterisk{transform:rotate(90deg)}.project-card:hover .showcase-lockup{transform:translateX(-7px)}.project-card:hover .showcase-star{transform:rotate(100deg)}.project-card:hover .bulk-arrows{transform:translate(8px,-8px)}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.project-tags>span{border:1px solid #2b3225;border-radius:20px;padding:6px 10px;font-size:12px;color:#b0b6a5;line-height:1.2}
.expertise{display:grid;grid-template-columns:1fr 1.25fr;gap:88px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.expertise-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted);margin-top:27px}.expertise-mark{font-size:145px;line-height:1;display:inline-block;color:var(--lime);margin-top:48px;animation:slow-spin 35s linear infinite}.expertise-list{padding-top:9px}.expertise-item{border-bottom:1px solid var(--line)}.expertise-item:first-child{border-top:1px solid var(--line)}.expertise-item summary{display:flex;align-items:center;gap:21px;padding:28px 0;cursor:pointer;list-style:none}.expertise-item summary::-webkit-details-marker{display:none}.expertise-index{font:12px 'Courier New',monospace;color:#7b8670}.expertise-item h3{font-size:25px;letter-spacing:-.7px;font-weight:400;transition:color .3s}.expand-icon{margin-left:auto;color:#a4ad99;font-size:25px;font-weight:300;transition:transform .35s}.expertise-item[open] .expand-icon{transform:rotate(45deg);color:var(--lime)}.expertise-item[open] h3,.expertise-item summary:hover h3{color:var(--lime)}.expertise-body{padding:0 30px 29px 36px;animation:detail-in .4s var(--ease)}.expertise-body p{font-size:15px;line-height:1.8;color:var(--muted)}.capability-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.capability-tags>span{font:12px 'Courier New',monospace;color:#d5dfc9;background:#22291b;padding:7px 9px}
.about-heading{margin-bottom:60px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:88px}.about-statement{position:relative;padding:20px 0 0 22px}.quote-mark{font-size:170px;font-family:Georgia,serif;color:#242d1c;position:absolute;left:-10px;top:-37px;z-index:-1}.about-statement p{font-size:31px;letter-spacing:-1px;line-height:1.55}.about-statement p>span{color:var(--lime)}.about-detail>p{font-size:16px;line-height:1.85;color:var(--muted);margin-bottom:20px}.about-detail strong{color:#e0e5d9;font-weight:400}.about-credentials{display:flex;flex-wrap:wrap;gap:14px 20px;font-size:12px;color:#d4dacb;padding-top:7px}.about-credentials>span>span{color:var(--lime);padding-right:5px}.role-strip{margin-top:74px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:28px}.role-strip>div{padding-left:31px;border-left:1px solid var(--line)}.role-strip>div:first-child{padding-left:0;border-left:0}.role-caption{font:12px 'Courier New',monospace;letter-spacing:1.5px;color:#8e9a80}.role-strip p{font-size:19px;margin-top:13px}.role-strip p>span{display:block;font-size:12px;color:var(--muted);margin-top:7px}
.contact{background:var(--lime);color:#18200b;padding-top:53px;padding-bottom:35px;max-width:calc(var(--max) - 116px);margin-bottom:70px;border-radius:5px;position:relative;overflow:hidden;isolation:isolate}.contact:after{content:'';position:absolute;border:1px solid #859f2944;width:720px;height:720px;right:-260px;top:-400px;border-radius:50%;z-index:-1;pointer-events:none}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-star{font-size:34px}.contact-main{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:37px;margin-bottom:46px}.contact-main h2{font-size:clamp(65px,7.8vw,112px);letter-spacing:-6px;line-height:.97}.contact-main em{font-weight:400}.contact-circle{border-radius:50%;width:157px;height:157px;border:1px solid #25340980;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;flex:none;margin-right:33px;transition:background .3s,color .3s}.contact-circle>span:first-child{font-size:65px;font-weight:300;line-height:1}.contact-circle>span:last-child{font:12px 'Courier New',monospace;letter-spacing:1px}.contact-circle:hover{background:#152008;color:var(--lime)}.contact a:focus-visible{outline-color:#18200b}.contact-bottom{border-top:1px solid #6f841866;padding-top:25px;display:flex;justify-content:space-between;font-size:14px}.contact-bottom>a{font-weight:600}.contact-bottom>a>span{margin-left:20px}.footer{display:flex;justify-content:space-between;align-items:center;padding-top:0;padding-bottom:40px;gap:25px}.footer p{font-size:12px;color:var(--muted)}.back-top{font:12px 'Courier New',monospace;letter-spacing:1px}.back-top>span{font-size:19px;padding-left:15px;color:var(--lime)}
.project-dialog{width:min(660px,calc(100% - 32px));border:1px solid #566442;border-radius:9px;background:#11160f;color:var(--text);padding:0;max-height:calc(100svh - 40px);overflow-y:auto;box-shadow:0 30px 120px #0009}.project-dialog::backdrop{background:#070a06cc;backdrop-filter:blur(12px)}.dialog-inner{padding:56px 46px 44px}.dialog-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;background:#252d20;font-size:27px;line-height:1}.dialog-close:hover{color:var(--lime)}.dialog-inner .eyebrow{color:var(--lime);padding-right:20px;margin-bottom:21px}.dialog-inner h2{font-size:49px;margin-bottom:26px;overflow-wrap:anywhere}.dialog-description{color:#b9c0b2;font-size:17px;line-height:1.8}.dialog-facts{border-block:1px solid var(--line);margin:29px 0;padding-block:10px}.dialog-fact{display:grid;grid-template-columns:95px 1fr;gap:15px;padding-block:11px;font-size:14px;line-height:1.5}.dialog-fact dt{color:#89987b}.dialog-fact dd{margin:0}.dialog-open{overflow:hidden}.noscript-message{padding:20px;text-align:center;color:var(--muted)}.noscript-message a{text-decoration:underline}.cursor-ring{position:fixed;left:0;top:0;width:30px;height:30px;border-radius:50%;border:1px solid #d5ff3f70;pointer-events:none;z-index:80;opacity:0;transition:width .2s,height .2s,opacity .3s,border-color .3s;margin:-15px 0 0 -15px}.cursor-ring.hovering{width:48px;height:48px;margin:-24px 0 0 -24px;border-color:var(--lime);background:#d5ff3f06}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes levitate{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-17px) rotate(3deg)}}@keyframes tag-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes detail-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important;transition-duration:0s!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .cursor-ring{display:none}.motion-paused .art-rotator,.motion-paused .project-card,.motion-paused .magnetic{transform:none!important}
@media(min-width:1600px){.header{max-width:var(--max);padding-inline:58px}.hero{min-height:850px}.hero h1{font-size:118px}}
@media(max-width:1100px){.section-shell{padding-inline:36px}.header{padding-inline:36px}.desktop-nav{padding-left:0;gap:24px}.header-actions{gap:17px}.motion-label{display:none}.hero{min-height:720px}.hero h1{font-size:86px;letter-spacing:-5px}.hero-art{right:-2%;width:57%}.hero-copy{width:65%}.hero-bottom{left:36px;right:36px}.float-iot{left:15%;bottom:12%}.float-ai{right:6%;top:5%}.floating-label{font-size:12px;padding:9px 11px}.section-space{padding-block:90px}.expertise{gap:42px;grid-template-columns:1fr 1.3fr}.expertise h2{font-size:48px}.expertise-item h3{font-size:22px}.project-visual{height:290px;padding:20px}.genflume-lockup{font-size:31px;gap:8px}.genflume-lockup .asterisk{font-size:87px}.showcase-lockup{font-size:62px}.bulk-lockup{font-size:42px}.visual-topline,.visual-bottomline{font-size:12px}.about-content{gap:44px}.about-statement p{font-size:27px}.contact{margin-inline:36px}.contact-circle{margin-right:0;width:135px;height:135px}.contact-main h2{font-size:90px}.cursor-ring{display:none}}
@media(max-width:900px){html{scroll-padding-top:30px}.section-shell{padding-inline:24px}.header{height:79px;padding-inline:24px}.wordmark{font-size:29px}.desktop-nav,.nav-contact{display:none}.header-actions{gap:22px}.motion-label{display:inline}.menu-toggle{display:flex;justify-content:center;flex-direction:column;gap:6px;padding:8px}.menu-toggle span{display:block;height:1px;width:22px;background:var(--text);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{height:auto;max-height:none;min-height:0;padding-top:57px;padding-bottom:75px;display:block}.hero-copy{width:100%}.hero-intro{font-size:12px;margin-bottom:24px;letter-spacing:1.3px;gap:10px}.tiny-cross{font-size:21px}.hero h1{font-size:clamp(66px,13.1vw,99px);letter-spacing:-4.5px;line-height:.99}.hero-description{font-size:16px;max-width:400px;margin-top:23px}.hero-buttons{margin-top:27px;gap:22px}.button{padding:17px 18px;gap:23px;font-size:13px}.text-link{font-size:13px;gap:7px}.hero-art{position:relative;transform:none;right:auto;top:auto;width:min(100%,440px);margin:-7px auto -10px;aspect-ratio:1;z-index:1}.hero-sculpture{mask-image:radial-gradient(ellipse at center,black 45%,transparent 74%)}.float-ai{right:3%;top:12%;font-size:12px}.float-iot{left:0;bottom:17%;font-size:12px}.art-caption{font-size:12px;bottom:6%;right:19%;letter-spacing:1px}.coordinate{font-size:12px}.coordinate-one{left:5%;top:19%}.coordinate-two{right:1%;bottom:27%}.hero-bottom{bottom:26px;left:24px;right:24px;justify-content:center}.hero-bottom>p{font-size:12px;letter-spacing:.7px;text-align:center}.scroll-cue{display:none}.small-divider{padding:0 7px}.marquee{padding-block:20px}.marquee-track>span{font-size:12px;gap:26px;padding-right:26px}.marquee b{font-size:22px}.section-space{padding-block:74px}.section-heading{display:block;margin-bottom:35px}.eyebrow{font-size:12px;letter-spacing:1.3px}.section-heading .eyebrow,.expertise-intro .eyebrow,.about-heading .eyebrow{margin-bottom:20px}h2{font-size:45px;letter-spacing:-2.1px;line-height:1.09}.section-description{max-width:320px;margin-top:22px;font-size:15px;padding:0;line-height:1.7}.project-grid{grid-template-columns:1fr;gap:38px}.project-visual{height:310px;padding:20px}.visual-topline,.visual-bottomline{font-size:12px}.muneej-lockup{font-size:200px}.genflume-lockup{font-size:37px}.genflume-lockup .asterisk{font-size:100px}.showcase-lockup{font-size:72px}.bulk-lockup{font-size:46px}.project-info{padding-top:20px}.project-category{font-size:12px;letter-spacing:1.2px}.project-info h3{font-size:25px}.project-summary{font-size:14px}.project-tags{margin-top:17px}.project-tags>span{font-size:12px}.expertise{display:block}.expertise-intro{position:relative}.expertise-intro>p:not(.eyebrow){font-size:14px;margin-top:22px;max-width:290px}.expertise h2{font-size:45px}.expertise-mark{position:absolute;top:21px;right:0;font-size:55px;opacity:.7;margin:0}.expertise-list{margin-top:38px;padding:0}.expertise-item summary{padding:24px 0;gap:16px}.expertise-item h3{font-size:23px}.expertise-body{padding-left:28px;padding-right:7px;padding-bottom:25px}.expertise-body p{font-size:15px}.about-heading{margin-bottom:37px}.about-content{grid-template-columns:1fr;gap:36px}.about-statement{padding-left:14px;padding-top:8px}.about-statement p{font-size:27px;line-height:1.5}.quote-mark{top:-40px;left:-4px;font-size:143px}.about-detail>p{font-size:15px}.role-strip{margin-top:41px;padding:0;grid-template-columns:1fr}.role-strip>div,.role-strip>div:first-child{padding:21px 0;border-left:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}.role-strip>div:last-child{border-bottom:0}.role-caption{min-width:102px;font-size:12px}.role-strip p{font-size:18px;margin-top:0}.role-strip p>span{font-size:12px}.contact{margin:0 16px 35px;padding:32px 24px 28px}.contact-top .eyebrow{font-size:12px;letter-spacing:1px}.contact-star{font-size:28px}.contact-main{margin-top:30px;margin-bottom:32px;gap:18px;align-items:flex-end}.contact-main h2{font-size:clamp(48px,9vw,65px);letter-spacing:-3px}.contact-circle{width:85px;height:85px;gap:4px;margin-bottom:3px}.contact-circle>span:first-child{font-size:36px}.contact-circle>span:last-child{font-size:12px;letter-spacing:.3px}.contact-bottom{display:block;padding-top:20px;font-size:12px}.contact-bottom>a{display:inline-block;margin-top:13px}.footer{flex-wrap:wrap;gap:24px;padding-bottom:30px}.footer p{font-size:12px;order:3;flex-basis:100%}.back-top{margin-left:auto;font-size:12px}.dialog-inner{padding:53px 27px 32px}.dialog-inner h2{font-size:38px}.dialog-description{font-size:16px}.dialog-fact{grid-template-columns:75px 1fr;font-size:13px}.development-badge{font-size:12px}}
@media(max-width:370px){.hero-buttons{gap:13px}.hero-buttons .button{padding-inline:13px;gap:15px}.hero h1{font-size:61px}.hero-description{font-size:15px}.text-link{font-size:12px}.hero-art{margin-top:10px}.genflume-lockup{font-size:31px}.genflume-lockup .asterisk{font-size:78px}.visual-topline,.visual-bottomline{font-size:12px}.project-visual{height:270px}.bulk-lockup{font-size:38px}.contact-main{gap:8px}.contact-circle{width:73px;height:73px}.contact-main h2{font-size:46px}.expertise-mark{font-size:42px;top:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-ring{display:none}.js-motion .reveal{opacity:1;transform:none}}
@media(hover:none){.cursor-ring{display:none}.project-card{transform:none!important}}
@media print{.header,.hero-art,#particles,.marquee,.cursor-ring,.motion-toggle,.hero-bottom,.contact-circle,.project-dialog{display:none}body{background:#fff;color:#111}.section-shell{padding:24px}.hero{height:auto;min-height:0}.hero-copy{width:100%}.hero h1{font-size:60px}.reveal{opacity:1!important;transform:none!important}.project-grid{gap:20px}.project-visual{height:160px}.project-info h3{color:#111}.project-summary,.about-detail p,.section-description{color:#333}.project-card{break-inside:avoid}.section-space{padding-block:30px}.contact{background:#eee;margin:0}.contact-main h2{font-size:60px}.footer{padding-top:25px}}

/* Keep small-screen metadata legible without crowding the brand artwork. */
.visual-topline,.visual-bottomline{flex-wrap:wrap}.hero-bottom{line-height:1.6}.hero-bottom p{max-width:100%}.genflume-lockup{white-space:nowrap}
@media(max-width:480px){.visual-topline>span:last-child:not(.development-badge),.visual-bottomline>span:last-child{display:none}.visual-topline{align-items:flex-start;gap:8px}.genflume-lockup{font-size:31px;letter-spacing:-1.5px}.genflume-lockup .asterisk{font-size:70px}.float-ai{right:0}.float-iot{left:0}.contact-circle>span:last-child{font-size:12px;text-align:center;line-height:1.2}.contact-circle{width:96px;height:96px}.contact-main{align-items:center}.contact-main h2{font-size:clamp(43px,8.5vw,61px)}.art-caption{letter-spacing:0}.role-caption{letter-spacing:.4px}.eyebrow{letter-spacing:1px}}
@media(max-width:370px){.contact-main{flex-wrap:wrap}.contact-circle{width:83px;height:83px}.hero-buttons{flex-wrap:wrap}.genflume-lockup{font-size:27px}.genflume-lockup .asterisk{font-size:58px}.contact-top .eyebrow{max-width:185px}.expertise-mark{display:none}}

.hero{overflow:clip}.motion-paused .expertise-body{animation:none;opacity:1;transform:none}