.i2-header{background:var(--paper)}
.i2-label{font-family:var(--sans);font-size:var(--small);color:var(--muted);font-weight:600}
h2.i2-label{line-height:1.5}

.i2-hero{padding:88px 0 0;background:var(--paper)}
.i2-hero h1{font-size:calc(var(--h1)*1.08);max-width:17ch;margin-top:28px;line-height:1.02}
.i2-hero h1 em{color:var(--terra);font-style:italic}
.neutral .i2-hero h1{font-size:30px}
.neutral .i2-hero h1 em{font-style:normal;color:var(--muted)}
.i2-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:44px 0 56px;padding-top:28px;border-top:1px solid var(--line)}
.i2-hero-foot .lead{max-width:56ch}
.i2-hero-foot .button{flex:none}
.i2-hero-image img{width:100%;aspect-ratio:21/9;object-fit:cover;object-position:center 62%;border-radius:4px}
.i2-hero-image figcaption{font-size:var(--small);color:var(--muted);margin-top:10px}

.i2-index{margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}
.i2-index-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.i2-index a{display:flex;flex-direction:column;gap:2px;padding:30px 28px;border-left:1px solid var(--line);text-decoration:none;font-family:var(--serif);font-size:var(--h3);line-height:1.2;transition:background .25s}
.neutral .i2-index a{font-weight:700}
.i2-index a:first-child{border-left:0;padding-left:0}
.i2-index a:hover{background:var(--blush)}
.i2-index span{font-family:var(--sans);font-size:13px;color:var(--muted);margin-bottom:6px}
.i2-index small{font-family:var(--sans);font-size:14px;color:var(--muted)}

.i2-topics{padding:96px 0 40px}
.i2-topic-list{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:26px}
.i2-topic-list li{font-family:var(--serif);font-size:calc(var(--h2)*.8);line-height:1.3}
.neutral .i2-topic-list li{font-size:21px;font-weight:700}
.i2-topic-list li:not(:last-child)::after{content:'·';color:var(--peach);margin:0 .4em}
.i2-topic-list a{text-decoration:none}
.i2-topic-list a:hover{color:var(--terra);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}

.i2-chapter{padding:110px 0}
.i2-chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.i2-chapter-grid.reverse .i2-chapter-media{order:2}
.i2-portrait,.i2-photo{aspect-ratio:4/5;border-radius:4px}
.i2-photo{width:100%;object-fit:cover;object-position:center 30%}
.i2-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.i2-chapter-n{font-family:var(--serif);font-size:var(--h3);color:var(--terra);line-height:1}
.i2-chapter-copy h2{font-size:calc(var(--h2)*1.25);margin:16px 0 10px}
.neutral .i2-chapter-copy h2{font-size:30px}
.i2-standfirst{font-family:var(--serif);font-style:italic;font-size:calc(var(--lead)*1.35);line-height:1.35;margin-bottom:22px;color:var(--cocoa)}
.neutral .i2-standfirst{font-style:normal;font-size:21px}
.i2-chapter-copy>p:not([class]){color:var(--muted);max-width:52ch}
.i2-facts{margin:32px 0 34px;border-top:1px solid var(--line)}
.i2-facts>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.i2-facts dt{font-size:var(--small);color:var(--muted);padding-top:2px}
.i2-facts dd{margin:0;font-size:15px}

.i2-dark{background:var(--deep);color:var(--on-deep)}
.i2-dark .i2-chapter-n,.i2-dark .i2-standfirst{color:var(--peach)}
.neutral .i2-dark .i2-chapter-n,.neutral .i2-dark .i2-standfirst{color:#d6d6d3}
.i2-dark .i2-chapter-copy>p:not([class]){color:var(--on-deep);opacity:.82}
.i2-dark .i2-facts,.i2-dark .i2-facts>div{border-color:#ffffff26}
.i2-dark .i2-facts dt{color:var(--on-deep);opacity:.7}
.i2-dark .photo-slot{--line:#ffffff33;--sand:#ffffff12}
.i2-dark .photo-slot .slot-label{color:var(--on-deep);background:var(--deep)}

.i2-method{padding:100px 0;background:var(--sand)}
.i2-method-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}
.i2-method-head h2{max-width:14ch}.i2-method-head .lead{max-width:40ch}
.i2-videos{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.i2-videos .video{border-radius:4px}
.i2-videos figcaption{display:grid;grid-template-columns:150px 1fr;gap:16px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.i2-videos figcaption strong{font-family:var(--serif);font-size:var(--h3);font-weight:500;color:var(--ink);line-height:1.1}
.neutral .i2-videos figcaption strong{font-weight:700}

.i2-business{display:grid;grid-template-columns:.85fr 1.15fr;gap:96px;align-items:start}
.i2-business .i2-chapter-copy{position:sticky;top:120px}
.i2-business .i2-chapter-copy>p:not([class]){margin-bottom:30px}
.i2-talks li{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--line)}
.i2-talks li:last-child{border-bottom:1px solid var(--line)}
.i2-talks span{font-family:var(--serif);font-size:var(--h3);color:var(--terra);font-style:italic}
.neutral .i2-talks span{font-style:normal;font-weight:700}
.i2-talks p{color:var(--muted);font-size:15px;margin-top:8px}

.i2-about{padding:110px 0;background:var(--white)}
.i2-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:96px;align-items:start}
.i2-about-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:center 30%;margin-bottom:30px}
.i2-about-intro h2{margin:12px 0 18px}
.i2-about-intro .lead{margin-bottom:26px;max-width:40ch}
.i2-timeline{border-left:1px solid var(--line);margin-left:6px}
.i2-timeline li{position:relative;display:grid;grid-template-columns:90px 1fr;gap:16px;padding:0 0 30px 34px}
.i2-timeline li::before{content:'';position:absolute;left:-6px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--white);border:2px solid var(--terra)}
.i2-timeline span{font-size:var(--small);color:var(--muted);padding-top:3px}
.i2-timeline p{font-family:var(--serif);font-size:23px;line-height:1.3}
.neutral .i2-timeline p{font-size:16px;font-weight:700}

