/* lectures page (eladrefoua.com/lectures/) - the booking page for organisers.
   Extends the "Open Field" system in assets/site.css; nothing here restyles a shared component.
   Order of the page: header + booking path, venues, four topics, companion site, sample talks,
   about, consultation, organisers' questions, contact (form opens the email-app picker). */

/* words the copy marks as the point of a sentence */
.page-lectures .accent{color:var(--teal); font-weight:600;
  background:linear-gradient(transparent 64%, color-mix(in srgb,var(--amber-2) 45%,transparent) 64%, color-mix(in srgb,var(--amber-2) 45%,transparent) 92%, transparent 92%);
  -webkit-box-decoration-break:clone; box-decoration-break:clone;}

.lec-h2{font-family:var(--f-display); font-size:clamp(26px,3vw,38px); line-height:1.15;}
.lec-body-text{color:var(--ink-2); font-size:clamp(16px,1.6vw,17.5px); line-height:1.75; max-inline-size:62ch;}

/* ------------------------------------------------------------------ header */
.lec-head .h1.lec-h1{font-size:clamp(31px,4.2vw,54px); line-height:1.12; max-inline-size:21em;}
.lec-head .lede{max-inline-size:60ch;}
.lec-aud{margin-block-start:1em; max-inline-size:66ch; color:var(--ink-3); font-size:16px; line-height:1.7;}
.lec-aud .accent{font-weight:600;}
.lec-head .cta-row{margin-block-start:1.6em;}
.lec-head .btn-ghost .ltr{font-family:var(--f-body); letter-spacing:.01em;}
.lec-jump{margin-block-start:1.4rem;}
.lec-jump a{min-block-size:44px; padding-inline:14px; font-size:14px; background:rgba(255,255,255,.72);}
/* rings spreading from one warm point: the same mark as the lectures door on the home page.
   Only where the end side of the header is empty (the h1 spans the width, the text below it does not). */
.lec-head .container{position:relative;}
.lec-rings{position:absolute; inset-inline-end:var(--gutter); inset-block-end:-8px; inline-size:clamp(250px,24vw,340px); block-size:auto; pointer-events:none; z-index:-1;}
.lec-rings .ring{transform-box:fill-box; transform-origin:center; transition:transform .6s var(--ease);}
.lec-head:hover .lec-rings .ring{transform:scale(1.06);}
@media (max-width:1179px){ .lec-rings{display:none;} }

/* ------------------------------------------------------------------ venues */
.lec-venues{padding-block:clamp(28px,4.5vw,48px); background:var(--surface); border-block:1px solid var(--line);}
.lec-venues-title{text-align:center; font-family:var(--f-body); font-size:15px; font-weight:500; color:var(--ink-3); letter-spacing:.01em;}
.logo-strip{list-style:none; margin:clamp(18px,2.6vw,28px) 0 0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:14px clamp(22px,3.4vw,44px);}
.logo-strip li{display:flex;}
.logo-strip a{display:flex; align-items:center; justify-content:center; min-block-size:52px; padding:4px 6px; border-radius:10px;}
.logo-strip img{block-size:40px; inline-size:auto; max-inline-size:140px; object-fit:contain;
  filter:grayscale(1) contrast(1.05); opacity:.6; transition:filter .25s ease, opacity .25s ease, transform .25s var(--ease);}
.logo-strip a:hover img, .logo-strip a:focus-visible img{filter:none; opacity:1; transform:scale(1.05);}
@media (max-width:600px){
  .logo-strip{gap:8px 20px;}
  .logo-strip img{block-size:32px; max-inline-size:104px;}
}

/* ------------------------------------------------------------------ the four topics */
.lec-section-head{display:grid; gap:.9rem; max-inline-size:860px;}
.lec-lead{font-family:var(--f-serif); font-size:clamp(19px,2.2vw,25px); line-height:1.55; color:var(--ink-2);}

.lec-index{list-style:none; margin:clamp(24px,3.6vw,40px) 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; counter-reset:none;}
.lec-index a{display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; align-items:baseline; block-size:100%; min-block-size:56px; padding:14px 16px;
  border-radius:var(--radius); background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow-1);
  transition:border-color .2s ease, background .2s ease, transform .2s var(--ease);}
