@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--nav-height:clamp(76px, 4.2vw, 92px);--hero-progress:0;color:#f6f5f1;font-synthesis:none;background:#080c0d;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#080c0d;margin:0}a{color:inherit;text-decoration:none}main{background:#080c0d;overflow:clip}.container{width:min(100% - clamp(48px,5vw,112px),1400px);margin:auto}.hero{z-index:0;isolation:isolate;background:linear-gradient(90deg,#070a0bed 0%,#070a0b91 47%,#070a0b14),url(./background-Q2dXaAj2.png) bottom/cover no-repeat;border-bottom:1px solid #333637;height:100svh;min-height:750px;position:sticky;top:0}.hero:after{content:"";z-index:-1;pointer-events:none;background:rgba(3, 6, 7, calc(var(--hero-progress) * .72));transition:background .12s linear;position:absolute;inset:0}.site-header{z-index:10;height:var(--nav-height);margin-bottom:calc(var(--nav-height) * -1);background:rgba(7, 11, 12, calc(.28 + var(--hero-progress) * .62));width:100%;-webkit-backdrop-filter:blur(calc(3px + var(--hero-progress) * 11px));backdrop-filter:blur(calc(3px + var(--hero-progress) * 11px));border-bottom:1px solid rgba(255, 255, 255, calc(.11 + var(--hero-progress) * .16));will-change:width, top, border-radius, transform;border-radius:0;margin-inline:auto;transition:width .62s cubic-bezier(.22,1,.36,1),top .62s cubic-bezier(.22,1,.36,1),border-radius .62s cubic-bezier(.22,1,.36,1),background .12s linear,border-color .12s linear,box-shadow .62s cubic-bezier(.22,1,.36,1);position:sticky;top:0}:root.hero-is-covered .site-header{border:1px solid #ffffff29;border-radius:26px;width:min(100% - clamp(28px,3vw,64px),1320px);animation:.62s cubic-bezier(.22,1,.36,1) both header-morph;top:14px;box-shadow:0 12px 30px #00000057,inset 0 1px #ffffff09}@keyframes header-morph{0%{border-radius:0;transform:translateY(-4px)scaleX(1)}58%{border-radius:31px;transform:translateY(1px)scaleX(.994)}to{border-radius:26px;transform:translateY(0)scaleX(1)}}.nav{height:var(--nav-height);justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.6px;white-space:nowrap;align-items:center;font-size:clamp(16px,.9vw,19px);font-weight:700;display:inline-flex}.brand img{object-fit:contain;filter:drop-shadow(0 0 8px #ff5d00);width:clamp(39px,2.4vw,49px);height:clamp(39px,2.4vw,49px);margin-right:6px}.brand span span,em,.line-icon,.project-icon,.tool>span,.quality>span{color:#ff640f;font-style:normal}.nav-links{color:#aaaeb0;gap:clamp(35px,2.1vw,47px);font-size:clamp(12px,.65vw,14px);display:flex;position:relative}.nav-links .active{color:#fff}.nav-links a{transition:color .18s}.nav-links a:hover{color:#f7f4ee}.nav-indicator{width:5px;height:5px;transform:translateX(var(--indicator-x,0px)) scaleX(1) scaleY(1);background:#ff640f;border-radius:50%;transition:transform .46s cubic-bezier(.22,1,.36,1),border-radius .26s ease-out;position:absolute;top:calc(100% + 9px);left:0;box-shadow:0 0 9px #ff640f}.nav-links[data-indicator-direction=right] .nav-indicator{transform-origin:0}.nav-links[data-indicator-direction=left] .nav-indicator{transform-origin:100%}.nav-links.is-indicator-moving .nav-indicator{transform:translateX(var(--indicator-x,0px)) scaleX(2.1) scaleY(.78);border-radius:58% 42% 55% 45%}.button{border:1px solid #ff650e;border-radius:25px;align-items:center;gap:13px;padding:12px 20px;font-size:12px;font-weight:700;transition:background .25s,transform .25s;display:inline-flex;box-shadow:inset 0 0 13px #ff5d0024,0 0 13px #ff5d0038}.button:hover{background:#ff640f;transform:translateY(-2px)}.button-small{padding:10px 19px}.arrow{font-size:17px;line-height:.5}.hero-content{min-height:100svh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative}.hero-copy{margin-bottom:18px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:#adb0b1;align-items:center;gap:12px;font:clamp(10px,.55vw,12px) DM Mono,monospace;display:flex}.availability i{background:#ff6413;border-radius:50%;width:11px;height:11px;animation:1.8s infinite pulse;display:inline-block;box-shadow:0 0 #ff6413a6}@keyframes pulse{70%{box-shadow:0 0 0 12px #ff641300}to{box-shadow:0 0 #ff641300}}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-2.8px;margin:14px 0 9px;font-size:clamp(40px,3.2vw,66px);line-height:1.08}.cat-word{background:linear-gradient(110deg,#9e430f,#d66c25 78%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-right:-.035em;padding-right:.035em;display:inline-block}.java-word{color:#ffbd6b;text-shadow:0 0 18px #ffbd6b29}.coffee-word{color:#f2d5aa}.hero-copy>p{color:#b6b9b8;font-size:clamp(13px,.75vw,15px)}.hero-actions{align-items:center;gap:25px;margin:19px 0 32px;display:flex}.scroll-link{color:#b3b7b8;font-size:clamp(11px,.65vw,13px)}.scroll-link b{margin-left:8px;font-size:20px;font-weight:400}.stats{display:flex}.stats div{border-right:1px solid #31393a;width:clamp(116px,7vw,150px);margin-right:24px;padding-right:22px}.stats div:last-child{border:0}.stats strong{font-size:clamp(23px,1.4vw,29px);font-weight:500;display:block}.stats small{color:#abb0b0;font-size:clamp(10px,.58vw,12px);line-height:1.3}.hero-notes{letter-spacing:1px;color:#819093;font:10px/1.45 DM Mono;position:absolute}.side-note{bottom:45px;right:1%}.java-card{--pointer-x:50%;--pointer-y:50%;--tilt-x:0deg;--tilt-y:0deg;z-index:1;aspect-ratio:1.36;background:linear-gradient(130deg, #0c1518d1, #0a0d0f33) padding-box, radial-gradient(200px circle at var(--pointer-x) var(--pointer-y), #ff80289e, #ff5b0a6b 22%, #ff5b0a1a 48%, transparent 72%) border-box, url(./background-Q2dXaAj2.png) center bottom/cover border-box;width:clamp(390px,38vw,570px);transform:translateY(-42%) perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;border:1px solid #0000;border-radius:18px;transition:transform .18s ease-out,box-shadow .18s ease-out;position:absolute;top:50%;right:0;overflow:hidden;box-shadow:0 22px 55px #0000006e,inset 0 0 52px #0407086b}.java-card:hover{box-shadow:0 25px 65px #00000080,0 0 24px #ff5d0012,inset 0 0 52px #0407086b}.java-card__logo{z-index:1;filter:drop-shadow(0 0 16px #ff5500ad);width:48%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(22px)}.java-card__note{z-index:2;color:#aab4b6;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 7px #06090a;font:12px/1.4 DM Mono,monospace;position:absolute}.java-card__note--left{top:10%;left:8%}.java-card__note--right{text-align:right;top:10%;right:8%}.java-card__phrase{white-space:nowrap;line-height:1.5;display:block}.java-card__phrase b{color:#f4c47f;font-weight:500}.java-card__note--right i{background:#ff650e;width:25px;height:3px;margin:12px 0 0 auto;display:block;box-shadow:0 0 8px #ff650ecc}.java-card__note--bottom{bottom:9%;right:9%}.section{border-bottom:1px solid #333637;grid-template-columns:1.2fr 1fr .85fr;gap:clamp(45px,3vw,62px);padding:clamp(42px,3vw,58px) clamp(0px,2vw,34px);display:grid}.site-content .section{align-items:center;min-height:clamp(600px,43vw,760px)}.site-content{z-index:1;background:url(./solid_background-CRvucDN9.png) 50%/cover no-repeat fixed,#090d0e;position:relative;box-shadow:0 -24px 42px #0000008c}@media (prefers-reduced-motion:no-preference){.about .section-intro>*,.about .quality,.stack .section-intro,.reveal-ready .tool,.projects .section-intro,.reveal-ready .project,.contact>*{transition:opacity 1.2s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1),clip-path 1.35s cubic-bezier(.22,1,.36,1)}.about .quote-card{transition:opacity 1.2s cubic-bezier(.22,1,.36,1),clip-path 1.45s cubic-bezier(.22,1,.36,1),transform .14s linear}.reveal-ready .about:not(.is-visible) .section-intro>*{transform:translate(-36px)}.reveal-ready .about:not(.is-visible) .section-intro>:nth-child(2){transition-delay:.18s}.reveal-ready .about:not(.is-visible) .section-intro>:nth-child(3){transition-delay:.36s}.reveal-ready .about:not(.is-visible) .section-intro>:nth-child(4){transition-delay:.54s}.reveal-ready .about:not(.is-visible) .section-intro>:nth-child(5){transition-delay:.72s}.reveal-ready .about:not(.is-visible) .quality{transform:translate(44px)}.reveal-ready .about:not(.is-visible) .quality:nth-child(2){transition-delay:.19s}.reveal-ready .about:not(.is-visible) .quality:nth-child(3){transition-delay:.38s}.reveal-ready .about:not(.is-visible) .quality:nth-child(4){transition-delay:.57s}.reveal-ready .about:not(.is-visible) .quote-card{clip-path:inset(16% round 18px)}.reveal-ready .stack:not(.is-visible) .section-intro{opacity:0;transform:translateY(28px)scale(.96)}.reveal-ready .stack:not(.is-visible) .tool{opacity:0;transform:translateY(36px)rotateX(-14deg)scale(.9)}.reveal-ready .stack:not(.is-visible) .tool:nth-child(2){transition-delay:.18s}.reveal-ready .stack:not(.is-visible) .tool:nth-child(3){transition-delay:.36s}.reveal-ready .stack:not(.is-visible) .tool:nth-child(4){transition-delay:.54s}.reveal-ready .projects:not(.is-visible) .section-intro{opacity:0;transform:translate(-34px)}.reveal-ready .projects:not(.is-visible) .project{opacity:0;clip-path:inset(0 0 100% round 8px)}.reveal-ready .projects:not(.is-visible) .project:nth-child(2){transition-delay:.22s}.reveal-ready .projects:not(.is-visible) .project:nth-child(3){transition-delay:.44s}.reveal-ready .contact:not(.is-visible)>div{opacity:0;transform:translateY(22px)}.reveal-ready .contact:not(.is-visible)>.button{opacity:0;transform:translate(28px)scale(.9)}}.section-intro h2{letter-spacing:-1.3px;margin:13px 0 18px;font-size:clamp(28px,1.9vw,38px);line-height:1.22}.section-intro p{color:#b2b7b5;margin-bottom:14px;font-size:clamp(13px,.8vw,16px);line-height:1.52}.section-intro .button{margin-top:5px}.qualities{border-left:1px solid #263134;padding:0 23px}.about{align-items:stretch}.about .section-intro,.about .qualities{flex-direction:column;justify-content:center;display:flex}.about .section-intro{align-items:flex-start}.quality{gap:17px;margin-bottom:16px;padding:0 0 17px;display:flex}.quality>span{border:1px solid #2e393b;border-radius:8px;place-items:center;min-width:66px;height:66px;font-size:30px;display:grid}.hse-logo{object-fit:contain;filter:drop-shadow(0 0 6px #ff650e38);width:38px;height:38px}.quality h3{margin:7px 0 5px;font-size:14px}.quality p{color:#aeb4b3;margin:0;font-size:11px;line-height:1.45}.quote-card{background:linear-gradient(115deg,#0d1314d9,#0b0e0e21),url(./background-Q2dXaAj2.png) 68% bottom/auto 100% no-repeat;border:1px solid #56321f;border-radius:8px;min-height:0;padding:34px;position:relative}.about .quote-card{height:clamp(450px,30vw,520px);transform:perspective(1200px) rotateX(var(--quote-tilt-x,0deg)) rotateY(var(--quote-tilt-y,0deg));transform-origin:0 0;will-change:transform;align-self:center;transition:transform .14s linear}.quote-card b{color:#ff650e;font-size:42px;line-height:.5}.quote-card blockquote{letter-spacing:-1px;margin:23px 0;font-size:clamp(30px,2vw,40px);line-height:1.12}.quote-card i{background:#ff650e;width:25px;height:3px;position:absolute;bottom:28px}.stack{grid-template-columns:270px 1fr;align-items:center}.compact h2{font-size:clamp(23px,1.5vw,30px)}.tool-grid,.project-grid{grid-template-columns:repeat(4,1fr);gap:clamp(10px,.7vw,14px);display:grid}.tool{text-align:center;border:1px solid #303b3d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:clamp(150px,9vw,182px);padding:10px;transition:border-color .2s,transform .2s;display:flex}.tool:hover,.project:hover{border-color:#ff650e;transform:translateY(-3px)}.tool>span{margin-bottom:9px;font-size:clamp(32px,1.9vw,40px)}.tool strong{font-size:clamp(12px,.75vw,15px)}.tool--coming-soon strong{max-width:11ch;line-height:1.25}.tool--coming-soon>span{filter:drop-shadow(0 0 7px #ff640f66)}.tool small{color:#9ba2a2;margin-top:8px;font-size:clamp(9px,.55vw,11px);line-height:1.35}.projects{grid-template-columns:270px 1fr;align-items:center}.project-grid{grid-template-columns:repeat(3,1fr)}.project{cursor:pointer;border:1px solid #303b3d;border-radius:7px;min-height:clamp(280px,18vw,335px);padding:16px;transition:all .2s;position:relative}.project:focus-visible{outline-offset:3px;outline:2px solid #ff650e}.project-link{font-size:18px;position:absolute;top:13px;right:16px}.project-icon{font-size:24px}.project h3{margin:14px 0 7px;font-size:15px}.project p{color:#b5bcba;min-height:57px;font-size:11px;line-height:1.45}.tags{flex-wrap:wrap;gap:4px;display:flex}.tags small{color:#c1c8c6;background:#162023;border-radius:12px;padding:5px 9px;font-size:8px}.project-button{color:#fff;background:0 0;border:1px solid #ff650e;border-radius:14px;align-items:center;gap:7px;margin-top:13px;padding:5px 10px;font:600 9px Manrope;display:inline-flex}.contact{border-top:1px solid #ff650e;border-bottom:1px solid #353738;justify-content:space-between;align-items:center;min-height:160px;display:flex}.contact h2{margin:0 0 6px;font-size:18px}.contact p{color:#b0b5b4;margin:0;font-size:12px}footer{color:#999f9f;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:112px;font-size:9px;display:grid}footer p{margin:0}footer div{text-align:right}@media (width<=800px){.container{width:min(100% - 32px,620px)}.nav-links{display:none}.hero{background-position:60% bottom;min-height:690px}.hero-content{min-height:100svh;padding-top:var(--nav-height);text-align:center;justify-content:center;align-items:center}.hero-copy{flex-direction:column;align-items:center;margin-bottom:0;display:flex}.stats{text-align:left;justify-content:center}.hero-notes,.java-card{display:none}.section,.stack,.projects{grid-template-columns:1fr;gap:30px;padding:40px 0}.site-content .section{min-height:auto;padding-block:72px}.qualities{border-left:0;padding-left:0}.quote-card{min-height:290px;padding:26px}.about .quote-card{height:290px}.quote-card blockquote{margin:26px 0;font-size:28px}.quote-card i{bottom:24px}.tool-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.project{min-height:210px}.project p{min-height:auto}.contact{align-items:flex-start;gap:20px;padding:25px 0}.contact .button{flex-shrink:0}footer{grid-template-columns:1fr;gap:8px;padding:25px 0}footer div{text-align:left}}@media (width<=460px){.nav .button{gap:7px;padding:8px 11px;font-size:10px;display:inline-flex}.nav .brand{font-size:13px}.nav .brand img{width:32px;height:32px;margin-right:4px}h1{font-size:41px}.hero-copy>p{max-width:260px}.stats div{width:94px;margin-right:10px;padding-right:10px}.section-intro h2{font-size:23px}.hero-actions{gap:14px}.button{padding:11px 16px}}@media (width<=320px){.nav .button{box-shadow:none;color:#c2c6c5;border:0;padding:0}.nav .button:hover{color:#fff;background:0 0;transform:none}}.construction-page{--nord-polar-night:#2e3440;--nord-snow-storm:#e5e9f0;--nord-muted:#aeb6c3;--nord-frost:#88c0d0;min-height:100svh;color:var(--nord-snow-storm);background:var(--nord-polar-night);text-align:center;place-items:center;padding:32px;display:grid;overflow:hidden}.construction-contact{left:50%;bottom:max(18px, env(safe-area-inset-bottom));color:#7b8494;letter-spacing:.02em;opacity:.48;align-items:center;gap:7px;padding:8px 10px;font:400 .72rem/1 DM Mono,monospace;transition:color .18s,opacity .18s;display:inline-flex;position:fixed;transform:translate(-50%)}.construction-contact svg{fill:currentColor;width:14px;height:14px}.construction-contact:hover,.construction-contact:focus-visible{color:var(--nord-frost);opacity:.9}.construction-contact:focus-visible{outline-offset:2px;border-radius:6px;outline:1px solid}.construction-card{width:min(100%,760px);animation:.9s cubic-bezier(.22,1,.36,1) both construction-appear;position:relative;top:clamp(-52px,-5vh,-34px)}.construction-card h1{letter-spacing:-.055em;text-wrap:balance;max-width:720px;margin:20px auto 18px;font-size:clamp(1.85rem,4.8vw,3.7rem);line-height:1.02}.construction-status{color:var(--nord-frost);letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin:26px 0 0;font:500 .75rem/1.4 DM Mono,monospace;display:flex}.construction-status>span{background:var(--nord-frost);border-radius:50%;width:7px;height:7px;animation:2.2s ease-out infinite construction-pulse;box-shadow:0 0 #88c0d073}.construction-copy{color:var(--nord-muted);text-wrap:balance;margin:0 auto;font-size:clamp(.95rem,2vw,1.15rem);line-height:1.7}.coffee-cup{width:96px;height:92px;color:var(--nord-frost);place-items:center;display:inline-grid;position:relative}.cup{filter:grayscale()brightness(1.75)sepia(.08)hue-rotate(165deg);font-size:3.1rem;line-height:1;position:absolute;bottom:0}.steam{background:var(--nord-frost);opacity:0;border-radius:999px;width:2px;height:25px;animation:2.4s ease-in-out infinite coffee-steam;position:absolute;top:5px}.steam--one{left:34px}.steam--two{animation-delay:.45s;left:47px}.steam--three{animation-delay:.9s;left:60px}.loading-dots{min-width:1.25em;display:inline-flex}.loading-dots i{font-style:normal;animation:1.5s infinite dot-blink}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}@keyframes construction-appear{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes construction-pulse{70%,to{box-shadow:0 0 0 11px #88c0d000}}@keyframes coffee-steam{0%{opacity:0;transform:translateY(8px)scaleY(.7)}35%{opacity:.75}to{opacity:0;transform:translateY(-14px)scaleY(1.15)}}@keyframes dot-blink{0%,20%{opacity:.15}50%{opacity:1}80%,to{opacity:.15}}@media (prefers-reduced-motion:reduce){.construction-card,.construction-status>span,.steam,.loading-dots i{animation:none}.steam{opacity:.55}}