/* Lobo’s after dark */
:root{--ink:#f0e8dc;--cream:#061121;--gold:#e3bb75;--line:#e1bb6e33;--navy:#061121;--muted:#afbaca}body{background:var(--navy);color:#f0e8dc}html{scroll-padding-top:115px}::selection{background:#e3bb75;color:#061121}header{height:100px;position:sticky;top:0;z-index:30;background:#061121ed;border-bottom:1px solid #e0b97230;backdrop-filter:blur(18px);padding:0 6%}.wordmark img{height:91px;width:106px;mix-blend-mode:screen}nav{gap:28px}nav a{color:#eee8dd;font-size:12px}nav .button{border-color:#dfb66e;color:#f2d6a2;padding:13px 22px}.button{background:linear-gradient(115deg,#efd199,#c89b50);border:1px solid #dfb66e;color:#09192b;letter-spacing:1.4px;font-size:11px;box-shadow:0 6px 24px #dba74f14;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{background:#f6dca8;color:#09192b;transform:translateY(-2px);box-shadow:0 8px 30px #dfb66e2a}.button.light{background:transparent;color:#eed39d;border-color:#c3a06b77}.button.light:hover{background:#e3bb7512;color:#fff0ce}header .button:hover{background:#e3bb75;color:#061121}.eyebrow{color:#dfbd7f!important;font-size:9px;letter-spacing:3px;line-height:1.9}.hero{min-height:820px;height:calc(100svh - 100px);max-height:1020px;background:radial-gradient(ellipse at 28% 40%,#142744 0,#071426 50%,#061121 80%);overflow:hidden}.hero-photo{left:auto;right:0;width:58%;height:100%;background-image:url('/assets/lobos-sky.webp');background-size:cover;background-position:50% 45%;z-index:-2;animation:sky-arrive 1.4s ease-out both}.hero:after{background:linear-gradient(90deg,#071426 0%,#071426fc 30%,#071426a3 45%,#07142600 70%),linear-gradient(0deg,#061121 0%,transparent 19%)}.hero-copy{min-height:100%;max-width:none;width:61%;padding:65px 0 85px 7%;position:relative;z-index:2}.hero .eyebrow{display:flex;align-items:center;gap:13px;font-size:9px}.gold-dash{width:32px;height:1px;background:#dfbd7f;display:inline-block}.hero h1{font-size:clamp(62px,6.6vw,100px);font-weight:normal;line-height:1.04;letter-spacing:-4px;margin:30px 0}.hero h1 em{display:block;color:#f1ce8b;text-shadow:0 0 45px #e1b56b24;white-space:nowrap}.hero p{color:#b8c4d4;max-width:380px;font-size:15px;line-height:1.9;margin-bottom:35px}.hero .button{background:linear-gradient(115deg,#f0d398,#cca157);border-color:#e7bf79;color:#071426;min-height:51px}.hero .button.light{background:#08172966;border-color:#9c845c99;color:#e7d1ac}.hero .actions{gap:16px}.photo-tag{right:6%;bottom:35px;left:auto;background:transparent;padding:0;border:0;font-size:8px;color:#d5bd94;text-align:right;line-height:1.9;letter-spacing:2px}.photo-tag span{display:block;color:#9eabb9;font-size:7px}.ribbon{background:#09192b;color:#ceb88f;border-top:1px solid #ddb46c22;border-bottom:1px solid #ddb46c22;padding:22px 7%;font-size:9px;letter-spacing:2.8px}.intro{max-width:100%;padding:100px 20px 65px;background:radial-gradient(ellipse at 50% 30%,#14253b55,transparent 65%)}h2{color:#f3ebdf;font-size:clamp(36px,4.1vw,62px);font-weight:normal;line-height:1.16}h2 em{color:#d7b77e;font-weight:normal}.intro h2{font-size:clamp(35px,4vw,58px)}.intro p{color:#aebacd;font-size:15px;line-height:1.9;max-width:620px}.moments{padding:0 7% 100px;gap:22px;background:#061121}.moment{border:1px solid #e3bc6d22;box-shadow:0 20px 45px #0004}.moment img{opacity:.9;transition:transform .8s,opacity .6s}.moment:hover img{opacity:1;transform:scale(1.05)}.moment:after{background:linear-gradient(transparent 35%,#041020ed)}.moment figcaption{bottom:28px}.moment h3{color:#f5e9d4;font-size:29px}.moment figcaption span{color:#dfbe83}.menu{padding:90px 8% 95px;background:linear-gradient(135deg,#0e2138,#081729);border-block:1px solid #e3bc6d22;position:relative}.section-head .button{margin-bottom:7px}.tabs{gap:12px;margin-top:40px}.tabs button{color:#bec9d7;border:1px solid #a7b8cb3b;background:transparent;padding:14px 24px;transition:.25s;font-size:12px}.tabs button[aria-selected=true]{background:#dfbd7f;border-color:#dfbd7f;color:#0b192a}.tabs button:hover{border-color:#e3bc6d}.menu-summary{color:#b6c2cf!important;font-size:13px}.menu-group{margin-top:43px}.menu-group h3{color:#e1bd7d;border-bottom:1px solid #b89c6b66;font-size:27px}.menu-group .group-note{color:#b6c2cf}.dish{border-bottom:1px solid #d4b37825;padding:26px 0}.dish-top{color:#ede5d8;font-size:23px}.dish .price{color:#e7c78f;font-size:19px}.dish p{color:#aebdce!important;font-size:13px;line-height:1.8}.note{color:#a8b5c7;font-size:11px;margin-top:35px}.experience{padding:95px 8%;background:#061121;gap:85px}.experience h2{font-size:clamp(37px,4.3vw,60px)}.experience p{color:#aebdce;line-height:1.9;font-size:15px}.brand-panel{background:radial-gradient(ellipse,#18263b,#071323 70%);border:1px solid #d5ad632b;min-height:460px;box-shadow:0 0 80px #d6a84807}.brand-panel img{mix-blend-mode:screen;filter:drop-shadow(0 0 25px #d5aa4815)}.brand-panel span{color:#c7a56d}.instagram-section{background:#0a192c;padding:90px 7%;border-top:1px solid #e3bc6d22}.instagram-section .section-head p{color:#aebdce}.instagram-card{background:#10243a;border-color:#ab8d583b;box-shadow:0 20px 35px #0002}.instagram-caption{background:#102238;color:#d5bf9a;border-top:1px solid #b79c6733}.instagram-caption span{color:#9aaec3}.instagram-caption a{color:#e6c58d}.instagram-note{color:#96a8be}.instagram-unavailable{background:radial-gradient(#15263d,#061121);color:#ead1a5}.booking-section{background:radial-gradient(ellipse at 10% 50%,#19304b88,transparent 60%),#061121;padding:95px 8%;gap:80px;border-block:1px solid #e3bc6d22}.booking-intro p{color:#b2c0d1}.booking-intro h2{font-size:clamp(42px,4.8vw,70px)}.booking-help{color:#9eafc1!important}.booking-box{background:linear-gradient(145deg,#11253d,#0b1b2e);border:1px solid #c4a36966;padding:40px;box-shadow:0 25px 65px #0005}.booking-box h3{color:#f1e5d1;font-size:32px}.booking-grid label{color:#d4d8db;font-weight:normal;letter-spacing:.3px}.booking-grid input,.booking-grid select{background:#071628;color:#f2e9dc;border:1px solid #8c9eaf66;color-scheme:dark}.booking-grid input::placeholder{color:#7e93a9}.booking-box .button{margin-top:10px}.booking-box .booking-help{font-size:11px}.booking-box #booking-message{color:#ffbdac}.booking-reference{color:#a6b8ca}.visit{background:linear-gradient(#0d2138,#071426);padding:90px 8%}.visit h2{color:#f2e7d6}.visit p{color:#b4c0cf}.visit-info{border-color:#ccab7044}.visit-info h3{color:#dcb877}.visit-info a{color:#e3c590}.visit .button{background:#dec18c!important}.visit .button:hover{background:#f4d7a2!important}footer{background:#040d19;border-top:1px solid #d8b47822;color:#8497ad;padding:27px 8%;font-size:10px;letter-spacing:.5px}.mobile-call{background:linear-gradient(115deg,#edd197,#c89b50);color:#071426;box-shadow:0 6px 30px #0007;font-weight:bold}.reveal{transition:opacity .8s,transform .8s}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(25px)}@keyframes sky-arrive{from{opacity:.2;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(min-width:1600px){.hero-copy{padding-left:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:1050px) and (min-width:761px){nav{gap:16px}.hero-copy{width:65%;padding-left:5%}.hero h1{font-size:70px}.hero-photo{width:65%}.hero:after{background:linear-gradient(90deg,#071426,#071426df 30%,#07142622 80%),linear-gradient(0deg,#061121,transparent 20%)}.hero{min-height:760px}.experience{gap:45px}.booking-section{gap:40px}.booking-box{padding:30px}.instagram-grid{gap:18px}}
@media(max-width:760px){html{scroll-padding-top:90px}header{height:85px;padding:0 5%;background:#061121f5}.wordmark img{height:78px;width:83px}nav{gap:16px}nav a{font-size:11px}nav a[href="#instagram"]{display:none}.hero{height:auto;min-height:980px;max-height:none;display:block}.hero-photo{position:absolute;top:0;right:0;left:0;width:100%;height:760px;min-height:0;background-position:center 28%;background-size:cover}.hero:after{background:linear-gradient(0deg,#061121 0%,#061121 14%,#061121eb 24%,#06112100 59%)}.hero-copy{width:100%;min-height:980px;padding:555px 7% 65px;justify-content:flex-end}.hero .eyebrow{font-size:8px;gap:9px;letter-spacing:2px}.gold-dash{width:22px}.hero h1{font-size:clamp(47px,9.7vw,67px);letter-spacing:-2.5px;line-height:1.04;margin:22px 0}.hero h1 em{white-space:normal}.hero p{font-size:14px;max-width:360px;line-height:1.8}.hero .actions{gap:10px}.hero .button{padding:14px 18px;font-size:9px;letter-spacing:1px}.photo-tag{display:none}.ribbon{font-size:8px;letter-spacing:1.7px;padding:21px 5%}.intro{padding:65px 7% 40px}.intro h2{font-size:36px;letter-spacing:-1px}.intro p{font-size:14px}.moments{padding:0 6% 60px;gap:12px}.moment h3{font-size:22px}.menu{padding:60px 7%}.section-head h2{font-size:42px}.tabs{gap:10px;margin-top:28px}.tabs button{padding:13px 10px;font-size:11px}.dish-top{font-size:21px}.dish .price{font-size:18px}.dish p{font-size:12px}.experience{padding:60px 7%;gap:32px}.brand-panel{min-height:360px}.brand-panel img{max-width:290px}.experience h2{font-size:42px}.instagram-section{padding:60px 7%}.instagram-section h2{font-size:42px}.booking-section{padding:65px 7%;gap:30px}.booking-intro h2{font-size:55px}.booking-box{padding:28px 22px}.booking-grid{gap:17px}.booking-grid label{font-size:12px}.booking-grid input,.booking-grid select{padding:12px 10px}.visit{padding:65px 7%}.visit h2{font-size:48px}.visit-info{padding-top:25px}footer{padding:25px 7% 90px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.hero-photo{animation:none}.reveal,.moment img,.button{transition:none}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}}
@media(min-width:761px){.hero-photo{background-size:auto 100%;background-repeat:no-repeat;background-position:right center}}