.lec-index a:hover{border-color:var(--teal-2); background:var(--teal-wash); transform:translateY(-1px);}
.lec-index .index-num{color:var(--amber-ink);}
.lec-index .t{font-weight:600; font-size:15.5px; line-height:1.4; color:var(--ink);}
@media (max-width:900px){ .lec-index{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:420px){ .lec-index{gap:8px;} .lec-index a{padding:12px; gap:8px;} .lec-index .t{font-size:14.5px;} }

.lec-list{display:grid; gap:clamp(18px,2.6vw,28px); margin-block-start:clamp(22px,3.2vw,36px);}
.lec-topic{display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(22px,4vw,56px); align-items:center;
  padding:clamp(16px,2.4vw,28px); border-radius:var(--radius-lg); background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow-1);}
.lec-topic:nth-child(even){grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);}
.lec-topic:nth-child(even) .lec-art{order:2;}
.lec-art{margin:0; border-radius:var(--radius); overflow:hidden; background:var(--teal-wash); aspect-ratio:760/510;}
.lec-art img{mix-blend-mode:multiply; filter:saturate(.75);}
.lec-art img{inline-size:100%; block-size:100%; object-fit:cover;}
.lec-body{padding-block:clamp(4px,1vw,12px);}
.lec-meta{display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px;}
.lec-num{font-family:var(--f-display); font-size:clamp(38px,4.4vw,52px); line-height:.9; color:var(--amber-deep);}
.lec-meta .chip{font-weight:500;}
.pilot-mark{font-style:normal; font-weight:700; color:var(--amber-ink);}
.lec-title{font-family:var(--f-display); font-size:clamp(25px,2.7vw,34px); line-height:1.15; margin-block:.45em .55em;}
.lec-desc{color:var(--ink-2); font-size:16.5px; line-height:1.78;}
.lec-desc em{font-style:normal; font-weight:600; color:var(--ink);}
.lec-formats{list-style:none; margin:1.3rem 0 0; padding:0; display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:10px;}
.lec-fmt{padding:12px 16px 13px; border-radius:var(--radius-sm); background:var(--teal-wash);}
.lec-fmt.b{background:var(--amber-wash);}
.lec-fmt-name{font-weight:700; font-size:16.5px; line-height:1.35; color:var(--ink);}
.lec-fmt-name small{display:block; margin-block-end:3px; font-family:var(--f-mono); font-size:12px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:var(--teal);}
html[lang="he"] .lec-fmt-name small{font-family:var(--f-body); font-size:13px; font-weight:600; letter-spacing:.01em;}
.lec-fmt.b .lec-fmt-name small{color:var(--amber-ink);}
.lec-fmt-detail{margin-block-start:3px; font-size:14.5px; line-height:1.55; color:var(--ink-2);}
@media (max-width:860px){
  .lec-topic, .lec-topic:nth-child(even){grid-template-columns:minmax(0,1fr); align-items:start;}
  .lec-topic:nth-child(even) .lec-art{order:0;}
  .lec-art{aspect-ratio:2/1;}
}
@media (max-width:560px){ .lec-formats{grid-template-columns:minmax(0,1fr);} }

.lec-outro{margin-block-start:clamp(22px,3vw,36px); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px 36px;
  padding:clamp(20px,3vw,32px) clamp(20px,3.4vw,40px); border-radius:var(--radius-lg); background:var(--teal-wash);}
.lec-outro p{flex:1 1 440px; max-inline-size:72ch; color:var(--ink-2); font-size:clamp(16px,1.7vw,18px); line-height:1.75;}
.lec-outro b{color:var(--ink); font-weight:700;}

/* ------------------------------------------------------------------ companion site */
.lec-companion{display:grid; grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr); gap:clamp(20px,5vw,64px); align-items:center;
  padding:clamp(22px,4vw,48px); border-radius:var(--radius-lg); background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow-2);}
.lec-device{inline-size:100%; max-inline-size:260px; justify-self:center;}
.lec-companion-text > * + *{margin-block-start:.9rem;}
.lec-companion-foot{display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; margin-block-start:1.3rem!important;}
.lec-companion-foot .chip svg{inline-size:16px; block-size:16px; color:var(--teal);}
.lec-example{display:inline-block; padding-block:10px; line-height:1.6; font-weight:600; color:var(--teal);
  text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; text-decoration-color:color-mix(in srgb,var(--teal) 40%,transparent); transition:color .2s ease;}
.lec-example:hover{color:var(--amber-ink); text-decoration-color:currentColor;}
@media (max-width:760px){
  .lec-companion{grid-template-columns:minmax(0,1fr);}
  .lec-device{max-inline-size:170px; justify-self:start;}
}

