/* workshop.css: styles for /workshop and /de/workshop (extracted 2026-09-20; bump ?v= on change) */
  @font-face{
    font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;
    src:url('fonts/inter-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  @font-face{
    font-family:'Schibsted Grotesk';font-style:normal;font-weight:500 600;font-display:swap;
    src:url('fonts/schibsted-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  :root{
    --paper:#F7F6F2; --paper-2:#EFEDE4; --ink:#181A1D; --muted:#5F5F57;
    --hairline:#E2E0D7; --brass:#87683A;
    --dk-bg:#17191C; --dk-text:#F0EFEA; --dk-muted:#A5A399;
    --c-bg:var(--paper); --c-text:var(--ink); --c-muted:var(--muted);
    --c-hair:var(--hairline); --c-brass:var(--brass);
    --display:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
    --body:"Inter","Helvetica Neue",Arial,sans-serif;
  }
  header.site, footer.site{--c-bg:var(--dk-bg);--c-text:var(--dk-text);--c-muted:var(--dk-muted);--c-hair:#2B2E33;--c-brass:#B7986B;}
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;}
  ::selection{background:var(--brass);color:#fff;}
  h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:-0.01em;line-height:1.08;color:var(--c-text);}
  a{color:var(--c-text);text-decoration:none;}
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--brass);outline-offset:3px;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 6vw;}
  .kicker{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--brass);}

  header.site{position:sticky;top:0;z-index:50;background:var(--c-bg);color:var(--c-text);border-bottom:1px solid var(--c-hair);}
  .site-inner{display:flex;align-items:center;justify-content:space-between;height:64px;}
  .wordmark{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-0.01em;color:var(--c-text);}
  .header-right{display:flex;align-items:center;gap:22px;}
  .backlink{font-size:14px;color:var(--c-muted);transition:color .18s ease;}
  .backlink:hover{color:var(--c-text);}

  .btn{display:inline-block;font-family:var(--body);font-size:15px;font-weight:500;padding:14px 26px;border:1px solid var(--brass);border-radius:2px;color:var(--ink);background:transparent;letter-spacing:0.02em;transition:background-color .2s ease,color .2s ease,filter .2s ease;cursor:pointer;}
  .btn:hover{background:var(--brass);color:var(--paper);}
  .btn-solid{background:var(--brass);color:var(--paper);width:100%;text-align:center;font-size:16px;padding:15px 26px;}
  .btn-solid:hover{filter:brightness(1.08);color:var(--paper);}

  .hero{padding:64px 0 72px;}
  .hero-grid{display:grid;grid-template-columns:1fr 400px;grid-template-areas:"head form" "media form";column-gap:60px;row-gap:0;align-items:start;}
  .head{grid-area:head;margin-bottom:36px;}
  .head .kicker{display:block;margin-bottom:20px;}
  .hero h1{font-size:clamp(30px,4vw,46px);max-width:16ch;margin-bottom:20px;}
  .hero .sub{font-size:clamp(16px,1.35vw,19px);color:var(--muted);max-width:46ch;}

  .leave{grid-area:media;}
  .gains{list-style:none;}
  .gains .lbl{font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--brass);margin-bottom:10px;}
  .gains li:not(.lbl){position:relative;padding:9px 0 9px 24px;font-size:16px;color:var(--ink);line-height:1.5;border-top:1px solid var(--hairline);}
  .gains li:not(.lbl)::before{content:"";position:absolute;left:0;top:17px;width:7px;height:7px;background:var(--brass);border-radius:1px;}

  .signup{grid-area:form;position:sticky;top:88px;background:#FFFFFF;border:1px solid var(--hairline);border-radius:4px;padding:34px 32px 30px;box-shadow:0 1px 2px rgba(24,26,29,.04),0 18px 40px -24px rgba(24,26,29,.22);}
  .signup h2{font-size:24px;margin-bottom:4px;}
  .signup .card-sub{font-size:14px;color:var(--muted);margin-bottom:24px;}
  .field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
  .field label{font-size:13px;font-weight:600;color:var(--ink);}
  .field input,.field select{font-family:var(--body);font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--hairline);border-radius:3px;padding:13px 14px;width:100%;transition:border-color .18s ease,background .18s ease;}
  .field input::placeholder{color:#9b998f;}
  .field input:focus,.field select:focus{border-color:var(--brass);background:#fff;outline:none;}
  .form-micro{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:14px;text-align:center;}
  .form-micro a{color:var(--ink);border-bottom:1px solid var(--hairline);}
  .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

  section.band{padding:64px 0;border-top:1px solid var(--hairline);}
  section.band.paper2{background:var(--paper-2);}
  .sec-head{max-width:60ch;margin-bottom:34px;}
  .sec-head .kicker{display:block;margin-bottom:14px;}
  .sec-head h2{font-size:clamp(24px,2.6vw,34px);margin-bottom:12px;}
  .sec-head p{color:var(--muted);}

  .agenda{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px 40px;}
  .agenda li{border-top:2px solid var(--brass);padding-top:14px;}
  .agenda .t{font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--brass);display:block;margin-bottom:6px;}
  .agenda h3{font-size:19px;margin-bottom:8px;}
  .agenda p{font-size:15.5px;color:var(--muted);line-height:1.5;}

  .cols{display:grid;grid-template-columns:1fr 1fr;gap:40px 60px;}
  .cols h3{font-size:19px;margin-bottom:10px;}
  .cols ul{list-style:none;}
  .cols li{position:relative;padding:7px 0 7px 22px;font-size:16px;line-height:1.5;}
  .cols li::before{content:"";position:absolute;left:0;top:15px;width:7px;height:7px;background:var(--brass);border-radius:1px;}
  .cols li.no::before{background:var(--muted);}

  .proof{display:grid;grid-template-columns:1.2fr 1fr;gap:40px 60px;align-items:start;}
  .proof p{font-size:17px;line-height:1.65;margin-bottom:14px;}
  .proof .note{font-size:14.5px;color:var(--muted);}
  .host{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start;}
  .host img{width:120px;height:120px;object-fit:cover;border-radius:2px;filter:saturate(0.95);}
  .host h3{font-size:19px;margin-bottom:6px;}
  .host p{font-size:15.5px;color:var(--muted);line-height:1.55;}

  .faq{list-style:none;max-width:72ch;}
  .faq li{border-top:1px solid var(--hairline);padding:18px 0;}
  .faq h4{font-size:17px;margin-bottom:6px;}
  .faq p{font-size:16px;color:var(--muted);line-height:1.55;}

  .related ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .related li a{display:block;border-top:1px solid var(--hairline);padding-top:12px;}
  .related li b{display:block;font-family:var(--display);font-weight:600;font-size:16px;margin-bottom:4px;}
  .related li span{font-size:14px;color:var(--muted);}

  .closing{padding:72px 0;text-align:center;}
  .closing h2{font-size:clamp(26px,3vw,38px);margin-bottom:14px;}
  .closing p{color:var(--muted);max-width:52ch;margin:0 auto 26px;}

  footer.site{background:var(--c-bg);color:var(--c-text);padding:40px 0;}
  .foot-inner{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;align-items:baseline;}
  .foot-inner .wordmark{font-size:16px;}
  .foot-inner span{font-size:14px;color:var(--c-muted);}
  .foot-links{display:flex;gap:22px;flex-wrap:wrap;}
  .foot-links a{color:var(--c-muted);font-size:14px;transition:color .18s ease;}
  .foot-links a:hover{color:var(--c-text);}

  @media(max-width:960px){
    .agenda{grid-template-columns:1fr 1fr;}
    .related ul{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:860px){
    .hero{padding:40px 0 56px;}
    .hero-grid{grid-template-columns:1fr;grid-template-areas:"head" "form" "media";row-gap:34px;}
    .head{margin-bottom:0;}
    .signup{position:static;top:auto;}
    .agenda,.cols,.proof{grid-template-columns:1fr;}
    .host{grid-template-columns:1fr;}
  }