@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#121212;--paper:#f5f4ef;--soft:#e9e8e1;--muted:#696b66;--line:rgba(18,18,18,.16);--orange:#ff5b35;--blue:#3157e8;--mono:'DM Mono',monospace;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page-shell{overflow:hidden}.section-wrap{max-width:1320px;margin:0 auto;padding-left:clamp(24px,6vw,92px);padding-right:clamp(24px,6vw,92px)}
.site-header{height:102px;max-width:1320px;padding:0 clamp(24px,6vw,92px);margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand-logo{display:block;width:185px;height:64px;background:url('assets/download.png') center/214px no-repeat}.main-nav{display:flex;align-items:center;gap:30px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.main-nav a{transition:color .25s ease}.main-nav a:hover{color:var(--orange)}.main-nav .nav-contact{color:var(--paper);background:var(--ink);padding:12px 15px;letter-spacing:.02em}.menu-toggle{display:none;background:none;border:0;color:var(--ink);padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:6px}
.hero{min-height:calc(100vh - 102px);min-height:650px;display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:1fr auto;align-items:center;position:relative;padding-top:72px;padding-bottom:34px;background-color:var(--paper);background-image:linear-gradient(rgba(18,18,18,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(18,18,18,.05) 1px,transparent 1px);background-size:64px 64px;background-position:center}.hero:before{content:'';position:absolute;width:430px;height:430px;border-radius:50%;right:-150px;top:80px;background:var(--orange);opacity:.9}.hero-copy,.hero-aside,.hero-footer{position:relative;z-index:1}.eyebrow{margin:0;font-family:var(--mono);font-size:11px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:8px}.eyebrow-year{margin-left:18px;color:var(--ink)}h1,h2,h3,p{margin-top:0}h1{max-width:800px;margin:26px 0 26px;font-size:clamp(54px,8.6vw,118px);font-weight:700;line-height:.94;letter-spacing:-.07em}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-summary{max-width:500px;color:var(--muted);font-size:18px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:38px}.button{display:inline-flex;align-items:center;gap:24px;border:1px solid var(--ink);padding:14px 18px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:var(--orange);border-color:var(--orange)}.button-outline{background:transparent}.button-outline:hover{background:var(--ink);color:var(--paper)}.text-link{font-family:var(--mono);font-size:11px;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-aside{align-self:end;padding-bottom:34px}.hero-aside-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;line-height:1.7}.hero-aside-note{max-width:180px;color:var(--muted);font-size:13px}.orbit-mark{width:112px;height:112px;border:1px solid var(--ink);border-radius:50%;margin:0 0 34px auto;position:relative}.orbit-mark:before{content:'A';position:absolute;inset:14px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:700;color:var(--blue)}.orbit-mark span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange)}.orbit-mark span:first-child{top:8px;right:21px}.orbit-mark span:nth-child(2){bottom:21px;left:7px;background:var(--blue)}.orbit-mark span:nth-child(3){bottom:7px;right:32px}.hero-footer{grid-column:1 / -1;display:flex;align-items:center;gap:15px;font-family:var(--mono);font-size:10px;text-transform:uppercase;color:var(--muted)}.scroll-line{display:block;height:1px;width:82px;background:var(--muted)}.hero-footer span:last-child{margin-left:auto}
.section-rule{border-top:1px solid var(--line)}.work,.services,.about,.contact{padding-top:120px;padding-bottom:120px}.section-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;margin-bottom:66px}.section-heading h2,.about h2,.contact h2{font-size:clamp(44px,6vw,78px);line-height:.96;letter-spacing:-.07em;margin:0}.section-intro{max-width:270px;align-self:end;color:var(--muted);font-size:14px}.project-list{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.project-card{background:var(--soft);min-width:0}.project-featured{grid-row:span 2}.project-visual{height:350px;position:relative;overflow:hidden;padding:22px}.project-featured .project-visual{height:450px}.visual-label{font-family:var(--mono);font-size:10px;letter-spacing:.08em}.visual-orders{background:var(--blue);color:var(--paper)}.visual-orders:after{content:'ATLAS';position:absolute;right:-8px;bottom:-55px;font-size:150px;font-weight:800;letter-spacing:-.1em;color:rgba(18,18,18,.12)}.visual-window{position:absolute;left:12%;right:10%;top:25%;height:47%;background:var(--paper);color:var(--ink);padding:14px;box-shadow:16px 16px 0 rgba(18,18,18,.12)}.visual-window>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:5px}.visual-chart{height:70%;margin-top:24px;display:flex;gap:10px;align-items:end}.visual-chart i{flex:1;background:var(--blue);height:35%}.visual-chart i:nth-child(2){height:60%}.visual-chart i:nth-child(3){height:44%}.visual-chart i:nth-child(4){height:80%;background:var(--orange)}.visual-chart i:nth-child(5){height:52%}.visual-chart i:nth-child(6){height:92%}.visual-chart i:nth-child(7){height:70%}.visual-finance{background:var(--orange)}.finance-number{position:absolute;left:22px;bottom:72px;font-size:44px;letter-spacing:-.08em}.finance-number span{font-size:20px}.finance-bars{display:flex;align-items:end;gap:5px;height:46px;position:absolute;bottom:22px;left:22px;right:22px}.finance-bars i{height:25%;flex:1;background:var(--ink)}.finance-bars i:nth-child(2){height:55%}.finance-bars i:nth-child(3){height:35%}.finance-bars i:nth-child(4){height:80%}.finance-bars i:nth-child(5){height:45%}.finance-bars i:nth-child(6){height:95%}.finance-bars i:nth-child(7){height:65%}.finance-bars i:nth-child(8){height:90%}.visual-studio{background:var(--ink);color:var(--paper)}.studio-window{position:absolute;left:12%;right:12%;top:24%;display:flex;flex-direction:column;gap:15px}.studio-window span,.studio-window small{font-family:var(--mono);font-size:10px;color:var(--orange)}.studio-window b{font-size:25px;font-weight:500;letter-spacing:-.06em;border-bottom:1px solid rgba(245,244,239,.3);padding-bottom:8px}.visual-care{background:var(--blue)}.care-card{position:absolute;background:var(--paper);color:var(--ink);left:15%;right:15%;top:25%;padding:22px;display:flex;flex-direction:column;gap:6px;box-shadow:12px 12px 0 rgba(18,18,18,.12)}.care-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--orange);font-size:20px}.care-card strong{font-size:15px}.care-card small{color:var(--muted)}.care-progress{height:5px;background:var(--soft);margin-top:17px}.care-progress i{display:block;width:72%;height:100%;background:var(--orange)}.project-info{padding:24px 24px 30px}.project-number{font-family:var(--mono);font-size:10px;text-transform:uppercase;color:var(--muted)}.project-number span{margin:0 5px}.project-info h3{font-size:27px;letter-spacing:-.05em;margin:15px 0 10px}.project-description{max-width:460px;color:var(--muted);font-size:14px;line-height:1.55}.tech-list{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}.tech-list span{padding:5px 8px;border:1px solid var(--line);font-family:var(--mono);font-size:9px;text-transform:uppercase}.project-links{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;text-transform:uppercase}.project-links a:first-child{color:var(--blue)}.muted-link{color:var(--muted)}
.services{background:var(--ink);color:var(--paper);max-width:none;padding-left:max(24px,calc((100vw - 1136px)/2));padding-right:max(24px,calc((100vw - 1136px)/2))}.services .eyebrow{color:#a4a7a0}.services .section-heading{max-width:1136px}.services h2{color:var(--paper)}.services h2 em{color:var(--orange)}.skills-grid{max-width:1136px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(245,244,239,.2)}.skill-group{background:var(--ink);padding:25px 25px 34px;min-height:250px}.skill-index{font-family:var(--mono);color:var(--orange);font-size:12px}.skill-group h3{font-size:23px;letter-spacing:-.05em;margin:55px 0 22px}.skill-group ul{list-style:none;margin:0;padding:0;color:#a4a7a0;font-size:14px;line-height:2}.skill-group li:before{content:'+';color:var(--orange);margin-right:10px}
.about{display:grid;grid-template-columns:1fr 1.2fr;column-gap:8%;row-gap:75px}.about-intro h2{margin-top:24px}.about-content{max-width:510px}.about-lead{font-size:21px;line-height:1.45;letter-spacing:-.03em}.about-content>p:not(.about-lead){color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:32px}.stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:26px}.stats div{display:flex;flex-direction:column;gap:8px}.stats strong{font-size:54px;letter-spacing:-.08em;color:var(--blue)}.stats span{font-family:var(--mono);font-size:10px;text-transform:uppercase;color:var(--muted)}.contact{background:var(--orange);max-width:none;padding-left:max(24px,calc((100vw - 1136px)/2));padding-right:max(24px,calc((100vw - 1136px)/2));display:grid;grid-template-columns:1fr 1fr;gap:12%;}.contact-heading h2{margin:24px 0}.contact-heading>p:last-child{max-width:300px;font-size:14px}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.contact-form{display:flex;flex-direction:column;gap:22px}.contact-form label{font-family:var(--mono);font-size:10px;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;display:block;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:12px 0;outline:0;color:var(--ink);resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(18,18,18,.55)}.contact-form .button{align-self:flex-start;margin-top:10px}.form-status{font-family:var(--mono);font-size:10px}.contact-aside{padding-top:3px}.contact-aside-label{font-family:var(--mono);font-size:10px;text-transform:uppercase}.email-link{font-size:20px;letter-spacing:-.04em;border-bottom:1px solid var(--ink);padding-bottom:8px;display:inline-block}.social-links{display:flex;flex-direction:column;gap:12px;margin-top:70px;font-family:var(--mono);font-size:11px;text-transform:uppercase}.social-links a{display:flex;justify-content:space-between;border-bottom:1px solid rgba(18,18,18,.25);padding-bottom:8px}.site-footer{display:flex;align-items:center;justify-content:space-between;min-height:120px}.footer-logo{width:130px;height:54px;background-size:155px}.site-footer p,.back-top{font-family:var(--mono);font-size:10px;text-transform:uppercase;color:var(--muted)}.back-top{color:var(--ink)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.13s}.reveal-delay-2{transition-delay:.25s}
@media (max-width:800px){.site-header{height:82px}.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 24px;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:13px 0}.main-nav .nav-contact{padding:13px;margin-top:8px;text-align:center}.menu-toggle{display:block}.hero{min-height:670px;grid-template-columns:1fr;padding-top:56px}.hero:before{width:270px;height:270px;right:-120px;top:140px;opacity:.65}.hero-aside{display:none}.hero-footer{margin-top:60px}.section-heading,.about,.contact{grid-template-columns:1fr;gap:35px}.work,.services,.about,.contact{padding-top:80px;padding-bottom:80px}.section-heading{margin-bottom:42px}.section-intro{max-width:400px}.project-list{grid-template-columns:1fr}.project-featured{grid-row:auto}.project-featured .project-visual,.project-visual{height:300px}.skills-grid{grid-template-columns:1fr}.skill-group{min-height:0;padding:24px}.skill-group h3{margin:34px 0 16px}.about{row-gap:55px}.stats{grid-template-columns:repeat(3,1fr);gap:15px}.stats strong{font-size:38px}.contact-layout{grid-template-columns:1fr}.social-links{margin-top:40px}.site-footer{min-height:105px;gap:15px}.site-footer p{display:none}}
@media (max-width:480px){.brand-logo{width:145px;background-size:170px}.hero-summary{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-footer{font-size:9px}.project-links{gap:15px;flex-wrap:wrap}.stats strong{font-size:31px}.stats span{font-size:8px}.email-link{font-size:17px}}
.brand-logo{background-image:url('assets/logonobg.png')}
.project-list{grid-template-columns:repeat(3,1fr)}.project-card{overflow:hidden}.project-featured{grid-row:auto}.project-image,.project-featured .project-image{height:auto;aspect-ratio:1350 / 918;padding:0;background:var(--soft)}.project-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,18,18,.55),transparent 30%);pointer-events:none}.project-image .visual-label{position:absolute;top:22px;left:22px;z-index:1;color:var(--paper);text-shadow:0 1px 4px rgba(0,0,0,.3)}.visual-bluehouse{background:#172033}.visual-smartfacture{background:#eef0f7}.visual-vetcli{background:#eefaff}
@media (max-width:800px){.project-list{grid-template-columns:1fr}.project-featured{grid-row:auto}.project-image{aspect-ratio:1350 / 918}}