:root{--color-white: #FCFCFC;--color-textblack: #1F1F1F;--color-texthover: #7C7C7C;--color-text: #7E7E7E;--collor-cards:#1e2e7c;--font-family-base: "Inter", sans-serif;--weight-bold: 700;--weight-semibold: 600;--weight-medium: 500;--ls-small: -.07em;--upper: uppercase;--normal-case: none;--text-14: 14p;--text-16: 16px;--text-100: 110px;--padding-side: 40px;--side-padding: 40px;--container-wight: 1360px;--container-padding-x: 15px;--transition-fast: .2s}html{scroll-behavior:smooth}@font-face{font-family:Inter;src:url(/_astro/Inter-Bold.qmp61_03.woff2);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/_astro/Inter-SemiBold.1vGiIFm-.woff2);font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/_astro/Inter-Medium.IZr8HYrM.woff2);font-weight:500;font-style:normal;font-display:swap}body{margin:0;font-family:var(--font-family-base);font-size:16px;line-height:1.2;color:var(--color-text);background-color:var(--color-white)}.container{width:100%;max-width:1920px;margin:0 auto;padding-left:var(--side-padding);padding-right:var(--side-padding);box-sizing:border-box}.header{margin-top:25px}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1920px;box-sizing:border-box}.logo{font-size:var(--text-14);font-weight:var(--weight-bold);color:var(--color-textblack);text-transform:var(--upper);letter-spacing:var(--ls-small);user-select:none}.menu{margin-left:auto;display:flex;gap:150px;max-width:calc(100% - 5 * var(--side-padding))}.menu a{font-weight:var(--weight-bold);font-size:var(--text-14);text-decoration:none;color:var(--color-textblack);letter-spacing:var(--ls-small);text-transform:var(--upper);transition:color .2s}.menu a:hover{color:var(--color-texthover)}.hero{margin-top:250px}.hero-title{font-size:var(--text-100);font-weight:var(--weight-semibold);color:var(--color-textblack);letter-spacing:var(--ls-small);line-height:85%;text-transform:var(--upper);text-align:left;user-select:none;max-width:800px}.hero-accent{color:var(--color-texthover)}.about{margin-top:250px}.about-grid{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:clamp(40px,40vw - 100px,490px);align-items:start}.about-title{font-size:var(--text-14);font-weight:var(--weight-bold);color:var(--color-textblack);letter-spacing:var(--ls-small);text-transform:var(--upper);user-select:none;white-space:nowrap}.about-text{max-width:550px;width:100%}.works{margin-top:250px}.works-grid{display:grid;grid-template-columns:max-content 1fr;column-gap:clamp(40px,40vw - 180px,410px)}.works-title{font-size:var(--text-14);color:var(--color-textblack);font-weight:var(--weight-bold);letter-spacing:var(--ls-small);text-transform:uppercase;white-space:nowrap}.works-cards{display:flex;gap:40px}.work-card{position:relative;width:100%;min-width:150px;aspect-ratio:4 / 6;overflow:hidden;border-radius:5px;text-decoration:none;color:inherit;flex:1}.work-card img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s ease}.work-info{position:absolute;inset:0;background:#0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .4s ease}.work-info .work-name{font-size:20px;font-weight:var(--weight-bold);color:var(--color-white);margin-bottom:3px}.work-info .work-type{font-size:var(--text-14);font-weight:var(--weight-medium);color:var(--color-white);opacity:.8}.contact-block{margin-top:180px}.contact-flex{display:flex;justify-content:space-between;align-items:flex-start;column-gap:clamp(200px,40vw - 125px,470px);width:100%}.contact-title{font-size:var(--text-14);font-weight:var(--weight-bold);text-transform:var(--upper);color:var(--color-textblack);letter-spacing:var(--ls-small);white-space:nowrap;margin:0;align-self:flex-start}.contact-links-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:30px;max-width:100%;width:100%}.contact-links-wrapper .contact-link:first-child{margin-top:-1}.contact-link{font-size:clamp(50px,6vw + 1rem,103px);font-weight:var(--weight-semibold);color:var(--color-textblack);text-transform:var(--upper);letter-spacing:var(--ls-small);text-decoration:none;text-align:left;transition:color .3s ease}.contact-link:hover{color:var(--color-accent)}@media(min-width:1070px){.work-card:hover img{filter:brightness(60%)}.work-card:hover .work-info{opacity:1}}@media(max-width:1070px){.container{padding-left:30px;padding-right:30px}.hero-title{font-size:88px}.about-title{font-size:25px}.about-grid{grid-template-columns:1fr;row-gap:20px}.about-text{max-width:75%}.menu{gap:120px;flex-wrap:wrap}.header{margin-top:50px}.works-title{font-size:25px}.works-grid{display:flex;flex-direction:column;gap:30px}.work-card{width:100%;max-width:none;aspect-ratio:5 / 3;border-radius:10px}.works-cards{flex-direction:column;gap:20px}.work-card img{width:100%;height:100%;object-fit:cover;display:block}.work-info{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,#00000080,#0000);justify-content:flex-end;align-items:flex-start;padding:30px 40px;opacity:1;transition:none;text-align:left}.work-info .work-name{font-size:30px;margin-bottom:4px}.work-info .work-type{font-size:20px;font-weight:var(--weight-medium);opacity:.9}.work-card:hover img,.work-card:hover .work-info{filter:none;opacity:1}.contact-block{margin-top:220px}.contact-title{font-size:25px}.contact-flex{flex-direction:column;align-items:flex-start;gap:16px}.contact-links-wrapper{max-width:100%}.contact-link{font-size:clamp(40px,9vw,80px)}}
