:root{--bg:oklch(0.98 0.017 85);--ink:oklch(0.30 0.055 302);--muted:oklch(0.53 0.020 286);--accent:oklch(0.88 0.112 79);--hair:color-mix(in oklch,var(--ink) 12%,transparent);--disp:'Playfair Display',serif;--sans:'Lora',serif}
  body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;line-height:1.62;overflow-x:hidden}
  a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--ink)}
  .wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
  nav{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:24px clamp(20px,4vw,56px);transition:.4s;border-bottom:1px solid transparent}
  nav.solid{background:color-mix(in oklch,var(--bg) 82%,transparent);backdrop-filter:blur(14px);border-color:var(--hair);padding:14px clamp(20px,4vw,56px)}
  .wm{font-family:'Dancing Script',cursive;font-weight:700;font-size:28px;letter-spacing:0;padding-left:0}
  .nl{display:flex;gap:32px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklch,var(--ink) 80%,transparent)}.nl a:hover{color:var(--ink)}
  .ncta{display:inline-flex;align-items:center;gap:6px;font-family:var(--disp);font-style:italic;font-size:15px;color:var(--accent);background:var(--ink);border:1px solid color-mix(in oklch,var(--accent) 55%,transparent);padding:11px 26px;border-radius:999px;position:relative;overflow:hidden;isolation:isolate;transition:border-color .3s,filter .3s}
  .ncta:hover{border-color:var(--accent);filter:brightness(1.15)}
  .ncta::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,color-mix(in oklch,var(--accent) 65%,white) 46%,color-mix(in oklch,white 85%,var(--accent)) 50%,color-mix(in oklch,var(--accent) 65%,white) 54%,transparent 75%);background-size:220% 100%;background-position:-160% 0;animation:holoSweep 3.4s ease-in-out infinite;mix-blend-mode:overlay;opacity:.85;pointer-events:none}
  @keyframes holoSweep{0%{background-position:-160% 0}55%,100%{background-position:160% 0}}
  .nav-right{display:flex;align-items:center;gap:32px}
  .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:26px;height:20px;background:none;border:none;padding:0;cursor:pointer;z-index:61}
  .nav-toggle span{display:block;width:100%;height:2px;background:var(--bg);border-radius:2px;transition:.3s}
  .stage{height:460vh}
  .vhero{height:100vh;position:relative;overflow:hidden;display:flex;align-items:flex-end}
  .vhero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .vhero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in oklch,var(--bg) 30%,transparent) 0%,transparent 28%,transparent 52%,color-mix(in oklch,var(--bg) 82%,transparent) 98%)}
  .vin{position:relative;z-index:2;padding:0 clamp(20px,4vw,56px) clamp(56px,9vh,90px);max-width:1180px;margin:0 auto;width:100%}
  .veye{font-size:13px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--bg);margin-bottom:16px;text-shadow:0 2px 20px rgba(0,0,0,.5)}
  .vtitle{font-family:var(--disp);font-weight:700;font-size:clamp(64px,13vw,180px);line-height:1.15;letter-spacing:.04em;text-shadow:0 4px 50px rgba(0,0,0,.5)}
  .vsub{margin-top:16px;max-width:42ch;font-size:17px;color:var(--ink);opacity:.86;text-shadow:0 2px 24px rgba(0,0,0,.5)}
  .vhint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:3;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);opacity:.75}
  .hud{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(52% 48% at 50% 45%,color-mix(in oklch,var(--ink) 74%,transparent),transparent 70%),linear-gradient(to top,color-mix(in oklch,var(--ink) 70%,transparent),transparent 30%),linear-gradient(to bottom,color-mix(in oklch,var(--ink) 55%,transparent),transparent 22%)}
  .hwm{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:90%}
  .hwm::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;height:230%;z-index:-1;background:radial-gradient(closest-side,color-mix(in oklch,var(--ink) 58%,transparent),transparent);filter:blur(26px)}
  .hwm .eye{font-size:13px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--bg);margin-bottom:16px;text-shadow:0 2px 24px rgba(0,0,0,.55)}
  .hwm h1{font-family:'Dancing Script',cursive;font-weight:700;font-size:clamp(70px,15vw,200px);line-height:1.45;padding:.15em 0;letter-spacing:0;color:var(--bg);text-shadow:0 4px 50px rgba(0,0,0,.5);display:inline-block;clip-path:inset(0 100% 0 0);animation:hwmWrite 1.8s 1.6s cubic-bezier(.65,0,.35,1) forwards}
  @keyframes hwmWrite{to{clip-path:inset(0 0 0 0)}}
  .hcap{position:absolute;left:clamp(20px,5vw,80px);bottom:16%;max-width:34ch;opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s;text-shadow:0 2px 30px rgba(0,0,0,.6);padding:18px 22px;border-radius:12px;background:color-mix(in oklch,var(--ink) 55%,transparent);backdrop-filter:blur(6px)}
  .hcap.in{opacity:1;transform:none}
  .hcap .k{font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--bg);margin-bottom:12px}
  .hcap h2{font-family:var(--disp);font-weight:700;font-size:clamp(28px,4vw,52px);line-height:1.18;color:var(--bg);padding-bottom:.08em}.hcap h2 em{font-style:italic;color:var(--bg);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:10px}
  .hint{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);opacity:.8;transition:opacity .4s}
  body::before{content:"";position:fixed;inset:-10%;z-index:-1;background:
    radial-gradient(38% 48% at 16% 12%,color-mix(in oklch,var(--accent) 16%,transparent),transparent 60%),
    radial-gradient(44% 54% at 86% 26%,color-mix(in oklch,var(--accent) 11%,transparent),transparent 62%),
    radial-gradient(54% 60% at 50% 104%,color-mix(in oklch,var(--accent) 15%,transparent),transparent 64%),var(--bg);
    animation:meshDrift 24s ease-in-out infinite}
  @keyframes meshDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-2.2%,1.6%,0) scale(1.04)}}
  section.blk{position:relative;z-index:6;background:color-mix(in oklch,var(--bg) 90%,transparent)}
  .stage .pin::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24vh;z-index:4;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in oklch,var(--bg) 90%,transparent))}
  .thesis{padding:clamp(120px,18vh,220px) 0;text-align:center}
  .thesis h2{font-family:var(--disp);font-weight:700;font-size:clamp(40px,6.4vw,92px);line-height:1.15;letter-spacing:-.015em;max-width:17ch;margin:0 auto}.thesis em{font-style:italic;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:6px}
  .lab{font-family:var(--disp);font-style:italic;font-size:18px;color:var(--ink);text-align:center;margin-bottom:54px}
  .feat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;padding:clamp(40px,7vh,90px) 0}
  .feat.flip .ftext{order:2}
  .feat .k{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);margin-bottom:14px}
  .feat h3{font-family:var(--disp);font-weight:700;font-size:clamp(30px,4.4vw,56px);line-height:1.25;letter-spacing:-.01em;padding-bottom:.1em}
  .feat p{color:var(--muted);font-size:16.5px;margin-top:18px;max-width:42ch}.feat p b{color:var(--ink);font-weight:400}
  .feat .fimg{aspect-ratio:4/5;border-radius:14px;overflow:hidden}.feat .fimg img{width:100%;height:100%;object-fit:cover;display:block}
  .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 0 clamp(40px,7vh,90px)}
  .gallery .g{aspect-ratio:3/4;border-radius:12px;overflow:hidden}.gallery .g img,.gallery .g video{width:100%;height:100%;object-fit:cover;display:block}
  .midband{position:relative;height:88vh;overflow:hidden}
  .midband video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%}
  .midband::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in oklch,var(--ink) 35%,transparent),transparent 28%,transparent 50%,color-mix(in oklch,var(--ink) 78%,transparent))}
  .midband .mbcap{position:absolute;left:0;right:0;bottom:13%;text-align:center;z-index:2;padding:0 24px}
  .midband .mbcap .k{font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--bg);margin-bottom:12px;text-shadow:0 2px 22px rgba(0,0,0,.55)}
  .midband .mbcap h2{font-family:var(--disp);font-weight:700;font-size:clamp(28px,4.4vw,58px);line-height:1.18;color:var(--bg);text-shadow:0 2px 32px rgba(0,0,0,.55);padding-bottom:.08em}.midband .mbcap h2 em{font-style:italic;color:var(--bg);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:10px}
  .plate{position:relative;height:92vh;overflow:hidden}
  .plate>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
  .plate::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,color-mix(in oklch,var(--ink) 78%,transparent))}
  .plate .pq{position:absolute;left:0;right:0;bottom:14%;text-align:center;z-index:2;padding:0 24px}
  .plate .pq p{font-family:var(--disp);font-style:italic;font-weight:300;font-size:clamp(26px,4vw,52px);color:var(--bg);max-width:22ch;margin:0 auto;text-shadow:0 2px 30px rgba(0,0,0,.55)}
  .rows{padding:clamp(60px,9vh,120px) 0 clamp(110px,16vh,200px)}
  .row{display:grid;grid-template-columns:0.8fr 1.2fr;gap:30px;align-items:baseline;padding:42px 0;border-top:1px solid var(--hair)}
  .row:last-child{border-bottom:1px solid var(--hair)}
  .row .n{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
  .row h3{font-family:var(--disp);font-weight:700;font-size:clamp(28px,4vw,50px);line-height:1.15;margin-top:8px}
  .row p{color:var(--muted);font-size:16px;max-width:46ch}.row p b{color:var(--ink);font-weight:400}
  .reserve{padding:clamp(110px,16vh,200px) 0;text-align:center}
  .reserve .k{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);margin-bottom:16px}
  .reserve h2{font-family:var(--disp);font-weight:700;font-size:clamp(44px,8vw,120px);line-height:1.2}
  .reserve .cta{display:inline-block;margin-top:34px;font-family:var(--disp);font-style:italic;font-size:19px;color:var(--ink);background:var(--accent);padding:17px 38px;border-radius:999px;transition:.3s}.reserve .cta:hover{filter:brightness(1.07)}
  .hstrip{overflow:hidden;height:100vh;display:flex;align-items:center}
  .htrack{display:flex;gap:18px;padding:0 8vw;will-change:transform}
  .hpanel{position:relative;flex:0 0 62vw;max-width:760px;aspect-ratio:16/10;border-radius:14px;overflow:hidden}
  .hpanel img{width:100%;height:100%;object-fit:cover;display:block}
  .hpanel .hp-cap{position:absolute;left:24px;bottom:22px;font-family:var(--disp);font-weight:700;font-size:clamp(22px,2.6vw,34px);color:var(--ink);text-shadow:0 2px 30px rgba(0,0,0,.6)}
  footer{border-top:1px solid var(--hair);padding:42px 0}
  .fwm{font-family:'Dancing Script',cursive;font-weight:700;font-size:24px;letter-spacing:0}
  @media(max-width:820px){.nav-toggle{display:flex}.nav-right{gap:14px}.ncta{padding:9px 18px;font-size:13px}.nl{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:color-mix(in oklch,var(--ink) 97%,transparent);backdrop-filter:blur(14px);padding:8px 0 18px;border-bottom:1px solid var(--hair)}.nl.open{display:flex}.nl a{padding:15px clamp(20px,4vw,56px);text-align:center;width:100%;border-top:1px solid color-mix(in oklch,var(--bg) 14%,transparent)}.nl a:first-child{border-top:none}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.feat{grid-template-columns:1fr;gap:24px}.feat.flip .ftext{order:0}.gallery{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr;gap:8px}}
