@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--paper:#f4f1e9;--ink:#222d27;--soft:#6b746d;--line:#dedcd3;--white:#fffefa;--green:#2f4f43;--orange:#c4674c;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}html[lang=lv] .ru,html[lang=ru] .lv{display:none!important}
.topbar{height:78px;padding:0 clamp(22px,7vw,108px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:11px}.brand-symbol{position:relative;width:40px;height:40px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font:700 14px var(--display);letter-spacing:-.1em}.brand-symbol>span{position:absolute;right:-4px;top:-3px;color:var(--orange);font-size:13px}.brand-name{font:800 12px/1.15 var(--display);letter-spacing:.1em}.brand-name span{display:block;margin-top:5px;color:#85877e;font:600 8px var(--sans);letter-spacing:.16em}.main-nav{display:flex;gap:38px;font-size:11px;color:#667169}.main-nav a:hover,.text-link:hover{color:var(--orange)}.language{border:1px solid #d8d4ca;background:transparent;border-radius:30px;padding:7px 13px;font-size:10px;color:#3f5147;cursor:pointer}.language span{color:#92938c}
.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:500px;padding:64px clamp(22px,10.5vw,160px) 66px;align-items:center;gap:7vw;border-bottom:1px solid var(--line)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--orange);font:700 9px var(--display);letter-spacing:.17em;margin:0 0 18px}.eyebrow>span:first-child{display:inline-block;width:24px;height:1px;background:currentColor}.hero h1,.section-heading h2,.process-section h2{font:500 clamp(47px,6.2vw,78px)/1.02 var(--serif);letter-spacing:-.04em;margin:0;color:#26332c}.hero h1{max-width:620px}.hero h1 em{color:var(--orange);font-weight:500}.hero-description{max-width:465px;margin:22px 0 0;color:#68736b;font-size:13px;line-height:1.9}.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:27px;padding:0 0 5px;border-bottom:1px solid #aaa99f;color:var(--green);font:700 10px var(--display);letter-spacing:.06em}.text-link span:last-child{font-size:15px}
.hero-art{height:345px;max-width:490px;width:100%;justify-self:end;position:relative;padding:24px 10px 26px 24px}.hero-art:before{content:'';position:absolute;inset:0 0 16px 34px;background:#e7e3d9}.art-note{position:absolute;top:0;right:4px;writing-mode:vertical-rl;color:#858980;font:600 8px var(--display);letter-spacing:.18em}.browser-card{position:relative;z-index:1;width:91%;height:100%;background:var(--white);box-shadow:0 22px 50px #26332c13;transform:rotate(-1deg)}.browser-bar{height:29px;border-bottom:1px solid #eeeae2;display:flex;align-items:center;padding:0 12px;gap:5px}.browser-bar>span{height:5px;width:5px;border-radius:50%;background:#d8d5cc}.browser-bar>span:first-child{background:#d58e72}.browser-bar>i{margin-left:9px;color:#9e9e96;font:8px var(--sans)}.browser-content{position:relative;padding:24px 30px}.mock-brand{display:flex;justify-content:space-between;font:700 8px var(--display);letter-spacing:.13em;color:#44594e}.mock-brand b{font-size:12px;color:var(--orange)}.mock-rule{height:1px;background:#e6e3da;margin:12px 0 24px}.mock-small{font:600 7px var(--display);letter-spacing:.17em;color:#b2644d}.mock-title{margin-top:11px;font:500 clamp(24px,3vw,38px)/1.05 var(--serif);letter-spacing:-.03em;color:#293b32}.mock-title span{display:block}.mock-button{width:116px;height:27px;background:var(--green);color:white;margin-top:17px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;font:700 7px var(--display);letter-spacing:.08em}.mock-lines{position:absolute;right:22px;bottom:27px;display:grid;gap:5px;width:73px}.mock-lines i{height:1px;background:#dddcd4}.mock-lines i:nth-child(2){width:70%}.mock-lines i:nth-child(3){width:48%}.art-caption{position:absolute;bottom:11px;left:41px;right:12px;display:flex;justify-content:space-between;color:#757d74;font:700 8px var(--display);letter-spacing:.13em}.hero-stamp{position:absolute;z-index:2;right:8px;bottom:42px;width:83px;height:83px;background:var(--orange);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 5px 18px #80472c2b;transform:rotate(8deg)}.hero-stamp b{font:700 20px var(--display);letter-spacing:-.12em}.hero-stamp span{font:700 6px/1.3 var(--display);letter-spacing:.14em}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);padding:18px clamp(22px,10.5vw,160px);border-bottom:1px solid var(--line)}.trust-row div{display:flex;align-items:center;gap:13px;color:#7d8279;font-size:10px}.trust-row div+div{border-left:1px solid var(--line);padding-left:25px}.trust-row b{font:700 14px var(--display);color:#3d594b}.portfolio-section{padding:95px clamp(22px,10.5vw,160px) 76px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-heading h2,.process-section h2{font-size:clamp(38px,4.6vw,55px);line-height:1.08}.section-blurb{max-width:290px;color:#737b72;font-size:11px;line-height:1.8;margin:0 0 5px}.portfolio-tools{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:40px 0 17px;border-bottom:1px solid var(--line);padding-bottom:12px}.filters{display:flex;gap:4px;flex-wrap:wrap}.filter{border:0;background:transparent;padding:8px 12px;border-radius:18px;color:#777d74;font-size:9px;cursor:pointer;transition:background .15s,color .15s}.filter:hover{color:var(--green);background:#e9e7df}.filter.active{background:var(--green);color:white}.search-box{border-bottom:1px solid #c6c5bc;display:flex;align-items:center;gap:7px;width:176px;padding:4px 2px;color:#859087}.search-box>span{font-size:16px}.search-box input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:var(--ink);font-size:10px}.search-box input::placeholder{color:#92958d}
.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.project{--project-ink:var(--green);position:relative;min-height:207px;background:var(--white);border:1px solid #e7e4dc;padding:16px 17px 13px;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.project[hidden],.empty-state[hidden]{display:none!important}.project:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--project-ink) 45%,white);box-shadow:0 12px 24px #303b3210}.project-top{display:flex;justify-content:space-between;color:#91958c;font:600 8px var(--display);letter-spacing:.08em}.project-arrow{font-size:13px;color:var(--project-ink)}.project-mark{position:absolute;top:41px;right:19px;width:43px;height:43px;border:1px solid color-mix(in srgb,var(--project-ink) 38%,white);border-radius:50%;display:grid;place-items:center;color:var(--project-ink);font:600 10px var(--display);letter-spacing:-.04em}.project-info{margin-top:24px;max-width:82%}.project-type{margin:0 0 6px;text-transform:uppercase;color:var(--project-ink);font:700 8px var(--display);letter-spacing:.12em}.project h3{margin:0;color:#2e3730;font:500 17px/1.22 var(--serif)}.project-address{margin:5px 0 0;color:#858981;font-size:9px}.project-link{border-top:1px solid #efede6;margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;color:var(--project-ink);font:700 8px var(--display);letter-spacing:.05em}.notice{margin-top:32px;background:#e9e6dd;border-left:2px solid var(--orange);padding:16px 19px;display:flex;gap:12px;align-items:flex-start}.notice-mark{flex:0 0 17px;height:17px;border:1px solid #a47558;color:#a47558;border-radius:50%;display:grid;place-items:center;font:700 9px var(--serif);margin-top:1px}.notice p{margin:0;color:#626b62;font-size:9px;line-height:1.8}
.process-section{display:grid;grid-template-columns:.85fr 1fr;gap:8vw;padding:76px clamp(22px,10.5vw,160px) 88px;background:#e8e6dc}.process-section h2{font-size:clamp(38px,4.5vw,53px)}.steps{border-top:1px solid #d3d2c9}.steps article{display:grid;grid-template-columns:37px 1fr;gap:10px;padding:18px 0;border-bottom:1px solid #d3d2c9}.steps article>span{color:var(--orange);font:700 9px var(--display);padding-top:2px}.steps h3{margin:0;font:700 11px var(--display);color:#344239}.steps p{margin:6px 0 0;max-width:380px;color:#71796f;font-size:10px;line-height:1.7}.site-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 20px;padding:22px clamp(22px,7vw,108px) 18px;background:var(--paper)}.site-footer>p{margin:0;color:#758076;font-size:9px}.site-footer .footer-legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:11px;color:#92948c;font-size:8px}
@media(max-width:1000px){.hero,.portfolio-section,.process-section{padding-left:7vw;padding-right:7vw}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-row{padding-left:7vw;padding-right:7vw}}
@media(max-width:720px){.topbar{height:68px;padding:0 21px}.hero{grid-template-columns:1fr;gap:26px;padding:51px 25px 42px}.hero h1{max-width:560px;font-size:clamp(49px,12vw,68px)}.hero-art{justify-self:center;width:min(100%,440px);height:310px;margin-top:5px}.trust-row{padding:16px 22px}.trust-row div{display:block;font-size:8px}.trust-row b{display:block;margin-bottom:3px}.trust-row div+div{padding-left:14px}.portfolio-section{padding:67px 21px 52px}.section-heading{display:block}.section-heading h2{font-size:43px}.section-blurb{margin-top:14px}.portfolio-tools{align-items:flex-start;flex-direction:column;margin-top:26px}.filters{gap:1px}.filter{padding:8px 10px}.search-box{width:100%;max-width:240px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project{min-height:190px;padding:13px}.project-info{margin-top:25px}.project h3{font-size:16px}.project-mark{width:34px;height:34px;right:13px;top:38px;font-size:8px}.project-address{font-size:8px}.notice{margin-top:21px;padding:13px}.process-section{grid-template-columns:1fr;gap:25px;padding:54px 24px 60px}.process-section h2{font-size:42px}.site-footer{padding:20px 22px 14px;grid-template-columns:1fr auto;gap:8px}.site-footer>p{font-size:8px;text-align:right}.site-footer .footer-legal{grid-column:1/-1;text-align:left}.brand-symbol{width:36px;height:36px}.main-nav{gap:18px;font-size:10px}}
@media(max-width:390px){.main-nav{gap:10px}.main-nav a{font-size:9px}.project-grid{grid-template-columns:1fr}.project{min-height:159px}.project-info{margin-top:22px}.project-mark{right:18px;top:39px}.filters{width:100%}.filter{padding:7px 8px;font-size:8px}.hero-art{height:280px}.browser-content{padding:20px 23px}.hero-stamp{width:69px;height:69px;right:0}.art-caption{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}