@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--paper:#272727;--ink:#ffffff;--muted:#b8b8b8;--line:#494949;--accent:#dd4425}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:#fff}img{display:block;width:100%;height:100%;object-fit:cover}.header{height:100px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:'DM Sans',sans-serif;font-size:29px;font-weight:600;letter-spacing:-1.6px;white-space:nowrap}.logo>span{color:var(--accent)}.logo .logo-dot{font-size:12px;vertical-align:top;margin-left:5px;line-height:25px;color:var(--ink)}nav{display:flex;align-items:center;gap:40px;font-size:13px;font-weight:600}.nav-contact{margin-left:55px}.nav-contact span{margin-left:22px;color:var(--accent);font-size:22px}nav a:hover{color:var(--accent)}.menu-toggle{display:none}.hero{padding:43px 4.5% 0}.hero-top,.hero-bottom,.section-heading,.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;line-height:1.6}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;margin-right:9px;vertical-align:middle}.hero-note{font-size:11px;line-height:1.7;margin:0;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(60px,7.9vw,130px);font-weight:500;line-height:1.04;letter-spacing:-.065em;margin:30px 0}em{font-weight:400;font-style:normal;color:var(--accent)}.hero-bottom{margin:28px 0 35px;align-items:end}.hero-bottom p{font-size:13px;line-height:1.7;margin:0}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:9px;display:flex;gap:60px;align-items:center}.text-link span{font-size:25px;font-weight:400}.hero-image{height:clamp(300px,44vw,670px);position:relative;overflow:hidden;background:#333}.hero-image>img{object-position:center 57%;filter:brightness(.84);animation:reveal 1.2s ease both}.image-caption{position:absolute;bottom:27px;left:28px;right:28px;display:flex;justify-content:space-between;color:white;font-size:9px;letter-spacing:1.7px}.image-circle{position:absolute;right:28px;top:28px;width:55px;height:55px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;color:white;font-size:27px;transition:background .2s}.image-circle:hover{background:var(--accent)}.image-footnote{display:flex;justify-content:space-between;margin-top:13px;font-size:10px;color:var(--muted)}.section{padding:110px 4.5%}.section-heading{align-items:end;margin-bottom:45px}.section-heading h2{margin-bottom:0}h2{font-size:clamp(35px,4.1vw,67px);font-weight:500;line-height:1.15;letter-spacing:-.055em}.section-aside{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:3px}.portfolio-toolbar{border-top:1px solid var(--line);padding:22px 0 35px;gap:20px}.filters{display:flex;gap:25px}.filters button{border:0;background:transparent;padding:4px 0;color:var(--muted);font-size:12px}.filters button.active{color:var(--ink)}sup{font-size:9px;margin-left:5px}.filters .active:after{content:'';display:block;margin-top:8px;height:1px;background:var(--accent)}.demo-label{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 34px;align-items:start}.project{display:block;text-align:left;border:0;background:transparent;padding:0;min-width:0}.project[hidden]{display:none}.project.offset{margin-top:85px}.project-photo{height:440px;display:block;overflow:hidden;position:relative;background:#333}.project img{transition:transform .6s;filter:saturate(.65)}.project:hover img{transform:scale(1.035)}.project-open{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;background:var(--paper);height:42px;width:42px;border-radius:50%;font-size:22px}.project-title{display:flex;justify-content:space-between;font-size:20px;margin-top:19px;letter-spacing:-.6px}.project-title>span{font-size:10px;color:var(--muted);letter-spacing:0;padding-top:6px}.project-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:9px}.portfolio-disclaimer{font-size:10px;line-height:1.8;color:var(--muted);max-width:570px;margin:40px 0 0}.studio{background:var(--paper);padding-top:65px;padding-bottom:45px}.studio-content{display:grid;grid-template-columns:1.5fr 1fr;gap:100px;margin-top:45px}.studio-content h2{font-size:clamp(36px,4.5vw,72px)}.studio-copy{max-width:340px;padding-top:4px}.asterisk{font-size:65px;color:var(--accent);display:block;line-height:1;margin-bottom:34px}.studio-copy p{font-size:17px;line-height:1.65;letter-spacing:-.3px}.studio-copy .muted{font-size:12px;line-height:1.9}.muted{color:var(--muted)}.small,.studio-copy .small{font-size:10px}.disciplines{border-top:1px solid var(--line);margin-top:50px;padding-top:25px;display:flex;gap:50px;font-size:11px}.approach{padding-bottom:120px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:65px}.steps article{border-top:1px solid var(--line);padding-top:20px}.step-number{font-size:11px;color:var(--accent);display:block;margin-bottom:50px}.steps h3{font-size:20px;font-weight:500;letter-spacing:-.6px;margin-bottom:17px}.steps p{font-size:11px;line-height:1.9;color:var(--muted);max-width:245px}.contact{background:var(--paper);color:var(--ink);padding-top:65px;padding-bottom:55px}.contact .eyebrow{color:var(--muted)}.contact-heading{display:flex;align-items:center;justify-content:space-between;margin-top:50px;gap:30px}.contact h2{font-size:clamp(38px,5.4vw,85px);margin:0}.contact em{color:var(--accent)}.contact-arrow{font-size:100px;align-self:start;color:var(--accent);font-weight:400;line-height:1}.contact-bottom{border-top:1px solid var(--line);margin-top:65px;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom>p{font-size:12px;line-height:1.8;margin:0}.contact-placeholder{font-size:13px}.contact-placeholder .status-dot{background:var(--accent)}.contact-placeholder small{display:block;font-size:10px;margin-top:12px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 4.5%;gap:20px}footer .logo{font-size:22px}footer>span,.back-top{font-size:10px;color:var(--muted)}dialog{border:0;background:var(--paper);color:var(--ink);padding:0;width:min(900px,92vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#151b17b8;backdrop-filter:blur(5px)}dialog>img{height:400px}.dialog-close{position:absolute;top:15px;right:15px;border:0;background:var(--paper);padding:12px 18px;font-size:12px;z-index:1}.dialog-copy{padding:35px}.dialog-copy h2{font-size:38px}.dialog-copy>p{font-size:13px;line-height:1.8}.dialog-copy>p.small{font-size:10px}body.modal-open{overflow:hidden}@keyframes reveal{from{opacity:.3;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media(min-width:1600px){body{max-width:1800px;margin:auto}.project-photo{height:550px}}@media(max-width:900px){nav{gap:22px}.nav-contact{margin-left:15px}.project-photo{height:330px}.studio-content{gap:40px}.steps{gap:20px}.contact-arrow{font-size:70px}}@media(max-width:640px){.header{height:78px;padding:0 6%}.logo{font-size:25px}.menu-toggle{display:flex;gap:20px;align-items:center;border:0;background:none;font-size:12px;padding:10px 0}.menu-toggle span{font-size:22px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px 6%;border-bottom:1px solid var(--line);z-index:5;flex-direction:column;align-items:start;gap:24px}nav.open{display:flex}.nav-contact{margin:0}.hero{padding:30px 6% 0}.hero-note{display:none}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:clamp(47px,11.5vw,75px);margin:30px 0;line-height:1.1}.hero-bottom{align-items:start;gap:20px;flex-direction:column;margin-top:23px}.hero-bottom p{font-size:12px}.text-link{font-size:11px;gap:45px}.hero-image{height:390px}.image-caption{left:16px;right:16px;bottom:20px;font-size:7px;letter-spacing:1px}.image-circle{height:42px;width:42px;right:16px;top:16px}.image-footnote{font-size:8px;gap:15px}.section{padding:75px 6%}.section-heading{margin-bottom:28px}.section-aside{display:none}h2{font-size:37px}.portfolio-toolbar{align-items:start;gap:20px;flex-direction:column;padding:20px 0 25px}.filters{gap:23px}.filters button{font-size:11px}.demo-label{font-size:7px}.project-grid{grid-template-columns:1fr;gap:35px}.project.offset{margin-top:0}.project-photo{height:370px}.project-title{font-size:20px}.studio-content{grid-template-columns:1fr;gap:20px;margin-top:30px}.studio-content h2{font-size:42px;margin-bottom:15px}.studio-copy{max-width:100%}.asterisk{font-size:50px;margin-bottom:25px}.studio-copy p{font-size:17px}.disciplines{gap:15px;justify-content:space-between;font-size:9px;margin-top:30px}.steps{grid-template-columns:1fr 1fr;gap:30px 22px;margin-top:40px}.step-number{margin-bottom:30px}.steps h3{font-size:19px}.steps p{font-size:10px}.contact{padding-top:45px;padding-bottom:40px}.contact-heading{margin-top:35px;align-items:start}.contact h2{font-size:38px}.contact-arrow{font-size:40px}.contact-bottom{margin-top:40px;align-items:start;flex-direction:column;gap:30px}.contact-placeholder{font-size:12px}.contact-placeholder small{font-size:9px}footer{padding:28px 6%;flex-wrap:wrap}footer .logo{width:100%;margin-bottom:10px}dialog>img{height:280px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Original identity from archi-create.com.ua: charcoal, white, vermilion. */
.logo{display:flex;align-items:center;gap:6px;letter-spacing:1px;font-size:20px;font-weight:500}
.logo img{width:98px;height:56px;object-fit:contain;flex-shrink:0}
.logo .brand-name{color:var(--ink)}
footer .logo{font-size:16px}footer .logo img{width:75px;height:43px}
.studio{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact{border-top:2px solid var(--accent)}
.project-open{background:var(--accent);color:#fff}
.image-circle:hover{background:var(--accent)}
.step-number{color:var(--ink)}
nav a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px}
@media(max-width:640px){.logo{font-size:15px;gap:2px}.logo img{width:72px;height:42px}}

/* Portfolio imported from the owner's Behance. */
.filters{flex-wrap:wrap}.project-title{gap:15px;line-height:1.4}.project-title>span{flex-shrink:0}.project-meta{gap:15px;line-height:1.6}.project-meta>span{flex-shrink:0}.project img{filter:none}
.portfolio-source{font-size:11px;white-space:nowrap}.portfolio-source:hover,.image-footnote a:hover{color:var(--ink);text-decoration:underline}
.portfolio-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);margin-top:45px;padding-top:25px}.portfolio-bottom p{font-size:11px;color:var(--muted);margin:0}.load-more{border:1px solid var(--line);padding:14px 22px;background:transparent;display:flex;gap:30px;align-items:center;font-size:12px}.load-more:hover{border-color:var(--accent)}.load-more[hidden]{display:none}
dialog{width:min(1100px,94vw)}.gallery-stage{background:#1b1b1b;display:flex;align-items:center;justify-content:center;padding:60px 18px 12px;height:min(65vh,650px)}.gallery-stage>img{height:100%;width:100%;object-fit:contain}.gallery-controls{display:flex;justify-content:center;align-items:center;gap:25px;padding:15px}.gallery-controls button{background:transparent;border:1px solid var(--line);width:44px;height:40px;font-size:20px}.gallery-controls button:disabled{opacity:.35;cursor:default}.gallery-controls span{font-size:12px;min-width:75px;text-align:center}.gallery-thumbs{display:flex;flex-wrap:wrap;gap:8px;padding:0 25px}.gallery-thumb{width:70px;height:52px;padding:0;border:2px solid transparent;background:transparent}.gallery-thumb[aria-pressed="true"]{border-color:var(--accent)}.gallery-thumb img{object-fit:cover}.dialog-copy h2{overflow-wrap:anywhere}.dialog-copy .text-link{width:fit-content;max-width:100%;margin-top:25px;gap:25px}.dialog-close{position:absolute;top:10px;right:10px}.hero-image img{object-position:center}
@media(max-width:640px){.portfolio-toolbar{gap:18px}.filters{gap:18px}.project-title{font-size:18px}.portfolio-bottom{flex-direction:column;align-items:start}.gallery-stage{height:48vh;padding-top:55px}.gallery-thumbs{padding:0 18px;gap:6px}.gallery-thumb{width:58px;height:44px}.project-photo{height:310px}}

/* Readable category buttons. */
.filters{gap:12px;align-items:center}
.filters button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border:1px solid #696969;border-radius:4px;background:#333;color:#fff;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,border-color .2s,color .2s}
.filters button:hover{background:#414141;border-color:#929292}
.filters button.active{background:#fff;color:#272727;border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}
.filters button.active:hover{background:#f2f2f2}
.filters button.active::after{display:none}
.filters button sup{position:static;top:auto;display:inline-block;margin:0;padding:3px 7px;border-radius:12px;background:#4a4a4a;color:#fff;font-size:11px;line-height:1.2;font-weight:500}
.filters button.active sup{background:#e7e7e7;color:#272727}
@media(max-width:640px){.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.filters button{justify-content:space-between;padding:12px 14px;font-size:13px;gap:8px}}
.footer-legal{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:12px;color:var(--muted)}.footer-legal a:hover{color:var(--ink);text-decoration:underline}.footer-legal a:focus-visible{outline-offset:3px}
.project:is(:hover,:focus-visible) .project-title{color:var(--accent)}