/* /assets/foundation.css?v=20260825b */ /* ========================================================= TOKENS ========================================================= */ #vrinda-club-v3{ --navy-900:#050B1F; --navy-800:#0A1533; --navy-700:#101F46; --navy-600:#172B5C; --pink-500:#C8288C; --pink-400:#C8288C; --pink-300:#C8288C; --pink-050:#FFF0F6; --cream:#FFFBF7; --text:#F4F6FF; --text-soft:rgba(244,246,255,.68); --text-mute:rgba(244,246,255,.46); --line:rgba(255,255,255,.12); --line-strong:rgba(255,255,255,.22); --ink:#0B1024; --ink-soft:rgba(11,16,36,.68); --maxw:1180px; --radius:20px; } #vrinda-club-v3,#vrinda-club-v3 *,#vrinda-club-v3 *::before,#vrinda-club-v3 *::after{box-sizing:border-box} #vrinda-club-v3{scroll-behavior:smooth;-webkit-text-size-adjust:100%} #vrinda-club-v3{ margin:0; background:var(--navy-900); color:var(--text); font-family:'Urbanist',system-ui,-apple-system,'Segoe UI',sans-serif; font-size:18px; line-height:1.75; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; } #vrinda-club-v3 a{color:inherit;text-decoration:none} #vrinda-club-v3 img{max-width:100%;display:block} #vrinda-club-v3 p{margin:0 0 1.15em} #vrinda-club-v3 h1,#vrinda-club-v3 h2,#vrinda-club-v3 h3,#vrinda-club-v3 h4{margin:0;font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.02em;line-height:1.1} #vrinda-club-v3 strong{font-weight:700} #vrinda-club-v3 em{font-style:italic}/* ========================================================= LAYOUT PRIMITIVES ========================================================= */ #vrinda-club-v3 .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px} #vrinda-club-v3 .narrow{max-width:820px;margin-left:auto;margin-right:auto} #vrinda-club-v3 section{position:relative;padding:112px 0} #vrinda-club-v3 .section-sm{padding:80px 0} #vrinda-club-v3 .eyebrow{ display:inline-flex;align-items:center;gap:10px; font-family:'Urbanist',sans-serif;font-size:11px;font-weight:800; letter-spacing:.22em;text-transform:uppercase;color:var(--pink-400); margin-bottom:22px; } #vrinda-club-v3 .eyebrow::before{content:"";width:26px;height:1px;background:var(--pink-500);display:block} #vrinda-club-v3 .eyebrow.center::after{content:"";width:26px;height:1px;background:var(--pink-500);display:block} #vrinda-club-v3 h2{font-size:clamp(2rem,4.2vw,3.35rem)} #vrinda-club-v3 h3{font-size:clamp(1.5rem,2.6vw,2.1rem)} #vrinda-club-v3 .lede{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--text-soft);line-height:1.7} #vrinda-club-v3 .center{text-align:center} #vrinda-club-v3 .center .eyebrow{justify-content:center} #vrinda-club-v3 .pink{color:var(--pink-400)} #vrinda-club-v3 .serif-italic{font-family:'Fraunces',serif;font-style:italic;font-weight:400}/* On light sections */ #vrinda-club-v3 .light{background:var(--cream);color:var(--ink)} #vrinda-club-v3 .light .lede{color:var(--ink-soft)} #vrinda-club-v3 .light .eyebrow{color:#C8288C} #vrinda-club-v3 .light .eyebrow::before,#vrinda-club-v3 .light .eyebrow.center::after{background:#C8288C} #vrinda-club-v3 .light .pink{color:#C8288C}/* ========================================================= BUTTONS ========================================================= */ #vrinda-club-v3 .btn{ display:inline-flex;align-items:center;justify-content:center;gap:10px; min-height:58px;padding:0 34px;border:0;cursor:pointer; font-family:'Urbanist',sans-serif;font-size:13px;font-weight:800; letter-spacing:.14em;text-transform:uppercase;border-radius:999px; transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease; } #vrinda-club-v3 .btn-primary{ background:linear-gradient(135deg,var(--pink-500),#C8288C); color:#fff;box-shadow:0 14px 40px rgba(200,40,140,.34); } #vrinda-club-v3 .btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 52px rgba(200,40,140,.46)} #vrinda-club-v3 .btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-strong)} #vrinda-club-v3 .btn-ghost:hover{border-color:var(--pink-400);color:var(--pink-300)} #vrinda-club-v3 .btn-sm{min-height:46px;padding:0 22px;font-size:11.5px}/* ========================================================= NAV ========================================================= */ #vrinda-club-v3 .nav{ position:fixed;top:0;left:0;right:0;z-index:999; padding:18px 28px;transition:background .3s ease,padding .3s ease,box-shadow .3s ease; } #vrinda-club-v3 .nav.stuck{ background:rgba(5,11,31,.82);backdrop-filter:blur(18px); padding:12px 28px;box-shadow:0 1px 0 rgba(255,255,255,.08); } #vrinda-club-v3 .nav-inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px} #vrinda-club-v3 .brand{display:flex;align-items:center;gap:12px} #vrinda-club-v3 .brand-mark{ width:40px;height:40px;flex:0 0 auto;border-radius:12px; background:linear-gradient(140deg,var(--pink-500),#7B2CBF); display:grid;place-items:center;font-family:'Fraunces',serif;font-size:19px;color:#fff; box-shadow:0 8px 24px rgba(200,40,140,.32); } #vrinda-club-v3 .brand-name{font-family:'Fraunces',serif;font-size:17px;line-height:1.1;letter-spacing:-.01em} #vrinda-club-v3 .brand-sub{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute);line-height:1.4} #vrinda-club-v3 .nav-links{display:flex;align-items:center;gap:30px} #vrinda-club-v3 .nav-links a{font-size:13px;font-weight:600;color:var(--text-soft);transition:color .2s} #vrinda-club-v3 .nav-links a:hover{color:var(--pink-300)}/* ========================================================= HERO ========================================================= */ #vrinda-club-v3 .hero{ position:relative;padding:190px 0 110px;overflow:hidden; background: radial-gradient(1100px 620px at 78% 8%, rgba(200,40,140,.20), transparent 62%), radial-gradient(900px 560px at 8% 82%, rgba(70,45,190,.28), transparent 66%), linear-gradient(180deg,#060C22 0%,#0A1533 58%,#050B1F 100%); } #vrinda-club-v3 .hero::after{ content:"";position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px); background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 78%); } #vrinda-club-v3 .hero .wrap{position:relative;z-index:2} #vrinda-club-v3 .hero-badge{ display:inline-flex;align-items:center;gap:10px;padding:8px 18px;margin-bottom:30px; border:1px solid rgba(200,40,140,.4);border-radius:999px;background:rgba(200,40,140,.09); font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--pink-300); } #vrinda-club-v3 .hero-badge span.dot{width:7px;height:7px;border-radius:999px;background:var(--pink-500);box-shadow:0 0 0 5px rgba(200,40,140,.18)} #vrinda-club-v3 .hero h1{ font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;letter-spacing:-.035em; max-width:16ch;margin-bottom:28px; } #vrinda-club-v3 .hero h1 .accent{ background:linear-gradient(100deg,var(--pink-400),#FFC2DC); -webkit-background-clip:text;background-clip:text;color:transparent; font-style:italic;font-weight:400; } #vrinda-club-v3 .hero-sub{max-width:56ch;font-size:clamp(1.05rem,1.6vw,1.32rem);color:var(--text-soft);margin-bottom:40px} #vrinda-club-v3 .hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:52px} #vrinda-club-v3 .hero-note{font-size:13px;color:var(--text-mute);letter-spacing:.02em} #vrinda-club-v3 .hero-stats{ display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line); border:1px solid var(--line);border-radius:var(--radius);overflow:hidden; } #vrinda-club-v3 .stat{background:rgba(255,255,255,.03);padding:26px 22px;backdrop-filter:blur(6px)} #vrinda-club-v3 .stat b{display:block;font-family:'Fraunces',serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:600;color:#fff;line-height:1} #vrinda-club-v3 .stat span{display:block;margin-top:8px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}/* ========================================================= THOUGHT CARDS ========================================================= */ #vrinda-club-v3 .thoughts{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:44px} #vrinda-club-v3 .thought{ position:relative;padding:28px 30px 28px 34px;border-radius:16px; background:rgba(255,255,255,.04);border:1px solid var(--line); font-family:'Fraunces',serif;font-style:italic;font-size:1.08rem;line-height:1.6;color:var(--text-soft); transition:border-color .25s ease,transform .25s ease,background .25s ease; } #vrinda-club-v3 .thought::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--pink-500),transparent)} #vrinda-club-v3 .thought:hover{border-color:rgba(200,40,140,.42);background:rgba(200,40,140,.06);transform:translateY(-3px)}/* ========================================================= GENERIC CARD / LIST ========================================================= */ #vrinda-club-v3 .card{ background:rgba(255,255,255,.04);border:1px solid var(--line); border-radius:var(--radius);padding:38px 34px; } #vrinda-club-v3 .light .card{background:#fff;border-color:rgba(11,16,36,.09);box-shadow:0 18px 50px rgba(11,16,36,.07)} #vrinda-club-v3 .checklist{list-style:none;padding:0;margin:0;display:grid;gap:16px} #vrinda-club-v3 .checklist li{position:relative;padding-left:42px;color:var(--text-soft);line-height:1.65} #vrinda-club-v3 .checklist li::before{ content:"";position:absolute;left:0;top:4px;width:26px;height:26px;border-radius:999px; background:rgba(200,40,140,.14);border:1px solid rgba(200,40,140,.42); } #vrinda-club-v3 .checklist li::after{ content:"";position:absolute;left:9px;top:12px;width:9px;height:5px; border-left:2px solid var(--pink-400);border-bottom:2px solid var(--pink-400); transform:rotate(-45deg); } #vrinda-club-v3 .light .checklist li{color:var(--ink-soft)} #vrinda-club-v3 .light .checklist li::before{background:rgba(200,40,140,.08);border-color:rgba(200,40,140,.32)} #vrinda-club-v3 .light .checklist li::after{border-color:#C8288C}/* ========================================================= STORY ========================================================= */ #vrinda-club-v3 .story{ background:linear-gradient(180deg,#050B1F,#0A1533 45%,#050B1F); } #vrinda-club-v3 .story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start} #vrinda-club-v3 .story-aside{position:sticky;top:120px} #vrinda-club-v3 .pull{ border-left:2px solid var(--pink-500);padding:6px 0 6px 26px;margin:34px 0; font-family:'Fraunces',serif;font-style:italic;font-size:1.45rem;line-height:1.45;color:#fff; } #vrinda-club-v3 .big-number{ font-family:'Fraunces',serif;font-size:clamp(3rem,7vw,5.2rem);font-weight:600;line-height:1; background:linear-gradient(120deg,var(--pink-400),#FFD3E5); -webkit-background-clip:text;background-clip:text;color:transparent; } #vrinda-club-v3 .portrait{ border-radius:var(--radius);overflow:hidden;border:1px solid var(--line); aspect-ratio:4/5;background: radial-gradient(400px 300px at 30% 20%,rgba(200,40,140,.35),transparent 70%), linear-gradient(160deg,#172B5C,#0A1533); display:grid;place-items:center;text-align:center;padding:32px; } #vrinda-club-v3 .portrait .ph{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute)}/* ========================================================= MODULES ========================================================= */ #vrinda-club-v3 .modules{display:grid;gap:22px;margin-top:56px} #vrinda-club-v3 .module{ display:grid;grid-template-columns:120px 1fr;gap:36px;align-items:start; padding:42px 40px;border-radius:var(--radius); background:rgba(255,255,255,.035);border:1px solid var(--line); transition:border-color .3s ease,background .3s ease,transform .3s ease; } #vrinda-club-v3 .module:hover{border-color:rgba(200,40,140,.4);background:rgba(200,40,140,.05);transform:translateY(-4px)} #vrinda-club-v3 .module-num{ font-family:'Fraunces',serif;font-size:3.4rem;line-height:.9;font-weight:500; color:transparent;-webkit-text-stroke:1px rgba(200,40,140,.65); } #vrinda-club-v3 .module-kicker{ font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase; color:var(--pink-400);margin-bottom:10px;display:block; } #vrinda-club-v3 .module h3{margin-bottom:10px} #vrinda-club-v3 .module .sub{font-family:'Fraunces',serif;font-style:italic;font-size:1.12rem;color:var(--pink-300);margin-bottom:18px} #vrinda-club-v3 .module .create{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)} #vrinda-club-v3 .create-label{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);margin-bottom:14px}/* ========================================================= DETAILS STRIP ========================================================= */ #vrinda-club-v3 .details{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(11,16,36,.10);border:1px solid rgba(11,16,36,.10);border-radius:var(--radius);overflow:hidden} #vrinda-club-v3 .detail{background:#fff;padding:32px 26px;text-align:center} #vrinda-club-v3 .detail span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(11,16,36,.45);margin-bottom:10px} #vrinda-club-v3 .detail b{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:600;color:var(--ink)}/* ========================================================= INCLUDES ========================================================= */ #vrinda-club-v3 .includes{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:52px} #vrinda-club-v3 .include{padding:36px 34px;border-radius:var(--radius);background:rgba(255,255,255,.04);border:1px solid var(--line)} #vrinda-club-v3 .include-icon{ width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:20px; background:linear-gradient(140deg,rgba(200,40,140,.22),rgba(123,44,191,.22)); border:1px solid rgba(200,40,140,.34);font-family:'Fraunces',serif;font-size:19px;color:var(--pink-300); } #vrinda-club-v3 .include h4{font-family:'Fraunces',serif;font-size:1.28rem;margin-bottom:12px} #vrinda-club-v3 .include p{color:var(--text-soft);font-size:.98rem;margin-bottom:0}/* BONUS */ #vrinda-club-v3 .bonus{ margin-top:36px;padding:48px 44px;border-radius:var(--radius);position:relative;overflow:hidden; background:linear-gradient(135deg,rgba(200,40,140,.16),rgba(123,44,191,.16)); border:1px solid rgba(200,40,140,.4); } #vrinda-club-v3 .bonus-tag{ display:inline-block;padding:7px 16px;border-radius:999px;background:var(--pink-500);color:#fff; font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px; } #vrinda-club-v3 .bonus h3{margin-bottom:8px} #vrinda-club-v3 .bonus .when{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--pink-300);margin-bottom:22px}/* ========================================================= OBJECTIONS (accordion) ========================================================= */ #vrinda-club-v3 .faq{margin-top:48px;border-top:1px solid rgba(11,16,36,.12)} #vrinda-club-v3 .faq-item{border-bottom:1px solid rgba(11,16,36,.12)} #vrinda-club-v3 .faq-q{ width:100%;background:none;border:0;cursor:pointer;text-align:left; display:flex;align-items:center;justify-content:space-between;gap:24px; padding:30px 4px;font-family:'Fraunces',serif;font-size:clamp(1.15rem,2.2vw,1.55rem); color:var(--ink);letter-spacing:-.01em; } #vrinda-club-v3 .faq-toggle{ flex:0 0 auto;width:34px;height:34px;border-radius:999px;border:1px solid rgba(200,40,140,.35); display:grid;place-items:center;position:relative;transition:background .25s ease,transform .25s ease; } #vrinda-club-v3 .faq-toggle::before,#vrinda-club-v3 .faq-toggle::after{content:"";position:absolute;background:#C8288C;border-radius:2px} #vrinda-club-v3 .faq-toggle::before{width:13px;height:2px} #vrinda-club-v3 .faq-toggle::after{width:2px;height:13px;transition:opacity .25s ease,transform .25s ease} #vrinda-club-v3 .faq-item.open .faq-toggle{background:rgba(200,40,140,.1)} #vrinda-club-v3 .faq-item.open .faq-toggle::after{opacity:0;transform:rotate(90deg)} #vrinda-club-v3 .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease} #vrinda-club-v3 .faq-a-inner{padding:0 4px 32px;color:var(--ink-soft);max-width:70ch}/* ========================================================= TRANSFORMATION (instead of / you'll have) ========================================================= */ #vrinda-club-v3 .swap{display:grid;gap:2px;margin-top:48px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)} #vrinda-club-v3 .swap-row{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center;background:rgba(255,255,255,.035)} #vrinda-club-v3 .swap-cell{padding:32px 34px;line-height:1.6} #vrinda-club-v3 .swap-from{color:var(--text-mute);font-style:italic} #vrinda-club-v3 .swap-arrow{ width:56px;display:grid;place-items:center;align-self:stretch; background:rgba(200,40,140,.10);color:var(--pink-400);font-size:20px; } #vrinda-club-v3 .swap-to{color:#fff;font-weight:600}/* ========================================================= TESTIMONIALS ========================================================= */ #vrinda-club-v3 .testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px} #vrinda-club-v3 .testimonial{ padding:34px 30px;border-radius:var(--radius);background:#fff; border:1px solid rgba(11,16,36,.09);box-shadow:0 18px 50px rgba(11,16,36,.07); display:flex;flex-direction:column; } #vrinda-club-v3 .quote-mark{font-family:'Fraunces',serif;font-size:3rem;line-height:.6;color:rgba(200,40,140,.28);margin-bottom:16px} #vrinda-club-v3 .testimonial p{color:var(--ink-soft);font-size:1rem;flex:1} #vrinda-club-v3 .testimonial .who{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(11,16,36,.1)} #vrinda-club-v3 .avatar{width:42px;height:42px;border-radius:999px;background:linear-gradient(140deg,#C8288C,#7B2CBF);flex:0 0 auto} #vrinda-club-v3 .who b{display:block;font-size:.95rem;color:var(--ink);line-height:1.3} #vrinda-club-v3 .who span{font-size:.82rem;color:rgba(11,16,36,.5)}/* ========================================================= MATH / ROI ========================================================= */ #vrinda-club-v3 .math{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:48px} #vrinda-club-v3 .math-card{ padding:44px 38px;border-radius:var(--radius);text-align:center; background:rgba(255,255,255,.04);border:1px solid var(--line); } #vrinda-club-v3 .math-card .tier{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);margin-bottom:14px} #vrinda-club-v3 .math-card .price{font-family:'Fraunces',serif;font-size:1.5rem;color:var(--pink-300);margin-bottom:6px} #vrinda-club-v3 .math-card .eq{font-size:13px;color:var(--text-mute);margin-bottom:14px} #vrinda-club-v3 .math-card .total{font-family:'Fraunces',serif;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:600;color:#fff;line-height:1}/* ========================================================= OFFER ========================================================= */ #vrinda-club-v3 .offer{ background: radial-gradient(900px 500px at 50% 0%, rgba(200,40,140,.20), transparent 65%), linear-gradient(180deg,#0A1533,#050B1F); } #vrinda-club-v3 .offer-box{ max-width:940px;margin:0 auto;border-radius:28px;overflow:hidden; border:1px solid rgba(200,40,140,.34);background:rgba(255,255,255,.04); box-shadow:0 40px 100px rgba(0,0,0,.45); } #vrinda-club-v3 .offer-head{padding:48px 46px 36px;text-align:center;border-bottom:1px solid var(--line);background:rgba(200,40,140,.07)} #vrinda-club-v3 .offer-head h3{font-size:clamp(1.8rem,3.6vw,2.6rem);margin-bottom:12px} #vrinda-club-v3 .offer-head .tag{font-family:'Fraunces',serif;font-style:italic;color:var(--pink-300);font-size:1.05rem;max-width:56ch;margin:0 auto} #vrinda-club-v3 .offer-body{padding:44px 46px} #vrinda-club-v3 .offer-body .create-label{margin-bottom:22px} #vrinda-club-v3 .offer-value{ display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:14px; margin:38px 0 8px;padding-top:30px;border-top:1px solid var(--line);text-align:center; } #vrinda-club-v3 .offer-value .was{font-size:1rem;color:var(--text-mute);text-decoration:line-through} #vrinda-club-v3 .offer-value .now{font-family:'Fraunces',serif;font-size:clamp(2.6rem,6vw,3.8rem);font-weight:600;color:#fff;line-height:1} #vrinda-club-v3 .offer-value .now small{font-size:1rem;font-family:'Urbanist',sans-serif;color:var(--text-mute);letter-spacing:.1em;text-transform:uppercase;margin-left:8px} #vrinda-club-v3 .pay-options{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px} #vrinda-club-v3 .pay{ padding:30px 26px;border-radius:18px;text-align:center; background:rgba(255,255,255,.04);border:1px solid var(--line); transition:border-color .25s ease,background .25s ease; } #vrinda-club-v3 .pay:hover{border-color:rgba(200,40,140,.45);background:rgba(200,40,140,.07)} #vrinda-club-v3 .pay.best{border-color:rgba(200,40,140,.5);background:rgba(200,40,140,.08);position:relative} #vrinda-club-v3 .pay.best::before{ content:"Best value";position:absolute;top:-12px;left:50%;transform:translateX(-50%); background:var(--pink-500);color:#fff;font-size:10px;font-weight:800;letter-spacing:.16em; text-transform:uppercase;padding:5px 14px;border-radius:999px;white-space:nowrap; } #vrinda-club-v3 .pay b{display:block;font-family:'Fraunces',serif;font-size:1.7rem;color:#fff;margin-bottom:6px} #vrinda-club-v3 .pay span{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);margin-bottom:20px}/* ========================================================= SIGN OFF + FOOTER ========================================================= */ #vrinda-club-v3 .signoff{text-align:center;padding:96px 0} #vrinda-club-v3 .signoff .sig{font-family:'Fraunces',serif;font-style:italic;font-size:2rem;color:var(--pink-300);margin:24px 0 8px} #vrinda-club-v3 .signoff .role{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute)} #vrinda-club-v3 footer{border-top:1px solid var(--line);padding:36px 0;text-align:center;font-size:13px;color:var(--text-mute)}/* Sticky mobile CTA */ #vrinda-club-v3 .sticky-cta{ position:fixed;left:0;right:0;bottom:0;z-index:998;display:none; padding:12px 18px calc(12px + env(safe-area-inset-bottom)); background:rgba(5,11,31,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line); /* stays tucked away until the "Is this you?" section reaches the top */ transform:translateY(115%);visibility:hidden; transition:transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear .38s; } #vrinda-club-v3 .sticky-cta.is-visible{ transform:none;visibility:visible; transition:transform .38s cubic-bezier(.22,1,.36,1),visibility 0s; } #vrinda-club-v3 .sticky-cta .btn{width:100%} @media (prefers-reduced-motion:reduce){ #vrinda-club-v3 .sticky-cta{transition:none} }/* ========================================================= REVEAL ANIMATION ========================================================= */ #vrinda-club-v3 .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)} #vrinda-club-v3 .reveal.in{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){ #vrinda-club-v3 .reveal{opacity:1;transform:none;transition:none} #vrinda-club-v3{scroll-behavior:auto} } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width:1024px){ #vrinda-club-v3 .story-grid{grid-template-columns:1fr;gap:44px} #vrinda-club-v3 .story-aside{position:static} #vrinda-club-v3 .hero-stats{grid-template-columns:repeat(2,1fr)} #vrinda-club-v3 .details{grid-template-columns:repeat(2,1fr)} #vrinda-club-v3 .testimonials{grid-template-columns:1fr} #vrinda-club-v3 .nav-links{display:none} } @media (max-width:768px){ #vrinda-club-v3{font-size:17px} #vrinda-club-v3 section{padding:76px 0} #vrinda-club-v3 .wrap{padding:0 20px} #vrinda-club-v3 .hero{padding:150px 0 80px} #vrinda-club-v3 .thoughts{grid-template-columns:1fr} #vrinda-club-v3 .includes,#vrinda-club-v3 .math,#vrinda-club-v3 .pay-options{grid-template-columns:1fr} #vrinda-club-v3 .module{grid-template-columns:1fr;gap:14px;padding:32px 26px} #vrinda-club-v3 .module-num{font-size:2.6rem} #vrinda-club-v3 .swap-row{grid-template-columns:1fr} #vrinda-club-v3 .swap-arrow{width:100%;height:38px;transform:rotate(90deg) scale(.8)} #vrinda-club-v3 .offer-head,#vrinda-club-v3 .offer-body{padding:34px 24px} #vrinda-club-v3 .card{padding:30px 24px} #vrinda-club-v3 .nav .btn{display:none} #vrinda-club-v3 .sticky-cta{display:block} #vrinda-club-v3 footer{padding-bottom:90px} }/* ========================================================= SELECTED NAVIGATION + CINEMATIC HERO ========================================================= */ /* Selected navigation: Version 2 / The Pearl */ #vrinda-club-v3 .nav{--nav-ink:#111125;--nav-muted:rgba(17,17,37,.55);padding:24px 26px 0;background:transparent;box-shadow:none;transition:padding .4s ease} #vrinda-club-v3 .nav.stuck{padding-top:10px;background:transparent;box-shadow:none} #vrinda-club-v3 .nav-inner{position:relative;max-width:1080px;min-height:68px;margin:0 auto;padding:7px 8px 7px 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,250,247,.94);color:var(--nav-ink);box-shadow:0 20px 65px rgba(4,7,22,.22);backdrop-filter:blur(20px) saturate(130%);transition:box-shadow .35s ease} #vrinda-club-v3 .nav.stuck .nav-inner{box-shadow:0 14px 45px rgba(4,7,22,.18)} #vrinda-club-v3 .brand{display:flex;align-items:center;gap:13px;justify-self:start} #vrinda-club-v3 .brand-mark{width:44px;height:44px;flex:0 0 auto;border:1px solid #17172e;border-radius:50%;background:#17172e;color:#fff;box-shadow:none;display:grid;place-items:center;font-family:'Fraunces',serif;font-style:italic;font-size:20px;transition:transform .35s ease} #vrinda-club-v3 .brand:hover .brand-mark{transform:rotate(-8deg)} #vrinda-club-v3 .brand-name{font-family:'Fraunces',serif;font-size:17px;line-height:1.05;letter-spacing:-.015em;white-space:nowrap} #vrinda-club-v3 .brand-sub{display:none} #vrinda-club-v3 .nav-links{display:flex;align-items:center;justify-content:center;gap:24px} #vrinda-club-v3 .nav-links a{position:relative;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--nav-muted);transition:color .25s ease} #vrinda-club-v3 .nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .3s cubic-bezier(.22,1,.36,1)} #vrinda-club-v3 .nav-links a:hover{color:var(--nav-ink)} #vrinda-club-v3 .nav-links a:hover::after{right:0} #vrinda-club-v3 .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;justify-self:end} #vrinda-club-v3 .nav-cta{min-height:46px;padding:0 22px;border:0;border-radius:999px;display:inline-flex;align-items:center;gap:18px;background:linear-gradient(135deg,#C8288C,#C8288C);color:#fff;box-shadow:0 8px 26px rgba(200,40,140,.26);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:background .3s ease,transform .3s ease} #vrinda-club-v3 .nav-cta::after{content:"\2197";font-size:14px;font-weight:400} #vrinda-club-v3 .nav-cta:hover{transform:translateY(-2px);background:#17172e;color:#fff} #vrinda-club-v3 .menu-toggle{display:none;width:48px;height:48px;border-radius:50%;border:1px solid rgba(17,17,37,.18);background:#17172e;color:#fff;cursor:pointer;place-items:center} #vrinda-club-v3 .menu-icon{width:17px;height:12px;position:relative;display:block} #vrinda-club-v3 .menu-icon::before,#vrinda-club-v3 .menu-icon::after{content:"";position:absolute;left:0;width:100%;height:1px;background:currentColor} #vrinda-club-v3 .menu-icon::before{top:2px}#vrinda-club-v3 .menu-icon::after{top:9px}/* Responsive navigation overlay */ #vrinda-club-v3 .nav-overlay{position:fixed;inset:0;z-index:1001;display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;background:#f5eee8;color:#101020;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .45s ease,visibility .45s ease,transform .45s cubic-bezier(.22,1,.36,1)} #vrinda-club-v3 .nav-overlay.open{opacity:1;visibility:visible;transform:none} #vrinda-club-v3 .overlay-visual{position:relative;overflow:hidden;background:#38243a} #vrinda-club-v3 .overlay-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;filter:saturate(.78) contrast(.96)} #vrinda-club-v3 .overlay-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,9,29,.05),rgba(21,9,29,.62))} #vrinda-club-v3 .overlay-caption{position:absolute;left:42px;right:42px;bottom:38px;z-index:1;color:#fff;font-size:10px;letter-spacing:.2em;text-transform:uppercase} #vrinda-club-v3 .overlay-main{display:flex;flex-direction:column;justify-content:space-between;padding:34px clamp(34px,6vw,96px) 46px} #vrinda-club-v3 .overlay-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(16,16,32,.15);padding-bottom:24px} #vrinda-club-v3 .overlay-kicker{font-size:9px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:rgba(16,16,32,.55)} #vrinda-club-v3 .overlay-close{width:48px;height:48px;border:1px solid rgba(16,16,32,.24);border-radius:50%;background:transparent;cursor:pointer;font-size:22px;color:#101020;transition:transform .3s ease,background .3s ease,color .3s ease} #vrinda-club-v3 .overlay-close:hover{transform:rotate(90deg);background:#101020;color:#fff} #vrinda-club-v3 .overlay-links{display:grid;align-content:center;gap:2px;margin:36px 0} #vrinda-club-v3 .overlay-links a{display:flex;align-items:baseline;gap:20px;font-family:'Fraunces',serif;font-size:clamp(2.5rem,5.4vw,5.7rem);line-height:1.02;letter-spacing:-.04em;transition:color .25s ease,transform .35s ease} #vrinda-club-v3 .overlay-links a span{font-family:'Urbanist',sans-serif;font-size:9px;font-weight:800;letter-spacing:.18em;color:#C8288C} #vrinda-club-v3 .overlay-links a:hover{color:#C8288C;transform:translateX(10px)} #vrinda-club-v3 .overlay-footer{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid rgba(16,16,32,.15);padding-top:24px} #vrinda-club-v3 .overlay-footer p{margin:0;max-width:42ch;font-size:13px;line-height:1.5;color:rgba(16,16,32,.62)} #vrinda-club-v3 .overlay-enroll{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #101020;padding-bottom:5px;white-space:nowrap} body.menu-open{overflow:hidden}/* Selected hero: Version 3 / Cinematic authority */ #vrinda-club-v3 .hero{position:relative;min-height:100svh;padding:0;overflow:hidden;background:#080817;color:#fff} #vrinda-club-v3 .hero::after{display:none} #vrinda-club-v3 .hero-stage{position:relative;z-index:2;width:100%;max-width:none;min-height:100svh;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-template-areas:"copy stats";align-items:end} #vrinda-club-v3 .hero-copy{position:relative;z-index:3;grid-area:copy;width:100%;max-width:1080px;padding:190px 40px 70px 7vw} #vrinda-club-v3 .hero-badge{position:relative;width:max-content;margin-bottom:30px;padding:0 0 0 22px;border:0;border-radius:0;background:transparent;color:var(--pink-300);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase} #vrinda-club-v3 .hero-badge span.dot{position:absolute;left:0;top:50%;width:7px;height:7px;transform:translateY(-50%);border-radius:50%;background:var(--pink-500);box-shadow:0 0 0 5px rgba(200,40,140,.16)} #vrinda-club-v3 .hero h1{font-size:clamp(3.5rem,6.5vw,7rem);line-height:.93;letter-spacing:-.045em;max-width:13.5ch;margin-bottom:28px} #vrinda-club-v3 .hero-sub{max-width:54ch;color:rgba(255,255,255,.76)} #vrinda-club-v3 .hero-actions{margin-bottom:30px} #vrinda-club-v3 .hero-note{color:rgba(255,255,255,.55)} #vrinda-club-v3 .hero-visual{position:absolute;inset:0;min-width:0} #vrinda-club-v3 .hero-photo-frame{position:relative;width:100%;height:100%;overflow:hidden} #vrinda-club-v3 .hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:55% 24%} #vrinda-club-v3 .hero-photo-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,5,18,.9) 0%,rgba(4,5,18,.52) 48%,rgba(4,5,18,.2) 74%),linear-gradient(0deg,rgba(4,5,18,.78),transparent 58%)} #vrinda-club-v3 .hero-stats{position:relative;z-index:3;grid-area:stats;align-self:stretch;width:180px;margin:0;display:grid;grid-template-columns:1fr;border:0;border-left:1px solid rgba(255,255,255,.2);border-radius:0;background:rgba(4,5,18,.34);backdrop-filter:blur(10px)} #vrinda-club-v3 .hero-stats .stat{display:flex;flex-direction:column;justify-content:end;min-width:0;padding:24px 18px;border-bottom:1px solid rgba(255,255,255,.16);background:transparent} #vrinda-club-v3 .hero-stats .stat b{font-size:clamp(1.5rem,2.3vw,2rem)} #vrinda-club-v3 .hero-stats .stat span{font-size:9px;line-height:1.45;letter-spacing:.11em} #vrinda-club-v3 .hero-copy,#vrinda-club-v3 .hero-visual,#vrinda-club-v3 .hero-stats{animation:heroFinalIn .7s cubic-bezier(.22,1,.36,1) both} @keyframes heroFinalIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} @media (max-width:1024px){ #vrinda-club-v3 .nav-links{display:none}#vrinda-club-v3 .nav-inner{grid-template-columns:1fr auto;padding-left:14px}#vrinda-club-v3 .nav-actions{grid-column:2}#vrinda-club-v3 .menu-toggle{display:grid} #vrinda-club-v3 .hero-stage{grid-template-columns:minmax(0,1fr) 150px} #vrinda-club-v3 .hero-stats{width:150px} #vrinda-club-v3 .hero-copy{padding-left:5vw} } @media (max-width:768px){ #vrinda-club-v3 .nav{padding:12px 14px 0!important}#vrinda-club-v3 .nav-inner{min-height:58px;padding:4px 5px 4px 12px}#vrinda-club-v3 .brand-mark{width:38px;height:38px}#vrinda-club-v3 .brand-name{font-size:14px}#vrinda-club-v3 .nav-cta{display:none}#vrinda-club-v3 .menu-toggle{width:44px;height:44px} #vrinda-club-v3 .nav-overlay{grid-template-columns:1fr}#vrinda-club-v3 .overlay-visual{display:none}#vrinda-club-v3 .overlay-main{padding:22px 24px 34px}#vrinda-club-v3 .overlay-links a{font-size:clamp(2.6rem,14vw,4.5rem)}#vrinda-club-v3 .overlay-footer{align-items:start;flex-direction:column} #vrinda-club-v3 .hero{min-height:auto;padding:128px 0 64px} #vrinda-club-v3 .hero-stage{min-height:auto;display:flex;flex-direction:column;padding:0 20px} #vrinda-club-v3 .hero-copy{order:1;max-width:none;padding:0} #vrinda-club-v3 .hero-badge{white-space:normal;line-height:1.5} #vrinda-club-v3 .hero h1{font-size:clamp(2.75rem,13.3vw,4.2rem);line-height:.98;max-width:12ch} #vrinda-club-v3 .hero-sub{font-size:1.05rem} #vrinda-club-v3 .hero-actions{width:100%;gap:12px} #vrinda-club-v3 .hero-actions .btn{flex:1 1 100%;width:100%;justify-content:center;text-align:center} #vrinda-club-v3 .hero-visual{position:relative;inset:auto;order:2;width:100%;height:400px;margin:36px 0 0} #vrinda-club-v3 .hero-photo-frame{border-radius:10px} #vrinda-club-v3 .hero-photo{object-position:55% 20%} #vrinda-club-v3 .hero-photo-frame::after{background:linear-gradient(0deg,rgba(4,5,18,.34),transparent)} #vrinda-club-v3 .hero-stats{order:3;width:100%;margin:20px 0 0;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)} #vrinda-club-v3 .hero-stats .stat{padding:22px 16px;border-bottom:0} }/* Final controls and selected hero image */ #vrinda-club-v3 .btn,#vrinda-club-v3 .nav-cta{border-radius:4px} #vrinda-club-v3 .hero-photo{position:relative;inset:auto;display:block;opacity:1;visibility:visible;object-position:50% 24%} @media (max-width:768px){#vrinda-club-v3 .hero-photo{object-position:50% 20%}}/* ========================================================= FINAL PRIVATE-JOURNAL SECTION + FULL-WIDTH NAVIGATION ========================================================= */ /* Full-width rectangular navigation */ #vrinda-club-v3 .nav,#vrinda-club-v3 .nav.stuck{padding:0!important;background:transparent;box-shadow:none} #vrinda-club-v3 .nav-inner{max-width:none;min-height:80px;padding:10px clamp(22px,3.2vw,52px);border:0;border-bottom:1px solid rgba(17,17,37,.12);border-radius:0;background:rgba(255,250,247,.96);box-shadow:0 10px 38px rgba(4,7,22,.12);backdrop-filter:blur(20px) saturate(130%)} #vrinda-club-v3 .nav.stuck .nav-inner{box-shadow:0 8px 28px rgba(4,7,22,.14)}/* Selected section: Version 2 / The private journal */ #vrinda-club-v3 .fit-section{position:relative;overflow:hidden;padding:66px 0 71px;background:#f3ede7;color:#171526} #vrinda-club-v3 .fit-section::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,21,38,.04) 1px,transparent 1px);background-size:12.5% 100%;pointer-events:none} #vrinda-club-v3 .fit-shell{position:relative;z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:0 34px} #vrinda-club-v3 .fit-header{max-width:950px;margin:0 auto 66px;text-align:center} #vrinda-club-v3 .fit-header .eyebrow{justify-content:center;color:#C8288C} #vrinda-club-v3 .fit-header .eyebrow::after{content:"";width:26px;height:1px;background:#C8288C;display:block} #vrinda-club-v3 .fit-header h2{font-size:clamp(2.4rem,4.2vw,4.4rem);line-height:1.03;color:#171526} #vrinda-club-v3 .fit-intro{margin-top:24px;color:rgba(23,21,38,.58)} #vrinda-club-v3 .fit-section .thoughts{counter-reset:fit-thought;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0} #vrinda-club-v3 .fit-section .thought{counter-increment:fit-thought;min-height:250px;margin:0;padding:70px 30px 30px;border:1px solid rgba(23,21,38,.09);border-radius:3px;background:rgba(255,255,255,.72);box-shadow:0 18px 55px rgba(35,21,35,.06);color:rgba(23,21,38,.72);font-size:1.05rem;line-height:1.55;transform:none} #vrinda-club-v3 .fit-section .thought::before{content:"0" counter(fit-thought);left:30px;top:25px;bottom:auto;width:auto;background:none;color:#C8288C;font-family:'Urbanist',sans-serif;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.18em} #vrinda-club-v3 .fit-section .thought::after{content:"\201C";position:absolute;right:22px;top:5px;font-family:'Fraunces',serif;font-size:4.6rem;line-height:1;color:rgba(200,40,140,.09)} #vrinda-club-v3 .fit-section .thought:hover{background:#fff;border-color:rgba(200,40,140,.28);transform:translateY(-4px)} #vrinda-club-v3 .fit-close{max-width:760px;margin:52px auto 0;text-align:center;color:#171526;font-size:clamp(1.6rem,2.4vw,2.35rem);line-height:1.18} #vrinda-club-v3 .fit-ornament{position:absolute;right:-45px;top:-85px;pointer-events:none;font-family:'Fraunces',serif;font-style:italic;font-size:22rem;line-height:1;color:rgba(200,40,140,.035)} #vrinda-club-v3 .fit-header,#vrinda-club-v3 .fit-section .thoughts,#vrinda-club-v3 .fit-close{animation:fitFinalIn .65s cubic-bezier(.22,1,.36,1) both} #vrinda-club-v3 .fit-section .thoughts{animation-delay:.08s}#vrinda-club-v3 .fit-close{animation-delay:.14s} @keyframes fitFinalIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} @media (max-width:1024px){ #vrinda-club-v3 .fit-section .thoughts{grid-template-columns:repeat(2,1fr)} } @media (max-width:768px){ #vrinda-club-v3 .nav-inner{min-height:68px;padding:6px 14px;border-radius:0} #vrinda-club-v3 .fit-section{padding:88px 0} #vrinda-club-v3 .fit-shell{padding:0 20px} #vrinda-club-v3 .fit-header{margin:0 0 42px;padding:0 0 34px;text-align:left} #vrinda-club-v3 .fit-header .eyebrow{justify-content:flex-start;margin-bottom:20px} #vrinda-club-v3 .fit-header .eyebrow::after{display:none} #vrinda-club-v3 .fit-header h2{font-size:clamp(2.25rem,9.8vw,3.35rem);line-height:1.04;max-width:13ch} #vrinda-club-v3 .fit-intro{margin-top:22px;font-size:1.05rem} #vrinda-club-v3 .fit-section .thoughts{grid-template-columns:1fr;border-top:1px solid rgba(23,21,38,.16);gap:0} #vrinda-club-v3 .fit-section .thought{min-height:0;padding:28px 18px 28px 58px;border:0;border-bottom:1px solid rgba(23,21,38,.16);border-radius:0;background:transparent;box-shadow:none;font-size:1rem} #vrinda-club-v3 .fit-section .thought::before{left:4px;top:34px} #vrinda-club-v3 .fit-section .thought::after{display:none} #vrinda-club-v3 .fit-close{margin:36px 0 0;text-align:left} #vrinda-club-v3 .fit-ornament{display:none} }/* White glass navigation + portrait-safe hero crop */ #vrinda-club-v3 .nav-inner{ --nav-ink:#111125; --nav-muted:rgba(17,17,37,.58); background:rgba(255,250,247,.9); color:var(--nav-ink); border-bottom-color:rgba(17,17,37,.1); box-shadow:0 12px 40px rgba(4,7,22,.11); backdrop-filter:blur(24px) saturate(135%); -webkit-backdrop-filter:blur(24px) saturate(135%); } #vrinda-club-v3 .nav.stuck .nav-inner{background:rgba(255,250,247,.97);box-shadow:0 10px 32px rgba(4,7,22,.14)} #vrinda-club-v3 .brand-mark{background:#17172e;border-color:#17172e;color:#fff} #vrinda-club-v3 .menu-toggle{background:#17172e;border-color:#17172e;color:#fff} #vrinda-club-v3 .hero-visual{top:80px} #vrinda-club-v3 .hero-photo{object-position:50% 0%} @media (max-width:768px){ #vrinda-club-v3 .hero-visual{top:auto}/* the frame crops horizontally here, so push the window right to sit Vrinda in the middle of it rather than off the left edge */ #vrinda-club-v3 .hero-photo{object-position:100% 50%} }/* ========================================================= FINAL PEARL CARDS + ORBIT LEDGER STUDY ========================================================= */ /* Final selected card system: Pearl outline */ #vrinda-club-v3 .fit-header{max-width:980px} #vrinda-club-v3 .fit-header h2{font-size:clamp(2.2rem,3.35vw,3.5rem);max-width:none;text-wrap:pretty} #vrinda-club-v3 .fit-audience-highlight{display:inline;color:#C8288C;font-style:inherit;white-space:normal} #vrinda-club-v3 .fit-audience-highlight::after{display:none} #vrinda-club-v3 .fit-section .thoughts{grid-template-columns:repeat(2,1fr);gap:12px;max-width:1120px;margin-left:auto;margin-right:auto} #vrinda-club-v3 .fit-section .thought{min-height:186px;padding:68px 38px 34px;border:1px solid rgba(23,21,38,.12);border-radius:3px;background:rgba(255,255,255,.68);box-shadow:0 16px 45px rgba(67,30,52,.045);color:rgba(23,21,38,.72);font-size:1.08rem;line-height:1.55;transform:none} #vrinda-club-v3 .fit-section .thought::before{left:26px;top:22px;width:34px;height:28px;display:grid;place-items:center;border-radius:2px;background:#C8288C;color:#fff} #vrinda-club-v3 .fit-section .thought::after{content:"";display:block;position:absolute;left:72px;right:28px;top:36px;height:1px;background:rgba(200,40,140,.2)} #vrinda-club-v3 .fit-section .thought:hover{border-color:rgba(200,40,140,.3);background:#fff;transform:translateY(-3px)}/* Rose ledger foundation */ #vrinda-club-v3 .problem-section{position:relative;overflow:hidden;padding:67px 0 72px;background:#eadcdf;color:#171526} #vrinda-club-v3 .problem-section::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,21,38,.035) 1px,transparent 1px);background-size:12.5% 100%;pointer-events:none} #vrinda-club-v3 .problem-shell{position:relative;z-index:2;width:100%;max-width:1260px;margin:0 auto;padding:0 34px 0 180px} #vrinda-club-v3 .problem-panel{position:relative;overflow:hidden;background:#fff;box-shadow:0 28px 80px rgba(63,25,48,.08)} #vrinda-club-v3 .problem-header,#vrinda-club-v3 .problem-copy{position:relative;z-index:2} #vrinda-club-v3 .problem-header .eyebrow{color:#C8288C} #vrinda-club-v3 .problem-header h2{font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1;max-width:12ch;color:#171526} #vrinda-club-v3 .problem-copy{display:flex;flex-direction:column} #vrinda-club-v3 .problem-copy p{margin:0;color:rgba(23,21,38,.66);font-size:1.08rem;line-height:1.7} #vrinda-club-v3 .problem-copy .problem-lead{font-family:'Fraunces',serif;font-size:1.38rem;color:#171526} #vrinda-club-v3 .problem-copy .problem-resolution{background:#C8288C;color:#fff;font-weight:600} #vrinda-club-v3 .problem-ornament{position:absolute;left:34px;top:145px;pointer-events:none;font-family:'Fraunces',serif;font-style:italic;font-size:8rem;line-height:1;color:#C8288C} #vrinda-club-v3 .problem-ornament::after{content:"THE REAL CHALLENGE";display:block;margin:18px 0 0 23px;writing-mode:vertical-rl;font-family:'Urbanist',sans-serif;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.25em;color:rgba(23,21,38,.48)}/* Orbit background with circular blurred opacity mask */ #vrinda-club-v3 .problem-orbit-bg{position:absolute;z-index:1;width:560px;height:560px;pointer-events:none;opacity:.38;filter:blur(1.4px);-webkit-mask-image:radial-gradient(circle,#000 0 50%,rgba(0,0,0,.82) 68%,transparent 88%);mask-image:radial-gradient(circle,#000 0 50%,rgba(0,0,0,.82) 68%,transparent 88%)} #vrinda-club-v3 .orbit-bg-ring{position:absolute;border:1.2px solid rgba(200,40,140,.66);border-radius:50%;animation:ledgerOrbit 18s linear infinite} #vrinda-club-v3 .orbit-bg-ring:nth-child(1){inset:7%} #vrinda-club-v3 .orbit-bg-ring:nth-child(2){inset:20%;border-color:rgba(23,23,46,.44);animation-direction:reverse;animation-duration:14s} #vrinda-club-v3 .orbit-bg-ring:nth-child(3){inset:33%;border-color:rgba(200,40,140,.58);animation-duration:10s} #vrinda-club-v3 .orbit-bg-ring:nth-child(4){inset:43%;border-color:rgba(23,23,46,.38);animation-direction:reverse;animation-duration:7s} #vrinda-club-v3 .orbit-bg-ring::before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:#C8288C;box-shadow:0 0 20px rgba(200,40,140,.55)} #vrinda-club-v3 .orbit-bg-ring:nth-child(2)::before{left:auto;right:11%;top:12%;width:7px;height:7px;background:#17172e} #vrinda-club-v3 .orbit-bg-ring:nth-child(3)::before{left:8%;top:auto;bottom:12%;width:6px;height:6px} #vrinda-club-v3 .orbit-bg-ring:nth-child(4)::before{left:auto;right:-4px;top:50%;width:5px;height:5px;background:#17172e} #vrinda-club-v3 .orbit-bg-core{position:absolute;inset:47%;border-radius:50%;background:#C8288C;box-shadow:0 0 0 14px rgba(200,40,140,.1),0 0 42px rgba(200,40,140,.32)} @keyframes ledgerOrbit{to{transform:rotate(360deg)}}/* Option 1: Left stack, right orbit */ #vrinda-club-v3 .problem-orbit-bg{right:-72px;top:72px} #vrinda-club-v3 .problem-header{width:72%;padding:58px 64px 48px;border-bottom:0} #vrinda-club-v3 .problem-copy{width:72%} #vrinda-club-v3 .problem-copy p{padding:30px 64px;border-bottom:1px solid rgba(23,21,38,.11)} #vrinda-club-v3 .problem-copy .problem-resolution{width:calc(100% / .72);padding:30px 64px} @media (prefers-reduced-motion:reduce){#vrinda-club-v3 .orbit-bg-ring{animation:none}} @media (max-width:1024px){ #vrinda-club-v3 .problem-shell{padding-left:120px} #vrinda-club-v3 .problem-header,#vrinda-club-v3 .problem-copy{width:78%} #vrinda-club-v3 .problem-copy .problem-resolution{width:calc(100% / .78)} } @media (max-width:768px){ #vrinda-club-v3 .fit-header{max-width:none} #vrinda-club-v3 .fit-header h2{font-size:clamp(2.1rem,9.2vw,3.1rem);max-width:none} #vrinda-club-v3 .fit-section .thoughts{grid-template-columns:1fr;gap:12px;margin:0;max-width:none} #vrinda-club-v3 .fit-section .thought{min-height:0;padding:68px 24px 28px} #vrinda-club-v3 .problem-section{padding:88px 0} #vrinda-club-v3 .problem-shell{padding:0 20px} #vrinda-club-v3 .problem-panel{padding:0!important;background:rgba(255,255,255,.82)!important} #vrinda-club-v3 .problem-orbit-bg{left:50%!important;right:auto!important;top:48%!important;width:440px!important;height:440px!important;opacity:.2!important;filter:blur(2px)!important;transform:translate(-50%,-50%)!important} #vrinda-club-v3 .problem-header{width:100%!important;max-width:none!important;margin:0!important;padding:34px 24px!important;text-align:left!important;background:transparent} #vrinda-club-v3 .problem-header .eyebrow{justify-content:flex-start!important} #vrinda-club-v3 .problem-header .eyebrow::after{display:none!important} #vrinda-club-v3 .problem-header h2{font-size:clamp(2.5rem,11vw,3.7rem);line-height:1;max-width:12ch!important} #vrinda-club-v3 .problem-copy{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important} #vrinda-club-v3 .problem-copy p{width:100%!important;margin:0!important;padding:26px 24px!important;border:0!important;border-top:1px solid rgba(23,21,38,.13)!important;background:rgba(255,255,255,.5)!important;color:rgba(23,21,38,.68);font-size:1rem;backdrop-filter:blur(5px)} #vrinda-club-v3 .problem-copy .problem-lead{font-size:1.25rem;color:#171526} #vrinda-club-v3 .problem-copy .problem-resolution{padding:24px!important;background:#C8288C!important;color:#fff!important;text-align:left!important} #vrinda-club-v3 .problem-ornament{display:none} }/* Expertise copy hierarchy adjustment */ #vrinda-club-v3 .problem-header .problem-lead{max-width:42ch;margin:24px 0 0;font-family:'Fraunces',serif;font-size:1.38rem;line-height:1.55;color:#171526} @media (max-width:768px){ #vrinda-club-v3 .problem-header .problem-lead{margin-top:22px;font-size:1.2rem;line-height:1.55} }/* Tighten expertise lead-to-body spacing */ #vrinda-club-v3 .problem-header{padding-bottom:18px} @media (max-width:768px){#vrinda-club-v3 .problem-header{padding-bottom:16px!important}}/* Increase expertise body-to-resolution spacing */ #vrinda-club-v3 .problem-copy > p:not(.problem-resolution){padding-bottom:56px} @media (max-width:768px){#vrinda-club-v3 .problem-copy > p:not(.problem-resolution){padding-bottom:44px!important}}/* ========================================================= PREMIUM PROGRAM DEFINITION — TRANSFORMATION BLUEPRINT ========================================================= */ #vrinda-club-v3 .definition-section{position:relative;overflow:hidden;padding:78px 0 250px;background:radial-gradient(760px 560px at 90% 5%,rgba(255,89,153,.17),transparent 65%),linear-gradient(145deg,#210e22,#321229 56%,#101126);color:#fff} #vrinda-club-v3 .definition-section::before,#vrinda-club-v3 .definition-section::after{content:"";position:absolute;inset:0;pointer-events:none} #vrinda-club-v3 .definition-section::before{z-index:0;background-image:url('https://vrinda-workshop.delicate-boat-bdce.workers.dev/assets/optimized/definition-topographic.webp');background-repeat:no-repeat;background-size:cover;background-position:center 50%;opacity:.16;filter:saturate(.65) contrast(.92);mix-blend-mode:luminosity} #vrinda-club-v3 .definition-section::after{z-index:1;background-image:repeating-linear-gradient(116deg,transparent 0 7px,rgba(255,255,255,.022) 8px,transparent 9px),radial-gradient(ellipse at 32% 20%,rgba(255,191,214,.11),transparent 42%);opacity:.5;mix-blend-mode:screen} #vrinda-club-v3 .definition-shell{position:relative;z-index:2;width:100%;max-width:1260px;margin:0 auto;padding:0 34px} #vrinda-club-v3 .definition-header{margin:0 0 62px;text-align:left} #vrinda-club-v3 .definition-header .eyebrow{color:#C8288C} #vrinda-club-v3 .definition-header h2{font-size:clamp(3.2rem,5.8vw,6.2rem);line-height:.92;max-width:15ch} #vrinda-club-v3 .definition-copy{counter-reset:definition-step;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)} #vrinda-club-v3 .definition-copy p{counter-increment:definition-step;position:relative;min-height:270px;margin:0;padding:78px 34px 36px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);color:#fff;font-size:1.04rem;line-height:1.72} #vrinda-club-v3 .definition-copy p::before{content:"0" counter(definition-step);position:absolute;left:34px;top:28px;font-family:'Fraunces',serif;font-style:italic;color:#C8288C} #vrinda-club-v3 .definition-copy p::after{content:"";position:absolute;left:70px;top:38px;width:36px;height:1px;background:rgba(200,40,140,.42)} #vrinda-club-v3 .definition-copy .definition-lead{font-family:'Fraunces',serif;font-size:1.28rem;color:#fff} #vrinda-club-v3 .definition-bridge{position:relative;z-index:4;height:0;width:100%;padding:0 34px} #vrinda-club-v3 .definition-foundation{position:relative;overflow:hidden;width:100%;max-width:1192px;margin:0 auto;padding:58px;background:rgba(9,12,30,.96);border:1px solid rgba(255,255,255,.18);box-shadow:0 38px 90px rgba(23,8,25,.28);color:#fff;transform:translateY(-50%);backdrop-filter:blur(16px)} #vrinda-club-v3 .definition-foundation::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 48%);pointer-events:none} #vrinda-club-v3 .definition-foundation h3,#vrinda-club-v3 .definition-foundation p{position:relative;z-index:2} #vrinda-club-v3 .definition-foundation h3{max-width:800px;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.98} #vrinda-club-v3 .definition-foundation p{max-width:720px;margin:24px 0 0;color:rgba(255,255,255,.68);line-height:1.7} #vrinda-club-v3 .definition-foundation em{color:#fff!important} #vrinda-club-v3 .definition-motion{display:block;position:absolute;right:-80px;top:50%;width:480px;height:480px;transform:translateY(-50%);opacity:.34;pointer-events:none;-webkit-mask-image:radial-gradient(circle,#000 25%,transparent 72%);mask-image:radial-gradient(circle,#000 25%,transparent 72%)} #vrinda-club-v3 .definition-motion span{position:absolute}/* Selected motion: Transformation bloom */ #vrinda-club-v3 .definition-motion{opacity:.4} #vrinda-club-v3 .definition-motion span{left:50%;top:50%;width:var(--size);height:var(--size);border:1px solid rgba(200,40,140,.46);border-radius:62% 38% 58% 42% / 42% 60% 40% 58%;animation:definitionBloom var(--speed) ease-in-out infinite alternate;--size:86%;--speed:13s;--turn:0deg} #vrinda-club-v3 .definition-motion span:nth-child(2){--size:60%;--speed:9s;--turn:80deg;animation-delay:-3s} #vrinda-club-v3 .definition-motion span:nth-child(3){--size:34%;--speed:6s;--turn:150deg;animation-delay:-5s;background:radial-gradient(circle,rgba(255,103,164,.18),transparent 62%)} #vrinda-club-v3 .definition-motion span::before{content:"";position:absolute;right:11%;top:8%;width:7px;height:7px;border-radius:50%;background:#C8288C;box-shadow:0 0 22px rgba(200,40,140,.7)} #vrinda-club-v3 .definition-foundation.portrait-final{overflow:visible;padding-right:470px} #vrinda-club-v3 .definition-foundation.portrait-final .definition-motion{display:none} #vrinda-club-v3 .foundation-portrait{position:absolute;inset:-100px 0 0 auto;z-index:1;width:410px;overflow:hidden;pointer-events:none} #vrinda-club-v3 .foundation-portrait::before{content:"";position:absolute;right:90px;bottom:34px;width:300px;aspect-ratio:1;border:1px solid rgba(255,104,164,.32);border-radius:50%;box-shadow:0 0 0 38px rgba(255,104,164,.045),0 0 0 82px rgba(255,255,255,.025)} #vrinda-club-v3 .foundation-portrait img{position:absolute;right:50%;top:70px;display:block;width:auto;height:650px;max-width:none;filter:drop-shadow(0 24px 34px rgba(2,3,14,.34));transform:translateX(50%);transform-origin:50% 100%;animation:none} @keyframes portraitHaloDrift{0%,100%{transform:translateX(50%) translateY(0)}50%{transform:translateX(calc(50% - 5px)) translateY(-7px)}} @media (max-width:1024px){#vrinda-club-v3 .definition-foundation.portrait-final{padding-right:370px}#vrinda-club-v3 .foundation-portrait{inset:-80px 0 0 auto;width:320px}#vrinda-club-v3 .foundation-portrait::before{right:60px;width:240px;box-shadow:0 0 0 30px rgba(255,104,164,.045),0 0 0 60px rgba(255,255,255,.025)}#vrinda-club-v3 .foundation-portrait img{top:50px;height:600px}} @media (max-width:768px){#vrinda-club-v3 .definition-foundation.portrait-final{padding:390px 28px 36px}#vrinda-club-v3 .foundation-portrait{inset:-70px 0 auto;width:100%;height:430px}#vrinda-club-v3 .foundation-portrait::before{right:calc(50% - 85px);bottom:32px;width:170px;box-shadow:0 0 0 30px rgba(255,104,164,.045),0 0 0 60px rgba(255,255,255,.025)}#vrinda-club-v3 .foundation-portrait img{right:50%;top:40px;height:620px}} @media (prefers-reduced-motion:reduce){#vrinda-club-v3 .foundation-portrait img{animation:none!important}} #vrinda-club-v3 .imagine-section{padding-top:230px} @keyframes definitionBloom{from{transform:translate(-50%,-50%) rotate(var(--turn)) scale(.94)}to{transform:translate(-50%,-50%) rotate(calc(var(--turn) + 38deg)) scale(1.05)}} @media (prefers-reduced-motion:reduce){#vrinda-club-v3 .definition-motion span{animation:none!important}} @media (max-width:1024px){ #vrinda-club-v3 .definition-copy{grid-template-columns:1fr} #vrinda-club-v3 .definition-copy p{min-height:0} #vrinda-club-v3 .definition-section{padding-bottom:300px} #vrinda-club-v3 .imagine-section{padding-top:270px} } @media (max-width:768px){ #vrinda-club-v3 .definition-section{padding:88px 0 290px} #vrinda-club-v3 .definition-shell{padding:0 20px} #vrinda-club-v3 .definition-header{margin:0 0 40px} #vrinda-club-v3 .definition-header h2{font-size:clamp(2.55rem,11vw,3.8rem);line-height:1;max-width:none} #vrinda-club-v3 .definition-copy{grid-template-columns:1fr;border:0;border-top:1px solid rgba(255,255,255,.2)} #vrinda-club-v3 .definition-copy p{min-height:0;padding:26px 0;border:0;border-bottom:1px solid rgba(255,255,255,.2);font-size:1rem} #vrinda-club-v3 .definition-copy p::before,#vrinda-club-v3 .definition-copy p::after{display:none} #vrinda-club-v3 .definition-copy .definition-lead{font-size:1.25rem} #vrinda-club-v3 .definition-bridge{padding:0 20px} #vrinda-club-v3 .definition-foundation{padding:36px 28px;transform:translateY(-50%)} #vrinda-club-v3 .definition-foundation h3{font-size:2.15rem} #vrinda-club-v3 .definition-foundation p{margin-top:20px} #vrinda-club-v3 .definition-motion{right:-180px;opacity:.16} #vrinda-club-v3 .imagine-section{padding-top:300px} }/* Imagine section: selected Version 2 / Warm future portal */ #vrinda-club-v3 .imagine-section{--imagine-accent:#C8288C;position:relative;isolation:isolate;overflow:clip;padding:270px 0 80px!important;background:radial-gradient(760px 560px at 83% 12%,rgba(200,40,140,.11),transparent 64%),#f3ede7;color:#171526} #vrinda-club-v3 .imagine-section::before{content:"";position:absolute;width:min(58vw,760px);aspect-ratio:1;right:-12%;top:4%;border:1px solid rgba(200,40,140,.14);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.2),0 0 0 140px rgba(200,40,140,.035);pointer-events:none} #vrinda-club-v3 .imagine-section::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(23,21,38,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(23,21,38,.026) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 72% 30%,#000,transparent 66%)} #vrinda-club-v3 .imagine-section>.wrap{position:relative;z-index:2;width:min(1240px,calc(100% - 56px));max-width:none;padding:0;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(60px,9vw,140px);align-items:start} #vrinda-club-v3 .imagine-section>.wrap>.narrow{max-width:none} #vrinda-club-v3 .imagine-section>.wrap>.narrow:first-child{position:relative;top:auto;padding-top:8px} #vrinda-club-v3 .imagine-section>.wrap>.narrow:first-child .eyebrow{margin:0 0 24px;color:var(--imagine-accent)} #vrinda-club-v3 .imagine-section>.wrap>.narrow:first-child h2{max-width:8.7ch;font-size:clamp(3rem,5vw,5.5rem);line-height:.96;letter-spacing:-.045em;text-wrap:balance;color:#171526} #vrinda-club-v3 .imagine-time-accent{color:var(--imagine-accent)} #vrinda-club-v3 .imagine-week-mark{position:relative;display:inline-block;z-index:1} #vrinda-club-v3 .imagine-week-mark::after{content:"";position:absolute;z-index:-1;left:-.03em;right:-.08em;bottom:-.08em;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5.2 C24 2.7 43 6.4 63 4.5 C83 2.7 99 5.7 119 3.2' fill='none' stroke='%23b61e5a' stroke-width='1.35' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;transform:rotate(-.7deg);transform-origin:left center} #vrinda-club-v3 .imagine-section>.wrap>.card{max-width:none;margin-top:0!important;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} #vrinda-club-v3 .imagine-section .checklist{display:grid;gap:0;counter-reset:outcome;border-top:1px solid rgba(23,21,38,.17)} #vrinda-club-v3 .imagine-section .checklist li{counter-increment:outcome;padding:31px 42px 31px 72px;border-bottom:1px solid rgba(23,21,38,.15);color:#171526;font-size:1.04rem;line-height:1.62} #vrinda-club-v3 .imagine-section .checklist li::before{content:"0" counter(outcome);left:16px;top:37px;width:auto;height:auto;border:0;border-radius:0;background:none;color:var(--imagine-accent);font-size:9px;font-weight:800;letter-spacing:.18em} #vrinda-club-v3 .imagine-section .checklist li::after{display:none} #vrinda-club-v3 .imagine-section .checklist li strong{color:#171526} #vrinda-club-v3 .imagine-section .checklist li:hover{background:rgba(255,255,255,.58)} #vrinda-club-v3 .imagine-section>.wrap>.narrow:last-child{grid-column:1/-1;max-width:none;margin-top:30px!important;padding:58px;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;border:1px solid rgba(23,21,38,.12);background:rgba(255,255,255,.52);box-shadow:0 24px 70px rgba(67,30,52,.055);backdrop-filter:blur(12px)} #vrinda-club-v3 .imagine-section>.wrap>.narrow:last-child .lede{color:rgba(23,21,38,.62);font-size:1rem;line-height:1.72} #vrinda-club-v3 .imagine-section>.wrap>.narrow:last-child .lede:first-child{grid-row:1/4;margin:0;font-family:'Fraunces',serif;font-size:clamp(1.65rem,2.7vw,2.7rem)!important;line-height:1.2;letter-spacing:-.025em;color:#171526!important} @media (max-width:900px){#vrinda-club-v3 .imagine-section>.wrap{grid-template-columns:1fr;gap:56px}#vrinda-club-v3 .imagine-section>.wrap>.narrow:first-child{position:relative;top:auto}#vrinda-club-v3 .imagine-section>.wrap>.narrow:first-child h2{max-width:13ch}} @media (max-width:640px){#vrinda-club-v3 .imagine-section{padding:240px 0 56px!important}#vrinda-club-v3 .imagine-section>.wrap{width:calc(100% - 40px);gap:44px}#vrinda-club-v3 .imagine-section>.wrap>.narrow:first-child h2{font-size:clamp(2.65rem,12vw,4rem)}#vrinda-club-v3 .imagine-section>.wrap>.narrow:last-child{grid-template-columns:1fr;gap:28px;padding:34px 26px}#vrinda-club-v3 .imagine-section .checklist li{padding-right:14px}}/* Outcome-to-story bridge: three review directions */ #vrinda-club-v3 .imagine-section>.wrap>.outcome-bridge:last-child{position:relative;display:block;min-height:510px;margin-top:40px!important;padding:58px;overflow:hidden;isolation:isolate} #vrinda-club-v3 .outcome-meta{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid rgba(23,21,38,.15);font-size:9px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:#C8288C} #vrinda-club-v3 .outcome-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,7vw,96px);padding-top:52px} #vrinda-club-v3 .outcome-title{max-width:13ch;font-family:'Fraunces',serif;font-size:clamp(2.6rem,4.25vw,4.75rem);font-weight:500;line-height:.98;letter-spacing:-.045em;color:#171526} #vrinda-club-v3 .outcome-title em{display:block;color:#C8288C;font-style:italic;font-weight:400} #vrinda-club-v3 .outcome-copy{display:flex;flex-direction:column;justify-content:space-between;gap:56px;color:rgba(23,21,38,.62);font-size:1.05rem;line-height:1.72} #vrinda-club-v3 .outcome-pivot{display:flex;align-items:flex-end;gap:18px;padding-top:24px;border-top:1px solid rgba(23,21,38,.15)} #vrinda-club-v3 .outcome-pivot strong{font-family:'Fraunces',serif;font-size:clamp(4rem,7vw,7.5rem);font-weight:400;line-height:.72;color:#C8288C} #vrinda-club-v3 .outcome-pivot span{max-width:20ch;padding-bottom:3px;color:#171526;line-height:1.35} #vrinda-club-v3 .outcome-ghost{position:absolute;z-index:-1;right:-.03em;bottom:-.19em;font-family:'Fraunces',serif;font-size:clamp(10rem,24vw,23rem);font-weight:600;line-height:1;color:#171526;opacity:.025;pointer-events:none} #vrinda-club-v3 .imagine-section>.wrap>.outcome-bridge[data-outcome-version="2"]:last-child{background:rgba(255,255,255,.62);border-color:rgba(23,21,38,.12);box-shadow:0 28px 80px rgba(67,30,52,.07)} #vrinda-club-v3 .imagine-section>.wrap>.outcome-bridge[data-outcome-version="2"]:last-child{background:#0b0e22;border-color:rgba(255,255,255,.13);box-shadow:0 32px 90px rgba(8,8,24,.2);color:#fff} #vrinda-club-v3 .outcome-bridge[data-outcome-version="2"]::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 24%,rgba(255,105,164,.14),transparent 34%),linear-gradient(112deg,transparent 0 66%,rgba(255,255,255,.025) 66%);pointer-events:none} #vrinda-club-v3 .outcome-bridge[data-outcome-version="2"] .outcome-meta{border-color:rgba(255,255,255,.16);color:#C8288C} #vrinda-club-v3 .outcome-bridge[data-outcome-version="2"] .outcome-title{color:#fff}#vrinda-club-v3 .outcome-bridge[data-outcome-version="2"] .outcome-title em{color:#C8288C} #vrinda-club-v3 .outcome-bridge[data-outcome-version="2"] .outcome-copy{color:#fff} #vrinda-club-v3 .outcome-bridge[data-outcome-version="2"] .outcome-pivot{border-color:rgba(255,255,255,.16)}#vrinda-club-v3 .outcome-bridge[data-outcome-version="2"] .outcome-pivot strong{color:#C8288C}#vrinda-club-v3 .outcome-bridge[data-outcome-version="2"] .outcome-pivot span{color:#fff} #vrinda-club-v3 .outcome-bridge[data-outcome-version="2"] .outcome-ghost{right:auto;left:-.07em;color:#fff;opacity:.025} @media(max-width:900px){#vrinda-club-v3 .outcome-layout{grid-template-columns:1fr}#vrinda-club-v3 .outcome-title{max-width:15ch}} @media(max-width:640px){#vrinda-club-v3 .imagine-section>.wrap>.outcome-bridge:last-child{min-height:0;padding:32px 26px}#vrinda-club-v3 .outcome-layout{gap:38px;padding-top:36px}#vrinda-club-v3 .outcome-title{font-size:clamp(2.55rem,12vw,4rem)}#vrinda-club-v3 .outcome-copy{gap:38px}#vrinda-club-v3 .outcome-pivot strong{font-size:5rem}}/* My story: Archive Memoir */ #vrinda-club-v3 .story.story-study{position:relative;padding:clamp(64px,6vw,92px) 0 clamp(64px,6vw,92px);background:#eee7e1;color:#171526;overflow:clip} #vrinda-club-v3 .story.story-study::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 500px at 82% 18%,rgba(200,40,140,.09),transparent 70%),linear-gradient(90deg,rgba(23,21,38,.035) 1px,transparent 1px);background-size:auto,12.5% 100%} #vrinda-club-v3 .story-study>.wrap{position:relative;z-index:1;max-width:1240px} #vrinda-club-v3 .story-intro{display:grid;grid-template-columns:.32fr 1.28fr;gap:60px;align-items:start;margin-bottom:76px;padding-bottom:38px;border-bottom:1px solid rgba(23,21,38,.16)} #vrinda-club-v3 .story-intro-meta{display:flex;justify-content:space-between;gap:20px;padding-top:11px;font-size:9px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:#C8288C} #vrinda-club-v3 .story-intro h2{max-width:12ch;margin:0;font-family:'Fraunces',serif;font-size:clamp(4.8rem,9vw,9rem);font-weight:500;line-height:.82;letter-spacing:-.052em;color:#171526} #vrinda-club-v3 .story-intro h2 em{display:inline;font-weight:500;color:#C8288C} #vrinda-club-v3 .story-stage{display:block} #vrinda-club-v3 .story-media{position:relative;z-index:4;margin-bottom:72px} #vrinda-club-v3 .story-photo{margin:0;overflow:hidden;border:1px solid rgba(23,21,38,.16)} #vrinda-club-v3 .story-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.03);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s ease} #vrinda-club-v3 .story-photo:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.03)} #vrinda-club-v3 .story-photo-archive{display:block;aspect-ratio:16/7} #vrinda-club-v3 .story-stat{position:absolute;right:28px;bottom:28px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:end;width:min(360px,calc(100% - 56px));padding:24px;background:rgba(10,13,31,.94);border:0} #vrinda-club-v3 .story-stat strong{font-family:'Fraunces',serif;font-size:clamp(3.8rem,7vw,6.7rem);font-weight:500;line-height:.72;color:#C8288C} #vrinda-club-v3 .story-stat span{max-width:120px;padding-bottom:2px;font-size:9px;font-weight:800;line-height:1.4;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.64)} #vrinda-club-v3 .story-narrative{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 70px} #vrinda-club-v3 .story-chapter{padding:28px 0 34px;border-top:1px solid rgba(23,21,38,.16)} #vrinda-club-v3 .story-chapter-label{display:block;margin-bottom:17px;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#C8288C} #vrinda-club-v3 .story-chapter .lede{margin:0;color:#171526} #vrinda-club-v3 .story-chapter .lede + .lede{margin-top:1em} #vrinda-club-v3 .story-chapter .lede strong{color:#171526} #vrinda-club-v3 .story-pull{margin:34px 0 4px;padding:24px 0 0;border-top:1px solid rgba(200,40,140,.35);font-family:'Fraunces',serif;font-size:clamp(1.7rem,2.8vw,2.7rem);font-style:italic;line-height:1.24;color:#171526}/* My story: selected editorial seal */ #vrinda-club-v3 .story-study .story-intro{position:relative;grid-template-columns:1fr;padding-right:0} #vrinda-club-v3 .story-study .story-intro-meta{position:absolute;right:0;top:0;width:132px;height:132px;padding:0;border:1px solid rgba(200,40,140,.38);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center} #vrinda-club-v3 .story-study .story-intro-meta::after{content:"";position:absolute;inset:8px;border:1px solid rgba(200,40,140,.15);border-radius:50%} #vrinda-club-v3 .story-study .story-intro-meta span{position:relative;z-index:1} #vrinda-club-v3 .story-study .story-intro-meta span:last-child{max-width:76px;font-family:'Fraunces',serif;font-size:15px;font-style:italic;font-weight:500;line-height:1.05;letter-spacing:0;text-transform:none;color:#171526}/* My story: selected animated editorial rail */ #vrinda-club-v3 .story-narrative{--timeline-progress:0%;position:relative;isolation:isolate;display:block;max-width:1080px;margin:0 auto;padding:8px 0 20px} #vrinda-club-v3 .story-narrative::before,#vrinda-club-v3 .story-narrative::after{content:"";position:absolute;z-index:1;left:70px;top:8px;bottom:8px;width:1px;pointer-events:none} #vrinda-club-v3 .story-narrative::before{background:rgba(23,21,38,.15)} #vrinda-club-v3 .story-narrative::after{bottom:auto;height:var(--timeline-progress);background:#C8288C;transition:height .12s linear} #vrinda-club-v3 .story-narrative.timeline-ready .story-chapter{opacity:var(--chapter-opacity,.28);transform:translate3d(0,var(--chapter-lift,72px),0) scale(var(--chapter-scale,.94));transform-origin:50% 50%;will-change:transform,opacity;transition:opacity .14s linear,transform .22s cubic-bezier(.22,1,.36,1)} #vrinda-club-v3 .story-chapter::after{content:"";position:absolute;z-index:-1;inset:10px -26px 14px -30px;border:1px solid rgba(200,40,140,var(--chapter-border,0));background:rgba(255,255,255,var(--chapter-highlight,0));box-shadow:0 24px 70px rgba(73,34,55,var(--chapter-shadow,0));pointer-events:none;transition:background .18s linear,border-color .18s linear,box-shadow .18s linear} #vrinda-club-v3 .story-chapter{position:relative;z-index:2;display:grid;grid-template-columns:230px minmax(0,1fr);gap:0 52px;margin-left:160px;padding:48px 0 62px} #vrinda-club-v3 .story-chapter::before{content:"";position:absolute;z-index:3;left:-97px;top:54px;width:13px;height:13px;border:4px solid #eee7e1;border-radius:50%;background:rgba(23,21,38,.3);box-shadow:0 0 0 1px rgba(23,21,38,.18);transition:background .4s ease,transform .45s cubic-bezier(.22,1,.36,1)} #vrinda-club-v3 .story-chapter.is-visible::before{background:#C8288C;transform:scale(1.16)} #vrinda-club-v3 .story-chapter-label{grid-row:1 / span 8;display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0;padding-top:0} #vrinda-club-v3 .story-chapter-label span:first-child{font-family:'Fraunces',serif;font-size:clamp(1.65rem,2.25vw,2.2rem);font-weight:500;line-height:1.02;letter-spacing:-.035em;text-transform:none;color:#171526} #vrinda-club-v3 .story-chapter-label span:last-child{padding:0 0 7px;border:0;border-bottom:1px solid rgba(200,40,140,.4);border-radius:0;font-size:11px;font-weight:800;line-height:1.15;letter-spacing:.14em;text-transform:uppercase;color:#C8288C} #vrinda-club-v3 .story-chapter .lede,#vrinda-club-v3 .story-pull{grid-column:2} #vrinda-club-v3 .story-chapter .lede{max-width:660px;font-size:clamp(1.06rem,1.48vw,1.26rem)} #vrinda-club-v3 .story-pull{max-width:700px}/* Scroll-reactive celestial navigator */ #vrinda-club-v3 .story-study{--story-turn:0deg;--story-turn-reverse:0deg;--story-hand-turn:0deg;--story-orbit-turn:0deg} #vrinda-club-v3 .story-time-graphic{position:sticky;top:50vh;width:100vw;height:0;margin-left:calc(50% - 50vw);z-index:0;overflow:visible;pointer-events:none} #vrinda-club-v3 .story-time-graphic::before{content:"";position:absolute;top:0;left:25vw;width:min(780px,76vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(238,231,225,.31) 0,rgba(238,231,225,.17) 38%,rgba(238,231,225,.04) 62%,transparent 82%);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);-webkit-mask-image:radial-gradient(circle,#000 0 45%,rgba(0,0,0,.72) 62%,transparent 86%);mask-image:radial-gradient(circle,#000 0 45%,rgba(0,0,0,.72) 62%,transparent 86%)} #vrinda-club-v3 .story-time-graphic svg{position:absolute;top:0;left:25vw;display:block;width:min(820px,72vw);max-width:none;height:auto;overflow:visible;color:#C8288C;opacity:.16;transform:translate(-50%,-50%) rotate(-12deg);-webkit-mask-image:radial-gradient(circle,#000 0 46%,rgba(0,0,0,.82) 62%,transparent 90%);mask-image:radial-gradient(circle,#000 0 46%,rgba(0,0,0,.82) 62%,transparent 90%)} #vrinda-club-v3 .story-time-graphic g{transform-box:view-box;transform-origin:center} #vrinda-club-v3 .story-time-graphic .graphic-rings{opacity:.72;transform:rotate(var(--story-turn))} #vrinda-club-v3 .story-time-graphic .graphic-ticks{opacity:.34;transform:rotate(var(--story-turn-reverse))} #vrinda-club-v3 .story-time-graphic .graphic-compass{opacity:.44;transform:rotate(var(--story-turn-reverse))} #vrinda-club-v3 .story-time-graphic .graphic-hour{transform:rotate(var(--story-hand-turn))} #vrinda-club-v3 .story-time-graphic .graphic-minute{transform:rotate(var(--story-turn))} #vrinda-club-v3 .story-time-graphic .graphic-hands{opacity:.16} #vrinda-club-v3 .story-time-graphic .graphic-orbit{opacity:1;transform:rotate(var(--story-orbit-turn))} #vrinda-club-v3 .story-time-graphic .graphic-linework{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke} #vrinda-club-v3 .story-time-graphic .graphic-cardinals{font-family:'Inter',sans-serif;font-size:12px;font-weight:800;letter-spacing:.18em;fill:currentColor} @media(prefers-reduced-motion:reduce){#vrinda-club-v3 .story-narrative.timeline-ready .story-chapter{opacity:1;transform:none;transition:none}#vrinda-club-v3 .story-narrative::after{height:100%;transition:none}#vrinda-club-v3 .story-time-graphic g{transform:none!important}} @media(max-width:900px){#vrinda-club-v3 .story-intro{grid-template-columns:1fr;gap:28px}#vrinda-club-v3 .story-narrative{grid-template-columns:1fr}#vrinda-club-v3 .story-study .story-intro{padding-right:0}#vrinda-club-v3 .story-chapter{grid-template-columns:190px minmax(0,1fr);gap:0 34px;margin-left:128px}#vrinda-club-v3 .story-narrative::before,#vrinda-club-v3 .story-narrative::after{left:54px}#vrinda-club-v3 .story-chapter::before{left:-81px}#vrinda-club-v3 .story-time-graphic svg{width:min(820px,72vw)}} @media(max-width:640px){#vrinda-club-v3 .story.story-study{padding:64px 0 56px}#vrinda-club-v3 .story-intro{margin-bottom:48px}#vrinda-club-v3 .story-intro h2{font-size:clamp(3.1rem,15vw,5rem)}#vrinda-club-v3 .story-media{margin-left:-20px;margin-right:-20px}#vrinda-club-v3 .story-photo-archive{aspect-ratio:4/3}#vrinda-club-v3 .story-stat{right:18px;bottom:18px;width:calc(100% - 36px)}#vrinda-club-v3 .story-study .story-intro{padding-right:0}#vrinda-club-v3 .story-study .story-intro-meta{position:relative;right:auto;top:auto;width:112px;height:112px;margin-bottom:12px}#vrinda-club-v3 .story-narrative::before,#vrinda-club-v3 .story-narrative::after{left:8px}#vrinda-club-v3 .story-chapter{display:block;width:calc(100% - 44px);margin-left:44px;padding:38px 0 50px;transform:translate3d(28px,24px,0)}#vrinda-club-v3 .story-chapter::before{left:-42px;top:44px}#vrinda-club-v3 .story-chapter-label{margin-bottom:24px}#vrinda-club-v3 .story-chapter-label span:first-child{font-size:1.7rem}#vrinda-club-v3 .story-chapter-label span:last-child{font-size:10px}#vrinda-club-v3 .story-chapter .lede,#vrinda-club-v3 .story-pull{grid-column:1}#vrinda-club-v3 .story-time-graphic::before{left:22vw;width:132vw;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}#vrinda-club-v3 .story-time-graphic svg{top:0!important;left:22vw!important;right:auto!important;width:138vw!important;opacity:.12!important;transform:translate(-50%,-50%) rotate(-12deg)!important}}/* Selected foundation portrait */ #vrinda-club-v3 .foundation-portrait.is-editorial{inset:0 0 0 auto} #vrinda-club-v3 .foundation-portrait.is-editorial img{inset:0;right:auto;top:auto;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 20%;filter:saturate(.92) contrast(1.02);transform:none} @media(max-width:768px){#vrinda-club-v3 .foundation-portrait.is-editorial{inset:0 0 auto;height:390px}}/* /assets/workshop.css?v=20260825b */ /* Pack Your Programs Workshop — editorial redesign The page copy and section order remain untouched. This file owns the visual system, pacing, responsive layout, and component treatment. */ #vrinda-club-v3.wk-page{ --wk-ink:#071022; --wk-ink-raised:#0e1930; --wk-ink-soft:#15213a; --wk-paper:#fbf7f2; --wk-paper-deep:#f0e7de; --wk-cobalt:#113eaf; --wk-pink:#C8288C; --wk-pink-deep:#C8288C; --wk-clay:#c79e8a; --wk-white:#f8f8fc; --wk-muted:#aeb4c4; --wk-paper-text:#11172a; --wk-paper-muted:rgba(17,23,42,.68); --wk-dark-line:rgba(255,255,255,.15); --wk-paper-line:rgba(17,23,42,.15); --wk-shell:min(1240px,calc(100% - 64px)); margin:0; overflow-x:clip; background:var(--wk-ink); color:var(--wk-white); font-family:'Urbanist',system-ui,-apple-system,'Segoe UI',sans-serif; font-size:17px; line-height:1.72; } #vrinda-club-v3.wk-page *,#vrinda-club-v3.wk-page *::before,#vrinda-club-v3.wk-page *::after{box-sizing:border-box} #vrinda-club-v3.wk-page .wrap{width:var(--wk-shell);max-width:none;padding:0} #vrinda-club-v3.wk-page .narrow{max-width:780px} #vrinda-club-v3.wk-page section{padding:clamp(88px,9vw,132px) 0} #vrinda-club-v3.wk-page h1,#vrinda-club-v3.wk-page h2,#vrinda-club-v3.wk-page h3{ font-family:'Fraunces',Georgia,serif; font-weight:500; letter-spacing:-.035em; text-wrap:balance; } #vrinda-club-v3.wk-page h2{font-size:clamp(2.5rem,4.7vw,4.75rem);line-height:.98} #vrinda-club-v3.wk-page h3{font-size:clamp(1.65rem,2.5vw,2.35rem);line-height:1.08} #vrinda-club-v3.wk-page p{margin-top:0} #vrinda-club-v3.wk-page .lede{font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.65} #vrinda-club-v3.wk-page .pink{color:var(--wk-pink)} #vrinda-club-v3.wk-page .serif-italic{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400} #vrinda-club-v3.wk-page .eyebrow{gap:12px;margin-bottom:22px;color:var(--wk-pink);font-size:10px;font-weight:800;letter-spacing:.2em} #vrinda-club-v3.wk-page .eyebrow::before,#vrinda-club-v3.wk-page .eyebrow.center::after{width:34px;background:currentColor} #vrinda-club-v3.wk-page .btn{min-height:54px;padding:0 28px;border-radius:3px;font-size:11px;letter-spacing:.16em;box-shadow:none} #vrinda-club-v3.wk-page .btn-primary{background:var(--wk-pink);color:var(--wk-ink);box-shadow:none} #vrinda-club-v3.wk-page .btn-primary:hover{background:#C8288C;color:var(--wk-ink);transform:translateY(-2px);box-shadow:none} #vrinda-club-v3.wk-page .btn-sm{min-height:44px;padding:0 20px} #vrinda-club-v3.wk-page .reveal{transform:translateY(20px);transition-duration:.72s}/* ---------- fixed navigation ---------- */ #vrinda-club-v3 .wk-nav{position:fixed;inset:0 0 auto;z-index:1000;color:var(--wk-white);background:rgba(7,16,34,.96);border-bottom:1px solid var(--wk-dark-line);backdrop-filter:blur(18px)} #vrinda-club-v3 .wk-nav-utility{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,58px);min-height:34px;padding:7px 24px;overflow:hidden;background:var(--wk-pink-deep);color:#fff;font-size:11px;font-weight:800;letter-spacing:.18em;line-height:1.35;text-transform:uppercase;transition:max-height .3s ease,min-height .3s ease,padding .3s ease,opacity .2s ease} #vrinda-club-v3 .wk-nav-inner{width:var(--wk-shell);min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px} #vrinda-club-v3 .wk-nav-brand{display:flex;align-items:center;flex:0 0 auto} #vrinda-club-v3 .wk-nav-logo{display:block;width:auto;height:38px} #vrinda-club-v3 .wk-nav-actions{display:flex;align-items:center;gap:24px} #vrinda-club-v3 .wk-nav .btn{font-size:12px} #vrinda-club-v3 .wk-nav-countdown{display:flex;align-items:center;gap:12px;color:var(--wk-muted)} #vrinda-club-v3 .wk-nav-countdown::before{content:'Registrations close in';max-width:132px;color:var(--wk-pink);font-size:11px;font-weight:800;letter-spacing:.14em;line-height:1.2;text-align:right;text-transform:uppercase} #vrinda-club-v3 .wk-cd-unit{min-width:30px;text-align:center} #vrinda-club-v3 .wk-cd-unit b{display:block;color:var(--wk-white);font-family:'Fraunces',serif;font-size:1.7rem;font-weight:500;line-height:1} #vrinda-club-v3 .wk-cd-unit small{display:block;margin-top:2px;color:var(--wk-muted);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase} #vrinda-club-v3 .wk-nav.is-stuck .wk-nav-utility{min-height:0;max-height:0;padding-block:0;opacity:0}/* ---------- hero ---------- */ #vrinda-club-v3 .wk-hero{position:relative;padding:0!important;background:var(--wk-ink);color:var(--wk-white)} #vrinda-club-v3 .wk-hero-stage{position:relative;min-height:clamp(680px,78vh,820px);margin-top:106px;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-hero-visual{position:absolute;inset:0;z-index:0;pointer-events:none} #vrinda-club-v3 .wk-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 20%} #vrinda-club-v3 .wk-hero-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--wk-ink) 0%,rgba(7,16,34,.96) 34%,rgba(7,16,34,.78) 49%,rgba(7,16,34,.16) 78%),linear-gradient(0deg,rgba(7,16,34,.96),transparent 44%)} #vrinda-club-v3 .wk-hero-inner{position:relative;z-index:1;width:var(--wk-shell);min-height:inherit;margin:0 auto;display:flex;align-items:center} #vrinda-club-v3 .wk-hero-copy{width:min(720px,60%);padding:66px 0 72px} #vrinda-club-v3 .wk-hero-copy h1{margin:0;font-size:clamp(3.2rem,5vw,5.5rem);line-height:.92;letter-spacing:-.05em} #vrinda-club-v3 .wk-hero-copy .lede{max-width:610px;margin:30px 0 0;color:rgba(248,248,252,.72)} #vrinda-club-v3 .wk-hero-actions{display:flex;align-items:center;gap:18px;margin-top:32px;flex-wrap:wrap} #vrinda-club-v3 .wk-hero-note{color:var(--wk-muted);font-size:12px} #vrinda-club-v3 .wk-hero-stats{width:var(--wk-shell);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-stat{padding:28px 24px;text-align:center;border-left:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-stat:first-child{border-left:0} #vrinda-club-v3 .wk-stat b{display:block;color:var(--wk-white);font-family:'Fraunces',serif;font-size:clamp(1.8rem,2.8vw,2.8rem);font-weight:500;line-height:1} #vrinda-club-v3 .wk-stat span{display:block;margin-top:8px;color:var(--wk-muted);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}/* ---------- shared light treatment ---------- */ #vrinda-club-v3.wk-page .wk-light{background:var(--wk-paper);color:var(--wk-paper-text)} #vrinda-club-v3.wk-page .wk-light .pink{color:var(--wk-pink-deep)} #vrinda-club-v3.wk-page .wk-light .eyebrow{color:var(--wk-pink-deep)} #vrinda-club-v3.wk-page .wk-light p{color:var(--wk-paper-muted)} #vrinda-club-v3.wk-page .wk-light strong{color:var(--wk-paper-text)} #vrinda-club-v3.wk-page .wk-light-ring::before{display:none}/* ---------- opening narrative ---------- */ #vrinda-club-v3 .wk-lead{background:var(--wk-paper)!important;color:var(--wk-paper-text)} #vrinda-club-v3 .wk-lead-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);column-gap:clamp(54px,8vw,120px);row-gap:0;align-items:start} #vrinda-club-v3 .wk-lead-grid>*{margin:0} #vrinda-club-v3 .wk-lead-label{grid-column:1;grid-row:1;color:var(--wk-pink-deep);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase} #vrinda-club-v3 .wk-lead-index{margin-right:8px;font-family:'Fraunces',serif;font-style:italic;font-size:1.35rem;font-weight:400} #vrinda-club-v3 .wk-question{grid-column:1;grid-row:2 / 6;margin:24px 0 0;padding:0;border:0;background:none;color:var(--wk-paper-text);font-family:'Fraunces',serif;font-size:clamp(2.4rem,4vw,4.25rem);font-weight:500;letter-spacing:-.04em;line-height:1.02} #vrinda-club-v3 .wk-lead-open{grid-column:2;grid-row:1;color:var(--wk-paper-text);font-family:'Fraunces',serif;font-size:clamp(1.65rem,2.4vw,2.4rem);line-height:1.2} #vrinda-club-v3 .wk-lead-b1{grid-column:2;grid-row:2;margin-top:26px!important;padding-top:26px;border-top:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-lead-cue{grid-column:2;grid-row:3;margin-top:18px!important;color:var(--wk-pink-deep);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase} #vrinda-club-v3 .wk-lead-answer{grid-column:2;grid-row:4;margin-top:8px!important;color:var(--wk-paper-text)!important;font-size:1.1rem} #vrinda-club-v3 .wk-lead-b2{grid-column:2;grid-row:5;margin-top:20px!important} #vrinda-club-v3 .wk-lead-b3{grid-column:2;grid-row:6}/* ---------- repeated registration rail ---------- */ #vrinda-club-v3 .wk-ticket-section{padding:0!important;background:var(--wk-paper-deep);color:var(--wk-paper-text)} #vrinda-club-v3 .wk-ticket-section .wrap{width:100%} #vrinda-club-v3 .wk-ticket{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.34fr);width:100%;border-top:1px solid var(--wk-paper-line);border-bottom:1px solid var(--wk-paper-line);background:var(--wk-paper-deep)} #vrinda-club-v3 .wk-ticket-main{padding:clamp(34px,4vw,58px) max(32px,calc((100vw - 1240px)/2 + 32px))} #vrinda-club-v3 .wk-ticket .eyebrow{margin-bottom:12px;color:var(--wk-pink-deep)} #vrinda-club-v3 .wk-ticket h2{margin:0 0 24px;color:var(--wk-paper-text);font-size:clamp(2rem,3.2vw,3.3rem)} #vrinda-club-v3 .wk-ticket-facts{display:flex;gap:clamp(28px,4vw,64px);margin:0} #vrinda-club-v3 .wk-ticket-facts dt{color:var(--wk-paper-muted);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} #vrinda-club-v3 .wk-ticket-facts dd{margin:4px 0 0;color:var(--wk-paper-text);font-size:.98rem} #vrinda-club-v3 .wk-ticket-buy{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;text-align:center;border-left:1px solid var(--wk-paper-line);background:var(--wk-paper)} #vrinda-club-v3 .wk-ticket-label{color:var(--wk-paper-muted);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} #vrinda-club-v3 .wk-ticket-price{margin:6px 0 0;color:var(--wk-pink-deep);font-family:'Fraunces',serif;font-size:clamp(3.25rem,4.5vw,4.5rem);font-weight:500;line-height:1} #vrinda-club-v3 .wk-ticket-expiry{color:var(--wk-paper-muted);font-size:12px;font-style:italic} #vrinda-club-v3 .wk-ticket-buy .btn{width:100%;margin-top:18px}/* ---------- problem ---------- */ #vrinda-club-v3 .wk-problem{background:var(--wk-paper);color:var(--wk-paper-text)} #vrinda-club-v3 .wk-problem-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);column-gap:clamp(54px,8vw,120px);align-items:start} #vrinda-club-v3 .wk-problem-grid>*{margin:0} #vrinda-club-v3 .wk-problem-head{grid-column:1;grid-row:1 / 5;position:sticky;top:118px} #vrinda-club-v3 .wk-problem-head h2{margin-bottom:24px;color:var(--wk-paper-text)} #vrinda-club-v3 .wk-problem-lede{color:var(--wk-paper-muted);font-size:1.08rem} #vrinda-club-v3 .wk-symptom{grid-column:2;position:relative;padding:26px 0 26px 60px;border-top:1px solid var(--wk-paper-line);color:var(--wk-paper-muted);font-size:1.08rem} #vrinda-club-v3 .wk-symptom::before{content:attr(data-n);position:absolute;left:0;top:25px;color:var(--wk-pink-deep);font-family:'Fraunces',serif;font-style:italic} #vrinda-club-v3 .wk-diagnosis{grid-column:2;padding:32px 0;border-top:1px solid var(--wk-paper-line);color:var(--wk-paper-text);font-family:'Fraunces',serif;font-size:clamp(1.5rem,2.2vw,2.2rem);line-height:1.22} #vrinda-club-v3 .wk-resolution{grid-column:1 / 3;margin-top:64px!important;padding:38px 0;border-top:1px solid var(--wk-paper-line);border-bottom:1px solid var(--wk-paper-line);color:var(--wk-paper-muted);font-size:1.08rem} #vrinda-club-v3 .wk-pullquote{grid-column:2;margin-top:52px!important;color:var(--wk-paper-text);font-family:'Fraunces',serif;font-size:clamp(2rem,3.3vw,3.5rem);letter-spacing:-.035em;line-height:1.08} #vrinda-club-v3 .wk-pullquote em{color:var(--wk-pink-deep)}/* ---------- mechanism ---------- */ #vrinda-club-v3 .wk-why{background:var(--wk-ink-raised)!important;color:var(--wk-white)!important} #vrinda-club-v3 .wk-why-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:40px 28px;align-items:start} #vrinda-club-v3 .wk-why-grid>*{margin:0} #vrinda-club-v3 .wk-why-head{grid-column:1 / 7} #vrinda-club-v3 .wk-why-head h2{color:var(--wk-white)} #vrinda-club-v3 .wk-mistake{grid-column:7 / 13;padding-top:16px;border-top:1px solid var(--wk-dark-line);color:var(--wk-muted)!important;font-size:1.08rem} #vrinda-club-v3 .wk-shift{grid-column:1 / 13;color:var(--wk-pink)!important;font-family:'Fraunces',serif;font-size:clamp(1.5rem,2.4vw,2.3rem);font-style:italic;text-align:center} #vrinda-club-v3 .wk-mechs{grid-column:1 / 13;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--wk-dark-line);border-bottom:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-mech{position:relative;min-height:310px;padding:34px 28px;border-left:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-mech:first-child{border-left:0} #vrinda-club-v3 .wk-mech::before{content:attr(data-n);display:block;margin-bottom:40px;color:var(--wk-pink);font-family:'Fraunces',serif;font-size:2.1rem;font-style:italic;line-height:1} #vrinda-club-v3 .wk-mech-label{display:block;margin-bottom:14px;color:var(--wk-white);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} #vrinda-club-v3 .wk-mech p{color:var(--wk-muted)!important;font-size:.96rem;line-height:1.58} #vrinda-club-v3 .wk-mech p strong{color:var(--wk-white)} #vrinda-club-v3 .wk-payoff{grid-column:2 / 12;margin-top:20px!important;color:var(--wk-white)!important;font-family:'Fraunces',serif;font-size:clamp(1.75rem,3vw,3rem);line-height:1.17;text-align:center} #vrinda-club-v3 .wk-payoff strong{color:var(--wk-pink)}/* ---------- founder story ---------- */ #vrinda-club-v3 .wk-story{background:var(--wk-paper-deep)!important;color:var(--wk-paper-text)} #vrinda-club-v3 .wk-story-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:38px 32px} #vrinda-club-v3 .wk-story-grid>*{margin:0} #vrinda-club-v3 .wk-story-head{grid-column:1 / 8} #vrinda-club-v3 .wk-story-head h2{color:var(--wk-paper-text)} #vrinda-club-v3 .wk-story-open{grid-column:8 / 13;align-self:end;padding-top:20px;border-top:1px solid var(--wk-paper-line);color:var(--wk-paper-text)!important;font-family:'Fraunces',serif;font-size:clamp(1.5rem,2.3vw,2.25rem);line-height:1.2} #vrinda-club-v3 .wk-story-photo{grid-column:1 / 6;grid-row:2 / 4;aspect-ratio:4/5;margin:0;overflow:hidden;background:var(--wk-clay)} #vrinda-club-v3 .wk-story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%} #vrinda-club-v3 .wk-story-body{grid-column:6 / 12;grid-row:2} #vrinda-club-v3 .wk-story-body p,#vrinda-club-v3 .wk-story-clients p{color:var(--wk-paper-muted)!important} #vrinda-club-v3 .wk-story-body p+p,#vrinda-club-v3 .wk-story-clients p+p{margin-top:1.15em} #vrinda-club-v3 .wk-story-stats{grid-column:6 / 13;grid-row:3;display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--wk-paper-line);border-bottom:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-story-stats div{padding:24px 20px;border-left:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-story-stats div:first-child{border-left:0;padding-left:0} #vrinda-club-v3 .wk-story-stats dt{color:var(--wk-paper-muted);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase} #vrinda-club-v3 .wk-story-stats dd{margin:8px 0 0;color:var(--wk-pink-deep);font-family:'Fraunces',serif;font-size:clamp(2rem,3vw,3rem);line-height:1} #vrinda-club-v3 .wk-story-clients{grid-column:1 / 8;grid-row:4;padding-top:18px;border-top:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-story-triad{grid-column:8 / 13;grid-row:4;align-self:end;display:flex;flex-direction:column;align-items:flex-end;margin:0;color:var(--wk-paper-text);font-family:'Fraunces',serif;font-size:clamp(2rem,3vw,3rem);font-style:italic;line-height:1} #vrinda-club-v3 .wk-story-triad span:nth-child(2){color:var(--wk-pink-deep)}/* ---------- three stages ---------- */ #vrinda-club-v3 .wk-stages{background:var(--wk-ink);color:var(--wk-white)} #vrinda-club-v3 .wk-stages-head{margin-bottom:62px} #vrinda-club-v3 .wk-stages-head h2{color:var(--wk-white)} #vrinda-club-v3 .wk-stage{display:grid;grid-template-columns:180px minmax(0,1fr);gap:48px;padding:48px 0;border-top:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-stage:last-child{border-bottom:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-stage-index{display:flex;flex-direction:column} #vrinda-club-v3 .wk-stage-index span{color:var(--wk-pink);font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase} #vrinda-club-v3 .wk-stage-index b{color:var(--wk-white);font-family:'Fraunces',serif;font-size:5.5rem;font-weight:400;line-height:.88} #vrinda-club-v3 .wk-stage-body h3{margin:0 0 16px;color:var(--wk-white)} #vrinda-club-v3 .wk-stage-body>p,#vrinda-club-v3 .wk-checks li{color:var(--wk-muted)} #vrinda-club-v3 .wk-checks{display:grid;gap:13px;margin:20px 0 0;padding:0;list-style:none} #vrinda-club-v3 .wk-checks li{position:relative;padding-left:30px;line-height:1.58} #vrinda-club-v3 .wk-checks li::before{content:'+';position:absolute;left:0;top:-.02em;color:var(--wk-pink);font-family:'Fraunces',serif;font-size:1.35rem} #vrinda-club-v3 .wk-checks li strong{color:var(--wk-white)}/* ---------- pre-workshop clarity ---------- */ #vrinda-club-v3 .wk-clarity{padding:0!important;background:var(--wk-cobalt);color:#fff} #vrinda-club-v3 .wk-clarity .wrap{width:100%} #vrinda-club-v3 .wk-clarity-panel{padding:clamp(72px,9vw,128px) max(32px,calc((100vw - 1240px)/2 + 32px));background:linear-gradient(120deg,#0e3190,var(--wk-cobalt) 62%,#174bc7)} #vrinda-club-v3 .wk-clarity-copy{max-width:860px} #vrinda-club-v3 .wk-clarity-copy h2{margin-bottom:14px;color:#fff} #vrinda-club-v3 .wk-clarity-when{margin-bottom:28px!important;color:#ffd2e4;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} #vrinda-club-v3 .wk-clarity-copy p{color:rgba(255,255,255,.76)} #vrinda-club-v3 .wk-clarity-copy p:last-child{margin-bottom:0}/* ---------- featured proof ---------- */ #vrinda-club-v3 .wk-proof{background:var(--wk-paper);color:var(--wk-paper-text)} #vrinda-club-v3 .wk-proof-head{margin:0 0 72px 0;max-width:840px} #vrinda-club-v3 .wk-proof-head h2{color:var(--wk-paper-text)} #vrinda-club-v3 .wk-proof-head p{color:var(--wk-paper-muted)} #vrinda-club-v3 .wk-proof-head strong{color:var(--wk-paper-text)} #vrinda-club-v3 .wk-cases{display:grid;gap:0;border-top:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-case{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,.58fr);min-height:460px;border-bottom:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-case:nth-child(even) .wk-case-photo{order:2} #vrinda-club-v3 .wk-case:nth-child(even) .wk-case-copy{order:1;padding-left:0;padding-right:clamp(42px,6vw,90px)} #vrinda-club-v3 .wk-case-photo{min-height:460px;overflow:hidden;background:var(--wk-paper-deep)} #vrinda-club-v3 .wk-case-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.88) contrast(1.02);transition:transform .7s cubic-bezier(.2,.75,.2,1)} #vrinda-club-v3 .wk-case:hover .wk-case-photo img{transform:scale(1.025)} #vrinda-club-v3 .wk-case-copy{align-self:center;padding:48px 0 48px clamp(42px,6vw,90px)} #vrinda-club-v3 .wk-case-metric{display:block;margin-bottom:16px;color:var(--wk-pink-deep);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} #vrinda-club-v3 .wk-case-copy h3{margin:0 0 18px;color:var(--wk-paper-text)} #vrinda-club-v3 .wk-case-copy p{color:var(--wk-paper-muted)} #vrinda-club-v3 .wk-case-copy strong{color:var(--wk-paper-text)} #vrinda-club-v3 .wk-proof-close{margin-top:72px} #vrinda-club-v3 .wk-proof-close .lede{color:var(--wk-paper-text)} #vrinda-club-v3 .wk-proof-turn{margin-top:22px!important;color:var(--wk-pink-deep);font-family:'Fraunces',serif;font-size:clamp(1.8rem,3vw,2.7rem);font-style:italic}/* ---------- full client story library ---------- */ #vrinda-club-v3.wk-page .client-stories-study{--cs-ink:var(--wk-paper-text);--cs-pink:var(--wk-pink-deep);padding:clamp(88px,9vw,132px) 0!important;overflow:hidden;background:var(--wk-paper-deep)!important;color:var(--wk-paper-text)} #vrinda-club-v3.wk-page .client-stories-study::before{display:none} #vrinda-club-v3.wk-page .client-stories-study .cs-scroll-stage,#vrinda-club-v3.wk-page .client-stories-study .cs-pin{height:auto!important;min-height:0;overflow:visible} #vrinda-club-v3.wk-page .client-stories-study .cs-pin>.wrap{width:100%;max-width:none;padding:0} #vrinda-club-v3.wk-page .client-stories-study .cs-masthead{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,110px);width:var(--wk-shell);margin:0 auto 64px} #vrinda-club-v3.wk-page .client-stories-study .cs-header h2{margin:0;color:var(--wk-paper-text);font-size:clamp(2.5rem,4.7vw,4.75rem);line-height:.98} #vrinda-club-v3.wk-page .client-stories-study .cs-head-accent{color:var(--wk-pink-deep)} #vrinda-club-v3.wk-page .client-stories-study .cs-intro{padding-top:22px;border-top:1px solid var(--wk-paper-line)} #vrinda-club-v3.wk-page .client-stories-study .cs-intro p{color:var(--wk-paper-muted);font:inherit} #vrinda-club-v3.wk-page .client-stories-study .testimonials{display:flex;gap:18px;width:auto;margin:0;padding:0 max(32px,calc((100vw - 1240px)/2 + 32px)) 24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--wk-pink-deep) rgba(17,23,42,.12);cursor:grab} #vrinda-club-v3.wk-page .client-stories-study .testimonials:active{cursor:grabbing} #vrinda-club-v3.wk-page .client-stories-study .testimonials::-webkit-scrollbar{display:block;height:6px} #vrinda-club-v3.wk-page .client-stories-study .testimonials::-webkit-scrollbar-thumb{background:var(--wk-pink-deep)} #vrinda-club-v3.wk-page .client-stories-study .testimonial{flex:0 0 min(760px,78vw);display:grid;grid-template-columns:minmax(230px,.42fr) minmax(0,.58fr);min-height:470px;margin:0;padding:0;overflow:hidden;scroll-snap-align:start;border:1px solid var(--wk-paper-line);border-radius:0;background:rgba(255,255,255,.45);box-shadow:none} #vrinda-club-v3.wk-page .client-stories-study .story-photo{min-height:470px;overflow:hidden} #vrinda-club-v3.wk-page .client-stories-study .story-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88)} #vrinda-club-v3.wk-page .client-stories-study .story-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,52px)} #vrinda-club-v3.wk-page .client-stories-study .story-outcome{color:var(--wk-pink-deep);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} #vrinda-club-v3.wk-page .client-stories-study .story-quote{margin:16px 0 22px;color:var(--wk-paper-text);font-family:'Fraunces',serif;font-size:clamp(1.65rem,2.4vw,2.6rem);font-weight:500;letter-spacing:-.03em;line-height:1.1} #vrinda-club-v3.wk-page .client-stories-study .story-results{display:grid;gap:8px;margin:0;padding:0;list-style:none} #vrinda-club-v3.wk-page .client-stories-study .story-results li{position:relative;padding-left:22px;color:var(--wk-paper-muted);font-size:.94rem;line-height:1.48} #vrinda-club-v3.wk-page .client-stories-study .story-results li::before{content:'+';position:absolute;left:0;top:0;width:auto;height:auto;border:0;border-radius:0;color:var(--wk-pink-deep);font-family:'Fraunces',serif} #vrinda-club-v3.wk-page .client-stories-study .who{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid var(--wk-paper-line)} #vrinda-club-v3.wk-page .client-stories-study .avatar{width:42px;height:42px;overflow:hidden;border-radius:50%} #vrinda-club-v3.wk-page .client-stories-study .avatar img{width:100%;height:100%;object-fit:cover} #vrinda-club-v3.wk-page .client-stories-study .who b{display:block;color:var(--wk-paper-text)} #vrinda-club-v3.wk-page .client-stories-study .who span{display:block;color:var(--wk-paper-muted);font-size:.8rem}/* ---------- agenda ---------- */ #vrinda-club-v3 .wk-days{background:var(--wk-paper);color:var(--wk-paper-text)} #vrinda-club-v3 .wk-days>.wrap{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(50px,8vw,120px);align-items:start} #vrinda-club-v3 .wk-days .narrow{max-width:none;margin:0} #vrinda-club-v3 .wk-days .narrow h2{color:var(--wk-paper-text)} #vrinda-club-v3 .wk-days .narrow p{color:var(--wk-paper-muted)} #vrinda-club-v3 .wk-days .narrow strong{color:var(--wk-paper-text)} #vrinda-club-v3 .wk-expect{padding:34px 0;border-top:1px solid var(--wk-paper-line);border-bottom:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-expect h3{margin:0 0 20px;color:var(--wk-paper-text)} #vrinda-club-v3 .wk-expect .wk-checks li{color:var(--wk-paper-muted)} #vrinda-club-v3 .wk-expect .wk-checks li strong{color:var(--wk-paper-text)} #vrinda-club-v3 .wk-expect .wk-checks li::before{color:var(--wk-pink-deep)}/* ---------- VIP ---------- */ #vrinda-club-v3 .wk-vip{background:var(--wk-ink-raised);color:var(--wk-white)} #vrinda-club-v3 .wk-vip .narrow{max-width:850px;margin-left:0} #vrinda-club-v3 .wk-vip .narrow h2{color:var(--wk-white)} #vrinda-club-v3 .wk-vip .narrow p{color:var(--wk-muted)} #vrinda-club-v3 .wk-vip-perks{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid var(--wk-dark-line);border-bottom:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-perk{padding:40px 32px;border-left:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-perk:first-child{border-left:0;padding-left:0} #vrinda-club-v3 .wk-perk:last-child{padding-right:0} #vrinda-club-v3 .wk-perk-star{display:block;margin-bottom:32px;color:var(--wk-pink);font-size:16px} #vrinda-club-v3 .wk-perk h3{margin:0 0 18px;color:var(--wk-white);font-size:clamp(1.5rem,2.2vw,2rem)} #vrinda-club-v3 .wk-perk p{color:var(--wk-muted)} #vrinda-club-v3 .wk-perk strong,#vrinda-club-v3 .wk-perk .wk-checks li strong{color:var(--wk-white)} #vrinda-club-v3 .wk-vip-close{margin-top:60px!important;color:var(--wk-white);font-family:'Fraunces',serif;font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.28}/* ---------- closing invitation ---------- */ #vrinda-club-v3 .wk-ready{background:var(--wk-ink);color:var(--wk-white)} #vrinda-club-v3 .wk-ready .narrow{max-width:820px} #vrinda-club-v3 .wk-ready h2{color:var(--wk-white)} #vrinda-club-v3 .wk-ready p{color:var(--wk-muted)} #vrinda-club-v3 .wk-ready p strong{color:var(--wk-white)} #vrinda-club-v3 .wk-ready-sign{margin-top:30px!important;color:var(--wk-pink)!important;font-family:'Fraunces',serif;font-size:clamp(2rem,3.5vw,3.25rem);font-style:italic}/* ---------- plans ---------- */ #vrinda-club-v3.wk-page .wk-choose{background:var(--wk-paper)!important;color:var(--wk-paper-text)} #vrinda-club-v3 .wk-choose h2{color:var(--wk-paper-text)} #vrinda-club-v3 .wk-plans{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:64px;border-top:1px solid var(--wk-paper-line);border-bottom:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-plan{position:relative;display:flex;flex-direction:column;padding:48px;border-left:1px solid var(--wk-paper-line);background:transparent} #vrinda-club-v3 .wk-plan:first-child{border-left:0} #vrinda-club-v3 .wk-plan-vip{background:var(--wk-cobalt);color:#fff} #vrinda-club-v3 .wk-plan-flag{position:absolute;top:0;right:0;padding:8px 14px;background:var(--wk-pink);color:var(--wk-ink);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase} #vrinda-club-v3 .wk-plan-head{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-plan-vip .wk-plan-head{border-color:rgba(255,255,255,.2)} #vrinda-club-v3 .wk-plan-name{display:block;margin-bottom:8px;color:var(--wk-pink-deep);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase} #vrinda-club-v3 .wk-plan-vip .wk-plan-name{color:#ffd2e4} #vrinda-club-v3 .wk-plan-price{display:block;color:var(--wk-paper-text);font-family:'Fraunces',serif;font-size:clamp(3.4rem,5.5vw,5.5rem);font-weight:500;line-height:.92} #vrinda-club-v3 .wk-plan-vip .wk-plan-price{color:#fff} #vrinda-club-v3 .wk-plan-note{display:block;margin-top:10px;color:var(--wk-paper-muted);font-size:12px;font-style:italic} #vrinda-club-v3 .wk-plan-vip .wk-plan-note{color:rgba(255,255,255,.7)} #vrinda-club-v3 .wk-plan-intro{color:var(--wk-paper-text);font-weight:700} #vrinda-club-v3 .wk-plan .wk-checks li{color:var(--wk-paper-muted)} #vrinda-club-v3 .wk-plan .wk-checks li strong{color:var(--wk-paper-text)} #vrinda-club-v3 .wk-plan .wk-checks li::before{color:var(--wk-pink-deep)} #vrinda-club-v3 .wk-plan-vip .wk-checks li{color:rgba(255,255,255,.74)} #vrinda-club-v3 .wk-plan-vip .wk-checks li::before{color:#ffd2e4} #vrinda-club-v3 .wk-plan-fine{margin:24px 0 30px;color:var(--wk-paper-muted);font-size:.92rem;line-height:1.55} #vrinda-club-v3 .wk-plan-vip .wk-plan-fine{color:rgba(255,255,255,.7)} #vrinda-club-v3 .wk-plan-cta{width:100%;margin-top:auto}/* ---------- footer and mobile CTA ---------- */ #vrinda-club-v3 .wk-footer{padding:64px 0 100px;border-top:1px solid var(--wk-dark-line);background:var(--wk-ink);text-align:center} #vrinda-club-v3 .wk-footer-logo{width:auto;height:54px;margin-bottom:20px} #vrinda-club-v3 .wk-footer p{margin:0;color:var(--wk-muted);font-size:12px} #vrinda-club-v3.wk-page .sticky-cta{background:rgba(7,16,34,.94);border-top:1px solid var(--wk-dark-line);backdrop-filter:blur(16px)} /* ---------- responsive ---------- */ @media(max-width:1024px){ #vrinda-club-v3.wk-page{--wk-shell:min(100% - 48px,1240px)} #vrinda-club-v3 .wk-hero-copy{width:min(720px,64%)} #vrinda-club-v3 .wk-mechs{grid-template-columns:1fr 1fr} #vrinda-club-v3 .wk-mech{min-height:260px;border-bottom:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-mech:nth-child(odd){border-left:0} #vrinda-club-v3 .wk-vip-perks{grid-template-columns:1fr} #vrinda-club-v3 .wk-perk,#vrinda-club-v3 .wk-perk:first-child,#vrinda-club-v3 .wk-perk:last-child{padding:34px 0;border-left:0;border-top:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-perk:first-child{border-top:0} } @media(max-width:820px){ #vrinda-club-v3.wk-page{--wk-shell:min(calc(100% - 40px),1240px);font-size:16px} #vrinda-club-v3.wk-page section{padding:76px 0} #vrinda-club-v3 .wk-nav-utility{justify-content:space-between;gap:8px;padding-inline:18px;letter-spacing:.11em} #vrinda-club-v3 .wk-nav-util-time{display:none} #vrinda-club-v3 .wk-nav-inner{min-height:66px} #vrinda-club-v3 .wk-nav-logo{height:32px} #vrinda-club-v3 .wk-nav-countdown{display:none} #vrinda-club-v3 .wk-nav-cta{display:flex!important;min-height:52px!important} #vrinda-club-v3 .wk-hero-stage{margin-top:100px;min-height:0;display:flex;flex-direction:column} #vrinda-club-v3 .wk-hero-visual{position:relative;order:0;height:58vw;min-height:310px;max-height:480px} #vrinda-club-v3 .wk-hero-visual img{object-position:center 20%} #vrinda-club-v3 .wk-hero-visual::after{background:linear-gradient(0deg,var(--wk-ink),rgba(7,16,34,.05) 55%)} #vrinda-club-v3 .wk-hero-inner{order:1;min-height:0} #vrinda-club-v3 .wk-hero-copy{width:100%;padding:20px 0 60px} #vrinda-club-v3 .wk-hero-copy h1{font-size:clamp(3rem,10vw,5.25rem)} #vrinda-club-v3 .wk-hero-stats{grid-template-columns:1fr 1fr} #vrinda-club-v3 .wk-stat{border-top:1px solid var(--wk-dark-line)} #vrinda-club-v3 .wk-stat:nth-child(odd){border-left:0} #vrinda-club-v3 .wk-lead-grid,#vrinda-club-v3 .wk-problem-grid,#vrinda-club-v3 .wk-days>.wrap{display:flex;flex-direction:column;gap:18px} #vrinda-club-v3 .wk-lead-label{order:0}#vrinda-club-v3 .wk-lead-open{order:1}#vrinda-club-v3 .wk-lead-b1{order:2}#vrinda-club-v3 .wk-lead-cue{order:3}#vrinda-club-v3 .wk-question{order:4;margin:6px 0 14px}#vrinda-club-v3 .wk-lead-answer{order:5}#vrinda-club-v3 .wk-lead-b2{order:6}#vrinda-club-v3 .wk-lead-b3{order:7} #vrinda-club-v3 .wk-problem-head{position:relative;top:auto;margin-bottom:26px} #vrinda-club-v3 .wk-symptom,#vrinda-club-v3 .wk-diagnosis{width:100%} #vrinda-club-v3 .wk-resolution{margin-top:26px!important} #vrinda-club-v3 .wk-pullquote{margin-top:24px!important} #vrinda-club-v3 .wk-why-grid{display:flex;flex-direction:column;gap:30px} #vrinda-club-v3 .wk-why-head,#vrinda-club-v3 .wk-mistake,#vrinda-club-v3 .wk-shift,#vrinda-club-v3 .wk-mechs,#vrinda-club-v3 .wk-payoff{width:100%} #vrinda-club-v3 .wk-mechs{display:grid} #vrinda-club-v3 .wk-story-grid{display:flex;flex-direction:column;gap:26px} #vrinda-club-v3 .wk-story-photo{order:2;width:100%;aspect-ratio:4/4.5} #vrinda-club-v3 .wk-story-head{order:0}#vrinda-club-v3 .wk-story-open{order:1}#vrinda-club-v3 .wk-story-body{order:3}#vrinda-club-v3 .wk-story-stats{order:4;width:100%}#vrinda-club-v3 .wk-story-clients{order:5}#vrinda-club-v3 .wk-story-triad{order:6;align-items:flex-start} #vrinda-club-v3 .wk-stage{grid-template-columns:100px minmax(0,1fr);gap:28px} #vrinda-club-v3 .wk-case{grid-template-columns:1fr;min-height:0;padding:42px 0} #vrinda-club-v3 .wk-case-photo,#vrinda-club-v3 .wk-case:nth-child(even) .wk-case-photo{order:1;min-height:0;aspect-ratio:4/3} #vrinda-club-v3 .wk-case-copy,#vrinda-club-v3 .wk-case:nth-child(even) .wk-case-copy{order:2;padding:32px 0 0} #vrinda-club-v3.wk-page .client-stories-study .cs-masthead{grid-template-columns:1fr;gap:30px} #vrinda-club-v3.wk-page .client-stories-study .testimonial{flex-basis:min(690px,88vw)} #vrinda-club-v3 .wk-plans{grid-template-columns:1fr} #vrinda-club-v3 .wk-plan{border-left:0;border-top:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-plan:first-child{border-top:0} } @media(max-width:640px){ #vrinda-club-v3.wk-page{--wk-shell:calc(100% - 34px)} #vrinda-club-v3.wk-page h2{font-size:clamp(2.3rem,11vw,3.3rem)} #vrinda-club-v3 .wk-nav-utility{flex-wrap:wrap;justify-content:center;min-height:42px;text-align:center} #vrinda-club-v3 .wk-nav-inner{min-height:64px} #vrinda-club-v3 .wk-nav-logo{height:28px} #vrinda-club-v3 .wk-nav .btn{min-height:42px;padding:0 16px;font-size:10px} #vrinda-club-v3 .wk-hero-stage{margin-top:106px} #vrinda-club-v3 .wk-hero-visual{height:76vw;min-height:285px} #vrinda-club-v3 .wk-hero-copy{padding-top:8px} #vrinda-club-v3 .wk-hero-copy h1{font-size:clamp(2.55rem,11.5vw,3.6rem);line-height:.94} #vrinda-club-v3 .wk-hero-copy .lede{margin-top:22px} #vrinda-club-v3 .wk-hero-actions .btn{width:100%} #vrinda-club-v3 .wk-hero-note{width:100%;text-align:center} #vrinda-club-v3 .wk-stat{padding:22px 12px} #vrinda-club-v3 .wk-ticket{grid-template-columns:1fr} #vrinda-club-v3 .wk-ticket-main{padding:38px 20px} #vrinda-club-v3 .wk-ticket-facts{display:grid;gap:12px} #vrinda-club-v3 .wk-ticket-buy{padding:34px 20px;border-left:0;border-top:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-symptom{padding-left:44px} #vrinda-club-v3 .wk-mechs{grid-template-columns:1fr} #vrinda-club-v3 .wk-mech{min-height:0;padding:28px 0;border-left:0} #vrinda-club-v3 .wk-mech::before{margin-bottom:20px} #vrinda-club-v3 .wk-story-stats{grid-template-columns:1fr} #vrinda-club-v3 .wk-story-stats div,#vrinda-club-v3 .wk-story-stats div:first-child{padding:18px 0;border-left:0;border-top:1px solid var(--wk-paper-line)} #vrinda-club-v3 .wk-story-stats div:first-child{border-top:0} #vrinda-club-v3 .wk-stage{grid-template-columns:1fr;gap:14px;padding:38px 0} #vrinda-club-v3 .wk-stage-index{flex-direction:row;align-items:baseline;gap:10px} #vrinda-club-v3 .wk-stage-index b{font-size:3.5rem} #vrinda-club-v3 .wk-clarity-panel{padding:68px 20px} #vrinda-club-v3.wk-page .client-stories-study .testimonials{padding-left:17px;padding-right:17px} #vrinda-club-v3.wk-page .client-stories-study .testimonial{flex-basis:calc(100vw - 34px);grid-template-columns:1fr;min-height:0} #vrinda-club-v3.wk-page .client-stories-study .story-photo{min-height:0;aspect-ratio:4/3} #vrinda-club-v3.wk-page .client-stories-study .story-copy{padding:28px 24px 32px} #vrinda-club-v3 .wk-plan{padding:38px 24px} #vrinda-club-v3 .wk-footer{padding-bottom:112px} } @media(prefers-reduced-motion:reduce){ #vrinda-club-v3.wk-page *{scroll-behavior:auto!important} #vrinda-club-v3.wk-page .wk-case-photo img{transition:none} } @media not all {/* ---------- retired situation concepts ---------- */ #vrinda-club-v3 .wk-lead[data-situation-version]{ position:relative; overflow:hidden; scroll-margin-top:72px; transition:background-color .45s ease,color .45s ease; } #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-grid{ grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:clamp(14px,2vw,28px); }/* Version 1 — a quiet, centered manifesto on warm paper. */ #vrinda-club-v3 .wk-lead[data-situation-version="1"]{ padding-block:clamp(104px,11vw,164px); background: radial-gradient(circle at 50% 38%,rgba(200,40,140,.055),transparent 32%), var(--wk-paper)!important; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-label{ grid-column:1 / -1; grid-row:auto; text-align:center; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-open{ grid-column:2 / 12; grid-row:auto; margin-top:36px!important; color:var(--wk-paper-text); font-family:'Fraunces',Georgia,serif; font-size:clamp(3.1rem,6.2vw,6.7rem); font-weight:500; letter-spacing:-.055em; line-height:.94; text-align:center; text-wrap:balance; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b1{ grid-column:4 / 10; grid-row:auto; margin-top:34px!important; padding-top:0; border-top:0; font-size:1.05rem; text-align:center; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-cue{ grid-column:1 / -1; grid-row:auto; margin-top:76px!important; text-align:center; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-question{ grid-column:2 / 12; grid-row:auto; margin:16px 0 0; color:var(--wk-paper-text); font-size:clamp(2.7rem,5.1vw,5.5rem); font-style:italic; line-height:1; text-align:center; text-wrap:balance; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-answer{ grid-column:4 / 10; grid-row:auto; margin-top:34px!important; font-size:1.12rem; text-align:center; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-answer strong{color:var(--wk-pink-deep)} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b2,#vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b3{ grid-row:auto; margin-top:84px!important; padding-top:26px; border-top:1px solid var(--wk-paper-line); font-size:.96rem; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b2{grid-column:1 / 7;padding-right:clamp(18px,3vw,46px)} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b3{grid-column:7 / 13;padding-left:clamp(18px,3vw,46px)}/* Version 2 — dark, staggered and curatorial with an oversized folio mark. */ #vrinda-club-v3 .wk-lead[data-situation-version="2"]{ padding-block:clamp(112px,12vw,180px); background: radial-gradient(circle at 84% 14%,rgba(17,62,175,.38),transparent 28%), radial-gradient(circle at 12% 84%,rgba(200,40,140,.12),transparent 24%), var(--wk-ink-raised)!important; color:var(--wk-white); } #vrinda-club-v3 .wk-lead[data-situation-version="2"]::before{ content:'01'; position:absolute; top:-.19em; right:-.02em; color:rgba(248,248,252,.035); font-family:'Fraunces',Georgia,serif; font-size:clamp(18rem,42vw,46rem); font-style:italic; font-weight:500; letter-spacing:-.1em; line-height:1; pointer-events:none; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-grid{position:relative;z-index:1;row-gap:0} #vrinda-club-v3.wk-page .wk-lead[data-situation-version="2"] p{color:rgba(248,248,252,.66)} #vrinda-club-v3.wk-page .wk-lead[data-situation-version="2"] strong{color:var(--wk-white)} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-label{ grid-column:1 / 4; grid-row:auto; color:var(--wk-pink); } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-open{ grid-column:4 / 13; grid-row:auto; color:var(--wk-white); font-family:'Fraunces',Georgia,serif; font-size:clamp(3.5rem,7.2vw,7.8rem); font-weight:500; letter-spacing:-.06em; line-height:.86; text-wrap:balance; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b1{ grid-column:8 / 13; grid-row:auto; margin-top:44px!important; padding:22px 0 0; border-top:1px solid var(--wk-dark-line); } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-cue{ grid-column:1 / 4; grid-row:auto; margin-top:112px!important; color:var(--wk-pink); } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-question{ grid-column:1 / 11; grid-row:auto; margin:20px 0 0; color:var(--wk-white); font-size:clamp(3.1rem,6vw,6.5rem); font-style:italic; line-height:.94; text-wrap:balance; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-answer{ grid-column:8 / 13; grid-row:auto; margin-top:54px!important; padding-left:24px; border-left:2px solid var(--wk-pink); color:var(--wk-white)!important; font-size:1.08rem; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b2,#vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b3{ grid-row:auto; margin-top:104px!important; padding-top:24px; border-top:1px solid var(--wk-dark-line); font-size:.95rem; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b2{grid-column:1 / 6;padding-right:clamp(18px,3vw,44px)} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b3{grid-column:7 / 13;padding-left:clamp(18px,3vw,44px)}/* Floating comparison control. */ #vrinda-club-v3 .design-version-switcher{ position:fixed; top:50%; right:18px; z-index:1250; width:148px; padding:9px; transform:translateY(-50%); border:1px solid rgba(255,255,255,.18); border-radius:5px; background:rgba(7,16,34,.94); box-shadow:0 18px 54px rgba(2,6,18,.28); color:var(--wk-white); font-family:'Urbanist',system-ui,sans-serif; backdrop-filter:blur(16px); } #vrinda-club-v3 .design-version-label{ display:block; padding:7px 8px 10px; color:var(--wk-muted); font-size:8px; font-weight:800; letter-spacing:.15em; line-height:1.35; text-transform:uppercase; } #vrinda-club-v3 .design-version-options{display:grid;gap:4px} #vrinda-club-v3 .design-version-switcher button{ width:100%; min-height:38px; padding:0 10px; border:1px solid transparent; border-radius:3px; background:transparent; color:rgba(248,248,252,.66); font:800 9px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.12em; text-align:left; text-transform:uppercase; cursor:pointer; } #vrinda-club-v3 .design-version-switcher button:hover{color:var(--wk-white);border-color:rgba(255,255,255,.14)} #vrinda-club-v3 .design-version-switcher button.is-active{background:var(--wk-pink);color:var(--wk-ink)} #vrinda-club-v3 .design-version-switcher button:focus-visible{outline:2px solid var(--wk-white);outline-offset:2px} @media(max-width:980px){ #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-label,#vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-cue{grid-column:1 / -1} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-open,#vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-question{grid-column:1 / -1} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b1,#vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-answer{grid-column:2 / 6} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b2{grid-column:1 / 4} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b3{grid-column:4 / 7} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-label{grid-column:1 / 3} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-open{grid-column:2 / 7} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b1{grid-column:4 / 7} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-cue{grid-column:1 / 3} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-question{grid-column:1 / 7} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-answer{grid-column:4 / 7} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b2{grid-column:1 / 4} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b3{grid-column:4 / 7} } @media(max-width:700px){ #vrinda-club-v3 .wk-lead[data-situation-version]{scroll-margin-top:64px} #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-grid{display:flex;gap:0} #vrinda-club-v3 .wk-lead[data-situation-version="1"]{padding-block:84px 112px} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-open{margin-top:28px!important;font-size:clamp(3rem,14vw,4.4rem)} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b1{margin-top:26px!important} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-cue{margin-top:60px!important} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-question{margin-top:14px;font-size:clamp(2.55rem,12vw,3.75rem)} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-answer{margin-top:28px!important} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b2,#vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b3{margin-top:58px!important;padding:22px 0 0} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b3{margin-top:28px!important} #vrinda-club-v3 .wk-lead[data-situation-version="2"]{padding-block:90px 118px} #vrinda-club-v3 .wk-lead[data-situation-version="2"]::before{top:.03em;right:-.15em;font-size:17rem} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-open{margin-top:32px!important;font-size:clamp(3.4rem,16vw,5rem);line-height:.9} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b1{margin-top:36px!important} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-cue{margin-top:74px!important} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-question{margin-top:14px;font-size:clamp(2.9rem,13vw,4.1rem)} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-answer{margin-top:38px!important;padding-left:18px} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b2,#vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b3{margin-top:68px!important;padding:22px 0 0} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b3{margin-top:30px!important} #vrinda-club-v3 .design-version-switcher{ top:auto; right:auto; bottom:74px; left:50%; width:min(330px,calc(100% - 34px)); padding:6px; transform:translateX(-50%); } #vrinda-club-v3 .design-version-label{display:none} #vrinda-club-v3 .design-version-options{grid-template-columns:1fr 1fr} #vrinda-club-v3 .design-version-switcher button{text-align:center} } @media(prefers-reduced-motion:reduce){ #vrinda-club-v3 .wk-lead[data-situation-version]{transition:none} }/* ---------- selected situation edition / brand color pass ---------- */ #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"]{ background:#f7f2ec!important; color:var(--wk-ink); } #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"]::before{color:rgba(200,40,140,.075)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-grid{ border-color:var(--wk-ink); } #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-portrait{ position:relative; border-right:8px solid var(--wk-pink); background:var(--wk-ink); } #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-portrait::after{ content:''; position:absolute; inset:0; background:linear-gradient(155deg,rgba(7,16,34,.04),rgba(17,62,175,.24)); mix-blend-mode:multiply; pointer-events:none; } #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-label{ color:var(--wk-ink); border-color:var(--wk-ink); } #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-label::after{color:var(--wk-pink-deep)} #vrinda-club-v3.wk-page .wk-lead--editorial[data-situation-version="2"] p{color:rgba(7,16,34,.72)} #vrinda-club-v3.wk-page .wk-lead--editorial[data-situation-version="2"] strong{color:var(--wk-ink)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-open{color:var(--wk-ink)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-b1,#vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-b2,#vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-b3{border-color:var(--wk-ink)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-b1::first-letter{color:var(--wk-pink-deep)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-cue{color:var(--wk-pink-deep)!important} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-question{ border-color:var(--wk-pink); background:var(--wk-ink); color:var(--wk-white); box-shadow:inset 9px 0 0 var(--wk-pink); } #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-answer{color:var(--wk-ink)!important} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-answer strong{color:var(--wk-pink-deep)} @media(max-width:700px){ #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-portrait{border-right:0;border-bottom:7px solid var(--wk-pink)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-question{padding:34px 24px;box-shadow:inset 6px 0 0 var(--wk-pink)} }/* ---------- registration rail design comparison ---------- */ #vrinda-club-v3 .wk-ticket-section[data-ticket-version]{ position:relative; isolation:isolate; overflow:hidden; scroll-margin-top:72px; transition:background-color .35s ease,color .35s ease; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket{ position:relative; overflow:hidden; transition:background-color .35s ease,color .35s ease; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket h2,#vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket-price{font-family:'Fraunces',Georgia,serif} #vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket-facts dd{font-family:'Urbanist',system-ui,sans-serif}/* Version 1 — graphic admission pass. */ #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"]{background:var(--wk-ink)!important;color:var(--wk-white)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket{ grid-template-columns:minmax(0,1fr) minmax(320px,.34fr); min-height:390px; border-color:rgba(255,255,255,.24); background:var(--wk-ink); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket::before{ content:'07—09'; position:absolute; right:30%; bottom:-.3em; color:rgba(255,255,255,.045); font:500 clamp(8rem,17vw,17rem)/1 'Fraunces',Georgia,serif; letter-spacing:-.09em; white-space:nowrap; pointer-events:none; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-main{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.8fr); align-content:center; column-gap:clamp(38px,6vw,90px); padding-block:72px; background:transparent; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket .eyebrow{ grid-column:1 / -1; margin:0 0 24px; color:#F06DBB; font-size:clamp(.875rem,1.15vw,1.0625rem); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket h2{ grid-column:1; margin:0; color:var(--wk-white); font-size:clamp(3.4rem,5.4vw,6.1rem); line-height:.9; letter-spacing:-.055em; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts{ grid-column:2; display:grid; align-self:end; gap:14px; margin:0; padding:20px 0 0; border-top:1px solid rgba(255,255,255,.42); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts div{display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:baseline} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts dt{color:#F06DBB;font-size:.75rem} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts dd{margin:0;color:rgba(255,255,255,.88);font-size:1.125rem} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy{ position:relative; z-index:2; padding:46px; border:0; border-left:1px dashed rgba(255,255,255,.45); background:var(--wk-cobalt); color:var(--wk-white); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::before,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::after{ content:''; position:absolute; left:-13px; width:25px; height:25px; border-radius:50%; background:var(--wk-ink); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::before{top:-13px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::after{bottom:-13px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-label{color:rgba(255,255,255,.7)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-price{ margin:4px 0; color:var(--wk-white); font-size:clamp(5.8rem,8vw,8.5rem); line-height:.82; letter-spacing:-.07em; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-expiry{color:rgba(255,255,255,.68)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy .btn{margin-top:26px;background:var(--wk-pink);color:var(--wk-ink)}/* Version 2 — magazine subscription insert. */ #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"]{background:#f7f2ec!important;color:var(--wk-ink)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket{ grid-template-columns:minmax(0,1fr) minmax(360px,.38fr); min-height:420px; border:0; border-top:10px solid var(--wk-ink); border-bottom:1px solid var(--wk-ink); background:#f7f2ec; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket::before{ content:'LIVE / 2026'; position:absolute; top:18px; right:calc(38% + 30px); color:var(--wk-pink-deep); font:800 8px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.2em; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-main{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); align-content:center; column-gap:clamp(42px,7vw,112px); padding-block:76px; background:transparent; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket .eyebrow{grid-column:1 / -1;margin:0 0 22px;color:var(--wk-pink-deep)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket h2{ grid-column:1; margin:0; color:var(--wk-ink); font-size:clamp(3.6rem,5.6vw,6.3rem); line-height:.88; letter-spacing:-.06em; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-facts{ grid-column:2; display:grid; gap:0; margin:0; border-top:1px solid var(--wk-ink); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-facts div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(7,16,34,.22)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-facts dt{color:var(--wk-pink-deep);font-size:8px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-facts dd{margin:0;color:var(--wk-ink);font-size:.9rem;text-align:right} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy{ position:relative; justify-content:flex-end; align-items:flex-start; padding:54px clamp(34px,4vw,68px); border:0; border-left:1px solid var(--wk-ink); background:var(--wk-pink); color:var(--wk-ink); text-align:left; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy::before{ content:'EARLY BIRD'; position:absolute; top:54px; right:-.06em; color:rgba(7,16,34,.09); font:800 clamp(3rem,5vw,5.4rem)/.78 'Urbanist',system-ui,sans-serif; letter-spacing:-.06em; writing-mode:vertical-rl; pointer-events:none; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-label{position:relative;z-index:1;color:rgba(7,16,34,.68)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-price{ position:relative; z-index:1; margin:4px 0; color:var(--wk-ink); font-size:clamp(6rem,8vw,8.7rem); line-height:.82; letter-spacing:-.075em; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-expiry{position:relative;z-index:1;color:rgba(7,16,34,.68)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy .btn{position:relative;z-index:1;width:auto;margin-top:28px;background:var(--wk-ink);color:var(--wk-white)}/* Floating registration version menu. */ #vrinda-club-v3 .ticket-version-switcher{ position:fixed; top:50%; right:18px; z-index:1250; width:144px; padding:8px; transform:translateY(-50%); border:1px solid var(--wk-ink); background:rgba(247,242,236,.96); box-shadow:8px 8px 0 var(--wk-pink); color:var(--wk-ink); font-family:'Urbanist',system-ui,sans-serif; backdrop-filter:blur(12px); } #vrinda-club-v3 .ticket-version-label{display:block;padding:7px 7px 11px;border-bottom:1px solid rgba(7,16,34,.28);font-size:7px;font-weight:800;letter-spacing:.15em;line-height:1.4;text-transform:uppercase} #vrinda-club-v3 .ticket-version-options{display:grid;gap:2px;margin-top:6px} #vrinda-club-v3 .ticket-version-switcher button{ width:100%; min-height:38px; padding:0 9px; border:0; background:transparent; color:var(--wk-ink); font:800 8px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.16em; text-align:left; text-transform:uppercase; cursor:pointer; } #vrinda-club-v3 .ticket-version-switcher button:hover{background:rgba(7,16,34,.08)} #vrinda-club-v3 .ticket-version-switcher button.is-active{background:var(--wk-ink);color:var(--wk-white)} #vrinda-club-v3 .ticket-version-switcher button:focus-visible{outline:2px solid var(--wk-pink-deep);outline-offset:2px} @media(max-width:980px){ #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-main,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-main{grid-template-columns:1fr;gap:32px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket h2,#vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket-facts{grid-column:1} } @media(max-width:700px){ #vrinda-club-v3 .wk-ticket-section[data-ticket-version]{scroll-margin-top:64px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket{grid-template-columns:1fr} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-main,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-main{padding:54px 20px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket h2,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket h2{font-size:clamp(3.3rem,15vw,4.35rem)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts div{grid-template-columns:62px 1fr} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy{padding:46px 20px;border-left:0;border-top:1px dashed rgba(255,255,255,.5)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::before,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::after{display:none} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket::before{right:20px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy{align-items:center;padding:46px 20px;border-left:0;border-top:1px solid var(--wk-ink);text-align:center} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy::before{display:none} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy .btn{width:100%} #vrinda-club-v3 .ticket-version-switcher{ top:auto; right:auto; bottom:16px; left:50%; width:min(330px,calc(100% - 34px)); padding:5px; transform:translateX(-50%); box-shadow:5px 5px 0 var(--wk-pink); transition:bottom .25s ease; } #vrinda-club-v3:has(.sticky-cta.is-visible) .ticket-version-switcher{bottom:76px} #vrinda-club-v3 .ticket-version-label{display:none} #vrinda-club-v3 .ticket-version-options{grid-template-columns:1fr 1fr;margin-top:0} #vrinda-club-v3 .ticket-version-switcher button{text-align:center} } }/* ---------- section design comparison: 01 / magazine editions ---------- */ #vrinda-club-v3 .wk-lead[data-situation-version]{ position:relative; isolation:isolate; overflow:hidden; padding:0; scroll-margin-top:72px; transition:background-color .35s ease,color .35s ease; } #vrinda-club-v3 .wk-lead[data-situation-version] .wrap{position:relative;z-index:2} #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-grid{ display:grid; grid-template-columns:repeat(14,minmax(0,1fr)); column-gap:clamp(14px,1.8vw,28px); align-items:start; } #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-grid>*{margin:0} #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-portrait{overflow:hidden} #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-portrait img{display:block;width:100%;height:100%;object-fit:cover} #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-label{ font:800 9px/1.3 'Urbanist',system-ui,sans-serif; letter-spacing:.22em; text-transform:uppercase; } #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-index{ margin-right:10px; font:italic 500 1.5rem/1 'Bodoni Moda','Times New Roman',serif; letter-spacing:-.04em; } #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-open,#vrinda-club-v3 .wk-lead[data-situation-version] .wk-question{ font-family:'Bodoni Moda','Times New Roman',serif; text-wrap:balance; }/* Version 1 — The cover story: full bleed, monochrome, type over image. */ #vrinda-club-v3 .wk-lead[data-situation-version="1"]{ min-height:1120px; background:#0a0a0a!important; color:#fff; } #vrinda-club-v3 .wk-lead[data-situation-version="1"]::before{ content:''; position:absolute; inset:0; z-index:1; background: linear-gradient(90deg,#090909 0%,rgba(9,9,9,.96) 29%,rgba(9,9,9,.48) 58%,rgba(9,9,9,.08) 100%), linear-gradient(0deg,#090909 0%,rgba(9,9,9,.94) 15%,transparent 48%); pointer-events:none; } #vrinda-club-v3 .wk-lead[data-situation-version="1"]::after{ content:'SITUATION'; position:absolute; top:-.1em; left:50%; z-index:2; transform:translateX(-50%); color:rgba(255,255,255,.96); font:500 clamp(5.6rem,13.2vw,13.5rem)/.9 'Bodoni Moda','Times New Roman',serif; letter-spacing:-.075em; white-space:nowrap; pointer-events:none; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-portrait{ position:absolute; inset:0 0 0 35%; z-index:0; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-portrait img{ filter:grayscale(1) contrast(1.08); object-position:30% center; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-grid{min-height:1120px;padding:172px 0 78px} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-label{ grid-column:1 / 5; grid-row:1; color:#C8288C; } #vrinda-club-v3.wk-page .wk-lead[data-situation-version="1"] p{color:rgba(255,255,255,.76)} #vrinda-club-v3.wk-page .wk-lead[data-situation-version="1"] strong{color:#fff} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-open{ grid-column:1 / 9; grid-row:2; margin-top:36px!important; color:#fff; font-size:clamp(4.2rem,7.4vw,8.2rem); font-weight:500; letter-spacing:-.07em; line-height:.82; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b1{ grid-column:1 / 6; grid-row:3; margin-top:38px!important; padding:22px 0 0; border-top:1px solid rgba(255,255,255,.48); font-size:.95rem; line-height:1.58; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-cue{ grid-column:1 / 4; grid-row:4; margin-top:82px!important; color:#C8288C!important; font-size:9px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-question{ grid-column:1 / 13; grid-row:5; margin:14px 0 0; color:#fff; font-size:clamp(3.5rem,6vw,6.8rem); font-style:italic; font-weight:500; letter-spacing:-.065em; line-height:.88; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-answer{ grid-column:10 / 15; grid-row:6; margin-top:42px!important; padding-left:22px; border-left:3px solid #C8288C; color:#fff!important; font-size:1.02rem; line-height:1.5; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b2,#vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b3{ grid-row:7; margin-top:86px!important; padding-top:20px; border-top:1px solid rgba(255,255,255,.34); font-size:.86rem; line-height:1.55; } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b2{grid-column:1 / 7;padding-right:36px} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b3{grid-column:8 / 15;padding-left:36px}/* Version 2 — The feature spread: paper, columns, portrait crop, pull quote. */ #vrinda-club-v3 .wk-lead[data-situation-version="2"]{ background:#f5f1ea!important; color:#111; } #vrinda-club-v3 .wk-lead[data-situation-version="2"]::before{ content:'01'; position:absolute; right:-.04em; bottom:-.24em; z-index:0; color:rgba(17,17,17,.045); font:italic 500 clamp(18rem,40vw,42rem)/1 'Bodoni Moda','Times New Roman',serif; letter-spacing:-.1em; pointer-events:none; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-grid{ min-height:1180px; padding:84px 0 104px; border-top:1px solid #111; border-bottom:1px solid #111; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-portrait{ grid-column:1 / 7; grid-row:1 / 5; height:660px; background:#d8d3cc; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-portrait img{ filter:grayscale(1) contrast(1.04); object-position:22% center; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-label{ grid-column:8 / 15; grid-row:1; display:flex; align-items:center; color:#111; border-top:5px solid #111; padding-top:14px; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-label::after{ content:'THE EDIT'; margin-left:auto; color:#C8288C; } #vrinda-club-v3.wk-page .wk-lead[data-situation-version="2"] p{color:rgba(17,17,17,.72)} #vrinda-club-v3.wk-page .wk-lead[data-situation-version="2"] strong{color:#111} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-open{ grid-column:8 / 15; grid-row:2; margin-top:38px!important; color:#111; font-size:clamp(4.2rem,6.2vw,7rem); font-weight:500; letter-spacing:-.07em; line-height:.82; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b1{ grid-column:8 / 13; grid-row:3; margin-top:38px!important; padding-top:24px; border-top:1px solid #111; font-family:'Bodoni Moda','Times New Roman',serif; font-size:1.05rem; line-height:1.55; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b1::first-letter{ float:left; margin:.02em .09em 0 0; color:#C8288C; font-size:4.8rem; font-weight:600; line-height:.72; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-cue{ grid-column:8 / 15; grid-row:4; align-self:end; margin-bottom:8px!important; color:#C8288C!important; font-size:9px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-question{ grid-column:3 / 15; grid-row:5; position:relative; z-index:2; margin:-34px 0 0; padding:42px 0 36px clamp(26px,4vw,70px); border-top:1px solid #111; border-bottom:1px solid #111; background:#f5f1ea; color:#111; font-size:clamp(3.7rem,6.6vw,7.25rem); font-style:italic; font-weight:500; letter-spacing:-.065em; line-height:.88; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-answer{ grid-column:9 / 15; grid-row:6; margin-top:38px!important; color:#111!important; font-size:1.08rem; line-height:1.5; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-answer strong{color:#C8288C} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b2,#vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b3{ grid-row:7; margin-top:86px!important; padding-top:24px; border-top:1px solid #111; font-size:.9rem; line-height:1.58; } #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b2{grid-column:1 / 7;padding-right:36px} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b3{grid-column:8 / 15;padding-left:36px}/* Floating section edition menu. */ #vrinda-club-v3 .design-version-switcher{ position:fixed; top:50%; right:18px; z-index:1250; width:144px; padding:8px; transform:translateY(-50%); border:1px solid #111; border-radius:0; background:rgba(245,241,234,.96); box-shadow:8px 8px 0 rgba(200,40,140,.92); color:#111; font-family:'Urbanist',system-ui,sans-serif; backdrop-filter:blur(12px); } #vrinda-club-v3 .design-version-label{ display:block; padding:7px 7px 11px; border-bottom:1px solid rgba(17,17,17,.28); font-size:7px; font-weight:800; letter-spacing:.15em; line-height:1.4; text-transform:uppercase; } #vrinda-club-v3 .design-version-options{display:grid;gap:2px;margin-top:6px} #vrinda-club-v3 .design-version-switcher button{ width:100%; min-height:38px; padding:0 9px; border:0; border-radius:0; background:transparent; color:#111; font:800 8px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.16em; text-align:left; text-transform:uppercase; cursor:pointer; } #vrinda-club-v3 .design-version-switcher button:hover{background:rgba(17,17,17,.08)} #vrinda-club-v3 .design-version-switcher button.is-active{background:#111;color:#fff} #vrinda-club-v3 .design-version-switcher button:focus-visible{outline:2px solid #C8288C;outline-offset:2px} @media(max-width:980px){ #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-grid{grid-template-columns:repeat(8,minmax(0,1fr))} #vrinda-club-v3 .wk-lead[data-situation-version="1"]::after{font-size:15vw} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-open{grid-column:1 / 7} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-question{grid-column:1 / 9} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-answer{grid-column:5 / 9} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b2{grid-column:1 / 5} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b3{grid-column:5 / 9} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-portrait{grid-column:1 / 4;height:620px} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-label,#vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-open,#vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b1,#vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-cue{grid-column:5 / 9} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-question{grid-column:2 / 9} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-answer{grid-column:5 / 9} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b2{grid-column:1 / 5} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b3{grid-column:5 / 9} } @media(max-width:700px){ #vrinda-club-v3 .wk-lead[data-situation-version]{scroll-margin-top:64px} #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-grid{display:grid;grid-template-columns:1fr} #vrinda-club-v3 .wk-lead[data-situation-version] .wk-lead-grid>*{grid-column:1!important;grid-row:auto!important} #vrinda-club-v3 .wk-lead[data-situation-version="1"]{min-height:0} #vrinda-club-v3 .wk-lead[data-situation-version="1"]::after{top:16px;font-size:22vw;letter-spacing:-.08em} #vrinda-club-v3 .wk-lead[data-situation-version="1"]::before{ background:linear-gradient(0deg,#090909 0%,#090909 41%,rgba(9,9,9,.62) 76%,rgba(9,9,9,.46) 100%); } #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-portrait{inset:0 0 auto;height:610px} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-portrait img{object-position:29% center} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-grid>:not(.wk-lead-portrait){position:relative;z-index:2} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-grid{min-height:0;padding:120px 0 76px} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-label{margin-top:0!important} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-open{margin-top:36px!important;font-size:clamp(4rem,18vw,5.4rem)} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b1{margin-top:430px!important} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-cue{margin-top:64px!important} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-question{margin-top:14px;font-size:clamp(3.1rem,14vw,4.15rem)} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-answer{margin-top:38px!important} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b2,#vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b3{margin-top:62px!important;padding:20px 0 0} #vrinda-club-v3 .wk-lead[data-situation-version="1"] .wk-lead-b3{margin-top:28px!important} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-grid{min-height:0;padding:0 0 90px;border-top:0} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-portrait{height:510px;margin-inline:calc((100vw - 100%)/-2)} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-portrait img{object-position:25% center} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-label{margin-top:44px!important} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-open{margin-top:34px!important;font-size:clamp(3.8rem,17vw,5rem)} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b1{margin-top:34px!important} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-cue{margin-top:66px!important} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-question{margin-top:12px;padding:30px 0;border-color:#111;font-size:clamp(3.15rem,14vw,4.2rem)} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-answer{margin-top:32px!important} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b2,#vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b3{margin-top:58px!important;padding:20px 0 0} #vrinda-club-v3 .wk-lead[data-situation-version="2"] .wk-lead-b3{margin-top:28px!important} #vrinda-club-v3 .design-version-switcher{ top:auto; right:auto; bottom:16px; left:50%; width:min(330px,calc(100% - 34px)); padding:5px; transform:translateX(-50%); box-shadow:5px 5px 0 rgba(200,40,140,.92); transition:bottom .25s ease; } #vrinda-club-v3:has(.sticky-cta.is-visible) .design-version-switcher{bottom:76px} #vrinda-club-v3 .design-version-label{display:none} #vrinda-club-v3 .design-version-options{grid-template-columns:1fr 1fr;margin-top:0} #vrinda-club-v3 .design-version-switcher button{text-align:center} } @media(prefers-reduced-motion:reduce){ #vrinda-club-v3 .wk-lead[data-situation-version]{transition:none} }/* ---------- selected situation edition / brand color pass ---------- */ #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"]{ background:#f7f2ec!important; color:var(--wk-ink); } #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"]::before{color:rgba(200,40,140,.075)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-grid{border-color:var(--wk-ink)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-portrait{ position:relative; border-right:8px solid var(--wk-pink); background:var(--wk-ink); } #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-portrait::after{ display:none; } #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-portrait img{filter:none} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-label{color:var(--wk-ink);border-color:var(--wk-ink)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-label::after{color:var(--wk-pink-deep)} #vrinda-club-v3.wk-page .wk-lead--editorial[data-situation-version="2"] p{color:rgba(7,16,34,.72)} #vrinda-club-v3.wk-page .wk-lead--editorial[data-situation-version="2"] strong{color:var(--wk-ink)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-index,#vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-open,#vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-b1,#vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-question{ font-family:'Fraunces',Georgia,serif; } #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-open{color:var(--wk-ink)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-b1,#vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-b2,#vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-b3{border-color:var(--wk-ink)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-b1::first-letter{color:var(--wk-pink-deep)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-cue{color:var(--wk-pink-deep)!important} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-question{ border-color:var(--wk-pink); background:var(--wk-ink); color:var(--wk-white); box-shadow:inset 9px 0 0 var(--wk-pink); } #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-answer{color:var(--wk-ink)!important} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-answer strong{color:var(--wk-pink-deep)} @media(max-width:700px){ #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-lead-portrait{border-right:0;border-bottom:7px solid var(--wk-pink)} #vrinda-club-v3 .wk-lead--editorial[data-situation-version="2"] .wk-question{padding:34px 24px;box-shadow:inset 6px 0 0 var(--wk-pink)} }/* /assets/ticket-versions.css?v=20260825b */ /* Registration rail comparison — active component stylesheet. */ /* ---------- registration rail design comparison ---------- */ #vrinda-club-v3 .wk-ticket-section[data-ticket-version]{ position:relative; isolation:isolate; overflow:hidden; scroll-margin-top:72px; transition:background-color .35s ease,color .35s ease; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket{ position:relative; overflow:hidden; transition:background-color .35s ease,color .35s ease; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket h2,#vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket-price{font-family:'Fraunces',Georgia,serif} #vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket-facts dd{font-family:'Urbanist',system-ui,sans-serif}/* Version 1 — graphic admission pass. */ #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"]{background:var(--wk-ink)!important;color:var(--wk-white)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket{ grid-template-columns:minmax(0,1fr) minmax(320px,.34fr); min-height:390px; border-color:rgba(255,255,255,.24); background:var(--wk-ink); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket::before{ content:'07—09'; position:absolute; right:30%; bottom:-.3em; color:rgba(255,255,255,.045); font:500 clamp(8rem,17vw,17rem)/1 'Fraunces',Georgia,serif; letter-spacing:-.09em; white-space:nowrap; pointer-events:none; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-main{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.8fr); align-content:center; column-gap:clamp(38px,6vw,90px); padding-block:72px; background:transparent; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket .eyebrow{ grid-column:1 / -1; margin:0 0 24px; color:#F06DBB; font-size:clamp(.875rem,1.15vw,1.0625rem); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket h2{ grid-column:1; margin:0; color:var(--wk-white); font-size:clamp(3.4rem,5.4vw,6.1rem); line-height:.9; letter-spacing:-.055em; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts{ grid-column:2; display:grid; align-self:end; gap:14px; margin:0; padding:20px 0 0; border-top:1px solid rgba(255,255,255,.42); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts div{display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:baseline} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts dt{color:#F06DBB;font-size:.75rem} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts dd{margin:0;color:rgba(255,255,255,.88);font-size:1.125rem} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy{ position:relative; z-index:2; padding:46px; border:0; border-left:1px dashed rgba(255,255,255,.45); background:var(--wk-pink); color:var(--wk-ink); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::before,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::after{ content:''; position:absolute; left:-13px; width:25px; height:25px; border-radius:50%; background:var(--wk-ink); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::before{top:-13px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::after{bottom:-13px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-label{color:rgba(7,16,34,.68)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-price{ margin:4px 0; color:var(--wk-ink); font-size:clamp(5.8rem,8vw,8.5rem); line-height:.82; letter-spacing:-.07em; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-expiry{color:rgba(7,16,34,.68)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy .btn{margin-top:26px;background:var(--wk-ink);color:var(--wk-white)}/* Version 2 — magazine subscription insert. */ #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"]{background:#f7f2ec!important;color:var(--wk-ink)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket{ grid-template-columns:minmax(0,1fr) minmax(360px,.38fr); min-height:420px; border:0; border-top:10px solid var(--wk-ink); border-bottom:1px solid var(--wk-ink); background:#f7f2ec; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket::before{ content:'LIVE / 2026'; position:absolute; top:18px; right:calc(38% + 30px); color:var(--wk-pink-deep); font:800 8px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.2em; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-main{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); align-content:center; column-gap:clamp(42px,7vw,112px); padding-block:76px; background:transparent; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket .eyebrow{grid-column:1 / -1;margin:0 0 22px;color:var(--wk-pink-deep)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket h2{ grid-column:1; margin:0; color:var(--wk-ink); font-size:clamp(3.6rem,5.6vw,6.3rem); line-height:.88; letter-spacing:-.06em; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-facts{ grid-column:2; display:grid; gap:0; margin:0; border-top:1px solid var(--wk-ink); } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-facts div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(7,16,34,.22)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-facts dt{color:var(--wk-pink-deep);font-size:8px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-facts dd{margin:0;color:var(--wk-ink);font-size:.9rem;text-align:right} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy{ position:relative; justify-content:flex-end; align-items:flex-start; padding:54px clamp(34px,4vw,68px); border:0; border-left:1px solid var(--wk-ink); background:var(--wk-pink); color:var(--wk-ink); text-align:left; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy::before{ content:'EARLY BIRD'; position:absolute; top:54px; right:-.06em; color:rgba(7,16,34,.09); font:800 clamp(3rem,5vw,5.4rem)/.78 'Urbanist',system-ui,sans-serif; letter-spacing:-.06em; writing-mode:vertical-rl; pointer-events:none; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-label{position:relative;z-index:1;color:rgba(7,16,34,.68)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-price{ position:relative; z-index:1; margin:4px 0; color:var(--wk-ink); font-size:clamp(6rem,8vw,8.7rem); line-height:.82; letter-spacing:-.075em; } #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-expiry{position:relative;z-index:1;color:rgba(7,16,34,.68)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy .btn{position:relative;z-index:1;width:auto;margin-top:28px;background:var(--wk-ink);color:var(--wk-white)}/* Floating registration version menu. */ #vrinda-club-v3 .ticket-version-switcher{ position:fixed; top:50%; right:18px; z-index:1250; width:144px; padding:8px; transform:translateY(-50%); border:1px solid var(--wk-ink); background:rgba(247,242,236,.96); box-shadow:8px 8px 0 var(--wk-pink); color:var(--wk-ink); font-family:'Urbanist',system-ui,sans-serif; backdrop-filter:blur(12px); } #vrinda-club-v3 .ticket-version-label{display:block;padding:7px 7px 11px;border-bottom:1px solid rgba(7,16,34,.28);font-size:7px;font-weight:800;letter-spacing:.15em;line-height:1.4;text-transform:uppercase} #vrinda-club-v3 .ticket-version-options{display:grid;gap:2px;margin-top:6px} #vrinda-club-v3 .ticket-version-switcher button{ width:100%; min-height:38px; padding:0 9px; border:0; background:transparent; color:var(--wk-ink); font:800 8px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.16em; text-align:left; text-transform:uppercase; cursor:pointer; } #vrinda-club-v3 .ticket-version-switcher button:hover{background:rgba(7,16,34,.08)} #vrinda-club-v3 .ticket-version-switcher button.is-active{background:var(--wk-ink);color:var(--wk-white)} #vrinda-club-v3 .ticket-version-switcher button:focus-visible{outline:2px solid var(--wk-pink-deep);outline-offset:2px} @media(max-width:980px){ #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-main,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-main{grid-template-columns:1fr;gap:32px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket h2,#vrinda-club-v3 .wk-ticket-section[data-ticket-version] .wk-ticket-facts{grid-column:1} } @media(max-width:700px){ #vrinda-club-v3 .wk-ticket-section[data-ticket-version]{scroll-margin-top:64px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket{grid-template-columns:1fr} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-main,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-main{padding:54px 20px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket h2,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket h2{font-size:clamp(3.3rem,15vw,4.35rem)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts div{grid-template-columns:62px 1fr} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy{padding:46px 20px;border-left:0;border-top:1px dashed rgba(255,255,255,.5)} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::before,#vrinda-club-v3 .wk-ticket-section[data-ticket-version="1"] .wk-ticket-buy::after{display:none} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket::before{right:20px} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy{align-items:center;padding:46px 20px;border-left:0;border-top:1px solid var(--wk-ink);text-align:center} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy::before{display:none} #vrinda-club-v3 .wk-ticket-section[data-ticket-version="2"] .wk-ticket-buy .btn{width:100%} #vrinda-club-v3 .ticket-version-switcher{ top:auto; right:auto; bottom:16px; left:50%; width:min(330px,calc(100% - 34px)); padding:5px; transform:translateX(-50%); box-shadow:5px 5px 0 var(--wk-pink); transition:bottom .25s ease; } #vrinda-club-v3:has(.sticky-cta.is-visible) .ticket-version-switcher{bottom:76px} #vrinda-club-v3 .ticket-version-label{display:none} #vrinda-club-v3 .ticket-version-options{grid-template-columns:1fr 1fr;margin-top:0} #vrinda-club-v3 .ticket-version-switcher button{text-align:center} }/* /assets/stages-versions.css?v=20260825b */ /* Locked magazine blueprint with animated stage progression. */ #vrinda-club-v3 .wk-stages[data-stages-version]{--stages-bg:#f3e9e8;--stages-card:#fffaf7;--stages-ink:#071022;--stages-copy:rgba(7,16,34,.74);--stages-line:#C8288C;position:relative;isolation:isolate;overflow:hidden;padding:clamp(76px,7vw,110px) 0 clamp(120px,11vw,180px)!important;background:var(--stages-bg);color:var(--stages-ink)} #vrinda-club-v3 .wk-stages[data-stages-version]::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(7,16,34,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(7,16,34,.055) 1px,transparent 1px);background-size:72px 72px;pointer-events:none} #vrinda-club-v3 .wk-stages[data-stages-version] .wrap{position:relative;width:min(92vw,1420px);max-width:none;margin:auto} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-head{width:100%;max-width:none;margin:0 0 clamp(90px,9vw,140px);text-align:left} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-head .eyebrow{justify-content:flex-start;color:var(--wk-pink-deep)!important} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-head h2{max-width:1080px;margin:0;color:var(--stages-ink)!important;font-family:'Fraunces',Georgia,serif!important;font-size:clamp(4rem,6.2vw,7.3rem)!important;font-weight:500!important;line-height:.93!important;letter-spacing:-.052em!important} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-list{position:relative;display:grid;gap:120px} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-progress{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;color:var(--stages-line);pointer-events:none} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-progress-path{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:8 9;vector-effect:non-scaling-stroke;animation:wkStagesPathFlow 1.5s linear infinite} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-progress-signal{fill:var(--stages-line);stroke:var(--stages-bg);stroke-width:4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--stages-line) 50%,transparent))} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage{position:relative;z-index:2;display:grid;grid-template-columns:160px minmax(0,1fr);gap:clamp(36px,5vw,76px);width:min(82%,1120px);height:600px;margin:0;padding:clamp(42px,5vw,74px);border:1px solid color-mix(in srgb,var(--stages-ink) 28%,transparent);background:var(--stages-card);color:var(--stages-ink);box-shadow:16px 20px 0 color-mix(in srgb,var(--stages-ink) 6%,transparent)} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage:nth-of-type(2){justify-self:end} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-index{position:relative;z-index:1;display:grid;place-content:center;width:150px;height:150px;border:2px solid var(--stages-line);border-radius:50%;background:var(--stages-bg);text-align:center;box-shadow:0 0 0 14px color-mix(in srgb,var(--stages-line) 8%,transparent)} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-index span{color:var(--stages-line);font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-index b{color:var(--stages-ink);font-family:'Fraunces',Georgia,serif;font-size:6.4rem;font-weight:400;line-height:.7;letter-spacing:-.07em} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-body{align-self:center} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-body h3{max-width:100%;margin:0 0 24px;color:var(--stages-ink);font-family:'Fraunces',Georgia,serif!important;font-size:clamp(3.8rem,5.3vw,6.2rem)!important;font-weight:500!important;line-height:.95;letter-spacing:-.045em!important} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-body>p,#vrinda-club-v3 .wk-stages[data-stages-version] .wk-checks li{color:var(--stages-copy)} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-body>p{font-size:clamp(1.06rem,1.25vw,1.23rem);line-height:1.55} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:30px;border-top:1px solid color-mix(in srgb,var(--stages-ink) 20%,transparent)} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-checks li{padding:24px 20px 0 30px;font-size:clamp(.96rem,1.04vw,1.08rem);font-weight:700;line-height:1.52} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-checks li::before{color:var(--stages-line)} #vrinda-club-v3 .wk-stages[data-stages-version]::after{content:'';position:absolute;right:-18vw;top:18%;width:54vw;aspect-ratio:1;border-radius:50%;background:rgba(200,40,140,.12);filter:blur(130px);pointer-events:none} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage{border:0;border-left:8px solid var(--stages-line);box-shadow:0 28px 80px rgba(7,16,34,.12)} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage:nth-of-type(2){background:#e6d2d9} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-index{border:0;background:var(--stages-line);box-shadow:0 0 0 14px rgba(200,40,140,.1);transform:rotate(-5deg)} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-index span,#vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-index b{color:#fff} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-checks li strong{color:var(--stages-line)} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage:nth-of-type(1)::after{content:'';position:absolute;z-index:4;left:calc(clamp(42px,5vw,74px) + 68px);bottom:-7px;width:14px;height:14px;box-sizing:border-box;border:3px solid var(--stages-bg);border-radius:50%;background:var(--stages-line);box-shadow:0 0 0 7px rgba(200,40,140,.1),0 0 18px rgba(200,40,140,.3)} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage:nth-of-type(2)::after{content:'';position:absolute;z-index:4;right:68px;bottom:-7px;width:14px;height:14px;box-sizing:border-box;border:3px solid var(--stages-bg);border-radius:50%;background:var(--stages-line);box-shadow:0 0 0 7px rgba(200,40,140,.1),0 0 18px rgba(200,40,140,.3)} @keyframes wkStagesPathFlow{to{stroke-dashoffset:-34}} @media(max-width:980px){ #vrinda-club-v3 .wk-stages[data-stages-version]{padding:72px 0 100px!important} #vrinda-club-v3 .wk-stages[data-stages-version] .wrap{width:calc(100% - 48px)} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-head{margin-bottom:80px} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-head h2{font-size:clamp(3.25rem,10vw,5.8rem)!important} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-list{gap:100px} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-progress{display:none} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage{justify-self:stretch!important;grid-template-columns:120px minmax(0,1fr);width:100%;height:auto;min-height:590px;padding:42px 30px;transform:none!important} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage:not(:last-child)::after{content:'';position:absolute;left:50%;right:auto;top:100%;bottom:auto;width:2px;height:100px;box-sizing:content-box;border:0;border-radius:0;background:repeating-linear-gradient(180deg,var(--stages-line) 0 8px,transparent 8px 17px);box-shadow:none;animation:wkStagesMobileFlow 1.4s linear infinite} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage:not(:last-child)::before{content:'';position:absolute;z-index:4;left:calc(50% - 6px);top:calc(100% + 82px);width:12px;height:12px;border-right:2px solid var(--stages-line);border-bottom:2px solid var(--stages-line);transform:rotate(45deg)} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-index{width:112px;height:112px} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-index b{font-size:4.7rem} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-checks{grid-template-columns:1fr} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-checks li{padding:18px 0 18px 30px;border-bottom:1px solid color-mix(in srgb,var(--stages-ink) 14%,transparent)} } @media(max-width:600px){ #vrinda-club-v3 .wk-stages[data-stages-version]{padding:64px 0 82px!important} #vrinda-club-v3 .wk-stages[data-stages-version] .wrap{width:calc(100% - 36px)} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:34px 24px} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-index{width:94px;height:94px} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-index b{font-size:4rem} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage-body h3{font-size:clamp(3.1rem,13vw,4.4rem)!important} } @keyframes wkStagesMobileFlow{to{background-position-y:34px}} @media(prefers-reduced-motion:reduce){ #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-progress-path,#vrinda-club-v3 .wk-stages[data-stages-version] .wk-stage:not(:last-child)::after{animation:none!important} #vrinda-club-v3 .wk-stages[data-stages-version] .wk-stages-progress-signal{display:none} }/* /assets/days-versions.css?v=20260825b */ #vrinda-club-v3.wk-page .wk-days[data-days-version]{--days-ink:#071022;--days-pink:#C8288C;--days-blush:#fff4f8;position:relative;isolation:isolate;overflow:hidden;padding:clamp(110px,10vw,170px) 0!important;background:#fff;color:var(--days-ink)} #vrinda-club-v3.wk-page .wk-days[data-days-version]>.wrap{display:block;width:min(1420px,calc(100% - 80px));max-width:none;margin:auto} #vrinda-club-v3 .wk-days-head{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);column-gap:clamp(52px,7vw,112px);align-items:end;margin-bottom:clamp(74px,7vw,112px)} #vrinda-club-v3 .wk-days-head .eyebrow{grid-column:1/-1;margin-bottom:26px;color:var(--days-pink);font-size:clamp(.875rem,1.05vw,1rem)} #vrinda-club-v3.wk-page .wk-days-head h2{grid-column:1;max-width:11ch;margin:0;color:var(--days-ink);font-size:clamp(3.4rem,4.9vw,5.5rem)!important} #vrinda-club-v3 .wk-days-head .lede{grid-column:2;align-self:end;max-width:46ch;margin:0 0 26px;padding-top:28px;border-top:1px solid rgba(7,16,34,.2);color:rgba(7,16,34,.68);font-size:clamp(1.12rem,1.35vw,1.38rem);font-weight:600;line-height:1.58} #vrinda-club-v3 .wk-days-promise{grid-column:2;margin:0;color:var(--days-ink);font-size:clamp(1.2rem,1.55vw,1.62rem);font-weight:700;line-height:1.35} #vrinda-club-v3 .wk-days-process{position:relative} #vrinda-club-v3 .wk-days-motion{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none} #vrinda-club-v3 .wk-days-motion-base,#vrinda-club-v3 .wk-days-motion-live{fill:none;vector-effect:non-scaling-stroke} #vrinda-club-v3 .wk-days-motion-base{stroke:rgba(7,16,34,.16);stroke-width:1.5;stroke-dasharray:5 7} #vrinda-club-v3 .wk-days-motion-live{stroke:var(--days-pink);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:24 886;animation:days-path 8s linear infinite} #vrinda-club-v3 .wk-days-motion-dot{fill:var(--days-pink);filter:drop-shadow(0 0 9px rgba(200,40,140,.65))} #vrinda-club-v3 .wk-days-steps{position:relative;z-index:2;margin:0;padding:0;list-style:none} #vrinda-club-v3 .wk-days-step{position:relative;border:1px solid rgba(7,16,34,.16);border-top:5px solid var(--days-pink);background:rgba(255,255,255,.96);box-shadow:10px 12px 0 rgba(200,40,140,.055)} #vrinda-club-v3 .wk-days-step-index{display:block;color:var(--days-pink);font:800 9px/1 'Urbanist',sans-serif;letter-spacing:.16em;text-transform:uppercase} #vrinda-club-v3.wk-page .wk-days-step h3{margin:18px 0 20px;color:var(--days-ink);font-size:clamp(1.75rem,2.2vw,2.55rem)!important;line-height:.98!important} #vrinda-club-v3 .wk-days-step p{margin:0;color:rgba(7,16,34,.67);font-size:clamp(.96rem,1.06vw,1.08rem);line-height:1.55} #vrinda-club-v3 .wk-days-step p strong{color:var(--days-ink)} #vrinda-club-v3 .wk-days-support{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:24px clamp(50px,7vw,110px);margin-top:clamp(90px,9vw,145px);padding:clamp(62px,6vw,92px);padding-bottom:clamp(38px,4vw,58px);overflow:hidden;background:var(--days-ink);color:#fff} #vrinda-club-v3 .wk-days-support::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/72px 72px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/72px 72px} #vrinda-club-v3 .wk-days-support::after{content:'';position:absolute;right:-12%;bottom:-42%;z-index:-1;width:min(54vw,720px);aspect-ratio:1;border:1px solid rgba(200,40,140,.18);border-radius:50%;box-shadow:0 0 0 64px rgba(200,40,140,.025),0 0 0 128px rgba(200,40,140,.014);pointer-events:none} #vrinda-club-v3 .wk-days-support .eyebrow{color:#C8288C} #vrinda-club-v3.wk-page .wk-days-support h3{max-width:10ch;margin:28px 0 0;color:#fff;font-size:clamp(3rem,4.8vw,5.8rem)!important;line-height:.9!important} #vrinda-club-v3 .wk-days-support-cta{display:flex;width:min(100%,330px);margin-top:clamp(34px,4vw,54px);justify-content:space-between;background:#C8288C!important;color:#071022!important} #vrinda-club-v3 .wk-days-support-note{max-width:40ch;margin:32px 0 0;color:rgba(255,255,255,.58);font-size:.88rem;line-height:1.5} #vrinda-club-v3 .wk-days-support-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;counter-reset:support} #vrinda-club-v3 .wk-days-support-copy p{position:relative;margin:0;padding:22px 0 26px 42px;border-top:1px solid rgba(255,255,255,.18);color:#fff;font-family:'Urbanist',system-ui,sans-serif;font-size:clamp(1.08rem,1.25vw,1.25rem);font-weight:700;line-height:1.5;letter-spacing:-.015em;counter-increment:support} #vrinda-club-v3 .wk-days-support-copy p::before{content:'0' counter(support);position:absolute;left:0;top:26px;color:#C8288C;font:500 1.1rem/1 'Fraunces',serif;font-style:italic} #vrinda-club-v3 .wk-days-support-copy strong{color:#fff;font-weight:900} #vrinda-club-v3 .wk-days-support-footer{grid-column:1/-1;display:grid;gap:9px;margin-top:0;padding-top:clamp(18px,2vw,26px);border-top:1px solid rgba(255,255,255,.18)} #vrinda-club-v3 .wk-days-support-footer span{color:#C8288C;font:800 9px/1 'Urbanist',sans-serif;letter-spacing:.16em;text-transform:uppercase} #vrinda-club-v3 .wk-days-support-footer strong{max-width:24ch;color:#fff;font:500 clamp(1.55rem,2.3vw,2.55rem)/1.05 'Fraunces',serif;letter-spacing:-.04em}/* Version 1 — guided horizontal runway. */ #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-process{padding:24px 0} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);align-items:start} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step{min-height:360px;padding:clamp(26px,2.4vw,38px)} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step:nth-child(even){margin-top:94px} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step::after{content:'';position:absolute;top:82px;left:50%;width:14px;height:14px;border:4px solid #fff;border-radius:50%;background:var(--days-pink);box-shadow:0 0 0 1px var(--days-pink);transform:translate(-50%,-50%)} @keyframes days-path{to{stroke-dashoffset:-910}} @media(max-width:1200px){ #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-steps{grid-template-columns:repeat(3,minmax(0,1fr))} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step:nth-child(even){margin-top:0} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-motion-a{display:none} } @media(max-width:1050px){ #vrinda-club-v3 .wk-days-head{grid-template-columns:1fr} #vrinda-club-v3 .wk-days-head .eyebrow,#vrinda-club-v3 .wk-days-head h2,#vrinda-club-v3 .wk-days-head .lede,#vrinda-club-v3 .wk-days-promise{grid-column:1} #vrinda-club-v3 .wk-days-head .lede{margin-top:42px} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-steps{grid-template-columns:repeat(2,minmax(0,1fr))} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step:nth-child(even){margin-top:0} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-motion-a{display:none} #vrinda-club-v3 .wk-days-support{grid-template-columns:1fr} } @media(max-width:700px){ #vrinda-club-v3.wk-page .wk-days[data-days-version]>.wrap{width:calc(100% - 34px)} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-steps{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:16px} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step{grid-column:1!important;grid-row:auto!important;width:100%;min-height:0;padding:28px 24px} #vrinda-club-v3 .wk-days[data-days-version] .wk-days-step::after,#vrinda-club-v3 .wk-days[data-days-version] .wk-days-motion{display:none} #vrinda-club-v3 .wk-days-support{padding:46px 24px} #vrinda-club-v3 .wk-days-support-copy{grid-template-columns:1fr} } @media(prefers-reduced-motion:reduce){#vrinda-club-v3 .wk-days-motion-live{animation:none}#vrinda-club-v3 .wk-days-motion-dot{display:none}}/* Version 1 refinement — large, clean live-workshop chat interface. */ #vrinda-club-v3 .wk-days-chatbar,#vrinda-club-v3 .wk-days-composer,#vrinda-club-v3 .wk-days-chat-typing,#vrinda-club-v3 .wk-days-chat-feedback{display:none} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-process{display:grid;grid-template-rows:auto auto auto auto;max-width:1240px;margin:0 auto;padding:0;border:1px solid rgba(7,16,34,.16);border-radius:18px;background:#fbfafc;box-shadow:0 30px 80px rgba(7,16,34,.1);overflow:hidden} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-motion-a{display:none} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-chatbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;border-bottom:1px solid rgba(7,16,34,.12);background:#fff} #vrinda-club-v3 .wk-days-chat-identity{display:flex;align-items:center;gap:13px} #vrinda-club-v3 .wk-days-chat-avatar{display:block;width:43px;height:43px;flex:0 0 auto;border:2px solid rgba(200,40,140,.26);border-radius:50%;background:#f8e8ef;object-fit:cover;object-position:50% 24%;box-shadow:0 5px 14px rgba(7,16,34,.12)} #vrinda-club-v3 .wk-days-chat-identity strong{display:block;font:700 1rem/1.2 'Urbanist',sans-serif;color:var(--days-ink)} #vrinda-club-v3 .wk-days-chat-identity small{display:flex;align-items:center;gap:6px;margin-top:5px;color:rgba(7,16,34,.56);font:600 .76rem/1 'Urbanist',sans-serif} #vrinda-club-v3 .wk-days-chat-identity small i{width:7px;height:7px;border-radius:50%;background:#30b86c;box-shadow:0 0 0 4px rgba(48,184,108,.12);animation:days-presence 2s ease-in-out infinite} #vrinda-club-v3 .wk-days-chat-meta{display:flex;align-items:center;gap:12px} #vrinda-club-v3 .wk-days-chat-meta span,#vrinda-club-v3 .wk-days-chat-meta b{padding:9px 12px;border-radius:999px;font:800 8px/1 'Urbanist',sans-serif;letter-spacing:.13em;text-transform:uppercase} #vrinda-club-v3 .wk-days-chat-meta span{background:#f2eff2;color:rgba(7,16,34,.56)} #vrinda-club-v3 .wk-days-chat-meta b{background:#ffe5ef;color:var(--days-pink)} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-steps{display:flex;flex-direction:column;gap:24px;width:100%;padding:clamp(34px,4vw,58px);background:linear-gradient(rgba(200,40,140,.022) 1px,transparent 1px) 0 0/100% 58px} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step{width:min(76%,780px);min-height:0;margin:0!important;padding:24px 28px 22px 68px;border:0;border-radius:4px 18px 18px 18px;background:#fff;box-shadow:0 8px 24px rgba(7,16,34,.075)} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step:nth-child(even){align-self:flex-end;border-radius:18px 4px 18px 18px;background:#fff1f6} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step::before{content:'';position:absolute;left:16px;top:20px;display:block;width:36px;height:36px;border:2px solid rgba(200,40,140,.25);border-radius:50%;background:#f8e8ef url('https://vrinda-workshop.delicate-boat-bdce.workers.dev/assets/optimized/vrinda-story.webp') 50% 24%/cover no-repeat;box-shadow:0 4px 12px rgba(7,16,34,.12)} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step::after{content:'💗 24 · 🙌 18';position:static;display:block;width:max-content;height:auto;margin:18px 0 0;padding:7px 10px;border:0;border-radius:999px;background:#f7f3f6;color:rgba(7,16,34,.55);font:700 10px/1 'Urbanist',sans-serif;box-shadow:none;transform:none} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step:nth-child(2)::after{content:'💡 31 · ✨ 22'}#vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step:nth-child(3)::after{content:'🙌 37 · 💗 29'}#vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step:nth-child(4)::after{content:'✨ 26 · 💡 19'}#vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step:nth-child(5)::after{content:'💗 42 · 🙌 35'} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step-index{font-size:8px} #vrinda-club-v3.wk-page .wk-days[data-days-version="1"] .wk-days-step h3{margin:12px 0 10px;font-size:clamp(1.55rem,2vw,2.25rem)!important} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step p{font-size:clamp(1rem,1.15vw,1.16rem)} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-chat-typing{display:flex;align-items:center;gap:11px;padding:0 clamp(34px,4vw,58px) 22px;background:#fbfafc} #vrinda-club-v3 .wk-days-chat-typing .wk-days-chat-avatar{width:32px;height:32px;font-size:7px} #vrinda-club-v3 .wk-days-chat-typing>div{display:flex;gap:4px;padding:10px 13px;border-radius:4px 14px 14px 14px;background:#fff;box-shadow:0 6px 18px rgba(7,16,34,.06)} #vrinda-club-v3 .wk-days-chat-typing>div i{width:6px;height:6px;border-radius:50%;background:rgba(7,16,34,.36);animation:days-typing 1.2s ease-in-out infinite} #vrinda-club-v3 .wk-days-chat-typing>div i:nth-child(2){animation-delay:.15s}#vrinda-club-v3 .wk-days-chat-typing>div i:nth-child(3){animation-delay:.3s} #vrinda-club-v3 .wk-days-chat-typing small{color:rgba(7,16,34,.46);font:600 .72rem/1 'Urbanist',sans-serif} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 22px;border-top:1px solid rgba(7,16,34,.12);background:#fff} #vrinda-club-v3 .wk-days-emoji-row{display:flex;gap:4px} #vrinda-club-v3 .wk-days-emoji-row button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:9px;background:#f6f2f5;font-size:1.05rem;cursor:pointer} #vrinda-club-v3 .wk-days-emoji-row button:hover{background:#ffe5ef;transform:translateY(-1px)} #vrinda-club-v3 .wk-days-composer input{min-width:0;height:48px;padding:0 17px;border:1px solid rgba(7,16,34,.14);border-radius:10px;background:#fbfafc;color:var(--days-ink);font:500 1rem/1 'Urbanist',sans-serif} #vrinda-club-v3 .wk-days-composer input:focus{outline:2px solid rgba(200,40,140,.32);border-color:var(--days-pink)} #vrinda-club-v3 .wk-days-send{display:flex;align-items:center;justify-content:space-between;gap:20px;height:48px;padding:0 20px;border:0;border-radius:10px;background:var(--days-ink);color:#fff;font:800 9px/1 'Urbanist',sans-serif;letter-spacing:.13em;text-transform:uppercase;cursor:pointer} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-chat-feedback{display:block;min-height:24px;padding:0 24px 10px;background:#fff;color:rgba(7,16,34,.55);font:600 .72rem/1.3 'Urbanist',sans-serif;text-align:right} #vrinda-club-v3 .wk-days-user-message{align-self:flex-end;width:min(72%,700px);padding:18px 22px;border-radius:18px 4px 18px 18px;background:var(--days-ink);color:#fff;list-style:none;box-shadow:0 8px 24px rgba(7,16,34,.12)} #vrinda-club-v3 .wk-days-user-message span{display:block;margin-bottom:8px;color:#C8288C;font:800 8px/1 'Urbanist',sans-serif;letter-spacing:.12em;text-transform:uppercase} #vrinda-club-v3 .wk-days-user-message p{margin:0;color:#fff;font:500 1rem/1.45 'Urbanist',sans-serif} @keyframes days-typing{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}} @keyframes days-presence{50%{box-shadow:0 0 0 7px rgba(48,184,108,0)}} @media(max-width:700px){ #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-chatbar{padding:16px} #vrinda-club-v3 .wk-days-chat-meta span{display:none} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-steps{padding:24px 16px} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-step{width:92%;padding:22px 20px 20px 62px} #vrinda-club-v3 .wk-days[data-days-version="1"] .wk-days-composer{grid-template-columns:1fr auto;padding:14px} #vrinda-club-v3 .wk-days-emoji-row{grid-column:1/-1} #vrinda-club-v3 .wk-days-send{padding:0 16px} } @media(max-width:640px){#vrinda-club-v3.wk-page .wk-days-head h2{font-size:clamp(2.8rem,12vw,3.8rem)!important}}/* Directional viewport entrance: facilitator bubbles follow their alignment. */ #vrinda-club-v3 .wk-days-process.wk-days-step-ready .wk-days-step{opacity:0;transform:translate3d(-72px,0,0);transition:opacity .72s ease,transform .82s cubic-bezier(.16,1,.3,1)} #vrinda-club-v3 .wk-days-process.wk-days-step-ready .wk-days-step:nth-child(even){transform:translate3d(72px,0,0)} #vrinda-club-v3 .wk-days-process.wk-days-step-ready .wk-days-step.is-in-view{opacity:1;transform:translate3d(0,0,0)} #vrinda-club-v3 .wk-days-process.wk-days-step-ready .wk-days-step:nth-child(2){transition-delay:.05s}#vrinda-club-v3 .wk-days-process.wk-days-step-ready .wk-days-step:nth-child(3){transition-delay:.1s}#vrinda-club-v3 .wk-days-process.wk-days-step-ready .wk-days-step:nth-child(4){transition-delay:.15s}#vrinda-club-v3 .wk-days-process.wk-days-step-ready .wk-days-step:nth-child(5){transition-delay:.2s} @media(prefers-reduced-motion:reduce){#vrinda-club-v3 .wk-days-chat-identity small i{animation:none}#vrinda-club-v3 .wk-days-process.wk-days-step-ready .wk-days-step{opacity:1;transform:none;transition:none}}/* /assets/closing-sections.css?v=20260825b */ /* Final conversion sequence: VIP value stack, closing bridge, pricing choice and footer. */ #vrinda-club-v3 .wk-vip{position:relative;overflow:hidden;padding:clamp(96px,9vw,148px) 0!important;background:#f7f2ec!important;color:#071022!important;isolation:isolate} #vrinda-club-v3 .wk-vip::before{content:"VIP";position:absolute;right:-.04em;top:-.18em;z-index:-1;color:rgba(200,40,140,.055);font:500 clamp(18rem,40vw,42rem)/1 'Fraunces',serif;letter-spacing:-.12em} #vrinda-club-v3 .wk-vip::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(rgba(7,16,34,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,16,34,.045) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,#000,transparent 78%)} #vrinda-club-v3 .wk-vip-intro{display:block;max-width:1180px;margin:0 auto;text-align:center} #vrinda-club-v3 .wk-vip-kicker{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 24px!important;color:#C8288C!important;font-size:clamp(1.05rem,1.55vw,1.35rem);font-weight:700;letter-spacing:.01em} #vrinda-club-v3 .wk-vip-kicker::before,#vrinda-club-v3 .wk-vip-kicker::after{content:"";width:42px;height:2px;flex:0 0 42px;background:#C8288C} #vrinda-club-v3 .wk-vip-heading h2{max-width:25ch;margin:0 auto;color:#071022!important;font-size:clamp(3.3rem,5.65vw,6rem);line-height:.94;letter-spacing:-.052em} #vrinda-club-v3 .wk-vip-heading h2 em{color:#C8288C} #vrinda-club-v3 .wk-vip-pitch{display:flex;max-width:960px;flex-direction:column;align-items:center;gap:20px;margin:clamp(34px,4vw,52px) auto 0;padding:0 0 4px} #vrinda-club-v3 .wk-vip-warning{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(200,40,140,.35);border-radius:999px;background:rgba(200,40,140,.08);color:#C8288C;font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase} #vrinda-club-v3 .wk-vip-warning::before{content:"!";display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#C8288C;color:#fff;font-size:.7rem} #vrinda-club-v3 .wk-vip-pitch .lede{max-width:780px;margin:0;color:#071022!important;font-family:'Fraunces',Georgia,serif;font-size:clamp(1.4rem,2.1vw,2.15rem);line-height:1.24;letter-spacing:-.025em;text-align:center} #vrinda-club-v3 .wk-vip-pitch .lede strong{color:#C8288C!important;font-weight:700} #vrinda-club-v3 .wk-vip-ticket{position:relative;display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:22px 34px;align-items:center;z-index:8;margin:clamp(-112px,-8vw,-84px) auto 0;padding:28px 30px;overflow:hidden;background:#071022;color:#fff;text-align:left;box-shadow:12px 12px 0 #C8288C} #vrinda-club-v3 .wk-vip-ticket::before,#vrinda-club-v3 .wk-vip-ticket::after{content:"";position:absolute;right:154px;width:24px;height:24px;border-radius:50%;background:#f7f2ec;transform:translateX(50%)} #vrinda-club-v3 .wk-vip-ticket::before{top:-12px}#vrinda-club-v3 .wk-vip-ticket::after{bottom:-12px} #vrinda-club-v3 .wk-vip-ticket-copy{display:flex;flex-direction:column;gap:8px} #vrinda-club-v3 .wk-vip-ticket-copy span{font:600 clamp(1.65rem,2.6vw,2.55rem)/1 'Fraunces',Georgia,serif;letter-spacing:-.035em} #vrinda-club-v3 .wk-vip-ticket-price{padding-left:34px;border-left:1px dashed rgba(255,255,255,.38);color:#fff;font:600 clamp(2.7rem,4.3vw,4.5rem)/.9 'Fraunces',Georgia,serif;letter-spacing:-.05em} #vrinda-club-v3 .wk-vip-ticket .btn{grid-column:1/-1;width:100%;min-width:0;justify-content:center;color:#fff!important;font-weight:900} #vrinda-club-v3 .wk-vip-path{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:18px;margin:clamp(70px,9vw,118px) 0 24px;color:#C8288C;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase} #vrinda-club-v3 .wk-vip-path i{position:relative;height:1px;background:linear-gradient(90deg,#C8288C,rgba(200,40,140,.18))} #vrinda-club-v3 .wk-vip-path i::after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-radius:50%;background:#C8288C;box-shadow:0 0 0 7px rgba(200,40,140,.12);transform:translateY(-50%);animation:wkClosingPulse 2.1s ease-in-out infinite} #vrinda-club-v3 .wk-vip-perks{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(24px,3vw,42px);margin-top:clamp(40px,4.5vw,68px)!important;border:0!important} #vrinda-club-v3 .wk-perk,#vrinda-club-v3 .wk-perk:first-child,#vrinda-club-v3 .wk-perk:last-child{position:relative;min-height:100%;padding:clamp(36px,3.4vw,50px) clamp(30px,3vw,44px) clamp(30px,3vw,44px)!important;overflow:hidden;border:1px solid rgba(7,16,34,.14)!important;border-top:7px solid #C8288C!important;background:rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(61,36,47,.08);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease} #vrinda-club-v3 .wk-perk::before{content:"";position:absolute;left:0;top:0;width:34%;height:5px;background:#C8288C} #vrinda-club-v3 .wk-perk:nth-child(2)::before{left:33%;width:34%} #vrinda-club-v3 .wk-perk:nth-child(3)::before{left:auto;right:0;width:34%} #vrinda-club-v3 .wk-perk:hover{transform:translateY(-7px);box-shadow:0 34px 80px rgba(61,36,47,.13)} #vrinda-club-v3 .wk-perk:nth-child(2){transform:translateY(22px)} #vrinda-club-v3 .wk-perk:nth-child(2):hover{transform:translateY(15px)} #vrinda-club-v3 .wk-perk-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;color:#C8288C;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase} #vrinda-club-v3 .wk-perk-meta span{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(200,40,140,.55);border-radius:50%;font:italic 400 1rem/1 'Fraunces',serif} #vrinda-club-v3 .wk-perk h3{max-width:11ch;margin-bottom:22px!important;color:#071022!important;font-size:clamp(2rem,2.8vw,3.1rem)!important;line-height:.95!important} #vrinda-club-v3 .wk-perk p,#vrinda-club-v3 .wk-perk .wk-checks li{color:rgba(7,16,34,.76)!important;font-size:.95rem;font-weight:600;line-height:1.62} #vrinda-club-v3 .wk-perk strong,#vrinda-club-v3 .wk-perk .wk-checks li strong{color:#071022!important} #vrinda-club-v3 .wk-perk .wk-checks li::before{color:#C8288C!important} #vrinda-club-v3 .wk-vip-close-stage{position:relative;margin-top:clamp(64px,7vw,96px)} #vrinda-club-v3 .wk-vip-close{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:clamp(54px,8vw,110px);align-items:center;min-height:760px;margin:0!important;padding:clamp(82px,8vw,118px) clamp(34px,5vw,72px);overflow:hidden;border:1px solid rgba(7,16,34,.16);background:#fff;box-shadow:0 35px 90px rgba(61,36,47,.08);transition:background .45s ease,color .45s ease} #vrinda-club-v3 .wk-vip-collage{position:relative;min-height:560px} #vrinda-club-v3 .wk-vip-polaroid{position:absolute;left:50%;top:50%;z-index:2;width:min(330px,65%);margin:0;padding:12px 12px 46px;background:#fff;box-shadow:0 28px 65px rgba(7,16,34,.2);transform:translate(-50%,-50%) rotate(-2.5deg);transition:transform .55s cubic-bezier(.22,1,.36,1)} #vrinda-club-v3 .wk-vip-polaroid img{display:block;width:100%;height:clamp(340px,35.5vw,454px)!important;object-fit:cover;object-position:50% 18%;filter:saturate(.94) contrast(1.02)} #vrinda-club-v3 .wk-vip-polaroid figcaption{position:absolute;left:20px;bottom:14px;color:#071022;font:italic 500 1.05rem/1 'Fraunces',serif} #vrinda-club-v3 .wk-vip-polaroid figcaption span{font-family:'Urbanist',sans-serif;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.13em;text-transform:uppercase} #vrinda-club-v3 .wk-vip-note{position:absolute;z-index:3;width:190px;min-height:126px;padding:22px 18px 18px;background:#ffd8e7;box-shadow:0 18px 35px rgba(61,36,47,.13);transition:transform .45s cubic-bezier(.22,1,.36,1)} #vrinda-club-v3 .wk-vip-note::before{content:"";position:absolute;left:50%;top:-9px;width:52px;height:18px;background:rgba(255,255,255,.72);transform:translateX(-50%) rotate(-3deg)} #vrinda-club-v3 .wk-vip-note img{float:left;width:34px;height:34px;margin:0 10px 8px 0;border-radius:50%;object-fit:cover} #vrinda-club-v3 .wk-vip-note p{margin:0!important;color:#071022!important;font:500 1.05rem/1.15 'Fraunces',serif} #vrinda-club-v3 .wk-vip-note p strong{color:#C8288C!important;font-size:1.35em} #vrinda-club-v3 .wk-vip-note span{display:block;clear:both;margin-top:10px;color:rgba(7,16,34,.58);font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase} #vrinda-club-v3 .wk-vip-note-a{left:0;top:42px;transform:rotate(-7deg)} #vrinda-club-v3 .wk-vip-note-b{right:0;top:92px;background:#fff1b9;transform:rotate(6deg)} #vrinda-club-v3 .wk-vip-note-c{right:4px;bottom:20px;background:#dce7ff;transform:rotate(-4deg)} #vrinda-club-v3 .wk-vip-close:hover .wk-vip-polaroid{transform:translate(-50%,-52%) rotate(0)} #vrinda-club-v3 .wk-vip-close-copy{position:relative;z-index:4} #vrinda-club-v3 .wk-vip-close-label{display:block;margin-bottom:28px;color:#C8288C;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase} #vrinda-club-v3 .wk-vip-close h3{max-width:11ch;margin:0;color:#071022;font-size:clamp(2.8rem,4.7vw,5.3rem);line-height:.92;letter-spacing:-.055em} #vrinda-club-v3 .wk-vip-close h3 em{color:#C8288C} #vrinda-club-v3 .wk-vip-close-title{max-width:11ch;margin:0;color:#071022;font-size:clamp(2.8rem,4.7vw,5.3rem);line-height:.92;letter-spacing:-.055em} #vrinda-club-v3 .wk-vip-close-title em{color:#C8288C} #vrinda-club-v3 .wk-vip-close-copy>p{max-width:590px;margin:34px 0 0!important;padding-top:28px;border-top:1px solid rgba(7,16,34,.2);color:rgba(7,16,34,.68)!important;font-family:'Urbanist',sans-serif;font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.5;letter-spacing:0}/* Variation 2: expressive dark scrapbook */ #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"]{grid-template-columns:minmax(0,.94fr) minmax(360px,1.06fr);background:#071022;box-shadow:14px 14px 0 #C8288C} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"]::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 50%,rgba(200,40,140,.16),transparent 34%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,62px 62px,62px 62px} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-collage{order:2} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-close-copy{order:1} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-polaroid{width:min(420px,82%);transform:translate(-50%,-50%) rotate(3deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-note{width:215px;min-height:142px;padding:18px} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-note img,#vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-note img,#vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-note img{float:left;width:58px;height:58px;margin:0 12px 10px 0;border:5px solid #fff;border-radius:0;box-shadow:0 8px 18px rgba(7,16,34,.14);object-fit:cover;transform:rotate(-2deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-note-a{left:-8px;top:18px;transform:rotate(5deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-note-b{right:-2px;top:120px;transform:rotate(-7deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-note-c{left:10px;right:auto;bottom:10px;transform:rotate(7deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-close-label{color:#C8288C} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] h3{color:#fff} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] h3 em{color:#C8288C} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-close-copy>p{border-color:rgba(7,16,34,.2);color:rgba(7,16,34,.72)!important}/* Variation 3: dark editorial gallery, image-led on the left */ #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"]{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);background:#071022;box-shadow:14px 14px 0 #C8288C} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"]::before{content:"03";position:absolute;right:-.03em;bottom:-.2em;color:rgba(255,255,255,.035);font:500 24rem/1 'Fraunces',serif;letter-spacing:-.08em} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-collage{order:1;min-height:590px} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-close-copy{order:2} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-polaroid{left:47%;width:min(455px,76%);transform:translate(-50%,-50%) rotate(-1.5deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-note{width:218px;min-height:145px;padding:18px;border:1px solid rgba(7,16,34,.1)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-note-a{left:-12px;top:8px;transform:rotate(-5deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-note-b{right:-4px;top:42px;transform:rotate(5deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-note-c{right:4px;bottom:-6px;transform:rotate(-3deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-close-label{color:#C8288C} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] h3{color:#fff} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] h3 em{color:#C8288C} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-close-copy>p{border-color:rgba(7,16,34,.2);color:rgba(7,16,34,.72)!important}/* Variation 4: full-bleed proof wall with a floating message card */ #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"]{display:block;min-height:820px;padding:0;background:#071022;box-shadow:14px 14px 0 #C8288C} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"]::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,rgba(200,40,140,.18),transparent 34%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,66px 66px,66px 66px} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-collage{position:absolute;right:1.5%;top:5%;width:62%;height:90%;min-height:0} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-polaroid{left:52%;width:min(500px,68%);transform:translate(-50%,-50%) rotate(2deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-note{width:225px;min-height:148px;padding:18px} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-note-a{left:0;top:3%;transform:rotate(-6deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-note-b{right:0;top:15%;transform:rotate(6deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-note-c{left:4%;right:auto;bottom:2%;transform:rotate(4deg)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-close-copy{position:absolute;left:5.5%;top:50%;z-index:5;width:38%;padding:42px;background:rgba(247,242,236,.96);box-shadow:12px 14px 0 rgba(200,40,140,.94);transform:translateY(-50%)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-close-label{margin-bottom:20px} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] h3{font-size:clamp(2.5rem,3.8vw,4.2rem)} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-close-copy>p{margin-top:24px!important;padding-top:22px;font-size:1.05rem}/* Final comparison: two gallery variations derived from the selected V3. */ #vrinda-club-v3 .wk-vip-close-final .wk-vip-close{grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);min-height:920px;padding:clamp(44px,4vw,60px) clamp(34px,4.8vw,68px);background:#f5dce7;box-shadow:14px 14px 0 #C8288C} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 48%,rgba(200,40,140,.14),transparent 37%),linear-gradient(rgba(200,40,140,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(200,40,140,.075) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px} #vrinda-club-v3 .wk-vip-close-final .wk-vip-collage{order:1;min-height:800px} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close-copy{order:2} #vrinda-club-v3 .wk-vip-close-final .wk-vip-polaroid,#vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-polaroid{left:48%;width:min(520px,86%);height:auto;aspect-ratio:9/16;padding:12px 12px 48px;transform:translate(-50%,-50%) rotate(-1.5deg)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-polaroid img{position:absolute;left:12px;top:12px;width:calc(100% - 24px);height:calc(100% - 60px)!important;object-fit:cover;object-position:50% 16%} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-polaroid img{object-position:0% 50%} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note,#vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note{width:184px;min-height:0;padding:10px 10px 52px;background:#fff;box-shadow:0 22px 45px rgba(0,0,0,.28);transition:left 1.35s cubic-bezier(.22,1,.36,1),top 1.35s cubic-bezier(.22,1,.36,1),transform 1.35s cubic-bezier(.22,1,.36,1),opacity 1.35s ease,filter 1.35s ease,box-shadow 1.35s ease} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note::before{top:-11px;width:62px;height:22px;background:rgba(244,236,224,.9);box-shadow:0 2px 4px rgba(7,16,34,.08)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note img,#vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note img{display:block;float:none;width:100%;height:auto;aspect-ratio:1;border:0;border-radius:0;margin:0;box-shadow:none;object-fit:cover;transform:none} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note p{position:absolute;left:14px;right:14px;bottom:23px;margin:0!important;font-size:.92rem;line-height:1;text-align:left;white-space:nowrap} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note p strong{font-size:1.18em} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note span{position:absolute;left:14px;bottom:8px;margin:0;font-size:6.5px} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note img,#vrinda-club-v3 .wk-vip-close-final .wk-vip-note p,#vrinda-club-v3 .wk-vip-close-final .wk-vip-note span{transition:opacity .84s ease,transform 1.26s cubic-bezier(.22,1,.36,1),filter .84s ease} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note img{will-change:opacity,transform,filter} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note.is-switching img{opacity:0;filter:blur(3px);transform:scale(.92) rotate(-1.5deg)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note.is-switching p,#vrinda-club-v3 .wk-vip-close-final .wk-vip-note.is-switching span{opacity:0;transform:translateY(7px)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note-a{left:-18px;top:54px;transform:rotate(-7deg)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note-b{right:-10px;top:170px;transform:rotate(7deg)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note-c{right:0;bottom:48px;transform:rotate(-4deg)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close-label{color:#C8288C} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close-title{max-width:12.5ch;color:#071022;font-size:clamp(3.25rem,5.25vw,6rem)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close-title em{color:#C8288C} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close-copy>p{border-color:rgba(7,16,34,.2);color:rgba(7,16,34,.72)!important} #vrinda-club-v3 .wk-vip-close-action{display:grid;gap:22px;margin-top:34px} #vrinda-club-v3 .wk-vip-close-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;width:100%;min-height:66px;padding-inline:26px!important;font-size:12px!important} #vrinda-club-v3 .wk-vip-close-cta span{font-size:1.25rem;line-height:1} #vrinda-club-v3 .wk-vip-close-offer{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:20px} #vrinda-club-v3 .wk-vip-close-offer-label{max-width:105px;color:#C8288C;font-size:8px;font-weight:800;letter-spacing:.15em;line-height:1.35;text-transform:uppercase} #vrinda-club-v3 .wk-vip-close-action .wk-outcome-countdown{gap:18px} #vrinda-club-v3 .wk-vip-close-action .wk-outcome-cd-unit{min-width:42px} #vrinda-club-v3 .wk-vip-close-action .wk-outcome-cd-unit b{color:#071022} #vrinda-club-v3 .wk-vip-close-action .wk-outcome-cd-unit small{color:rgba(7,16,34,.58)} #vrinda-club-v3 .wk-vip-close-action .wk-outcome-cd-unit:not(:last-child)::after{right:-13px;color:rgba(7,16,34,.3)}/* Final Variation 2: reversed gallery with a stronger editorial diagonal. */ #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"]{grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);background:#f5dce7} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"]::before{background:radial-gradient(circle at 76% 48%,rgba(200,40,140,.14),transparent 38%),linear-gradient(rgba(200,40,140,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(200,40,140,.075) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-close-copy{order:1} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-collage{order:2} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-polaroid{left:53%;top:43%;transform:translate(-50%,-50%) rotate(2.5deg)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note-a{left:-2px;top:38px;transform:rotate(5deg)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note-b{right:-24px;top:210px;transform:rotate(-6deg)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note-c{left:8px;right:auto;bottom:38px;transform:rotate(6deg)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note{left:var(--proof-left);right:auto;top:var(--proof-top);bottom:auto;transform:translate(-50%,-50%) rotate(var(--proof-rotate))} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note-a{--proof-left:16%;--proof-top:18%;--proof-rotate:5deg} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note-b{--proof-left:84%;--proof-top:42%;--proof-rotate:-6deg} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note-c{--proof-left:18%;--proof-top:79%;--proof-rotate:6deg} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note-d{--proof-left:84%;--proof-top:79%;--proof-rotate:-5deg} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note.is-proof-hidden,#vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note.is-proof-leaving{opacity:0;filter:blur(4px);pointer-events:none;transform:translate(-50%,-50%) scale(.82) rotate(var(--proof-rotate))} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note.is-proof-hidden{visibility:hidden} #vrinda-club-v3 .wk-ready{position:relative;overflow:hidden;padding:clamp(96px,9vw,140px) 0!important;background:#101a31!important;isolation:isolate} #vrinda-club-v3 .wk-ready::before{content:"";position:absolute;right:-14vw;bottom:-34vw;z-index:-1;width:68vw;aspect-ratio:1;border:1px solid rgba(200,40,140,.28);border-radius:50%;box-shadow:0 0 0 7vw rgba(200,40,140,.035),0 0 0 14vw rgba(200,40,140,.018);animation:wkClosingOrbit 16s linear infinite} #vrinda-club-v3 .wk-ready-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(70px,10vw,150px);align-items:start} #vrinda-club-v3 .wk-ready-head{position:sticky;top:130px} #vrinda-club-v3 .wk-ready-head h2{max-width:8ch;margin:0;color:#fff;font-size:clamp(4rem,7vw,7.4rem);line-height:.86;letter-spacing:-.06em} #vrinda-club-v3 .wk-ready-head .lede{max-width:540px;margin:34px 0 30px;color:rgba(255,255,255,.78)!important;font-size:clamp(1.1rem,1.55vw,1.35rem)} #vrinda-club-v3 .wk-ready-head .btn{min-width:min(100%,330px)} #vrinda-club-v3 .wk-ready-head small{display:block;margin-top:14px;color:#aeb4c4;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase} #vrinda-club-v3 .wk-ready-case{border-top:1px solid rgba(255,255,255,.2)} #vrinda-club-v3 .wk-ready-step{display:grid;grid-template-columns:58px 1fr;gap:24px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.14)} #vrinda-club-v3 .wk-ready-step span{color:#C8288C;font:italic 400 1.15rem/1 'Fraunces',serif} #vrinda-club-v3 .wk-ready-step p{margin:0!important;color:#fff!important;font-size:1.05rem;line-height:1.72} #vrinda-club-v3 .wk-ready-step strong{color:#fff!important;font-weight:800} #vrinda-club-v3 .wk-ready-sign{margin:48px 0 0!important;color:#C8288C!important;font-size:clamp(2.4rem,4vw,4.5rem)!important;line-height:1!important;text-align:right} #vrinda-club-v3.wk-page .wk-choose{position:relative;padding:clamp(96px,9vw,144px) 0 0!important;overflow:hidden;background:#f7f2ec!important} #vrinda-club-v3 .wk-choose-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end;margin-bottom:clamp(54px,7vw,94px)} #vrinda-club-v3 .wk-choose-head h2{max-width:13ch;margin:0;color:#071022;font-size:clamp(4rem,7vw,7.4rem);line-height:.87;letter-spacing:-.06em} #vrinda-club-v3 .wk-choose-head .pink{color:#C8288C} #vrinda-club-v3 .wk-choose-event{display:grid;min-width:260px;padding:24px 0;border-top:1px solid rgba(7,16,34,.3);border-bottom:1px solid rgba(7,16,34,.3)} #vrinda-club-v3 .wk-choose-event b{margin-bottom:8px;color:#C8288C;font-size:9px;letter-spacing:.18em;text-transform:uppercase} #vrinda-club-v3 .wk-choose-event span{color:rgba(7,16,34,.7);font-size:.9rem} #vrinda-club-v3 .wk-plans{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px;margin:34px 0 0!important;border:0!important;align-items:stretch} #vrinda-club-v3 .wk-plan{position:relative;min-height:760px;padding:clamp(54px,5vw,72px) clamp(34px,4vw,58px) clamp(34px,4vw,58px)!important;overflow:visible;border:1px solid rgba(7,16,34,.16)!important;background:#fff!important;box-shadow:0 30px 80px rgba(45,29,37,.07)} #vrinda-club-v3 .wk-plan-vip{border-color:#071022!important;background:#071022!important;box-shadow:14px 14px 0 rgba(200,40,140,.92)} #vrinda-club-v3 .wk-plan-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 24px;margin:0 0 30px!important;padding:0 0 30px!important} #vrinda-club-v3 .wk-plan-name{position:absolute;left:50%;top:0;z-index:4;display:block;min-width:min(74%,250px);margin:0;padding:13px 24px;border:1px solid #C8288C;background:#fff;color:#C8288C!important;font-size:clamp(1rem,1.45vw,1.25rem);font-weight:900;letter-spacing:.09em;line-height:1;text-align:center;text-transform:uppercase;box-shadow:0 10px 24px rgba(45,29,37,.1);transform:translate(-50%,-50%)} #vrinda-club-v3 .wk-plan-price{grid-column:1;font-size:clamp(5rem,8vw,8.5rem)!important;line-height:.75!important} #vrinda-club-v3 .wk-plan-note{grid-column:1;grid-row:2;margin:14px 0 0!important;max-width:none;color:#071022!important;font-size:.88rem;font-style:normal;font-weight:700;line-height:1.4;text-align:left} #vrinda-club-v3 .wk-plan-vip .wk-plan-note{color:#fff!important} #vrinda-club-v3 .wk-plan-vip .wk-plan-name{border-color:#C8288C;background:#C8288C;color:#fff!important} #vrinda-club-v3 .wk-plan-intro{margin:0 0 10px;color:#071022!important;font-size:1.08rem;font-weight:700} #vrinda-club-v3 .wk-plan-vip .wk-plan-intro{color:#fff!important} #vrinda-club-v3 .wk-plan .wk-checks{gap:15px} #vrinda-club-v3 .wk-plan .wk-checks li{color:#071022!important;font-size:1.08rem;font-weight:600;line-height:1.58} #vrinda-club-v3 .wk-plan-vip .wk-checks li{color:#fff!important} #vrinda-club-v3 .wk-plan-fine{margin-top:30px!important;padding-top:24px;border-top:1px solid rgba(7,16,34,.2);color:#071022!important;font-size:1.02rem;font-weight:600;line-height:1.62} #vrinda-club-v3 .wk-plan-vip .wk-plan-fine{border-color:rgba(255,255,255,.22);color:#fff!important} #vrinda-club-v3 .wk-plan-vip-highlight{color:#C8288C;font-weight:800} #vrinda-club-v3 .wk-plan-cta{min-height:62px!important;font-size:12px!important} #vrinda-club-v3 .wk-plan-vip .wk-plan-cta{background:#C8288C!important;color:#071022!important} #vrinda-club-v3 .wk-plan-countdown{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(7,16,34,.13)} #vrinda-club-v3 .wk-plan-vip .wk-plan-countdown{border-color:rgba(255,255,255,.14)} #vrinda-club-v3 .wk-plan-countdown-label{max-width:190px;color:#C8288C;font-size:clamp(.95rem,1.35vw,1.2rem);font-weight:900;letter-spacing:.1em;line-height:1.25;text-transform:uppercase} #vrinda-club-v3 .wk-plan-vip .wk-plan-countdown-label{color:#C8288C} #vrinda-club-v3 .wk-plan-countdown .wk-outcome-countdown{gap:14px} #vrinda-club-v3 .wk-plan-countdown .wk-outcome-cd-unit{min-width:38px} #vrinda-club-v3 .wk-plan-countdown .wk-outcome-cd-unit b{font-size:clamp(1.6rem,2.2vw,2.25rem)} #vrinda-club-v3 .wk-plan-vip .wk-plan-countdown .wk-outcome-cd-unit b{color:#fff} #vrinda-club-v3 .wk-plan-vip .wk-plan-countdown .wk-outcome-cd-unit small{color:rgba(255,255,255,.58)} #vrinda-club-v3 .wk-plan-vip .wk-plan-countdown .wk-outcome-cd-unit:not(:last-child)::after{color:rgba(255,255,255,.28)} #vrinda-club-v3 .wk-choose-reassurance{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);gap:clamp(44px,7vw,108px);align-items:center;width:100vw;min-height:720px;margin:clamp(86px,9vw,132px) 0 0 calc(50% - 50vw);padding:clamp(64px,7vw,104px) max(5vw,calc((100vw - 1320px)/2));overflow:hidden;background:#071022;color:#fff;isolation:isolate} #vrinda-club-v3 .wk-choose-reassurance::before{content:"";position:absolute;right:-12vw;bottom:-28vw;z-index:-1;width:62vw;aspect-ratio:1;border:1px solid rgba(200,40,140,.24);border-radius:50%;box-shadow:0 0 0 7vw rgba(200,40,140,.035),0 0 0 14vw rgba(200,40,140,.018)} #vrinda-club-v3 .wk-choose-reassurance-copy{position:relative;z-index:2;max-width:780px} #vrinda-club-v3 .wk-choose-reassurance-copy>span{display:block;margin-bottom:24px;color:#C8288C;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase} #vrinda-club-v3.wk-page .wk-choose-reassurance h2{max-width:11ch;margin:0;color:#fff!important;font-size:clamp(4.25rem,6.7vw,7.6rem)!important;line-height:.86!important;letter-spacing:-.062em!important} #vrinda-club-v3.wk-page .wk-choose-reassurance h2 em{color:#C8288C} #vrinda-club-v3 .wk-choose-reassurance p{max-width:680px;margin:34px 0 0;color:#fff;font-size:clamp(1.15rem,1.55vw,1.42rem);font-weight:600;line-height:1.55} #vrinda-club-v3 .wk-choose-reassurance-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-width:350px;min-height:68px;margin-top:38px;padding-inline:28px!important;font-size:12px!important} #vrinda-club-v3 .wk-choose-reassurance-cta span{font-size:1.25rem} #vrinda-club-v3 .wk-choose-reassurance-visual{position:relative;align-self:end;min-height:620px;margin-bottom:calc(clamp(64px,7vw,104px) * -1)} #vrinda-club-v3 .wk-choose-reassurance-visual::before{content:"";position:absolute;left:50%;bottom:2%;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(200,40,140,.32),rgba(200,40,140,0) 68%);filter:blur(28px);transform:translateX(-50%)} #vrinda-club-v3 .wk-choose-polaroid{position:absolute;right:-6px;bottom:clamp(28px,3vw,52px);width:min(112%,570px);aspect-ratio:3/4;margin:0;padding:14px 14px 48px;background:#f8f4ed;box-shadow:0 34px 70px rgba(0,0,0,.35);transform:rotate(1.5deg);transform-origin:right bottom} #vrinda-club-v3 .wk-choose-polaroid::before{content:"";position:absolute;left:50%;top:-13px;z-index:2;width:94px;height:30px;background:rgba(200,40,140,.94);box-shadow:0 4px 12px rgba(56,0,24,.24);transform:translateX(-50%) rotate(-2deg)} #vrinda-club-v3 .wk-choose-polaroid img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(1.02) contrast(1.02)} #vrinda-club-v3 .wk-choose-signature{position:absolute;right:34px;bottom:72px;z-index:2;color:#fff;font:600 clamp(2.2rem,3.6vw,4rem)/.9 'Caveat',cursive;letter-spacing:-.025em;text-shadow:0 2px 12px rgba(7,16,34,.72);transform:rotate(-5deg);pointer-events:none} #vrinda-club-v3 .wk-footer{padding:58px 0 110px!important;background:#000!important;text-align:left!important} #vrinda-club-v3 .wk-footer .wrap{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end} #vrinda-club-v3 .wk-footer-main p{margin:22px 0 0;color:#C8288C;font:italic 400 clamp(1.5rem,2.5vw,2.8rem)/1 'Fraunces',serif} #vrinda-club-v3 .wk-footer-logo{height:58px!important;margin:0!important} #vrinda-club-v3 .wk-footer-meta{text-align:right} #vrinda-club-v3 .wk-footer-meta>span{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:16px;color:#C8288C;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:900;letter-spacing:.12em;text-transform:uppercase} #vrinda-club-v3 .wk-footer-meta>span::before{content:"";width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#C8288C;box-shadow:0 0 0 0 rgba(200,40,140,.62);animation:wkFooterLivePulse 1.8s ease-out infinite} #vrinda-club-v3 .wk-footer-meta p{margin:14px 0 0;color:rgba(255,255,255,.56);font-size:.78rem;line-height:1.5} #vrinda-club-v3 .wk-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 22px;margin:22px 0 0} #vrinda-club-v3 .wk-footer-links a{position:relative;color:#fff;font-size:.78rem;font-weight:700;line-height:1.4;text-decoration:none} #vrinda-club-v3 .wk-footer-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:#C8288C;transition:right .22s ease} #vrinda-club-v3 .wk-footer-links a:hover::after,#vrinda-club-v3 .wk-footer-links a:focus-visible::after{right:0} @keyframes wkFooterLivePulse{0%{box-shadow:0 0 0 0 rgba(200,40,140,.62)}70%,100%{box-shadow:0 0 0 12px rgba(200,40,140,0)}} @keyframes wkClosingPulse{50%{box-shadow:0 0 0 14px rgba(200,40,140,0)}} @keyframes wkClosingOrbit{50%{transform:translate(-2vw,-1vw) rotate(6deg)}} @media(max-width:900px){ #vrinda-club-v3 .wk-ready-grid,#vrinda-club-v3 .wk-choose-head{grid-template-columns:1fr} #vrinda-club-v3 .wk-vip-pitch{gap:28px} #vrinda-club-v3 .wk-vip-pitch .btn{width:100%;min-width:0} #vrinda-club-v3 .wk-vip-heading h2{max-width:none} #vrinda-club-v3 .wk-vip-perks{grid-template-columns:1fr!important} #vrinda-club-v3 .wk-perk:nth-child(2){transform:none} #vrinda-club-v3 .wk-vip-close,#vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"],#vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"]{grid-template-columns:1fr;min-height:0} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-collage{order:1} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-close-copy{order:2} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-collage{order:1} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-close-copy{order:2} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"]{display:grid;min-height:0;padding:54px 32px} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-collage{position:relative;right:auto;top:auto;width:100%;height:auto;min-height:590px;order:1} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-close-copy{position:relative;left:auto;top:auto;width:100%;order:2;padding:38px;transform:none} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close,#vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"]{grid-template-columns:1fr;min-height:0} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close .wk-vip-collage{order:1} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close .wk-vip-close-copy{order:2} #vrinda-club-v3 .wk-ready-head{position:relative;top:auto} #vrinda-club-v3 .wk-plans{grid-template-columns:1fr!important;gap:64px} #vrinda-club-v3 .wk-plan{min-height:0} #vrinda-club-v3 .wk-choose-event{min-width:0;max-width:460px}/* Reserve space for the ticket and portrait whenever these sections stack. */ #vrinda-club-v3 #vip-complete-path{display:flex;flex-direction:column;gap:24px} #vrinda-club-v3 #vip-complete-path .wk-vip-ticket{margin:0 auto} #vrinda-club-v3 .wk-choose-reassurance{grid-template-columns:minmax(0,1fr);gap:40px;min-height:0;padding-bottom:28px} #vrinda-club-v3 .wk-choose-reassurance-visual{width:100%;min-height:0;margin:0;align-self:stretch} #vrinda-club-v3 .wk-choose-polaroid{position:relative;inset:auto;width:min(100%,540px);height:auto;aspect-ratio:auto;margin:0 auto;transform:none} #vrinda-club-v3 .wk-choose-polaroid img{height:auto;aspect-ratio:3/4;object-fit:cover;translate:none!important;scale:none!important}/* Moving a tall card or its copy can cover the following row during reveal. */ #vrinda-club-v3 #vip-complete-path>.reveal,#vrinda-club-v3 #vip-complete-path .wk-vip-close-copy,#vrinda-club-v3 #choose .wk-choose-reassurance,#vrinda-club-v3 #choose .wk-choose-reassurance-copy,#vrinda-club-v3 #choose .wk-choose-reassurance-visual{ opacity:1!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;filter:none!important; } } @media(max-width:640px){ #vrinda-club-v3 .wk-vip-kicker{align-items:center;margin-bottom:20px!important;font-size:1.05rem;line-height:1.35;text-align:center} #vrinda-club-v3 .wk-vip-kicker::before,#vrinda-club-v3 .wk-vip-kicker::after{width:28px;flex-basis:28px} #vrinda-club-v3 .wk-vip-ticket{grid-template-columns:1fr;gap:20px;margin-top:24px;padding:26px 22px;text-align:center} #vrinda-club-v3 .wk-vip-ticket::before,#vrinda-club-v3 .wk-vip-ticket::after{display:none} #vrinda-club-v3 .wk-vip-ticket-copy{align-items:center} #vrinda-club-v3 .wk-vip-ticket-price{padding:18px 0 0;border-top:1px dashed rgba(255,255,255,.38);border-left:0} #vrinda-club-v3 .wk-vip-heading h2{font-size:clamp(2.75rem,12.5vw,4rem);line-height:.96} #vrinda-club-v3 .wk-vip-pitch{margin-top:42px;padding-top:24px} #vrinda-club-v3 .wk-vip-path{grid-template-columns:1fr;gap:12px;margin-top:62px} #vrinda-club-v3 .wk-vip-path i{width:1px;height:32px;margin-left:4px;background:linear-gradient(#C8288C,rgba(200,40,140,.18))} #vrinda-club-v3 .wk-vip-path i::after{right:auto;left:50%;top:auto;bottom:0;transform:translate(-50%,50%)} #vrinda-club-v3 .wk-vip-close-stage{margin-top:92px;padding-top:0} #vrinda-club-v3 .wk-vip-close,#vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"],#vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"],#vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"]{gap:42px;padding:42px 20px} #vrinda-club-v3 .wk-vip-collage{min-height:500px} #vrinda-club-v3 .wk-vip-polaroid,#vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-polaroid,#vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-polaroid,#vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-polaroid{width:76%} #vrinda-club-v3 .wk-vip-note{width:150px;min-height:110px;padding:18px 14px 14px} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-note,#vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-note,#vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-note{width:158px;min-height:124px;padding:14px} #vrinda-club-v3 .wk-vip-close[data-vip-close-version="2"] .wk-vip-note img,#vrinda-club-v3 .wk-vip-close[data-vip-close-version="3"] .wk-vip-note img,#vrinda-club-v3 .wk-vip-close[data-vip-close-version="4"] .wk-vip-note img{width:48px;height:48px;margin-right:9px;border-width:4px} #vrinda-club-v3 .wk-vip-note-a{top:8px}#vrinda-club-v3 .wk-vip-note-b{top:118px}#vrinda-club-v3 .wk-vip-note-c{bottom:0} #vrinda-club-v3 .wk-vip-close h3{font-size:clamp(2.65rem,12.5vw,4rem)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-close-title{font-size:clamp(3rem,13vw,4.4rem)} #vrinda-club-v3 .wk-vip-close-final .wk-vip-collage{min-height:650px} #vrinda-club-v3 .wk-vip-close-final .wk-vip-polaroid,#vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-polaroid{left:50%;width:76%} #vrinda-club-v3 .wk-vip-close-final .wk-vip-polaroid img{height:calc(100% - 60px)!important} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note,#vrinda-club-v3 .wk-vip-close-final .wk-vip-close[data-vip-close-version="2"] .wk-vip-note{width:138px;padding:8px 8px 46px} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note p{left:10px;right:10px;bottom:20px;font-size:.78rem} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note span{left:10px;bottom:7px;font-size:5.5px} #vrinda-club-v3 .wk-vip-close-offer{align-items:flex-start;flex-direction:column} #vrinda-club-v3 .wk-vip-close-offer-label{max-width:none} #vrinda-club-v3 .wk-ready-grid{gap:64px} #vrinda-club-v3 .wk-ready-head h2,#vrinda-club-v3 .wk-choose-head h2{font-size:clamp(3.5rem,16vw,5rem)} #vrinda-club-v3 .wk-ready-step{grid-template-columns:38px 1fr;gap:12px} #vrinda-club-v3 .wk-ready-sign{text-align:left} #vrinda-club-v3 .wk-plan{padding:32px 24px!important} #vrinda-club-v3 .wk-plan-head{grid-template-columns:1fr} #vrinda-club-v3 .wk-plan-note{grid-column:1;grid-row:auto;text-align:left} #vrinda-club-v3 .wk-plan-price{font-size:5.2rem!important} #vrinda-club-v3 .wk-plan-countdown{align-items:flex-start;flex-direction:column} #vrinda-club-v3 .wk-plan-countdown-label{max-width:none} #vrinda-club-v3 .wk-choose-reassurance{display:flex;flex-direction:column;gap:40px;padding-top:56px;padding-bottom:28px} #vrinda-club-v3 .wk-choose-reassurance-copy{width:100%;max-width:none} #vrinda-club-v3.wk-page .wk-choose-reassurance h2{max-width:10ch;font-size:clamp(3rem,13vw,4.35rem)!important} #vrinda-club-v3 .wk-choose-reassurance p{margin-top:26px} #vrinda-club-v3 .wk-choose-reassurance-cta{position:relative;width:100%;min-width:0;margin-top:28px} #vrinda-club-v3 .wk-choose-reassurance-visual{width:100%;min-height:0;margin-top:0} #vrinda-club-v3 .wk-footer .wrap{grid-template-columns:1fr;gap:34px} #vrinda-club-v3 .wk-footer-meta{text-align:left} #vrinda-club-v3 .wk-footer-meta>span{justify-content:flex-start} #vrinda-club-v3 .wk-footer-links{justify-content:flex-start} #vrinda-club-v3 .wk-footer-links a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px} } @media(prefers-reduced-motion:reduce){ #vrinda-club-v3 .wk-vip-path i::after,#vrinda-club-v3 .wk-ready::before,#vrinda-club-v3 .wk-footer-meta>span::before{animation:none} #vrinda-club-v3 .wk-vip-close-final .wk-vip-note img,#vrinda-club-v3 .wk-vip-close-final .wk-vip-note p,#vrinda-club-v3 .wk-vip-close-final .wk-vip-note span{transition:none} }/* /assets/typography-system.css?v=20260825b */ /* Page-wide display typography, matched exactly to the approved hero. */ #vrinda-club-v3.wk-page h1,#vrinda-club-v3.wk-page h2,#vrinda-club-v3.wk-page h3,#vrinda-club-v3.wk-page h4,#vrinda-club-v3.wk-page .wk-lead-open,#vrinda-club-v3.wk-page .wk-question,#vrinda-club-v3.wk-page .wk-diagnosis,#vrinda-club-v3.wk-page .wk-pullquote,#vrinda-club-v3.wk-page .wk-shift,#vrinda-club-v3.wk-page .wk-payoff,#vrinda-club-v3.wk-page .wk-story-open,#vrinda-club-v3.wk-page .wk-story-triad,#vrinda-club-v3.wk-page .wk-proof-turn,#vrinda-club-v3.wk-page .client-stories-study .story-quote,#vrinda-club-v3.wk-page .wk-vip-close,#vrinda-club-v3.wk-page .wk-ready-sign{ font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; letter-spacing:-.05em!important; line-height:.92!important; }/* Primary headlines use the approved hero's actual responsive scale. */ #vrinda-club-v3.wk-page h1,#vrinda-club-v3.wk-page h2,#vrinda-club-v3.wk-page .wk-lead-open,#vrinda-club-v3.wk-page .wk-question,#vrinda-club-v3.wk-page .wk-pullquote,#vrinda-club-v3.wk-page .wk-payoff{ font-size:clamp(3.15rem,4.35vw,4.95rem)!important; }/* Sub-headlines retain the same face and rhythm at a useful hierarchy tier. */ #vrinda-club-v3.wk-page h3,#vrinda-club-v3.wk-page h4,#vrinda-club-v3.wk-page .wk-diagnosis,#vrinda-club-v3.wk-page .wk-shift,#vrinda-club-v3.wk-page .wk-story-open,#vrinda-club-v3.wk-page .wk-story-triad,#vrinda-club-v3.wk-page .wk-proof-turn,#vrinda-club-v3.wk-page .wk-vip-close,#vrinda-club-v3.wk-page .wk-ready-sign{ font-size:clamp(1.75rem,2.4vw,2.45rem)!important; }/* Readability corrections revealed by the rendered comparison. */ #vrinda-club-v3.wk-page #situation .wk-lead-open{color:var(--wk-ink)!important} #vrinda-club-v3.wk-page #situation .wk-question{font-style:normal!important}/* Preserve the hero's italic contrast inside display copy. */ #vrinda-club-v3.wk-page :is(h1,h2,h3,h4,.wk-lead-open,.wk-question,.wk-pullquote) :is(em,.serif-italic),#vrinda-club-v3.wk-page :is(.wk-shift,.wk-story-triad,.wk-proof-turn,.wk-ready-sign){ font-family:'Fraunces',Georgia,serif!important; font-style:italic; font-weight:400!important; } @media(max-width:980px){ #vrinda-club-v3.wk-page h1,#vrinda-club-v3.wk-page h2,#vrinda-club-v3.wk-page .wk-lead-open,#vrinda-club-v3.wk-page .wk-question,#vrinda-club-v3.wk-page .wk-pullquote,#vrinda-club-v3.wk-page .wk-payoff{ font-size:clamp(3rem,9.7vw,5.2rem)!important; } } @media(max-width:640px){ #vrinda-club-v3.wk-page h1,#vrinda-club-v3.wk-page h2,#vrinda-club-v3.wk-page .wk-lead-open,#vrinda-club-v3.wk-page .wk-question,#vrinda-club-v3.wk-page .wk-pullquote,#vrinda-club-v3.wk-page .wk-payoff{ font-size:clamp(2.55rem,11vw,3.5rem)!important; } #vrinda-club-v3.wk-page h3,#vrinda-club-v3.wk-page h4,#vrinda-club-v3.wk-page .wk-diagnosis,#vrinda-club-v3.wk-page .wk-shift,#vrinda-club-v3.wk-page .wk-story-open,#vrinda-club-v3.wk-page .wk-story-triad,#vrinda-club-v3.wk-page .wk-proof-turn,#vrinda-club-v3.wk-page .wk-vip-close,#vrinda-club-v3.wk-page .wk-ready-sign{ font-size:clamp(1.6rem,7.5vw,2.2rem)!important; } } @media(prefers-reduced-motion:reduce){ #vrinda-club-v3.wk-page h1,#vrinda-club-v3.wk-page h2,#vrinda-club-v3.wk-page h3,#vrinda-club-v3.wk-page h4{transition:none} }/* /assets/brand-colors.css?v=20260825b */ /* Central brand accent override. Keep this after the section styles. */ #vrinda-club-v3{ --pink-500:#C8288C; --pink-400:#C8288C; --pink-300:#C8288C; } #vrinda-club-v3.wk-page{ --wk-pink:#C8288C; --wk-pink-deep:#C8288C; --cs-pink:#C8288C; --problem-pink:#C8288C; --days-pink:#C8288C; --stages-line:#C8288C; } #vrinda-club-v3.wk-page .btn-primary,#vrinda-club-v3.wk-page .btn-primary:hover,#vrinda-club-v3.wk-page .btn-primary:focus-visible{ background:#C8288C!important; color:#fff!important; }/* Reading copy baseline. Utility labels and captions keep their compact sizes. */ #vrinda-club-v3.wk-page{ --wk-body-copy-size:18px; font-size:var(--wk-body-copy-size); } #vrinda-club-v3.wk-page .lede{ font-size:clamp(18px,1.5vw,1.28rem); } #vrinda-club-v3.wk-page :is( .wk-problem-lede, .wk-symptom, .wk-resolution, .wk-lead-answer, .wk-lead-b1, .wk-lead-b2, .wk-lead-b3, .wk-mistake, .wk-days-support-note, .wk-perk p, .wk-ready-step p, .wk-plan-intro, .wk-plan-fine ){ font-size:var(--wk-body-copy-size)!important; } #vrinda-club-v3.wk-page .wk-mech p{ font-size:clamp(18px,1.45vw,1.32rem)!important; } #vrinda-club-v3.wk-page .wk-stage-body>p{ font-size:clamp(18px,1.25vw,1.23rem)!important; } #vrinda-club-v3.wk-page .client-stories-study .cs-intro p{ font-size:clamp(18px,1.22vw,1.24rem)!important; } #vrinda-club-v3.wk-page .wk-story-body p{ font-size:clamp(18px,1.3vw,1.23rem)!important; } @media(max-width:820px){ #vrinda-club-v3.wk-page{font-size:var(--wk-body-copy-size)} }/* /assets/cinematic-motion.css?v=20260825b */ /* Viewport-driven cinematic motion system. Activated by cinematic-motion.js so content remains visible if JavaScript fails. */ #vrinda-club-v3{ --cinema-ease:cubic-bezier(.16,1,.3,1); --cinema-soft:cubic-bezier(.22,1,.36,1); } .motion-ready #vrinda-club-v3 .reveal[data-cinema]{ opacity:0; filter:blur(8px); translate:0 52px; scale:.985; transform-origin:50% 55%; transition:opacity 1s var(--cinema-soft),translate 1.18s var(--cinema-ease),scale 1.18s var(--cinema-ease),rotate 1.18s var(--cinema-ease),filter .9s var(--cinema-soft); will-change:opacity,translate,scale,rotate,filter; } .motion-ready #vrinda-club-v3 .reveal[data-cinema="left"]{translate:-72px 28px;rotate:-.8deg} .motion-ready #vrinda-club-v3 .reveal[data-cinema="right"]{translate:72px 28px;rotate:.8deg} .motion-ready #vrinda-club-v3 .reveal[data-cinema="scale"]{translate:0 34px;scale:.94} .motion-ready #vrinda-club-v3 .reveal[data-cinema="tilt-left"]{translate:-54px 42px;rotate:-1.8deg;scale:.98} .motion-ready #vrinda-club-v3 .reveal[data-cinema="tilt-right"]{translate:54px 42px;rotate:1.8deg;scale:.98} .motion-ready #vrinda-club-v3 .reveal[data-cinema].in{ opacity:1; filter:none; translate:none; scale:none; rotate:none; will-change:auto; } .motion-ready #vrinda-club-v3 .reveal[data-cinema] [data-cinema-child]{ opacity:0; filter:blur(5px); translate:0 34px; transition:opacity .78s var(--cinema-soft),translate .95s var(--cinema-ease),filter .72s var(--cinema-soft); transition-delay:calc(150ms + var(--cinema-i,0) * 95ms); will-change:opacity,translate,filter; } .motion-ready #vrinda-club-v3 .reveal[data-cinema].in [data-cinema-child]{opacity:1;filter:none;translate:none;will-change:auto} .motion-ready #vrinda-club-v3 .reveal[data-cinema] [data-cinema-frame]{ clip-path:inset(0 100% 0 0); opacity:.72; transition:clip-path 1.18s var(--cinema-ease),opacity .72s var(--cinema-soft); transition-delay:calc(100ms + var(--cinema-i,0) * 80ms); } .motion-ready #vrinda-club-v3 .reveal[data-cinema].in [data-cinema-frame]{clip-path:inset(-2% -2% -2% -2%);opacity:1} .motion-ready #vrinda-club-v3 .reveal[data-cinema="right"] [data-cinema-frame]{clip-path:inset(0 0 0 100%)} .motion-ready #vrinda-club-v3 .reveal[data-cinema="right"].in [data-cinema-frame]{clip-path:inset(-2% -2% -2% -2%)} #vrinda-club-v3 [data-cinema-parallax]{ --cinema-y:0px; translate:0 var(--cinema-y); scale:1.045; transform-origin:center; will-change:translate; } .motion-ready #vrinda-club-v3 .wk-hero-visual img{animation:cinemaHeroImage 1.65s var(--cinema-ease) both} .motion-ready #vrinda-club-v3 .wk-hero-copy.in h1{animation:cinemaHeroTitle 1.05s var(--cinema-ease) .12s both} .motion-ready #vrinda-club-v3 .wk-hero-stats .wk-stat{animation:cinemaStatIn .8s var(--cinema-ease) both} .motion-ready #vrinda-club-v3 .wk-hero-stats .wk-stat:nth-child(2){animation-delay:.08s} .motion-ready #vrinda-club-v3 .wk-hero-stats .wk-stat:nth-child(3){animation-delay:.16s} .motion-ready #vrinda-club-v3 .wk-hero-stats .wk-stat:nth-child(4){animation-delay:.24s} @keyframes cinemaHeroImage{ from{opacity:.25;filter:blur(12px) saturate(.72);transform:scale(1.1) translate3d(24px,0,0)} to{opacity:1;filter:none;transform:scale(1.045) translate3d(0,0,0)} } @keyframes cinemaHeroTitle{ from{opacity:0;filter:blur(7px);transform:translate3d(0,38px,0)} to{opacity:1;filter:none;transform:none} } @keyframes cinemaStatIn{ from{opacity:0;transform:translate3d(0,24px,0)} to{opacity:1;transform:none} } @media(max-width:700px){ .motion-ready #vrinda-club-v3 .reveal[data-cinema],.motion-ready #vrinda-club-v3 .reveal[data-cinema="left"],.motion-ready #vrinda-club-v3 .reveal[data-cinema="right"],.motion-ready #vrinda-club-v3 .reveal[data-cinema="scale"],.motion-ready #vrinda-club-v3 .reveal[data-cinema="tilt-left"],.motion-ready #vrinda-club-v3 .reveal[data-cinema="tilt-right"]{ translate:0 34px; scale:.99; rotate:none; filter:blur(5px); transition-duration:.82s,.98s,.72s; } .motion-ready #vrinda-club-v3 .reveal[data-cinema] [data-cinema-child]{ translate:0 24px; transition-delay:calc(90ms + var(--cinema-i,0) * 64ms); } #vrinda-club-v3 [data-cinema-parallax]{translate:0 var(--cinema-y);scale:1.025} } @media(prefers-reduced-motion:reduce){ .motion-ready #vrinda-club-v3 .reveal[data-cinema],.motion-ready #vrinda-club-v3 .reveal[data-cinema] [data-cinema-child],.motion-ready #vrinda-club-v3 .reveal[data-cinema] [data-cinema-frame],#vrinda-club-v3 [data-cinema-parallax],.motion-ready #vrinda-club-v3 .wk-hero-visual img,.motion-ready #vrinda-club-v3 .wk-hero-copy.in h1,.motion-ready #vrinda-club-v3 .wk-hero-stats .wk-stat{ opacity:1!important; filter:none!important; clip-path:none!important; animation:none!important; transition:none!important; } .motion-ready #vrinda-club-v3 .reveal[data-cinema],.motion-ready #vrinda-club-v3 .reveal[data-cinema] [data-cinema-child],#vrinda-club-v3 [data-cinema-parallax]{ translate:none!important; scale:none!important; rotate:none!important; } .motion-ready #vrinda-club-v3 .wk-hero-copy.in h1,.motion-ready #vrinda-club-v3 .wk-hero-stats .wk-stat{transform:none!important} }/* /assets/club/club.css?v=28 */ /* Irresistible Marketing Club — page-specific layer. Everything else comes from the shared workshop stylesheets; this file only adds what the Club page needs that no other page already defines. */ /* ---- brand chip: the club logo carries its own pink/blue, so it sits on the dark ground unmodified rather than being tinted white like the workshop mark. */ #vrinda-club-v3 .club-nav-logo{display:block;width:auto;height:52px} #vrinda-club-v3 .wk-nav-brand.club-brand{display:flex;align-items:center} @media(max-width:640px){#vrinda-club-v3 .club-nav-logo{height:40px}}/* The honest-look section runs long, so its copy is set a step larger than the page default and given room to breathe between the blocks. */ #vrinda-club-v3 #gaps .narrow > p{ margin:26px 0 0; color:#000; font-size:clamp(1.12rem,1.35vw,1.28rem); line-height:1.78; } #vrinda-club-v3 #gaps .narrow > h2{margin-bottom:8px}/* The turn in the argument reads as a sub-headline rather than as another paragraph, so it carries the accent colour. */ #vrinda-club-v3.wk-page #gaps .club-gaps-sub{ max-width:26ch; margin:46px auto 0; color:var(--wk-pink-deep)!important; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; font-size:clamp(1.5rem,2.8vw,2.3rem)!important; line-height:1.2!important; letter-spacing:-.03em!important; text-align:center; }/* The first turning point becomes a full-width statement card. The centered rules visibly connect the paragraph above to the paragraph below. */ #vrinda-club-v3.wk-page #gaps .club-gaps-sub:not(.club-gaps-sub-ink){ position:relative; z-index:0; width:100%; max-width:none; padding:clamp(38px,5vw,62px) clamp(24px,6vw,72px); background:var(--wk-pink); color:#fff!important; } #vrinda-club-v3.wk-page #gaps .club-gaps-sub:not(.club-gaps-sub-ink)::before,#vrinda-club-v3.wk-page #gaps .club-gaps-sub:not(.club-gaps-sub-ink)::after{ content:""; position:absolute; left:50%; z-index:-1; width:2px; height:46px; background:var(--wk-pink); transform:translateX(-50%); } #vrinda-club-v3.wk-page #gaps .club-gaps-sub:not(.club-gaps-sub-ink)::before{top:-46px} #vrinda-club-v3.wk-page #gaps .club-gaps-sub:not(.club-gaps-sub-ink)::after{ bottom:-26px; height:26px; }/* The closing turn keeps the same voice but holds the accent for its last line, which is the point being made. */ #vrinda-club-v3.wk-page #gaps{ isolation:isolate; overflow:hidden; padding-bottom:56px; } #vrinda-club-v3.wk-page #gaps::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; -webkit-mask-image:linear-gradient(90deg,#000 0,#000 10%,transparent 42%,transparent 58%,#000 90%,#000 100%); mask-image:linear-gradient(90deg,#000 0,#000 10%,transparent 42%,transparent 58%,#000 90%,#000 100%); transition:background .35s ease; } #vrinda-club-v3.wk-page #gaps>.wrap{position:relative;z-index:1}/* Fine diagonal tailoring lines with restrained pink intersections. */ #vrinda-club-v3.wk-page #gaps::before{ background: radial-gradient(circle at 7% 20%,rgba(200,40,140,.16),transparent 24%), radial-gradient(circle at 93% 78%,rgba(200,40,140,.13),transparent 25%), repeating-linear-gradient(135deg,rgba(7,16,34,.075) 0 1px,transparent 1px 52px), repeating-linear-gradient(45deg,rgba(200,40,140,.07) 0 1px,transparent 1px 52px); } #vrinda-club-v3.wk-page .club-why{padding-top:56px;padding-bottom:48px} #vrinda-club-v3.wk-page .club-inside{padding-top:48px} #vrinda-club-v3.wk-page #proof{padding-top:48px;padding-bottom:44px} #vrinda-club-v3.wk-page .club-coach{padding-top:44px} #vrinda-club-v3.wk-page #gaps .club-gaps-sub-ink{ max-width:34ch; color:var(--wk-ink)!important; } #vrinda-club-v3.wk-page #gaps .club-gaps-sub-ink strong{color:var(--wk-pink-deep);font-weight:500}/* ---- the "maybe this is the gap" list on light ground ---- */ #vrinda-club-v3 .club-gaps{display:grid;gap:20px;margin:56px 0 0;padding:0;list-style:none} #vrinda-club-v3 .club-gaps li{ position:relative; padding:28px 34px 28px 72px; border-left:3px solid var(--wk-pink); background:rgba(7,16,34,.035); color:var(--wk-ink); font-size:clamp(1.12rem,1.35vw,1.28rem); line-height:1.72; } #vrinda-club-v3 .club-gaps li::before{ content:counter(club-gap,decimal-leading-zero); counter-increment:club-gap; position:absolute; left:30px; top:33px; color:var(--wk-pink-deep); font:800 12px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.1em; } #vrinda-club-v3 .club-gaps{counter-reset:club-gap} @media(max-width:640px){#vrinda-club-v3 .club-gaps li{padding:22px 20px 22px 54px;font-size:1.08rem}#vrinda-club-v3 .club-gaps li::before{left:20px;top:27px}}/* ---- pull statement used between sections ---- */ #vrinda-club-v3 .club-turn{ max-width:940px; margin:60px auto 0; text-align:center; font-family:'Fraunces',Georgia,serif; font-size:clamp(1.35rem,2.4vw,2rem); line-height:1.3; } #vrinda-club-v3 .club-turn strong{color:var(--wk-pink-deep);font-weight:500} #vrinda-club-v3 .wk-light .club-turn{color:var(--wk-ink)}/* ---- sign-off ---- */ /* The shared nav countdown labels itself "Early bird ends in"; this page is counting down the At-Event tuition instead. */ #vrinda-club-v3 .wk-nav-countdown::before{content:'At-Event tuition ends in'!important}/* ---- the shared stages block is built for one dark-on-light headline; this page adds intro copy under it, which needs the light-ground ink colour. */ #vrinda-club-v3 #system .wk-stages-head h2{font-size:clamp(2.6rem,4.6vw,4.6rem)!important} #vrinda-club-v3 #system .wk-stages-head .lede,#vrinda-club-v3 #system .wk-stages-head p{max-width:900px;margin-top:22px;color:var(--stages-ink,var(--wk-ink));opacity:.78} #vrinda-club-v3 #system .wk-stages-head .lede{font-weight:600;opacity:.9}/* Club stages carry one paragraph each rather than the workshop's bullet lists, so the fixed 600px card leaves a lot of empty room. */ #vrinda-club-v3 #system .wk-stage{height:auto;min-height:0;padding:clamp(36px,3.6vw,54px)} #vrinda-club-v3 #system .wk-stages-list{gap:clamp(48px,5vw,76px)} @media(max-width:980px){#vrinda-club-v3 #system .wk-stage{min-height:0}}/* ---- membership list ---- The workshop dresses these steps as a chat thread: an avatar bubble and a row of reaction counts per message. Those counts are invented engagement, which has no place on a page listing what a paid membership includes. */ #vrinda-club-v3 #inside .wk-days-step::before,#vrinda-club-v3 #inside .wk-days-step::after{content:none!important;display:none!important} #vrinda-club-v3 #inside .wk-days-step{padding-left:clamp(26px,3vw,40px)} #vrinda-club-v3 #inside .wk-days-step h3{margin-top:4px} /* Club stage titles are longer than the workshop's, and at the shared mobile size their longest words set a min-content width the card can't shrink past. */ @media(max-width:640px){ #vrinda-club-v3 #system .wk-stage{min-width:0;grid-template-columns:82px minmax(0,1fr);gap:20px;padding:30px 22px} #vrinda-club-v3 #system .wk-stage-body{min-width:0} #vrinda-club-v3 #system .wk-stage-body h3{font-size:clamp(1.5rem,7.4vw,2.1rem)!important;overflow-wrap:break-word} #vrinda-club-v3 #system .wk-stage-index{width:82px;height:82px} } @media(max-width:640px){ #vrinda-club-v3 #inside .wk-days-step{min-width:0;max-width:100%;margin-left:0;margin-right:0;padding:26px 20px} #vrinda-club-v3 #inside .wk-days-step h3{font-size:clamp(1.35rem,6.6vw,1.9rem)!important;overflow-wrap:break-word} }/* ---- the CTA band ---- The message sits directly on the navy band. Its pink action straddles the boundary into the following light section. */ #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"]{ z-index:2; overflow:visible!important; padding:clamp(40px,4.5vw,60px) 0 clamp(92px,9vw,124px)!important; background:var(--wk-ink)!important; } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"]::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:1; transition:background .35s ease; }/* A precise editorial grid with a restrained magenta light field. */ #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"]::after{ background: radial-gradient(circle at 73% 20%,rgba(200,40,140,.1),transparent 30%), repeating-linear-gradient(135deg,rgba(255,255,255,.026) 0 1px,transparent 1px 54px), repeating-linear-gradient(45deg,rgba(255,255,255,.016) 0 1px,transparent 1px 54px); } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wrap{width:min(900px,calc(100% - 48px))} #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket{ display:block; position:static; min-height:0; overflow:visible; border:0; background:transparent; box-shadow:none; transform:none!important; } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket::before{display:none} #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-main{ position:static; display:flex; flex-direction:column; align-items:center; padding:0; background:transparent; text-align:center; } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket .eyebrow{ justify-content:center; margin-bottom:18px; color:#fff; } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket .eyebrow::before{ background:#fff; } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket h2{ max-width:14ch; margin:0 auto; color:#fff; font-size:clamp(2.7rem,5vw,4.8rem); line-height:.96; } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .club-ticket-accent{ color:var(--wk-pink); } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-self:center; width:100%; max-width:720px; margin:clamp(30px,4vw,44px) auto 0; padding:24px 0; border-top:1px solid rgba(255,255,255,.42); border-bottom:1px solid rgba(255,255,255,.42); } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts div{ display:block; padding:0 18px; border-left:1px solid rgba(255,255,255,.3); } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts div:first-child{border-left:0} #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts dt{color:rgba(255,255,255,.82)} #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts dd{ margin-top:7px; color:#fff; font-weight:700; } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-main>.btn{ position:absolute; left:50%; bottom:0; z-index:4; min-width:min(calc(100% - 48px),360px); margin:0; background:var(--wk-pink); color:#fff; box-shadow:0 14px 34px rgba(7,16,34,.22); transform:translate(-50%,50%); } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-main>.btn:hover{ background:var(--wk-pink-deep); color:#fff; } @media(max-width:900px){ #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-main{padding:0} }/* ---- calls to action ---- `club-page` scopes these to this page; the class is on so the shared foundation buttons are left as they are everywhere else. */ #vrinda-club-v3.club-page .btn{ font-size:15px; letter-spacing:.12em; min-height:62px; padding:0 38px; } #vrinda-club-v3.club-page .btn-sm{min-height:48px;padding:0 24px;font-size:12.5px} #vrinda-club-v3.club-page .club-bar-cta{font-size:13px;min-height:50px;padding:0 24px} /* ---- mobile ---- The page was laid out for the desktop grid first; these are the places that need their own treatment on a phone. */ @media(max-width:640px){ #vrinda-club-v3.club-page .btn{ font-size:14px; letter-spacing:.1em; padding:0 22px; line-height:1.35; text-align:center; } #vrinda-club-v3.club-page .club-bar-cta{font-size:12px;padding:0 16px;min-height:46px}/* The honest-look list and its sub-headlines. */ #vrinda-club-v3 .club-gaps{margin-top:36px;gap:14px} #vrinda-club-v3.wk-page #gaps .club-gaps-sub{margin-top:34px;font-size:1.5rem!important} #vrinda-club-v3.wk-page #gaps .club-gaps-sub:not(.club-gaps-sub-ink){padding:34px 24px} #vrinda-club-v3.wk-page #gaps .club-gaps-sub:not(.club-gaps-sub-ink)::before,#vrinda-club-v3.wk-page #gaps .club-gaps-sub:not(.club-gaps-sub-ink)::after{height:34px} #vrinda-club-v3.wk-page #gaps .club-gaps-sub:not(.club-gaps-sub-ink)::before{top:-34px} #vrinda-club-v3.wk-page #gaps .club-gaps-sub:not(.club-gaps-sub-ink)::after{bottom:-26px;height:26px} #vrinda-club-v3.wk-page #gaps .narrow > p{font-size:1.08rem} #vrinda-club-v3.wk-page #gaps{padding-bottom:40px} #vrinda-club-v3.wk-page .club-why{padding-top:40px;padding-bottom:36px} #vrinda-club-v3.wk-page .club-inside{padding-top:36px} #vrinda-club-v3.wk-page #proof{padding-top:32px;padding-bottom:32px} #vrinda-club-v3.wk-page .club-coach{padding-top:32px}/* The centered CTA card stacks its membership facts on phones. */ #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wrap{width:calc(100% - 28px)} #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-main{padding:0} #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket h2{font-size:clamp(2.2rem,11vw,3rem)} #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts{grid-template-columns:1fr;padding:8px 0} #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts div{ padding:14px 0; border-left:0; border-top:1px solid rgba(255,255,255,.28); } #vrinda-club-v3.wk-page .wk-ticket-section[data-ticket-version="1"] .wk-ticket-facts div:first-child{border-top:0}/* Enrolment: the tuition bars stack their label above the figure, so the figure should not also be full-width type. */ #vrinda-club-v3 .club-enroll .club-tuition dd{font-size:2.1rem}/* The annual plan shows two figures on one line, so it sets smaller than the single-figure monthly plan. */ #vrinda-club-v3 .club-enroll .club-plan-price{font-size:2.5rem} #vrinda-club-v3 .club-enroll .club-plan:first-child .club-plan-price{font-size:1.85rem;letter-spacing:-.03em} #vrinda-club-v3 .club-enroll .club-plan{padding:24px 20px} #vrinda-club-v3 .club-enroll .club-tuition > div{padding:20px} #vrinda-club-v3 .club-bonus{gap:6px} #vrinda-club-v3 .club-bonus b{flex-basis:100%} } #vrinda-club-v3.wk-page #gaps .club-gaps-reason{font-size:clamp(1.4rem,2.2vw,1.85rem);line-height:1.45} #vrinda-club-v3.wk-page #proof .narrow > h2 + .lede{margin-top:28px}/* /assets/club/club-fomo.css?v=3 */ /* FOMO bar — a live dot beside a continuous ticker of the urgency lines, dissolving at both edges through a mask rather than clipping. */ #vrinda-club-v3 .club-fomo{ position:relative; display:flex; align-items:center; gap:14px; min-height:44px; padding:0 clamp(16px,3vw,30px); background:linear-gradient(90deg,var(--wk-pink) 0%,#8d1f66 58%,var(--wk-ink) 100%); color:var(--wk-white); }/* The ticker is decorative to a screen reader; this carries the same news. */ #vrinda-club-v3 .club-fomo-sr{ position:absolute; width:1px; height:1px; margin:0; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }/* Live dot — halo via a spread-only shadow, so it needs no extra markup. */ #vrinda-club-v3 .club-fomo-live{ width:7px; height:7px; flex:none; border-radius:999px; background:var(--wk-white); box-shadow:0 0 0 5px rgba(248,248,252,.22); } @media(prefers-reduced-motion:no-preference){ #vrinda-club-v3 .club-fomo-live{animation:clubFomoPulse 2.4s ease-in-out infinite} } @keyframes clubFomoPulse{ 0%,100%{box-shadow:0 0 0 4px rgba(248,248,252,.18)} 50%{box-shadow:0 0 0 8px rgba(248,248,252,.06)} } #vrinda-club-v3 .club-fomo-marquee{ flex:1; overflow:hidden; mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent); -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent); } #vrinda-club-v3 .club-fomo-track{ display:flex; width:max-content; animation:clubFomoScroll 38s linear infinite; } #vrinda-club-v3 .club-fomo-track span{ display:inline-flex; align-items:center; padding:0 22px; font:800 10px/44px 'Urbanist',system-ui,sans-serif; letter-spacing:.2em; text-transform:uppercase; white-space:nowrap; } #vrinda-club-v3 .club-fomo-track span::after{ content:'\2022'; margin-left:22px; color:rgba(248,248,252,.5); font-size:1.2em; } @keyframes clubFomoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} /* The track is duplicated for the -50% loop, so stopping it still shows a full set of messages. */ @media(prefers-reduced-motion:reduce){ #vrinda-club-v3 .club-fomo-track{animation:none} } @media(max-width:640px){ #vrinda-club-v3 .club-fomo{gap:10px;padding:0 12px} #vrinda-club-v3 .club-fomo-track span{padding:0 14px;font-size:9px} #vrinda-club-v3 .club-fomo-track span::after{margin-left:14px} }/* /assets/club/club-nav.css?v=4 */ /* Navbar — a full-width glass bar with the anchor links in their own nested capsule, densifying once the page scrolls. */ #vrinda-club-v3 .club-nav{background:transparent;border-bottom:0} #vrinda-club-v3 .club-nav .club-bar{ position:relative; display:flex; width:100%; max-width:none; align-items:center; justify-content:space-between; gap:18px; margin:0; padding:11px clamp(16px,3vw,40px); border:0; border-bottom:1px solid rgba(248,248,252,.14); border-radius:0; background:rgba(7,16,34,.42); backdrop-filter:blur(22px); transition:background-color .45s ease,border-color .45s ease,box-shadow .45s ease,padding .4s cubic-bezier(.16,1,.3,1); } #vrinda-club-v3 .is-scrolled .club-nav .club-bar{ background:rgba(7,16,34,.88); border-bottom-color:rgba(248,248,252,.2); box-shadow:0 18px 44px rgba(4,8,20,.45); }/* The brand's second line belongs to the slab design that lost; the markup keeps it so the lockup can be restored without rebuilding it. */ #vrinda-club-v3 .club-brand-sub{display:none} #vrinda-club-v3 .wk-nav-brand.club-brand{gap:12px}/* ---- anchor links, in their own capsule ---- */ #vrinda-club-v3 .club-bar-links{ display:none; align-items:center; gap:2px; padding:5px; border:1px solid rgba(248,248,252,.1); border-radius:999px; background:rgba(248,248,252,.05); } #vrinda-club-v3 .club-bar-links a{ padding:9px 15px; border-radius:999px; color:rgba(248,248,252,.76); font:700 12px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; white-space:nowrap; transition:color .25s ease,background-color .25s ease; } #vrinda-club-v3 .club-bar-links a:hover{background:rgba(248,248,252,.12);color:var(--wk-white)} @media(min-width:1024px){#vrinda-club-v3 .club-bar-links{display:flex}} #vrinda-club-v3 .club-bar-clock{padding-right:4px} #vrinda-club-v3 .club-bar-cta{border-radius:999px}/* ---- mobile menu ---- Written here rather than borrowed: the reference templates ship hamburgers with no panel, no aria-expanded, no Escape and no scroll lock. */ #vrinda-club-v3 .club-bar-burger{ display:inline-flex; width:42px; height:42px; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:0; border:1px solid rgba(248,248,252,.24); border-radius:999px; background:rgba(248,248,252,.06); cursor:pointer; } #vrinda-club-v3 .club-bar-burger span{display:block;width:17px;height:1.5px;background:var(--wk-white);transition:transform .3s ease} #vrinda-club-v3 .club-bar-burger[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)} #vrinda-club-v3 .club-bar-burger[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)} @media(min-width:1024px){#vrinda-club-v3 .club-bar-burger{display:none}} #vrinda-club-v3 .club-menu{ display:flex; flex-direction:column; gap:2px; margin:10px 16px 0; padding:14px clamp(14px,4vw,26px) 22px; border:1px solid rgba(248,248,252,.14); border-radius:22px; background:rgba(7,16,34,.98); backdrop-filter:blur(14px); } #vrinda-club-v3 .club-menu[hidden]{display:none} #vrinda-club-v3 .club-menu a{ padding:15px 6px; border-bottom:1px solid rgba(248,248,252,.08); color:rgba(248,248,252,.84); font:700 13px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.14em; text-decoration:none; text-transform:uppercase; } #vrinda-club-v3 .club-menu a:last-child{border-bottom:0} #vrinda-club-v3 .club-menu .club-menu-cta{ margin-top:14px; padding:17px 6px; border:0; background:var(--wk-pink); color:var(--wk-white); text-align:center; }/* The bar floats over the page rather than occupying a row, so the hero has to start below it. */ #vrinda-club-v3 .club-nav ~ .club-hero .club-hero-inner{padding-top:clamp(150px,19vh,210px)} @media(max-width:1023px){ #vrinda-club-v3 .club-nav .club-bar{padding-right:8px} } @media(max-width:760px){ #vrinda-club-v3 .club-bar-clock{display:none} } @media(max-width:640px){ #vrinda-club-v3 .club-nav ~ .club-hero .club-hero-inner{padding-top:clamp(128px,20vh,168px)} #vrinda-club-v3 .club-nav .club-bar{width:calc(100% - 20px);padding:9px 9px 9px 14px} } @media(prefers-reduced-motion:reduce){ #vrinda-club-v3 .club-nav .club-bar,#vrinda-club-v3 .club-bar-burger span{transition:none} }/* /assets/club/club-hero.css?v=13 */ /* Hero — a flush 50/50 split: copy column on the left, Vrinda on the right behind a pink seam. */ #vrinda-club-v3 .club-hero{ position:relative; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); align-items:stretch; background:var(--wk-ink); color:var(--wk-white); overflow:hidden; }/* ---- background, behind the copy half ---- */ #vrinda-club-v3 .club-hero-bg{position:absolute;inset:0 50% 0 0;z-index:0;pointer-events:none} #vrinda-club-v3 .club-hero-bg>span{position:absolute;inset:0} #vrinda-club-v3 .club-hero-glow{ background:radial-gradient(60% 60% at 26% 40%,rgba(200,40,140,.22),transparent 68%); mix-blend-mode:screen; } #vrinda-club-v3 .club-hero-grid{ opacity:.5; background-image: linear-gradient(rgba(248,248,252,.035) 1px,transparent 1px), linear-gradient(90deg,rgba(248,248,252,.035) 1px,transparent 1px); background-size:88px 88px; mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent); -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent); }/* ---- right half: the photograph ---- The image is positioned rather than flowed, so its intrinsic height can't stretch the row: the hero is only ever as tall as the copy beside it. It starts below the floating navbar so her head is never clipped. */ #vrinda-club-v3 .club-hero-figure{ --club-hero-image-top:var(--club-nav-height,72px); position:relative; grid-column:2; grid-row:1; margin:0; background:var(--wk-ink); overflow:hidden; } #vrinda-club-v3 .club-hero-img{ position:absolute; inset:var(--club-hero-image-top) 0 0 0; width:100%; height:calc(100% - var(--club-hero-image-top)); object-fit:cover; object-position:100% 0%; transform:none; transform-origin:100% 50%; }/* Pink seam down the join. */ #vrinda-club-v3 .club-hero-figure::before{ content:''; position:absolute; top:var(--club-hero-image-top); bottom:0; left:0; z-index:2; width:2px; background:linear-gradient(180deg,var(--wk-pink),rgba(200,40,140,0)); }/* ---- left half: the copy ---- */ #vrinda-club-v3 .club-hero .wrap{ position:relative; z-index:2; grid-column:1; grid-row:1; width:auto; max-width:none; padding-left:max(28px,calc((100vw - 1240px) / 2)); padding-right:clamp(28px,4vw,72px); } #vrinda-club-v3 .club-hero-inner{ display:flex; max-width:620px; flex-direction:column; align-items:flex-start; padding:clamp(142px,17vh,186px) 0 clamp(44px,5vh,64px); text-align:left; } #vrinda-club-v3 .club-hero .eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:18px;color:var(--wk-pink)} #vrinda-club-v3 .club-hero .eyebrow::before{content:'';width:56px;height:1px;background:var(--wk-pink)} #vrinda-club-v3 .club-hero h1{ font-size:clamp(2.2rem,3.2vw,3.3rem)!important; line-height:1.02!important; letter-spacing:-.04em!important; } #vrinda-club-v3 .club-hero h1 em{ background:linear-gradient(115deg,#ff69c4,#C8288C 48%,#7a1bd6); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; } @media(min-width:901px){ #vrinda-club-v3 .club-hero h1{ width:min(680px,calc(100% + 100px)); max-width:none; font-size:clamp(2.1rem,3vw,3rem)!important; letter-spacing:-.05em!important; } #vrinda-club-v3 .club-hero h1 em{ display:block; } } #vrinda-club-v3 .club-hero .lede{ max-width:46ch; margin-top:20px; padding-left:20px; border-left:1px solid rgba(200,40,140,.5); color:rgba(248,248,252,.74); font-size:clamp(.98rem,1.15vw,1.08rem); } #vrinda-club-v3 .club-hero-actions{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:26px; width:min(430px,100%); } #vrinda-club-v3 .club-hero-actions .btn{width:100%;min-height:58px} #vrinda-club-v3 .club-hero-note{color:rgba(248,248,252,.6);font-size:13px;font-weight:700;letter-spacing:.05em} /* ---- responsive ---- Below 900px the split stacks: copy, photograph, stats. */ @media(max-width:900px){ #vrinda-club-v3 .club-hero{grid-template-columns:minmax(0,1fr)} #vrinda-club-v3 .club-hero-bg{inset:0} #vrinda-club-v3 .club-hero .wrap{ grid-column:1; grid-row:1; padding-left:max(18px,calc((100vw - 1240px) / 2)); padding-right:18px; } #vrinda-club-v3 .club-hero-inner{max-width:none;padding-bottom:clamp(32px,4vh,48px)} #vrinda-club-v3 .club-hero-figure{grid-column:1;grid-row:2;height:min(66vw,420px)} #vrinda-club-v3 .club-hero-figure::before{display:none} #vrinda-club-v3 .club-hero-img{inset:0;height:100%;object-position:50% 12%;transform:none} } @media(max-width:640px){ #vrinda-club-v3 .club-hero-inner{padding-top:clamp(122px,19vh,164px)} #vrinda-club-v3 .club-hero h1{font-size:clamp(1.8rem,8vw,2.5rem)!important} #vrinda-club-v3 .club-hero .eyebrow::before{width:28px} #vrinda-club-v3 .club-hero .lede{padding-left:14px} #vrinda-club-v3 .club-hero-actions{width:100%} #vrinda-club-v3 .club-hero-figure{height:min(92vw,400px)} } /* Move desktop copy up while preserving the hero's total height. */ @media(min-width:901px){ #vrinda-club-v3 .club-hero-inner{padding-top:calc(clamp(142px,17vh,186px) - 80px);padding-bottom:calc(clamp(44px,5vh,64px) + 80px)} } @media(min-width:901px){ #vrinda-club-v3 .club-hero-inner{position:relative;top:-35px} }/* /assets/club/club-marks.css?v=7 */ /* Credibility bar — one white container centred on the seam between the hero and the lead-in, half over the navy, half over the cream. The band takes no height in the flow at all: it is pulled up by half its height and the section below is pulled up by the other half, so the seam runs exactly through the middle of the card. The lead-in then adds that half back as padding so its own copy keeps clear. The card is supporting evidence, not a second headline, so it is kept deliberately quiet: translucent rather than solid, small type, and the brand colours held back from full strength. */ #vrinda-club-v3.wk-page{--club-marks-h:104px} #vrinda-club-v3 .club-marks-band{ position:relative; z-index:6; margin-top:calc(var(--club-marks-h) / -2); margin-bottom:calc(var(--club-marks-h) / -2); } #vrinda-club-v3 .club-marks{ display:grid; width:min(var(--wk-shell),1040px); min-height:var(--club-marks-h); margin:0 auto; grid-template-columns:repeat(4,1fr); align-items:stretch; /* Translucent, so both grounds show faintly through and the card sits in the page rather than on top of it. */ border:1px solid rgba(17,62,175,.42); background:rgba(252,250,248,.82); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 14px 30px rgba(4,8,20,.18); /* The card is positioned against the seam, so it must not carry the page's reveal offset. */ transform:none!important; } #vrinda-club-v3 .club-mark{ display:flex; flex-direction:column; justify-content:center; padding:18px clamp(14px,1.8vw,26px); border-right:1px solid rgba(17,62,175,.18); } #vrinda-club-v3 .club-mark:last-child{border-right:0} #vrinda-club-v3 .club-mark b{ display:block; font-family:'Fraunces',Georgia,serif; font-size:clamp(1.2rem,1.6vw,1.5rem); font-weight:600; line-height:1; } #vrinda-club-v3 .club-mark span{ display:block; margin-top:7px; color:rgba(7,16,34,.56); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }/* The figures alternate between the two brand colours, held back a little from full strength so they read as evidence rather than as a headline. */ #vrinda-club-v3 .club-mark:nth-child(odd) b{color:#a82476} #vrinda-club-v3 .club-mark:nth-child(even) b{color:#1b3f96}/* The section under the seam carries the card's lower half. */ #vrinda-club-v3 .club-marks-band + section{padding-top:calc(var(--club-marks-h) / 2 + clamp(48px,7vh,96px))!important}/* The card rises into the hero, so the copy above keeps that much clearance or the button and its note end up underneath. */ #vrinda-club-v3 .club-hero .club-hero-inner{padding-bottom:calc(clamp(44px,5vh,64px) + var(--club-marks-h) / 2)} @media(max-width:900px){ #vrinda-club-v3.wk-page{--club-marks-h:176px} #vrinda-club-v3 .club-marks{grid-template-columns:1fr 1fr} #vrinda-club-v3 .club-mark:nth-child(2){border-right:0} #vrinda-club-v3 .club-mark:nth-child(-n+2){border-bottom:1px solid rgba(17,62,175,.18)} #vrinda-club-v3 .club-hero .club-hero-inner{padding-bottom:clamp(32px,4vh,48px)} #vrinda-club-v3 .club-hero-figure{margin-bottom:calc(var(--club-marks-h) / 2)} } @media(max-width:640px){ #vrinda-club-v3.wk-page{--club-marks-h:168px} #vrinda-club-v3 .club-mark{padding:16px 14px} #vrinda-club-v3 .club-mark b{font-size:1.15rem} #vrinda-club-v3 .club-mark span{font-size:9px;letter-spacing:.1em} }/* /assets/club/club-lead.css?v=10 */ /* Lead-in — the opening argument, centred on cream. Colour roles on this section: blue for the statement and the turn line, near-black for body copy, pink reserved for accents (the eyebrow, the closing rule, and the Club's name). */ #vrinda-club-v3 .club-lead{ --club-blue:#071022; --club-body:#16181d; position:relative; overflow:hidden; padding-bottom:20px; background:#fbf7f2; color:var(--club-body); } #vrinda-club-v3 .club-lead .wrap{position:relative;z-index:1} #vrinda-club-v3 .club-lead-inner{ max-width:980px; margin:0 auto; padding:clamp(36px,5vw,72px) clamp(36px,5vw,72px) 24px; border:1px solid var(--wk-pink-deep); text-align:left; } #vrinda-club-v3 .club-lead-head{max-width:760px} #vrinda-club-v3 .club-lead-lower{ display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.7fr); gap:clamp(32px,6vw,86px); margin-top:22px; } #vrinda-club-v3 .club-lead-copy{min-width:0} #vrinda-club-v3 .club-lead-label{display:flex;align-items:center;justify-content:flex-start;gap:20px} #vrinda-club-v3 .club-lead .eyebrow{color:var(--wk-pink-deep)} #vrinda-club-v3 .club-lead-index{display:none} #vrinda-club-v3.wk-page .club-lead .club-lead-open{ max-width:18ch; margin:22px 0 0; color:var(--club-blue); font-family:'Fraunces',Georgia,serif; font-size:clamp(2rem,4.6vw,3.9rem); font-weight:500; line-height:1.1; letter-spacing:-.025em; } #vrinda-club-v3.wk-page .club-lead .club-lead-open em{color:var(--wk-pink-deep);font-style:italic} #vrinda-club-v3.wk-page .club-lead .club-lead-turn{ max-width:30ch; margin:28px 0 0; color:var(--club-blue); font-family:'Fraunces',Georgia,serif; font-style:italic; font-size:clamp(1.3rem,2.3vw,2rem); font-weight:500; line-height:1.25; } #vrinda-club-v3 .club-lead-body{display:grid;max-width:44ch;margin:34px 0 0;gap:18px} #vrinda-club-v3.wk-page .club-lead .club-lead-body p{margin:0;color:rgba(22,24,29,.78);font-size:clamp(1.1rem,1.35vw,1.22rem);line-height:1.75} #vrinda-club-v3.wk-page .club-lead .club-lead-close{ position:relative; max-width:46ch; margin:34px 0 0; padding-bottom:0; color:var(--club-body); font-size:clamp(1.12rem,1.4vw,1.28rem); line-height:1.7; } #vrinda-club-v3.wk-page .club-lead .club-lead-close strong{color:var(--wk-pink-deep)} #vrinda-club-v3 .club-lead-polaroids{ position:relative; display:flex; min-height:0; align-items:flex-start; justify-content:center; padding:8px 0 20px; } #vrinda-club-v3 .club-lead-polaroid{ position:relative; width:min(100%,360px); height:480px; margin:0; padding:10px 10px 16px; background:#fffdf9; box-shadow:0 18px 34px rgba(7,16,34,.18); } #vrinda-club-v3 .club-lead-polaroid img{ display:block; width:100%; height:414px; object-fit:cover; } #vrinda-club-v3 .club-lead-polaroid figcaption{ padding:13px 4px 0; color:var(--club-blue); font-family:'Caveat',cursive; font-size:1.15rem; line-height:1.1; } #vrinda-club-v3 .club-lead-polaroid-a{transform:rotate(3deg)} @media(max-width:640px){ #vrinda-club-v3 .club-lead{padding-bottom:20px} #vrinda-club-v3 .club-lead-inner{padding:28px 22px 20px} #vrinda-club-v3 .club-lead-lower{display:block;margin-top:34px} #vrinda-club-v3 .club-lead-polaroids{margin-top:28px;padding-bottom:10px} #vrinda-club-v3 .club-lead-polaroid{width:min(88%,280px);height:380px} #vrinda-club-v3 .club-lead-polaroid img{height:316px} #vrinda-club-v3 .club-lead-open{font-size:clamp(1.65rem,7.4vw,2.3rem)} #vrinda-club-v3 .club-lead-turn{font-size:clamp(1.15rem,5.4vw,1.55rem)} #vrinda-club-v3.wk-page .club-lead .club-lead-body p,#vrinda-club-v3.wk-page .club-lead .club-lead-close{font-size:1.08rem} }/* /assets/club/club-system.css?v=8 */ /* The complete system — the five stages, over hand-drawn background illustration, opened one at a time. */ #vrinda-club-v3.wk-page .club-system{ --club-blue:#071022; --stage-progress:0; position:relative; padding:clamp(24px,2.5vw,36px) 0 clamp(32px,4vw,52px); overflow:hidden; background:var(--wk-paper-deep); color:var(--wk-paper-text); } #vrinda-club-v3 .club-system .wrap{position:relative;z-index:1}/* ---- the drawn background ---- One loose line drawing sitting behind everything, sized to the section and too faint to compete with the words. */ #vrinda-club-v3 .club-system-art{ position:absolute; z-index:0; right:-8%; top:0; width:min(1200px,118%); height:100%; color:rgba(200,40,140,.5); pointer-events:none; } #vrinda-club-v3 .club-system-art .club-art-loop{stroke-width:1.6;opacity:.3} #vrinda-club-v3 .club-system-art .club-art-dot{stroke-width:1.4;opacity:.24} #vrinda-club-v3 .club-system-art .club-art-cross{stroke-width:2.4;opacity:.45} #vrinda-club-v3 .club-system-art .club-art-arrow{stroke-width:2;opacity:.34}/* ---- head ---- */ #vrinda-club-v3 .club-system .eyebrow{color:var(--wk-pink)} #vrinda-club-v3 .club-system-head{max-width:min(100%,980px)} #vrinda-club-v3.wk-page .club-system h2{ margin:0; color:var(--club-blue)!important; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; font-size:clamp(2.2rem,4.2vw,3.5rem)!important; line-height:.99!important; letter-spacing:-.045em!important; } #vrinda-club-v3.wk-page .club-system h2 em{color:var(--wk-pink)} #vrinda-club-v3.wk-page .club-system .club-system-lede{ margin:26px 0 0; max-width:60ch; color:var(--club-blue); font-size:clamp(1.15rem,1.55vw,1.35rem); line-height:1.6; } #vrinda-club-v3.wk-page .club-system .club-system-note{ margin:18px 0 0; max-width:68ch; color:#0c1220; font-size:clamp(1.15rem,1.55vw,1.35rem); line-height:1.72; }/* ---- the stages, shared ---- */ #vrinda-club-v3 .club-stages{ --stage-axis:36px; position:relative; display:grid; gap:18px; margin:clamp(46px,6vw,80px) 0 0; padding:0 0 0 96px; list-style:none; } #vrinda-club-v3 .club-stages::before{ content:''; position:absolute; z-index:0; left:var(--stage-axis); top:26px; bottom:26px; width:1px; pointer-events:none; background:linear-gradient(180deg,transparent,var(--wk-pink) 6%,var(--wk-pink) 94%,transparent); } #vrinda-club-v3 .club-stage-head{ display:flex; width:100%; align-items:center; gap:clamp(16px,2vw,28px); padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; } #vrinda-club-v3 .club-stage-num{ position:absolute; z-index:3; left:-86px; top:20px; display:grid; width:52px; height:52px; flex:0 0 auto; place-items:center; border:1px solid rgba(200,40,140,.36); border-radius:50%; background:var(--wk-paper-deep); color:var(--wk-pink); font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:500; font-size:clamp(1.6rem,2.6vw,2.4rem); line-height:1; transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease; } #vrinda-club-v3 .club-stage.is-open .club-stage-num{ border-color:var(--wk-pink); background:var(--wk-paper-deep); color:var(--wk-pink); box-shadow:0 0 0 6px var(--wk-paper-deep); } #vrinda-club-v3.wk-page .club-system .club-stage h3{ margin:0; color:var(--club-blue)!important; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; font-size:clamp(1.3rem,2.1vw,1.8rem)!important; line-height:1.12!important; letter-spacing:-.03em!important; } #vrinda-club-v3.wk-page .club-system .club-stage p{ margin:0; color:#0c1220; font-size:1.05rem; line-height:1.72; } #vrinda-club-v3 .club-stage-mark{display:none}/* ============================================================ The five stages An index you work through: every stage is a row, and opening one closes the last, so the section stays short and the reader sets the pace. ============================================================ */ #vrinda-club-v3 .club-system .club-stages{ background:transparent; } #vrinda-club-v3 .club-system .club-stage{ position:relative; z-index:1; overflow:visible; border:1px solid rgba(7,16,34,.15); background:rgba(251,247,242,.9); box-shadow:0 8px 24px rgba(7,16,34,.04); transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease; } #vrinda-club-v3 .club-system .club-stage::before{ content:''; position:absolute; left:-61px; top:46px; width:61px; height:1px; background:var(--wk-pink); } #vrinda-club-v3 .club-system .club-stage.is-open{ border-color:rgba(200,40,140,.45); box-shadow:0 16px 38px rgba(7,16,34,.09); transform:none; } #vrinda-club-v3 .club-system .club-stage-head{ padding:clamp(20px,2.2vw,28px) clamp(18px,2vw,28px); transition:background-color .3s ease; } #vrinda-club-v3 .club-system .club-stage.is-open .club-stage-head{background:rgba(200,40,140,.08)}/* Once a stage is open its title sits directly above its own paragraph, so the head keeps only a hairs breadth of space beneath it. */ #vrinda-club-v3 .club-system .club-stage.is-open .club-stage-head{padding-bottom:8px} #vrinda-club-v3 .club-system .club-stage-body{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1); } #vrinda-club-v3 .club-system .club-stage.is-open .club-stage-body{grid-template-rows:1fr} #vrinda-club-v3 .club-system .club-stage-body > p{overflow:hidden} #vrinda-club-v3.wk-page .club-system .club-stage.is-open .club-stage-body > p{ max-width:64ch; padding:clamp(12px,1.4vw,20px) clamp(32px,4vw,64px) clamp(40px,4.4vw,58px) clamp(18px,2vw,28px); font-size:clamp(1.12rem,1.35vw,1.28rem); line-height:1.75; } /* ---- responsive ---- */ @media(max-width:760px){ #vrinda-club-v3 .club-stages{--stage-axis:20px;gap:12px;padding-left:58px} #vrinda-club-v3 .club-stage-num{width:40px;height:40px} #vrinda-club-v3 .club-stage-num{left:-58px;top:18px} #vrinda-club-v3 .club-system .club-stage::before{left:-38px;top:38px;width:38px} #vrinda-club-v3.wk-page .club-system .club-stage.is-open .club-stage-body > p{padding-left:clamp(18px,2vw,28px)} } @media(max-width:640px){ #vrinda-club-v3.wk-page .club-system{padding:28px 0 32px} #vrinda-club-v3.wk-page .club-system h2{font-size:clamp(1.75rem,7.6vw,2.4rem)!important} #vrinda-club-v3 .club-system-art{right:-30%;width:180%} } @media(prefers-reduced-motion:reduce){ #vrinda-club-v3 .club-system .club-stage,#vrinda-club-v3 .club-system .club-stage-body,#vrinda-club-v3 .club-stage-num{transition:none!important} }/* /assets/club/club-why.css?v=6 */ /* Why this is different — house vocabulary on warm paper: a taped polaroid beside the claim, then the three held in a hairline-ruled rail with pink markers, under a faint watermark word. */ #vrinda-club-v3 .club-why{ position:relative; padding:clamp(80px,10vw,132px) 0; overflow:hidden; }/* Giant low-opacity watermark word, as on the VIP and belief sections. */ #vrinda-club-v3 .club-why-mark{ position:absolute; z-index:0; font-family:'Fraunces',Georgia,serif; font-weight:500; letter-spacing:-.04em; line-height:.8; pointer-events:none; user-select:none; } #vrinda-club-v3 .club-why .wrap{position:relative;z-index:1} #vrinda-club-v3 .club-why .eyebrow{color:var(--wk-pink)} #vrinda-club-v3.wk-page .club-why h2{ margin:0; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; line-height:.98!important; letter-spacing:-.045em!important; } #vrinda-club-v3.wk-page .club-why h2 em{color:var(--wk-pink)} #vrinda-club-v3 .club-why-turn{ font-family:'Fraunces',Georgia,serif; font-size:clamp(1.5rem,2.6vw,2.3rem); font-weight:500; line-height:1.2; letter-spacing:-.03em; } #vrinda-club-v3 .club-why-turn em{color:var(--wk-pink)}/* Polaroid — white frame, deep caption well, Fraunces italic caption, tilted. */ #vrinda-club-v3 .club-why-photo{ position:relative; margin:0; padding:16px 16px 58px; background:#fff; box-shadow:0 28px 65px rgba(7,16,34,.2); transition:transform .55s cubic-bezier(.22,1,.36,1); } #vrinda-club-v3 .club-why-photo img{display:block;width:100%;height:clamp(360px,38vw,540px);object-fit:cover;object-position:50% 18%} #vrinda-club-v3 .club-why-photo figcaption{ position:absolute; left:24px; bottom:18px; color:#071022; font:italic 500 1.25rem/1 'Fraunces',Georgia,serif; } #vrinda-club-v3 .club-why-photo figcaption span{ margin-left:8px; font:800 8px/1 'Urbanist',system-ui,sans-serif; font-style:normal; letter-spacing:.13em; text-transform:uppercase; }/* A strip of tape across the top corner. */ #vrinda-club-v3 .club-why-photo::before{ content:''; position:absolute; left:50%; top:-16px; width:150px; height:32px; background:rgba(248,248,252,.6); box-shadow:0 2px 6px rgba(7,16,34,.12); transform:translateX(-50%) rotate(-2deg); } #vrinda-club-v3 .club-triad-index{ display:block; color:var(--wk-pink); font:800 11px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.2em; text-transform:uppercase; } #vrinda-club-v3.wk-page .club-triad-card h3{ font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; line-height:1.1!important; letter-spacing:-.03em!important; }/* ============================================================ Ruled rail + polaroid Paper ground. The claim holds the left column beside a taped polaroid; the three run beneath as a hairline-ruled rail with pink + markers. ============================================================ */ #vrinda-club-v3 .club-why{background:var(--wk-paper);color:var(--wk-paper-text)} #vrinda-club-v3 .club-why .club-why-mark{ right:-2%; top:8%; color:rgba(17,23,42,.035); font-size:clamp(12rem,26vw,28rem); } #vrinda-club-v3 .club-why .wrap{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); column-gap:clamp(34px,5vw,72px); align-items:center; } #vrinda-club-v3 .club-why .club-why-head{grid-column:1} #vrinda-club-v3.wk-page .club-whyh2{font-size:clamp(2.3rem,4.2vw,3.6rem)!important} #vrinda-club-v3.wk-page .club-why .club-why-claim{ margin:24px 0 0; max-width:52ch; font-size:clamp(1.05rem,1.35vw,1.2rem); } #vrinda-club-v3.wk-page .club-why .club-why-support{ margin:16px 0 0; max-width:52ch; font-size:clamp(1.05rem,1.35vw,1.2rem); } #vrinda-club-v3 .club-why .club-why-photo{ grid-column:2; grid-row:1; width:min(460px,100%); margin-left:auto; transform:rotate(2.5deg); } #vrinda-club-v3 .club-why .club-why-photo:hover{transform:rotate(0)} #vrinda-club-v3 .club-why .club-triad{ grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); margin-top:clamp(48px,6vw,80px); border-top:1px solid var(--wk-paper-line); border-bottom:1px solid var(--wk-paper-line); } #vrinda-club-v3 .club-why .club-triad-card{ padding:40px clamp(22px,2.4vw,36px); border-left:1px solid var(--wk-paper-line); } #vrinda-club-v3 .club-why .club-triad-card:first-child{border-left:0;padding-left:0} #vrinda-club-v3 .club-why .club-triad-card:last-child{padding-right:0} #vrinda-club-v3 .club-why .club-triad-index::after{ content:' +'; color:var(--wk-pink); font-family:'Fraunces',Georgia,serif; font-size:14px; } #vrinda-club-v3.wk-page .club-why .club-triad-card h3{ margin:18px 0 14px; font-size:clamp(1.5rem,2.2vw,1.9rem)!important; } #vrinda-club-v3.wk-page .club-why .club-triad-card p{ color:#000; font-size:clamp(1.08rem,1.3vw,1.22rem); line-height:1.75; } #vrinda-club-v3 .club-why .club-why-turn{ grid-column:1/-1; max-width:34ch; margin-top:clamp(40px,5vw,64px); color:var(--wk-paper-text); } /* ---- responsive ---- */ @media(max-width:900px){ #vrinda-club-v3 .club-why .wrap{grid-template-columns:minmax(0,1fr)} #vrinda-club-v3 .club-why .club-why-photo{grid-column:1;grid-row:auto;margin:34px 0 0} #vrinda-club-v3 .club-why .club-triad,#vrinda-club-v3 .club-why .club-triad-card{border-left:0;border-top:1px solid var(--wk-paper-line);padding-inline:0} #vrinda-club-v3 .club-why .club-triad-card:first-child{border-top:0} } @media(max-width:640px){ #vrinda-club-v3 .club-why{padding:clamp(60px,9vw,96px) 0} #vrinda-club-v3.wk-page .club-why h2{font-size:clamp(1.75rem,7.6vw,2.4rem)!important} #vrinda-club-v3 .club-why-turn{font-size:clamp(1.25rem,5.6vw,1.6rem)} }/* /assets/club/club-inside.css?v=6 */ /* Inside the membership — the four things you receive, in two columns, each opening with a hand-drawn icon that draws itself on when the card arrives. The four sit on off-white cards with a pink top rule. */ #vrinda-club-v3 .club-inside{ --club-blue:#071022; position:relative; padding:clamp(80px,10vw,132px) 0; overflow:hidden; background: radial-gradient(circle at 84% 8%,rgba(200,40,140,.14),transparent 30%), var(--club-blue); color:var(--wk-white); } #vrinda-club-v3 .club-inside .wrap{position:relative;z-index:1} #vrinda-club-v3 .club-inside-mark{display:none}/* ---- head ---- */ #vrinda-club-v3 .club-inside .eyebrow{color:var(--wk-pink)} #vrinda-club-v3 .club-inside-head{max-width:min(100%,1040px)} #vrinda-club-v3.wk-page .club-inside h2{ margin:0; color:var(--wk-white)!important; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; font-size:clamp(2.2rem,4vw,3.4rem)!important; line-height:.99!important; letter-spacing:-.045em!important; } #vrinda-club-v3.wk-page .club-inside h2 em{color:var(--wk-pink)} #vrinda-club-v3.wk-page .club-inside .club-inside-lede{ margin:24px 0 0; max-width:70ch; color:var(--wk-muted); font-size:clamp(1.05rem,1.35vw,1.2rem); line-height:1.72; } #vrinda-club-v3.wk-page .club-inside .club-inside-promise{ margin:20px 0 0; max-width:52ch; color:var(--wk-pink); font-family:'Fraunces',Georgia,serif; font-size:clamp(1.15rem,1.7vw,1.5rem); font-style:italic; line-height:1.3; }/* ---- the two columns ---- */ #vrinda-club-v3 .club-inside-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(20px,2.4vw,34px); margin:clamp(44px,5.5vw,76px) 0 0; padding:0; list-style:none; }/* ---- the hand-drawn mark ---- */ #vrinda-club-v3 .club-inside-item-head{display:flex;align-items:center;gap:16px} #vrinda-club-v3 .club-inside-icon{ display:block; flex:0 0 auto; width:64px; height:64px; color:var(--wk-pink); } #vrinda-club-v3 .club-inside-icon svg{display:block;width:100%;height:100%;overflow:visible}/* The stroke wobbles very slightly, the way a drawn line never sits still. */ #vrinda-club-v3 .club-inside-item.is-drawn .club-inside-icon{animation:clubInsideWobble 5.5s ease-in-out infinite} #vrinda-club-v3 .club-inside-item:hover .club-inside-icon{color:#fff} @keyframes clubInsideWobble{ 0%,100%{transform:rotate(-1.4deg) translateY(0)} 50%{transform:rotate(1.4deg) translateY(-2px)} } #vrinda-club-v3 .club-inside-num{ color:var(--wk-pink); font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:500; font-size:1.5rem; line-height:1; } #vrinda-club-v3 .club-inside-tag{ color:var(--wk-pink); font:800 9px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.18em; text-transform:uppercase; } #vrinda-club-v3.wk-page .club-inside .club-inside-item h3{ color:var(--wk-white)!important; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; font-size:clamp(1.3rem,1.9vw,1.6rem)!important; line-height:1.15!important; letter-spacing:-.03em!important; } #vrinda-club-v3.wk-page .club-inside .club-inside-item p{ margin:12px 0 0; color:var(--wk-muted); font-size:1rem; line-height:1.7; }/* ---- the closing band, shared ---- */ #vrinda-club-v3 .club-inside-close{ display:grid; grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr); gap:clamp(28px,4vw,64px); align-items:center; margin-top:clamp(44px,5vw,72px); padding-top:clamp(34px,4vw,54px); border-top:1px solid var(--wk-dark-line); } #vrinda-club-v3.wk-page .club-inside .club-inside-close h3{ margin:16px 0 14px; color:var(--wk-white)!important; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; font-size:clamp(1.4rem,2.2vw,1.9rem)!important; line-height:1.15!important; letter-spacing:-.03em!important; } #vrinda-club-v3.wk-page .club-inside .club-inside-close h3 em{color:var(--wk-pink)} #vrinda-club-v3.wk-page .club-inside .club-inside-close p{margin:0;color:var(--wk-muted)} #vrinda-club-v3 .club-inside-close-action .btn{min-height:62px;width:100%} #vrinda-club-v3 .club-inside-close-action small{ display:block; margin-top:12px; color:var(--wk-muted); font:700 12px/1.5 'Urbanist',system-ui,sans-serif; letter-spacing:.04em; }/* ============================================================ Drawn cards Each of the four sits on its own off-white card with a pink top rule, the icon and numeral riding above the title. ============================================================ */ #vrinda-club-v3 .club-inside .club-inside-item{ padding:clamp(26px,2.8vw,38px); border:1px solid rgba(7,16,34,.12); border-top:5px solid var(--wk-pink); background:var(--wk-paper); color:var(--wk-paper-text); box-shadow:0 22px 46px rgba(4,8,20,.3); transition:box-shadow .4s ease,transform .4s cubic-bezier(.22,1,.36,1); } #vrinda-club-v3 .club-inside .club-inside-item:hover{ box-shadow:0 30px 58px rgba(4,8,20,.38); transform:translateY(-4px); }/* The cards are paper, so their words run in ink rather than in the section colour. */ #vrinda-club-v3.wk-page .club-inside .club-inside-item h3{color:var(--club-blue)!important} #vrinda-club-v3.wk-page .club-inside .club-inside-item p{ color:#000; font-size:clamp(1.1rem,1.25vw,1.2rem); } #vrinda-club-v3 .club-inside .club-inside-item:hover .club-inside-icon{color:var(--club-blue)} #vrinda-club-v3 .club-inside .club-inside-item-head{margin-bottom:20px} #vrinda-club-v3 .club-inside .club-inside-tag{margin-left:auto} #vrinda-club-v3.wk-page .club-inside .club-inside-item h3{margin:0} /* ---- responsive ---- */ @media(max-width:900px){ #vrinda-club-v3 .club-inside-list{grid-template-columns:minmax(0,1fr)!important} #vrinda-club-v3 .club-inside-close{grid-template-columns:minmax(0,1fr)} } @media(max-width:640px){ #vrinda-club-v3 .club-inside{padding:clamp(60px,9vw,96px) 0} #vrinda-club-v3.wk-page .club-inside h2{font-size:clamp(1.75rem,7.6vw,2.4rem)!important} #vrinda-club-v3 .club-inside-icon{width:52px;height:52px} } @media(prefers-reduced-motion:reduce){ #vrinda-club-v3 .club-inside-item,#vrinda-club-v3 .club-inside-icon{animation:none!important;transition:none!important} } #vrinda-club-v3.wk-page .club-inside .club-inside-close h3 strong{display:block;margin-top:22px;color:var(--wk-pink);font-weight:700;font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.25} #vrinda-club-v3.wk-page .club-inside .club-inside-close .club-inside-goal{display:block;font-size:clamp(1.65rem,2.7vw,2.3rem);line-height:1.15}/* /assets/club/club-wall.css?v=6 */ /* Proven in practice — two continuous rows of complete editorial client stories, moving in opposite directions. */ #vrinda-club-v3 .club-wall{ --club-proof-ink:#071022; --club-proof-speed:105s; position:relative; width:100vw; margin:clamp(44px,6vw,76px) 0 0 calc(50% - 50vw); overflow:hidden; } #vrinda-club-v3 .club-story-track{display:grid;gap:clamp(18px,2vw,26px)} #vrinda-club-v3 .club-story-marquee-row{ width:100%; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); } #vrinda-club-v3 .club-story-marquee-track{ display:flex; width:max-content; will-change:transform; } #vrinda-club-v3 .club-story-marquee-group{ display:flex; flex:0 0 auto; align-items:stretch; gap:22px; padding-right:22px; } #vrinda-club-v3 .club-story-marquee-row-top .club-story-marquee-track{animation:clubStoriesLeft var(--club-proof-speed) linear infinite} #vrinda-club-v3 .club-story-marquee-row-bottom .club-story-marquee-track{transform:translateX(-50%);animation:clubStoriesRight var(--club-proof-speed) linear infinite} #vrinda-club-v3 .club-wall.is-enhanced .club-wall-card{ position:relative; display:grid; grid-template-columns:minmax(210px,.4fr) minmax(340px,.6fr); flex:0 0 clamp(650px,52vw,790px); width:clamp(650px,52vw,790px); min-height:520px; margin:0; overflow:hidden; border:1px solid rgba(7,16,34,.15); border-top:6px solid var(--wk-pink); background:#fff; color:var(--club-proof-ink); box-shadow:12px 14px 0 rgba(200,40,140,.055); } #vrinda-club-v3 .club-story-photo{min-width:0;overflow:hidden;background:#eee7e1} #vrinda-club-v3 .club-story-photo img{ display:block; width:100%; height:100%; min-height:520px; object-fit:cover; object-position:50% 28%; filter:saturate(.9); transition:transform .7s cubic-bezier(.22,1,.36,1),filter .4s ease; } #vrinda-club-v3 .club-wall-card:hover .club-story-photo img{transform:scale(1.035);filter:saturate(1)} #vrinda-club-v3 .club-story-copy{ display:flex; min-width:0; flex-direction:column; justify-content:center; padding:clamp(28px,3vw,44px); } #vrinda-club-v3 .club-story-outcome{ display:inline-flex; width:max-content; max-width:100%; padding:9px 11px; background:rgba(200,40,140,.08); color:var(--wk-pink-deep); font:800 10px/1.2 'Urbanist',system-ui,sans-serif; letter-spacing:.17em; text-transform:uppercase; } #vrinda-club-v3 .club-story-quote{ margin:18px 0 22px; color:var(--club-proof-ink); font:500 clamp(1.55rem,2vw,2.25rem)/1.08 'Fraunces',Georgia,serif; letter-spacing:-.025em; } #vrinda-club-v3 .club-story-results{display:grid;gap:9px;margin:0;padding:0;list-style:none} #vrinda-club-v3 .club-story-results li{ position:relative; padding-left:20px; color:rgba(7,16,34,.72); font-size:clamp(.88rem,1vw,1rem); line-height:1.48; } #vrinda-club-v3 .club-story-results li::before{ content:''; position:absolute; left:0; top:.64em; width:7px; height:7px; border:1px solid var(--wk-pink-deep); border-radius:50%; } #vrinda-club-v3 .club-story-who{ display:block; margin-top:auto; padding-top:22px; border-top:1px solid rgba(7,16,34,.14); } #vrinda-club-v3 .club-story-who b{display:block;color:var(--club-proof-ink);font-size:1rem} #vrinda-club-v3 .club-story-who span{display:block;margin-top:4px;color:rgba(7,16,34,.55);font-size:.8rem} @keyframes clubStoriesLeft{to{transform:translateX(-50%)}} @keyframes clubStoriesRight{from{transform:translateX(-50%)}to{transform:translateX(0)}} @media(max-width:760px){ #vrinda-club-v3 .club-wall{--club-proof-speed:80s} #vrinda-club-v3 .club-story-track{gap:14px} #vrinda-club-v3 .club-story-marquee-group{gap:14px;padding-right:14px} #vrinda-club-v3 .club-wall.is-enhanced .club-wall-card{ grid-template-columns:38% 62%; flex-basis:min(92vw,620px); width:min(92vw,620px); min-height:430px; } #vrinda-club-v3 .club-story-photo img{min-height:430px} #vrinda-club-v3 .club-story-copy{padding:25px 21px} #vrinda-club-v3 .club-story-quote{font-size:clamp(1.4rem,4.8vw,1.9rem)} #vrinda-club-v3 .club-story-results li{font-size:.8rem} } @media(max-width:540px){ #vrinda-club-v3 .club-wall{margin-top:34px} #vrinda-club-v3 .club-wall.is-enhanced .club-wall-card{ grid-template-columns:1fr; grid-template-rows:250px auto; flex-basis:88vw; width:88vw; min-height:0; } #vrinda-club-v3 .club-story-photo img{min-height:0;height:250px;object-position:50% 24%} #vrinda-club-v3 .club-story-copy{padding:26px 22px 28px} #vrinda-club-v3 .club-story-quote{font-size:clamp(1.55rem,7.2vw,2rem)} } @media(prefers-reduced-motion:reduce){ #vrinda-club-v3 .club-story-marquee-row{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none} #vrinda-club-v3 .club-story-marquee-track{animation:none!important;transform:none!important} #vrinda-club-v3 .club-story-marquee-clone{display:none} #vrinda-club-v3 .club-wall-card{scroll-snap-align:center} #vrinda-club-v3 .club-story-photo img{transition:none} }/* /assets/club/club-coach.css?v=5 */ /* Private coaching — a solid pink band, the one on the page, with the copy stacked vertically on a white card and the three points ruled off. */ #vrinda-club-v3 .club-coach{ --club-blue:#071022; position:relative; padding:clamp(80px,10vw,132px) 0; overflow:hidden; background:var(--wk-pink); color:#fff; } #vrinda-club-v3 .club-coach .wrap{position:relative;z-index:1} #vrinda-club-v3 .club-coach-mark{ position:absolute; z-index:0; left:-2%; bottom:-8%; color:rgba(255,255,255,.12); font-family:'Fraunces',Georgia,serif; font-weight:500; font-style:italic; font-size:clamp(9rem,20vw,21rem); letter-spacing:-.04em; line-height:.8; pointer-events:none; user-select:none; } #vrinda-club-v3 .club-coach .club-coach-photo{display:none}/* ---- the head, across the top ---- */ #vrinda-club-v3 .club-coach .eyebrow{color:rgba(255,255,255,.85)} #vrinda-club-v3 .club-coach-head{max-width:min(100%,1000px)} #vrinda-club-v3.wk-page .club-coach h2{ margin:0; color:#fff!important; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; font-size:clamp(2.6rem,5vw,4.4rem)!important; line-height:.98!important; letter-spacing:-.045em!important; } #vrinda-club-v3.wk-page .club-coach h2 em{color:var(--club-blue)} #vrinda-club-v3 .club-coach-included{ max-width:74ch; margin-top:clamp(26px,3vw,40px); padding-top:clamp(22px,2.4vw,32px); border-top:1px solid rgba(255,255,255,.35); } #vrinda-club-v3 .club-coach-tag{ display:block; font:800 10px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.18em; text-transform:uppercase; } #vrinda-club-v3 .club-coach-included .club-coach-tag{color:rgba(255,255,255,.82)} #vrinda-club-v3.wk-page .club-coach .club-coach-lede{ margin:16px 0 0; color:#fff; font-size:clamp(1.15rem,1.6vw,1.4rem); line-height:1.65; }/* ---- the white card ---- */ #vrinda-club-v3 .club-coach-copy{ margin-top:clamp(36px,4.4vw,64px); background:#fff; box-shadow:0 34px 70px rgba(90,10,60,.3); } #vrinda-club-v3 .club-coach-copy .club-coach-tag{color:var(--wk-pink)} #vrinda-club-v3.wk-page .club-coach-sub{ margin:0; color:var(--club-blue)!important; font-family:'Urbanist',system-ui,sans-serif!important; font-weight:800!important; letter-spacing:-.01em!important; line-height:1.25!important; } #vrinda-club-v3.wk-page .club-coach .club-coach-copy p{ color:#000; font-weight:500; line-height:1.7; } #vrinda-club-v3.wk-page .club-coach .club-coach-copy strong{color:var(--club-blue)}/* ---- the closing bar ---- */ #vrinda-club-v3 .club-coach-turn{ margin:0; padding:clamp(26px,2.8vw,38px) clamp(30px,3.4vw,52px); background:var(--club-blue); color:#fff; font-family:'Fraunces',Georgia,serif; font-size:clamp(1.25rem,1.9vw,1.6rem); font-style:italic; line-height:1.35; } #vrinda-club-v3 .club-coach-turn strong{font-weight:500}/* ============================================================ The three points, on one card The three points share a single white card, divided by hairlines, each sub-headline running full width above its explanation. ============================================================ */ #vrinda-club-v3 .club-coach .club-coach-copy{ padding:clamp(32px,3.6vw,52px) clamp(30px,3.4vw,52px) clamp(18px,2vw,28px); } #vrinda-club-v3 .club-coach .club-coach-copy .club-coach-tag{ padding-bottom:clamp(20px,2.2vw,28px); } #vrinda-club-v3 .club-coach .club-coach-point{ padding:clamp(26px,2.8vw,36px) 0; border-top:1px solid rgba(7,16,34,.14); } #vrinda-club-v3.wk-page .club-coach .club-coach-sub{ font-size:clamp(1.3rem,1.9vw,1.75rem)!important; } #vrinda-club-v3 .club-coach .club-coach-sub::before{ content:''; display:block; width:44px; height:4px; margin-bottom:14px; background:var(--wk-pink); } #vrinda-club-v3.wk-page .club-coach .club-coach-copy p{ margin:14px 0 0; max-width:78ch; font-size:clamp(1.05rem,1.25vw,1.15rem); } /* ---- responsive ---- */ @media(max-width:640px){ #vrinda-club-v3 .club-coach{padding:clamp(60px,9vw,96px) 0} #vrinda-club-v3.wk-page .club-coach h2{font-size:clamp(2rem,8.4vw,2.7rem)!important} #vrinda-club-v3.wk-page .club-coach .club-coach-lede{font-size:1.08rem} }/* /assets/club/club-enroll.css?v=6 */ /* Enrolment — one vertical stack: what you get, the bonuses, then the two tuition lines stacked, and finally the two ways to join side by side. Bold blocks on deep paper. */ #vrinda-club-v3.wk-page .club-enroll{ --club-blue:#071022; position:relative; isolation:isolate; padding:clamp(36px,4vw,52px) 0 clamp(40px,5vw,66px); overflow:hidden; } #vrinda-club-v3 .club-enroll .wrap{position:relative;z-index:2} #vrinda-club-v3 .club-enroll-logo-mark{ position:absolute; top:clamp(22px,2.4vw,34px); right:clamp(22px,2.8vw,40px); z-index:0; width:clamp(110px,10vw,150px); height:auto; opacity:1; filter:none; pointer-events:none; user-select:none; } #vrinda-club-v3 .club-enroll .eyebrow{color:var(--wk-pink)} #vrinda-club-v3.wk-page .club-enroll h2{ margin:0; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; line-height:.99!important; letter-spacing:-.045em!important; } #vrinda-club-v3.wk-page .club-enroll h2 em{color:var(--wk-pink)} #vrinda-club-v3.wk-page .club-enroll h3{ font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; line-height:1.15!important; letter-spacing:-.03em!important; }/* ---- head ---- */ #vrinda-club-v3 .club-enroll-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:clamp(20px,3vw,48px); flex-wrap:wrap; } #vrinda-club-v3 .club-enroll-event b{ display:block; font-family:'Fraunces',Georgia,serif; font-weight:500; font-size:1.2rem; } #vrinda-club-v3 .club-enroll-event span{ display:block; margin-top:6px; font:700 12px/1.5 'Urbanist',system-ui,sans-serif; letter-spacing:.05em; }/* ---- what you get, full width ---- */ #vrinda-club-v3 .club-checks{margin:0;padding:0;list-style:none} #vrinda-club-v3 .club-checks li{position:relative;padding-left:32px;font-size:clamp(1.08rem,1.3vw,1.2rem);line-height:1.7} #vrinda-club-v3 .club-checks li + li{margin-top:16px} #vrinda-club-v3 .club-checks li::before{ content:'+'; position:absolute; left:0; top:-1px; color:var(--wk-pink); font-family:'Fraunces',Georgia,serif; font-size:1.3rem; line-height:1.4; }/* ---- bonuses, stacked ---- */ #vrinda-club-v3 .club-bonuses{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(12px,1.4vw,18px)} #vrinda-club-v3 .club-bonus{ display:flex; align-items:baseline; gap:clamp(14px,2vw,28px); flex-wrap:wrap; } #vrinda-club-v3 .club-bonus-tag{ flex:0 0 auto; color:var(--wk-pink); font:800 9px/1.6 'Urbanist',system-ui,sans-serif; letter-spacing:.18em; text-transform:uppercase; } #vrinda-club-v3 .club-bonus b{ flex:1 1 320px; color:#0c1220; font-family:'Fraunces',Georgia,serif; font-weight:500; font-size:1.3rem; line-height:1.3; letter-spacing:-.02em; } #vrinda-club-v3 .club-bonus small{ flex:0 0 auto; font:700 14px/1.6 'Urbanist',system-ui,sans-serif; letter-spacing:.02em; }/* ---- the two tuition lines, stacked ---- */ #vrinda-club-v3 .club-tuition{margin:0;padding:0;display:grid;gap:clamp(10px,1.2vw,16px)} #vrinda-club-v3 .club-tuition > div{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:clamp(18px,2vw,26px) clamp(20px,2.4vw,32px); } #vrinda-club-v3 .club-tuition dt{ margin:0; font:800 12px/1.4 'Urbanist',system-ui,sans-serif; letter-spacing:.14em; text-transform:uppercase; } #vrinda-club-v3 .club-tuition dd{ margin:0; font-family:'Fraunces',Georgia,serif; font-weight:500; font-size:clamp(2rem,3.4vw,3rem); line-height:1; letter-spacing:-.045em; } #vrinda-club-v3 .club-tuition-strike dd{text-decoration:line-through} #vrinda-club-v3 .club-enroll-fine{font:700 12px/1.6 'Urbanist',system-ui,sans-serif;letter-spacing:.04em}/* ---- two ways to join ---- */ #vrinda-club-v3 .club-plans-head{text-align:center} #vrinda-club-v3.wk-page .club-plans-head h3{margin:0;font-size:clamp(1.6rem,2.6vw,2.2rem)!important} #vrinda-club-v3 .club-plans-head p{margin:12px 0 0;font-size:clamp(1.08rem,1.35vw,1.25rem)} #vrinda-club-v3 .club-plans{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,2.2vw,30px); align-items:stretch; } #vrinda-club-v3 .club-plan{display:flex;flex-direction:column} #vrinda-club-v3 .club-plan-name{ display:block; color:var(--wk-pink); font:800 11px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.2em; text-transform:uppercase; } #vrinda-club-v3 .club-plan-price i{font-style:normal;color:var(--wk-pink);margin:0 .12em} #vrinda-club-v3 .club-plan-price{ display:block; margin-top:16px; font-family:'Fraunces',Georgia,serif; font-weight:500; font-size:clamp(3rem,5vw,4.4rem); line-height:.9; letter-spacing:-.05em; } #vrinda-club-v3 .club-plan-note{ display:block; margin-top:14px; font:700 15px/1.55 'Urbanist',system-ui,sans-serif; letter-spacing:.02em; } #vrinda-club-v3 .club-plan-intro{margin:20px 0 0;font-size:clamp(1.08rem,1.3vw,1.2rem)} #vrinda-club-v3 .club-plan .club-checks{margin-top:20px;margin-bottom:28px} #vrinda-club-v3 .club-plan .club-checks li{font-size:clamp(1.05rem,1.25vw,1.15rem)} #vrinda-club-v3 .club-plan-cta{margin-top:auto;width:100%;min-height:66px} #vrinda-club-v3 .club-plan-countdown{margin-top:18px;text-align:center} #vrinda-club-v3 .club-plan-countdown-label{ display:block; margin-bottom:10px; font:800 9px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.16em; text-transform:uppercase; } #vrinda-club-v3 .club-plan-countdown .wk-outcome-countdown{display:flex;justify-content:center;gap:18px} #vrinda-club-v3 .club-plan-countdown .wk-outcome-cd-unit{display:flex;flex-direction:column;align-items:center;gap:4px} #vrinda-club-v3 .club-plan-countdown .wk-outcome-cd-unit b{ font-family:'Fraunces',Georgia,serif; font-weight:500; font-size:1.5rem; line-height:1; letter-spacing:-.03em; } #vrinda-club-v3 .club-plan-countdown .wk-outcome-cd-unit small{ font:800 8px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.16em; text-transform:uppercase; opacity:.68; }/* ============================================================ Bold blocks Deeper paper, heavier shapes. What you get sits on a white block, the bonuses on tinted bars, and the at-event tuition lands as a navy bar. ============================================================ */ #vrinda-club-v3 .club-enroll{background:var(--wk-paper-deep);color:#0c1220} #vrinda-club-v3 .club-enroll .club-enroll-head{align-items:center} #vrinda-club-v3.wk-page .club-enroll h2{font-size:clamp(2.2rem,4.2vw,3.5rem)!important} #vrinda-club-v3 .club-enroll .club-enroll-event{ padding:14px 20px; border:2px solid var(--club-blue); text-align:right; } #vrinda-club-v3 .club-enroll .club-enroll-event span{color:#0c1220} #vrinda-club-v3 .club-enroll .club-enroll-includes{ position:relative; overflow:hidden; margin-top:clamp(30px,3.6vw,48px); padding:clamp(28px,3.2vw,44px); background:#fff; box-shadow:0 26px 54px rgba(7,16,34,.1); } #vrinda-club-v3.wk-page .club-enroll .club-enroll-includes h3{margin:0 0 24px;font-size:clamp(1.5rem,2.3vw,1.95rem)!important} #vrinda-club-v3.wk-page .club-enroll .club-checks li{color:#0c1220} #vrinda-club-v3.wk-page .club-enroll .club-checks strong{color:var(--club-blue)} #vrinda-club-v3 .club-enroll .club-bonuses{margin-top:clamp(24px,2.6vw,34px)} #vrinda-club-v3 .club-enroll .club-bonus{ padding:18px 22px; background:rgba(200,40,140,.08); } #vrinda-club-v3 .club-enroll .club-bonus small{color:#0c1220} #vrinda-club-v3 .club-enroll .club-tuition{margin-top:clamp(24px,2.6vw,34px)} #vrinda-club-v3 .club-enroll .club-tuition > div:first-child{ border:2px solid rgba(7,16,34,.2); } #vrinda-club-v3 .club-enroll .club-tuition-strike dd{opacity:.5} #vrinda-club-v3 .club-enroll .club-tuition > div:last-child{ background:var(--club-blue); color:var(--wk-white); } #vrinda-club-v3 .club-enroll .club-tuition > div:last-child dd{color:var(--wk-pink)} #vrinda-club-v3 .club-enroll .club-enroll-fine{margin:22px 0 0;color:#0c1220;font-size:14px} #vrinda-club-v3 .club-enroll .club-plans-head{margin-top:clamp(52px,6vw,88px)} #vrinda-club-v3 .club-enroll .club-plans-head p{color:#0c1220} #vrinda-club-v3 .club-enroll .club-plans{margin-top:clamp(26px,3vw,38px)} #vrinda-club-v3 .club-enroll .club-plan{ padding:clamp(28px,3vw,42px); border:2px solid var(--club-blue); background:#fff; } #vrinda-club-v3 .club-enroll .club-plan:first-child{border-color:var(--wk-pink)} #vrinda-club-v3 .club-enroll .club-plan-note,#vrinda-club-v3 .club-enroll .club-plan-intro,#vrinda-club-v3 .club-enroll .club-plan-countdown-label,#vrinda-club-v3.wk-page .club-enroll .club-plan .club-checks li{color:#0c1220} /* ---- responsive ---- */ @media(max-width:820px){ #vrinda-club-v3 .club-enroll .club-plans{grid-template-columns:minmax(0,1fr)} #vrinda-club-v3 .club-enroll .club-enroll-event{text-align:left!important} #vrinda-club-v3 .club-tuition > div{align-items:flex-start;flex-direction:column;gap:10px} } @media(max-width:640px){ #vrinda-club-v3.wk-page .club-enroll{padding:32px 0 clamp(30px,4.5vw,48px)} #vrinda-club-v3 .club-enroll-logo-mark{top:22px;right:20px;width:88px;opacity:1} #vrinda-club-v3.wk-page .club-enroll h2{font-size:clamp(1.8rem,7.4vw,2.4rem)!important} }/* /assets/club/club-signoff.css?v=5 */ /* Sign-off — the last word from Vrinda, on one navy card with the portrait filling its right edge. */ #vrinda-club-v3.wk-page .club-signoff{ --club-blue:#071022; position:relative; padding:clamp(38px,4.5vw,62px) 0 clamp(76px,9vw,124px); overflow:hidden; } #vrinda-club-v3 .club-signoff .wrap{position:relative;z-index:1} #vrinda-club-v3 .club-signoff-mark{ position:absolute; z-index:0; font-family:'Caveat',cursive; line-height:.9; pointer-events:none; user-select:none; } #vrinda-club-v3 .club-signoff .eyebrow{color:var(--wk-pink)} #vrinda-club-v3 .club-signoff-photo{position:relative;margin:0} #vrinda-club-v3 .club-signoff-photo img{display:block;width:100%;height:auto;object-fit:cover} #vrinda-club-v3 .club-signoff-note{ font-family:'Fraunces',Georgia,serif; font-weight:500; line-height:1.3; letter-spacing:-.03em; } #vrinda-club-v3 .club-signoff-name{ font-family:'Caveat',cursive; color:var(--wk-pink); line-height:1; } #vrinda-club-v3 .club-signoff-cta{min-height:66px}/* ============================================================ Split card Deeper paper. One navy card with the house pink offset shadow: the last word on the left, the portrait filling the right edge. ============================================================ */ #vrinda-club-v3 .club-signoff{background:var(--wk-paper-deep);color:var(--wk-paper-text)} #vrinda-club-v3 .club-signoff .club-signoff-mark{display:none} #vrinda-club-v3 .club-signoff .wrap{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); align-items:stretch; padding:0; border:1px solid rgba(7,16,34,.18); background:var(--club-blue); box-shadow:16px 16px 0 var(--wk-pink); } #vrinda-club-v3 .club-signoff .club-signoff-body{ grid-column:1; grid-row:1; align-self:center; padding:clamp(34px,4vw,60px); } #vrinda-club-v3.wk-page .club-signoff .club-signoff-note{ margin:18px 0 0; max-width:28ch; color:var(--wk-white); font-size:clamp(1.4rem,2.4vw,2.1rem); } #vrinda-club-v3.wk-page .club-signoff .club-signoff-note em{font-style:italic;color:var(--wk-pink)} #vrinda-club-v3 .club-signoff .club-signoff-name{ margin:24px 0 0; font-size:clamp(1.9rem,3.2vw,2.6rem); } #vrinda-club-v3 .club-signoff .club-signoff-cta{margin-top:28px} #vrinda-club-v3 .club-signoff .club-signoff-photo{ grid-column:2; grid-row:1; min-height:480px; overflow:hidden; transform:none!important; } #vrinda-club-v3 .club-signoff .club-signoff-photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 18%; } /* ---- responsive ---- */ @media(max-width:860px){ #vrinda-club-v3 .club-signoff .wrap{grid-template-columns:minmax(0,1fr)!important} #vrinda-club-v3 .club-signoff .club-signoff-photo{grid-column:1!important;margin-bottom:28px;transform:none!important} #vrinda-club-v3 .club-signoff .club-signoff-photo{grid-row:auto!important;min-height:300px;order:-1} #vrinda-club-v3 .club-signoff .club-signoff-body{grid-row:auto!important} } @media(max-width:640px){ #vrinda-club-v3.wk-page .club-signoff{padding:clamp(28px,4.5vw,45px) 0 clamp(56px,9vw,90px)} #vrinda-club-v3 .club-signoff .wrap{box-shadow:8px 8px 0 var(--wk-pink)} } @media(prefers-reduced-motion:reduce){ #vrinda-club-v3 .club-signoff .club-signoff-photo{transition:none} }/* /assets/club/club-footer.css?v=3 */ /* Footer — the page's baseline: a navy plate carrying one last call. */ #vrinda-club-v3 .club-footer{ --club-blue:#071022; position:relative; overflow:hidden; padding:clamp(48px,6vw,80px) 0 clamp(96px,9vw,132px); } #vrinda-club-v3 .club-footer .wrap{position:relative;z-index:1} #vrinda-club-v3 .club-footer-mark{ position:absolute; z-index:0; font-family:'Fraunces',Georgia,serif; font-weight:500; font-style:italic; letter-spacing:-.05em; line-height:.8; pointer-events:none; user-select:none; } #vrinda-club-v3 .club-footer-logo{display:block;height:58px;width:auto} #vrinda-club-v3.wk-page .club-footer .club-footer-tag{ margin:18px 0 0; max-width:18ch; color:var(--wk-pink); font:italic 400 clamp(1.3rem,2.2vw,2rem)/1.1 'Fraunces',Georgia,serif; letter-spacing:-.02em; } #vrinda-club-v3 .club-footer-live{ display:inline-flex; align-items:center; gap:11px; color:var(--wk-pink); font:800 11px/1 'Urbanist',system-ui,sans-serif; letter-spacing:.16em; text-transform:uppercase; } #vrinda-club-v3 .club-footer-live::before{ content:''; width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:var(--wk-pink); box-shadow:0 0 0 0 rgba(200,40,140,.6); animation:clubFooterPulse 1.9s ease-out infinite; } @keyframes clubFooterPulse{ 70%{box-shadow:0 0 0 12px rgba(200,40,140,0)} 100%{box-shadow:0 0 0 0 rgba(200,40,140,0)} } #vrinda-club-v3 .club-footer-cta{min-height:58px} #vrinda-club-v3 .club-footer-links{display:flex;flex-wrap:wrap;gap:10px 26px} #vrinda-club-v3 .club-footer-links a{ font:700 13px/1.4 'Urbanist',system-ui,sans-serif; text-decoration:none; } #vrinda-club-v3 .club-footer-links a:hover{color:var(--wk-pink)} #vrinda-club-v3 .club-footer-fine{font:600 12px/1.6 'Urbanist',system-ui,sans-serif} @media(prefers-reduced-motion:reduce){ #vrinda-club-v3 .club-footer-live::before{animation:none} }/* ============================================================ Navy plate The hero navy again. Brand on the left, one last call on the right, then a hairline with the links and the small print beneath it. ============================================================ */ #vrinda-club-v3 .club-footer{background:var(--club-blue);color:var(--wk-white)} #vrinda-club-v3 .club-footer .club-footer-mark{ right:-2%; bottom:-16%; color:rgba(248,248,252,.04); font-size:clamp(8rem,18vw,18rem); } #vrinda-club-v3 .club-footer .wrap{ text-align:left; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(24px,3vw,48px); align-items:end; } #vrinda-club-v3 .club-footer .club-footer-act{ display:flex; flex-direction:column; align-items:flex-end; gap:16px; } #vrinda-club-v3 .club-footer .club-footer-cta{min-width:280px} #vrinda-club-v3 .club-footer .club-footer-links{ grid-column:1; margin-top:clamp(30px,3.4vw,44px); padding-top:clamp(22px,2.4vw,30px); border-top:1px solid var(--wk-dark-line); } #vrinda-club-v3 .club-footer .club-footer-links a{color:var(--wk-white)} #vrinda-club-v3 .club-footer .club-footer-fine{ grid-column:2; align-self:end; margin:clamp(30px,3.4vw,44px) 0 0; padding-top:clamp(22px,2.4vw,30px); border-top:1px solid var(--wk-dark-line); color:rgba(248,248,252,.56); text-align:right; } /* ---- responsive ---- */ @media(max-width:760px){ #vrinda-club-v3 .club-footer .wrap{grid-template-columns:minmax(0,1fr)} #vrinda-club-v3 .club-footer .club-footer-act{align-items:flex-start;margin-top:26px} #vrinda-club-v3 .club-footer .club-footer-cta{width:100%} #vrinda-club-v3 .club-footer .club-footer-links,#vrinda-club-v3 .club-footer .club-footer-fine{grid-column:1;text-align:left} #vrinda-club-v3 .club-footer .club-footer-fine{margin-top:18px;padding-top:0;border-top:0} }/* Compact closing lockup: centered brand, legal links and copyright. */ #vrinda-club-v3.wk-page .club-footer{ padding:34px 0 38px; border-top:1px solid rgba(248,248,252,.1); } #vrinda-club-v3 .club-footer .wrap{ display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; } #vrinda-club-v3 .club-footer .club-footer-logo{ width:clamp(122px,10vw,150px); height:auto; } #vrinda-club-v3 .club-footer .club-footer-links{ justify-content:center; margin:0; padding:0; border:0; gap:8px 22px; } #vrinda-club-v3 .club-footer .club-footer-links a{ color:rgba(248,248,252,.62); font-size:11px; } #vrinda-club-v3 .club-footer .club-footer-fine{ align-self:auto; margin:0; padding:0; border:0; color:rgba(248,248,252,.42); text-align:center; font-size:11px; } @media(max-width:640px){ #vrinda-club-v3.wk-page .club-footer{padding:30px 0 34px} #vrinda-club-v3 .club-footer .club-footer-links{gap:7px 16px} }/* /assets/club/club-v3-review.css?v=4 */ /* Club V3 — evergreen page: the two sections that had no styles of their own, plus one visibility helper. This file also carried the yellow review highlighting while the copy was being checked. That came off before the GHL build; the highlighted source is kept in .design-staging/club-v3-highlighted/. ====================================================================== */ /* The retired countdown stays in the markup but hidden, so the nav can get it back if this page ever runs to a deadline again. */ #vrinda-club-v3 .is-hidden-v3{display:none!important}/* ---- 2. the good-fit section ---- */ #vrinda-club-v3 .club-fit{ --club-blue:#071022; position:relative; padding:clamp(76px,9vw,120px) 0; background:var(--wk-paper); color:#0c1220; } #vrinda-club-v3 .club-fit .eyebrow{color:var(--wk-pink)} #vrinda-club-v3.wk-page .club-fit h2{ margin:0; max-width:24ch; color:var(--club-blue)!important; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; font-size:clamp(2.1rem,4vw,3.2rem)!important; line-height:.99!important; letter-spacing:-.045em!important; } #vrinda-club-v3.wk-page .club-fit h2 em{color:var(--wk-pink)} #vrinda-club-v3 .club-fit-list{ max-width:80ch; margin:clamp(34px,4vw,52px) 0 0; padding:0; list-style:none; } #vrinda-club-v3.wk-page .club-fit-list li{ position:relative; padding-left:32px; color:#0c1220; font-size:clamp(1.12rem,1.35vw,1.26rem); line-height:1.75; } #vrinda-club-v3.wk-page .club-fit-list li + li{margin-top:16px} #vrinda-club-v3 .club-fit-list li::before{ content:'+'; position:absolute; left:0; top:-1px; color:var(--wk-pink); font-family:'Fraunces',Georgia,serif; font-size:1.3rem; line-height:1.4; } #vrinda-club-v3.wk-page .club-fit-note{ max-width:78ch; margin:clamp(30px,3.4vw,44px) 0 0; padding:clamp(22px,2.4vw,30px) clamp(24px,2.6vw,34px); border-left:3px solid var(--wk-pink); background:#fff; color:#0c1220; font-size:1.08rem; line-height:1.74; } #vrinda-club-v3.wk-page .club-fit-note strong{color:var(--club-blue)}/* ---- 3. the strategy-session next step ---- */ #vrinda-club-v3 .club-next{ --club-blue:#071022; position:relative; overflow:hidden; padding:clamp(80px,10vw,132px) 0; background: radial-gradient(circle at 84% 8%,rgba(200,40,140,.16),transparent 30%), var(--club-blue); color:var(--wk-white); } #vrinda-club-v3 .club-next .wrap{position:relative;z-index:1} #vrinda-club-v3 .club-next .eyebrow{color:var(--wk-pink)} #vrinda-club-v3 .club-next-head{max-width:min(100%,900px)} #vrinda-club-v3.wk-page .club-next h2{ margin:0; color:var(--wk-white)!important; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; font-size:clamp(2.1rem,4vw,3.2rem)!important; line-height:.99!important; letter-spacing:-.045em!important; } #vrinda-club-v3.wk-page .club-next h2 em{color:var(--wk-pink)} #vrinda-club-v3.wk-page .club-next-lede{ margin:26px 0 0; max-width:68ch; color:var(--wk-muted); font-size:clamp(1.12rem,1.4vw,1.28rem); line-height:1.72; } #vrinda-club-v3 .club-next-body{ margin-top:clamp(34px,4vw,56px); padding-top:clamp(28px,3.2vw,42px); border-top:1px solid var(--wk-dark-line); } #vrinda-club-v3.wk-page .club-next-sub{ margin:0 0 24px; color:var(--wk-white)!important; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; font-size:clamp(1.35rem,2vw,1.7rem)!important; letter-spacing:-.03em!important; } #vrinda-club-v3 .club-next-list{max-width:72ch;margin:0;padding:0;list-style:none} #vrinda-club-v3.wk-page .club-next-list li{ position:relative; padding-left:32px; color:var(--wk-muted); font-size:clamp(1.08rem,1.3vw,1.22rem); line-height:1.75; } #vrinda-club-v3.wk-page .club-next-list li + li{margin-top:14px} #vrinda-club-v3 .club-next-list li::before{ content:'+'; position:absolute; left:0; top:-1px; color:var(--wk-pink); font-family:'Fraunces',Georgia,serif; font-size:1.3rem; line-height:1.4; } #vrinda-club-v3.wk-page .club-next-prep{ margin:clamp(26px,3vw,38px) 0 0; max-width:70ch; color:var(--wk-muted); font-size:1.08rem; line-height:1.74; } #vrinda-club-v3.wk-page .club-next-reserved{ margin:18px 0 0; max-width:60ch; color:var(--wk-white); font-family:'Fraunces',Georgia,serif; font-size:clamp(1.15rem,1.7vw,1.45rem); font-style:italic; line-height:1.35; } #vrinda-club-v3.wk-page .club-next-reserved strong{font-weight:500} #vrinda-club-v3 .club-next-cta{margin-top:clamp(30px,3.4vw,44px);min-width:min(460px,100%)}/* The promise now heads its own block, so it sets like a sub-heading. */ #vrinda-club-v3.wk-page .club-inside-promise-head{ margin:26px 0 0; max-width:46ch; color:var(--wk-pink)!important; font-family:'Fraunces',Georgia,serif!important; font-weight:500!important; font-size:clamp(1.3rem,2vw,1.7rem)!important; font-style:italic; line-height:1.3!important; letter-spacing:-.03em!important; } @media(max-width:640px){ #vrinda-club-v3 .club-fit,#vrinda-club-v3 .club-next{padding:clamp(60px,9vw,96px) 0} #vrinda-club-v3.wk-page .club-fit h2,#vrinda-club-v3.wk-page .club-next h2{font-size:clamp(1.75rem,7.4vw,2.3rem)!important} #vrinda-club-v3 .club-next-cta{min-width:100%} }/* ---- in-page anchor offset ---- The navigation is fixed, so a jump to #inside or #next-step put the section's own top edge at y=0 and the header sat on top of the heading. Nothing in the page handled this: no scroll-margin anywhere, and club-nav.js only tracks the scrolled state. The margin is the measured header height (75px desktop, 71px mobile) plus a little breathing room. */ #vrinda-club-v3.wk-page section[id],#vrinda-club-v3.wk-page [id="top"]{scroll-margin-top:92px} @media(max-width:760px){ #vrinda-club-v3.wk-page section[id],#vrinda-club-v3.wk-page [id="top"]{scroll-margin-top:88px} }/* /assets/club/club-v3-gaps.css?v=2 */ /* "You May Already Know A LOT About Marketing" (#gaps) — dark treatment. The section used to sit on paper between two other paper sections. On the evergreen page it becomes the dark beat in the middle of the scroll, so the honest-look argument lands with weight before the "what makes it different" section returns to paper. Everything here is a recolour. No markup, copy or spacing was changed apart from dropping `wk-light` from the section (its rules force paper text). Contrast was checked against the navy ground: the brand pink #C8288C reads 3.7:1, which passes for the display sizes but not for small type, so small pink items (eyebrow, list numerals, inline emphasis) use a lighter tint. ====================================================================== */ #vrinda-club-v3.wk-page #gaps{ --gaps-navy:#071022; --gaps-body:#ccd2e0; /* 12.5:1 on the navy */ --gaps-pink-lite:#f07ac0; /* 7.5:1 — small pink type */ background: radial-gradient(circle at 78% 4%,rgba(200,40,140,.09),transparent 34%), var(--gaps-navy); color:var(--wk-white); }/* The drawn tailoring grid inverts: the lines were dark ink on paper. */ #vrinda-club-v3.wk-page #gaps::before{ background: radial-gradient(circle at 7% 20%,rgba(200,40,140,.12),transparent 24%), radial-gradient(circle at 93% 78%,rgba(200,40,140,.10),transparent 25%), repeating-linear-gradient(135deg,rgba(255,255,255,.055) 0 1px,transparent 1px 52px), repeating-linear-gradient(45deg,rgba(240,122,192,.07) 0 1px,transparent 1px 52px); }/* ---- head ---- */ #vrinda-club-v3.wk-page #gaps .eyebrow{color:var(--gaps-pink-lite)} #vrinda-club-v3.wk-page #gaps .narrow > h2{color:var(--wk-white)} #vrinda-club-v3.wk-page #gaps .narrow > h2 em,#vrinda-club-v3.wk-page #gaps .narrow > h2 .pink{color:var(--wk-pink)}/* ---- body copy ---- */ #vrinda-club-v3.wk-page #gaps .narrow > p{color:var(--gaps-body)} #vrinda-club-v3.wk-page #gaps strong{color:var(--wk-white)} #vrinda-club-v3.wk-page #gaps .narrow > p.club-gaps-reason,#vrinda-club-v3.wk-page #gaps .club-gaps-reason strong{color:var(--wk-white)}/* ---- the numbered gaps ---- */ #vrinda-club-v3.wk-page #gaps .club-gaps li{ background:rgba(255,255,255,.055); border-left-color:var(--wk-pink); color:var(--wk-white); } #vrinda-club-v3.wk-page #gaps .club-gaps li strong{color:var(--wk-white)} #vrinda-club-v3.wk-page #gaps .club-gaps li::before{color:var(--gaps-pink-lite)}/* ---- the two turning points ---- The first stays a solid pink card, which now reads as a lit panel rather than a block of colour on paper. The closing one goes white, with its last line in the lighter pink so it still reads at that size. */ #vrinda-club-v3.wk-page #gaps .club-gaps-sub:not(.club-gaps-sub-ink){ background:var(--wk-pink); color:#fff!important; box-shadow:0 26px 60px rgba(0,0,0,.42); } #vrinda-club-v3.wk-page #gaps .club-gaps-sub-ink{color:var(--wk-white)!important} #vrinda-club-v3.wk-page #gaps .club-gaps-sub-ink strong{color:var(--gaps-pink-lite)}/* ---- the closing statement becomes a panel too ---- Pedro asked for the second turning point to be carried in the same pink container as the first, so the section opens and closes on the same shape. club.css deliberately excludes `.club-gaps-sub-ink` from the panel rules (`:not(.club-gaps-sub-ink)`) and that file is shared with /club/ and /club-v2/, so the panel is rebuilt here rather than edited there. Difference from the first panel: the connector runs in from above only. This is the last element in the section, so a tail below it would point at nothing. And the emphasis line moves pink → navy, because pink on pink is invisible; navy on the pink reads 3.7:1, which carries at this size, and it keeps the "different colour" relationship the line had before. */ #vrinda-club-v3.wk-page #gaps .club-gaps-sub-ink{ position:relative; z-index:0; width:100%; max-width:none; margin-top:clamp(40px,4.6vw,56px); padding:clamp(38px,5vw,62px) clamp(24px,6vw,72px); background:var(--wk-pink); color:#fff!important; box-shadow:0 26px 60px rgba(0,0,0,.42); } #vrinda-club-v3.wk-page #gaps .club-gaps-sub-ink::before{ content:""; position:absolute; left:50%; z-index:-1; top:-46px; width:2px; height:46px; background:var(--wk-pink); transform:translateX(-50%); } #vrinda-club-v3.wk-page #gaps .club-gaps-sub-ink strong{ color:var(--gaps-navy); font-weight:600; }/* The panel is now the last thing in the section, so it needs room under it before the paper section begins. */ #vrinda-club-v3.wk-page #gaps{padding-bottom:clamp(64px,7vw,96px)} @media(max-width:640px){ #vrinda-club-v3.wk-page #gaps .club-gaps-sub-ink{padding:34px 24px;margin-top:40px} #vrinda-club-v3.wk-page #gaps .club-gaps-sub-ink::before{top:-34px;height:34px} #vrinda-club-v3.wk-page #gaps{padding-bottom:56px} }/* /assets/club/club-v3-fit.css?v=1 */ /* "The Irresistible Marketing Club may be a great fit if you…" — the chosen layout: ledger rows. Full-width rows with an oversized pink numeral in the margin and alternating tint, so the five read as a tally rather than a list, closed by a navy Note panel. Loads after club-v3-review.css and raises that file's type for this section by 12%, which is the size Pedro picked. The two rejected layouts are in .design-staging/club-v3-fit/. ====================================================================== */ /* The section draws its own numerals, so the shared pink + is off. */ #vrinda-club-v3 .club-fit .club-fit-list li::before{content:none} #vrinda-club-v3 .club-fit .club-fit-list{counter-reset:fit}/* ---- type, 12% up on the base ---- */ #vrinda-club-v3.wk-page .club-fit h2{font-size:clamp(2.35rem,4.48vw,3.58rem)!important} #vrinda-club-v3 .club-fit .eyebrow{font-size:11px} #vrinda-club-v3 .club-fit .club-fit-list{ max-width:none; margin-top:clamp(30px,3.6vw,46px); border-top:2px solid var(--club-blue); } #vrinda-club-v3.wk-page .club-fit .club-fit-list li{ display:flex; align-items:baseline; gap:clamp(20px,3vw,46px); margin:0; padding:clamp(22px,2.5vw,33px) clamp(18px,2vw,28px); border-bottom:1px solid rgba(7,16,34,.16); font-size:clamp(1.25rem,1.62vw,1.5rem); line-height:1.72; } #vrinda-club-v3 .club-fit .club-fit-list li:nth-child(odd){background:rgba(255,255,255,.66)} #vrinda-club-v3 .club-fit .club-fit-list li::before{ counter-increment:fit; content:counter(fit,decimal-leading-zero); position:static; flex:0 0 auto; min-width:1.9em; color:var(--wk-pink); font-family:'Fraunces',Georgia,serif; font-weight:500; font-size:clamp(2.46rem,3.81vw,3.36rem); line-height:.9; letter-spacing:-.04em; }/* The Note inverts, so the section ends on a dark beat. */ #vrinda-club-v3.wk-page .club-fit-note{ margin-top:clamp(26px,3vw,40px); max-width:none; border-left:0; border-top:3px solid var(--wk-pink); background:var(--club-blue); color:var(--wk-white); font-size:1.21rem; line-height:1.74; } #vrinda-club-v3.wk-page .club-fit-note strong{color:var(--wk-pink)} @media(max-width:900px){ #vrinda-club-v3.wk-page .club-fit .club-fit-list li{gap:16px;padding-inline:12px} } @media(max-width:640px){ #vrinda-club-v3.wk-page .club-fit .club-fit-list li{align-items:flex-start;flex-direction:column;gap:6px} #vrinda-club-v3 .club-fit .club-fit-list li::before{font-size:2.13rem} #vrinda-club-v3.wk-page .club-fit h2{font-size:clamp(1.96rem,8.3vw,2.58rem)!important} }/* /assets/club/club-v3-next.css?v=1 */ /* "Next Step: Reserve Your Irresistible Marketing Strategy Session" — the chosen layout: agenda card. The invitation holds a sticky left column and the four points sit opposite on cream, like an agenda handed over before the meeting. Loads after club-v3-review.css and raises that file's type for this section by 12%, the size Pedro picked. The two rejected layouts are in .design-staging/club-v3-next/. ====================================================================== */ /* ---- the split ---- */ #vrinda-club-v3 .club-next .wrap{ display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); column-gap:clamp(34px,5vw,76px); align-items:start; } #vrinda-club-v3 .club-next .club-next-head{grid-column:1;position:sticky;top:132px} #vrinda-club-v3 .club-next .club-next-body{ grid-column:2; margin-top:0; padding:clamp(30px,3.4vw,46px); border-top:0; border-radius:4px; background:var(--wk-paper); box-shadow:0 30px 64px rgba(0,0,0,.34); }/* ---- type, 12% up on the base ---- */ #vrinda-club-v3 .club-next .eyebrow{font-size:11px} #vrinda-club-v3.wk-page .club-next h2{font-size:clamp(2.35rem,4.48vw,3.58rem)!important} #vrinda-club-v3.wk-page .club-next-lede{font-size:clamp(1.25rem,1.57vw,1.43rem);line-height:1.72} #vrinda-club-v3.wk-page .club-next-sub{ margin:0 0 22px; color:var(--club-blue)!important; font-size:clamp(1.51rem,2.24vw,1.9rem)!important; } #vrinda-club-v3.wk-page .club-next-list li{ color:#0c1220; font-size:clamp(1.21rem,1.46vw,1.37rem); line-height:1.75; } #vrinda-club-v3.wk-page .club-next-prep{ color:var(--wk-paper-muted); font-size:1.21rem; line-height:1.74; } #vrinda-club-v3.wk-page .club-next-reserved{ padding-top:20px; border-top:1px solid var(--wk-paper-line); color:var(--club-blue); font-size:clamp(1.29rem,1.9vw,1.62rem); } #vrinda-club-v3 .club-next-cta{width:100%;min-width:0} @media(max-width:1000px){ #vrinda-club-v3 .club-next .wrap{grid-template-columns:minmax(0,1fr);row-gap:clamp(26px,4vw,40px)} #vrinda-club-v3 .club-next .club-next-head{position:static;grid-column:1} #vrinda-club-v3 .club-next .club-next-body{grid-column:1} } @media(max-width:640px){ #vrinda-club-v3.wk-page .club-next h2{font-size:clamp(1.96rem,8.3vw,2.58rem)!important} } /* /assets/club/club-v3-mobile.css?v=4 */ /* Club V3 — mobile readability pass (<=760px only). Same brief as the Launch Accelerator pass the client signed off: the audience is over 40 and reads this on a phone. Nothing here changes copy, markup, layout or any selected design — it raises type that was set for desktop density, and makes every control big enough to hit. Loaded last so it wins on equal specificity. Desktop is untouched: no rule in this file applies above 760px. Floors used throughout: reading copy 18px / 1.7 / weight 500 buttons + metadata 16px micro-labels 13px (12px for the inline chips) tap targets 44px, 48px for the primary controls The #fit and #next-step sections already sit at 19–20px from the +12% uplift, so they are deliberately left alone. ====================================================================== */ @media(max-width:760px){/* ---- 1. reading copy ---- */ #vrinda-club-v3.wk-page #situation p,#vrinda-club-v3.wk-page #situation .club-lead-close,#vrinda-club-v3.wk-page #system p,#vrinda-club-v3.wk-page #system .club-system-lede,#vrinda-club-v3.wk-page #system .club-system-note,#vrinda-club-v3.wk-page .club-stage p,#vrinda-club-v3.wk-page #gaps .narrow > p,#vrinda-club-v3.wk-page #different .club-why-claim,#vrinda-club-v3.wk-page #different .club-why-support,#vrinda-club-v3.wk-page .club-triad-card p,#vrinda-club-v3.wk-page #inside p,#vrinda-club-v3.wk-page #inside .club-inside-lede,#vrinda-club-v3.wk-page .club-inside-card p,#vrinda-club-v3.wk-page #proof .lede,#vrinda-club-v3.wk-page .club-wall-card p,#vrinda-club-v3.wk-page #private-coaching p,#vrinda-club-v3.wk-page #private-coaching .club-coach-lede{ font-size:18px; line-height:1.7; font-weight:500; }/* The numbered gaps sit on a tinted card, so they get the same treatment. */ #vrinda-club-v3.wk-page #gaps .club-gaps li{font-size:18px;line-height:1.7;font-weight:500}/* ---- 2. micro-labels ---- These were 8–11px: section kickers, the stat labels under the numbers, the card tags. All uppercase and letterspaced, so the tracking comes in a little as the size goes up or they start wrapping awkwardly. */ #vrinda-club-v3.wk-page .eyebrow{font-size:13px;letter-spacing:.16em} #vrinda-club-v3.wk-page .club-mark b{font-size:22px} #vrinda-club-v3.wk-page .club-mark span{font-size:13px;letter-spacing:.1em;line-height:1.35} #vrinda-club-v3.wk-page .club-triad-index{font-size:13px;letter-spacing:.14em} #vrinda-club-v3.wk-page .club-inside-tag{font-size:12px;letter-spacing:.12em} #vrinda-club-v3.wk-page .club-why-photo figcaption span{font-size:13px;letter-spacing:.12em}/* Both of these are set with a font shorthand at 10px elsewhere. The outcome chip keeps a little more tracking relief because it sits in a tinted pill that has to stay on one line. */ #vrinda-club-v3.wk-page .club-coach-tag{font-size:13px;letter-spacing:.14em;line-height:1.3} #vrinda-club-v3.wk-page .club-story-outcome{font-size:12px;letter-spacing:.1em}/* ---- 3. buttons ---- Were 12–14px. 16px with the tracking pulled back so the longer labels still wrap to two lines rather than three. */ #vrinda-club-v3.wk-page .btn{ min-height:52px; padding:14px 22px; font-size:16px; letter-spacing:.08em; line-height:1.3; } #vrinda-club-v3.wk-page .sticky-cta .btn{min-height:54px}/* The nav bar carries the logo, the CTA and the burger on one row, so its button holds a smaller size than the in-page ones. */ #vrinda-club-v3.wk-page .club-bar-cta{min-height:46px;padding:9px 14px;font-size:13px;letter-spacing:.06em}/* ---- 4. tap targets ---- */ /* flex:none or the row squeezes it back below 48px wide. */ #vrinda-club-v3.wk-page .club-bar-burger{flex:0 0 48px;width:48px;height:48px}/* club-nav.css sets these with a font shorthand at 13px; these are the primary navigation on a phone, so they match the other controls. */ #vrinda-club-v3.wk-page .club-menu a{ display:flex; align-items:center; min-height:48px; font-size:16px; letter-spacing:.1em; }/* club-footer.css sets these at 11px from a two-class selector, so these have to match its weight to win. */ #vrinda-club-v3.wk-page .club-footer .club-footer-links a{ display:inline-flex; align-items:center; min-height:44px; font-size:16px; } #vrinda-club-v3.wk-page .club-footer .club-footer-fine{font-size:14px;line-height:1.6}/* ---- 5. clearance ---- The sticky CTA is fixed over the bottom of the page, so the footer needs room under it or it sits on the legal links and the copyright. */ #vrinda-club-v3.wk-page .club-footer{padding-bottom:116px}/* At 16px the sticky label wraps to two lines, which made the bar 95px tall — too much of a phone screen to give up permanently. The padding comes in so the bigger type costs less height than it saves in legibility. */ #vrinda-club-v3.wk-page .sticky-cta{padding:9px 14px calc(9px + env(safe-area-inset-bottom))} #vrinda-club-v3.wk-page .sticky-cta .btn{min-height:0;padding:11px 16px} } /* Escape GHL's padded, centered custom-code column. */ #vrinda-club-v3.wk-page{position:relative;width:calc(100vw - var(--vrinda-sbw,0px));max-width:calc(100vw - var(--vrinda-sbw,0px));margin-left:calc(50% - 50vw + var(--vrinda-sbw,0px)/2);margin-right:0;padding:0;overflow-x:clip;text-align:start;float:none;isolation:isolate}