.menu-btn{position:fixed;top:24px;left:28px;z-index:1001;font-family:var(--marker);font-weight:800;font-size:19px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);background:transparent;border:none;cursor:pointer;padding:6px 14px}.menu-btn.is-open{border:2.5px solid var(--ink);border-radius:50%/60%;background:var(--paper)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--paper);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-overlay.is-open{opacity:1;visibility:visible}.menu__nav{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.6vh,16px)}.menu__link{font-family:var(--marker);font-weight:800;font-size:clamp(40px,8vw,82px);line-height:1.04;text-transform:uppercase;color:var(--ink);text-decoration:none;opacity:0;transform:translateY(18px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .25s ease}.menu-overlay.is-open .menu__link{opacity:1;transform:translateY(0)}.menu__link:hover{transform:rotate(-2deg) scale(1.03)}.menu__socials{position:absolute;left:0;right:0;bottom:38px;z-index:1;display:flex;justify-content:center;gap:clamp(22px,5vw,60px);font-family:var(--marker);font-weight:700;font-size:clamp(20px,3vw,30px);color:var(--ink)}.menu__socials span{cursor:pointer;transition:transform .2s ease}.menu__socials span:hover{transform:rotate(-2deg)}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.hero__center{text-align:center;position:relative;z-index:1}.hero__name{font-family:var(--marker);font-weight:800;line-height:.92;font-size:clamp(84px,21vw,250px);letter-spacing:.01em;color:var(--ink)}.hero__subtitle{font-family:var(--marker);font-weight:700;font-size:clamp(16px,2.4vw,22px);color:var(--ink-2);max-width:30ch;margin:18px auto 0}.hero__scroll{position:absolute;left:50%;bottom:34px;transform:translate(-50%)}.hero__scroll-arrow{display:inline-block;font-family:var(--marker);font-weight:800;font-size:30px;color:var(--ink);animation:arrow-bounce 1.6s ease-in-out infinite}.hero__toast{position:absolute;top:26px;right:26px;display:flex;gap:12px;align-items:flex-start;width:min(330px,78vw);padding:13px 15px;background:#fafafad9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 12px 30px #0000001a}.hero__toast-icon{width:40px;height:40px;border-radius:10px;background:#e9e9e6;flex:0 0 auto}.hero__toast-body{flex:1 1 auto}.hero__toast-title{font-family:var(--sans);font-weight:700;font-size:14px;color:#111}.hero__toast-text{font-family:var(--sans);font-size:12.5px;line-height:1.3;color:#444;margin-top:2px}.hero__toast-time{font-family:var(--sans);font-size:11px;color:#999}.hero-icons{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.hicon{position:absolute;display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;pointer-events:auto;animation:hicon-in .6s cubic-bezier(.16,1,.3,1) both}@keyframes hicon-in{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hicon__img{display:grid;place-items:center;width:74px;height:74px;font-size:38px;line-height:1;background:#fbfbf9;border:1.5px solid rgba(0,0,0,.07);border-radius:19px;box-shadow:0 10px 24px #0000001a;transition:transform .25s ease}.hicon:hover .hicon__img{transform:translateY(-5px) rotate(-4deg)}.hicon__label{font-family:var(--marker);font-weight:800;font-size:16px;text-transform:uppercase;color:var(--ink)}.i-contact{top:5%;left:50%;transform:translate(-50%)}.i-services{top:13%;right:8%}.i-blogs{top:27%;left:6%}.i-faq{bottom:15%;left:14%}.i-projects{bottom:9%;right:16%}@media (max-width: 899px){.hero-icons{display:none}}@keyframes reveal-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-x{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.reveal{animation:reveal-up .7s cubic-bezier(.16,1,.3,1) both}.reveal-x{animation:reveal-x .6s cubic-bezier(.16,1,.3,1) both}@media (prefers-reduced-motion: reduce){.reveal,.reveal-x{animation:none;opacity:1;transform:none}.hero__scroll-arrow{animation:none}}@media (max-width: 809px){.hero__toast{top:16px;right:16px}.hero__subtitle{margin-top:14px}}.projects{position:relative;padding:clamp(70px,10vh,130px) 0 clamp(40px,6vh,70px)}.projects__head{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(26px,4vh,46px)}.projects__all{flex:0 0 auto;font-family:var(--marker);font-weight:800;font-size:clamp(16px,2.2vw,22px);text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap;transition:transform .2s ease}.projects__all:hover{transform:translate(4px)}.projects__row{position:relative;z-index:1;display:flex;gap:clamp(18px,2vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(24px,calc((100vw - 1180px)/2 + 24px)) 22px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.projects__spacer{flex:0 0 1px}.wincard{scroll-snap-align:start;flex:0 0 auto;width:min(86vw,440px);background:var(--paper);border:1.5px solid rgba(0,0,0,.1);border-radius:18px;box-shadow:0 18px 40px #0000001a;overflow:hidden;transition:transform .28s cubic-bezier(.16,1,.3,1)}.wincard:hover{transform:translateY(-6px)}.wincard__bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f4f4f1;border-bottom:1.5px solid rgba(0,0,0,.08)}.wincard__dots{display:inline-flex;gap:7px;flex:0 0 auto}.wincard__dots i{width:12px;height:12px;border-radius:50%;background:#d9d9d6}.wincard__dots i:nth-child(1){background:#ff5f57}.wincard__dots i:nth-child(2){background:#febc2e}.wincard__dots i:nth-child(3){background:#28c840}.wincard__name{flex:1 1 auto;font-family:var(--sans);font-weight:700;font-size:16px;color:#1a1a1a;margin-left:4px}.wincard__open{flex:0 0 auto;font-family:var(--sans);font-weight:600;font-size:13px;color:#333;text-decoration:none;background:#e7e7e3;border-radius:999px;padding:6px 13px;transition:background .2s ease}.wincard__open:hover{background:#dcdcd6}.wincard__open--soon{color:#888}.wincard__media{position:relative;aspect-ratio:4 / 3;overflow:hidden}.wincard__media img{width:100%;height:100%;display:block}.wincard__cap{display:flex;flex-direction:column;gap:4px;padding:14px 16px 18px}.wincard__tag{font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.wincard__desc{font-family:var(--sans);font-size:14px;line-height:1.4;color:var(--ink-2)}@media (max-width: 760px){.projects__head{flex-direction:column;align-items:flex-start;gap:10px}}.services{position:relative;padding:clamp(60px,9vh,110px) 24px clamp(70px,10vh,130px)}.services .section__title{margin-bottom:clamp(24px,4vh,44px)}.services__layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:40px;align-items:start}@media (min-width: 900px){.services__layout{grid-template-columns:1.5fr .85fr;gap:60px}}.services__list{list-style:none;border:1.5px solid rgba(0,0,0,.12);border-radius:18px;background:#ffffff8c;overflow:hidden}.srv{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px 22px;transition:background .22s ease,padding-left .22s ease}.srv+.srv{border-top:1.5px solid rgba(0,0,0,.1)}.srv:hover{background:#00000008;padding-left:28px}.srv__n{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--muted-2);width:26px}.srv__body{display:flex;flex-direction:column;gap:3px}.srv__t{font-family:var(--marker);font-weight:700;font-size:clamp(22px,3.2vw,32px);line-height:1}.srv__d{font-family:var(--sans);font-size:14px;color:var(--muted)}.srv__chev{font-family:var(--marker);font-weight:800;font-size:30px;color:var(--ink);line-height:1;transition:transform .22s ease}.srv:hover .srv__chev{transform:translate(5px)}.services__note-wrap{position:relative}.services__note{font-family:var(--hand);font-weight:700;font-size:clamp(20px,2.6vw,27px);line-height:1.25;color:var(--ink-2);background:var(--sticky);border:1.5px solid rgba(0,0,0,.08);border-radius:4px;padding:24px 26px;box-shadow:0 12px 28px #00000017;transform:rotate(-2.2deg)}@media (min-width: 900px){.services__note-wrap{margin-top:40px}}.blogs{position:relative;padding:clamp(60px,9vh,110px) 24px clamp(50px,8vh,90px)}.blogs__head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(20px,3vh,36px)}.blogs__all{flex:0 0 auto;font-family:var(--marker);font-weight:800;font-size:clamp(15px,2vw,20px);text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap;transition:transform .2s ease}.blogs__all:hover{transform:translate(4px)}.blogs__list{position:relative;z-index:1;list-style:none}.post{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:18px;padding:16px 6px;border-top:1.5px solid rgba(0,0,0,.1);transition:padding-left .22s ease;cursor:default}.post:last-child{border-bottom:1.5px solid rgba(0,0,0,.1)}.post:hover{padding-left:12px}.post__thumb{width:44px;height:44px;border-radius:8px;border:1.5px solid rgba(0,0,0,.08)}.post__title{font-family:var(--sans);font-weight:600;font-size:clamp(15px,2vw,18px);color:var(--ink)}.post__cat,.post__date{font-family:var(--sans);font-size:14px;color:var(--muted);white-space:nowrap}.post__cat{min-width:130px}.post__date{min-width:60px;text-align:right}@media (max-width: 720px){.post{grid-template-columns:38px 1fr;gap:12px}.post__thumb{width:38px;height:38px}.post__cat,.post__date{display:none}}.faq{position:relative;padding:clamp(60px,9vh,110px) 24px clamp(60px,9vh,110px)}.faq .section__title{margin-bottom:clamp(28px,4vh,48px)}.faq__chat{position:relative;z-index:1;display:flex;flex-direction:column;max-width:700px}.faq__pair{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.bubble{max-width:84%;padding:13px 17px;font-family:var(--sans);font-size:15.5px;line-height:1.4;border-radius:22px}.bubble--q{align-self:flex-start;background:#e9e9eb;color:#111;border-bottom-left-radius:7px;font-weight:600}.bubble--a{align-self:flex-end;background:var(--imsg);color:#fff;border-bottom-right-radius:7px}.contact{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,10vh,120px) 24px clamp(30px,5vh,50px);overflow:hidden}.contact__inner{position:relative;z-index:1;text-align:center;max-width:1100px;margin:0 auto;width:100%}.contact__title{font-family:var(--marker);font-weight:800;font-size:clamp(56px,11vw,140px);line-height:.9}.contact__btn{display:inline-block;margin-top:28px;font-family:var(--sans);font-weight:600;font-size:18px;color:#111;background:#fff;border:1.5px solid rgba(0,0,0,.12);border-radius:14px;padding:14px 30px;box-shadow:0 10px 26px #00000014;text-decoration:none;transition:transform .2s ease}.contact__btn:hover{transform:translateY(-3px)}.contact__wave{display:block;margin:clamp(40px,7vh,70px) 0 clamp(24px,4vh,36px);color:var(--ink)}.contact__socials{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(22px,5vw,64px);font-family:var(--marker);font-weight:700;font-size:clamp(26px,4.4vw,48px)}.contact__socials a{color:var(--ink);text-decoration:none;transition:transform .2s ease}.contact__socials a:hover{transform:rotate(-2deg)}.contact__footer{position:relative;z-index:1;text-align:center;margin-top:clamp(30px,5vh,50px);font-family:var(--sans);font-size:12px;color:var(--muted-2)}:root{--ink: #000000;--ink-2: #1f1f1f;--muted: #7c7c7c;--muted-2: #a1a1a1;--paper: #ffffff;--grid: rgba(0, 0, 0, .055);--sticky: #fff2c2;--imsg: #2a8cff;--marker: "Permanent Marker", "Shantell Sans", system-ui, sans-serif;--marker-cyr: "Shantell Sans", system-ui, sans-serif;--hand: "Caveat", cursive;--sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}#root{min-height:100%}.paper-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:34px 34px}.content{position:relative;z-index:1}.doodle{position:absolute;display:block;color:var(--ink);pointer-events:none;z-index:0;opacity:.1}.doodle svg{width:100%;height:100%;display:block;overflow:visible}.section{position:relative;width:100%;max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}.section__title{position:relative;z-index:1;font-family:var(--marker);font-weight:800;font-size:clamp(48px,8vw,96px);line-height:.92}.reveal-scroll{opacity:0;transform:translateY(var(--rv-y, 30px));transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--rv-delay, 0s)}.reveal-scroll.is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal-scroll{opacity:1;transform:none;transition:none}}