

  :root{
    --paper:#F7F4EC;
    --grid:#E7E2D2;
    --ink:#1C1B18;
    --ink-soft:#5B574E;
    --oxblood:#6E2E22;
    --line:#C9C3AE;
    --gold:#B59A5F;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{
    background:var(--paper);color:var(--ink);font-family:'Source Serif 4',serif;
    background-image:
      linear-gradient(var(--grid) 1px, transparent 1px),
      linear-gradient(90deg, var(--grid) 1px, transparent 1px);
    background-size:36px 36px;
  }

  header{
    display:flex;justify-content:space-between;align-items:center;
    padding:28px 64px;border-bottom:1px solid var(--ink);
  }
  .brandmark{display:flex;align-items:center;gap:16px;}
  .medallion{
    height:46px;width:46px;border-radius:50%;background:var(--ink);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .medallion img{height:36px;width:36px;object-fit:contain;}
  .wordmark{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:23px;letter-spacing:2px;text-transform:uppercase;}
  .wordmark small{display:block;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;color:var(--ink-soft);font-weight:400;margin-top:3px;text-transform:uppercase;}
  nav{display:flex;gap:34px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);}
  nav button,nav a{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink-soft);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;}
  nav button:hover,nav a:hover{color:var(--ink);}

  .hero{padding:84px 64px 70px;max-width:960px;margin:0 auto;text-align:center;}
  .seal{display:flex;justify-content:center;margin-bottom:32px;}
  .seal .medallion{height:132px;width:132px;}
  .seal .medallion img{height:126px;width:126px;}
  .exp-no{
    font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:4px;color:var(--ink-soft);
    text-transform:uppercase;margin-bottom:18px;
  }
  h1{
    font-family:'Cormorant Garamond',serif;font-weight:600;font-size:58px;line-height:1.18;
    color:var(--ink);max-width:760px;margin:0 auto;
  }
  h1 .accent{color:var(--oxblood);font-style:italic;}
  .lede{
    font-size:16px;color:var(--ink-soft);max-width:480px;margin:26px auto 0;line-height:1.8;
  }
  .cta-row{display:flex;justify-content:center;gap:16px;margin-top:38px;}
  .btn{display:inline-block;
    font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;
    padding:15px 30px;text-decoration:none;border:none;cursor:pointer;
  }
  .btn.primary{background:var(--ink);color:var(--paper);}
  .btn.ghost{border:1px solid var(--ink);color:var(--ink);}

  .divider-wrap{display:flex;justify-content:center;padding:0 64px;}
  .divider{width:100%;max-width:960px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);height:5px;margin-top:64px;}

  .log-section{padding:60px 64px 100px;max-width:960px;margin:0 auto;}
  .log-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:34px;}
  .log-head h2{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;}
  .log-head span{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-soft);letter-spacing:2px;text-transform:uppercase;}

  .entry{
    display:grid;grid-template-columns:70px 1fr 150px;gap:24px;
    padding:26px 0;border-bottom:1px solid var(--line);align-items:start;
  }
  .entry .tag{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gold);letter-spacing:1px;padding-top:4px;}
  .entry h3{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:600;}
  .entry p{font-size:13.5px;color:var(--ink-soft);margin-top:7px;line-height:1.7;max-width:420px;}
  .entry .result{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;text-align:right;text-transform:uppercase;padding-top:6px;}
  .result.pass{color:var(--ink);}
  .result.iter{color:var(--oxblood);}

  footer{
    padding:38px 64px;border-top:1px solid var(--ink);
    display:flex;justify-content:space-between;align-items:center;
    font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-soft);letter-spacing:1px;
  }
  footer .fmark{display:flex;align-items:center;gap:10px;}
  footer .fmark .medallion{height:24px;width:24px;}
  footer .fmark .medallion img{height:18px;width:18px;}


  :root{
    --paper:#F7F4EC;
    --grid:#E7E2D2;
    --ink:#1C1B18;
    --ink-soft:#5B574E;
    --oxblood:#6E2E22;
    --line:#C9C3AE;
    --gold:#B59A5F;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{
    background:var(--paper);color:var(--ink);font-family:'Source Serif 4',serif;
    background-image:
      linear-gradient(var(--grid) 1px, transparent 1px),
      linear-gradient(90deg, var(--grid) 1px, transparent 1px);
    background-size:36px 36px;
  }

  header{
    display:flex;justify-content:space-between;align-items:center;
    padding:28px 64px;border-bottom:1px solid var(--ink);
  }
  .wordmark{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:23px;letter-spacing:2px;text-transform:uppercase;}
  .wordmark small{display:block;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;color:var(--ink-soft);font-weight:400;margin-top:3px;text-transform:uppercase;}
  nav{display:flex;gap:34px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);}
  nav button,nav a{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink-soft);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;}
  nav button:hover,nav a:hover{color:var(--ink);}
  nav a.current{color:var(--ink);}

  .page{padding:84px 64px 30px;max-width:760px;margin:0 auto;}
  .eyebrow{
    font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:4px;color:var(--ink-soft);
    text-transform:uppercase;margin-bottom:18px;text-align:center;
  }
  h1{
    font-family:'Cormorant Garamond',serif;font-weight:600;font-size:50px;line-height:1.18;
    color:var(--ink);text-align:center;margin:0 auto;
  }

  .divider-wrap{display:flex;justify-content:center;padding:0 64px;}
  .divider{width:100%;max-width:760px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);height:5px;margin-top:48px;}

  .copy{padding:54px 64px 50px;max-width:680px;margin:0 auto;}
  .copy p{font-size:17px;line-height:1.85;color:var(--ink);margin-bottom:26px;}
  .copy p:last-child{margin-bottom:0;}
  .copy .lab-line{font-style:italic;color:var(--oxblood);}

  .credit-row{
    max-width:680px;margin:0 auto;padding:0 64px 100px;
    display:flex;gap:40px;border-top:1px solid var(--line);padding-top:36px;
  }
  .credit{flex:1;}
  .credit .role{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;}
  .credit h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;margin-top:8px;}
  .credit p{font-size:13.5px;color:var(--ink-soft);margin-top:8px;line-height:1.7;}

  footer{
    padding:38px 64px;border-top:1px solid var(--ink);
    display:flex;justify-content:space-between;align-items:center;
    font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-soft);letter-spacing:1px;
  }


  
  .watch-section{padding:60px 64px 100px;max-width:960px;margin:0 auto;}
  .watch-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
  .watch-card video{width:100%;border-radius:2px;display:block;background:#000;aspect-ratio:9/16;object-fit:cover;}
  .watch-card .tag{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gold);letter-spacing:1px;margin-top:18px;}
  .watch-card h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;margin-top:6px;}
  .watch-card .recipe-link{
    display:inline-block;margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:11px;
    letter-spacing:1px;color:var(--ink-soft);background:none;border:none;border-bottom:1px solid var(--ink-soft);
    padding:0 0 2px;cursor:pointer;
  }
  .watch-card .recipe-link:hover{color:var(--ink);border-color:var(--ink);}
