/* ══════════════════════════════════════════════════════════════
   SITE — public-facing page styles. Loaded after base.css on
   index.html only. The admin gate/panel styles live in admin.css.
══════════════════════════════════════════════════════════════ */

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background:rgba(14,8,4,.0);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-bottom:1px solid transparent;transition:background .4s,backdrop-filter .4s,border-color .4s}
nav.scrolled{background:rgba(14,8,4,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--border)}
.nav-brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.nav-logo{font-size:25px;font-weight:700;color:#F8F0E8;letter-spacing:-.02em}
.nav-logo .cut{color:transparent;background:linear-gradient(90deg,var(--sl),var(--h));-webkit-background-clip:text;background-clip:text}
.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}
.nav-links a{color:rgba(248,240,232,.7);text-decoration:none;font-size:13px;font-weight:500;cursor:pointer;transition:color .2s}
.nav-links a:hover{color:#F8F0E8}
.nav-cta{background:var(--h);color:#fff;border:none;padding:9px 20px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;cursor:pointer;border-radius:8px;transition:transform .2s,box-shadow .2s}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--glow-h)}

/* ── HAMBURGER ── */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;z-index:300}
.hamburger span{display:block;width:24px;height:2px;background:#F8F0E8;border-radius:2px;transition:transform .3s,opacity .3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{display:none;position:fixed;inset:0;z-index:190;background:rgba(14,8,4,.97);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem}
.mobile-nav.open{display:flex}
.mobile-nav a{color:#F8F0E8;text-decoration:none;font-size:28px;font-weight:700;letter-spacing:-.02em;cursor:pointer;transition:color .2s}
.mobile-nav a:hover{color:var(--hl)}
.mobile-nav .mob-cta{background:var(--h);color:#fff;border:none;padding:14px 40px;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;cursor:pointer;border-radius:12px;margin-top:.5rem}

/* ══════════════════════════════════
   FULLSCREEN VIDEO HERO
══════════════════════════════════ */
.hero{
  position:relative;width:100%;height:100vh;min-height:600px;
  display:flex;align-items:flex-end;justify-content:flex-start;
  overflow:hidden;
}
#heroVid{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;z-index:0;
  transition:opacity .8s;
}
/* fallback photo — shown on phones/tablets or when the video can't play */
.hero-poster{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;z-index:0;
}
.hero-yt-cover{
  position:absolute;top:50%;left:50%;z-index:0;border:0;pointer-events:none;
  width:100vw;height:56.25vw;
  min-height:100vh;min-width:177.78vh;
  transform:translate(-50%,-50%);
}
.hero-overlay{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(to top, rgba(14,8,4,.96) 0%, rgba(14,8,4,.65) 30%, rgba(14,8,4,.25) 60%, rgba(14,8,4,.1) 100%),
    linear-gradient(to right, rgba(14,8,4,.6) 0%, transparent 60%);
}
.hero-grid-lines{position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(196,105,58,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(196,105,58,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
#canvas-hero{position:absolute;inset:0;z-index:3;pointer-events:none}
.hero-content{position:relative;z-index:4;padding:7rem 4rem 5rem;max-width:700px;width:100%}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--sl);margin-bottom:1.5rem;padding:6px 14px;border-radius:20px;border:1px solid rgba(74,122,80,.35);background:rgba(74,122,80,.1)}
.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--sl);animation:pulse-glow 2s ease-in-out infinite}
.hero-headline{font-size:clamp(52px,7.5vw,92px);font-weight:700;line-height:.9;letter-spacing:-.03em;margin-bottom:1.5rem;color:#F8F0E8}
.hero-headline .line-wrap{overflow:hidden;display:block}
.h-hamra{color:transparent;background:linear-gradient(135deg,var(--h),var(--hl),#F0A070);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 30px rgba(196,105,58,.5))}
.h-sage{color:transparent;background:linear-gradient(135deg,var(--sd),var(--sl),var(--sp));-webkit-background-clip:text;background-clip:text}
.hero-sub{font-size:17px;color:rgba(248,240,232,.75);line-height:1.65;max-width:420px;margin-bottom:2.25rem}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:2.5rem}
.btn-primary{background:linear-gradient(135deg,var(--h),var(--hl));color:#fff;border:none;padding:14px 28px;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;cursor:pointer;border-radius:10px;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 20px var(--glow-h)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px var(--glow-h)}
.btn-outline{background:rgba(255,255,255,.08);color:#F8F0E8;border:1px solid rgba(248,240,232,.25);padding:14px 28px;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:500;cursor:pointer;border-radius:10px;transition:transform .25s,background .25s;backdrop-filter:blur(8px)}
.btn-outline:hover{transform:translateY(-3px);background:rgba(255,255,255,.14)}
.hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap;padding-top:1.75rem;border-top:1px solid rgba(196,105,58,.2)}
.stat-item{display:flex;flex-direction:column;gap:4px}
.stat-num{font-size:26px;font-weight:700;background:linear-gradient(135deg,var(--hl),#F0A070);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-num.green{background:linear-gradient(135deg,var(--sl),var(--sp));-webkit-background-clip:text;background-clip:text}
.stat-label{font-size:11px;color:rgba(248,240,232,.4);font-weight:400}
.hero-bubble{position:absolute;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.06),transparent 60%)}
.b-h{border:1px solid rgba(196,105,58,.18)}
.b-s{border:1px solid rgba(74,122,80,.15)}
.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.5}
.scroll-hint span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#F8F0E8}
.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--hl),transparent);animation:float-b 2s ease-in-out infinite}

.duo-bar{height:1px;background:linear-gradient(90deg,transparent,var(--h),var(--hl),var(--sl),var(--s),transparent);opacity:.5}

/* ── SHARED SECTION ── */
section.sec{padding:6rem 3rem}
.sec-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-bottom:.75rem;padding:5px 12px;border-radius:14px}
.ey-h{color:var(--hl);background:rgba(196,105,58,.1);border:1px solid rgba(196,105,58,.2)}
.ey-s{color:var(--sl);background:rgba(74,122,80,.1);border:1px solid rgba(74,122,80,.2)}
.sec-title{font-size:clamp(26px,3.5vw,42px);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin-bottom:.75rem}
.t-dark{color:#1A0E08}.t-light{color:#F8F0E8}
.sec-desc{font-size:15px;line-height:1.7;max-width:480px;margin-bottom:3rem;color:var(--muted)}
.bubble{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.07),transparent 60%)}

