:root {
    --ivory:#f8f4ed;
    --sand:#e9dfd0;
    --ink:#342f2b;
    --muted:#756d65;
    --line:#d9cdbd;
    --white:#fff;
    --max:1280px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;
    color:var(--ink);
    background:var(--ivory);
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.65;
  }
  h1,h2,h3,.serif{
    font-family:Georgia, "Times New Roman", serif;
    font-weight:400;
    letter-spacing:-0.02em;
  }
  img{display:block;width:100%;height:auto}
  a{color:inherit;text-decoration:none}
  .hero picture img{
    width:100%;
    max-height:800px;
    object-fit:cover;
  }
  .section{
    max-width:var(--max);
    margin:0 auto;
    padding:110px 28px;
  }
  .intro{
    text-align:center;
    max-width:850px;
    margin:auto;
  }
  .eyebrow{
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:11px;
    color:var(--muted);
    margin-bottom:18px;
  }
  .intro h1{
    font-size:64px;
    line-height:1.08;
    margin:0 0 26px;
  }
  .intro p{
    color:var(--muted);
    font-size:17px;
    max-width:720px;
    margin:auto;
  }
  .split{
    display:grid;
    grid-template-columns:1.04fr .96fr;
    gap:70px;
    align-items:center;
  }
  .split.reverse{
    grid-template-columns:.96fr 1.04fr;
  }
  .copy h2{
    font-size:52px;
    line-height:1.08;
    margin:0 0 24px;
  }
  .copy p{
    color:var(--muted);
    font-size:16px;
    margin:0 0 18px;
  }
  .rule{width:56px;border-top:1px solid var(--ink);margin:28px 0}
  .image-card{
    overflow:hidden;
    background:#eee7dc;
  }
  .image-card img{
    aspect-ratio:4/5;
    object-fit:cover;
  }
  .craft{
    background:#efe7dc;
  }
  .pillars{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:44px;
  }
  .pillar{
    border-top:1px solid var(--line);
    padding-top:24px;
  }
  .pillar h3{font-size:28px;margin:0 0 10px}
  .pillar p{color:var(--muted);font-size:14px;margin:0}
  .journey{
    padding:0;
    max-width:none;
  }
  .journey img{
    width:100%;
  }
  .manifesto{
    text-align:center;
    background:white;
  }
  .manifesto h2{
    font-size:58px;
    margin:0 auto 18px;
    max-width:880px;
  }
  .manifesto p{
    color:var(--muted);
    max-width:720px;
    margin:auto;
  }
  .closing picture img{
    width:100%;
    max-height:780px;
    object-fit:cover;
  }
  footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.18em;margin:0 0 18px}
  footer p, footer a{font-size:13px;color:#cfc5b9;display:block;margin:8px 0}
  @media(max-width:800px){
    .section{padding:72px 20px}
    .intro h1{font-size:44px}
    .intro p{font-size:15px}
    .split,.split.reverse{grid-template-columns:1fr;gap:34px}
    .split.reverse .image-card{order:1}
    .split.reverse .copy{order:2}
    .copy h2{font-size:40px}
    .pillars{grid-template-columns:1fr;gap:30px}
    .manifesto h2{font-size:42px}
    }