@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&family=Work+Sans:wght@400;500;600&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--black:#09090B;--yellow:#EAB308;--white:#FAFAFA;--grey:#71717A;--red:#DC2626;--head:'Oswald',Impact,sans-serif;--body:'Work Sans',system-ui,sans-serif}
body{font-family:var(--body);background:var(--white);color:var(--black);line-height:1.65}
a{color:var(--black);text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:3px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--black);transform:skewY(0)}
.header-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;gap:1.5rem}
.logo{font-family:var(--head);font-size:1.4rem;color:var(--yellow);text-decoration:none;letter-spacing:.05em}
.main-nav{display:flex;gap:1.2rem;flex:1}.main-nav a{color:var(--white);text-decoration:none;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.main-nav a.active,.main-nav a:hover{color:var(--yellow)}
.nav-cta{background:var(--yellow);color:var(--black)!important;padding:.55rem 1.2rem;font-family:var(--head);text-transform:uppercase;text-decoration:none!important;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.nav-cta:hover{background:var(--white)}
.nav-toggle{display:none;background:var(--yellow);border:none;padding:.4rem .6rem;cursor:pointer;font-family:var(--head)}
main{padding-top:72px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:0;min-height:75vh;background:var(--black);color:var(--white);clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),0 100%)}
.hero-content{padding:4rem 1.5rem 4rem max(1.5rem,calc((100vw - 1200px)/2 + 1.5rem))}
.hero h1{font-family:var(--head);font-size:clamp(2.5rem,6vw,4.5rem);text-transform:uppercase;line-height:1;letter-spacing:-.02em}
.hero h1 span{color:var(--yellow);display:block}
.hero-lead{color:var(--grey);margin:1.25rem 0;max-width:540px}
.arrow-motif{font-size:3rem;color:var(--yellow);line-height:1;margin:1rem 0}
.hero-image img{width:100%;height:100%;object-fit:cover;min-height:400px}
.section{max-width:1200px;margin:0 auto;padding:3.5rem 1.5rem}
.section h2{font-family:var(--head);font-size:2.2rem;text-transform:uppercase;letter-spacing:.02em}
.section h2::before{content:'→ ';color:var(--yellow)}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.card{background:var(--black);color:var(--white);padding:1.5rem;border-left:4px solid var(--yellow);transition:transform .5s}
.card:hover{transform:translateX(8px)}
.card-label{font-family:var(--head);color:var(--yellow);font-size:.75rem;text-transform:uppercase}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.two-col img{width:100%;border:3px solid var(--black)}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:3px solid var(--black)}
.stat{padding:1.5rem;text-align:center;border-right:3px solid var(--black)}.stat:last-child{border-right:none}
.stat strong{display:block;font-family:var(--head);font-size:2.8rem;color:var(--black)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:var(--black)}
.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover}
.btn{display:inline-block;padding:.7rem 1.5rem;font-family:var(--head);text-transform:uppercase;letter-spacing:.05em;border:none;cursor:pointer;text-decoration:none!important}
.btn-primary{background:var(--yellow);color:var(--black)}.btn-primary:hover{background:var(--black);color:var(--yellow);outline:2px solid var(--yellow)}
.btn-outline{border:3px solid var(--black);color:var(--black);background:transparent}
.btn-secondary{border:3px solid var(--grey);background:transparent;color:var(--black)}
.btn-ghost{background:transparent;border:2px solid var(--grey)}
.disclaimer-box,.disclaimer-inline{font-size:.85rem;padding:1rem;border:3px solid var(--black);margin-top:1.5rem;background:var(--white)}
.page-hero{padding:4rem 1.5rem 1rem;max-width:1200px;margin:0 auto;background:var(--yellow);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),0 100%)}
.page-hero h1{font-family:var(--head);font-size:3rem;text-transform:uppercase}
.site-footer{background:var(--black);color:var(--white);padding:2.5rem 1.5rem;margin-top:3rem}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;font-size:.85rem;color:var(--grey)}
.footer-grid a{color:var(--yellow)}.footer-disclaimer,.footer-copy{max-width:1200px;margin:1.5rem auto 0;font-size:.78rem;color:var(--grey)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}
.contact-form label{display:block;margin-bottom:.85rem;font-weight:500}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.6rem;margin-top:.3rem;border:3px solid var(--black);font-family:inherit}
.hp-field{position:absolute;left:-9999px}.consent-label{display:flex;gap:.5rem;font-weight:400}
.faq-item{border-bottom:3px solid var(--black);padding:1rem 0}.faq-item summary{cursor:pointer;font-family:var(--head);text-transform:uppercase}
.legal-content h2{font-family:var(--head);text-transform:uppercase;margin-top:1.5rem}
.error-page{text-align:center;padding:5rem 1.5rem;background:var(--yellow);min-height:50vh}
.form-status.ok{background:var(--yellow);padding:1rem;border:3px solid var(--black)}.form-status.err{background:var(--red);color:var(--white);padding:1rem}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--black);color:var(--white);border-top:4px solid var(--yellow);padding:1rem 1.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;z-index:200}
.cookie-banner.hidden{display:none}.cookie-banner a{color:var(--yellow)}.cookie-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.cookie-modal{position:fixed;inset:0;background:rgba(9,9,11,.85);z-index:300;display:flex;align-items:center;justify-content:center}
.cookie-modal[hidden]{display:none}.cookie-modal-inner{background:var(--white);padding:2rem;border:4px solid var(--black);max-width:400px;width:90%}
@media(max-width:900px){.hero{grid-template-columns:1fr;clip-path:none}.hero-content{padding:3rem 1.5rem}.two-col,.contact-grid,.stat-grid,.gallery-grid{grid-template-columns:1fr}.stat{border-right:none;border-bottom:3px solid var(--black)}.main-nav,.nav-cta{display:none}.nav-toggle{display:block}.main-nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--black);padding:1rem}}