/* ── SERVICES ── */
.services-bg{background:linear-gradient(155deg,#F8F0E8 0%,var(--hp) 30%,#F0E8D8 60%,#E8EEE8 100%);position:relative;overflow:hidden}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;position:relative;z-index:1}
.service-card{background:#fff;border-radius:20px;padding:1.75rem;border:1px solid rgba(196,105,58,.12);box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;cursor:default}
.service-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 24px 60px rgba(0,0,0,.12);border-color:rgba(196,105,58,.3)}
.svc-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:1.1rem;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s}
.service-card:hover .svc-icon{animation:bounce-icon .5s ease forwards}
.si-h{background:linear-gradient(135deg,#FAE8D8,var(--hp));color:var(--hd)}
.si-h2{background:linear-gradient(135deg,#F8E0CC,#F5DDD0);color:var(--h)}
.si-s{background:linear-gradient(135deg,#D8EED8,#C8E4C8);color:var(--sd)}
.si-s2{background:linear-gradient(135deg,#CCE4D0,#D8EEE0);color:var(--sdp)}
.svc-accent{height:2px;width:30px;border-radius:2px;margin-bottom:.9rem}
.svc-name{font-weight:700;font-size:15px;margin-bottom:.45rem;color:#1A0E08}
.svc-desc{font-size:13px;color:#7A5A48;line-height:1.65}

/* ── PROCESS ── */
.process-section{background:var(--bg);padding:6rem 3rem;position:relative;overflow:hidden}
.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin-top:1.5rem;position:relative;z-index:1}
.process-step{padding:1.75rem 1.4rem;border-radius:16px;position:relative;transition:background .3s,transform .3s;cursor:default}
.process-step:hover{background:rgba(196,105,58,.07);transform:translateY(-6px)}
.step-badge{font-size:10px;font-weight:700;letter-spacing:.14em;padding:4px 10px;border-radius:10px;display:inline-block;margin-bottom:.75rem}
.sb-h{background:rgba(196,105,58,.15);color:var(--hl)}
.sb-s{background:rgba(74,122,80,.15);color:var(--sl)}
.step-name{font-weight:600;font-size:15px;color:#F8F0E8;margin-bottom:.4rem}
.step-desc{font-size:13px;color:#6A5040;line-height:1.6}
.step-arrow{position:absolute;right:-6px;top:50%;transform:translateY(-50%);color:rgba(196,105,58,.2);font-size:20px}

/* ── ABOUT ── */
.about-section{background:linear-gradient(135deg,var(--bg2) 0%,var(--bg) 50%,var(--bg2) 100%);padding:6rem 3rem;position:relative;overflow:hidden}
.about-inner{display:grid;grid-template-columns:auto 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.photo-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:float-b 5s ease-in-out infinite}
.photo-box{width:280px;height:360px;border-radius:22px;background:linear-gradient(145deg,var(--bg3),var(--bg4));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden;border:1px solid rgba(196,105,58,.2);box-shadow:0 12px 48px rgba(0,0,0,.4)}
.photo-box img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;border-radius:21px;display:none}
.photo-icon{font-size:34px;color:rgba(196,105,58,.3)}
.photo-label{font-size:12px;color:#3A2018;text-align:center;max-width:130px;line-height:1.5}
.photo-name{font-size:11px;color:#5A3A28;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.about-bio{font-size:15px;color:#7A5A48;line-height:1.8;margin-bottom:2.25rem}
.ci-block{display:flex;flex-direction:column;gap:10px}
.ci-card{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.03);border:1px solid rgba(196,105,58,.12);border-radius:14px;padding:12px 16px;transition:background .25s,transform .3s;cursor:default}
.ci-card:hover{background:rgba(196,105,58,.07);transform:translateX(8px)}
.ci-card:hover .ci-ico{animation:bounce-icon .45s ease forwards}
.ci-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.ico-ig{background:rgba(74,122,80,.18);color:var(--sl)}
.ico-em{background:rgba(196,105,58,.15);color:var(--hl)}
.ico-ph{background:rgba(196,105,58,.1);color:var(--hl)}
.ico-yt{background:rgba(224,10,10,.14);color:#FF5A4E}
.ico-li{background:rgba(10,102,194,.16);color:#4E9FE0}
.ci-label{font-size:10px;color:#5A3A28;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.ci-val{font-size:14px;font-weight:500}
.ci-val a{text-decoration:none;transition:color .2s}
.ci-green a{color:var(--sl)}.ci-green a:hover{color:var(--sp)}
.ci-warm a{color:var(--hl)}.ci-warm a:hover{color:var(--hp)}

/* ── PORTFOLIO ── */
.portfolio-section{background:var(--bg);padding:6rem 3rem;position:relative;overflow:hidden}
.portfolio-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(196,105,58,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(196,105,58,.03) 1px,transparent 1px);background-size:55px 55px;pointer-events:none}
.reel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;position:relative;z-index:1}
.reel-card{background:var(--bg3);border:1px solid rgba(196,105,58,.12);border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 4px 24px rgba(0,0,0,.3);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;text-decoration:none;display:block}
.reel-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 28px 64px rgba(0,0,0,.5);border-color:rgba(196,105,58,.3)}
.reel-card:hover .reel-play{transform:scale(1.2)}
.reel-card:hover .reel-overlay{opacity:1}
.reel-top{height:2px}
.reel-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:#1A0E08}
.reel-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s;display:block}
.reel-card:hover .reel-thumb img{transform:scale(1.06)}
.reel-overlay{position:absolute;inset:0;background:rgba(14,8,4,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.reel-play{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;transition:transform .35s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px rgba(0,0,0,.5)}
.yt-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.06em;backdrop-filter:blur(4px)}
.reel-info{padding:.9rem 1.1rem 1.1rem}
.reel-title{font-size:14px;font-weight:600;color:#E0C8B8}
.reel-type{font-size:11px;color:#5A3A28;margin-top:3px;letter-spacing:.06em;text-transform:uppercase}
@keyframes yt-flash{0%{opacity:0;transform:scale(.92)}15%{opacity:1;transform:scale(1.04)}85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}
.yt-flash-overlay{position:fixed;inset:0;z-index:9999;background:#0F0F0F;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0}
.yt-flash-overlay.active{animation:yt-flash .55s cubic-bezier(.16,1,.3,1) forwards}
.yt-flash-icon{font-size:64px;color:#FF0000;filter:drop-shadow(0 0 40px rgba(255,0,0,.5))}
.video-lightbox{display:none;position:fixed;inset:0;z-index:9500;background:rgba(4,2,1,.94);backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:2rem}
.video-lightbox.open{display:flex}
.video-lightbox-inner{width:100%;max-width:1000px;position:relative}
.video-lightbox-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.video-lightbox-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-lightbox-close{position:absolute;top:-46px;right:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#F8F0E8;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}
.video-lightbox-close:hover{background:rgba(255,255,255,.2)}
@media(max-width:640px){.video-lightbox-close{top:-42px;right:0}}
.audio-toggle{position:absolute;bottom:1.5rem;right:1.5rem;z-index:6;width:42px;height:42px;border-radius:50%;background:rgba(14,8,4,.65);border:1px solid rgba(196,105,58,.35);color:var(--hl);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;backdrop-filter:blur(8px);transition:background .2s,transform .2s,border-color .2s}
.audio-toggle:hover{background:rgba(196,105,58,.25);transform:scale(1.1);border-color:var(--hl)}
.audio-toggle.muted{color:rgba(248,240,232,.35);border-color:rgba(248,240,232,.15)}

/* ── PRICING ── */
.pricing-section{padding:6rem 3rem;background:linear-gradient(160deg,var(--hp) 0%,var(--cream) 35%,#EAF0EA 65%,#F0E8E0 100%);position:relative;overflow:hidden}
.hourly-card{background:linear-gradient(135deg,var(--hdp),var(--bg4) 45%,var(--sdp) 100%);border-radius:22px;padding:2.5rem;margin-bottom:2.5rem;border:1px solid rgba(196,105,58,.25);box-shadow:0 8px 40px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s}
.hourly-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.28)}
.hourly-card::before{content:'';position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(196,105,58,.18) 0%,transparent 70%);animation:pulse-glow 4s ease-in-out infinite;pointer-events:none}
.hourly-inner{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center;position:relative;z-index:1}
.hourly-dollar{font-size:72px;font-weight:700;background:linear-gradient(135deg,#fff,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;letter-spacing:-.03em}
.hourly-unit{font-size:15px;color:var(--hl);font-weight:600;margin-top:4px}
.hourly-title{font-size:21px;font-weight:700;color:#F8F0E8;margin-bottom:.6rem}
.hourly-desc{font-size:14px;color:#7A5A48;line-height:1.6;margin-bottom:1rem}
.hourly-tags{display:flex;gap:8px;flex-wrap:wrap}
.htag{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600}
.htag-h{background:rgba(196,105,58,.22);color:var(--hl);border:1px solid rgba(196,105,58,.35)}
.htag-s{background:rgba(74,122,80,.2);color:var(--sl);border:1px solid rgba(74,122,80,.3)}
.or-line{text-align:center;font-size:12px;color:#9A7A68;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem;position:relative;z-index:1}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;position:relative;z-index:1}
.pkg-card{background:#fff;border-radius:20px;padding:2rem 1.75rem;box-shadow:0 4px 20px rgba(0,0,0,.07);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;cursor:default;position:relative}
.pkg-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 24px 60px rgba(0,0,0,.12)}
.pkc-h{border:1px solid rgba(196,105,58,.2)}.pkc-h:hover{border-color:rgba(196,105,58,.4)}
.pkc-s{border:1px solid rgba(74,122,80,.2)}.pkc-s:hover{border-color:rgba(74,122,80,.4)}
.pkc-b{border:2px solid var(--h)}
.feat-chip{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--h),var(--hl));color:#fff;font-size:11px;font-weight:700;padding:4px 16px;border-radius:20px;white-space:nowrap;box-shadow:0 4px 14px var(--glow-h)}
.pkg-tier{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}
.pt-h{color:var(--hd)}.pt-s{color:var(--sd)}
.pkg-price{font-size:34px;font-weight:700;color:#1A0E08;letter-spacing:-.02em}
.pkg-per{font-size:13px;color:var(--muted);font-weight:400;margin-left:2px}
.pkg-hint{font-size:12px;margin-top:3px}
.ph-h{color:var(--hd)}.ph-s{color:var(--sd)}
.pkg-line{height:1px;margin:1.1rem 0}
.pl-h{background:rgba(196,105,58,.2)}.pl-s{background:rgba(74,122,80,.2)}
.pkg-feat{font-size:13px;color:#2A1408;padding:4px 0;display:flex;align-items:center;gap:8px}
.pf-h i{color:var(--h);font-size:14px}.pf-s i{color:var(--s);font-size:14px}
.pkg-btn{margin-top:1.4rem;width:100%;padding:12px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;cursor:pointer;border-radius:12px;transition:transform .2s,box-shadow .2s}
.pkg-btn:hover{transform:translateY(-2px)}
.pb-h{border:1.5px solid rgba(196,105,58,.4);background:transparent;color:var(--hd)}.pb-h:hover{box-shadow:0 4px 16px var(--glow-h);border-color:var(--h)}
.pb-s{border:1.5px solid rgba(74,122,80,.4);background:transparent;color:var(--sd)}.pb-s:hover{box-shadow:0 4px 16px var(--glow-s)}
.pb-full{background:linear-gradient(135deg,var(--h),var(--hl));color:#fff;border:none;box-shadow:0 4px 16px var(--glow-h)}.pb-full:hover{box-shadow:0 8px 28px var(--glow-h)}

/* ── CONTACT ── */
.contact-section{background:var(--bg2);padding:0;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center}
.contact-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 700px 500px at 50% 50%,rgba(196,105,58,.07) 0%,transparent 65%),radial-gradient(ellipse 400px 400px at 80% 20%,rgba(74,122,80,.06) 0%,transparent 55%);pointer-events:none}
.contact-section::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(196,105,58,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(196,105,58,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.contact-inner{position:relative;z-index:1;width:100%;max-width:700px;margin:0 auto;padding:7rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center}
.contact-title{font-size:clamp(32px,5vw,56px);font-weight:700;color:#F8F0E8;margin-bottom:.6rem;letter-spacing:-.03em;line-height:1}
.contact-title-grad{color:transparent;background:linear-gradient(135deg,var(--h),var(--hl),#F0A070);-webkit-background-clip:text;background-clip:text}
.contact-desc{font-size:16px;color:#7A5A48;line-height:1.7;margin-bottom:3rem;max-width:480px}
.contact-ci-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:3rem}
.contact-ci-pill{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.04);border:1px solid rgba(196,105,58,.14);border-radius:50px;padding:10px 18px;transition:background .25s,transform .25s,border-color .25s;cursor:default}
.contact-ci-pill:hover{background:rgba(196,105,58,.09);transform:translateY(-3px);border-color:rgba(196,105,58,.3)}
.contact-ci-pill i{font-size:16px}
.contact-ci-pill a{font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}
.cpill-em i{color:var(--hl)}.cpill-em a{color:var(--hl)}
.cpill-ph i{color:var(--hl)}.cpill-ph a{color:var(--hl)}
.cform{display:flex;flex-direction:column;gap:14px}
.crow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cfield{display:flex;flex-direction:column;gap:6px}
.clabel{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#5A3A28;font-weight:600}
.cinput{background:rgba(255,255,255,.04);border:1px solid rgba(196,105,58,.16);color:#E0C8B8;padding:13px 16px;font-family:'Space Grotesk',sans-serif;font-size:14px;border-radius:12px;outline:none;width:100%;transition:border-color .25s,box-shadow .25s}
.cinput:focus{border-color:var(--h);box-shadow:0 0 0 3px rgba(196,105,58,.12)}
.cinput::placeholder{color:#3A2018}
textarea.cinput{min-height:120px;resize:vertical}
.form-status{display:none;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;margin-top:4px}
.form-status.ok{background:rgba(74,122,80,.18);color:var(--sl);border:1px solid rgba(74,122,80,.3)}
.form-status.err{background:rgba(196,105,58,.15);color:var(--hl);border:1px solid rgba(196,105,58,.3)}

/* ── FOOTER ── */
footer{background:#060402;border-top:1px solid rgba(196,105,58,.1);padding:1.75rem 3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.foot-brand{display:flex;align-items:center;gap:8px}
.foot-logo{font-size:15px;font-weight:700;color:#F8F0E8}
.foot-logo .cut{color:transparent;background:linear-gradient(90deg,var(--sl),var(--h));-webkit-background-clip:text;background-clip:text}
.foot-copy{font-size:12px;color:#3A2018}
.foot-links{display:flex;gap:1.5rem;align-items:center}
.foot-links a{font-size:12px;color:#5A3A28;text-decoration:none;cursor:pointer;transition:color .2s}
.foot-links a:hover{color:var(--hl)}
.foot-social{display:flex;gap:.6rem;align-items:center}
.foot-social a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(196,105,58,.07);border:1px solid rgba(196,105,58,.14);color:#8A6A50;font-size:15px;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.foot-social a:hover{background:rgba(196,105,58,.16);color:var(--hl);transform:translateY(-2px)}
.admin-trigger{font-size:11px;color:#1A0C06 !important;cursor:pointer;user-select:none;letter-spacing:.1em}

/* ── COOKIE CONSENT BANNER ── */
#cookieBanner{position:fixed;bottom:0;left:0;right:0;z-index:9800;background:rgba(14,8,4,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(196,105,58,.25);padding:1.1rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.25rem;box-shadow:0 -8px 30px rgba(0,0,0,.3)}
#cookieBanner p{font-size:13px;color:#D8C0B0;line-height:1.55;max-width:560px;margin:0}
#cookieBanner p a{color:var(--hl);text-decoration:underline}
.cookie-banner-actions{display:flex;gap:10px;flex-shrink:0}
.cookie-banner-actions button{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;padding:9px 20px;border-radius:8px;cursor:pointer;transition:transform .2s,background .2s}
#cookieDecline{background:rgba(255,255,255,.08);color:#F8F0E8;border:1px solid rgba(248,240,232,.2)}
#cookieDecline:hover{background:rgba(255,255,255,.14)}
#cookieAccept{background:linear-gradient(135deg,var(--h),var(--hl));color:#fff;border:none}
#cookieAccept:hover{transform:translateY(-2px)}
@media(max-width:640px){#cookieBanner{flex-direction:column;text-align:center;padding:1.1rem}}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  nav{padding:.9rem 1.25rem}
  .nav-links{display:none}
  .hamburger{display:flex}
  /* Fixed 100vh clips the headline/stats once the stacked content needs
     more room than the screen gives it — let the hero grow to fit its
     content instead, while never going shorter than the screen. */
  .hero{height:auto;min-height:100vh}
  .hero-content{padding:6rem 1.5rem 4rem;max-width:100%}
  .hero-headline{font-size:clamp(42px,11vw,64px)}
  .hero-stats{gap:1.5rem 2rem;flex-wrap:wrap}
  section.sec{padding:4rem 1.5rem}
  .process-section,.about-section,.portfolio-section,.pricing-section,.contact-section{padding:4rem 1.5rem}
  .about-inner{grid-template-columns:1fr;gap:2.5rem;justify-items:center;text-align:center}
  .about-bio{text-align:left}
  .ci-block{width:100%}
  .contact-inner{padding:5rem 1.5rem}
  .crow{grid-template-columns:1fr}
  .hourly-inner{grid-template-columns:1fr;gap:1.5rem;text-align:center}
  .hourly-tags{justify-content:center}
  footer{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}
}
@media(max-width:480px){
  .hero-headline{font-size:42px}
  .hero-stats{grid-template-columns:repeat(2,auto)}
  .services-grid,.reel-grid,.pricing-grid{grid-template-columns:1fr}
}