.cheetah-strip{height:14px;background-image:radial-gradient(ellipse 10px 7px at 8% 40%,#2a2038 40%,transparent 41%),radial-gradient(ellipse 6px 4px at 11% 55%,#8a6aa8 45%,transparent 46%),radial-gradient(ellipse 9px 6px at 26% 60%,#2a2038 40%,transparent 41%),radial-gradient(ellipse 5px 4px at 29% 48%,#8a6aa8 45%,transparent 46%),radial-gradient(ellipse 11px 6px at 45% 35%,#2a2038 40%,transparent 41%),radial-gradient(ellipse 6px 4px at 48% 50%,#8a6aa8 45%,transparent 46%),radial-gradient(ellipse 9px 7px at 64% 58%,#2a2038 40%,transparent 41%),radial-gradient(ellipse 5px 4px at 66% 45%,#8a6aa8 45%,transparent 46%),radial-gradient(ellipse 10px 6px at 83% 38%,#2a2038 40%,transparent 41%),radial-gradient(ellipse 6px 4px at 86% 52%,#8a6aa8 45%,transparent 46%),radial-gradient(ellipse 9px 6px at 97% 60%,#2a2038 40%,transparent 41%);background-color:var(--accent);background-repeat:repeat-x;background-size:140px 100%;opacity:.9}
.cheetah-strip{height:14px;background-image:radial-gradient(ellipse 10px 7px at 8% 40%,#2a2038 40%,transparent 41%),radial-gradient(ellipse 6px 4px at 11% 55%,#8a6aa8 45%,transparent 46%),radial-gradient(ellipse 9px 6px at 26% 60%,#2a2038 40%,transparent 41%),radial-gradient(ellipse 5px 4px at 29% 48%,#8a6aa8 45%,transparent 46%),radial-gradient(ellipse 11px 6px at 45% 35%,#2a2038 40%,transparent 41%),radial-gradient(ellipse 6px 4px at 48% 50%,#8a6aa8 45%,transparent 46%),radial-gradient(ellipse 9px 7px at 64% 58%,#2a2038 40%,transparent 41%),radial-gradient(ellipse 5px 4px at 66% 45%,#8a6aa8 45%,transparent 46%),radial-gradient(ellipse 10px 6px at 83% 38%,#2a2038 40%,transparent 41%),radial-gradient(ellipse 6px 4px at 86% 52%,#8a6aa8 45%,transparent 46%),radial-gradient(ellipse 9px 6px at 97% 60%,#2a2038 40%,transparent 41%);background-color:var(--accent);background-repeat:repeat-x;background-size:140px 100%;opacity:.9}

/* ---- simple content pages (About/Brands/Contact/Random Thoughts) ---- */
.page-hero{padding:clamp(140px,18vh,220px) 0 clamp(40px,6vh,60px)}
.page-hero h1{font-family:var(--disp);font-weight:700;font-size:clamp(40px,7vw,84px);line-height:1.15;letter-spacing:-.015em}
.page-hero .sub{margin-top:14px;font-size:17px;color:var(--muted);max-width:60ch}
.content-blk{padding:clamp(20px,4vh,50px) 0}
.content-blk p{max-width:66ch;margin-bottom:18px;font-size:17px}
.brand-cards2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:8px}
.brand-card2{border:1px solid var(--hair);border-radius:14px;padding:36px}
.brand-card2 h3{font-family:var(--disp);font-weight:700;font-size:clamp(24px,3vw,32px);margin-bottom:14px}
.brand-card2 p{font-size:16px;margin-bottom:20px}
.btn2{display:inline-block;padding:14px 30px;border-radius:999px;background:var(--accent);color:var(--ink);font-size:14px;font-weight:500;letter-spacing:.04em;transition:.3s}
.btn2:hover{filter:brightness(1.07)}
.btn2-outline{display:inline-block;padding:13px 29px;border-radius:999px;border:1px solid var(--hair);color:var(--ink);font-size:14px}
.disclosure-box2{border:1px solid var(--hair);border-left:4px solid var(--accent);border-radius:8px;padding:18px 22px;margin:26px 0 40px;max-width:66ch}
.disclosure-box2 p{font-size:14px;color:var(--muted);margin:0}
.post-card2{border:1px dashed var(--hair);border-radius:14px;padding:28px 32px;color:var(--muted)}
.contact-grid2{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:24px}
@media(max-width:820px){.contact-grid2{grid-template-columns:1fr}}
.form2 label{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.form2 input,.form2 textarea{width:100%;padding:13px 14px;margin-bottom:16px;border:1px solid var(--hair);border-radius:8px;background:transparent;color:var(--ink);font-family:var(--sans);font-size:15px}
.form2 button{background:var(--ink);color:var(--bg);border:none;padding:13px 30px;border-radius:999px;font-size:14px;cursor:pointer}
.row-img{grid-template-columns:0.6fr 1fr auto!important;align-items:center;gap:24px}
.row-img img{width:110px;height:110px;object-fit:cover;border-radius:10px;box-shadow:0 10px 24px -12px rgba(0,0,0,.35)}
@media(max-width:820px){.row-img{grid-template-columns:1fr!important}.row-img img{width:auto;max-width:60%;height:220px;object-fit:contain;object-position:center;display:block;margin:14px auto 0;background:color-mix(in oklch,var(--ink) 4%,var(--bg))}}
@media(max-width:820px){.plate{height:auto;aspect-ratio:2.11}.plate>img{object-position:center}.plate .pq{bottom:8%}}
@media(max-width:820px){.midband{height:70vh}}

/* ---- more purple presence, per Juanita's note (was reading too clean/light) ---- */
nav{background:color-mix(in oklch,var(--ink) 90%,transparent)!important;backdrop-filter:blur(14px);border-bottom-color:transparent!important}
nav.solid{background:color-mix(in oklch,var(--ink) 96%,transparent)!important}
.wm{color:var(--bg)!important}
.nl{color:color-mix(in oklch,var(--bg) 70%,transparent)!important}
.nl a:hover{color:var(--bg)!important}

.page-hero{background:var(--ink);margin-top:-1px}
.page-hero .wrap{padding-top:clamp(160px,20vh,240px);padding-bottom:clamp(50px,7vh,70px)}
.page-hero h1{color:var(--bg)}
.page-hero .sub{color:color-mix(in oklch,var(--bg) 80%,transparent)}

footer.blk{background:var(--ink);border-top:none}
footer.blk .fwm{color:var(--bg)}
footer.blk span{color:color-mix(in oklch,var(--bg) 65%,transparent)!important}
.brand-card2-img{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:22px}

/* ---- page-hero video background ---- */
.page-hero{position:relative;overflow:hidden}
.page-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.55}
.page-hero::after{content:"";position:absolute;inset:0;background:color-mix(in oklch,var(--ink) 72%,transparent);z-index:1}
.page-hero .wrap{position:relative;z-index:2}

/* ---- gem cursor, matching the brand's diamond/gem motif ---- */
.cur,.cur-r{border-radius:0;background-repeat:no-repeat;background-position:center;background-size:contain;background-color:transparent}
.cur{width:16px;height:16px;margin:-8px 0 0 -8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolygon points='16,1 31,16 16,31 1,16' fill='%23FFCF7F'/%3E%3C/svg%3E")}
.cur-r{width:36px;height:36px;margin:-18px 0 0 -18px;border:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolygon points='16,1 31,16 16,31 1,16' fill='none' stroke='%23FFCF7F' stroke-width='2'/%3E%3C/svg%3E")}
.cur-r.hot{width:36px;height:36px;margin:-18px 0 0 -18px}

/* ---- hand-doodle accents ---- */
.squiggle-divider{height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20'%3E%3Cpath d='M0 10 Q8 1 15 10 T30 10 T45 10 T60 10' stroke='%23FFCF7F' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:60px 20px;background-position:center}

.thesis em{text-decoration-style:wavy;text-decoration-thickness:2.5px;text-underline-offset:8px}
.hwm .eye{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-style:wavy;text-decoration-thickness:1.5px;text-underline-offset:6px}

.scribble{position:relative;display:inline-block;white-space:nowrap}
.scribble::after{content:"";position:absolute;left:-10%;right:-10%;top:-20%;bottom:-20%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M52,6 C75,4 93,20 94,45 C95,68 80,90 54,94 C30,97 8,82 6,55 C4,30 22,8 48,7 C50,7 51,6 52,6' stroke='%23FFCF7F' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}

.sparkle{position:relative;display:inline-block;width:1em;height:1em;vertical-align:middle;margin:0 .15em}
.sparkle::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 L14.5 9.5 L23 12 L14.5 14.5 L12 23 L9.5 14.5 L1 12 L9.5 9.5 Z' fill='%23FFCF7F'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}

.signup-block2{text-align:center;padding:clamp(20px,4vh,50px) 0}

/* ---- intro loader: pulsing gem + signature draw-on, replacing the plain percentage counter ---- */
.intro-mark{display:flex;flex-direction:column;align-items:center;gap:20px}
.intro-gem{width:44px;height:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolygon points='16,1 31,16 16,31 1,16' fill='none' stroke='%23FFCF7F' stroke-width='2.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;animation:gemPulse 1.6s ease-in-out infinite}
@keyframes gemPulse{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.22) rotate(180deg)}}
.intro-sig{font-family:'Dancing Script',cursive;font-weight:700;font-size:clamp(36px,7vw,64px);color:var(--ink);display:inline-block;clip-path:inset(0 100% 0 0);animation:sigWrite 1.5s .25s cubic-bezier(.65,0,.35,1) forwards}
@keyframes sigWrite{to{clip-path:inset(0 0 0 0)}}