:root{--ink:#18201d;--cream:#f4f0e8;--gold:#b79a64;--line:rgba(24,32,29,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#faf9f6;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.site-header{height:114px;padding:0 clamp(22px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;width:max-content;font-size:13px;letter-spacing:.24em;font-weight:700}.brand i{display:block;font-size:8px;font-style:normal;letter-spacing:.42em;margin-top:3px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid;border-radius:50%;font:400 21px Georgia,serif;letter-spacing:0}nav{display:flex;gap:34px;font-size:12px;letter-spacing:.09em}nav a,.text-link{border-bottom:1px solid transparent;transition:.25s}.header-cta{justify-self:end;font-size:12px;letter-spacing:.08em;display:flex;gap:15px;align-items:center}
.hero{height:calc(100vh - 114px);min-height:650px;position:relative;color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,17,15,.76),rgba(10,17,15,.2) 67%),linear-gradient(0deg,rgba(10,17,15,.25),transparent 45%)}.hero-content{position:absolute;left:clamp(24px,7vw,105px);top:50%;transform:translateY(-48%);max-width:850px}.eyebrow{margin:0 0 26px;text-transform:uppercase;letter-spacing:.25em;font-size:10px;font-weight:700;color:#69716d}.eyebrow.light{color:rgba(255,255,255,.72)}h1,h2{margin:0;font:400 72px/.94 Georgia,serif;letter-spacing:-.045em}h1{font-size:clamp(58px,8vw,116px)}h1 em,h2 em{color:#d5be91}.hero-copy{max-width:590px;font:18px/1.6 Georgia,serif;color:rgba(255,255,255,.82);margin:34px 0}.hero-actions{display:flex;align-items:center;gap:34px}.button{display:inline-flex;gap:30px;align-items:center;padding:18px 23px;border:1px solid;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;transition:.25s}.button-light{background:#fff;color:var(--ink);border-color:#fff}.button-light:hover{background:#d5be91;border-color:#d5be91}.text-link{display:inline-flex;align-items:center;gap:14px;padding-bottom:5px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;border-bottom-color:var(--line)}.light-link{color:#fff;border-bottom-color:#ffffff66}.hero-capacity{position:absolute;right:clamp(24px,5vw,75px);bottom:48px;margin:0;display:flex;flex-direction:column;text-align:right}.hero-capacity strong{font:30px Georgia,serif}.hero-capacity span{font-size:9px;text-transform:uppercase;letter-spacing:.22em;margin-top:5px}
.section-pad{padding:clamp(90px,11vw,160px) clamp(24px,7vw,105px)}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:end}h2{font-size:clamp(48px,6.1vw,88px)}.intro-copy{padding-bottom:7px;max-width:470px}.intro-copy p,.events-heading p,.feature-copy>p{font:17px/1.75 Georgia,serif;color:#65706a;margin:0 0 38px}.gallery{padding:0 clamp(16px,3vw,42px);display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:420px 420px;gap:16px}.gallery figure{margin:0;position:relative;overflow:hidden}.gallery-large{grid-row:1/3}.gallery figcaption{position:absolute;left:22px;bottom:20px;background:#faf9f6ed;padding:10px 14px;font-size:9px;text-transform:uppercase;letter-spacing:.18em}
.events{background:var(--cream)}.events-heading{display:grid;grid-template-columns:1fr 370px;gap:8vw;align-items:end}.events-heading p{margin-bottom:8px}.event-list{margin-top:90px;border-top:1px solid var(--line)}.event-list article{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:34px 0}.event-list span{color:var(--gold);font:italic 15px Georgia,serif}.event-list h3{margin:0;font:400 clamp(27px,3vw,41px) Georgia,serif}.event-list p{margin:0;max-width:490px;color:#69716d;font-size:14px;line-height:1.65}
.feature-band{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#28332f;color:#fff}.feature-copy{padding:clamp(75px,9vw,130px);display:flex;flex-direction:column;justify-content:center}.feature-copy h2{margin-bottom:36px}.feature-copy>p{color:#ffffffa3}.feature-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff2e;padding-top:30px;margin-top:30px}.feature-stats div{display:flex;flex-direction:column}.feature-stats strong{font:30px Georgia,serif}.feature-stats span{color:#ffffff80;font-size:9px;text-transform:uppercase;letter-spacing:.18em;margin-top:8px}.location{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.location-card address{font-style:normal;font:17px/1.8 Georgia,serif;color:#65706a;margin:40px 0 34px}.location-image{height:620px}
.closing{background:#18201d;color:#fff;text-align:center;padding:120px 24px}.closing h2{max-width:1060px;margin:0 auto 48px}.closing>div{display:flex;justify-content:center;gap:28px;align-items:center}footer{padding:60px clamp(24px,5vw,76px);display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:40px;align-items:end;background:#101613;color:#fff}.footer-brand .brand-mark{border-color:#fff}footer div{display:flex;flex-direction:column;gap:8px;font-size:12px}footer div span{color:#ffffff6b;text-transform:uppercase;letter-spacing:.17em;font-size:8px}footer p{color:#ffffff6b;font-size:9px;margin:0}.whatsapp-float{position:fixed;z-index:10;right:24px;bottom:22px;background:#d5be91;padding:14px 18px;border-radius:40px;display:flex;align-items:center;gap:18px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 8px 30px #0003}.whatsapp-float b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff}
@media(max-width:800px){.site-header{height:94px;grid-template-columns:1fr auto;padding:0 20px}nav{display:none}.header-cta{font-size:10px}.brand{font-size:11px}.brand-mark{width:32px;height:32px}.hero{height:calc(100svh - 94px);min-height:600px}.hero-content{left:24px;right:20px;top:46%}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-capacity{bottom:24px}.intro,.events-heading,.feature-band,.location{grid-template-columns:1fr}.intro{gap:55px}.gallery{grid-template-columns:1fr;grid-template-rows:520px 340px 340px}.gallery-large{grid-row:auto}.events-heading{gap:40px}.event-list{margin-top:60px}.event-list article{grid-template-columns:45px 1fr}.event-list p{grid-column:2}.feature-photo{height:580px}.feature-copy{padding:80px 25px}.location{gap:60px}.location-image{height:480px}.closing>div{flex-direction:column}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;margin-bottom:20px}.whatsapp-float span{display:none}.whatsapp-float{padding:9px}}@media(max-width:480px){.header-cta{font-size:0}.header-cta span{font-size:18px}.gallery{grid-template-rows:430px 300px 300px}.feature-photo{height:460px}footer{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Official Avalon Salones identity */
.brand{display:block;width:clamp(150px,15vw,205px);font-size:0;letter-spacing:0}
.brand img{display:block;width:100%;height:auto;object-fit:contain}
.site-header .brand{width:clamp(135px,13vw,180px)}
.footer-brand{width:168px}
@media(max-width:800px){.brand{width:145px}.site-header .brand{width:130px}.footer-brand{width:148px}}
