.tp-wb{--tp-cream:#f2ede2;--tp-taupe:#dcd6c8;--tp-olive:#3a3826;--tp-olive-soft:#5a5740;--tp-bark:#2a2818;--tp-rule:#3a382626;--tp-rule-strong:#3a382666;--tp-serif:var(--font-fraunces), "Fraunces", "Times New Roman", serif;--tp-mono:var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;background:var(--tp-taupe);color:var(--tp-olive);font-family:var(--tp-serif);padding:clamp(48px,7vw,112px) clamp(20px,4vw,64px);position:relative;overflow:hidden}.tp-wb:before{content:"";opacity:.6;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.23, 0 0 0 0 0.22, 0 0 0 0 0.15, 0 0 0 0.08 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.tp-wb__inner{max-width:1440px;margin:0 auto;position:relative}.tp-wb__eyebrow{font-family:var(--tp-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--tp-olive);opacity:.7;align-items:center;gap:12px;margin-bottom:24px;font-size:11px;display:flex}.tp-wb__eyebrow:before{content:"";background:var(--tp-olive);opacity:.6;width:28px;height:1px}.tp-wb__heading{border-bottom:1px solid var(--tp-rule);grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:clamp(40px,5vw,72px);padding-bottom:32px;display:grid}.tp-wb__title{font-family:var(--tp-serif);letter-spacing:-.02em;color:var(--tp-bark);font-variation-settings:"opsz" 144, "SOFT" 30;margin:0;font-size:clamp(48px,7vw,104px);font-weight:300;line-height:.95}.tp-wb__title em{font-variation-settings:"opsz" 144, "SOFT" 100;font-style:italic;font-weight:300}.tp-wb__sub{max-width:360px;color:var(--tp-olive-soft);font-size:16px;line-height:1.5;font-family:var(--tp-serif);margin:0}.tp-wb__grid{grid-template-columns:1.15fr 1fr;align-items:stretch;gap:clamp(24px,3vw,56px);display:grid}.tp-wb__preview{background:var(--tp-bark);flex-direction:column;min-height:560px;margin:0;display:flex;position:relative;overflow:hidden}.tp-wb__preview-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.tp-wb__preview:hover .tp-wb__preview-img{transform:scale(1.03)}.tp-wb__crop{z-index:2;border:1px solid #f2ede2b3;width:22px;height:22px;position:absolute}.tp-wb__crop--tl{border-bottom:0;border-right:0;top:16px;left:16px}.tp-wb__crop--tr{border-bottom:0;border-left:0;top:16px;right:16px}.tp-wb__crop--bl{border-top:0;border-right:0;bottom:16px;left:16px}.tp-wb__crop--br{border-top:0;border-left:0;bottom:16px;right:16px}.tp-wb__preview-meta{z-index:3;font-family:var(--tp-mono);letter-spacing:.16em;text-transform:uppercase;color:#f2ede2bf;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:24px;left:24px;right:24px}.tp-wb__preview-meta span:first-child:before{content:"● ";color:#b8a472}.tp-wb__preview-name{z-index:3;color:var(--tp-cream);background:linear-gradient(#0000 0%,#14130c99 40%,#14130ceb 100%);margin-top:auto;padding:32px;position:relative}.tp-wb__preview-name h3{font-family:var(--tp-serif);letter-spacing:-.015em;font-variation-settings:"opsz" 144, "SOFT" 50;margin:0 0 6px;font-size:clamp(28px,3vw,42px);font-weight:300;line-height:1}.tp-wb__preview-name h3 em{color:#d4c79f;font-style:italic}.tp-wb__preview-name p{font-family:var(--tp-mono);letter-spacing:.14em;text-transform:uppercase;color:#f2ede299;margin:0;font-size:11px}.tp-wb__config{background:var(--tp-cream);flex-direction:column;gap:36px;padding:clamp(28px,3vw,44px);display:flex;position:relative}.tp-wb__step{flex-direction:column;gap:16px;display:flex}.tp-wb__step-label{font-family:var(--tp-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--tp-olive);justify-content:space-between;align-items:baseline;font-size:10px;display:flex}.tp-wb__step-label span:last-child{opacity:.5}.tp-wb__tiers{border:1px solid var(--tp-rule-strong);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.tp-wb__tier{appearance:none;border:0;border-right:1px solid var(--tp-rule);text-align:left;cursor:pointer;font-family:var(--tp-serif);color:var(--tp-olive);background:0 0;padding:18px 14px;transition:background .3s,color .3s}.tp-wb__tier:last-child{border-right:0}.tp-wb__tier-name{font-variation-settings:"opsz" 36;margin-bottom:4px;font-size:17px;font-weight:400;line-height:1.1;display:block}.tp-wb__tier-name em{font-style:italic}.tp-wb__tier-size{font-family:var(--tp-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.55;font-size:10px}.tp-wb__tier:hover{background:#3a38260a}.tp-wb__tier[aria-pressed=true]{background:var(--tp-olive);color:var(--tp-cream)}.tp-wb__tier[aria-pressed=true] .tp-wb__tier-size{opacity:.7}.tp-wb__tiers--shake{animation:.22s tp-wb-shake}@keyframes tp-wb-shake{0%,to{transform:translate(0)}33%{transform:translate(-4px)}66%{transform:translate(4px)}}.tp-wb__modules{border-top:1px solid var(--tp-rule);flex-direction:column;display:flex}.tp-wb__module{border-bottom:1px solid var(--tp-rule);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border-top:0;border-left:0;border-right:0;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 0;transition:padding .25s;display:grid}.tp-wb__module:hover{padding-left:6px}.tp-wb__module-box{border:1px solid var(--tp-rule-strong);flex-shrink:0;place-items:center;width:18px;height:18px;transition:background .2s,border-color .2s;display:grid}.tp-wb__module-box:after{content:"";background:0 0;width:8px;height:8px;transition:background .2s}.tp-wb__module[aria-checked=true] .tp-wb__module-box{border-color:var(--tp-olive);background:var(--tp-olive)}.tp-wb__module[aria-checked=true] .tp-wb__module-box:after{background:var(--tp-cream)}.tp-wb__module-text{flex-direction:column;gap:2px;display:flex}.tp-wb__module-name{color:var(--tp-bark);font-variation-settings:"opsz" 24;font-size:16px;line-height:1.2}.tp-wb__module-name em{font-style:italic}.tp-wb__module-meta{font-family:var(--tp-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tp-olive-soft);opacity:.7;font-size:10px}.tp-wb__module-area{font-family:var(--tp-mono);letter-spacing:.08em;color:var(--tp-olive);opacity:.6;text-align:right;white-space:nowrap;font-size:11px}.tp-wb__summary{border-top:1px solid var(--tp-rule-strong);border-bottom:1px solid var(--tp-rule-strong);grid-template-columns:1fr 1fr;gap:24px;margin-top:auto;padding:24px 0;display:grid}.tp-wb__stat-label{font-family:var(--tp-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tp-olive-soft);margin-bottom:6px;font-size:10px}.tp-wb__stat-value{font-family:var(--tp-serif);color:var(--tp-bark);font-variation-settings:"opsz" 72;align-items:baseline;gap:6px;font-size:32px;font-weight:300;line-height:1;display:flex}.tp-wb__stat-unit{font-family:var(--tp-mono);letter-spacing:.1em;opacity:.6;text-transform:uppercase;font-size:11px}.tp-wb__cta{background:var(--tp-bark);color:var(--tp-cream);font-family:var(--tp-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 24px;font-size:12px;text-decoration:none;transition:background .3s;display:inline-flex}.tp-wb__cta:hover{background:var(--tp-olive)}.tp-wb__cta-arrow{transition:transform .3s}.tp-wb__cta:hover .tp-wb__cta-arrow{transform:translate(6px)}@media (max-width:900px){.tp-wb__heading{grid-template-columns:1fr;gap:20px}.tp-wb__grid{grid-template-columns:1fr}.tp-wb__preview{min-height:380px}.tp-wb__tier-name{font-size:15px}}