@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--black:#000;--ink:#141414;--dark:#1e1e1e;--mid:#303030;--muted:#6b6b6b;--muted-on-dark:#b3b3b3;--line:#e4e4e4;--paper:#f1f1f1;--white:#fff;--lime:#a5cd39;--magenta:#94268e;--gutter:clamp(1rem, 4vw, 3.5rem);--toolbar-h:3.75rem;--toolbar-space:calc(var(--toolbar-h) + 1.5rem + env(safe-area-inset-bottom));--radius:.75rem;--ease:cubic-bezier(.25, .8, .25, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--black);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}h1,h2,h3,p,ul,dl,dd{margin:0}ul{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.deck{touch-action:pan-y}.slide{min-height:100dvh;animation:slide-in .35s var(--ease);outline:none;flex-direction:column;display:flex}.slide[hidden]{display:none}@keyframes slide-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.slide{animation:none}}.slide-inner{width:100%;max-width:120rem;padding:calc(var(--gutter) + env(safe-area-inset-top)) var(--gutter) var(--toolbar-space);flex-direction:column;flex:1;margin:0 auto;display:flex}.slide--cover,.slide--category,.slide--end{color:var(--white);background:var(--black) url(/brand/background.png) center / cover no-repeat}.slide--clients,.slide--project{background:var(--white)}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--magenta);font-size:.8125rem;font-weight:600}.label--lime{color:var(--lime)}.muted{color:var(--muted)}.accent{color:var(--magenta)}.button{min-height:2.75rem;color:var(--white);background:var(--magenta);transition:transform .2s var(--ease), background-color .2s;border-radius:999px;align-self:flex-start;align-items:center;gap:.625rem;padding:.625rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:#7b1f76;transform:translateY(-1px)}.button img{width:.875rem;height:.875rem}.cover{gap:2rem}.cover__logo{width:clamp(9rem,38vw,15rem)}.cover__cities{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-on-dark);margin-top:.5rem;font-size:.75rem}.cover__title{letter-spacing:.02em;text-transform:uppercase;margin-block:auto;font-size:clamp(3rem,15vw,9.5rem);font-weight:100;line-height:1}.cover__footer{gap:1.5rem;display:grid}.cover__address{max-width:28rem;color:var(--muted-on-dark);margin-top:.375rem}.socials{gap:.625rem;margin-top:1rem;display:flex}.socials__link img{width:1.375rem;height:1.375rem}.socials__link{background:var(--lime);border-radius:.5rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.contacts{align-content:end;gap:.875rem;display:grid}.contacts__item{overflow-wrap:anywhere;align-items:center;gap:.75rem;display:flex}.contacts__item img{flex:none}.contacts__item a{padding-block:.25rem;text-decoration:none;display:inline-block}.contacts__sep{color:var(--lime);margin-inline:.5rem}.page{gap:1.25rem}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.875rem;display:flex}.page-header__title{overflow-wrap:anywhere;font-size:.875rem;font-weight:500}.page-header__logo{flex:none;width:5.5rem}.page__title{font-size:clamp(1.625rem,6vw,3rem);font-weight:300;line-height:1.15}.page__body{gap:1.25rem;display:grid}.page__count{color:var(--muted);font-size:.875rem}.clients{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.clients__item{border:1px solid var(--line);border-radius:var(--radius);text-align:center;place-items:center;min-height:5.5rem;padding:.875rem;display:grid}.clients__item .picture{background:0 0;width:100%;max-width:9rem}.clients__name{overflow-wrap:anywhere;font-weight:600}.project__grid{align-items:start;gap:1.5rem;display:grid}.project__media .picture{border-radius:var(--radius);background-color:var(--paper)}.project__title{overflow-wrap:anywhere;font-size:clamp(1.75rem,7.5vw,3.25rem);font-weight:600;line-height:1.1}.project__stack{color:var(--magenta);margin-top:.5rem;font-weight:500}.project__details{gap:1.25rem;min-width:0;display:grid}.project__meta{border-block:1px solid var(--line);gap:.375rem;padding-block:1rem;display:grid}.project__meta div{gap:.5rem;display:flex}.project__meta dt{width:5.5rem;color:var(--muted);flex:none}.project__meta dd{overflow-wrap:anywhere;font-weight:500}.project__brief,.project__features{gap:.5rem;display:grid}.project__brief p{color:var(--mid)}.project__features ul{gap:.5rem;display:grid}.project__features li{padding-left:1.25rem;position:relative}.project__features li:before{content:"";background:var(--lime);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.55em;left:0}.page-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-top:auto;padding-top:1rem;font-size:.8125rem;display:flex}.page-footer a{text-decoration:none}.picture{background-position:50%;background-size:cover;width:100%;position:relative;overflow:hidden}.picture img{object-fit:cover;width:100%;height:100%}.picture--contain img{object-fit:contain}.picture--empty{aspect-ratio:16/9;border-radius:var(--radius);background:repeating-linear-gradient(135deg, var(--paper) 0 12px, #e9e9e9 12px 24px)}.section-intro{justify-content:center;gap:.75rem}.section-intro__title{overflow-wrap:anywhere;font-size:clamp(2.5rem,12vw,7rem);font-weight:200;line-height:1.05}.section-intro__count{color:var(--muted-on-dark)}.end{gap:2rem}.end__title{text-transform:uppercase;margin-block:auto;font-size:clamp(2.75rem,14vw,9rem);font-weight:100;line-height:1}.end__footer{gap:1.75rem;display:grid}.end__logo{width:clamp(8rem,34vw,13rem)}.end__heading{color:var(--lime);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.end__list{gap:.875rem;display:grid}.end__list dt{color:var(--muted-on-dark);font-size:.8125rem}.end__list dd{overflow-wrap:anywhere}.end__list a{text-decoration:none}.not-found__text{max-width:32rem;color:var(--muted-on-dark)}.toolbar{z-index:10;left:50%;bottom:calc(.75rem + env(safe-area-inset-bottom));width:min(100% - 1.5rem,34rem);height:var(--toolbar-h);color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414eb;border-radius:999px;align-items:center;gap:.25rem;padding:.5rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.toolbar__button{width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.toolbar__button:hover:not(:disabled){background:#ffffff1a}.toolbar__button:disabled{opacity:.35;cursor:default}.toolbar__button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.375rem;height:1.375rem}.toolbar__button--wide{display:none}.toolbar__select{flex:1 1 0;min-width:0;position:relative}.toolbar__select select{width:100%;height:2.75rem;font:inherit;color:inherit;background:var(--dark);text-overflow:ellipsis;cursor:pointer;border:1px solid #ffffff2e;border-radius:999px;padding:0 .75rem;font-size:.875rem}.toolbar__select select option{color:var(--ink);background:var(--white)}.toolbar__select--count{flex:0 0 6.5rem}.toolbar__select--count select{color:#0000}.toolbar__count{font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;font-size:.875rem;display:grid;position:absolute;inset:0}@media (width>=30rem){.clients{grid-template-columns:repeat(3,minmax(0,1fr))}.project__features ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}}@media (width>=48rem){.cover__footer{grid-template-columns:1fr auto;align-items:end;gap:3rem}.clients{grid-template-columns:repeat(4,minmax(0,1fr))}.page-header__logo{width:7rem}.end__footer{grid-template-columns:auto 1fr;align-items:end;gap:4rem}.end__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem}}@media (width>=64rem){body{font-size:1.0625rem}.project__grid{grid-template-columns:minmax(20rem,.5fr) minmax(0,1fr);align-items:center;gap:3rem}.project__media{order:2}.project__details{order:1}.clients{grid-template-columns:repeat(6,minmax(0,1fr))}.toolbar__button--wide{display:grid}}
