:root{--motion-duration:800ms}body{overflow-x:clip}.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;background:var(--green);width:100%;transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:25;background:#171a15ed;color:#e4e8db;border:1px solid #566047;border-radius:30px;padding:10px 16px;font:500 12px var(--font);cursor:pointer;backdrop-filter:blur(12px)}.motion-toggle:focus-visible{outline:3px solid var(--green);outline-offset:4px}.header{position:relative;z-index:3}.hero{position:relative;padding-top:55px}.hero-stage{position:relative;min-height:560px;display:flex;align-items:center;isolation:isolate}.hero-stage h1{font-size:clamp(50px,6.4vw,92px);line-height:1.08;letter-spacing:-4px;z-index:2;pointer-events:none;width:82%;margin:28px 0 90px}.headline-line{display:block}.hero-showcase{position:absolute;right:-2%;top:17%;width:36%;background:#d9ded4;color:#171b17;border:1px solid #ffffff40;border-radius:12px;overflow:hidden;box-shadow:0 30px 100px #0009;transform:perspective(1100px) rotateY(-16deg) rotateZ(8deg);z-index:-1;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.hero-showcase:hover,.hero-showcase:focus-visible{transform:perspective(1100px) rotateY(0deg) rotateZ(0deg) translateY(-12px);z-index:3}.showcase-top,.showcase-bottom{padding:17px;display:flex;justify-content:space-between;gap:15px}.showcase-top{font-size:10px;letter-spacing:1.5px}.hero-showcase img{width:100%;height:235px;object-fit:cover;display:block}.showcase-bottom{flex-direction:column;background:#e4e8df}.showcase-bottom strong{font:28px Georgia,serif}.showcase-bottom span{font-size:12px}.orbit-star{position:absolute;right:-3%;bottom:9%;font-size:130px;line-height:1;color:var(--green);z-index:1;animation:orbit 30s linear infinite}.hero:before{content:'';position:absolute;width:620px;height:620px;max-width:90vw;right:-8%;top:-90px;background:radial-gradient(ellipse,#7bb31d18,transparent 66%);pointer-events:none;z-index:-1}.hero-bottom{position:relative;z-index:2}.hero-foot{margin-top:48px}.ticker{transform:rotate(-1.4deg);margin:20px -2% 0;width:104%;padding:24px 0}.ticker>div{justify-content:flex-start;width:max-content;animation:ticker-drift 26s linear infinite}.ticker:hover>div{animation-play-state:paused}.ticker-copy{display:flex;align-items:center;gap:45px;padding-right:45px}.section-label{font-size:13px}.service-card{border-radius:14px;background:linear-gradient(145deg,#23291a,#151713);position:relative;overflow:hidden}.service-card.featured{background:linear-gradient(145deg,#364424,#202718)}.service-card:hover{box-shadow:0 18px 45px #0003}.card-top svg{transition:transform .5s}.service-card:hover svg{transform:rotate(-10deg) scale(1.15)}.project-preview{border-radius:14px;transition:transform .45s,box-shadow .45s;will-change:auto}.project-card{perspective:1000px}.project-card:hover .project-preview{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px);box-shadow:0 25px 60px #0006}.project-preview img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.project-card:hover img{transform:scale(1.07)}.project-open{border:1px solid #4c573a;border-radius:50%;width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}.project-card:hover .project-open{background:var(--green);color:var(--bg);transform:rotate(45deg)}.portfolio-grid{gap:70px 38px}.project-card:nth-child(even){margin-top:90px}.project-invite{border-radius:14px}.contact{position:relative}.contact:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 48% at 58% 50%,#b4ff3a12 0%,#b4ff3a06 48%,transparent 100%)}.email{transition:color .3s}.motion-ready .reveal{opacity:0;transform:translateY(34px);transition:opacity var(--motion-duration) ease,transform var(--motion-duration) cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .headline-line{animation:headline-in 1s both cubic-bezier(.16,1,.3,1)}.motion-ready .headline-line:nth-child(2){animation-delay:.13s}.motion-ready .headline-line:nth-child(3){animation-delay:.26s}@keyframes headline-in{from{opacity:0;transform:translateY(45px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes ticker-drift{to{transform:translateX(-50%)}}html.motion-paused{scroll-behavior:auto}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .reveal{opacity:1!important;transform:none!important}footer{padding-bottom:80px}@media(min-width:1100px){.approach> .section-label{position:sticky;top:45px;align-self:start}}@media(max-width:1000px){.hero-stage{min-height:470px}.hero-stage h1{font-size:clamp(48px,7vw,76px);letter-spacing:-3px}.hero-showcase{width:37%;right:0}.hero-showcase img{height:180px}.showcase-bottom strong{font-size:23px}.orbit-star{font-size:95px;bottom:7%;right:1%}.portfolio-grid{gap:45px 25px}.project-card:nth-child(even){margin-top:55px}}@media(max-width:650px){.hero-stage{display:block;min-height:0;padding-bottom:20px}.hero-stage h1{font-size:clamp(39px,9.4vw,60px);width:100%;letter-spacing:-1.8px;margin:30px 0}.hero-showcase{position:relative;display:block;right:auto;top:auto;width:82%;margin:35px auto;transform:rotate(-4deg);z-index:0}.hero-showcase img{height:170px}.orbit-star{bottom:25px;right:0;font-size:80px}.showcase-bottom{padding:15px}.hero-bottom{gap:24px}.hero-foot{margin-top:35px}.portfolio-grid{gap:38px}.project-card:nth-child(even){margin-top:0}.ticker-copy{gap:25px;padding-right:25px}.hero p{font-size:16px}.motion-toggle{font-size:12px;bottom:12px;right:12px}.section-label{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-showcase{transform:none}}
