/* Conversion buttons and distinct service experiences. */
.brand img{mix-blend-mode:screen}
.button{
  min-height:60px;
  padding:12px 16px 12px 22px;
  gap:14px;
  border:1px solid #ffc286;
  border-radius:12px;
  background:linear-gradient(135deg,#ffb873,#ee914d);
  box-shadow:0 4px 0 #a84c25,0 10px 24px #00000012;
  font-size:14px;
  line-height:1.4;
  letter-spacing:-.1px;
  text-align:left;
  transition:transform .2s,box-shadow .2s,background .2s;
}
.button:hover{background:linear-gradient(135deg,#ffc58c,#f5a263);box-shadow:0 5px 0 #a84c25,0 13px 28px #0002;transform:translateY(-2px)}
.button:active{transform:translateY(2px);box-shadow:0 1px 0 #a84c25}
.button .cta-arrow{
  width:34px;height:34px;padding:8px;margin-left:8px;
  border-radius:50%;background:var(--ink);color:var(--gold);
}
.button-small{min-height:48px;padding:8px 10px 8px 17px;font-size:12px;border-radius:10px}
.button-small .cta-arrow{width:29px;height:29px;padding:6px}
.button-ink,.final-cta .button{
  background:var(--ink);border-color:#413937;color:var(--paper);
  box-shadow:0 4px 0 #050505,0 10px 24px #00000014;
}
.button-ink:hover,.final-cta .button:hover{background:#242222;color:white;box-shadow:0 5px 0 #050505,0 13px 28px #0002}
.button-ink .cta-arrow,.final-cta .button .cta-arrow{background:var(--gold);color:var(--ink)}
.experience-copy .button{margin-top:14px;gap:30px;min-width:245px;justify-content:space-between}
.process .section-head>.button{flex-shrink:0;margin-bottom:7px}
.hero-actions{gap:23px}
.hero-actions .button{min-height:62px}
.hero-actions .button .cta-arrow{margin-left:14px}
.service-nav{display:flex;gap:12px;margin:35px 0 46px;flex-wrap:wrap}
.service-nav a{display:inline-flex;align-items:center;gap:12px;border:1px solid #665044;border-radius:50px;padding:13px 19px;color:#f4e8dc;min-height:48px;font-size:12px;transition:border-color .2s,background .2s}
.service-nav a:hover{border-color:var(--gold);background:#f0a15b0d}
.service-nav a>span{font-size:9px;color:var(--gold)}
.service-nav .icon{width:16px;height:16px;transform:rotate(90deg);color:var(--gold)}
.service-row{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:76px;padding:65px 0;border-top:1px solid #ffffff26;scroll-margin-top:28px}
.service-row:first-child{padding-top:0;border-top:0}
.service-row:last-child{padding-bottom:35px}
.service-visual{position:relative;aspect-ratio:1.2;overflow:hidden;border-radius:16px;background:#242222}
.service-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}
.service-visual>img{width:100%;height:100%;object-position:center 48%}
.service-image-label{position:absolute;bottom:22px;left:23px;right:20px;z-index:1;display:flex;align-items:center;gap:10px;color:#fff8e9;font-size:8px;font-weight:700;letter-spacing:1.5px;line-height:1.6}
.service-image-label .icon{width:19px;height:23px;color:var(--gold)}
.service-copy .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:22px}
.service-copy h3{font-size:clamp(38px,4.1vw,62px);line-height:1.1;margin-bottom:24px}
.service-copy h3 em{font-style:normal;color:var(--gold)}
.service-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:430px;color:#c9bdb5;margin-bottom:21px}
.service-tags{list-style:none;padding:0;margin:0 0 29px;display:flex;flex-wrap:wrap;gap:9px}
.service-tags li{font-size:10px;line-height:1.5;padding:7px 11px;color:#e0d1c4;border:1px solid #ffffff25;border-radius:5px;background:#ffffff04}
.service-copy .button{font-size:13px;max-width:100%;justify-content:space-between;gap:13px}
.service-row--burger{grid-template-columns:1fr 1.08fr}
.service-row--burger .service-visual{order:2}
.service-row--burger .service-visual>img{object-position:center 66%}
.service-row--dessert .service-copy h3{font-size:clamp(36px,3.6vw,53px)}
.dessert-visual{display:grid;grid-template-columns:1fr .85fr;gap:5px}
.dessert-visual>img:first-child{object-position:52% center}
.dessert-visual>img:nth-child(2){object-position:55% center}
.flavors .menu-note{margin-top:0;padding-top:24px;border-top:1px solid #ffffff26}
.quote-dialog .button .cta-arrow{margin-left:auto}
@media(max-width:1000px){
  .service-row{gap:40px;grid-template-columns:1fr 1fr}
  .service-copy h3{font-size:43px}
  .service-copy>p:not(.eyebrow){font-size:13px}
  .service-copy .button{font-size:11px;padding-left:16px;gap:9px}
  .service-copy .button .cta-arrow{margin-left:0}
  .service-copy .eyebrow{font-size:8px;letter-spacing:1.3px}
  .process .section-head{align-items:center}
  .process .section-head>.button{font-size:12px;max-width:280px}
}
@media(max-width:800px){
  .service-row{gap:30px;padding-block:45px}
  .service-visual{aspect-ratio:.9}
  .service-copy h3{font-size:38px}
  .service-copy>p:not(.eyebrow){font-size:12px;line-height:1.8}
  .service-copy .button{font-size:11px;min-height:57px;gap:9px;padding:10px 12px}
  .service-copy .button>.icon:first-child{width:19px;height:19px}
  .service-copy .button .cta-arrow{width:28px;height:28px;padding:6px}
  .service-row--dessert .service-copy h3{font-size:35px}
}
@media(max-width:600px){
  html{scroll-padding-top:20px}
  .button{border-radius:11px;min-height:59px;font-size:13px}
  .button .cta-arrow{margin-left:auto;width:34px;height:34px}
  .hero-actions .button{padding:12px 14px 12px 19px;min-height:62px}
  .hero-actions .button .cta-arrow{margin-left:auto}
  .experience-copy .button{width:100%;font-size:13px;gap:20px;margin-top:16px;padding-inline:20px 14px}
  .process .section-head>.button{width:100%;max-width:none;margin-top:27px;justify-content:space-between;font-size:13px;padding-inline:19px 13px}
  .service-nav{display:grid;grid-template-columns:1fr;margin:29px 0 33px;gap:9px}
  .service-nav a{font-size:12px;min-height:48px;border-radius:9px;padding:12px 16px}
  .service-nav .icon{margin-left:auto}
  .service-row,.service-row--burger{grid-template-columns:1fr;gap:29px;padding:40px 0;scroll-margin-top:0}
  .service-row--burger .service-visual{order:0}
  .service-row:last-child{padding-bottom:32px}
  .service-visual{aspect-ratio:1.14;border-radius:13px}
  .service-visual>img{object-position:center 44%}
  .service-image-label{font-size:7px;letter-spacing:1.1px;bottom:18px;left:18px}
  .service-copy .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:16px}
  .service-copy h3{font-size:clamp(39px,10.8vw,58px);line-height:1.12;margin-bottom:20px}
  .service-row--dessert .service-copy h3{font-size:clamp(34px,9.1vw,51px)}
  .service-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:none;margin-bottom:18px}
  .service-tags{gap:7px;margin-bottom:23px}
  .service-tags li{font-size:9px;padding:7px 9px}
  .service-copy .button{width:100%;min-height:60px;font-size:12px;padding:12px 13px 12px 16px;gap:10px}
  .service-copy .button .cta-arrow{width:32px;height:32px;padding:7px;margin-left:auto}
  .service-copy .button>.icon:first-child{width:21px;height:21px}
  .mobile-dock .button{min-height:49px;box-shadow:0 3px 0 #a84c25,0 4px 17px #f0a15b12;border-radius:10px;font-size:11px;padding:12px 14px}
  .final-cta .button{min-height:64px;padding-inline:17px 13px}
  .quote-dialog .button{min-height:60px;padding-inline:17px 12px}
}
@media(max-width:360px){.service-copy .button{font-size:10px;gap:8px}.service-copy .button .cta-arrow{width:29px;height:29px}.mobile-dock .button{font-size:10px;padding-inline:11px}}
@media(prefers-reduced-motion:reduce){.button,.service-nav a{transition:none}}

/* Charcoal, embers and a consistent WhatsApp mark. */
:root{--ember:#ed6332}
.button .icon-whatsapp{
  display:block;align-self:center;flex:0 0 22px;
  width:22px;height:22px;fill:currentColor;stroke:none;transform:none;
}
.mobile-dock .button .icon-whatsapp{width:20px;height:20px;flex-basis:20px}
.hero:after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 78% 79%,#ffab65a6 0 1px,transparent 2px),
    radial-gradient(circle at 89% 63%,#ed633280 0 1px,transparent 2px),
    radial-gradient(circle at 72% 91%,#ffce8d99 0 1px,transparent 2px),
    radial-gradient(circle at 95% 86%,#ed633299 0 1px,transparent 2px),
    radial-gradient(ellipse at 85% 110%,#cf3d192b,transparent 48%);
}
.live-dot{background:var(--ember);box-shadow:0 0 12px #ed633288}
.flavor-strip{background:linear-gradient(100deg,#f3b570,#e88b49)}
.flavors{
  background:
    radial-gradient(ellipse at 0% 0%,#b938161a,transparent 28%),
    radial-gradient(ellipse at 100% 65%,#a2351214,transparent 30%),var(--ink);
}
.service-row{border-top-color:#e4915533}
.service-image-label .icon{color:#ffaf68}
.service-nav a:hover{background:#ed633212;border-color:#ee914d}
.social-section{background:radial-gradient(ellipse at 0% 100%,#a039171c,transparent 60%),var(--charcoal)}
.final-cta{
  color:var(--paper);
  background:radial-gradient(ellipse at 80% 110%,#bd421934,transparent 60%),#111;
  border-top:1px solid #ad4c2a66;
}
.final-cta .eyebrow{color:#e5a274}
.final-cta h2 em{color:var(--gold)}
.final-cta p:not(.eyebrow),.final-cta .cta-note{color:#bfb0a6}
.final-cta .button{
  background:linear-gradient(135deg,#ffb873,#ee914d);
  color:var(--ink);border-color:#ffc286;
  box-shadow:0 4px 0 #a84c25,0 12px 35px #ed63321c;
}
.final-cta .button:hover{background:linear-gradient(135deg,#ffc58c,#f5a263);box-shadow:0 5px 0 #a84c25,0 14px 35px #ed63322b}
.final-cta .button .cta-arrow{background:var(--ink);color:var(--gold)}
.giant-flame{
  position:absolute;right:3%;bottom:-60px;width:290px;height:390px;
  z-index:-1;fill:none;stroke:var(--ember);stroke-width:.6;opacity:.12;
  pointer-events:none;
}
.quote-dialog::backdrop{background:#090909de}
.dialog-heading>p:last-child{max-width:340px}
@media(max-width:600px){
  .hero:after{background:radial-gradient(circle at 91% 34%,#ffb068aa 0 1px,transparent 2px),radial-gradient(circle at 78% 45%,#ed633280 0 1px,transparent 2px),radial-gradient(ellipse at 100% 110%,#b3371c24,transparent 50%)}
  .giant-flame{width:210px;height:290px;right:-25px;bottom:-25px;opacity:.1}
}