.bb-hw{--hw-accent:oklch(0.6 0.17 42);--hw-accent-strong:oklch(0.54 0.16 40);--hw-gold:oklch(0.62 0.1 70);--hw-green:oklch(0.47 0.07 155);--hw-paper:color-mix(in oklch,var(--hw-gold) 12%,var(--background));--hw-line:color-mix(in oklch,var(--foreground) 12%,transparent);--hw-muted:var(--muted-foreground);color:var(--foreground)}.dark .bb-hw{--hw-accent:oklch(0.76 0.13 52);--hw-accent-strong:oklch(0.82 0.12 55);--hw-gold:oklch(0.8 0.1 75);--hw-green:oklch(0.8 0.09 150);--hw-paper:color-mix(in oklch,var(--hw-gold) 8%,var(--background))}.bb-hw-wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.bb-hw-eyebrow{display:flex;align-items:center;gap:9px;color:color-mix(in oklch,var(--hw-gold) 75%,var(--foreground));font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.bb-hw-eyebrow:before{content:"";width:20px;height:1px;background:currentColor}.bb-hw h3,.bb-hw-h1,.bb-hw-h2{font-family:var(--font-display);text-wrap:balance}.bb-hw-h1{max-width:11ch;margin:22px 0;font-size:clamp(46px,5.6vw,72px);font-weight:600;line-height:1.02;letter-spacing:-.035em}.bb-hw-h1 em{display:block;color:var(--hw-accent);font-weight:500}.bb-hw-h2{margin-top:12px;font-size:clamp(28px,3vw,36px);font-weight:600;line-height:1.18;letter-spacing:-.02em}.bb-hw-lead{max-width:460px;color:var(--hw-muted);font-size:16px;line-height:1.8}.bb-hw-body{color:var(--hw-muted);font-size:15px;line-height:1.85}.bb-hw-body+.bb-hw-body,.bb-hw-h2+.bb-hw-body{margin-top:16px}.bb-hw svg{flex-shrink:0}.bb-hw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:30px 0 22px}.bb-hw-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:10px;background:var(--hw-accent);color:var(--background);font-size:15px;font-weight:700;white-space:nowrap;box-shadow:0 4px 0 var(--hw-accent-strong);transition:transform .15s,background-color .15s}.bb-hw-primary:hover{background:var(--hw-accent-strong);transform:translateY(-2px)}.bb-hw-look-select svg,.bb-hw-primary svg{width:17px;height:17px;transition:transform .15s}.bb-hw-look-select:hover svg,.bb-hw-primary:hover svg{transform:translateX(3px)}.bb-hw-textlink{display:inline-flex;align-items:center;gap:6px;padding-bottom:2px;border-bottom:1px solid var(--hw-line);font-size:14px;white-space:nowrap}.bb-hw-textlink svg{width:15px;height:15px}.bb-hw-faq summary:focus-visible,.bb-hw-look-select:focus-visible,.bb-hw-primary:focus-visible,.bb-hw-reading-nav a:focus-visible,.bb-hw-textlink:focus-visible{outline:3px solid var(--hw-accent);outline-offset:4px}.bb-hw-notes{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--hw-muted);font-size:13px}.bb-hw-notes li{display:flex;align-items:center;gap:6px}.bb-hw-notes svg{width:15px;height:15px;color:var(--hw-green)}.bb-hw-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:104px 0 72px}.bb-hw-visual{position:relative;height:520px}.bb-hw-card{position:absolute;width:252px;height:400px;margin:0;overflow:hidden;border:7px solid var(--card);border-radius:120px 120px 16px 16px;background:var(--muted);box-shadow:0 16px 40px rgb(40 28 18/.16)}.bb-hw-card.is-pumpkin{top:20px;left:4%;z-index:2;transform:rotate(-7deg)}.bb-hw-card.is-skeleton{top:90px;right:2%;transform:rotate(8deg)}.bb-hw-card img,.bb-hw-look-art img{width:100%;height:100%;object-fit:cover}.bb-hw-card figcaption{position:absolute;inset:auto 10px 10px;padding:11px 12px;border-radius:9px;background:rgb(28 32 42/.74);color:#fff;font-size:13px;line-height:1.4;backdrop-filter:blur(8px)}.bb-hw-card figcaption b{display:block}.bb-hw-card figcaption span{font-size:12px;opacity:.88}.bb-hw-sticker{position:absolute;top:0;right:0;z-index:3;display:grid;place-items:center;width:100px;height:100px;padding:12px;border-radius:50%;background:oklch(.86 .1 80);color:oklch(.32 .05 70);font:italic 600 17px/1.15 var(--font-display);text-align:center;box-shadow:0 0 0 5px var(--background),0 0 0 6px oklch(.8 .11 80);transform:rotate(12deg)}.bb-hw-spark{position:absolute;bottom:10px;left:8%;width:36px;height:36px;color:var(--hw-gold);stroke-width:1.2}.bb-hw-scribble{position:absolute;right:12%;bottom:-16px;color:var(--hw-muted);font:italic 17px var(--font-display);transform:rotate(-5deg)}.bb-hw-studio{padding:50px 0 64px;border-top:1px solid var(--hw-line);scroll-margin-top:80px}.bb-hw-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.bb-hw-section-head>p{max-width:320px;color:var(--hw-muted);font-size:14px}.bb-hw-reading-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;padding:17px 0;border-block:1px solid var(--hw-line);color:var(--hw-muted);font-size:14px}.bb-hw-reading-nav span{margin-right:auto;color:color-mix(in oklch,var(--hw-gold) 75%,var(--foreground));font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.bb-hw-reading-nav a:hover{color:var(--hw-accent)}.bb-hw-section{padding:64px 0;scroll-margin-top:80px}.bb-hw-section+.bb-hw-section{border-top:1px solid var(--hw-line)}.bb-hw-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.bb-hw-fineprint{margin-top:30px;color:var(--hw-muted);font-size:13px;text-align:center}.bb-hw-looks{display:grid;gap:44px}.bb-hw-looks article{display:grid;grid-template-columns:290px 1fr;gap:50px;align-items:center}.bb-hw-looks article:nth-child(2n){grid-template-columns:1fr 290px}.bb-hw-looks article:nth-child(2n) .bb-hw-look-art{grid-column:2;grid-row:1}.bb-hw-look-art{position:relative;height:400px;overflow:hidden;border-radius:140px 140px 14px 14px;background:var(--muted)}.bb-hw-look-art span{position:absolute;top:14px;left:50%;padding:2px 10px;border-radius:99px;background:rgb(28 32 42/.7);color:#fff;font-size:11px;font-weight:700;transform:translateX(-50%)}.bb-hw-look-copy{max-width:660px}.bb-hw-look-copy h3{margin:8px 0 16px;font-size:30px;font-weight:600}.bb-hw-look-copy p:not(.bb-hw-kicker){color:var(--hw-muted);font-size:15px;line-height:1.85}.bb-hw-look-copy p+p{margin-top:12px}.bb-hw-kicker{color:color-mix(in oklch,var(--hw-gold) 75%,var(--foreground));font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.bb-hw-look-select{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:8px 0;border-bottom:1px solid color-mix(in oklch,var(--hw-accent) 45%,transparent);color:var(--hw-accent);font-size:14px;font-weight:700}.bb-hw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px}.bb-hw-steps li{padding-top:18px;border-top:1px solid var(--hw-line)}.bb-hw-steps span{color:var(--hw-gold);font:italic 30px var(--font-display)}.bb-hw-steps h3{margin:10px 0 8px;font-size:18px;font-weight:600}.bb-hw-steps p{color:var(--hw-muted);font-size:14px;line-height:1.75}.bb-hw-checklist{padding:28px 32px;border-radius:14px;background:var(--hw-paper)}.bb-hw-checklist h3{margin-bottom:10px;font-size:18px;font-weight:600}.bb-hw-checklist li{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--hw-line);color:var(--hw-muted);font-size:14px;line-height:1.75}.bb-hw-checklist li svg{width:16px;height:16px;margin-top:5px;color:var(--hw-green)}.bb-hw-checklist b{color:var(--foreground)}.bb-hw-checklist>p{margin-top:18px;color:var(--hw-muted);font-size:13px;line-height:1.75}.bb-hw-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:24px}.bb-hw-columns .bb-hw-body{margin-top:0}.bb-hw-note{display:flex;align-items:center;gap:18px;margin-top:28px;padding:16px 22px;border-left:2px solid var(--hw-gold);background:var(--hw-paper)}.bb-hw-note svg{width:30px;height:30px;color:var(--hw-gold);stroke-width:1.2}.bb-hw-note p{font-size:14px}.bb-hw-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.bb-hw-faq details{padding:16px 0;border-bottom:1px solid var(--hw-line)}.bb-hw-faq details:first-child{padding-top:0}.bb-hw-faq summary{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;list-style:none;cursor:pointer}.bb-hw-faq summary::-webkit-details-marker{display:none}.bb-hw-faq summary svg{width:18px;height:18px;margin-top:3px;color:var(--hw-gold);transition:transform .2s}.bb-hw-faq details[open] summary svg{transform:rotate(180deg)}.bb-hw-faq details p{padding:12px 24px 0 0;color:var(--hw-muted);font-size:14px;line-height:1.8}.bb-hw-closing{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:64px;padding:34px 40px;border-radius:14px;background:var(--hw-paper)}.bb-hw-closing p:not(.bb-hw-eyebrow){max-width:560px;margin-top:10px;color:var(--hw-muted);font-size:14px}.bb-hw-sticky{display:none}@media (max-width:1000px){.bb-hw-hero{gap:20px}.bb-hw-visual{height:450px}.bb-hw-card{width:210px;height:340px}.bb-hw-looks article{grid-template-columns:240px 1fr;gap:32px}.bb-hw-looks article:nth-child(2n){grid-template-columns:1fr 240px}.bb-hw-look-art{height:360px}.bb-hw-split{gap:36px}}@media (max-width:700px){.bb-hw-hero{grid-template-columns:1fr;padding:92px 0 44px}.bb-hw-h1{font-size:46px}.bb-hw-lead{font-size:15px}.bb-hw-visual{width:100%;max-width:390px;height:380px;margin-inline:auto}.bb-hw-card{width:182px;height:296px;border-width:5px}.bb-hw-card.is-pumpkin{top:12px;left:2%}.bb-hw-card.is-skeleton{top:62px;right:2%}.bb-hw-card figcaption{inset:auto 6px 6px;padding:9px;font-size:12px}.bb-hw-card figcaption span{font-size:11px}.bb-hw-sticker{width:70px;height:70px;padding:8px;font-size:12px}.bb-hw-spark{bottom:0;width:28px;height:28px}.bb-hw-scribble{right:8%;bottom:-10px;font-size:14px}.bb-hw-studio{padding-top:36px}.bb-hw-section-head{flex-direction:column;align-items:start;gap:12px}.bb-hw-reading-nav span{width:100%;margin:0}.bb-hw-section{padding:40px 0}.bb-hw-faq,.bb-hw-split{grid-template-columns:1fr;gap:24px}.bb-hw-looks article,.bb-hw-looks article:nth-child(2n){grid-template-columns:1fr;gap:22px}.bb-hw-looks article:nth-child(2n) .bb-hw-look-art{grid-column:auto;grid-row:auto}.bb-hw-look-art{width:240px;height:330px;margin-inline:auto}.bb-hw-look-copy h3{font-size:26px}.bb-hw-body,.bb-hw-look-copy p:not(.bb-hw-kicker){font-size:14px}.bb-hw-steps{grid-template-columns:1fr;gap:22px}.bb-hw-steps li{position:relative;padding-left:50px}.bb-hw-steps span{position:absolute;top:16px;left:0;font-size:27px}.bb-hw-steps h3{margin-top:0}.bb-hw-checklist{padding:20px}.bb-hw-columns{grid-template-columns:1fr;gap:16px}.bb-hw-closing{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:40px;padding:26px 22px}.bb-hw-sticky{position:fixed;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));left:16px;z-index:40;display:flex;padding:15px;box-shadow:0 4px 0 var(--hw-accent-strong),0 14px 30px rgb(0 0 0/.25);visibility:hidden;transform:translateY(170%);transition:transform .25s,visibility .25s}.bb-hw-sticky.is-visible{visibility:visible;transform:none}}@media (prefers-reduced-motion:reduce){.bb-hw *,.bb-hw :before{transition:none!important}}.bb-hw-example-input{display:flex;align-items:center;gap:1rem;margin:0 0 1.5rem}.bb-hw-example-input img{width:72px;height:128px;object-fit:cover;border-radius:12px}.bb-hw-example-input figcaption{font-size:.875rem;color:var(--hw-muted)}.bb-hw-generated-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.bb-hw-generated-examples figure{margin:0;min-width:0;text-align:center}.bb-hw-generated-examples video{display:block;width:100%;max-width:304px;max-height:540px;aspect-ratio:9/16;margin:0 auto;object-fit:contain;background:#17191f;border-radius:20px}.bb-hw-generated-examples figcaption{padding-top:1rem}.bb-hw-generated-examples h3{font-size:1.1rem;font-weight:700}.bb-hw-generated-examples p{margin:.5rem 0;font-size:.875rem}.bb-hw-generated-examples a{text-underline-offset:4px;text-decoration:underline}@media (max-width:640px){.bb-hw-generated-examples{grid-template-columns:1fr;gap:2rem}}