*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}.container{max-width:1100px;margin:0 auto;padding:0 20px}.section{padding:24px 0}.section--muted{background:rgba(0,0,0,.03)}.section__header{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px}.grid{display:grid;gap:32px}.grid--3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid--auto{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}@media(max-width: 900px){.grid--3{grid-template-columns:1fr}}.card{border-radius:16px;border:1px solid rgba(0,0,0,.08);overflow:hidden}.card__link{display:block;color:inherit;text-decoration:none}.card__thumb{width:100%;height:180px;object-fit:cover;display:block}.card__body{padding:12px}.card--project{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:0;transition:none}.card__media{position:relative;overflow:hidden;border-radius:16px;transform-origin:center;transition:transform .3s ease,box-shadow .3s ease}.card__media:hover{transform:scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,.25)}@media(max-width: 600px){.card--project:hover{transform:none;box-shadow:none}}.card__label{position:absolute;left:0;right:0;bottom:10px;text-align:center;background:rgba(0,0,0,.8);color:#fff;padding:.5rem 0}.tags{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12)}.hero{width:100%;max-width:none;background-image:var(--hero-bg);background-size:cover;background-position:center;background-repeat:no-repeat;backface-visibility:hidden;position:relative;overflow:hidden;height:100vh;min-height:520px}@media(min-width: 640px){.hero{background-position:50% 0}}.hero__overlay{position:absolute;inset:0;z-index:1;background:rgba(62,92,132,.35)}.hero__content{position:relative;z-index:2;padding:100px 20px;color:#fff;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-duration:1.2s}.hero__title{font-weight:500;letter-spacing:1px;line-height:1.1;margin:5px 0;width:min(85%,900px);font-size:clamp(36px,4vw,48px)}@media(max-width: 430px){.hero__title{font-size:26px}}.hero__text{max-width:70ch;margin:16px 0 0 0;opacity:.95}.hero__actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}@keyframes heroInLeft{from{opacity:0;transform:translate3d(-12px, 0, 0);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}.hero-anim{opacity:0;animation:heroInLeft 700ms cubic-bezier(0.2, 0.3, 0.25, 0.9) both;will-change:transform,opacity,filter}.hero-anim--d1{animation-delay:120ms}.hero-anim--d2{animation-delay:260ms}.hero-anim--d3{animation-delay:380ms}.hero-anim--d4{animation-delay:520ms}@media(prefers-reduced-motion: reduce){.hero-anim{opacity:1;animation:none;transform:none;filter:none}}.btn{display:inline-block;padding:12px 16px;border-radius:12px;background:#fff;color:#000;text-decoration:none}.btn--ghost{background:rgba(0,0,0,0);color:#fff;border:1px solid hsla(0,0%,100%,.5);margin-left:10px}.btn__black{display:inline-flex;padding:12px 16px;border-radius:12px;border:1px solid #000;background:rgba(0,0,0,0);color:#000;text-decoration:none;white-space:nowrap}@media(max-width: 320px){.btn__black{white-space:normal;text-align:center}}.site-header{position:fixed;top:0;width:100%;z-index:1000;background:rgba(0,0,0,0);transition:all .25s ease}.site-header.shrink{background:hsla(0,0%,100%,.95);backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,.08)}.header__inner{display:flex;justify-content:space-between;align-items:center;height:72px;transition:height .25s ease}.site-header.shrink .header__inner{height:56px}.header__name{font-weight:600;text-decoration:none;color:inherit}.header__nav a{margin-left:18px;text-decoration:none;font-size:14px;color:inherit;opacity:.85}.header__nav a:hover{opacity:1}.site-footer{margin-top:80px;padding:32px 0;border-top:1px solid rgba(0,0,0,.08);font-size:14px}.footer__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer__links a{margin-left:16px;text-decoration:none;opacity:.7}.footer__links a:hover{opacity:1}/*# sourceMappingURL=style.css.map */