@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@500;600&display=swap');
:root{--ink:#17191a;--muted:#6e7375;--paper:#f4f3ef;--white:#fff;--red:#d71920;--line:#d9d7d1;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}
.header{height:98px;background:rgba(244,243,239,.96);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,64px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(23,25,26,.08);backdrop-filter:blur(10px)}
.logo-link{display:block;height:76px;max-width:290px}.logo-link img{height:100%;width:auto;display:block;object-fit:contain}.header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.header nav a{transition:.2s}.header nav a:hover{color:var(--red)}.nav-contact{background:var(--ink);color:white;padding:15px 21px}.nav-contact:hover{background:var(--red)!important;color:white!important}.nav-phone{background:var(--red);color:#fff;padding:15px 18px;font-weight:800;white-space:nowrap}.nav-phone:hover{background:#c92727!important;color:#fff!important}
.hero{position:relative;min-height:calc(100vh - 98px);display:flex;align-items:flex-end;overflow:hidden;background:#222}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(10,12,12,.86) 0%,rgba(10,12,12,.56) 43%,rgba(10,12,12,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 50%)}.hero-content{position:relative;z-index:2;color:#fff;padding:clamp(55px,9vw,130px) clamp(22px,7vw,110px);max-width:1020px}.kicker{font-family:Oswald,Arial,sans-serif;font-size:13px;letter-spacing:.16em;font-weight:600;margin-bottom:20px}.kicker.dark{color:var(--red)}.hero h1{font-size:clamp(58px,7.2vw,112px);line-height:1.02;letter-spacing:-.045em;margin:0 0 30px;font-weight:900}.hero h1 em{font-style:normal;color:#fff;border-bottom:4px solid var(--red);padding-bottom:7px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero p{font-size:clamp(17px,1.6vw,23px);line-height:1.5;max-width:650px;color:#e9e9e6;margin:0 0 38px}.hero-button{display:inline-flex;align-items:center;gap:28px;background:var(--red);color:white;padding:18px 22px 18px 24px;font-size:13px;font-weight:800;letter-spacing:.12em}.hero-button span{font-size:20px}.hero-count{position:absolute;z-index:2;right:clamp(22px,5vw,70px);bottom:clamp(28px,5vw,70px);color:white;text-align:right;text-transform:uppercase}.hero-count strong{display:block;font-family:Oswald;font-size:74px;line-height:.8}.hero-count span{font-size:11px;letter-spacing:.15em}
.statement{max-width:var(--max);margin:auto;padding:110px clamp(22px,5vw,70px);display:grid;grid-template-columns:100px 1fr 1fr;gap:45px;border-bottom:1px solid var(--line)}.statement-number{font-family:Oswald;font-size:20px;color:var(--red)}.statement h2,.portfolio h2{font-size:clamp(42px,5vw,76px);line-height:.95;letter-spacing:-.045em;margin:0}.statement p{font-size:18px;line-height:1.7;color:var(--muted);max-width:570px;margin:32px 0 0}
.portfolio{max-width:var(--max);margin:auto;padding:110px clamp(22px,5vw,70px)}.portfolio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}.filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.filter{border:1px solid var(--line);background:transparent;padding:10px 15px;cursor:pointer;color:var(--muted);font-weight:700;font-size:12px}.filter:hover,.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;cursor:pointer;overflow:hidden;position:relative}.card:nth-child(3n+2){transform:translateY(55px)}.card-image{aspect-ratio:1.18/1;overflow:hidden;background:#ddd}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.card:hover .card-image img{transform:scale(1.045)}.card-info{padding:20px 20px 22px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between}.card-title{display:flex;justify-content:space-between;gap:12px;align-items:start}.card h3{margin:0;font-size:20px;letter-spacing:-.02em}.card-year{font-family:Oswald;color:var(--red);font-size:17px;white-space:nowrap}.card-work{font-size:13px;color:var(--muted);line-height:1.45;margin-top:12px}.card-photos{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8a8d8e;margin-top:15px}.empty{padding:80px 0;color:var(--muted)}
.contact{background:var(--ink);color:white}.contact-inner{max-width:var(--max);margin:auto;padding:100px clamp(22px,5vw,70px);display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.contact h2{font-size:clamp(50px,6vw,88px);line-height:.9;letter-spacing:-.05em;margin:0 0 25px}.contact p{color:#aeb1b0;font-size:17px}.contact-mail{border-top:1px solid #555;padding-top:18px;min-width:min(420px,100%);font-size:18px;display:flex;justify-content:space-between;gap:30px}.contact-mail b{color:var(--red);font-size:28px}.contact-mail:hover span{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:5px}
footer{max-width:var(--max);margin:auto;padding:24px clamp(22px,5vw,70px);display:flex;justify-content:space-between;color:#858988;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.viewer{position:fixed;inset:0;background:rgba(8,9,9,.97);z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.viewer.open{display:flex}.viewer-box{width:min(1100px,calc(100vw - 160px));max-height:calc(100vh - 60px);display:flex;flex-direction:column}.viewer-box img{width:100%;height:min(68vh,700px);object-fit:contain;background:#101111}.viewer-info{color:white;display:flex;justify-content:space-between;gap:20px;padding:16px 0 8px;border-bottom:1px solid #444}.viewer-info strong{font-size:20px}.viewer-info span{color:#aaa;margin-left:10px;font-size:14px}.viewer-desc{color:#ddd;font-size:16px;line-height:1.65;padding:14px 2px 4px;max-width:1000px}.viewer button{position:absolute;border:0;background:none;color:#fff;cursor:pointer}.close{top:20px;right:25px;font-size:42px}.prev,.next{top:50%;font-size:72px;line-height:1;padding:20px}.prev{left:18px}.next{right:18px}.prev:hover,.next:hover,.close:hover{color:var(--red)}
.why{background:#f4f3ef;padding:clamp(85px,9vw,130px) clamp(22px,5vw,70px)}.why-head{max-width:var(--max);margin:0 auto 55px}.why h2{font-size:clamp(48px,6vw,82px);line-height:.92;letter-spacing:-.05em;margin:0}.why-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.why-grid article{border-top:3px solid var(--red);padding-top:22px}.why-grid h3{font-size:22px;line-height:1.05;margin:0 0 15px}.why-grid p{color:#555b5a;line-height:1.55;font-size:15px;margin:0}.contact-details{display:flex;flex-direction:column;gap:24px;min-width:min(420px,100%)}.contact-phone{font-size:clamp(28px,3vw,42px);font-weight:800;color:#fff}.contact-phone:hover{color:var(--red)}

@media(max-width:900px){.header{height:80px}.logo-link{height:61px;max-width:225px}.header nav{gap:10px}.nav-phone{display:none}.header nav a:first-child{display:none}.nav-contact{padding:12px 14px}.hero{min-height:calc(100svh - 80px)}.hero-content{padding:55px 22px 80px}.hero-count{right:22px;bottom:20px}.hero-count strong{font-size:50px}.statement{grid-template-columns:45px 1fr;gap:18px;padding:75px 22px}.statement p{grid-column:2;margin-top:0}.portfolio{padding:75px 22px}.portfolio-head{display:block}.filters{justify-content:flex-start;margin-top:25px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card:nth-child(3n+2){transform:none}.card:nth-child(4n+2){transform:translateY(35px)}.contact-inner{padding:75px 22px;display:block}.contact-details{margin-top:45px}.contact-mail{margin-top:0}.viewer-box{width:calc(100vw - 70px)}.why-grid{grid-template-columns:repeat(2,1fr)}.viewer-box img{height:58vh}.prev{left:0}.next{right:0}}
@media(max-width:560px){.header{padding:0 14px}.header nav{gap:6px;font-size:11px;letter-spacing:.08em}.nav-contact{padding:10px 12px}.logo-link{height:58px}.why-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.card:nth-child(4n+2){transform:none}.hero-content{width:100%}.hero h1{font-size:45px}.hero p{font-size:16px}.hero-count{display:none}.statement{grid-template-columns:1fr}.statement-number{margin-bottom:0}.statement p{grid-column:1}.portfolio h2{font-size:52px}.contact h2{font-size:55px}.viewer{padding:12px}.viewer-box{width:100%}.viewer-box img{height:54vh}.viewer-info strong{font-size:16px}.viewer-desc{font-size:15px;line-height:1.55;padding-top:12px}.viewer-info span{display:block;margin:5px 0 0}.close{right:12px}.prev,.next{font-size:50px}}