@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--coral:#f43b4d;--ink:#30302f;--paper:#f9f9f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:106px;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcdcd6;background:var(--paper)}.brand{font-size:34px;line-height:.9;font-weight:800;letter-spacing:-2px;display:inline-block}.brand>span{color:var(--coral)}.brand small{display:block;font-size:8px;letter-spacing:1px;font-weight:500;margin-top:9px}nav{display:flex;gap:36px;font-size:13px}sup{color:var(--coral);font-size:9px}.contact-link{font-size:13px;border-bottom:1px solid;padding-bottom:7px}.hero{padding:35px 5% 50px;min-height:710px;position:relative;overflow:hidden}.eyebrow,.section-label{font-size:10px;letter-spacing:1.5px;font-weight:700}.eyebrow{display:flex;justify-content:space-between}.hero h1{font-size:clamp(70px,8.9vw,150px);font-weight:500;line-height:1.03;letter-spacing:-8px;margin:65px 0 40px;position:relative;z-index:1}em{font-style:normal;color:var(--coral)}.hero-bottom{display:flex;align-items:center;gap:100px;position:relative;z-index:1}.hero-bottom p{font-size:15px;line-height:1.7}.round{width:76px;height:76px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:36px;transition:.2s}.round:hover{background:var(--coral);border-color:var(--coral);transform:rotate(12deg)}.vertical-note{margin-left:auto;align-self:flex-end;font-size:10px;letter-spacing:1px}.hero-line{position:absolute;width:470px;height:470px;border:1px solid #f43b4d66;border-radius:50%;right:-120px;top:140px;box-shadow:0 0 0 45px var(--paper),0 0 0 46px #f43b4d40,0 0 0 95px var(--paper),0 0 0 96px #f43b4d26;opacity:.7}.about{padding:95px 5%;background:#eeeee9;display:grid;grid-template-columns:1fr 2fr;gap:40px}h2{font-size:clamp(36px,4.3vw,66px);line-height:1.1;font-weight:500;letter-spacing:-3px;margin:0 0 30px}.lead{font-size:24px;line-height:1.5;max-width:680px}.muted{color:#73736d;font-size:15px;line-height:1.8;max-width:650px}.values{display:flex;gap:40px;margin-top:50px;border-top:1px solid #cecec7;padding-top:25px}.values>span{font-size:16px}.values span span{display:block;font-size:10px;color:#82827b;margin-top:7px}.projects{padding:100px 5%}.section-top{display:flex;justify-content:space-between;align-items:flex-end}.section-top .section-label{margin-bottom:30px}.count{font-size:12px;margin-bottom:30px}.coral{color:var(--coral)}.filters{display:flex;gap:10px;margin:20px 0 35px;flex-wrap:wrap}.filters button{background:none;border:1px solid #d7d7d0;padding:10px 18px;border-radius:30px;font-size:12px}.filters button.active,.filters button:hover{background:var(--ink);color:white;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.project-card{background:none;border:0;text-align:left;color:inherit;padding:0;min-width:0}.project-art{aspect-ratio:1.65;overflow:hidden;position:relative;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:none}.project-art::after{content:'';position:absolute;width:65%;height:140%;border:1px solid currentColor;border-radius:50%;right:-20%;top:-20%;opacity:.3;transform:rotate(-30deg)}.project-art .art-client{font-size:13px;letter-spacing:1px}.project-art strong{font-size:clamp(24px,3vw,48px);font-weight:500;line-height:1.1;letter-spacing:-2px;max-width:90%;z-index:1}.project-art .art-year{font-size:11px}.project-meta{display:flex;justify-content:space-between;font-size:10px;color:#77776f;margin:15px 0 8px}.project-card h3{font-size:17px;font-weight:500;line-height:1.5;margin:0;max-width:95%}.clients{background:#eeeee9;padding:80px 5%}.clients h2{margin-top:30px}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px}.client-grid>span{min-height:130px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:clamp(16px,2vw,28px);font-weight:800;letter-spacing:-1px;border-bottom:1px solid #d0d0c9}.client-grid small{font-size:12px}.contact{padding:90px 5%;background:var(--coral)}.contact h2{font-size:clamp(60px,8vw,120px);margin:40px 0 20px;letter-spacing:-6px}.contact em{color:var(--paper)}.brief-button{border:1px solid var(--ink);background:var(--ink);color:white;padding:17px 26px;border-radius:40px;font-size:13px;margin-top:15px}.brief-button:hover{background:#494943}.contact-note{margin-top:60px;font-size:11px;max-width:400px;line-height:1.7}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font-size:11px}dialog{border:0;padding:55px;width:min(720px,92vw);max-height:90vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#222b;backdrop-filter:blur(6px)}.close{position:absolute;right:18px;top:10px;border:0;background:none;font-size:32px}dialog h2{font-size:40px;margin-top:25px;letter-spacing:-2px}dialog p{line-height:1.7}.detail-art{padding:30px;margin:25px 0;font-size:28px}form{display:grid;gap:20px;margin-top:30px}label{display:grid;gap:8px;font-size:12px}input,textarea{width:100%;border:1px solid #ccc;background:white;padding:13px}form small{font-size:10px;color:#777}a:focus-visible,button:focus-visible{outline:3px solid #138c9d;outline-offset:5px}@media(max-width:700px){header{height:90px}.brand{font-size:27px}nav{gap:15px}nav a:first-child{display:none}.contact-link{display:none}.hero{min-height:620px}.eyebrow span{display:none}.hero h1{font-size:64px;letter-spacing:-4px;margin:90px 0 40px}.hero-bottom{gap:25px}.vertical-note{display:none}.hero-line{width:280px;height:280px;top:160px;right:-210px}.about{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:30px}h2{letter-spacing:-2px}.lead{font-size:21px}.values{gap:20px;justify-content:space-between}.values>span{font-size:12px}.projects{padding-top:60px;padding-bottom:60px}.project-grid{grid-template-columns:1fr;gap:30px}.project-art strong{font-size:36px}.client-grid{grid-template-columns:1fr 1fr}.client-grid>span{min-height:100px}.contact h2{letter-spacing:-4px}footer{gap:20px;flex-wrap:wrap}footer>span{font-size:9px}dialog{padding:40px 25px}.count{display:none}}

.brand img{display:block;width:160px;height:auto}.brand{letter-spacing:normal;flex-shrink:0}footer .brand img{width:140px}@media(max-width:700px){.brand img{width:125px}footer .brand img{width:120px}}
.client-grid>span{padding:28px 20px;gap:14px}.client-grid img{display:block;max-width:100%;width:158px;height:48px;object-fit:contain;filter:brightness(0);opacity:.8}.client-grid .client-x5{width:76px;height:52px}.client-grid .client-sap{width:90px;height:64px}.client-grid .client-kuper{flex-direction:column;gap:8px}.client-kuper small{font-size:9px;font-weight:400;letter-spacing:0;color:#73736d}.client-grid .client-auto img:first-child{width:75px;height:52px}.client-grid .client-auto img:last-child{width:90px;height:25px}@media(max-width:700px){.client-grid>span{padding:24px 14px}.client-grid img{width:135px;height:40px}.client-grid .client-auto{gap:12px}.client-grid .client-auto img:first-child{width:54px;height:42px}.client-grid .client-auto img:last-child{width:65px;height:21px}}