:root{--bg:#0b1118;--bg2:#101820;--panel:#151e27;--ink:#f4f2ec;--muted:#a5abb4;--subtle:#717d8a;--line:rgba(190,208,220,.14);--orange:#f47d56;--orange2:#eaa279;--blue:#8bc4cc;--purple:#9f93fc;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'Space Mono',monospace;--max:1380px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--orange);color:#071018}.container{width:min(var(--max),calc(100% - 100px));margin-inline:auto}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:500;top:-100px;left:20px;background:#fff;color:#111;padding:14px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.scroll-progress{position:fixed;z-index:101;left:0;top:0;height:3px;width:0;background:var(--orange);box-shadow:0 0 18px var(--orange);transition:width .06s linear}.site-grain{position:fixed;z-index:90;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.site-header{position:fixed;left:0;right:0;top:0;z-index:100;background:rgba(11,17,24,.75);border-bottom:1px solid transparent;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .3s,background .3s}.site-header.scrolled{border-color:var(--line);background:rgba(11,17,24,.94)}.header-inner{min-height:88px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:17px;flex-shrink:0}.brand-symbol{width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:var(--orange);color:#101419;letter-spacing:-3px;padding-right:2px;font:700 22px var(--display);transform:skew(-5deg)}.brand-symbol span{color:#fff}.brand-symbol .brand-symbol-dot{color:#111;font-size:17px;margin-left:1px}.brand-caption{display:flex;flex-direction:column;gap:3px}.brand-caption strong{font:700 17px var(--display);letter-spacing:.14em}.brand-caption small{font:400 8px var(--mono);letter-spacing:.13em;color:var(--muted)}.desktop-nav{display:flex;gap:37px;margin-left:auto}.desktop-nav a{font-size:13px;font-weight:700;color:#c3c6ca;transition:color .2s}.desktop-nav a:hover{color:var(--orange)}.header-action{border:1px solid #47505b;padding:14px 20px;margin-left:14px;font:700 10px var(--mono);letter-spacing:.05em;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.header-action:hover{background:var(--orange);border-color:var(--orange);color:#111}.header-action span{font-size:14px;margin-left:17px}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;overflow:hidden;min-height:805px;padding-top:145px;background:radial-gradient(ellipse at 80% 38%,rgba(26,60,71,.36),transparent 46%),linear-gradient(125deg,#0c1219 0%,#0d151e 72%,#101d24 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(202,228,232,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(202,228,232,.045) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(to right,transparent,black 50%);pointer-events:none}.hero-ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(85px)}.hero-ambient-one{width:330px;height:330px;left:-200px;top:100px;background:rgba(235,96,52,.13)}.hero-ambient-two{width:500px;height:490px;right:-230px;bottom:-190px;background:rgba(5,135,138,.12)}.hero-layout{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;min-height:590px;position:relative;z-index:1}.hero-copy{padding:28px 0 60px}.eyebrow,.tiny-heading,.section-kicker,.hero-overline,.hero-footline,.hero-bottom,.portrait-label,.portrait-index,.float-tag,.portrait-stamp,.metric>span,.feature-number,.status-label,.project-tags,.feature-footnote,.filter,.project-search,.project-results,.card-index,.card-kind,.card-status,.project-card-footer,.skill-card-top,.skill-chips,.skill-card-bottom,.process-heading,.process-steps,.about-image-label,.about-visual-index,.contact-links small,.footer-brand small,.footer-back,.footer-bottom,.dialog-top,.dialog-meta,.dialog-details h3,.dialog-tags,.toast{font-family:var(--mono)}.eyebrow{font-size:10px;letter-spacing:.07em;font-weight:700;color:#e0b8a5;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tiny-square{width:8px;height:8px;background:var(--orange);box-shadow:0 0 12px rgba(244,125,86,.7)}.eyebrow-separator{color:#697481}.hero-overline{margin:58px 0 12px;font-size:12px;color:var(--muted);letter-spacing:.02em}.hero-overline strong{color:var(--ink)}.hero h1{font:700 clamp(58px,6.05vw,101px)/.97 var(--display);letter-spacing:-.078em;margin:0;max-width:760px}.word-mark{color:var(--orange);white-space:nowrap}.hero-period{color:var(--ink)}.hero-description{font-size:17px;line-height:1.85;color:#bac0c7;max-width:550px;margin:29px 0 32px}.hero-description strong{color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:18px 23px;min-height:54px;border:1px solid transparent;font:700 11px var(--mono);letter-spacing:.025em;white-space:nowrap;transition:transform .2s,background .2s,color .2s,border-color .2s}.btn:hover{transform:translateY(-3px)}.btn span{font-size:18px;font-weight:400}.btn-primary{background:var(--orange);color:#10141a}.btn-primary:hover{background:#ff9975}.btn-ghost{border-color:#48535f;color:#e0e2e4;background:transparent}.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}.btn-outline{border-color:rgba(255,255,255,.25);background:transparent;color:var(--ink)}.btn-outline:hover{background:var(--orange);color:#10141a;border-color:var(--orange)}.hero-footline{margin-top:53px;font-size:9px;letter-spacing:.035em;color:#8c9aa5;display:flex;align-items:center;gap:11px}.pulsing-dot{height:6px;width:6px;background:#74cca9;border-radius:50%;box-shadow:0 0 0 4px rgba(116,204,169,.1);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(116,204,169,0)}}
.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}.portrait-frame{position:relative;width:min(100%,560px);height:565px;background:#172631;border:1px solid rgba(204,232,230,.18);box-shadow:30px 40px 95px rgba(0,0,0,.33);overflow:hidden;transform:translate(18px,2px)}.portrait-frame:before{content:"";position:absolute;z-index:5;left:0;top:0;width:62px;height:2px;background:var(--orange)}.portrait-glow{position:absolute;inset:0;background:radial-gradient(circle at 58% 40%,rgba(35,121,130,.4),transparent 55%)}.portrait-image{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:contrast(1.04) saturate(.82)}.portrait-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,13,18,.21),transparent 38%),linear-gradient(0deg,rgba(5,13,18,.96),transparent 39%),linear-gradient(0deg,transparent 0%,rgba(11,20,28,.14) 100%)}.portrait-stamp{position:absolute;left:32px;top:32px;z-index:2;display:flex;flex-direction:column;gap:6px}.portrait-stamp span{color:#d2d5cf;font-size:9px;letter-spacing:.13em}.portrait-stamp strong{font:700 19px/.98 var(--display);letter-spacing:-.05em}.portrait-label{position:absolute;bottom:23px;left:30px;right:30px;z-index:2;color:#e9e9e3;font-size:10px;display:flex;justify-content:space-between;gap:15px}.portrait-label span{color:var(--orange)}.portrait-crosshair{position:absolute;z-index:2;color:var(--orange);font:26px var(--mono)}.portrait-crosshair-top{top:9px;right:15px}.portrait-crosshair-bottom{bottom:48px;right:15px}.float-tag{position:absolute;z-index:7;font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap;background:#e9e7e1;color:#10141a;padding:17px 18px;box-shadow:0 18px 38px rgba(0,0,0,.25)}.float-tag-top{right:-3px;top:84px;transform:rotate(3deg)}.tag-indicator{display:inline-block;width:8px;height:8px;background:#53b590;border-radius:50%;margin-right:8px}.float-tag-bottom{left:-18px;bottom:99px;background:var(--orange);transform:rotate(-3deg)}.tag-slash{font-size:15px;margin-right:9px}.portrait-index{position:absolute;right:-9px;bottom:20px;font-size:10px;color:#9eb1b9;transform:rotate(-90deg) translateX(100%);transform-origin:bottom right}.portrait-index span{color:var(--orange)}.hero-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;padding:15px 0 23px;font:9px var(--mono);color:#9ca6ae;letter-spacing:.05em}.hero-bottom>span:first-child span{color:var(--orange);font-size:15px;margin-left:14px}.hero-star{color:var(--orange);margin:0 6px}
.skill-marquee{overflow:hidden;background:var(--orange);border-top:1px solid var(--orange);border-bottom:1px solid var(--orange);color:#1c1d20;white-space:nowrap}.marquee-track{display:flex;align-items:center;width:max-content;gap:34px;padding:16px 0;animation:marquee 34s linear infinite}.marquee-track span{font:700 12px var(--mono);letter-spacing:.025em}.marquee-track i{font-style:normal;font-size:19px}@keyframes marquee{to{transform:translateX(-50%)}}
.section-space{padding-top:115px;padding-bottom:115px}.section-kicker{display:flex;gap:17px;align-items:center;font-size:10px;letter-spacing:.08em;color:var(--orange);font-weight:700}.section-kicker>span:last-child:not(:first-child){color:#84929d}.kicker-rule{width:42px;height:1px;background:#51616d}.manifesto{padding-bottom:95px}.manifesto-layout{display:grid;grid-template-columns:1.16fr .84fr;gap:80px;align-items:start;margin-top:44px}.manifesto h2{font:700 clamp(43px,5vw,75px)/1.06 var(--display);letter-spacing:-.07em;margin:0}.manifesto h2 span{color:#7d8997}.manifesto-copy{padding-top:1px}.manifesto-copy p{margin:0 0 16px;color:#9da9b5;line-height:1.9;font-size:16px}.manifesto-copy p strong{color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid var(--orange);padding:10px 0;margin-top:13px;font:700 11px var(--mono);color:var(--orange);transition:gap .2s}.text-link:hover{gap:35px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:68px}.metric{border-right:1px solid var(--line);padding:29px 35px 5px 0;margin-right:35px;display:flex;align-items:center;gap:20px}.metric:last-child{border-right:0;margin-right:0}.metric>strong{font:700 clamp(49px,5vw,77px)/1 var(--display);letter-spacing:-.075em}.metric-plus{font-size:35px;color:var(--orange);vertical-align:super;margin-left:2px}.metric>span{font-size:10px;line-height:1.8;letter-spacing:.01em;color:#91a0aa}.metric-last strong{color:var(--orange)}
.featured-section{background:#101821;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading-row{display:flex;justify-content:space-between;gap:50px;align-items:end;margin:34px 0 34px}.tiny-heading{display:block;color:#8795a0;font-size:10px;letter-spacing:.075em;line-height:1.6}.section-title{font:700 clamp(43px,5.5vw,81px)/1.08 var(--display);letter-spacing:-.078em;margin:8px 0 0}.section-title em{font-style:normal;color:var(--orange)}.section-heading-row>p,.expertise-heading>p{color:#9ca8b2;max-width:320px;line-height:1.8;font-size:14px;margin:0 0 7px}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{border:1px solid #32404b;background:#151e27;min-width:0;overflow:hidden;transition:border-color .3s}.feature-card:hover{border-color:#677581}.feature-card-top{display:flex;align-items:center;justify-content:space-between;padding:21px 24px}.feature-number,.status-label{font-size:10px;color:#abb7c0}.status-label{display:flex;align-items:center;gap:8px}.status-label i{width:6px;height:6px;border-radius:50%;background:#80caa5;box-shadow:0 0 10px #80caa5}.mayhem-scene,.frontier-scene{height:335px;position:relative;overflow:hidden}.mayhem-scene{background:radial-gradient(ellipse at 78% 6%,rgba(139,103,242,.27),transparent 58%),linear-gradient(135deg,#19152e,#26243a 52%,#18162a)}.mayhem-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(179,153,250,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(179,153,250,.09) 1px,transparent 1px);background-size:35px 35px;transform:perspective(450px) rotateX(37deg) scale(1.35)}.mayhem-app{position:absolute;left:8%;right:3%;top:13%;height:270px;background:#111521;border:1px solid #494465;border-radius:10px 10px 0 0;box-shadow:0 30px 80px rgba(0,0,0,.55);transform:perspective(930px) rotateY(-8deg) rotateX(4deg) rotateZ(-3deg);overflow:hidden}.mayhem-app-bar{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 19px;background:#1e2033;color:#a8adbc;border-bottom:1px solid #39374d;font:8px var(--mono)}.mayhem-logo{font:700 13px var(--display);color:#e5e7ef}.mayhem-logo b{display:inline-grid;place-items:center;width:25px;height:25px;background:#9a82fd;color:#11141d;border-radius:6px;margin-right:7px}.mayhem-logo>span{color:#a68bff}.mayhem-app-layout{display:grid;grid-template-columns:130px 1fr;height:calc(100% - 43px)}.mayhem-app aside{padding:22px 9px;display:flex;flex-direction:column;gap:14px;color:#81879c;font:7px var(--mono);border-right:1px solid #323349}.mayhem-app aside span{padding:8px 5px;white-space:nowrap}.mayhem-app aside .active{color:#eae6ff;border-radius:3px;background:rgba(168,130,255,.2)}.mayhem-visual-main{padding:24px 27px;overflow:hidden;position:relative}.mayhem-visual-main small{font:8px var(--mono);color:#9e94ca}.mayhem-visual-main h3{font:700 25px/.98 var(--display);letter-spacing:-.07em;margin:13px 0 0;color:#eaeaf7}.mayhem-visual-main h3 span{color:#b79dff}.mayhem-bars{height:83px;position:absolute;bottom:36px;left:27px;right:25px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #494562}.mayhem-bars i{flex:1;height:var(--height);background:linear-gradient(0deg,#6d56bd,#b8a2ff);border-radius:3px 3px 0 0;opacity:.85}.mayhem-bottom-bar{position:absolute;left:27px;bottom:16px;color:#6f728f;font:7px var(--mono);white-space:nowrap}.mayhem-bottom-bar b{color:#a58cec;margin:0 7px}.scene-badge{position:absolute;z-index:4;right:19px;top:25px;border:1px solid #a492fd;color:#dcd2ff;background:rgba(20,18,41,.92);font:700 9px/1.45 var(--mono);padding:13px 15px;transform:rotate(5deg)}.frontier-scene{background:linear-gradient(180deg,#39414b 0%,#a1715d 56%,#302822 100%)}.frontier-scene:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 4px,rgba(0,0,0,.08) 5px,transparent 7px);z-index:5;pointer-events:none}.frontier-sun{width:255px;height:255px;border-radius:50%;position:absolute;top:5px;left:50%;transform:translateX(-50%);background:#deb18a;box-shadow:0 0 90px rgba(251,170,119,.45)}.frontier-mountains{position:absolute;left:-15%;width:130%;height:160px;bottom:0;clip-path:polygon(0 72%,6% 56%,12% 62%,20% 36%,26% 60%,34% 25%,43% 64%,53% 31%,66% 62%,77% 24%,91% 57%,100% 38%,100% 100%,0 100%)}.mountains-back{bottom:45px;background:#725f59;opacity:.8}.mountains-front{bottom:-20px;background:#2f3437;transform:scaleX(-1)}.frontier-line{position:absolute;left:0;right:0;bottom:25px;height:1px;background:#b99878;opacity:.5;z-index:2}.frontier-emblem{position:absolute;z-index:3;left:50%;top:49%;transform:translate(-50%,-50%);text-align:center;width:80%;text-shadow:0 8px 24px rgba(0,0,0,.7)}.frontier-emblem span{display:block;font:9px var(--mono);letter-spacing:.32em;color:#efe1cb}.frontier-emblem strong{display:block;font:700 clamp(40px,4vw,65px)/.89 var(--display);letter-spacing:-.065em;color:#fcf4df;margin:18px 0 20px}.frontier-emblem strong i{font-style:normal;color:#edbc8e}.frontier-coordinate{position:absolute;left:22px;bottom:21px;z-index:6;font:9px var(--mono);color:#dcc7aa}.feature-card-content{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:28px 28px 32px}.project-tags{display:flex;flex-wrap:wrap;gap:7px}.project-tags span{border:1px solid #3a4856;padding:7px 9px;font:8px var(--mono);letter-spacing:.035em;color:#aebbc4}.feature-card-content h3{font:700 34px var(--display);letter-spacing:-.055em;margin:18px 0 9px}.feature-card-content p{font-size:13px;color:#a5b0ba;line-height:1.75;max-width:430px;margin:0}.circle-link{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid #64717b;font-size:25px;transition:background .2s,color .2s,transform .2s}.circle-link:hover{background:var(--orange);color:#141a1e;border-color:var(--orange);transform:rotate(45deg)}.feature-footnote{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;color:#82919c;font-size:9px;line-height:1.6}.feature-footnote a{color:var(--orange);white-space:nowrap}.feature-footnote a:hover{text-decoration:underline}
.project-section{background:var(--bg)}.projects-heading{margin-bottom:43px}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:23px}.filter-set{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid #3a454f;background:transparent;padding:13px 16px;color:#a6b1bc;font-size:10px;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.filter:hover,.filter.active{background:var(--orange);border-color:var(--orange);color:#111820}.filter.active{font-weight:700}.project-search{height:42px;display:flex;align-items:center;gap:7px;padding:0 12px;color:#9aa8b2;border:1px solid #39444e;min-width:226px}.project-search>span:first-child{font-size:28px;line-height:1}.project-search input{width:155px;background:transparent;color:#f0eeea;border:0;outline:0;font:10px var(--mono);min-width:0}.project-search input::placeholder{color:#83909b}.project-search:focus-within{border-color:var(--orange)}.project-search kbd{font:10px var(--mono);border:1px solid #58616a;padding:2px 5px}.project-results{display:flex;justify-content:space-between;gap:20px;margin:22px 0 18px;color:#8394a0;font-size:9px;letter-spacing:.04em}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.project-card{min-width:0;border:1px solid #34414a;background:linear-gradient(160deg,#171f28,#111920);text-align:left;color:inherit;padding:0;width:100%;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}.project-card:hover{transform:translateY(-6px);border-color:#8896a1;box-shadow:0 24px 54px rgba(0,0,0,.24)}.project-art{height:188px;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.project-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:31px 31px;transform:rotate(12deg) scale(1.4);opacity:.52;z-index:-1}.project-art:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.15);transform:rotate(33deg);z-index:-1}.art-letter{font:700 clamp(42px,4.2vw,74px)/1 var(--display);letter-spacing:-.095em;text-transform:uppercase;text-align:center;white-space:pre-line;max-width:90%;position:relative;text-shadow:0 10px 25px rgba(0,0,0,.3)}.art-corner{position:absolute;top:15px;left:17px;font:8px var(--mono);color:rgba(255,255,255,.82)}.art-index{position:absolute;right:18px;bottom:15px;font:9px var(--mono);color:rgba(255,255,255,.82)}.art-redm{background:radial-gradient(circle at 75% 18%,#875b4b,transparent 46%),linear-gradient(135deg,#342c30,#1c2128)}.art-redm .art-letter{color:#eac9a8}.art-desktop{background:radial-gradient(circle at 70% 20%,#7466b7,transparent 55%),linear-gradient(135deg,#2a2745,#16182b)}.art-desktop .art-letter{color:#cdc3ff}.art-web{background:radial-gradient(circle at 65% 30%,#237f84,transparent 53%),linear-gradient(135deg,#123d45,#12232f)}.art-web .art-letter{color:#98e6d9}.project-art.art-coral{background:radial-gradient(circle at 75% 18%,#a84947,transparent 55%),linear-gradient(140deg,#4c252f,#271e28)}.project-art.art-coral .art-letter{color:#ffaf91}.project-art.art-teal{background:radial-gradient(circle at 60% 25%,#2c8d7e,transparent 48%),linear-gradient(140deg,#1e4346,#17262d)}.project-art.art-teal .art-letter{color:#a8efe1}.project-art.art-gold{background:radial-gradient(circle at 75% 10%,#b18b4b,transparent 52%),linear-gradient(140deg,#4c3a26,#24232b)}.project-art.art-gold .art-letter{color:#f7d6a3}.project-art.art-indigo{background:radial-gradient(circle at 75% 10%,#6864a5,transparent 52%),linear-gradient(140deg,#302d50,#1d2231)}.project-art.art-indigo .art-letter{color:#c5c0ff}.project-art.art-blue{background:radial-gradient(circle at 75% 10%,#448cae,transparent 52%),linear-gradient(140deg,#254456,#18202c)}.project-art.art-blue .art-letter{color:#bbebf4}.project-card-body{padding:23px 23px 15px;flex:1}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.card-kind,.card-status{font-size:9px;letter-spacing:.015em}.card-kind{color:var(--orange)}.card-status{color:#acb6bf;white-space:nowrap}.card-status::before{content:"";display:inline-block;width:6px;height:6px;background:#8dbdc1;border-radius:50%;margin-right:7px;vertical-align:middle}.card-status.live::before,.card-status.released::before{background:#76cda4}.card-status.prototype::before,.card-status.concept::before{background:#dfbd82}.project-card h3{font:700 25px var(--display);letter-spacing:-.045em;margin:0 0 11px}.project-card p{margin:0;color:#9dacb6;font-size:13px;line-height:1.7}.project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:17px 23px 22px;font-size:9px;color:#8f9da7}.project-card-footer>span:last-child{color:var(--orange);font-size:20px;line-height:1;transition:transform .2s}.project-card:hover .project-card-footer>span:last-child{transform:translate(3px,-3px)}.project-empty{text-align:center;border:1px dashed #536371;padding:50px 15px;color:#bcc6cc}.project-empty strong{display:block;font:700 17px var(--mono)}.project-empty span{font-size:13px;color:var(--muted)}.project-empty[hidden]{display:none}.project-actions{text-align:center;margin-top:40px}.project-actions[hidden]{display:none}
.expertise-section{background:#151e27;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.expertise-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:35px 0 36px}.skill-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skill-card{display:flex;flex-direction:column;padding:30px 27px 25px;background:#101820;border:1px solid #3a4752;min-height:435px;transition:border-color .25s,transform .25s}.skill-card:hover{border-color:var(--orange);transform:translateY(-5px)}.skill-card-top{display:flex;justify-content:space-between;align-items:center;color:#9fabb5;font-size:10px}.skill-icon{display:grid;place-content:center;width:54px;height:54px;border:1px solid #435663;color:var(--orange);font:700 17px var(--mono);letter-spacing:-3px}.skill-card h3{font:700 clamp(30px,3vw,43px)/1.08 var(--display);letter-spacing:-.065em;margin:30px 0 18px}.skill-card p{font-size:14px;color:#9cabb5;line-height:1.8;margin:0 0 22px;max-width:350px}.skill-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.skill-chips span{font-size:9px;padding:8px 10px;background:#24303b;color:#bbcad2}.skill-card-bottom{border-top:1px solid #3a4853;margin-top:25px;padding-top:18px;color:#9aabb6;font-size:9px;display:flex;justify-content:space-between}.skill-card-bottom span{color:var(--orange);font-size:16px}.process-line{border-top:1px solid var(--line);display:flex;align-items:center;gap:26px;justify-content:space-between;padding-top:36px;margin-top:42px}.process-heading{color:var(--orange);font-size:10px;flex-shrink:0}.process-steps{display:flex;align-items:center;gap:19px;font-size:10px;color:#d4d9db;flex-wrap:wrap}.process-steps b{color:#85929e;margin-right:6px}.process-arrow{color:var(--orange);font-size:18px}
.about-section{background:var(--bg)}.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center}.about-visual{position:relative;padding:0 20px 35px 0}.about-img-frame{position:relative;max-width:480px;aspect-ratio:4/4.7;overflow:hidden;border:1px solid #435560;background:#18232c;filter:saturate(.88)}.about-img-frame:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(8,17,23,.9),transparent 40%)}.about-img-frame img{width:100%;height:100%;object-fit:cover;object-position:center 36%}.about-image-label{position:absolute;bottom:21px;left:20px;z-index:2;font-size:9px;color:#e7e3d7}.about-visual-scribble{position:absolute;right:-20px;bottom:70px;font:700 clamp(65px,8vw,126px)/.79 var(--display);letter-spacing:-.095em;color:var(--orange);transform:rotate(-12deg);text-shadow:0 12px 20px rgba(0,0,0,.5)}.about-visual-scribble span{color:#fff}.about-visual-index{font-size:10px;color:#778792;padding-top:17px}.about-copy>.section-kicker{margin-bottom:38px}.about-copy h2{line-height:1.02;margin:10px 0 28px}.about-copy>p{font-size:14px;color:#9daab5;line-height:1.9;max-width:620px}.about-copy>p.about-lead{font-size:18px;color:#e5e6e3;line-height:1.72}.about-lead em{color:var(--orange);font-style:normal}.about-quote{display:flex;gap:18px;margin:27px 0 16px;padding:8px 0 8px 18px;border-left:2px solid var(--orange)}.about-quote>span{font:700 53px/.9 var(--display);color:var(--orange)}.about-quote p{font:500 21px var(--display);margin:3px 0;color:#e9e8e1}
.now-section{overflow:hidden;border-top:1px solid #4f4640;border-bottom:1px solid #4f4640;background:radial-gradient(ellipse at 46% 50%,rgba(242,125,86,.13),transparent 50%),#271b1b}.now-content{min-height:320px;display:grid;grid-template-columns:1.1fr .55fr .55fr;align-items:center;gap:20px;position:relative}.now-content .tiny-heading{color:#f8b18c}.now-content h2{font:700 clamp(37px,4vw,62px)/1.06 var(--display);letter-spacing:-.07em;margin:13px 0}.now-content h2 em{font-style:normal;color:var(--orange)}.now-content>p{color:#d9aea1;font:11px/2.4 var(--mono);margin:0;justify-self:end}.now-orbit{width:170px;height:170px;border-radius:50%;border:1px dashed rgba(244,125,86,.65);display:grid;place-items:center;position:relative;justify-self:center;animation:orb 18s linear infinite}.now-orbit:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--orange);left:14px;top:16px;box-shadow:0 0 18px var(--orange)}.now-orbit-inner{width:114px;height:114px;border:1px solid rgba(244,125,86,.6);border-radius:50%;display:grid;place-content:center;text-align:center;font:700 28px var(--display);animation:orb 18s linear infinite reverse}.now-orbit-inner span{font-size:13px;color:var(--orange)}@keyframes orb{to{transform:rotate(360deg)}}
.contact-section{background:#111922}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;margin-top:44px}.contact-layout h2{font:700 clamp(65px,8vw,118px)/.93 var(--display);letter-spacing:-.085em;margin:16px 0 28px}.contact-layout h2 em{font-style:normal;color:var(--orange)}.contact-layout p{max-width:510px;color:#a7b3bc;font-size:15px;line-height:1.85}.contact-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.contact-links{align-self:center;border-top:1px solid #43515c}.contact-links a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 7px;border-bottom:1px solid #43515c;transition:padding .2s,color .2s}.contact-links a:hover{padding-left:20px;color:var(--orange)}.contact-links a span{display:flex;flex-direction:column;gap:9px}.contact-links small{font-size:10px;color:#8e9ba7}.contact-links strong{font:700 19px var(--display);letter-spacing:-.03em}.contact-links b{font:400 26px var(--display);color:var(--orange)}
.site-footer{background:#0b1118;border-top:1px solid var(--line)}.footer-top{padding:48px 0 36px;display:flex;justify-content:space-between;align-items:center}.footer-brand{font:700 55px var(--display);letter-spacing:-.09em}.footer-brand>span{color:var(--orange)}.footer-brand-dot{font-size:30px}.footer-brand small{display:block;color:#8c9ba6;font-size:9px;letter-spacing:0;margin-top:4px}.footer-back{font-size:11px;border:1px solid #44505c;padding:15px 19px}.footer-back:hover{background:var(--orange);color:#111;border-color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 28px;color:#71818d;font-size:9px;line-height:1.8}
.project-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(660px,calc(100vw - 30px));max-height:min(90vh,940px);padding:0;margin:0;border:1px solid #576675;background:#151e27;color:var(--ink);box-shadow:0 45px 135px rgba(0,0,0,.65);overflow:auto}.project-dialog::backdrop{background:rgba(2,7,13,.85);backdrop-filter:blur(7px)}.dialog-inner{min-width:0}.dialog-top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;background:#151e27;border-bottom:1px solid #3b4854;padding:13px 18px;font-size:10px;letter-spacing:.045em}.dialog-top-marker{color:var(--orange);margin-left:8px}.dialog-close{display:grid;place-content:center;width:36px;height:36px;border:1px solid #4c5b66;background:transparent;color:#f7f7f3;font-size:18px}.dialog-close:hover{background:var(--orange);color:#111}.dialog-artwork .project-art{height:222px}.dialog-artwork .art-letter{font-size:85px}.dialog-body{padding:31px}.dialog-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--orange)}.dialog-meta span:last-child{color:#a9b6bf}.dialog-body h2{font:700 clamp(34px,5vw,54px)/1 var(--display);letter-spacing:-.07em;margin:15px 0 16px}.dialog-description{color:#cfdae0;font-size:16px;line-height:1.8;margin:0 0 24px}.dialog-details{display:grid;grid-template-columns:1.2fr .8fr;gap:27px;padding:24px 0;border-top:1px solid #394753;border-bottom:1px solid #394753}.dialog-details h3{color:var(--orange);font-size:10px;letter-spacing:.04em;margin:0 0 14px}.dialog-details p{color:#a6b4bf;line-height:1.8;margin:0;font-size:13px}.dialog-tags{display:flex;flex-wrap:wrap;gap:6px}.dialog-tags span{padding:7px 9px;border:1px solid #465462;color:#b6c2cb;font-size:9px}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:25px}.dialog-actions .btn{min-height:48px;font-size:10px;padding:13px 16px;gap:20px}.dialog-actions .link-note{font:10px/1.6 var(--mono);color:#8797a4;align-self:center}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);z-index:110;background:var(--orange);color:#13171d;font-weight:700;font-size:11px;padding:16px 21px;opacity:0;pointer-events:none;transition:transform .25s,opacity .25s;text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}
@media(min-width:1500px){.hero h1{font-size:101px}}@media(max-width:1200px){.container{width:min(var(--max),calc(100% - 68px))}.desktop-nav{gap:19px}.header-inner{gap:16px}.header-action{margin-left:0}.hero h1{font-size:clamp(61px,6vw,86px)}.portrait-frame{height:500px}.hero{min-height:740px}.hero-layout{min-height:540px}.metric{padding-right:12px;margin-right:15px;gap:10px}.metric>strong{font-size:61px}.metric>span{font-size:8px}.filter{padding:12px 11px}.mayhem-app{left:5%;right:0}.contact-layout{gap:6%}}@media(max-width:980px){.desktop-nav,.header-action{display:none}.header-inner{min-height:76px}.menu-toggle{display:flex;margin-left:auto;width:46px;height:46px;border:1px solid #5b6770;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:7px}.menu-toggle span{height:2px;width:22px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;left:0;right:0;top:76px;flex-direction:column;background:#111923;padding:15px 34px 30px;box-shadow:0 20px 40px rgba(0,0,0,.4);border-bottom:1px solid #53606b}.mobile-nav a{padding:17px 8px;border-bottom:1px solid #3a4854;font:700 15px var(--display)}.mobile-nav a:last-child{color:var(--orange)}.hero{padding-top:95px;min-height:650px}.hero-layout{grid-template-columns:1fr .9fr;gap:15px}.hero-copy{padding-bottom:25px}.hero-overline{margin-top:32px}.hero h1{font-size:clamp(49px,6.8vw,70px)}.hero-description{font-size:14px}.hero-footline{margin-top:34px;font-size:8px}.portrait-frame{height:440px}.float-tag{font-size:8px;padding:12px}.float-tag-bottom{left:-18px}.hero-bottom{padding-bottom:17px}.manifesto-layout{gap:30px}.manifesto h2{font-size:54px}.metric-row{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric{margin-right:10px}.metric>strong{font-size:68px}.featured-grid{gap:13px}.mayhem-scene,.frontier-scene{height:270px}.mayhem-app{height:245px}.frontier-emblem strong{font-size:49px}.feature-card-content{padding:22px}.feature-card-content h3{font-size:28px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-toolbar{flex-direction:column;align-items:stretch}.project-search{width:100%}.project-search input{flex:1}.skill-cards{gap:10px}.skill-card{padding:22px 18px;min-height:460px}.skill-card h3{font-size:29px}.skill-icon{width:40px;height:40px}.process-line{flex-direction:column;align-items:start}.about-layout{gap:7%}.about-visual-scribble{font-size:80px}.contact-layout{gap:35px}}
@media(max-width:680px){html{scroll-padding-top:79px}.container{width:calc(100% - 38px)}.section-space{padding-top:77px;padding-bottom:78px}.header-inner{min-height:70px}.mobile-nav:not([hidden]){top:70px}.brand-symbol{width:45px;height:45px;font-size:19px}.brand-caption strong{font-size:14px}.brand-caption small{font-size:7px}.hero{padding-top:91px;min-height:auto}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy{padding:17px 0 13px}.hero-eyebrow{font-size:8px;gap:9px}.hero-overline{margin:25px 0 13px;font-size:10px}.hero h1{font-size:clamp(48px,11.8vw,75px);letter-spacing:-.078em}.hero-description{font-size:14px;max-width:510px;margin:21px 0 25px}.hero-actions{gap:9px}.btn{font-size:9px;min-height:49px;padding:15px 14px;gap:13px}.btn span{font-size:17px}.hero-footline{margin-top:22px;font-size:8px;line-height:1.8}.hero-art{min-height:450px;align-self:stretch;display:block;padding:22px 19px 28px 8px}.portrait-frame{width:100%;height:427px;transform:none}.portrait-image{object-position:center 37%}.float-tag-top{top:45px;right:6px}.float-tag-bottom{left:0;bottom:54px}.portrait-index{display:none}.hero-bottom{font-size:8px;padding-top:0}.hero-bottom>span:last-child{display:none}.marquee-track{padding:14px 0;gap:22px}.marquee-track span{font-size:10px}.section-kicker{font-size:9px;gap:10px}.kicker-rule{width:18px}.manifesto-layout{grid-template-columns:1fr;gap:20px;margin-top:32px}.manifesto h2{font-size:clamp(41px,9vw,57px)}.manifesto-copy p{font-size:14px}.metric-row{margin-top:40px}.metric{display:block;margin-right:12px;gap:10px;padding:24px 10px 14px 0}.metric>strong{display:block;font-size:53px;margin-bottom:6px}.metric-plus{font-size:22px}.metric>span{font-size:8px}.section-heading-row{display:block;margin:28px 0}.section-title{font-size:clamp(44px,10vw,67px)}.section-heading-row>p{margin:15px 0 0}.featured-grid{grid-template-columns:1fr;gap:20px}.feature-card-top{padding:17px}.mayhem-scene,.frontier-scene{height:280px}.mayhem-app{right:2%;top:13%;left:8%}.frontier-emblem strong{font-size:55px}.feature-footnote{flex-direction:column;align-items:start;font-size:8px}.feature-footnote a{white-space:normal}.project-toolbar{gap:17px}.filter-set{gap:7px}.filter{font-size:9px;padding:11px 12px}.project-results span:last-child{display:none}.project-grid{grid-template-columns:1fr;gap:13px}.project-art{height:210px}.art-letter{font-size:68px}.project-card-body{padding:21px 21px 12px}.project-card-footer{padding:15px 21px 21px}.project-actions{margin-top:25px}.expertise-heading{display:block;margin:28px 0}.expertise-heading>p{margin:18px 0 0}.skill-cards{grid-template-columns:1fr;gap:15px}.skill-card{min-height:350px;padding:23px}.skill-card h3{font-size:35px;margin:22px 0 14px}.skill-card p{font-size:13px;margin:0 0 24px}.process-line{gap:20px;margin-top:33px;padding-top:27px}.process-steps{gap:12px;font-size:9px}.process-arrow{font-size:13px}.about-layout{grid-template-columns:1fr;gap:40px}.about-visual{width:85%;margin:0 auto;padding-bottom:20px}.about-img-frame{max-width:none;aspect-ratio:1/.94}.about-visual-scribble{font-size:79px;right:-22px;bottom:55px}.about-copy>.section-kicker{margin-bottom:23px}.about-copy h2{font-size:clamp(44px,10vw,65px)}.about-copy>p.about-lead{font-size:16px}.about-copy>p{font-size:13px}.about-quote p{font-size:19px}.now-content{min-height:310px;grid-template-columns:1fr auto;gap:8px;padding-block:48px}.now-content h2{font-size:clamp(36px,7.2vw,55px)}.now-content>p{display:none}.now-orbit{width:105px;height:105px}.now-orbit-inner{width:72px;height:72px;font-size:20px}.contact-layout{grid-template-columns:1fr;gap:40px;margin-top:25px}.contact-layout h2{font-size:clamp(66px,14vw,98px)}.contact-layout p{font-size:14px}.contact-cta{margin-top:24px}.contact-links a{padding:20px 2px}.contact-links strong{font-size:17px}.footer-top{padding:35px 0}.footer-brand{font-size:43px}.footer-brand small{font-size:7px}.footer-back{font-size:9px;padding:12px}.footer-bottom{display:block;font-size:8px}.footer-bottom span{display:block;margin-bottom:10px}.dialog-artwork .project-art{height:167px}.dialog-artwork .art-letter{font-size:59px}.dialog-body{padding:22px}.dialog-details{grid-template-columns:1fr;gap:25px}.dialog-body h2{font-size:40px}.dialog-description{font-size:14px}.dialog-top{font-size:9px}.toast{max-width:calc(100vw - 28px);width:max-content}}
@media(max-width:370px){.hero h1{font-size:46px}.hero-eyebrow{font-size:7px}.brand-caption small{font-size:6px}.hero-actions{flex-direction:column;align-items:stretch}.portrait-frame{height:370px}.hero-art{min-height:400px}.metric>strong{font-size:43px}.metric>span{font-size:7px}.filter{padding:10px 9px;font-size:8px}.about-visual-scribble{font-size:63px}.now-orbit{display:none}.now-content{display:block;min-height:220px}.feature-card-content h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}