.i2-pull{padding:120px 0;background:var(--blush);text-align:center}
.i2-pull blockquote p{font-family:var(--serif);font-size:calc(var(--h1)*.9);line-height:1.08;font-style:italic;max-width:16ch;margin:0 auto}
.neutral .i2-pull blockquote p{font-size:30px;font-style:normal;font-weight:700}
.i2-pull footer{margin:28px auto 0;max-width:46ch;color:var(--muted)}

.i2-reading,.i2-shelf{padding:110px 0}
.i2-shelf{background:var(--white)}
.i2-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:22px;margin-bottom:40px;border-bottom:1px solid var(--ink)}
.i2-reading-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px}
.i2-feature{display:grid;grid-template-columns:1fr 1fr;gap:32px;text-decoration:none;align-items:end}
.i2-feature img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.i2-feature h3{font-size:calc(var(--h3)*1.25);margin:12px 0 14px}
.neutral .i2-feature h3{font-size:21px}
.i2-feature p{color:var(--muted);font-size:15px}
.i2-feature:hover h3,.i2-list a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.i2-list a{display:block;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none}
.i2-list a:first-child{padding-top:0}
.i2-list h3{margin-top:8px}

.i2-books{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.i2-books article{display:flex;flex-direction:column;gap:6px}
.i2-books img,.i2-cover{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px;margin-bottom:14px;background:var(--blush)}
.i2-books img{object-fit:contain;padding:22px;background:var(--blush)}
.i2-books p{color:var(--muted);font-size:14px;margin-bottom:8px}
.i2-books .text-link{align-self:flex-start}
.i2-cover{display:grid;place-items:center;background:var(--sand);border:1px solid var(--line);color:var(--muted);font-size:13px}

.i2-contact{padding:120px 0;background:var(--paper);border-top:1px solid var(--line)}
.i2-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}
.i2-contact h2{font-size:calc(var(--h1)*1.1)}
.neutral .i2-contact h2{font-size:30px}
.i2-contact .lead{margin-bottom:30px}

@media (max-width:1100px){
  .i2-feature{grid-template-columns:1fr}
  .i2-books{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .i2-hero{padding-top:52px}
  .i2-hero-foot{flex-direction:column;align-items:flex-start;gap:24px;margin:32px 0 40px}
  .i2-hero-image img{aspect-ratio:4/3}
  .i2-index{margin-top:44px}
  .i2-index-grid{grid-template-columns:1fr 1fr}
  .i2-index a{padding:22px 18px}
  .i2-index a:nth-child(odd){border-left:0;padding-left:0}
  .i2-index a:nth-child(n+3){border-top:1px solid var(--line)}
  .i2-topics{padding:64px 0 16px}
  .i2-chapter,.i2-about,.i2-reading,.i2-shelf,.i2-method,.i2-contact{padding:72px 0}
  .i2-pull{padding:80px 0}
  .i2-chapter-grid,.i2-business,.i2-about-grid,.i2-reading-grid,.i2-contact-grid,.i2-videos{grid-template-columns:1fr;gap:40px}
  .i2-chapter-grid.reverse .i2-chapter-media{order:0}
  .i2-portrait{aspect-ratio:4/3}
  .i2-business .i2-chapter-copy{position:static}
  .i2-method-head{flex-direction:column;align-items:flex-start;gap:16px}
  .i2-feature{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .i2-index-grid{grid-template-columns:1fr}
  .i2-index a{border-left:0!important;padding:18px 0!important;border-top:1px solid var(--line)}
  .i2-index a:first-child{border-top:0}
  .i2-facts>div,.i2-videos figcaption{grid-template-columns:1fr;gap:4px}
  .i2-timeline li{grid-template-columns:1fr;gap:2px}
  .i2-feature{grid-template-columns:1fr}
  .i2-books{grid-template-columns:1fr 1fr;gap:20px}
  .i2-hero-foot .button{width:100%}
  .i2-section-head{flex-direction:column;align-items:flex-start;gap:12px}
}