/* Alchemize: shared styles for the checkout, guest-details and thank-you pages.
   Page-specific rules live in each page's own <style> block. */
@font-face{font-family:"ITC Avant Garde Gothic";font-weight:500;font-display:swap;src:url('https://dannymorel.com/wp-content/themes/dannymorel/assets/fonts/avant-garde/avant-garde_medium.woff2') format('woff2')}
@font-face{font-family:"ITC Avant Garde Gothic";font-weight:700;font-display:swap;src:url('https://dannymorel.com/wp-content/themes/dannymorel/assets/fonts/avant-garde/avant-garde_bold.woff2') format('woff2')}

:root{--page:#F2F0ED;--card:#fff;--ink:#110F0E;--ink-2:#4F4A45;--ink-3:#8D877F;--hair:#E7E3DD;--accent:#5D8F34;--deep:#0b1f19;
--grad:linear-gradient(90deg,#7CE49E 0%,#A1CF65 48%,#E4D92E 100%);--font:"ITC Avant Garde Gothic","Poppins","Century Gothic",-apple-system,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--page);color:var(--ink);line-height:1.65;font-size:16px}
img{display:block;max-width:100%}

/* ---------- Type and buttons ---------- */
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.btn{display:inline-block;border:0;border-radius:999px;padding:16px 34px;font:700 14px var(--font);letter-spacing:.08em;text-transform:uppercase;background:var(--grad);color:#110F0E;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(161,207,101,.45)}
.btn:disabled{opacity:.6;cursor:wait}

/* ---------- Top section: photo with layered overlays, pitch left, card right ---------- */
.top{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:56px 22px 72px}
.top .bg{position:absolute;inset:0;background:url(/assets/img/lone-peak-snow.jpg) center 35%/cover;z-index:-3}
.top:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(8,26,20,.6) 0%,rgba(11,40,30,.7) 55%,rgba(8,22,17,.95) 100%)}
.top:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 50% at 25% 30%,rgba(161,207,101,.2),transparent 70%)}
.top-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.pitch h1{font-size:clamp(38px,6vw,72px);line-height:1.03;margin:14px 0 12px;text-transform:uppercase;font-weight:700;text-shadow:0 4px 40px rgba(0,0,0,.35)}
.pitch .tag{font-size:clamp(17px,2vw,21px);opacity:.95;max-width:520px}
.pitch .meta{margin:18px 0 22px;font-weight:700;letter-spacing:.06em}
.pitch .meta i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#A1CF65;margin:0 12px;vertical-align:middle}
.quick{list-style:none;max-width:520px}
.quick li{position:relative;font-size:18px;padding:8px 0 8px 28px;color:rgba(255,255,255,.92)}
.quick li:before{content:"";position:absolute;left:0;top:15px;width:12px;height:12px;border-radius:50%;background:var(--grad)}

/* ---------- Card ---------- */
.card{background:var(--card);color:var(--ink);border:1px solid var(--hair);border-radius:22px;padding:28px;box-shadow:0 24px 60px rgba(8,26,20,.18)}
.card h3{font-size:20px;margin-bottom:2px}
.card .sub{font-size:13px;color:var(--ink-3);margin-bottom:6px}
.card .btn{width:100%;margin-top:16px;padding:17px}

/* ---------- Below the fold ---------- */
.below{padding:72px 22px 0}
.below-in{max-width:1120px;margin:0 auto}
.below h2{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:8px 0 14px}
.list{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;margin-top:6px}
.list li{position:relative;padding:14px 0 14px 34px;color:var(--ink-2);border-bottom:1px solid var(--hair);font-size:20px;line-height:1.55}
.list li:before{content:"";position:absolute;left:0;top:23px;width:14px;height:14px;border-radius:50%;background:var(--grad)}

/* Photo strip */
.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.panel{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden}
.panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Quote band: Lone Peak photo, luminosity blend, green glow */
.quote{margin-top:56px;border-radius:22px;padding:54px 34px;text-align:center;color:#fff;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#0b1f19,#1b4a38)}
.quote:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/img/lone-peak-moody.jpg) center/cover;opacity:.28;mix-blend-mode:luminosity}
.quote:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 90% at 50% 0%,rgba(161,207,101,.28),transparent 70%)}
.quote q{display:block;font-size:clamp(22px,3.4vw,34px);line-height:1.3;font-weight:700;quotes:none}
.quote .s{margin-top:14px;opacity:.8;font-size:14px;letter-spacing:.08em;text-transform:uppercase}

footer{margin-top:80px;background:var(--deep);color:rgba(255,255,255,.7);text-align:center;padding:44px 24px;font-size:13px}
footer b{color:#fff;letter-spacing:.14em;text-transform:uppercase}

/* ---------- Mobile ---------- */
@media(max-width:900px){
  .top{padding:36px 18px 48px}
  .top-in{grid-template-columns:1fr;gap:28px}
  .list{grid-template-columns:1fr}
  .list li{font-size:18px}
  .strip{gap:8px}
}