:root{color-scheme:dark;--bg: #0a0b0e;--surface: #14161b;--surface-2: #1e2128;--text: #f4f5f7;--muted: #989da8;--line: #2a2d36;--accent: #e8833a;--accent-2: #7fb4c9;--success: #34d399;--error: #f87171;--font: "Inter", system-ui, sans-serif;--font-head: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--pad-x: clamp(1.25rem, 6vw, 6rem);--content: 1120px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{background:var(--bg)}body{font-family:var(--font);font-size:1rem;line-height:1.65;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.head{font-family:var(--font-head);font-weight:600;line-height:1.06;letter-spacing:-.015em}.mono{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.14em}.accent{color:var(--accent)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.bg-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(.9) contrast(1.07) brightness(.97) blur(2.5px);transform:scale(1.03)}.mobile-poster{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(../img/mobile-poster.jpg);background-size:cover;background-position:center;z-index:0}.bg-tint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 95% at 32% 42%,transparent 0%,rgba(6,7,10,.42) 62%,rgba(6,7,10,.78) 100%),linear-gradient(to bottom,#06070a80,#06070a2e 24%,#06070a3d 70%,#06070a99)}.film-grain{position:fixed;top:-140px;right:-140px;bottom:-140px;left:-140px;z-index:2;pointer-events:none;background:url(../img/grain.png) repeat;background-size:320px 320px;opacity:.055;mix-blend-mode:overlay;animation:grainShift .9s steps(9) infinite}@keyframes grainShift{0%{transform:translate(0)}11%{transform:translate(-38px,24px)}22%{transform:translate(22px,-44px)}33%{transform:translate(-14px,60px)}44%{transform:translate(52px,8px)}55%{transform:translate(-60px,-30px)}66%{transform:translate(30px,48px)}77%{transform:translate(-24px,-58px)}88%{transform:translate(44px,-12px)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.film-grain{animation:none}.bg-video{display:none}.mobile-poster{display:block}}#page{position:relative;z-index:10}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.85rem var(--pad-x);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.nav__brand{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.dot{color:var(--accent)}.nav__links{display:flex;align-items:center;gap:1.6rem}.nav__link{color:var(--muted);transition:color .25s ease}.nav__link:hover{color:var(--text)}.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--pad-x)}.hero__inner{width:min(600px,100%)}.eyebrow{color:var(--accent);margin-bottom:1.1rem}.hero__title{font-size:clamp(3rem,7.5vw,6rem);margin-bottom:1.4rem}.hero__sub{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--muted);max-width:46ch;margin-bottom:2.2rem}.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--muted);letter-spacing:.3em;animation:heroScroll 2.6s ease-in-out infinite}@keyframes heroScroll{0%,to{opacity:.35;transform:translate(-50%)}50%{opacity:.9;transform:translate(-50%,6px)}}#impact{position:relative}.impact__pin{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--pad-x)}.impact__text{font-size:clamp(2.4rem,6.2vw,5rem);max-width:18ch}.impact__text .word{display:inline-block;will-change:opacity,transform,filter}.section{position:relative;padding:16vh var(--pad-x)}.section__inner{max-width:var(--content);margin-inline:auto}.section__head{max-width:62ch;margin-bottom:3.2rem}.section__head h2{font-size:clamp(1.9rem,3.6vw,3rem);margin-bottom:1.1rem}.lead{color:var(--muted);font-size:1.08rem;max-width:56ch}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.step{padding:1.6rem;border-radius:16px}.step__num{color:var(--accent);margin-bottom:1rem}.step h3{font-size:1.15rem;margin-bottom:.5rem}.step p{color:var(--muted);font-size:.92rem}.perf{display:grid;gap:.85rem}.perf__row{display:grid;grid-template-columns:180px 1fr;gap:1.5rem;align-items:center;padding:1.4rem 1.8rem;border-radius:14px}.perf__key{color:var(--accent)}.perf__row p:last-child{color:var(--muted);font-size:.98rem}.materials{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;padding:clamp(1.8rem,4vw,3.5rem);border-radius:20px}.materials__aa{font-size:clamp(6rem,12vw,10rem);line-height:1;background:linear-gradient(180deg,var(--text),color-mix(in srgb,var(--text) 30%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}.materials__fonts{margin-top:1.4rem;display:grid;gap:.5rem;color:var(--muted)}.materials__list{display:grid;gap:1.1rem;align-content:center;color:var(--muted);font-size:1rem}.materials__list .tick{font-size:.55rem;vertical-align:.25em;margin-right:.7rem}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card{padding:1.7rem;border-radius:16px;transition:transform .35s ease,border-color .35s ease}.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.card__num{color:var(--accent);margin-bottom:1.1rem}.card h3{font-size:1.12rem;margin-bottom:.5rem}.card p{color:var(--muted);font-size:.92rem}#work{position:relative}.work__pin{position:relative;min-height:100svh;overflow:hidden;padding:0 var(--pad-x)}.work__head{position:absolute;top:14vh;left:var(--pad-x);right:var(--pad-x);max-width:var(--content);margin-inline:auto}.work__head h2{font-size:clamp(1.9rem,3.4vw,2.8rem);margin-bottom:.8rem}.work__counter{color:var(--muted)}.work__track{position:absolute;top:0;right:0;bottom:0;left:0}.work .work-card,.work__track .work-card{position:absolute;top:57%;left:50%;width:min(920px,84vw);transform:translate(-50%,-50%);border-radius:20px;overflow:hidden;color:inherit;text-decoration:none;display:block}a.work-card{cursor:pointer}.work-card__media{aspect-ratio:21 / 10;background:var(--surface-2)}.work-card__media img{width:100%;height:100%;object-fit:cover}.work-card__body{display:flex;gap:2.4rem;align-items:flex-start;padding:1.5rem 1.9rem 1.7rem}.work-card__head{flex:0 0 38%}.work-card__desc{flex:1}.work-card__tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem}.work-card__tag{color:var(--accent);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px;padding:.2rem .6rem}.work-card__body h3{font-size:1.25rem;margin-bottom:.4rem}.work-card__body p{color:var(--muted);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-card__more{display:inline-block;margin-top:.9rem;color:var(--accent);font-size:.66rem}.work__hint{position:absolute;bottom:2rem;right:var(--pad-x);color:var(--muted);letter-spacing:.3em}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}.tier{position:relative;display:flex;flex-direction:column;padding:1.9rem;border-radius:18px}.tier--featured{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent),0 24px 80px #0006}.tier__badge{position:absolute;top:-.7rem;left:1.9rem;background:var(--accent);color:#100905;padding:.28rem .7rem;border-radius:999px;font-size:.6rem}.tier__name{font-size:1.3rem;margin-bottom:.7rem}.tier__price{display:flex;align-items:baseline;gap:.55rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.tier__from{color:var(--muted)}.tier__price strong{font-size:2.3rem;font-weight:600;line-height:1}.tier__tagline{color:var(--muted);font-size:.95rem;margin-bottom:1.3rem}.tier__features{display:grid;gap:.7rem;margin-bottom:1.7rem}.tier__features li{display:flex;gap:.6rem;font-size:.92rem}.tier__features li:before{content:"✓";color:var(--accent);font-weight:700;flex-shrink:0}.tier .glass-btn{margin-top:auto;width:100%}.tiers__note{text-align:center;color:var(--muted);margin-top:2rem}.tiers__note a{color:var(--accent)}.form{max-width:620px;margin:1.8rem auto 0;text-align:left}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:block;margin-bottom:1rem}.field__label{display:block;color:var(--muted);margin-bottom:.45rem}.field__input{width:100%;font-family:var(--font);font-size:1rem;color:var(--text);background:#0a0b0e8c;border:1px solid var(--line);border-radius:12px;padding:.8rem .95rem;transition:border-color .2s ease}.field__input::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.field__input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.field__textarea{resize:vertical;min-height:120px}.field--error .field__input{border-color:var(--error)}.field__error{display:block;min-height:1em;margin-top:.35rem;color:var(--error);font-size:.8rem}.form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.3rem;margin-top:.5rem}.form__status{min-height:1.4em;margin-top:1rem;font-size:.95rem}.form__status--success{color:var(--success)}.form__status--error{color:var(--error)}#contact.section{padding-bottom:6vh}.cta-panel{padding:clamp(2.2rem,5vw,4.5rem);border-radius:24px;text-align:center}.cta-panel h2{font-size:clamp(2rem,4.4vw,3.4rem);margin:.9rem 0 1.1rem}.cta-panel .lead{margin-inline:auto;margin-bottom:2.4rem}.cta-panel__actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.cta-panel__mail{color:var(--muted)}.detail{min-height:100vh}.detail-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 85% at 18% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 58%),var(--bg)}.case{position:relative;z-index:10;padding:18vh var(--pad-x) 6vh}.case__inner{max-width:860px;margin-inline:auto}.case__state{text-align:center;padding-top:8vh}.case__title{font-size:clamp(2.4rem,6vw,4.4rem);margin:1rem 0 1.3rem}.case__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.6rem}.case__tags .work-card__tag{list-style:none}.case__media{border-radius:20px;overflow:hidden;margin-bottom:3rem}.case__media img{width:100%;display:block}.case__body{max-width:68ch}.case__body p{color:var(--muted);font-size:1.1rem;margin-bottom:1.4rem}.case__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.6rem}.case__cta{margin-top:6rem;padding:clamp(2rem,4vw,3.5rem);border-radius:24px;text-align:center}.case__cta h2{font-size:clamp(1.8rem,3.5vw,2.6rem);margin:.9rem 0 .8rem}.case__cta .lead{margin:0 auto 1.9rem}.muted{color:var(--muted)}.footer{position:relative;z-index:10;margin-top:6vh;padding:8vh var(--pad-x) 4vh;background:var(--bg)}.footer:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:20vh;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}.footer__inner{max-width:var(--content);margin-inline:auto}.footer__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.8rem;margin-bottom:3rem}.footer__brand{font-size:1.5rem;font-weight:700}.footer__tag{color:var(--muted);font-size:.95rem;margin-top:.5rem;max-width:34ch}.footer__links{display:flex;flex-wrap:wrap;gap:1.8rem}.footer__links a{color:var(--muted);transition:color .25s ease}.footer__links a:hover{color:var(--text)}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.6rem;border-top:1px solid var(--line)}.footer__note{color:var(--muted)}@media (max-width: 1023px){.steps,.cards{grid-template-columns:repeat(2,1fr)}.tiers{grid-template-columns:1fr;max-width:460px;margin-inline:auto}.tier--featured{order:-1}}@media (hover: none),(max-width: 768px){.bg-video{filter:saturate(.9) contrast(1.07) brightness(.97) blur(1px)}.section{padding:9vh var(--pad-x)}.section__head{margin-bottom:2.2rem}.impact__pin{min-height:72svh}.hero{justify-content:flex-start;align-items:flex-end;padding-bottom:10vh}.hero__title{font-size:clamp(2.6rem,12vw,3.6rem)}.hero__sub{font-size:1rem;margin-bottom:1.6rem}.hero__scroll{display:none}.steps,.cards{grid-template-columns:1fr}.perf__row{grid-template-columns:1fr;gap:.4rem}.materials,.form__row{grid-template-columns:1fr}.work__pin{min-height:0;padding-top:9vh;padding-bottom:6vh}.work__head{position:static;margin-bottom:1.8rem}.work__counter,.work__hint{display:none}.work__track{position:static;display:grid;gap:1.4rem}.work__track .work-card{position:static;width:100%;transform:none;border-radius:16px}.work-card__media{aspect-ratio:16 / 10}.work-card__body{flex-direction:column;gap:.7rem;padding:1.1rem 1.2rem 1.3rem}.work-card__head{flex:none}.work-card__body h3{font-size:1.15rem}.work-card__more{margin-top:.4rem}}@media (max-width: 520px){.nav{padding:.7rem 1.1rem}.nav__brand{font-size:1.15rem}.nav__link{display:none}.nav__links{gap:.8rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.glass{position:relative;overflow:hidden;background:#12131975;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);backdrop-filter:blur(22px) saturate(1.18);-webkit-backdrop-filter:blur(22px) saturate(1.18);box-shadow:0 24px 80px #00000052}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 38%,color-mix(in srgb,var(--accent) 12%,transparent));pointer-events:none}.glass>*{position:relative;z-index:2}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-head);font-size:.95rem;font-weight:600;letter-spacing:.01em;padding:.85rem 1.6rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.glass-btn:hover{transform:translateY(-2px)}.glass-btn:active{transform:translateY(0)}.glass-btn--primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#ffffff 20%));color:#100905;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 30%,transparent)}.glass-btn--primary:hover{box-shadow:0 0 34px color-mix(in srgb,var(--accent) 45%,transparent)}.glass-btn--ghost{background:#12131966;border-color:color-mix(in srgb,var(--line) 90%,transparent);color:var(--text);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.glass-btn--ghost:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.glass-btn--sm{font-size:.82rem;padding:.55rem 1.1rem}
