:root{--ink:#252525;--muted:#6d6a65;--paper:#f5f2ec;--white:#fffdfa;--line:#ddd7cd;--accent:#a67c52;--dark:#34312d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}h1,h2,h3,.logo,.brand{font-family:"Manrope",sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.nav-wrap{position:fixed;z-index:20;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));background:rgba(255,253,250,.9);backdrop-filter:blur(14px);border:1px solid rgba(80,70,60,.12);border-radius:16px}.navbar{padding:10px 18px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px}.logo-mark{width:34px;height:30px;display:block;position:relative}.logo-mark i,.logo-mark b,.logo-mark em{position:absolute;display:block;font-style:normal}.logo-mark i{left:2px;bottom:3px;width:30px;height:19px;border:2px solid var(--ink);border-top:0;transform:skewX(-26deg)}.logo-mark b{left:6px;top:2px;width:18px;height:18px;border-left:2px solid var(--accent);border-top:2px solid var(--accent);transform:rotate(45deg)}.logo-mark em{right:1px;bottom:3px;height:23px;border-right:2px solid var(--ink)}.logo-type{font-size:1.02rem;font-weight:800;letter-spacing:.08em;line-height:.85}.logo-type small{display:block;font-size:.46rem;letter-spacing:.28em;font-weight:600;margin-top:5px;color:var(--accent)}.nav-links{display:flex;gap:26px}.nav-links a{font-size:.9rem;color:#555}
.hero{min-height:92vh;display:flex;align-items:end;padding:150px 0 70px;background:linear-gradient(180deg,rgba(30,25,20,.08),rgba(30,25,20,.5)),url("images/foca-hero.png") center/cover;border-radius:0 0 34px 34px}.hero-content{color:#fff}.hero h1{font-size:clamp(2rem,5vw,5.8rem);font-style: italic;;line-height:.95;max-width:850px;letter-spacing:-.055em;margin:14px 0 25px}.hero p{max-width:610px;font-size:1.1rem;line-height:1.7}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-weight:600}.eyebrow.light{color:#eee}.section{padding:105px 0}.section h2{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.045em;line-height:1.02;margin:12px 0 50px}.button{display:inline-block;background:var(--ink);color:#fff;padding:14px 24px;border-radius:999px;border:0;font:inherit;cursor:pointer}.light-button{background:#fff;color:#222}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{background:var(--white);border:1px solid var(--line);padding:34px;border-radius:18px;min-height:270px;transition:.25s}.service:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(50,40,30,.08)}.service span{color:var(--accent);font-size:.8rem;letter-spacing:.12em}.service h3{font-size:1.4rem;margin-top:55px}.service p{color:var(--muted);line-height:1.7}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{position:relative;overflow:hidden;border-radius:18px;height:460px;background:#ddd;border:0;padding:0;width:100%;text-align:left;cursor:pointer}.project img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover img{transform:scale(1.04)}.project>div{position:absolute;left:0;right:0;bottom:0;padding:30px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78))}.project h3{font-size:1.7rem;margin:24px 0 4px}.project p{margin:0;opacity:.85}.view-project{display:inline-block;margin-top:14px;font-size:.82rem;letter-spacing:.06em;opacity:.95}
.about{background:var(--dark);color:#f8f5ef;border-radius:28px;padding:70px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2{margin-bottom:0}.about p{color:#d2ccc3;line-height:1.8}.contact{background:#e9e3da}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact-grid>div>p{color:var(--muted);line-height:1.7}.contact-box{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:16px 34px}.contact-item{padding:26px 0;border-bottom:1px solid var(--line)}.contact-item:last-child{border-bottom:0}.contact-item span{display:block;color:var(--accent);font-size:.7rem;letter-spacing:.2em;font-weight:600;margin-bottom:8px}.contact-item strong{font-family:"Manrope",sans-serif;font-size:1.15rem;font-weight:600}footer{padding:35px 0;border-top:1px solid var(--line);color:#777;font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;gap:15px}
.no-scroll{overflow:hidden}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(25,22,19,.82);backdrop-filter:blur(8px)}.slider{position:relative;z-index:1;width:min(1120px,96vw);height:min(88vh,820px);background:#161514;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center}.slide-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slide-stage img{width:100%;height:100%;object-fit:contain}.close{position:absolute;z-index:5;right:16px;top:12px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25);color:#fff;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}.slider-top{position:absolute;z-index:4;left:24px;right:70px;top:18px;display:flex;justify-content:space-between;color:#fff;font-size:.82rem;letter-spacing:.08em;text-shadow:0 1px 8px #000}.arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.28);color:#fff;font-size:42px;line-height:35px;cursor:pointer}.prev{left:18px}.next{right:18px}.dots{position:absolute;z-index:4;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:7px}.dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}.dots button.active{background:#fff;transform:scale(1.25)}
@media(max-width:850px){.cards{grid-template-columns:1fr 1fr}.about,.contact-grid{grid-template-columns:1fr;gap:35px}.about{padding:40px}.nav-links{gap:12px}.nav-links a:nth-child(-n+2){display:none}.slider{height:78vh}.arrow{width:44px;height:44px;font-size:34px}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.nav-wrap{top:10px}.nav-links{display:none}.hero{min-height:82vh;padding:120px 0 45px}.hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}.section{padding:72px 0}.cards,.project-grid{grid-template-columns:1fr}.project{height:350px}.about{padding:34px 25px}.contact-box{padding:10px 22px}.footer-inner{flex-direction:column}.modal{padding:8px}.slider{width:100%;height:80vh;border-radius:12px}.arrow{width:40px;height:40px}.prev{left:10px}.next{right:10px}.logo-type{font-size:.9rem}.logo-mark{width:30px}}