:root{--black:#090909;--gold:#e0b960;--gold2:#c49a42;--white:#fff;--muted:#c6c1b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0e0e0e;color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}.topline{min-height:34px;padding:5px max(4vw,22px);display:flex;justify-content:space-between;gap:15px;align-items:center;background:#17130d;border-bottom:1px solid #866b34;color:#f3d18a;font-size:.78rem}.topline a{color:#fff}.site-header{background:#080808;min-height:86px;display:flex;justify-content:space-between;align-items:center;padding:9px max(4vw,22px);gap:25px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:68px;height:68px;object-fit:contain}.brand strong{display:block;font-size:2rem;letter-spacing:.04em;line-height:1.1}.brand small{font-size:.66rem;font-weight:800;letter-spacing:.09em}.site-header nav{display:flex;gap:clamp(12px,2.4vw,36px);align-items:center;flex-wrap:wrap;font-weight:700;font-size:.94rem}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--gold)}.site-header nav .login-btn{background:var(--gold);color:#111;border-radius:8px;padding:12px 22px}.hero{position:relative;min-height:550px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #8c6d2f}.hero-photo{position:absolute;inset:0;background:#28231d url('../media/vinculo-canino.jpg') no-repeat 66% 42%;background-size:contain;filter:saturate(.96)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.94) 30%,rgba(5,5,5,.65) 47%,rgba(5,5,5,.13) 66%,rgba(5,5,5,.68) 100%)}.hero-content{position:relative;z-index:1;width:min(55%,730px);padding:58px 0 62px max(5vw,24px)}.eyebrow{font-size:.76rem;letter-spacing:.24em;color:var(--gold);font-weight:900;margin:0 0 14px}.hero h1{font-size:clamp(2.35rem,4.2vw,4.7rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 22px;font-weight:850}.hero h1 em,.section-heading h2 em{color:var(--gold);font-style:normal}.hero-content>p:not(.eyebrow){max-width:550px;font-size:1.05rem;color:#f1eee9}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:8px;font-weight:800;min-height:48px}.btn-gold{background:var(--gold);color:#101010}.btn-outline{border:1px solid var(--gold);background:#080808d9}.btn:hover{filter:brightness(1.1)}.hero-seal{position:absolute;z-index:1;right:4%;top:20%;width:clamp(160px,20vw,290px);display:flex;flex-direction:column;align-items:center;gap:12px}.hero-seal img{width:100%;height:auto;filter:drop-shadow(0 9px 20px #000)}.hero-seal span{font-size:.67rem;font-weight:800;letter-spacing:.08em;text-align:center;color:#f2d38a;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:7px 0}.section{padding:66px max(4vw,22px)}.section-heading{text-align:center;margin:0 auto 36px;max-width:820px}.section-heading h2{font-size:clamp(1.9rem,3vw,2.9rem);margin:0 0 8px;line-height:1.15}.section-heading>p:last-child{color:var(--muted);margin:0}.services{background:#0c0c0c}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1450px;margin:auto}.service-card{border:1px solid #8e6e36;background:linear-gradient(135deg,#24211c,#111);border-radius:15px;padding:24px;min-height:208px}.service-icon{font-size:2rem;color:var(--gold)}.service-card h3{font-size:1.1rem;margin:12px 0 8px}.service-card p{color:#d0ccc5;font-size:.92rem;margin:0}.work{background:linear-gradient(180deg,#171717,#222)}.photo-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.photo-grid figure{margin:0;border:1px solid #9e7a36;border-radius:15px;overflow:hidden;background:#121212}.photo-frame{height:255px;display:flex;align-items:center;justify-content:center;background:#292620}.photo-frame img{display:block;width:100%;height:100%;object-fit:contain}.photo-grid figcaption{padding:13px 15px;font-weight:700;font-size:.9rem}.videos{background:#0c0c0c}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1050px;margin:auto}.video-grid video{display:block;width:100%;max-height:360px;background:#000;border:1px solid #82662d;border-radius:14px}.contact{padding:55px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(110deg,#282012,#0b0b0b);border-top:1px solid #866b34}.contact h2{font-size:clamp(1.7rem,2.5vw,2.5rem);margin:0}.contact p:not(.eyebrow){color:#d5cfc5}footer{padding:25px max(4vw,22px);background:#050505;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;color:#ccc;font-size:.86rem}footer>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}footer a:hover{color:var(--gold)}.footer-brand img{width:44px;height:44px;object-fit:contain}@media(max-width:1050px){.hero-content{width:64%}.hero-seal{width:150px;right:2%}.service-grid,.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topline{font-size:.68rem}.site-header{align-items:flex-start;flex-direction:column;gap:10px}.brand img{width:54px;height:54px}.brand strong{font-size:1.5rem}.site-header nav{gap:13px;font-size:.84rem}.site-header nav .login-btn{padding:8px 13px}.hero{min-height:660px;align-items:flex-end}.hero-photo{background-position:center top;background-size:contain;background-color:#080808}.hero-shade{background:linear-gradient(0deg,#070707 0%,#070707 35%,#070707bd 54%,transparent 95%)}.hero-content{width:100%;padding:230px 22px 30px}.hero h1{font-size:clamp(2.2rem,9vw,3.3rem)}.hero-content>p:not(.eyebrow){font-size:.94rem}.hero-seal{top:15px;right:15px;width:90px}.hero-seal span{display:none}.section{padding:45px 20px}.service-grid,.photo-grid,.video-grid{grid-template-columns:1fr}.photo-frame{height:280px}.contact{flex-direction:column;align-items:flex-start}}
