:root{--bg:oklch(.1 0 0);--surface:oklch(.16 .008 170);--ink:oklch(.98 0 0);--muted:oklch(.72 .015 170);--primary:oklch(.61 .13 170);--accent:oklch(.69 .18 28);--line:oklch(.32 .01 170);font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;text-wrap:balance}.nav,footer{display:flex;align-items:center;justify-content:space-between;padding:24px 3.5vw;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.brand span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-family:Unbounded,sans-serif;font-size:9px}.nav nav{display:flex;gap:25px;font-size:13px}.nav nav a:hover,.section-top a:hover,.post-row:hover h3{color:var(--primary)}.telegram-link{font-size:12px;font-weight:700}.hero{min-height:calc(100vh - 79px);padding:clamp(56px,12vh,165px) 3.5vw 46px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 90% 15%,oklch(.28 .07 170/.55),transparent 24%),var(--bg)}.hero-label,.index,time{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-family:Unbounded,sans-serif;font-size:clamp(2.7rem,7.2vw,7.6rem);letter-spacing:-.035em;line-height:.98;max-width:1150px}.hero h1 em,.services h2 em,.listing h1 em{font-style:normal;color:var(--primary)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;max-width:950px}.hero-bottom p{max-width:390px;font-size:18px;line-height:1.5}.button{display:inline-flex;align-items:center;gap:28px;padding:15px 19px;background:var(--primary);color:#fff;font-size:13px;font-weight:700;border:0;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:var(--accent);transform:translateY(-2px)}.button span{font-size:18px}.case-tease,.blog-tease{padding:clamp(75px,12vw,170px) 3.5vw}.section-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:45px}.section-top h2{font-family:Unbounded,sans-serif;font-size:clamp(1.65rem,3vw,3.2rem);letter-spacing:-.03em}.section-top a{font-size:13px;font-weight:700}.case-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:15px;align-items:start}.case-card{position:relative;overflow:hidden;background:var(--surface);min-height:390px}.case-card:nth-child(2){margin-top:70px}.case-card:nth-child(3){margin-top:130px}.case-card img{height:100%;position:absolute;inset:0;transition:transform .7s cubic-bezier(.16,1,.3,1)}.case-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,oklch(.1 0 0/.88))}.case-card:hover img{transform:scale(1.04)}.case-card>div{position:absolute;z-index:1;bottom:25px;left:25px;right:25px}.case-card span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.case-card h3{font-size:clamp(1.3rem,2vw,2rem);margin-top:7px}.case-card p{display:none;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.5}.services{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:clamp(75px,12vw,170px) 3.5vw;background:var(--surface)}.services h2{font-family:Unbounded,sans-serif;font-size:clamp(1.7rem,3.1vw,3.5rem);letter-spacing:-.035em;line-height:1.1;margin-top:24px}.service-list article{display:grid;grid-template-columns:55px 1fr;column-gap:20px;row-gap:16px;padding:25px 0;border-top:1px solid var(--line)}.service-list article>span{grid-row:span 3;color:var(--primary);font-weight:700;font-size:12px}.service-list h3{font-size:21px}.service-list p{font-size:14px;line-height:1.6;color:var(--muted);max-width:420px}.service-list a{font-size:12px;font-weight:700}.post-row{display:grid;grid-template-columns:130px 1fr 30px;gap:20px;align-items:start;padding:26px 0;border-top:1px solid var(--line)}.post-row h3,.post-row h2{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.25}.post-row>span{font-size:23px;color:var(--primary)}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:12px}.listing{padding:clamp(80px,12vw,150px) 3.5vw}.listing h1{font-family:Unbounded,sans-serif;font-size:clamp(2.6rem,6vw,6rem);line-height:1;letter-spacing:-.04em;margin:25px 0 70px}.case-grid.full{grid-template-columns:repeat(3,1fr)}.case-grid.full .case-card{min-height:450px;margin-top:0}.case-grid.full .case-card p{display:block}.detail,.article{max-width:1120px;margin:auto;padding:70px 3.5vw 130px}.back{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:85px}.detail .index{margin-bottom:20px}.detail h1,.article h1{font-family:Unbounded,sans-serif;font-size:clamp(2.4rem,5vw,5.4rem);letter-spacing:-.04em;line-height:1}.lead{max-width:650px;font-size:20px;line-height:1.5;margin:26px 0 55px;color:var(--muted)}.case-cover{max-height:780px;object-position:center}.case-cta{padding:75px 0 0;display:flex;justify-content:space-between;align-items:center;gap:40px}.case-cta p{font-size:25px;line-height:1.35}.blog .post-list{max-width:980px}.blog .post-row{grid-template-columns:140px 1fr 30px}.post-row p{margin-top:10px;max-width:560px;color:var(--muted);font-size:14px;line-height:1.6}.article{max-width:860px}.article time{display:block;margin-bottom:24px}.prose{max-width:680px;font-size:18px;line-height:1.7}.prose h2{font-family:Unbounded,sans-serif;font-size:23px;line-height:1.3;margin:50px 0 15px}.prose p{margin:0 0 20px}.article-cta{display:block;margin-top:60px;padding:24px;background:var(--surface);font-weight:700}.not-found{min-height:100vh;padding:10vw 7vw}.not-found p{color:var(--primary);font-family:Unbounded,sans-serif}.not-found h1{font-family:Unbounded,sans-serif;font-size:clamp(3rem,8vw,8rem);line-height:1;margin:20px 0 50px}.admin-body{background:oklch(.97 0 0);color:oklch(.17 .01 170)}.login{max-width:420px;margin:15vh auto;padding:35px;background:#fff}.login h1{font-family:Unbounded,sans-serif;font-size:38px;margin:12px 0 35px}.login form,.form-grid{display:grid;gap:18px}.login label,.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:700}.login input,input,textarea{width:100%;padding:12px;border:1px solid oklch(.78 0 0);font:inherit;background:#fff}textarea{min-height:100px;resize:vertical}.error{color:oklch(.55 .2 25);margin-bottom:12px}.admin{max-width:1050px;margin:auto;padding:60px 30px}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.admin h1,.admin h2{font-family:Unbounded,sans-serif}.admin h1{font-size:40px;margin-top:8px}.admin h2{font-size:21px;margin:0 0 20px}.admin section{padding:35px 0;border-top:1px solid oklch(.78 0 0)}.form-grid{grid-template-columns:repeat(2,1fr)}.wide{grid-column:1/-1}.admin .button{justify-self:start}.admin-items{margin-bottom:22px}.admin-items article{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid oklch(.88 0 0);font-size:13px}.admin-items span{color:oklch(.48 0 0)}.admin-items form{margin-left:auto}.admin-items button{border:0;background:none;color:oklch(.48 .18 25);cursor:pointer}details summary{cursor:pointer;font-weight:700;margin-bottom:18px}@media(max-width:760px){.nav nav{display:none}.nav,.hero-bottom,.case-cta{align-items:flex-start;flex-direction:column}.telegram-link{align-self:flex-end;margin-top:-45px}.hero{min-height:610px}.hero h1{font-size:clamp(2.45rem,12vw,4.2rem)}.case-grid,.case-grid.full,.services{grid-template-columns:1fr}.case-card,.case-card:nth-child(2),.case-card:nth-child(3){margin-top:0;min-height:460px}.case-card:nth-child(n+2){display:none}.case-grid.full .case-card:nth-child(n+2){display:block}.services{gap:55px}.post-row,.blog .post-row{grid-template-columns:1fr 25px}.post-row time{grid-column:1/-1}.post-row h3{font-size:18px}.form-grid{grid-template-columns:1fr}.admin{padding:45px 20px}.admin-items article{align-items:flex-start;flex-wrap:wrap}.admin-items form{margin-left:0}.detail,.article{padding-top:45px}.back{margin-bottom:55px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
