.ll-hero{background:#171d17;color:var(--paper);padding:clamp(52px,7vw,96px) 0;border-bottom:5px solid var(--accent)}
.ll-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(28px,6vw,88px);align-items:center}.ll-hero h1{font-size:clamp(3.4rem,7.8vw,6.6rem);margin:16px 0 24px}.ll-hero h1 span,.ll-hero .eyebrow{color:#ff946a}.ll-hero p:not(.eyebrow){max-width:590px}.ll-lead{font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:600}.ll-hero .cta{margin-top:12px}.ll-note{font-size:.9rem;margin:14px 0 0;color:#d4d8d0}.ll-host{padding:30px;border:1px solid #586052;border-top:4px solid var(--accent);background:#232a21}.ll-host img{display:block;width:150px;height:150px;object-fit:cover;border-radius:50%;margin-bottom:24px;filter:grayscale(1)}.ll-host h2{font-size:2rem;letter-spacing:-.035em;margin-bottom:16px}.ll-host p:last-child{margin-bottom:0}.ll-section{padding-block:clamp(36px,5vw,64px)}.ll-section>h2{font-size:clamp(2rem,4vw,3.2rem);max-width:820px;line-height:1.12}.ll-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.ll-cards article{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--accent);padding:26px}.ll-number{display:block;font:600 .8rem 'IBM Plex Mono',monospace;color:#a83612;margin-bottom:22px}.ll-cards h3{font-size:1.4rem;line-height:1.2;letter-spacing:-.035em}.ll-cards p{margin-bottom:0}.ll-signup-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,72px);border-top:1px solid var(--line);padding-bottom:80px;scroll-margin-top:95px}.ll-signup-copy h2{font-size:clamp(2.7rem,4.8vw,4.3rem);line-height:1.07}.ll-host-invite{border-left:4px solid var(--accent);padding:8px 0 1px 22px;margin:30px 0}.ll-host-invite h3{font-size:1.35rem;letter-spacing:-.025em}.ll-small{font-size:.88rem;color:#55584f;line-height:1.6}.ll-form-panel{border:2px solid var(--accent);padding:clamp(20px,4vw,38px);background:var(--paper);box-shadow:6px 6px 0 #e8d9ca}.ll-form-panel .field{margin-bottom:20px;min-width:0}.ll-form-panel label{display:block;font-weight:600;margin-bottom:8px}.ll-form-panel label span{font-weight:400}.ll-form-panel input:not([type=checkbox]),.ll-form-panel select,.ll-form-panel textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;border:1px solid #73766b;border-radius:0;padding:12px;background:#fffdf8;color:#171717;font-size:16px;min-height:48px}.ll-form-panel textarea{resize:vertical}.ll-form-panel input:focus-visible,.ll-form-panel select:focus-visible,.ll-form-panel textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ll-form-panel .ll-consent{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin:24px 0 14px}.ll-consent input{flex:0 0 20px;width:20px;height:20px;margin-top:3px;accent-color:#bd431b}.ll-form-panel .cta{width:100%;justify-content:space-between;min-height:52px}.ll-form-panel .cta:disabled{opacity:.65;cursor:wait}.ll-status{padding:14px;border-left:3px solid var(--accent);margin:20px 0 0}.ll-success h3{font-size:2rem;line-height:1.15}.ll-email{margin:22px 0 0}.ll-success[hidden],.ll-status[hidden],#lunch-learn-form[hidden]{display:none!important}.ll-form-panel .form-honeypot{display:none!important}.ll-form-panel a{text-underline-offset:3px}
@media(max-width:760px){.ll-hero-grid,.ll-signup-layout{grid-template-columns:1fr}.ll-cards{grid-template-columns:1fr;gap:14px}.ll-host{display:grid;grid-template-columns:80px 1fr;column-gap:18px;padding:22px}.ll-host img{width:80px;height:80px;grid-row:1/5;margin:0}.ll-host h2{font-size:1.6rem;margin-bottom:12px}.ll-host .eyebrow{margin-bottom:10px}.ll-host p{font-size:.95rem}.ll-hero h1{font-size:clamp(3rem,13vw,5rem)}.ll-hero .cta{width:100%;justify-content:space-between}.ll-cards article{padding:22px}.ll-number{margin-bottom:12px}.ll-signup-layout{gap:24px}.ll-signup-copy h2 br{display:none}.ll-signup-copy h2{font-size:2.7rem}.ll-section{padding-block:36px}}
.ll-host a{color:#ffac87;text-underline-offset:4px}.ll-section-intro{max-width:760px;font-size:1.15rem}.ll-detail-band{background:#eae5da;border-block:1px solid var(--line);padding:48px 0}.ll-detail-grid,.ll-bio{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(28px,5vw,72px)}.ll-detail-grid h2,.ll-bio h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12}.ll-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ll-form-panel .cta:disabled{cursor:not-allowed}.ll-bio{scroll-margin-top:100px}.ll-bio h3{font-size:1.5rem}.ll-form-panel select:disabled{color:#55584f;opacity:1}@media(max-width:760px){.ll-detail-grid,.ll-bio{grid-template-columns:1fr;gap:18px}.ll-detail-band{padding:32px 0}.ll-field-row{grid-template-columns:1fr;gap:0}.ll-host a{grid-column:2}.ll-host img{grid-row:1/6}}

/* Inverted workshop registration section. */
.ll-signup-layout.section-dark{background:var(--ink);color:var(--paper);box-shadow:0 0 0 100vmax var(--ink);border-color:#586052}
.ll-signup-layout .eyebrow,.ll-signup-layout a:not(.cta){color:#ffac87}
.ll-signup-layout .ll-small{color:#d4d8d0}
.ll-signup-layout .ll-form-panel{background:#232a21;color:var(--paper);box-shadow:6px 6px 0 #10150f}

/* Workshop contact button: WhatsApp identity before label. */
.ll-whatsapp.cta{justify-content:center;gap:12px}.ll-whatsapp.cta::after{display:none}.ll-whatsapp svg{width:26px;height:26px;flex:0 0 26px}.ll-whatsapp svg path:first-child{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ll-whatsapp svg path:last-child{fill:currentColor}

.ll-form-panel button.cta[type="submit"]{position:relative;justify-content:center;text-align:center;padding-inline:50px}.ll-form-panel button.cta[type="submit"]::after{position:absolute;right:18px;top:50%;transform:translateY(-50%)}

/* Larger workshop eyebrow headings for comfortable reading. */
body[data-page='lunch-and-learn'] .eyebrow{font-size:1rem;line-height:1.5;letter-spacing:.1em}

/* An even rhythm between the workshop introduction elements. */
.ll-hero-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.ll-hero-grid>div>p,.ll-hero-grid>div>h1,.ll-hero-grid>div>.cta{margin:0}

/* Make the free invitation clear on arrival, and give the host a personal presence. */
body[data-page='lunch-and-learn'] .ll-free-heading { display:flex; align-items:center; flex-wrap:wrap; gap:16px; font-size:clamp(1rem,1.5vw,1.4rem); letter-spacing:.05em; }
.ll-free-badge { display:inline-block; background:#ff946a; color:#171d17; font:800 clamp(1.6rem,3vw,2.8rem)/1 Sora,sans-serif; padding:14px 18px; letter-spacing:0; }
.ll-hero .ll-note { font-size:clamp(1.05rem,1.5vw,1.35rem); line-height:1.5; color:#fff; }
.ll-bio-photo { display:block; width:clamp(130px,15vw,200px); height:auto; aspect-ratio:1; object-fit:cover; border-radius:50%; background:#e0e0e0; margin-top:24px; }

/* Homepage grid texture, adapted to each workshop surface. */
body[data-page='lunch-and-learn'] {
 background-image:linear-gradient(rgba(242,100,48,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(242,100,48,.14) 1px,transparent 1px);
 background-size:64px 64px;
}
body[data-page='lunch-and-learn'] .ll-hero,
body[data-page='lunch-and-learn'] .ll-signup-layout.section-dark {
 background-image:linear-gradient(rgba(242,100,48,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(242,100,48,.14) 1px,transparent 1px);
 background-size:64px 64px;
}
body[data-page='lunch-and-learn'] .workshop-examples-band {
 background-image:linear-gradient(rgba(17,19,16,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(17,19,16,.12) 1px,transparent 1px);
 background-size:64px 64px;
}

/* Balanced workshop introduction and a portrait grounded in its panel. */
.ll-hero-grid{align-items:stretch}
.ll-hero-grid>div{gap:28px}
.ll-hero h1{line-height:1.08}
.ll-host{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:32px}
.ll-host>p,.ll-host>h2,.ll-host>img{margin:0}
.ll-host>img{width:160px;height:160px}
.ll-host>a{margin-top:auto;padding-top:8px}
.workshop-examples-band .workshop-waitlist-button{margin-top:28px;background:#111310;color:#fff;border:2px solid #111310}
.workshop-examples-band .workshop-waitlist-button:hover{background:#30372d;border-color:#30372d}
.workshop-examples-band .workshop-waitlist-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.ll-bio>div:first-child{padding:28px;background:#171d17;color:var(--paper);border-top:4px solid var(--accent);overflow:hidden}
.ll-bio>div:first-child .eyebrow{color:#ff946a}
.ll-bio-portrait{position:relative;isolation:isolate;padding:20px 0 0;max-width:330px}
.ll-bio-portrait::before{content:"";position:absolute;z-index:-1;left:-65px;right:-50px;bottom:-45px;height:140px;background:var(--accent);border-radius:50%;transform:rotate(-12deg)}
.ll-bio-portrait .ll-bio-photo{width:200px;max-width:100%;margin:0 auto;border:5px solid #171d17}
@media(max-width:760px){
 .ll-hero-grid>div{gap:24px}
 .ll-host{padding:24px;gap:18px}
 .ll-host>img{width:110px;height:110px}
 .ll-host>a{margin-top:0;padding-top:0}
 .ll-bio>div:first-child{padding:24px}
 .workshop-waitlist-button{width:100%;justify-content:space-between}
}