/* craft skin: Candle Designing — cosy cream + berry red + pine green + wick amber; Playfair Display (500 + italic accents) with Fredoka labels and Nunito body.
   Distinct from Pot Coloring: arched "window" images, melted-wax drip section edges, soft warm shadows (no hard offsets), warm static glow in the hero. Tokens come from theme_config.tokens. */
.cfs-candle-designing{--bg:#FFF6E9;--bg2:#F9E3D3;--paper:#FFFCF6;--deep:#1F3A2E;--ink:#3A2A22;--mute:#6A5348;--line:#3A2A22;--accent:#A8324E;--accent-ink:#A8324E;--pop:#A8324E;--pop2:#2F6B4F;--pop3:#E9A23B;--sig-bg:#2B4F3E;--mint:#BFE3D3;--pink:#F6C6D2;--f-disp:'Playfair Display',Georgia,'Times New Roman',serif;--f-hand:'Playfair Display',Georgia,serif;--f-body:'Nunito',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--f-disp2:'Fredoka','Nunito',system-ui,sans-serif;--warm:rgba(120,50,30,.28)}
.cfs-candle-designing :is(h1,h2,h3){font-weight:500}
.cfs-candle-designing .cf-h1{font-size:clamp(38px,6.4vw,70px);line-height:1.04;letter-spacing:-.01em}
.cfs-candle-designing .cf-ac{font-family:var(--f-disp);font-style:italic;font-weight:400;color:var(--accent);margin-inline:.05em}
.cfs-candle-designing .cf-ul path{stroke:var(--pop3);stroke-width:5}
.cfs-candle-designing .cf-kicker{font:400 italic 21px/1.2 var(--f-disp);color:var(--accent-ink);letter-spacing:.01em}
.cfs-candle-designing :is(.cf-btn,.cf-tag,.cf-chip,.cf-badge,.cf-sticker,.cf-nav a,.cf-rail a,.cf-no,.cf-opt span){font-family:var(--f-disp2)}
.cfs-candle-designing .cf-btn{background:var(--accent);border-color:var(--accent);font-weight:600;box-shadow:0 5px 0 #6E1F33}
.cfs-candle-designing .cf-btn-ghost{background:var(--paper);color:var(--accent-ink)!important;border-color:var(--accent);box-shadow:0 5px 0 rgba(168,50,78,.28)}
.cfs-candle-designing .cf-btn-sm{box-shadow:0 3px 0 #6E1F33}
.cfs-candle-designing .cf-sticker{background:var(--mint);color:#1F3A2E;border:0;border-radius:999px 999px 999px 8px;transform:rotate(-2deg);font-weight:600;box-shadow:0 6px 14px -8px var(--warm)}
.cfs-candle-designing .cf-chip{border:0;background:var(--paper);box-shadow:0 5px 12px -7px var(--warm);font-weight:500}
.cfs-candle-designing .cf-chip:nth-child(2n){background:var(--pink)}
.cfs-candle-designing .cf-chip:nth-child(3n){background:var(--mint)}
.cfs-candle-designing .cf-head{border-bottom-color:rgba(168,50,78,.25)}
.cfs-candle-designing .cf-nav a{white-space:nowrap;font-size:14px;padding:10px 9px;font-weight:500}
/* hero: static candle-glow (opacity eases in once) + arched window collage + pine corner */
.cfs-candle-designing .cf-hero{background:linear-gradient(180deg,#FFF2DE,var(--bg) 70%)}
.cfs-candle-designing .cf-hero::before{content:"";position:absolute;z-index:-1;width:min(120vw,900px);aspect-ratio:1;right:-30%;top:-34%;border-radius:50%;background:radial-gradient(circle,rgba(255,190,90,.55) 0,rgba(255,170,70,.2) 38%,rgba(255,170,70,0) 66%);animation:cd-glow 1.8s ease .2s both}
.cfs-candle-designing .cf-hero::after{content:"";position:absolute;z-index:-1;left:-12%;bottom:-18%;width:min(60vw,420px);aspect-ratio:1;border-radius:50%;background:var(--pink);opacity:.55}
@keyframes cd-glow{from{opacity:0}to{opacity:1}}
.cfs-candle-designing .cf-collage{aspect-ratio:1/1.08}
.cfs-candle-designing .cf-collage figure{border:0;background:var(--paper);box-shadow:0 22px 40px -22px rgba(120,50,30,.55)}
.cfs-candle-designing .cf-c1{left:4%;width:92%;aspect-ratio:1/1.02;border-radius:999px 999px 26px 26px;outline:5px solid var(--paper);outline-offset:-5px;box-shadow:0 0 0 7px var(--accent),0 24px 44px -22px rgba(120,50,30,.55)}
.cfs-candle-designing .cf-c2{border-radius:20px;border:5px solid var(--paper)}
.cfs-candle-designing .cf-c3{border-radius:20px 20px 60px 20px;border:5px solid var(--paper)}
.cfs-candle-designing .cf-dec svg{--m1:var(--accent);--m2:var(--pop2);--m3:var(--pop3);--mi:#3A2A22}
.cfs-candle-designing .cf-dec2 svg{--m1:var(--pop2)}
.cfs-candle-designing .cf-ill{color:var(--mute)}
/* section edges: melted wax drips hang from the previous section colour (static mask) */
.cfs-candle-designing .cf-sec{padding-top:calc(clamp(56px,8vw,104px) + 14px)}
.cfs-candle-designing .cf-sec::before{content:"";position:absolute;left:0;right:0;top:0;height:34px;background:var(--prev,var(--bg));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='34' viewBox='0 0 200 34'%3E%3Cpath d='M0 0h200v8H0z'/%3E%3Crect x='16' width='13' height='30' rx='6.5'/%3E%3Crect x='70' width='11' height='20' rx='5.5'/%3E%3Crect x='112' width='14' height='33' rx='7'/%3E%3Crect x='160' width='10' height='17' rx='5'/%3E%3C/svg%3E") 0 0/200px 34px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='34' viewBox='0 0 200 34'%3E%3Cpath d='M0 0h200v8H0z'/%3E%3Crect x='16' width='13' height='30' rx='6.5'/%3E%3Crect x='70' width='11' height='20' rx='5.5'/%3E%3Crect x='112' width='14' height='33' rx='7'/%3E%3Crect x='160' width='10' height='17' rx='5'/%3E%3C/svg%3E") 0 0/200px 34px repeat-x}
.cfs-candle-designing #make{--prev:#FFF6E9}.cfs-candle-designing #candle{--prev:var(--bg2)}.cfs-candle-designing #flow{--prev:var(--deep)}.cfs-candle-designing #materials{--prev:var(--bg)}
.cfs-candle-designing #story{--prev:var(--bg2)}.cfs-candle-designing #moments{--prev:var(--paper)}.cfs-candle-designing #faq{--prev:var(--bg2)}.cfs-candle-designing #join{--prev:var(--paper)}
/* deep pine night (signature) */
.cfs-candle-designing .cf-bg-deep{background:radial-gradient(120% 80% at 70% 20%,#2B4F3E,var(--deep) 70%);color:#FFF6E9}
.cfs-candle-designing .cf-bg-deep .cf-kicker{color:#F7C976}
.cfs-candle-designing .cf-bg-deep .cf-ac{color:#F7C976}
.cfs-candle-designing .cf-bg-deep .cf-ul path{stroke:var(--pop)}
.cfs-candle-designing .cf-bg-deep .cf-lead{color:#F3E8DD}
/* berry waitlist */
.cfs-candle-designing .cf-bg-pop{background:var(--accent)}
.cfs-candle-designing .cf-bg-pop :is(h2,.cf-kicker,.cf-lead,.cf-note,p,li,legend,label){color:#fff}
.cfs-candle-designing .cf-bg-pop .cf-ac{color:#FFE2A6}
.cfs-candle-designing .cf-bg-pop .cf-ul path{stroke:#FFE2A6}
.cfs-candle-designing .cf-bg-pop .cf-formcard :is(p,li,legend,label,span){color:var(--ink)}
.cfs-candle-designing .cf-bg-pop .cf-formcard .cf-consent,.cfs-candle-designing .cf-bg-pop .cf-formcard .cf-msg{color:var(--mute)!important}
.cfs-candle-designing .cf-bg-pop .cf-facts li,.cfs-candle-designing .cf-bg-pop .cf-contact{color:#fff}
.cfs-candle-designing .cf-bg-pop .cf-formcard .cf-btn,.cfs-candle-designing .cf-bg-pop .cf-formcard .cf-btn span{color:#fff!important}
.cfs-candle-designing .cf-bg-pop .cf-formcard a{color:var(--accent-ink)}
/* cards: candle-glass arches */
.cfs-candle-designing .cf-cards{gap:26px}
@media (min-width:1100px){.cfs-candle-designing .cf-cards{grid-template-columns:repeat(3,1fr)}}
.cfs-candle-designing .cf-card{border:0;border-radius:24px;box-shadow:0 18px 34px -20px var(--warm)}
.cfs-candle-designing .cf-card-img{aspect-ratio:1/.92;border:0;margin:10px 10px 0;border-radius:999px 999px 16px 16px}
.cfs-candle-designing .cf-card-b{padding:22px 24px 26px}
.cfs-candle-designing .cf-card-mo{border:0;background:var(--bg2);box-shadow:0 6px 12px -6px var(--warm);top:-32px}
.cfs-candle-designing .cf-card-mo svg{--m1:var(--accent);--m2:var(--pop2);--m3:var(--pop3)}
.cfs-candle-designing .cf-tag{border:0;background:var(--bg2);color:var(--accent-ink)}
.cfs-candle-designing .cf-k1 .cf-tag{background:var(--mint);color:#1F3A2E}.cfs-candle-designing .cf-k2 .cf-tag{background:var(--pink)}
.cfs-candle-designing .cf-k0{rotate:-.6deg}.cfs-candle-designing .cf-k1{rotate:.5deg}.cfs-candle-designing .cf-k2{rotate:-.4deg}.cfs-candle-designing .cf-k3{rotate:.6deg}
.cfs-candle-designing .cf-card h3{font-size:26px}
/* signature section */
.cfs-candle-designing .cf-sigsec{overflow:hidden}
/* steps */
.cfs-candle-designing .cf-step{border:0;border-radius:28px 28px 28px 8px;box-shadow:0 16px 30px -20px var(--warm)}
.cfs-candle-designing .cf-no{background:var(--accent);color:#fff;border:0;border-radius:50% 50% 50% 8px}
.cfs-candle-designing .cf-step-img{border:0;border-radius:999px 999px 14px 14px}
.cfs-candle-designing .cf-rail{border-bottom-color:rgba(168,50,78,.25)}
.cfs-candle-designing .cf-rail a[aria-current=step] b{background:var(--accent);border-color:var(--accent)}
/* materials */
.cfs-candle-designing .cf-mat{border:0;border-radius:44px 22px 22px 44px;box-shadow:0 10px 20px -14px var(--warm);padding-left:12px}
.cfs-candle-designing .cf-mat-mo{--m1:var(--accent);--m2:var(--pop2);--m3:var(--pop3);background:var(--bg2);border-radius:50%;padding:7px;width:52px;height:52px}
/* story / media / gallery */
.cfs-candle-designing .cf-media figure{border:0;box-shadow:0 20px 38px -22px var(--warm)}
.cfs-candle-designing .cf-m1{border-radius:999px 999px 24px 24px}.cfs-candle-designing .cf-m2{border-radius:24px 80px 24px 24px}
.cfs-candle-designing .cf-pull{font:400 italic clamp(22px,3vw,30px)/1.3 var(--f-disp);color:var(--accent-ink);border-left:4px solid var(--pop3);padding-left:18px}
.cfs-candle-designing .cf-g-snap .cf-cell{border:0;border-radius:999px 999px 24px 24px;box-shadow:0 18px 34px -20px var(--warm);background:var(--paper)}
.cfs-candle-designing .cf-g-snap .cf-cell img{aspect-ratio:4/5}
.cfs-candle-designing .cf-cell figcaption{font:400 italic 20px/1.2 var(--f-disp);text-align:center;padding:12px 14px 16px}
.cfs-candle-designing .cf-cell:nth-child(2n){margin-top:18px}
.cfs-candle-designing details.cf-acc{border:0;border-radius:20px;background:var(--paper);box-shadow:0 10px 22px -16px var(--warm)}
.cfs-candle-designing .cf-formcard{border:0;border-radius:34px 34px 34px 8px;box-shadow:0 26px 50px -24px rgba(60,10,25,.7)}
.cfs-candle-designing .cf-end{background:var(--bg2)}
/* capped decor loop: hero decor bobs gently, paused offscreen via [data-live] (3 elements) */
@keyframes cd-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(3deg)}}
.cfs-candle-designing .cf-hero[data-live].on .cf-dec{animation:cd-bob 6s ease-in-out infinite}
.cfs-candle-designing .cf-hero[data-live].on .cf-dec2{animation-delay:-2.2s}.cfs-candle-designing .cf-hero[data-live].on .cf-dec3{animation-delay:-4s}
@media (prefers-reduced-motion:reduce){.cfs-candle-designing .cf-hero[data-live].on .cf-dec{animation:none}.cfs-candle-designing .cf-hero::before{animation:none}}
.cfs-candle-designing .cf-safety{max-width:64ch;margin-top:14px;padding:12px 16px;border-radius:14px;background:var(--bg2);font-size:15px;color:var(--ink)}
