:root{--bg:#100c0a;--surface:#191310;--surface-hi:#201814;--ink:#f7f1ea;--ink-soft:#e0d2c6;--muted:#b8aa9f;--dim:#8a7c72;--line:#f6b29a33;--line-soft:#f6b29a29;--peach:#f6b29a;--peach-hi:#ffd4c2;--display:"Figtree", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--max:1300px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased}a{color:var(--ink);text-decoration:none}a:hover{color:var(--peach-hi)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img,video{max-width:100%;display:block}:focus-visible{outline:1px solid var(--peach);outline-offset:4px}.eyebrow,.note,.card__meta,.tabs__btn,.case__tech,.case__year{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:var(--peach);font-size:11px}.note{color:var(--dim);font-size:10px}.btn{letter-spacing:-.01em;min-height:48px;transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);border-radius:2px;justify-content:center;align-items:center;padding:0 24px;font-size:15px;font-weight:800;display:inline-flex}.btn--primary{background:var(--peach);color:#17100c}.btn--primary:hover{background:var(--peach-hi);color:#17100c}.btn--ghost{border:1px solid var(--line);color:var(--ink)}.btn--ghost:hover{border-color:var(--peach);color:var(--peach)}.lang{font-family:var(--mono);letter-spacing:.14em;gap:2px;font-size:11px;display:inline-flex}.lang__btn{min-height:32px;color:var(--dim);padding:0 10px}.lang__btn.is-active{color:var(--peach)}.hero{align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero__media{position:absolute;top:0;bottom:0;left:0;right:0}.hero__poster,.hero__video{object-fit:cover;filter:brightness(.74)saturate(1.05);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero__scrim{background:linear-gradient(#100c0a94 0%,#100c0a3d 38%,#100c0af7 100%),radial-gradient(900px 520px at 82% 12%,#f6b29a33,#0000 62%);position:absolute;top:0;bottom:0;left:0;right:0}.hero__top{z-index:2;width:min(var(--max), calc(100% - 56px));justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex;position:absolute;top:26px;bottom:auto;left:0;right:0}.hero__status{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--peach);align-items:center;gap:9px;font-size:11px;display:inline-flex}.hero__status:before{content:"";background:var(--peach);border-radius:50%;width:6px;height:6px}.hero__content{z-index:1;width:min(var(--max), calc(100% - 56px));margin:0 auto;padding-bottom:clamp(48px,7vh,84px);position:relative}.hero__brand{letter-spacing:-.05em;margin:14px 0 24px;font-size:clamp(58px,13vw,148px);font-weight:800;line-height:.88}.hero__foot{border-top:1px solid #f6b29a47;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:24px;display:flex}.hero__lead{color:var(--ink-soft);max-width:40ch;font-size:clamp(16px,1.4vw,18px);line-height:1.5}.hero__meta{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#a2948a;font-size:11px}.main{width:min(var(--max), calc(100% - 56px));margin:0 auto}.route-fallback{min-height:40vh}.showreel{padding:clamp(48px,8vh,88px) 0 clamp(40px,6vh,64px)}.showreel__head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.showreel__track{scroll-snap-type:x mandatory;scrollbar-gutter:stable;grid-auto-columns:minmax(260px,30%);grid-auto-flow:column;gap:18px;padding-bottom:14px;display:grid;overflow-x:auto}.showreel__track::-webkit-scrollbar{height:8px}.showreel__track::-webkit-scrollbar-thumb{background:#f6b29a59 padding-box padding-box;border:2px solid #0000}.showreel__item{text-align:left;scroll-snap-align:start;flex-direction:column;gap:12px;display:flex}.showreel__media{aspect-ratio:16/9;background:#050403;border-radius:3px;overflow:hidden}.tabs{z-index:20;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap;align-items:center;gap:26px;padding:16px 0;display:flex;position:sticky;top:0}.tabs__rail{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.tabs__btn{color:#a2948a;transition:color .2s var(--ease);border-bottom:1px solid #0000;align-items:baseline;gap:7px;padding:3px 0;font-size:11px;display:inline-flex}.tabs__btn--primary{color:var(--peach)}.tabs__btn:hover{color:var(--ink)}.tabs__btn.is-active{color:var(--ink);border-bottom-color:var(--peach)}.tabs__count{letter-spacing:.1em;color:#6d605a;font-size:9px}.tabs__btn.is-active .tabs__count{color:var(--peach)}.tabs__total{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-left:auto;font-size:11px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;padding:clamp(36px,6vh,64px) 0 clamp(64px,10vh,112px);display:grid}.empty{font-family:var(--mono);color:var(--dim);padding:48px 0}.card{text-align:left;background:var(--surface);border:1px solid var(--line-soft);transition:border-color .25s var(--ease), background .25s var(--ease), transform .3s var(--ease);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.card:hover{background:var(--surface-hi);border-color:#f6b29a8c;transform:translateY(-3px)}.card__media{aspect-ratio:16/9;background:#050403;position:relative;overflow:hidden}.card__media img,.card__media video{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.card:hover .card__media img{transform:scale(1.05)}.card__tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#cfc0b4;background:#090605c7;border-radius:2px;padding:5px 8px;font-size:9px;position:absolute;top:10px;left:10px}.card__tag--paid{color:#17100c;background:#f6b29ae6}.card__body{flex-direction:column;gap:8px;padding:16px 18px 18px;display:flex}.card__title{letter-spacing:-.025em;font-size:17px;font-weight:700}.card__meta{color:var(--peach);font-size:10px}.card__placeholder{width:100%;height:100%;font-family:var(--mono);color:var(--dim);place-items:center;display:grid}.lazy-thumb{width:100%;height:100%;position:relative}.lazy-thumb__poster,.lazy-thumb__video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.lazy-thumb__video--overlay{opacity:0;transition:opacity .2s var(--ease)}.lazy-thumb.is-playing .lazy-thumb__video--overlay{opacity:1}@supports (content-visibility:auto){.grid>.card:nth-child(n+13){content-visibility:auto;contain-intrinsic-size:auto 264px}}.panel{flex-direction:column;gap:clamp(44px,7vh,80px);padding:clamp(36px,6vh,64px) 0 clamp(64px,10vh,112px);display:flex}.svc{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:44px;display:grid}.svc__intro{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.svc__title{letter-spacing:-.035em;max-width:26ch;font-size:clamp(24px,3vw,34px);font-weight:800}.svc__lead{color:var(--muted);max-width:46ch;font-size:16px;line-height:1.6}.svc__list{gap:12px;display:grid}.svc__item{border:1px solid var(--line-soft);background:var(--surface);border-radius:4px;flex-direction:column;gap:8px;padding:20px;display:flex}.svc__item p{color:var(--muted);font-size:14px;line-height:1.55}.svc__row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.svc__row h3{letter-spacing:-.02em;font-size:17px;font-weight:700}.svc__price{font-family:var(--mono);letter-spacing:.12em;color:var(--peach);white-space:nowrap;font-size:11px}.process{border-top:1px solid var(--line);flex-direction:column;gap:18px;padding-top:clamp(28px,4vh,48px);display:flex}.process__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px;display:grid}.process__step{border-top:1px solid #f6b29a3d;flex-direction:column;gap:8px;padding-top:14px;display:flex}.process__no{font-family:var(--mono);letter-spacing:.14em;color:var(--peach);font-size:11px}.process__name{letter-spacing:-.02em;font-size:15px;font-weight:700}.process__desc{color:var(--muted);font-size:14px;line-height:1.5}.clients{border-top:1px solid var(--line);flex-direction:column;gap:18px;padding-top:clamp(28px,4vh,48px);display:flex}.clients__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.clients__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;display:grid}.clients__item{background:#f6b29a0a;border:1px dashed #f6b29a4d;border-radius:4px;flex-direction:column;gap:6px;min-height:84px;padding:16px;display:flex}.clients__name{letter-spacing:-.02em;color:var(--ink-soft);font-size:15px;font-weight:700}.clients__kind{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:10px}.notes__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.notes__title{letter-spacing:-.035em;font-size:clamp(24px,3vw,34px);font-weight:800}.notes__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;display:grid}.notes__item{background:#f6b29a0a;border:1px dashed #f6b29a4d;border-radius:4px;flex-direction:column;gap:12px;padding:20px;display:flex}.notes__item h3{letter-spacing:-.025em;font-size:19px;font-weight:700}.notes__item p{color:var(--muted);font-size:14px;line-height:1.55}.notes__kind{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--peach);font-size:10px}.about{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:48px;display:grid}.about__id{align-items:center;gap:16px;display:flex}.about__avatar{object-fit:cover;border:1px solid #f6b29a80;border-radius:2px;width:56px;height:56px}.about__lead{letter-spacing:-.02em;color:#f2e6db;max-width:38ch;font-size:clamp(19px,2.1vw,25px);font-weight:500;line-height:1.45}.about__bio{color:var(--muted);max-width:46ch;font-size:16px;line-height:1.6}.about__rows{font-family:var(--mono);flex-direction:column;font-size:12px;display:flex}.about__row{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.about__row:last-child{border-bottom:1px solid var(--line)}.about__row dt{color:var(--dim);letter-spacing:.14em;text-transform:uppercase}.about__row dd{color:var(--ink-soft)}.reviews{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px;padding-top:clamp(28px,4vh,48px);display:grid}.reviews__text{letter-spacing:-.01em;color:#ece0d5;font-size:17px;line-height:1.5}.reviews__name{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--peach);font-size:10px}.modal{z-index:100;place-items:center;padding:clamp(14px,3vw,40px);display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.modal__backdrop{background:#090605f0;position:fixed;top:0;bottom:0;left:0;right:0}.modal__panel{flex-direction:column;gap:22px;width:min(1180px,100%);display:flex;position:relative}.modal__media{aspect-ratio:16/9;background:#000;border-radius:3px;overflow:hidden}.modal__media video,.modal__media img{object-fit:cover;width:100%;height:100%}.modal__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.modal__head h2{letter-spacing:-.035em;font-size:clamp(24px,2.8vw,34px);font-weight:800}.modal__eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--peach);margin-bottom:8px;font-size:10px;display:block}.modal__nav{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#cfc3b8;align-items:center;gap:24px;font-size:11px;display:flex}.modal__nav button:disabled{color:#5a4c44;cursor:default}.modal__blocks{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px;display:grid}.modal__block{border-top:1px solid #f6b29a3d;flex-direction:column;gap:8px;padding-top:14px;display:flex}.modal__block h3{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--peach);font-size:10px;font-weight:500}.modal__block p{color:#cfc0b4;font-size:15px;line-height:1.6}.modal__actions{flex-wrap:wrap;gap:12px;display:flex}.case{flex-direction:column;gap:clamp(40px,6vh,72px);width:min(1160px,100% - 56px);margin:0 auto;padding:clamp(28px,5vh,56px) 0 clamp(64px,10vh,112px);display:flex}.case__bar{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);align-items:center;gap:10px;font-size:11px;display:flex}.case__head{flex-direction:column;gap:22px;display:flex}.case__tags{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;display:flex}.case__tags .card__tag{position:static}.case__tech{color:var(--peach)}.case__year{color:var(--dim)}.case__head h1{letter-spacing:-.045em;max-width:22ch;font-size:clamp(34px,6vw,68px);font-weight:800;line-height:.96}.case__lead{color:var(--ink-soft);max-width:56ch;font-size:clamp(17px,1.7vw,21px);line-height:1.5}.case__media{aspect-ratio:16/9;background:#050403;border-radius:4px;overflow:hidden}.case__media img,.case__media video{object-fit:cover;width:100%;height:100%}.case__facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:18px;display:grid}.case__fact{border-top:1px solid #f6b29a3d;flex-direction:column;gap:7px;padding-top:14px;display:flex}.case__fact-k{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:10px}.case__fact-v{letter-spacing:-.02em;font-size:18px;font-weight:700}.case__blocks{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;gap:clamp(28px,4vw,56px);display:grid}.case__block{flex-direction:column;gap:10px;display:flex}.case__block h2{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--peach);font-size:11px;font-weight:500}.case__block p{color:#cfc0b4;font-size:16px;line-height:1.65}.case__gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.case__gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:3px;width:100%}.case__gallery figcaption{font-family:var(--mono);letter-spacing:.14em;color:var(--dim);margin-top:10px;font-size:10px}.case__cta{border-top:1px solid #f6b29a3d;border-bottom:1px solid #f6b29a3d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;display:flex}.case__cta p{letter-spacing:-.03em;max-width:34ch;font-size:clamp(19px,2.2vw,26px);font-weight:700}.case__next{border:1px solid var(--line-soft);background:var(--surface);border-radius:4px;grid-template-columns:minmax(0,320px) 1fr;align-items:center;gap:22px;padding:16px;display:grid}.case__next:hover{border-color:#f6b29a8c}.case__next img{aspect-ratio:16/9;object-fit:cover;border-radius:3px;width:100%}.case__next span{flex-direction:column;gap:8px;display:flex}.case__next strong{letter-spacing:-.03em;font-size:clamp(20px,2.2vw,26px);font-weight:700}.case__back{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:11px}.footer{border-top:1px solid var(--line)}.footer__inner{width:min(var(--max), calc(100% - 56px));font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:26px 0 44px;font-size:11px;display:flex}@media (max-width:700px){.main,.footer__inner,.hero__content,.hero__top,.case{width:calc(100% - 36px)}.hero{min-height:auto}.hero__media{aspect-ratio:4/5;position:relative}.hero__content{padding:20px 0 24px}.hero__brand{margin:10px 0 16px;font-size:clamp(44px,13vw,64px)}.hero__foot{flex-direction:column;align-items:stretch;gap:16px}.hero__foot .btn{width:100%;min-height:50px}.tabs{scrollbar-gutter:stable;gap:8px;padding:12px 0 14px;overflow-x:auto}.tabs::-webkit-scrollbar{height:6px}.tabs__rail{flex-wrap:nowrap;gap:8px}.tabs__btn{white-space:nowrap;border:1px solid #f6b29a47;border-radius:999px;min-height:44px;padding:0 15px}.tabs__btn.is-active{background:var(--peach);color:#17100c;border-color:var(--peach)}.tabs__btn.is-active .tabs__count{color:#17100c}.tabs__total{display:none}.grid{grid-template-columns:1fr;gap:16px}.showreel__track{grid-auto-columns:78%}.modal{place-items:stretch stretch;padding:0}.modal__panel{gap:16px;padding:0 0 32px}.modal__media{border-radius:0}.modal__head,.modal__blocks,.modal__actions{padding:0 18px}.case__next{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
