@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101110;--paper:#eeeee6;--acid:#d9f36a;--muted:#a7a8a0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;background:#101110;position:relative;z-index:2}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:25px;line-height:.8;letter-spacing:-.7px}.brand em{display:block;font-size:38px;font-style:italic}.brand span{color:var(--acid);margin-left:5px}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav a:hover,.text-link:hover{color:var(--acid)}.nav-contact{border:1px solid #70716a;padding:13px 20px}.hero{min-height:730px;height:calc(100svh - 90px);max-height:1040px;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 24%;background:url('el-gravo-loco.png') center/cover no-repeat}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101110 0%,#101110e8 12%,#10111040 48%,transparent 75%),linear-gradient(0deg,#101110,transparent 28%)}.hero-copy{position:relative;padding:90px 5% 80px;max-width:900px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.7}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin-right:9px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;line-height:.94;letter-spacing:-1.5px}h1{font-size:clamp(66px,7.1vw,116px);margin:30px 0}h1 i,h2 i{color:var(--acid);font-style:italic}.intro{color:#c7c8c0;font-size:15px;line-height:1.8}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}.button{background:var(--acid);color:#151810;padding:19px 25px;font-size:13px;font-weight:700;display:inline-flex;gap:35px;align-items:center;transition:background .2s,transform .2s}.button:hover{background:#e8ff9a;transform:translateY(-2px)}.text-link{font-size:13px;border-bottom:1px solid #797b70;padding:8px 0}.hero-note{font-size:9px;letter-spacing:2px;color:#a4a69b;margin-top:40px}.scroll{position:absolute;bottom:24px;right:5%;font-size:9px;letter-spacing:2px}.ticker{background:var(--acid);color:#1b2112;overflow:hidden;padding:15px 0;transform:rotate(-1deg);font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;font-weight:700;letter-spacing:2px;white-space:nowrap}.ticker span{display:block;text-align:center}.gallery-section,.steps{padding:105px 6%}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:38px}.section-heading h2,h2{font-size:clamp(48px,5.8vw,86px);margin:20px 0 0}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.9}.gallery{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.photo{position:relative;background:#20221e;padding:0;border:0;color:white;cursor:zoom-in;text-align:left;min-width:0;overflow:hidden}.photo img{width:100%;height:450px;object-fit:cover;display:block;transition:transform .45s}.photo:hover img{transform:scale(1.04)}.photo:nth-child(3n){grid-column:1/-1}.photo:nth-child(3n) img{height:520px}.photo>span{position:absolute;inset:auto 0 0;padding:65px 24px 24px;background:linear-gradient(transparent,#000c)}.photo small{display:block;letter-spacing:2px;font-size:9px;margin-bottom:8px}.photo strong{font-size:22px}.photo b{float:right;color:var(--acid);font-size:28px}.empty-gallery{display:grid;grid-template-columns:1.2fr 1fr;background:#191b17;min-height:420px;border:1px solid #ffffff17}.empty-image{background:url('el-gravo-loco.png') center/cover;min-height:300px}.empty-gallery>div+div{padding:55px 45px;align-self:center}.stamp{color:var(--acid);border:1px solid #829540;padding:6px 10px;font-size:9px;letter-spacing:2px}.empty-gallery h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;line-height:1.05;margin:25px 0 18px}.empty-gallery p{color:var(--muted);font-size:14px;line-height:1.8}.legend{padding:90px 8%;background:var(--paper);color:#181a15;display:grid;grid-template-columns:.65fr 1.5fr;gap:8%;align-items:center}.legend-mark{font-size:260px;color:#1c2114;line-height:1;text-align:center}.legend h2{font-size:64px}.legend h2 i{color:#62742c}.legend .large{font-size:21px;line-height:1.5;margin-top:30px}.legend p:not(.eyebrow):not(.large){font-size:14px;line-height:1.9;max-width:640px;color:#55594d}.legend small{font-size:10px;color:#686d5c}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.steps article{border-top:1px solid #4a4d41;padding-top:25px}.steps article>span{font-size:12px;color:var(--acid)}.steps h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;margin:20px 0 15px}.steps article p{font-size:14px;color:var(--muted);line-height:1.8}.contact{padding:70px 8% 95px;background:#d9f36a;color:#1b2112}.contact h2{font-size:clamp(90px,13vw,180px);position:relative;max-width:850px}.contact h2 i{color:#1b2112}.contact h2>span{position:absolute;right:0;top:0;font-family:Arial,sans-serif;font-weight:400}.contact>p:not(.eyebrow){margin-top:30px;max-width:500px;font-size:15px;line-height:1.7}.contact .button{background:#171c11;color:var(--paper)}.phone{font-size:20px;font-weight:700}footer{padding:42px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{color:var(--muted);font-size:12px;margin:0}footer>span{font-size:9px;letter-spacing:1px;color:var(--muted)}dialog{background:#101110;color:white;border:1px solid #555;max-width:96vw;width:1200px;padding:45px 50px}dialog::backdrop{background:#000e}dialog figure{margin:0;text-align:center}dialog img{max-width:100%;max-height:78svh;object-fit:contain}dialog figcaption{padding:15px;font-size:14px}dialog button{position:absolute;background:#222;color:white;border:1px solid #777;width:38px;height:38px;cursor:pointer}.close{right:8px;top:7px;font-size:27px}.previous{left:6px;top:50%}.next{right:6px;top:50%}:focus-visible{outline:3px solid var(--acid);outline-offset:5px}@media(min-width:1600px){.hero-copy{padding-top:130px}}@media(max-width:700px){header{height:78px;padding:0 6%}.brand{font-size:20px}.brand em{font-size:29px}nav{gap:16px;font-size:11px}nav a:nth-child(2){display:none}.nav-contact{padding:11px}.hero{height:auto;min-height:820px;max-height:none}.hero-art{inset:0 0 230px 0;background-position:60% 0;background-size:auto 100%}.hero-art:after{background:linear-gradient(0deg,#101110 0%,#101110bb 30%,#10111000 80%)}.hero-copy{padding:330px 6% 70px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:64px;line-height:.94;letter-spacing:-1px;margin:22px 0}.intro{font-size:13px}.actions{gap:18px}.button{padding:17px 18px;gap:15px;font-size:12px}.text-link{font-size:12px}.hero-note{margin-top:25px}.scroll{font-size:8px}.gallery-section,.steps{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin-top:25px;font-size:13px}h2,.section-heading h2{font-size:53px}.empty-gallery{grid-template-columns:1fr}.empty-image{min-height:250px}.empty-gallery>div+div{padding:35px 25px}.gallery{grid-template-columns:1fr}.photo:nth-child(3n){grid-column:auto}.photo img,.photo:nth-child(3n) img{height:390px}.legend{display:block;padding:55px 6%}.legend-mark{font-size:90px;text-align:left;margin-bottom:25px}.legend h2{font-size:47px}.legend .large{font-size:19px}.steps-grid{grid-template-columns:1fr;gap:30px}.steps h3{margin:12px 0}.contact{padding:60px 6%}.contact h2{font-size:100px}.contact h2>span{font-size:75px;top:10px}.phone{font-size:18px}footer{align-items:flex-start;flex-direction:column;padding:35px 6%}dialog{padding:45px 40px;width:96vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