/* ------------------------------------------------------------------ sample talks */
.lec-talks-title{margin-block-start:.35em;}
.lec-talk-list{list-style:none; margin:clamp(20px,3vw,32px) 0 0; padding:0;}
a.card.lec-talk{display:grid; grid-template-columns:auto minmax(0,1fr); gap:clamp(14px,2vw,22px); align-items:start; block-size:100%;}
.lec-play{inline-size:58px; block-size:58px; border-radius:50%; display:grid; place-items:center; background:var(--amber); color:var(--ink);
  box-shadow:0 8px 20px -10px rgba(138,83,0,.6); transition:transform .25s var(--ease), background .2s ease;}
.lec-play svg{inline-size:24px; block-size:24px; transform:translateX(2px);}
a.lec-talk:hover .lec-play{transform:scale(1.07); background:var(--amber-2);}
.lec-talk-body{display:grid; gap:4px; min-inline-size:0;}
.lec-talk-marker{font-family:var(--f-mono); font-size:13px; color:var(--amber-ink);}
.lec-talk-title{font-family:var(--f-display); font-size:clamp(22px,2.3vw,27px); line-height:1.2;}
.lec-talk-context{color:var(--ink-3); font-size:15px; line-height:1.6;}
.lec-talk-context em{font-style:normal; font-weight:500; color:var(--ink-2);}
.lec-talk-cue{margin-block-start:6px; font-weight:600; font-size:15px; color:var(--teal);}
a.lec-talk:hover .lec-talk-cue{color:var(--amber-ink);}

/* ------------------------------------------------------------------ about */
.lec-about-grid{display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); gap:clamp(28px,6vw,80px); align-items:center;}
.lec-photo{position:relative; margin:0; isolation:isolate;}
.lec-photo::before{content:""; position:absolute; inset:-6%; z-index:-1; border-radius:50%;
  background:radial-gradient(circle at 50% 45%, var(--teal-wash-2) 0%, rgba(211,239,234,0) 68%);}
.lec-photo::after{content:""; position:absolute; inset-block-end:-14px; inset-inline-start:-14px; inline-size:56px; block-size:56px; z-index:-1;
  border-radius:50%; background:var(--amber);}
.lec-photo img{inline-size:100%; aspect-ratio:4/5; object-fit:cover; object-position:center 22%; border-radius:var(--radius-lg); box-shadow:var(--shadow-3);}
.lec-about-lead{margin-block-start:.9rem; font-family:var(--f-serif); font-size:clamp(21px,2.4vw,28px); line-height:1.5; color:var(--ink);}
.lec-about-text{margin-block-start:1.1rem; max-inline-size:68ch; color:var(--ink-2); font-size:16.5px; line-height:1.85;}
.lec-about-text em{font-style:normal; font-weight:600; color:var(--ink);}
@media (max-width:760px){
  .lec-about-grid{grid-template-columns:minmax(0,1fr);}
  .lec-photo{inline-size:min(62vw,240px);}
}

/* ------------------------------------------------------------------ consultation */
.lec-consult{position:relative; overflow:hidden; isolation:isolate; padding:clamp(24px,4.4vw,56px); border-radius:var(--radius-lg); background:var(--amber-wash);}
.lec-consult-motif{position:absolute; z-index:-1; inline-size:clamp(220px,32vw,380px); inset-block-start:50%; inset-inline-end:clamp(-120px,-6vw,-40px); transform:translateY(-50%); pointer-events:none;}
.lec-consult-text{max-inline-size:640px;}
.lec-consult-text > * + *{margin-block-start:.9rem;}
.lec-consult-text .btn{margin-block-start:1.4rem;}
@media (max-width:760px){
  .lec-consult-motif{display:none;}
}

/* ------------------------------------------------------------------ organisers' questions */
.lec-kit .h2{margin-block-start:.35em;}
.lec-faq{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:clamp(20px,3vw,32px) 0 0;}
.lec-faq-item{padding:18px 22px 20px; border-radius:var(--radius); background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow-1);}
.lec-faq dt{display:flex; align-items:baseline; gap:12px; font-weight:700; font-size:17px; line-height:1.45; color:var(--ink);}
.lec-faq dt::before{content:""; flex:0 0 auto; inline-size:8px; block-size:8px; border-radius:50%; background:var(--teal-3); box-shadow:0 0 0 4px var(--teal-wash); transform:translateY(-2px);}
.lec-faq dd{padding-inline-start:20px;}
.lec-faq dd{margin:.45rem 0 0; color:var(--ink-2); font-size:15.5px; line-height:1.7;}
@media (max-width:760px){ .lec-faq{grid-template-columns:minmax(0,1fr);} }

