:root{--black:#0d0d0d;--anthracite:#1e1e1e;--wine:#b21f2d;--white:#fff;--muted:#b8b8b8;--max:1180px;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.65;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:-60px;left:1rem;z-index:200;background:#fff;color:#000;padding:.7rem 1rem}.skip-link:focus{top:1rem}.site-header{position:fixed;z-index:100;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 max(5vw,24px);background:linear-gradient(#0d0d0de8,#0d0d0d9e);border-bottom:1px solid #ffffff18;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:900;letter-spacing:.14em}.brand img{width:50px;height:50px;border-radius:50%}.site-header nav{display:flex;gap:2rem}.site-header nav a{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--wine);transition:.3s}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{right:0}.menu-toggle{display:none;background:none;border:0;padding:8px;color:#fff}.menu-toggle span{display:block;width:26px;height:2px;background:currentColor;margin:5px}
.hero{min-height:100svh;display:grid;place-items:center;position:relative;text-align:center;background-image:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.48),rgba(0,0,0,.8)),url("images/urkos-harnais.webp");background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:25%;background:linear-gradient(transparent,var(--black))}.hero-content{position:relative;z-index:2;max-width:880px;padding:120px 24px 80px;animation:hero-in .9s ease both}.hero-logo{width:132px;height:132px;margin:0 auto 1.4rem;border-radius:50%;box-shadow:0 10px 50px #000}.eyebrow,.kicker{margin:0 0 .8rem;color:#eee;font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.24em}.hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.9;margin:0;text-transform:uppercase;letter-spacing:-.045em;text-shadow:0 4px 26px #000}.hero h1 span{color:transparent;-webkit-text-stroke:1px #fff}.hero-subtitle{max-width:680px;margin:1.8rem auto 2.2rem;color:#ededed;font-size:clamp(1rem,2vw,1.25rem)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:.75rem 1.45rem;border:1px solid transparent;font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--wine);box-shadow:0 12px 30px #b21f2d45}.btn-outline{border-color:#ffffff9e;background:#0005}.btn-light{background:#fff;color:#111}.btn-social{border-color:#ffffff52}.scroll-cue{position:absolute;z-index:3;bottom:25px;width:26px;height:42px;border:1px solid #fff8;border-radius:20px}.scroll-cue span{position:absolute;width:4px;height:8px;background:#fff;left:10px;top:8px;border-radius:3px;animation:scroll 1.7s infinite}
.section{padding:110px 24px}.section-inner{max-width:var(--max);margin:auto}.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(3rem,8vw,7rem)}.presentation{background:#f3f3f1;color:#222}.media-frame{position:relative}.media-frame:before{content:"";position:absolute;inset:24px -24px -24px 24px;border:2px solid var(--wine)}.media-frame img{position:relative;aspect-ratio:1/1.08;object-fit:cover;box-shadow:var(--shadow)}.kicker{color:var(--wine)}h2{font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.05;margin:0 0 1.2rem;letter-spacing:-.035em}h3{margin:.4rem 0 .65rem;font-size:1.25rem}.rule{display:block;width:70px;height:3px;background:var(--wine);margin:0 0 2rem}.presentation p{color:#525252;font-size:1.05rem}.signature{margin-top:2rem;font-size:1.7rem;font-weight:900;letter-spacing:.13em}.signature small{display:block;font-size:.6rem;color:#777;letter-spacing:.1em}.dark-section{background:var(--anthracite)}.section-heading{text-align:center;max-width:720px;margin:0 auto 3.2rem}.section-heading>p:last-child{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff16;border:1px solid #ffffff16}.service-card{padding:2.1rem;background:#171717;min-height:245px;transition:.3s;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;inset:auto 100% 0 0;height:3px;background:var(--wine);transition:.35s}.service-card:hover{background:#222;transform:translateY(-5px)}.service-card:hover:after{right:0}.service-card p{color:var(--muted);font-size:.92rem}.icon{color:var(--wine);font-size:.78rem;font-weight:900;letter-spacing:.15em}.reasons{background:#101010}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.reason{display:flex;align-items:center;gap:1rem;padding:1.35rem;border:1px solid #ffffff14;background:#ffffff05}.reason b{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:var(--wine)}.reason strong,.reason small{display:block}.reason small{color:#999}.gallery-section{background:#f3f3f1;color:#222}.gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1rem}.gallery-item{position:relative;padding:0;border:0;background:#000;overflow:hidden;cursor:zoom-in;min-height:430px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-item span{position:absolute;inset:auto 1rem 1rem auto;background:#0d0d0ddd;color:#fff;padding:.6rem .9rem;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;opacity:0;transition:.3s}.gallery-item:hover img{transform:scale(1.045);opacity:.8}.gallery-item:hover span{opacity:1}.contact{padding:100px 24px;background:linear-gradient(135deg,#7d111c,var(--wine));text-align:center}.contact .kicker{color:#fff9}.contact-inner>p{max-width:650px;margin:0 auto 2.2rem}.contact-details{display:flex;justify-content:center;flex-wrap:wrap;gap:1px;margin:0 auto 2rem}.contact-details a{padding:1rem 2rem;background:#0002;min-width:290px}.contact-details span,.contact-details strong{display:block}.contact-details span{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}.contact-details strong{font-size:1.05rem}.contact-actions{gap:.6rem}footer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2.5rem 24px;text-align:left;background:#070707}footer img{border-radius:50%}footer p{font-size:.85rem}footer small{color:#888}.lightbox{width:100vw;max-width:none;height:100vh;max-height:none;border:0;padding:clamp(1rem,4vw,3rem);background:#050505f5;color:#fff}.lightbox[open]{display:grid;place-items:center}.lightbox::backdrop{background:#000d}.lightbox img{max-width:90vw;max-height:82vh;object-fit:contain}.lightbox p{margin:.6rem 0 0;text-align:center}.lightbox-close{position:fixed;z-index:2;right:24px;top:16px;border:0;background:none;color:#fff;font-size:2.8rem;cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@keyframes hero-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes scroll{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(16px)}}
@media(max-width:850px){.site-header nav{position:absolute;inset:76px 0 auto;background:#0d0d0df8;padding:1.3rem 24px;display:none;flex-direction:column;gap:1.3rem;border-bottom:1px solid #fff2}.site-header nav.open{display:flex}.menu-toggle{display:block}.split{grid-template-columns:1fr}.media-frame{max-width:620px}.card-grid,.reason-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr 1fr}.gallery-wide{grid-column:1/-1}.gallery-item{min-height:360px}.section{padding:85px 22px}}
@media(max-width:560px){.hero-content{width:100%;min-width:0}.hero-logo{width:105px;height:105px}.hero h1{font-size:clamp(2.3rem,11.5vw,3.4rem)}.hero h1 span{-webkit-text-stroke:.7px #fff}.actions .btn{width:100%}.card-grid,.reason-grid,.gallery{grid-template-columns:1fr}.gallery-wide{grid-column:auto}.gallery-item{min-height:320px}.media-frame:before{inset:12px -12px -12px 12px}.contact-details a{min-width:100%;padding:1rem}.contact-details strong{font-size:.95rem}footer{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}