@charset "UTF-8";
:root{--bg:#101311;--panel:#171c18;--ink:#eeeee4;--muted:#929b91;--line:#2b332c;--accent:#c0ed91;--orange:#ed9e59;--violet:#b5a4e3;color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:20px;top:-60px;background:var(--accent);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:12px}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:12px;align-items:center;font-size:19px;font-weight:650;letter-spacing:-.6px}.brand-light{font-weight:350;margin-left:3px}.brand-mark{position:relative;width:41px;height:41px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #586e43;border-radius:11px;color:var(--accent);font-size:24px;font-weight:750;letter-spacing:-6px;padding-right:5px;line-height:1}.brand-mark span{transform:translateY(3px)}.brand-mark i{position:absolute;bottom:6px;right:5px;width:4px;height:4px;background:var(--accent);border-radius:50%}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav>a{transition:color .2s}nav>a:hover{color:var(--accent)}.cloud-link{border:1px solid var(--line);padding:12px 16px;border-radius:30px}.cloud-link span{margin-left:15px;color:var(--accent)}.hero{min-height:730px;padding-top:83px;display:grid;grid-template-columns:1.15fr 1fr;position:relative}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:650;color:var(--muted);margin:0 0 25px;display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 16px #b7e18a40}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(60px,6.9vw,100px);line-height:1.025;letter-spacing:-6px;font-weight:550;margin-bottom:28px}em{font-style:normal;color:var(--accent)}.hero-description{font-size:17px;line-height:1.6;color:var(--muted);margin-bottom:27px}.button{display:inline-flex;gap:40px;align-items:center;padding:16px 22px;border-radius:5px;background:var(--accent);color:#1a2515;font-size:13px;font-weight:650;transition:background .2s,transform .2s}.button:hover{background:#d2f6af;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.hero-art{position:relative;margin-top:22px;min-height:430px;isolation:isolate;background:radial-gradient(ellipse at 45% 42%,#2832236e,transparent 62%)}.orbit{position:absolute;left:8%;top:18%;width:80%;height:65%;border:1px solid #45563a80;border-radius:50%;transform:rotate(-30deg);z-index:-1}.orbit-two{width:72%;height:78%;left:13%;top:10%;transform:rotate(35deg);border-color:#33452b80}.orbit-point{position:absolute;background:var(--accent);width:7px;height:7px;border-radius:50%;top:21%;right:15%;box-shadow:0 0 18px #c0ed9180}.app-tile{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:29px;box-shadow:0 28px 65px #0007;gap:12px;border:1px solid #ffffff12}.app-tile>span:last-child{font-size:9px;letter-spacing:2px;font-weight:600}.tile-apex{width:172px;height:172px;top:5%;left:15%;background:linear-gradient(145deg,#273b30,#15271d);transform:rotate(-11deg);color:#8cd3a8}.tile-apex img{width:85px;height:72px;object-fit:contain}.tile-iron{width:160px;height:160px;right:3%;top:34%;background:linear-gradient(145deg,#554433,#2a251d);transform:rotate(10deg);color:#f0b77b}.tile-iron svg{width:94px;height:72px;fill:currentColor}.tank-line{fill:none;stroke:#554433;stroke-width:4;stroke-dasharray:7 4}.tile-cinema{width:139px;height:139px;top:58%;left:15%;background:linear-gradient(145deg,#37334e,#242131);transform:rotate(-7deg);color:#c5b8f1}.cinema-play{width:65px;height:65px;border:1px solid #a996da60;border-radius:20px;display:grid;place-items:center;font-size:30px;padding-left:5px;background:#81709d22}.art-caption{position:absolute;bottom:2%;left:9%;right:2%;display:flex;align-items:center;gap:15px;color:#77806f;font-size:9px;letter-spacing:.7px}.art-caption i{flex:1;height:1px;background:#3a4734}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:46px 0 26px;margin-top:50px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.6px;color:var(--muted)}.hero-bottom>a{letter-spacing:0;font-size:12px}.hero-bottom>a span{margin-left:20px;color:var(--accent)}.projects{padding-top:96px}.section-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;margin-bottom:50px}.section-heading>.eyebrow{grid-column:1/-1}.section-heading h2,.about h2{font-size:clamp(38px,4.2vw,59px);line-height:1.08;letter-spacing:-2.5px;font-weight:500;margin-bottom:0}.section-heading>p:last-child{justify-self:end;font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:2px}.project{display:grid;grid-template-columns:1.18fr 1fr;min-height:435px;margin-bottom:32px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#141915}.project-art{position:relative;overflow:hidden;min-height:430px;isolation:isolate}.art-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#93ab8b0c 1px,transparent 1px),linear-gradient(90deg,#93ab8b0c 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(#000,transparent)}.visual-label{position:absolute;left:32px;top:28px;font-size:8px;letter-spacing:2px;color:#a3bca377}.apex-art{background:radial-gradient(ellipse at 50% 20%,#224d3c,#11221b 70%)}.apex-identity{position:relative;margin:78px 36px 26px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:37px;font-weight:600;letter-spacing:-1.8px}.apex-identity img{width:51px;height:48px}.telemetry-window{position:relative;margin:0 -13px 0 45px;border:1px solid #677d6c55;border-radius:8px 0 0 8px;overflow:hidden;box-shadow:-12px 18px 50px #0005;transform:rotate(-3deg);background:#101415}.window-bar{height:33px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;color:#72867b;font-size:7px;letter-spacing:1.5px;background:#161d19}.window-bar>span:first-child{display:flex;gap:4px}.window-bar i{width:4px;height:4px;border-radius:50%;background:#53675b}.telemetry-window>img{width:100%;height:auto;display:block;opacity:.93}.visual-foot{position:absolute;left:32px;bottom:26px;font-size:10px;color:#a8bca780;letter-spacing:.4px}.project-copy{padding:35px 42px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-topline{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.project-number{font-size:11px;font-variant-numeric:tabular-nums;color:#5e6e5e}.tag{font-size:8px;letter-spacing:1.4px;color:var(--muted)}h3{font-size:16px;font-weight:500;letter-spacing:.1px;margin-bottom:13px;color:var(--accent)}.project-lead{font-size:34px;line-height:1.12;letter-spacing:-1.4px;font-weight:500;margin-bottom:18px}.project-description{font-size:13px;line-height:1.8;color:#9ca59a;max-width:390px;margin-bottom:20px}.project-features{padding:0;margin:0 0 26px;display:flex;flex-wrap:wrap;list-style:none;gap:7px}.project-features li{font-size:9px;padding:7px 9px;border:1px solid #364132;border-radius:4px;color:#a9b4a3}.project-link{font-size:12px;border-bottom:1px solid #6e8d5b;display:flex;width:100%;align-items:center;justify-content:space-between;max-width:220px;padding-bottom:11px;transition:color .2s}.project-link:hover{color:var(--accent)}.project-link>span{font-size:19px;color:var(--accent)}.project-iron{background:#1a1814;border-color:#3b352d}.iron-art{background:radial-gradient(ellipse at 50% 60%,#55463175,#25221b 70%)}.iron-art .art-grid{background-image:linear-gradient(#bfa1790a 1px,transparent 1px),linear-gradient(90deg,#bfa1790a 1px,transparent 1px)}.iron-art .visual-label{color:#b6a1857d}.iron-wordmark{position:absolute;left:32px;top:69px;font-size:38px;letter-spacing:3px;font-weight:800;line-height:1}.iron-wordmark>span{display:block;font-size:8px;letter-spacing:5px;font-weight:400;color:#b99e77;margin-top:10px}.tank-image{position:absolute;width:97%;height:auto;left:2%;top:132px;filter:drop-shadow(0 22px 15px #0008);object-fit:contain}.iron-art-footer{position:absolute;bottom:27px;left:32px;right:28px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a9997c}.project-iron h3{color:#e9ab72}.project-iron .project-features li{border-color:#443a2e;color:#b6a991}.development{font-size:11px;color:#bba88b;display:flex;gap:8px;align-items:center}.development i{width:5px;height:5px;border-radius:50%;background:var(--orange)}.project-cinema{background:#19171e;border-color:#36313f}.cinema-art{background:#201d29}.cinema-halo{position:absolute;width:400px;height:400px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#7760a440,transparent 65%);border:1px solid #82719d19}.cinema-halo:after{content:"";position:absolute;inset:38px;border:1px solid #a191b51a;border-radius:50%}.cinema-art .visual-label{color:#aea0bf80}.cinema-identity{display:flex;align-items:center;justify-content:center;gap:20px;position:absolute;left:0;right:0;top:118px;font-size:45px;font-weight:500;letter-spacing:-1.8px}.cinema-icon{display:grid;place-items:center;width:98px;height:98px;background:linear-gradient(145deg,#a191c5,#6b5b91);border:1px solid #c9b9e350;border-radius:27px;color:#f8f1ff;font-size:44px;padding-left:7px;box-shadow:0 15px 40px #0003}.cinema-timeline{position:absolute;left:11%;right:11%;top:66%;display:flex;align-items:center;gap:15px;color:#a191b5;font-size:7px;letter-spacing:1.3px}.timeline-track{height:3px;background:#494052;flex:1;border-radius:2px;position:relative}.timeline-track i{position:absolute;inset:0 45% 0 0;background:#bda9e3;border-radius:2px}.timeline-track i:after{content:"";position:absolute;width:7px;height:7px;background:#dccafa;border-radius:50%;right:0;top:-2px}.cinema-timeline b{color:#dccafa;font-size:9px;margin-left:6px}.cinema-art .visual-foot{color:#b3a3c380}.project-cinema h3{color:#c0a8e7}.project-cinema .project-features li{border-color:#42374f;color:#b1a4c0}.project-cinema .project-link{border-color:#685476}.project-cinema .project-link span{color:#c0a8e7}.about{padding-top:110px;padding-bottom:90px}.about-main{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}.about-main>div>p{font-size:14px;color:var(--muted);line-height:1.9;max-width:440px}.signature{display:block;font-size:22px;letter-spacing:-.7px;margin-top:30px}.signature span{font-size:10px;letter-spacing:.5px;color:#7d8977;margin-left:10px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px;padding-top:25px;border-top:1px solid var(--line)}.principles>span{font-size:12px;color:#b2bbae}.principles b{color:#5d7056;font-size:9px;font-weight:400;margin-right:15px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:125px}.footer>.brand{font-size:16px}.footer>.brand .brand-mark{width:33px;height:33px;font-size:20px;border-radius:9px}.footer>span{font-size:10px;color:#7f8b79}.footer>div{display:flex;gap:24px;font-size:10px;color:#b3bfa9}.footer a:hover{color:var(--accent)}
@media(min-width:1500px){.hero{padding-top:95px;min-height:790px}h1{font-size:105px}.hero-art{margin-top:32px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}h1{font-size:75px;letter-spacing:-4.5px}.hero{min-height:660px}.hero-art{min-height:390px}.tile-apex{width:145px;height:145px;left:9%}.tile-iron{width:138px;height:138px;right:0}.tile-cinema{width:120px;height:120px;left:8%}.project-copy{padding:30px}.project-lead{font-size:29px}.project-description{font-size:12px}.project{grid-template-columns:1fr 1fr}.project-art{min-height:420px}.tank-image{top:150px}.apex-identity{font-size:32px;margin-inline:15px}.telemetry-window{margin-left:25px;top:15px}.about-main{gap:40px}.footer>span{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:85px}nav{gap:18px}nav>a:not(.cloud-link){display:none}.cloud-link{padding:10px 12px;font-size:10px}.cloud-link span{margin-left:6px}.brand{font-size:16px}.brand-mark{width:36px;height:36px;font-size:22px}.hero{padding-top:54px;grid-template-columns:1fr;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:22px}h1{font-size:clamp(55px,12vw,83px);line-height:1.04;letter-spacing:-3.7px}.hero-description{font-size:15px}.button{font-size:12px;padding:14px 19px}.hero-art{height:340px;min-height:0;margin-top:25px;max-width:450px;width:100%;justify-self:center}.tile-apex{width:132px;height:132px;top:6%;left:17%;border-radius:24px}.tile-apex img{width:66px;height:58px}.tile-iron{width:125px;height:125px;top:35%;right:5%;border-radius:24px}.tile-iron svg{width:77px;height:58px}.tile-cinema{width:104px;height:104px;top:57%;left:17%;border-radius:21px}.cinema-play{width:48px;height:48px;font-size:23px;border-radius:15px}.app-tile{gap:7px}.app-tile>span:last-child{font-size:7px}.art-caption{left:8%;right:6%;bottom:0;font-size:7px}.hero-bottom{margin-top:24px;padding:22px 0;font-size:7px;letter-spacing:1px}.hero-bottom>a{font-size:9px}.hero-bottom>a span{margin-left:7px}.projects{padding-top:65px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.about h2{font-size:40px;letter-spacing:-1.8px}.section-heading>p:last-child{margin-top:22px;font-size:12px}.project{grid-template-columns:1fr;border-radius:9px;margin-bottom:24px}.project-art{min-height:335px}.project-copy{padding:28px}.project-topline{margin-bottom:20px}.project-lead{font-size:32px}.project-description{font-size:13px;max-width:100%}.tag{font-size:7px}.project-features{margin-bottom:24px}h3{font-size:16px}.apex-identity{margin-top:69px;margin-bottom:10px;font-size:33px}.apex-identity img{width:43px;height:42px}.telemetry-window{margin-left:28px;top:15px}.visual-label{left:25px;top:23px;font-size:7px}.visual-foot{left:25px;bottom:21px;font-size:9px}.iron-wordmark{left:25px;top:65px;font-size:33px}.tank-image{width:94%;left:3%;top:116px;max-height:205px}.iron-art-footer{left:25px;bottom:23px;font-size:6px}.cinema-identity{top:100px;font-size:39px}.cinema-icon{width:82px;height:82px;font-size:37px;border-radius:24px}.cinema-timeline{top:69%;font-size:6px}.cinema-halo{width:320px;height:320px}.about{padding-top:60px;padding-bottom:45px}.about-main{display:block}.about-main>div{margin-top:28px}.about-main>div>p{font-size:13px}.signature{font-size:20px}.signature span{font-size:8px;margin-left:5px}.principles{grid-template-columns:1fr;gap:18px;margin-top:35px}.principles>span{font-size:11px}.footer{flex-wrap:wrap;gap:20px;padding-block:27px;min-height:120px}.footer>div{gap:20px;font-size:9px}.footer>.brand{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-symbol{width:41px;height:41px;display:block}.footer .brand-symbol{width:33px;height:33px}.tile-calorie img{width:86px;height:86px;object-fit:contain;mix-blend-mode:screen}.tile-calorie>span:last-child{font-size:7px;letter-spacing:1.2px}.project-calorie{background:#1b1914;border-color:#3a3529}.calorie-art{background:radial-gradient(ellipse at 50% 45%,#69502670,#272219 72%)}.calorie-art .visual-label{color:#c4ad8388}.calorie-identity{position:absolute;inset:61px 0 auto;display:flex;align-items:center;flex-direction:column;gap:10px}.calorie-identity img{width:203px;height:203px;object-fit:contain;mix-blend-mode:screen}.calorie-identity>span{font-size:31px;letter-spacing:-1px;font-weight:500}.meal-labels{display:flex;gap:16px;align-items:center;justify-content:center;position:absolute;top:81%;left:0;right:0;font-size:10px;color:#c1ac83}.meal-labels i{color:#7e6745}.calorie-art .visual-foot{color:#bca77d88}.project-calorie h3{color:#edbd78}.project-calorie .project-features li{border-color:#443a29;color:#bfae8b}.project-calorie .project-link{border-color:#80663f}.project-calorie .project-link span{color:#edbd78}@media(max-width:760px){.brand-symbol{width:36px;height:36px}.calorie-identity{top:49px;gap:4px}.calorie-identity img{width:170px;height:170px}.calorie-identity>span{font-size:27px}.meal-labels{top:81%;font-size:9px;gap:12px}.calorie-art .visual-foot{font-size:8px}.section-heading>p:last-child{justify-self:start;text-align:left}}

.tile-calorie img,.calorie-identity img{mix-blend-mode:normal;border-radius:23%}.calorie-identity img{box-shadow:0 16px 45px #0004}.calorie-art{background:radial-gradient(ellipse at 50% 45%,#244b3470,#19281d 72%)}

.tile-cinema .cinema-project-icon{width:70px;height:70px;border-radius:22%}.cinema-identity .cinema-project-icon{width:105px;height:105px;border-radius:24%;box-shadow:0 15px 40px #0003}@media(max-width:760px){.tile-cinema .cinema-project-icon{width:52px;height:52px}.cinema-identity .cinema-project-icon{width:86px;height:86px}}

.brand-wordmark{display:block;width:205px;height:auto}.footer .brand-wordmark{width:170px}.personal-project{font-size:11px;color:#a3ad9a;display:flex;gap:9px;align-items:center;line-height:1.6}.personal-project i{width:5px;height:5px;border-radius:50%;background:#8e9e7c;flex-shrink:0}.project h3 a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.brand-wordmark{width:155px}.footer .brand-wordmark{width:145px}.personal-project{font-size:10px}}

.tile-calorie{background:linear-gradient(145deg,#284637,#15291f);color:#abd9b8;border-color:#49664b66}

.project-calorie{background:#151d18;border-color:#2d4033}.project-calorie h3{color:#a8d5b2}.project-calorie .project-features li{border-color:#354a3b;color:#a6b9aa}.calorie-art .visual-label,.meal-labels{color:#a8c6ad}.meal-labels i{color:#6a8c73}.calorie-art .visual-foot{color:#9bb79888}

.telemetry-window{transform:none;margin-left:24px;margin-right:24px;border-radius:8px}

@media(max-width:760px){nav>a:not(.cloud-link){display:block;font-size:11px}nav{gap:16px}}

@media(max-width:760px){.hero-art{overflow:hidden}}@media(max-width:380px){.header .brand-wordmark{width:130px}.header nav{gap:12px}.header nav a{font-size:10px;white-space:nowrap}h1{font-size:clamp(44px,12vw,55px);letter-spacing:-2.8px}.hero-description{font-size:13px}}

.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}.project-link .ui-icon{width:22px;height:22px}.button .ui-icon{width:22px;height:22px}.art-caption .ui-icon{width:9px;height:9px}