/* ------------------------------------------------------------------ contact */
.lec-contact-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(28px,5vw,72px); align-items:start;}
.lec-contact-lead{margin-block-start:.9rem; font-family:var(--f-serif); font-size:clamp(24px,3.1vw,38px); line-height:1.4; color:var(--ink);}
.lec-contact-meta{display:grid; gap:12px; margin-block-start:clamp(22px,3vw,32px);}
.lec-contact-item{display:flex; align-items:center; gap:14px; min-block-size:72px; padding:12px 18px; border-radius:var(--radius); background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow-1);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s var(--ease);}
.lec-contact-item:hover{border-color:var(--teal-2); box-shadow:var(--shadow-2); transform:translateY(-1px);}
.lec-contact-item .ic{flex:0 0 auto; inline-size:46px; block-size:46px; border-radius:50%; display:grid; place-items:center; background:var(--teal-wash); color:var(--teal);}
.lec-contact-item .ic svg{inline-size:22px; block-size:22px;}
.lec-contact-item .txt{display:flex; flex-direction:column; align-items:flex-start; min-inline-size:0;}
.lec-contact-item .lbl{font-size:13.5px; font-weight:500; color:var(--ink-3);}
.lec-contact-item .val{font-weight:600; font-size:clamp(17px,1.9vw,20px); line-height:1.35; color:var(--ink); overflow-wrap:anywhere;}
.lec-form{padding:clamp(22px,3.2vw,38px); border-radius:var(--radius-lg); box-shadow:var(--shadow-3);}
.lec-field{display:grid; gap:6px; margin-block-start:16px;}
.lec-field label{font-size:15px; color:var(--ink-2);}
.lec-field textarea{resize:vertical; min-block-size:120px; line-height:1.6;}
.lec-submit{inline-size:100%; margin-block-start:22px;}
.lec-form-note{margin-block-start:14px; font-size:13.5px; line-height:1.6; color:var(--ink-3);}
@media (max-width:860px){ .lec-contact-grid{grid-template-columns:minmax(0,1fr);} }

/* ------------------------------------------------------------------ email-app picker (dialog) */
.picker-backdrop{position:fixed; inset:0; z-index:var(--z-overlay); display:none; align-items:center; justify-content:center; padding:20px;
  background:rgba(16,36,42,.45); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);}
.picker-backdrop.visible{display:flex;}
.picker{position:relative; inline-size:100%; max-inline-size:470px; max-block-size:calc(100vh - 40px); overflow:auto;
  padding:26px 24px 22px; border-radius:var(--radius-lg); background:var(--surface); box-shadow:var(--shadow-3);}
.picker-close{position:absolute; inset-block-start:10px; inset-inline-end:10px; inline-size:44px; block-size:44px; display:grid; place-items:center;
  border:0; border-radius:50%; background:none; color:var(--ink-3); cursor:pointer; transition:background .2s ease, color .2s ease;}
.picker-close:hover{background:var(--teal-wash); color:var(--ink);}
.picker-close svg{inline-size:20px; block-size:20px;}
.picker-title{margin-block:.4rem 1rem; padding-inline-end:36px; font-family:var(--f-display); font-size:clamp(22px,2.6vw,28px); line-height:1.2;}
.picker-list{list-style:none; margin:0; padding:0; display:grid; gap:8px;}
.picker-btn{appearance:none; inline-size:100%; display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:baseline; text-align:start;
  min-block-size:56px; padding:12px 16px; border-radius:14px; border:1px solid var(--line); background:var(--surface); cursor:pointer;
  transition:border-color .2s ease, background .2s ease;}
.picker-btn:hover, .picker-btn:focus-visible{border-color:var(--teal-2); background:var(--teal-wash);}
.picker-btn-mark{font-family:var(--f-mono); font-size:13px; color:var(--amber-ink); white-space:nowrap;}
.picker-btn-name{display:block; font-weight:700; font-size:17px; line-height:1.35; color:var(--ink);}
.picker-btn-detail{display:block; font-size:14px; line-height:1.5; color:var(--ink-3);}

/* ------------------------------------------------------------------ floating booking button */
.lec-float{position:fixed; z-index:calc(var(--z-nav) - 1); inset-block-end:max(18px, env(safe-area-inset-bottom)); inset-inline-end:max(18px, env(safe-area-inset-right));
  box-shadow:0 2px 4px rgba(16,36,42,.08), 0 18px 36px -14px rgba(138,83,0,.6);
  opacity:0; visibility:hidden; transform:translateY(14px);
  transition:opacity .25s ease, transform .25s var(--ease), visibility 0s linear .25s;}
.lec-float.show{opacity:1; visibility:visible; transform:none; transition:opacity .25s ease, transform .25s var(--ease), visibility 0s;}
@media print{ .lec-float, .picker-backdrop{display:none!important;} }