:root{
  --page-paper:#F5F2EA;
  --page-paper-2:#EFEBE1;
  --page-ink:#15171C;
  --page-muted:#62666D;
  --page-line:#DDD7C9;
  --page-green:#15795A;
  --page-dark:#15211C;
  --page-display:'Bricolage Grotesque',Georgia,serif;
  --page-sans:'Archivo',system-ui,sans-serif;
  --page-mono:'IBM Plex Mono',ui-monospace,monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page-paper);color:var(--page-ink);font-family:var(--page-sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.page-wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.page-hero{background:var(--page-dark);color:var(--page-paper);padding:118px 0 104px;min-height:500px;display:flex;align-items:end}
.page-hero__inner{width:100%}
.page-kicker{font-family:var(--page-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#5BC79B;margin:0 0 20px}
.page-hero h1{font-family:var(--page-display);font-size:clamp(58px,9vw,122px);line-height:.92;letter-spacing:0;margin:0;max-width:920px}
.page-hero__lead{font-size:20px;line-height:1.55;color:#C9D0C9;max-width:620px;margin:28px 0 0}
.page-section{padding:96px 0}
.page-section--paper{background:var(--page-paper-2)}
.page-section__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:start}
.page-section__label{font-family:var(--page-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--page-green);margin:4px 0 0}
.page-section h2{font-family:var(--page-display);font-size:clamp(36px,5vw,68px);line-height:.98;margin:0;letter-spacing:0;max-width:760px}
.page-section p{font-size:18px;line-height:1.7;color:var(--page-muted);max-width:680px;margin:0}
.page-section p+p{margin-top:18px}
.event-list{border-top:1px solid var(--page-line)}
.event-item{display:grid;grid-template-columns:150px 1fr;gap:38px;padding:30px 0;border-bottom:1px solid var(--page-line)}
.event-item__date{font-family:var(--page-mono);font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--page-green);line-height:1.6}
.event-item h3{font-family:var(--page-display);font-size:32px;line-height:1.05;margin:0 0 9px}
.event-item p{font-size:16px;line-height:1.6;margin:0;color:var(--page-muted)}
.event-item__place{margin-top:12px!important;color:var(--page-ink)!important;font-weight:600}
.book-feature{display:grid;grid-template-columns:minmax(190px,250px) 1fr;gap:64px;align-items:center}
.book-feature__cover{width:100%;border:1px solid var(--page-line);box-shadow:18px 18px 0 rgba(21,23,28,.08)}
.book-feature h2{font-size:clamp(36px,4.8vw,68px)}
.book-feature__meta{font-family:var(--page-mono);font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--page-green)!important;margin:0 0 18px!important}
.book-feature__copy{font-size:19px!important;line-height:1.65!important}
.page-link{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:13px 18px;background:var(--page-ink);color:#fff;font-weight:600;font-size:14px;border-radius:2px;transition:transform .2s,background .2s}
.page-link:hover{transform:translateY(-2px);background:var(--page-green)}
.coming-soon{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}
.coming-soon__mark{font-family:var(--page-mono);font-size:clamp(60px,10vw,140px);line-height:.85;color:var(--page-green);letter-spacing:-.08em}
.page-footer{background:#10120F;color:#929A92;padding:34px 0;font-size:13px}
.page-footer__inner{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}
.page-footer a:hover{color:#5BC79B}
@media (max-width:820px){
  .page-hero{padding:88px 0 76px;min-height:420px}
  .page-section{padding:72px 0}
  .page-section__grid,.coming-soon{grid-template-columns:1fr;gap:28px}
  .book-feature{grid-template-columns:170px 1fr;gap:36px}
}
@media (max-width:560px){
  .page-wrap{padding:0 20px}
  .page-hero h1{font-size:clamp(52px,16vw,80px)}
  .page-hero__lead{font-size:17px}
  .event-item{grid-template-columns:1fr;gap:10px}
  .book-feature{grid-template-columns:1fr;gap:34px;max-width:390px}
  .book-feature__cover{width:190px}
  .page-footer__inner{align-items:flex-start;flex-direction:column}
}
