*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:DM Sans,sans-serif;background:#fafaf8;color:#111;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#3e6fe3;color:#fff}a{color:inherit}h1,h2,h3,p{margin:0}.btn{display:inline-block;border-radius:999px;padding:16px 34px;font-weight:600;font-size:16px;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .2s ease}.btn--solid{background:#111;color:#fff;border:none}.btn--solid:hover{background:#2e2e2e}.btn--ghost{background:transparent;color:#111;border:1.5px solid #111111}.btn--ghost:hover{background:#1111110f}.section{padding:clamp(80px,12vw,140px) 24px 0;scroll-margin-top:70px}.section__inner{max-width:900px;margin:0 auto}.section__label{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#999}.section__title{font-size:clamp(36px,6vw,60px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-top:14px;text-wrap:balance}[data-reveal]{will-change:transform,opacity}[data-reveal=grow]{transform-origin:left bottom}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(20px,4vw,40px);background:transparent;border-bottom:1px solid transparent;transform:translateY(0);transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease;will-change:transform}.navbar--solid{background:#fafaf8d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:#0000000f}.navbar--hidden{transform:translateY(-110%)}.navbar__logo{font-weight:800;font-size:18px;letter-spacing:-.02em;color:#111;text-decoration:none;white-space:nowrap}.navbar__accent{color:#3e6fe3}.navbar__links{display:flex;align-items:center;gap:clamp(14px,3vw,32px);font-size:15px;font-weight:500}.navbar__links a{color:#111;text-decoration:none;opacity:.75;transition:opacity .2s ease}.navbar__links a:hover{opacity:1}.navbar__cta{background:#111;color:#fff;border-radius:999px;padding:10px 22px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;transition:background .2s ease}.navbar__cta:hover{background:#2e2e2e}@media (max-width: 560px){.navbar__links{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero__content{position:relative;z-index:1;text-align:center;padding:130px 24px 90px;max-width:980px;will-change:transform,opacity}@keyframes hero-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}[data-entrance]{animation:hero-in .9s cubic-bezier(.22,1,.36,1) both}[data-entrance="1"]{animation-delay:.12s}[data-entrance="2"]{animation-delay:.23s}[data-entrance="3"]{animation-delay:.34s}[data-entrance="4"]{animation-delay:.45s}.hero__label{font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#666}.hero__headline{font-size:clamp(54px,11vw,136px);font-weight:900;line-height:.98;letter-spacing:-.045em;margin:22px 0 28px;text-wrap:balance}.hero__typed{display:inline;white-space:pre}.hero__cursor{display:inline-block;width:.06em;height:.85em;background:currentColor;margin-left:.05em;vertical-align:middle;border-radius:1px;animation:blink .65s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__sub{font-size:clamp(17px,2vw,21px);color:#444;max-width:560px;margin:0 auto 42px;line-height:1.55;text-wrap:pretty}.hero__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.services__title{max-width:640px;transform-origin:left bottom;will-change:transform}.services__list{margin-top:56px;border-bottom:1px solid #e0ddd4}.services__row{display:grid;grid-template-columns:clamp(72px,14vw,150px) 1fr;gap:12px 20px;align-items:start;padding:40px 0;border-top:1px solid #e0ddd4;will-change:transform,opacity}.services__num{font-size:clamp(40px,6vw,60px);font-weight:900;line-height:.9;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px #c6c2b6}.services__name{font-size:clamp(22px,3vw,27px);font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.services__text{font-size:16px;color:#555;line-height:1.65;max-width:580px;text-wrap:pretty;margin:0}.portfolio__project{margin-top:56px;will-change:transform,opacity}.portfolio__project+.portfolio__project{margin-top:64px}.portfolio__head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.portfolio__name{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}.portfolio__tag{display:inline-block;font-size:13px;font-weight:600;border-radius:999px;padding:4px 12px}.portfolio__text{font-size:15.5px;color:#555;line-height:1.6;margin:10px 0 20px;max-width:620px;text-wrap:pretty}.portfolio__img,.portfolio__placeholder{width:100%;height:380px;border:1px solid #e9e7e1;border-radius:16px;background:#fff}.portfolio__img{object-fit:cover;display:block}.portfolio__placeholder{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#b5b2a8;background-image:repeating-linear-gradient(-45deg,transparent 0 14px,rgba(0,0,0,.025) 14px 28px)}.contact-section{padding-bottom:clamp(80px,10vw,120px)}.contact__title{max-width:700px}.contact__sub{font-size:17px;color:#555;line-height:1.6;margin-top:18px;max-width:560px;text-wrap:pretty}.contact__form{background:#fff;border:1px solid #e9e7e1;border-radius:24px;padding:clamp(28px,5vw,48px);margin-top:48px;max-width:680px;will-change:transform,opacity}.contact__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.contact__field{display:flex;flex-direction:column;gap:8px}.contact__field--full{margin-top:18px}.contact__field label{font-size:14px;font-weight:600}.contact__field input,.contact__field textarea{width:100%;padding:14px 16px;border:1px solid #dddbd4;border-radius:12px;font-size:16px;font-family:inherit;background:#fafaf8;color:#111;outline:none;transition:border-color .2s ease,background .2s ease}.contact__field textarea{resize:vertical;line-height:1.5}.contact__field input:focus,.contact__field textarea:focus{border-color:#111;background:#fff}.contact__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}.contact__alt{font-size:14px;color:#777}.contact__alt a{color:#111;font-weight:600}.admin-login{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#fafaf8;display:flex;align-items:center;justify-content:center;padding:24px}.admin-login__card{background:#fff;border:1px solid #e9e7e1;border-radius:24px;padding:clamp(32px,6vw,48px);width:min(420px,100%)}.admin-login__logo{font-weight:800;font-size:18px;letter-spacing:-.02em}.admin-login__accent{color:#3e6fe3}.admin-login__title{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:18px 0 6px}.admin-login__hint{font-size:14px;color:#777;margin-bottom:26px}.admin-login__form{display:flex;flex-direction:column;gap:16px}.admin-login__field{display:flex;flex-direction:column;gap:8px}.admin-login__field label{font-size:14px;font-weight:600}.admin-login__field input{width:100%;padding:14px 16px;border:1px solid #dddbd4;border-radius:12px;font-size:16px;font-family:inherit;background:#fafaf8;color:#111;outline:none;transition:border-color .2s ease,background .2s ease}.admin-login__field input:focus{border-color:#111;background:#fff}.admin-login__error{font-size:14px;color:#c0392b;background:#fdf0ef;border:1px solid #f5c6c3;border-radius:10px;padding:10px 14px;margin:0}.admin-login__submit{margin-top:8px;padding:15px 32px}.admin-login__submit:disabled{opacity:.6;cursor:not-allowed}.admin-login__back{display:inline-block;margin-top:22px;font-size:14px;font-family:inherit;color:#777;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease}.admin-login__back:hover{color:#111}.admin-dash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#fafaf8;overflow-y:auto}.admin-dash__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(20px,4vw,40px);border-bottom:1px solid #e9e7e1;background:#fafaf8eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:2}.admin-dash__brand{display:flex;align-items:center;gap:12px}.admin-dash__logo{font-weight:800;font-size:18px;letter-spacing:-.02em}.admin-dash__accent{color:#3e6fe3}.admin-dash__chip{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#777;border:1px solid #dddbd4;border-radius:999px;padding:3px 10px}.admin-dash__user{display:flex;align-items:center;gap:14px}.admin-dash__username{font-size:14px;color:#777;font-weight:500}.admin-dash__logout{background:transparent;border:1.5px solid #111111;color:#111;border-radius:999px;padding:8px 20px;font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;transition:background .2s ease}.admin-dash__logout:hover{background:#1111110f}.admin-dash__loading,.admin-dash__error,.admin-dash__empty{font-size:15px;color:#777;margin-top:24px}.admin-dash__error{color:#c0392b}.admin-dash__content{max-width:900px;margin:0 auto;padding:clamp(40px,7vw,72px) 24px 80px}.admin-dash__title{font-size:clamp(40px,7vw,64px);font-weight:900;letter-spacing:-.04em;line-height:1;margin:14px 0 10px}.admin-dash__count{font-size:15px;color:#777;margin-bottom:44px}.admin-dash__list{border-bottom:1px solid #e0ddd4}.admin-dash__row{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:26px 0;border-top:1px solid #e0ddd4}.admin-dash__sys{min-width:220px}.admin-dash__sys-name{font-size:18px;font-weight:800;letter-spacing:-.01em}.admin-dash__sys-url{font-size:14px;color:#999;margin-top:4px}.admin-dash__meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.admin-dash__status{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#444;min-width:150px}.admin-dash__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.admin-dash__updated{font-size:14px;color:#999;min-width:92px}.admin-dash__open{font-size:14px;font-weight:600;color:#111;text-decoration:none;border:1.5px solid #111111;border-radius:999px;padding:7px 18px;transition:background .2s ease}.admin-dash__open:hover{background:#1111110f}.login-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#fafaf8;display:flex;align-items:center;justify-content:center;padding:24px}.login-gate__card{width:min(440px,100%);display:flex;flex-direction:column;align-items:flex-start;gap:0}.login-gate__logo{font-weight:800;font-size:18px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.login-gate__accent{color:#3e6fe3}.login-gate__badge{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#777;border:1px solid #dddbd4;border-radius:999px;padding:3px 10px}.login-gate__title{font-size:clamp(48px,10vw,80px);font-weight:900;letter-spacing:-.04em;line-height:1;margin:24px 0 10px;color:#111}.login-gate__hint{font-size:16px;color:#777;margin:0 0 32px}.login-gate__form{display:flex;flex-direction:column;gap:12px;width:100%}.login-gate__input{width:100%;padding:16px 20px;border:1.5px solid #dddbd4;border-radius:14px;font-size:17px;font-family:inherit;background:#fff;color:#111;outline:none;transition:border-color .2s ease;box-sizing:border-box}.login-gate__input:focus{border-color:#111}.login-gate__error{font-size:14px;color:#c0392b;margin:0}.login-gate__btn{background:#111;color:#fff;border:none;border-radius:999px;padding:16px 36px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s ease;align-self:flex-start}.login-gate__btn:hover{background:#333}.footer{border-top:1px solid #e9e7e1;padding:32px 24px;margin-top:clamp(80px,10vw,120px)}.footer__inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:#777}.footer__accent{color:#3e6fe3}.footer__links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer__mail{color:#777;text-decoration:none;transition:color .2s ease}.footer__mail:hover{color:#111}.footer__admin{font-size:13px;font-family:inherit;color:#aaa7a0;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease}.footer__admin:hover{color:#111}