:root {
      color-scheme: dark;
      --bg: #172723;
      --cream: #f3eee2;
      --muted: #adbaae;
      --rule: rgba(231,238,220,.19);
      --coral: #e6a18a;
      --lime: #c7d5a0;
      --serif: 'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif;
      --sans: 'Avenir Next',Avenir,'Segoe UI',Helvetica,Arial,sans-serif;
    }
    * { box-sizing:border-box; }
    html { min-height:100%; }
    body:has(.personal-landing) { min-height:100vh; margin:0; color:var(--cream); background:var(--bg); font-family:var(--sans); overflow-x:hidden; -webkit-font-smoothing:antialiased; }
    a { color:inherit; }
    a:focus-visible { outline:3px solid var(--coral); outline-offset:6px; }
    .page { min-height:100svh; display:flex; flex-direction:column; position:relative; overflow:hidden; isolation:isolate; }
    .page::before { content:""; pointer-events:none; position:absolute; inset:0; z-index:-2; opacity:.22; background-image:linear-gradient(to right,transparent calc(100% - 1px), rgba(227,231,218,.10) 100%);background-size:calc((100vw - 5vw) / 8) 100%; }
    .page::after { content:""; position:absolute; z-index:-3; inset:0; background:radial-gradient(ellipse 54% 70% at 92% 44%,rgba(128,141,100,.13),transparent 70%); }
    .topbar,.footbar { width:100%; max-width:1600px; margin:0 auto; padding-left:clamp(26px,6vw,104px); padding-right:clamp(26px,6vw,104px); display:flex; align-items:center; justify-content:space-between; }
    .topbar { padding-top:34px; padding-bottom:28px; }
    .sig { display:flex; align-items:center; gap:15px; text-decoration:none; }
    .sig-mark { display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(242,238,226,.48); border-radius:50%; font-family:var(--serif); font-size:22px; font-style:italic; letter-spacing:-.1em; padding-right:2px; }
    .sig-label { color:var(--cream); font-size:11px; font-weight:700; letter-spacing:.19em; text-transform:uppercase; }
    .top-note { color:var(--muted); font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
    .middle { position:relative; flex:1; display:grid; align-items:center; grid-template-columns:minmax(0, 1.25fr) minmax(300px,.85fr); width:100%; max-width:1600px; margin:0 auto; padding:clamp(36px,5.2vh,80px) clamp(26px,6vw,104px) clamp(38px,6vh,90px); }
    .intro { z-index:2; position:relative; }
    .eyebrow { color:var(--lime); display:flex; align-items:center; gap:14px; font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
    .eyebrow::before { content:""; height:1px; width:36px; background:var(--coral); }
    h1 { font-family:var(--serif); font-weight:400; font-size:clamp(78px,10vw,167px); line-height:.86; letter-spacing:-.082em; margin:45px 0 36px; max-width:900px; }
    h1 .first { display:block; }
    h1 .last { display:block; white-space:nowrap; }
    h1 .period { color:var(--coral); margin-left:.045em; }
    .dek { font-family:var(--serif); font-size:clamp(23px,2.4vw,34px); line-height:1.28; letter-spacing:-.026em; max-width:610px; margin:0; }
    .support { color:var(--muted); font-size:15px; line-height:1.75; max-width:485px; margin:23px 0 39px; }
    .cta { display:inline-flex; gap:25px; align-items:center; justify-content:space-between; min-height:62px; padding:17px 21px 17px 23px; min-width:304px; text-decoration:none; background:var(--cream); color:#182722; border-radius:3px; font-size:13px; font-weight:750; letter-spacing:.035em; transition:transform .18s,background .18s; }
    .cta:hover { transform:translateY(-3px); background:#fff8e7; }
    .cta-icon { font-size:24px; line-height:.8; font-family:var(--serif); font-weight:400; }
    .art { width: min(100%,600px); justify-self:center; position:relative; aspect-ratio:1; margin-left:-60px; transform:rotate(-8deg); }
    .art svg { width:100%; height:100%; display:block; overflow:visible; }
    .art .outer { transform-origin:50% 50%; animation:drift 35s linear infinite; }
    .art .inner { transform-origin:50% 50%; animation:driftback 29s linear infinite; }
    .art-note { position:absolute; color:#cad4c0; letter-spacing:.18em; font-size:10px; text-transform:uppercase; right:-10%; bottom:2%; transform:rotate(8deg); }
    .footbar { border-top:1px solid var(--rule); color:var(--muted); font-size:11px; letter-spacing:.06em; padding-top:26px; padding-bottom:28px; gap:18px; }
    .footbar .right { display:flex;align-items:center;gap:13px; }
    .footbar .rule-dot { width:5px; height:5px; border-radius:50%; background:var(--coral); }
    @keyframes drift { to { transform:rotate(360deg); } }
    @keyframes driftback { to { transform:rotate(-360deg); } }
    @media(max-width:950px) {
      .middle {grid-template-columns:1fr; padding-top:50px; padding-bottom:20px;}
      .art {position:absolute; width:clamp(380px,56vw,530px);right:-6vw;top:12%;opacity:.30;z-index:0;pointer-events:none;}
      .intro{z-index:1;}
      h1{font-size:clamp(79px,14vw,137px);}
    }
    @media(max-width:580px) {
      .topbar{padding-top:22px;padding-bottom:4px;}
      .top-note {display:none;}
      .middle{padding-top:55px;padding-bottom:64px;}
      h1{font-size:clamp(76px,17vw,105px);margin:35px 0 31px;}
      .dek{font-size:26px;}
      .art{width:390px;right:-250px;top:6%;opacity:.24;}
      .cta{min-width:min(100%,330px);}
      .footbar {flex-direction:column;align-items:flex-start;gap:8px;padding-top:21px;padding-bottom:24px;}
    }
    @media(prefers-reduced-motion:reduce){.art .outer,.art .inner{animation:none;}.cta{transition:none;}}

    /* Brand and social links. The original orbit, layout and animation are unchanged. */
    .sig-mark { width:56px; height:56px; border-color:rgba(242,238,226,.45); padding:0; overflow:hidden; }
    .sig-mark img { display:block; width:76%; height:76%; object-fit:contain; }
    .header-end { display:flex; align-items:center; gap:22px; }
    .social { display:flex; align-items:center; gap:10px; }
    .social-link { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(242,238,226,.28); border-radius:50%; color:var(--cream); text-decoration:none; transition: border-color .18s, transform .18s; }
    .social-link:hover { border-color:var(--coral); transform:translateY(-2px); }
    .social-link svg { display:block; width:19px; height:19px; }
    .social-link.substack svg { width:18px; height:18px; }
    .social-link.github svg { fill:currentColor; }
    .art .art-link { position:absolute; inset:0; z-index:1; border-radius:50%; cursor:pointer; }
    .art .art-note { pointer-events:none; }
    @media(max-width:580px) {
      .header-end { gap:10px; }
      .social { gap:7px; }
      .social-link { width:36px; height:36px; }
    }
    @media(prefers-reduced-motion:reduce){.social-link{transition:none;}}

    /* v5: retain v4 composition/orbit, remove emblem ring, introduce publication-style navigation */
    .sig-mark { width:60px; height:60px; border:none; border-radius:0; padding:0; overflow:visible; }
    .sig-mark img { width:100%; height:100%; object-fit:contain; }
    .topbar { padding-top:22px; padding-bottom:12px; }
    .site-menu {
      width:100%; display:flex; align-items:center; justify-content:center;
      gap:clamp(20px,2.4vw,38px);
      border-top:1px solid rgba(231,238,220,.09);
      border-bottom:1px solid rgba(231,238,220,.16);
      padding:0 clamp(20px,6vw,104px);
      min-height:50px;
    }
    .site-menu a {
      display:inline-flex; align-items:center; min-height:50px;
      text-decoration:none; white-space:nowrap;
      color:var(--muted); font-size:14px; font-weight:500;
      border-bottom:2px solid transparent; padding-top:2px;
      transition:color .15s,border-color .15s;
    }
    .site-menu a:hover { color:var(--cream); }
    .site-menu a.current { color:var(--cream); font-weight:700; border-bottom-color:var(--cream); }
    .footbar { justify-content:flex-start; }
    @media(max-width:580px) {
      .topbar { padding-top:14px; padding-bottom:8px; }
      .sig-mark { width:52px; height:52px; }
      .site-menu {
        justify-content:flex-start; gap:24px; overflow-x:auto;
        scrollbar-width:none; padding:0 18px; min-height:46px;
      }
      .site-menu::-webkit-scrollbar {display:none;}
      .site-menu a { font-size:13px; min-height:46px; }
      .middle { padding-top:40px; }
    }
    @media(prefers-reduced-motion:reduce) { .site-menu a {transition:none;} }

    /* v6: airy single-row header, no divider lines or underlines */
    .topbar {
      width:100%; display:grid; grid-template-columns:minmax(74px,1fr) auto minmax(90px,1fr);
      gap:clamp(14px,2.4vw,40px); align-items:center;
      padding-top:22px; padding-bottom:14px;
    }
    .topbar .sig { justify-self:start; }
    .topbar .header-end { justify-self:end; }
    .site-menu {
      width:auto; min-height:unset; padding:0; border:none;
      display:flex; align-items:center; justify-content:center;
      gap:clamp(16px,2.1vw,35px); overflow:visible;
    }
    .site-menu a {
      color:var(--muted); min-height:unset; padding:7px 0; border:0 !important;
      text-decoration:none; white-space:nowrap;
      font-size:14px; letter-spacing:.012em; font-weight:500;
      transition:color .17s ease;
    }
    .site-menu a.current { color:var(--cream); font-weight:700; }
    .site-menu a.subscribe-nav { color:var(--cream); }
    .site-menu a.subscribe-nav span { display:inline-block; margin-left:3px; color:var(--coral); font-size:15px; }
    .site-menu a:hover { color:var(--coral); }
    .coming-soon { margin-top:34px; max-width:590px; }
    .coming-label {
      display:flex; align-items:center; gap:8px; text-transform:uppercase;
      font-size:10px; letter-spacing:.22em; color:var(--lime); font-weight:700;
    }
    .coming-spark { color:var(--coral); font-size:14px; letter-spacing:0; }
    .coming-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:22px; margin-top:15px; }
    .coming-feature { display:flex; align-items:flex-start; gap:9px; min-width:0; }
    .coming-feature span:last-child {display:block; min-width:0;}
    .feature-id { color:var(--coral); font-size:10px; font-variant-numeric:tabular-nums; padding-top:3px; letter-spacing:.04em; }
    .coming-feature strong { display:block; font-size:12px; color:var(--cream); font-weight:650; line-height:1.3; }
    .coming-feature small { display:block; font-size:11px; color:var(--muted); margin-top:6px; line-height:1.45; }
    .footbar { border-top:0; }
    .middle { padding-top:clamp(20px,3.5vh,54px); padding-bottom:32px; }
    @media(min-width:951px) and (max-height:850px) {
      h1 { font-size:clamp(75px,9.4vw,142px); margin-top:34px; margin-bottom:25px; }
      .dek { font-size:clamp(22px,2.2vw,33px); }
      .support { margin:17px 0 25px; }
      .coming-soon { margin-top:24px; }
    }
    @media(max-width:1050px) {
      .topbar { grid-template-columns:minmax(65px,1fr) auto minmax(84px,1fr); gap:15px; }
      .site-menu { gap:clamp(12px,1.5vw,19px); }
      .site-menu a { font-size:13px; }
    }
    @media(max-width:760px) {
      .topbar { grid-template-columns:1fr auto; row-gap:13px; padding-top:14px; padding-bottom:8px; }
      .topbar .sig {grid-column:1;grid-row:1;}
      .topbar .header-end {grid-column:2;grid-row:1;}
      .site-menu {
        grid-column:1/-1; grid-row:2; justify-content:space-between;
        gap:clamp(7px,2vw,18px); overflow-x:auto; width:100%;
        padding:0 0 4px; scrollbar-width:none;
      }
      .site-menu::-webkit-scrollbar { display:none; }
      .site-menu a { font-size:clamp(11px,2.8vw,13px); white-space:nowrap; }
      .middle { padding-top:36px; }
    }
    @media(max-width:580px) {
      .topbar { padding-top:10px; padding-bottom:6px; }
      .site-menu { min-height:unset; padding:0; }
      .site-menu a { min-height:unset; padding:8px 0; }
      .coming-soon { margin-top:28px; }
      .coming-features { grid-template-columns:1fr; gap:14px; }
      .coming-feature small { margin-top:2px; }
      .middle { padding-top:34px; }
      .footbar { margin-top:12px; }
    }
    @media(prefers-reduced-motion:reduce) { .site-menu a { transition:none; } }

    /* v7: closer header, smaller mark, editorial social icons, substantial future section */
    .topbar {
      display:flex;
      justify-content:flex-start;
      gap:0;
      align-items:center;
      min-height:79px;
      padding-top:14px;
      padding-bottom:13px;
    }
    .sig-mark { width:46px; height:46px; }
    .topbar .sig { flex:0 0 auto; margin-right:clamp(20px,3.0vw,48px); }
    .site-menu {
      display:flex; width:auto;
      gap:clamp(15px,2.0vw,32px);
      margin:0 auto 0 0;
      justify-content:flex-start;
    }
    .site-menu a { font-size:14px; }
    .topbar .header-end { margin-left:clamp(22px,3vw,52px); flex:0 0 auto; }
    .social { gap:20px; }
    .social-link {
      width:auto; height:auto; padding:4px; display:inline-flex; align-items:center;
      justify-content:center; border:none; border-radius:0; background:none;
      color:var(--muted); opacity:.95;
      transition:color .17s ease,transform .17s ease;
    }
    .social-link:hover { color:var(--cream); transform:translateY(-2px); border-color:transparent; }
    .social-link svg, .social-link.substack svg { width:21px; height:21px; }
    .social-link.substack path, .social-link.github path { fill:currentColor; }
    .middle { flex:none; min-height: min(680px, 75vh); padding-bottom:34px; }
    .coming-soon {
      position:relative;
      z-index:2;
      width:100%; max-width:1600px; margin:0 auto;
      padding:37px clamp(26px,6vw,104px) 53px;
    }
    .coming-heading {
      display:flex; justify-content:space-between; align-items:end;
      gap:40px; margin-bottom:27px;
    }
    .coming-label { font-size:11px; letter-spacing:.22em; color:var(--lime); }
    .coming-spark { color:var(--coral); }
    .coming-heading h2 {
      margin:10px 0 0; font-family:var(--serif); font-size:clamp(34px,4vw,57px);
      font-weight:400; letter-spacing:-.045em; line-height:1.1; color:var(--cream);
    }
    .future-period { color:var(--coral); }
    .coming-heading > p {
      color:var(--muted); max-width:425px; font-size:14px;
      line-height:1.75; margin:0 0 4px;
    }
    .coming-features {
      margin-top:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px;
    }
    .coming-feature {
      display:flex; flex-direction:column; gap:0; align-items:flex-start;
      padding:26px 27px 20px; min-height:207px;
      border-top:1px solid rgba(199,213,160,.34);
      background:linear-gradient(145deg,rgba(221,238,206,.048),rgba(221,238,206,.012));
    }
    .feature-id { color:var(--lime); font-size:10px; letter-spacing:.19em; font-weight:600; padding:0; }
    .coming-feature h3 {
      color:var(--cream); font-family:var(--serif); font-size:clamp(23px,2.6vw,35px);
      line-height:1.18; letter-spacing:-.035em; font-weight:400; margin:18px 0 10px;
    }
    .coming-feature p { color:var(--muted); font-size:13px; line-height:1.7; margin:0; max-width:31ch; }
    .feature-tail { margin-top:auto; padding-top:14px; align-self:flex-end; color:var(--coral); font-size:20px; }
    .footbar { padding-top:16px; padding-bottom:28px; }
    @media (max-width:1000px) {
      .topbar .sig { margin-right:22px; }
      .site-menu { gap:clamp(12px,1.6vw,22px); }
      .topbar .header-end { margin-left:18px; }
      .social { gap:12px; }
      .coming-features { gap:11px; }
      .coming-feature { padding:22px 19px 18px; }
    }
    @media (max-width:760px) {
      .topbar { display:grid; grid-template-columns:1fr auto; row-gap:9px; padding-top:13px; }
      .topbar .sig { grid-column:1; grid-row:1; margin-right:0; }
      .topbar .header-end { grid-column:2; grid-row:1; margin:0; }
      .site-menu { grid-column:1/-1; grid-row:2; margin:0; width:100%; justify-content:space-between; gap:9px; overflow-x:auto; }
      .site-menu a { padding:7px 0; font-size:clamp(11px,2.7vw,13px); }
      .middle { min-height:0; padding-bottom:24px; }
      .coming-soon { padding-top:24px; padding-bottom:35px; }
      .coming-heading { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:20px; }
      .coming-heading>p { max-width:540px; }
      .coming-features { grid-template-columns:1fr; gap:12px; }
      .coming-feature { min-height:0; padding:23px; }
      .coming-feature h3 { font-size:29px; margin-top:13px; }
      .feature-tail { display:none; }
    }
    @media (max-width:580px) {
      .sig-mark { width:43px; height:43px; }
      .social-link svg,.social-link.substack svg { width:20px; height:20px; }
      .coming-soon { margin-top:0; }
      .coming-feature { padding:22px; }
    }

    /* v8 editorial navigation: lighter serif styling connects header with hero and preview. */
    .topbar {
      padding-top:22px;
      padding-bottom:18px;
    }
    .topbar .sig { margin-right:clamp(27px,3.35vw,53px); }
    .site-menu { gap:clamp(19px,2.4vw,36px); }
    .site-menu a {
      font-family:var(--serif);
      font-size:clamp(16px,1.25vw,18px);
      font-weight:400;
      letter-spacing:-.018em;
      line-height:1.45;
      color:rgba(242,238,226,.70);
      padding:7px 0;
      transition:color .17s ease;
    }
    .site-menu a.current { color:var(--cream); font-weight:400; }
    .site-menu a.subscribe-nav { color:var(--cream); }
    .site-menu a.subscribe-nav span { color:var(--coral); margin-left:4px; font-size:14px; vertical-align:2px; }
    .site-menu a:hover, .site-menu a:focus-visible { color:var(--lime); }
    .social-link { color:rgba(242,238,226,.70); opacity:1; }
    .social-link:hover { color:var(--cream); }
    .footbar {
      display:flex;
      justify-content:center;
      align-items:center;
      text-align:center;
      border-top:0;
      padding-top:33px;
      padding-bottom:28px;
      color:rgba(242,238,226,.55);
      letter-spacing:.13em;
      text-transform:uppercase;
      font-size:10px;
    }
    @media (max-width:1020px) {
      .topbar .sig { margin-right:24px; }
      .site-menu { gap:clamp(15px,2vw,24px); }
      .site-menu a { font-size:16px; }
    }
    @media (max-width:760px) {
      .topbar { padding-top:14px; padding-bottom:14px; }
      .site-menu { gap:10px; }
      .site-menu a { font-size:clamp(12px,3.45vw,15px); padding:9px 0; }
      .footbar { padding-top:29px; padding-bottom:30px; }
    }
    @media (max-width:370px) {
      .site-menu { gap:9px; }
      .site-menu a { font-size:12px; }
    }

    /* v9: crisp editorial header, slightly smaller identity, knowledge-library positioning. */
    .topbar {
      padding-top:19px;
      padding-bottom:16px;
      min-height:74px;
    }
    .sig-mark { width:39px; height:39px; }
    .topbar .sig { margin-right:clamp(14px,1.5vw,22px); }
    .site-menu { gap:clamp(20px,2.25vw,33px); }
    .site-menu a {
      font-family:var(--sans);
      font-size:clamp(13px,1.05vw,15px);
      font-weight:600;
      letter-spacing:.015em;
      line-height:1.35;
      color:rgba(242,238,226,.74);
    }
    .site-menu a.current { font-weight:700; color:var(--cream); }
    .site-menu a.subscribe-nav { font-weight:700; color:var(--cream); }
    .site-menu a:hover { color:var(--lime); }
    h1 {
      font-size:clamp(74px,8.7vw,144px);
      margin-bottom:31px;
      letter-spacing:-.079em;
    }
    h1 .domain {
      color:var(--coral);
      font-size:.32em;
      font-weight:400;
      letter-spacing:-.035em;
      margin-left:.12em;
      vertical-align:baseline;
    }
    .dek {
      font-size:clamp(25px,2.35vw,34px);
      letter-spacing:-.02em;
      max-width:650px;
    }
    @media(max-width:1050px) {
      h1 { font-size:clamp(78px,10vw,122px); }
      .site-menu { gap:clamp(14px,1.7vw,22px); }
      .topbar .sig { margin-right:16px; }
    }
    @media(max-width:760px) {
      .topbar { padding-top:14px; padding-bottom:12px; }
      .sig-mark { width:38px; height:38px; }
      .site-menu { gap:9px; }
      .site-menu a { font-size:clamp(11px,2.8vw,13px); font-weight:600; letter-spacing:0; }
      h1 { font-size:clamp(75px,14vw,110px); }
    }
    @media(max-width:580px) {
      h1 { font-size:clamp(72px,14.5vw,100px); }
      h1 .domain { font-size:.29em; }
      .dek { font-size:clamp(22px,6.4vw,28px); }
    }

    /* v10: preserve v9 artwork and layout; let the updated title wrap naturally. */
    .dek { max-width:650px; text-wrap:balance; }
    .footbar { text-transform:none; letter-spacing:.045em; font-size:12px; }

    /* v11: quieter humanist/editorial navigation with more elegant proportions. */
    .site-menu { gap:clamp(21px,2.5vw,38px); }
    .site-menu a {
      font-family:'Trebuchet MS','Candara','Avenir Next',Arial,sans-serif;
      font-size:clamp(15px,1.12vw,17px);
      font-weight:400;
      letter-spacing:.033em;
      line-height:1.45;
      color:rgba(243,238,226,.79);
      -webkit-font-smoothing:antialiased;
    }
    .site-menu a.current,.site-menu a.subscribe-nav { font-weight:500; color:var(--cream); }
    .site-menu a:hover,.site-menu a:focus-visible { color:var(--lime); }
    @media(max-width:1050px) { .site-menu { gap:clamp(14px,1.8vw,23px); } }
    @media(max-width:760px) {
      .site-menu { gap:9px; }
      .site-menu a { font-size:clamp(11px,2.85vw,14px); font-weight:400; letter-spacing:.008em; }
    }
  
    /* First Montréal night concept — responsive, real HTML with self-contained artwork. */
    :root { --coral:#f08d6d; --cream:#f4efe6; --muted:#c9c9bc; --lime:#ccdaa8; }
    html { background-color:#061b1b; }
    body:has(.personal-landing) {
      background-color:#071d1e;
      background-image:
        linear-gradient(90deg,rgba(1,17,18,.89) 0%,rgba(2,20,20,.76) 24%,rgba(5,20,21,.29) 55%,rgba(5,15,18,.16) 100%),
        linear-gradient(180deg,rgba(2,15,18,.48) 0%,rgba(3,16,18,0) 45%,rgba(3,18,17,.46) 77%,rgba(1,15,15,.90) 100%),
        url('https://erikhaines.org/contact-skyline.jpg');
      background-position:center center;
      background-size:cover;
      background-attachment:fixed;
    }
    .page { max-width:none; min-height:100svh; isolation:isolate; }
    .page::before,.page::after { display:none; }
    .topbar,.middle,.coming-soon,.footbar { width:min(100%,1648px); max-width:1648px; margin-left:auto; margin-right:auto; }
    .topbar { padding:24px clamp(28px,5.8vw,96px) 4px; grid-template-columns:58px minmax(0,1fr) auto; gap:24px; }
    .sig-mark { width:48px; height:54px; transform-origin:center 45%; }
    .sig-mark img { display:block; width:100%; height:100%; object-fit:contain; }
    
    .site-menu { justify-self:start; gap:clamp(24px,2.7vw,44px); }
    .site-menu a { font-family:Georgia,'Times New Roman',serif; font-size:clamp(16px,1.1vw,19px); letter-spacing:0; color:#deded0; font-weight:400; }
    .site-menu a.current,.site-menu a.subscribe-nav { color:#f4eee3; font-weight:500; }
    .site-menu a.current::after { content:'';position:absolute;left:0;right:0;bottom:0;height:1.5px;background:#f08d6d; }
    .site-menu a { position:relative; padding:8px 0 13px; }
    .site-menu a:hover { color:white; }
    .social-link { border:0;border-radius:0;width:35px;height:38px;color:#eee8db; }
    .social-link svg { width:21px;height:21px; }
    .social-link:hover { color:#f08d6d;transform:translateY(-2px); }
    .middle { flex:0 0 auto; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); align-items:center; padding:42px clamp(28px,5.8vw,96px) 18px; min-height:510px; }
    .eyebrow { font-size:11px; letter-spacing:.23em; }
    h1 { font-size:clamp(74px,7.2vw,118px); line-height:.87;letter-spacing:-.065em;margin:29px 0 22px; }
    h1 .domain { color:#f08d6d; }
    .dek { max-width:760px; font-size:clamp(25px,2.1vw,33px); line-height:1.18;letter-spacing:-.028em; }
    .support { color:#e2ded2;max-width:540px;line-height:1.55;font-size:15px;margin:15px 0 27px;text-shadow:0 1px 13px #011414; }
    .cta {min-width:295px;min-height:55px;padding:12px 20px 12px 24px;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.15);}
    .art { width:min(100%,525px);justify-self:end;margin:0 2% 0 0;transform:none;filter:drop-shadow(0 8px 21px rgba(0,0,0,.18)); }
    .art svg { width:100%; height:auto; }
    .art-note { right:-1%;bottom:-1%;color:#e0e1d7;letter-spacing:.19em;transform:none;font-size:11px; }
    .coming-soon { margin:6px auto 0; padding:0 clamp(28px,5.8vw,96px) 0; }
    .coming-heading { display:grid;grid-template-columns:1fr 420px;gap:35px;align-items:end; }
    .coming-label { display:none; }
    .coming-heading h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400;font-size:clamp(37px,3.5vw,52px); letter-spacing:-.04em;margin:0 0 12px; }
    .coming-heading h2::before { content:'';display:inline-block;width:40px;height:2px;background:#f08d6d;vertical-align:middle;margin-right:27px;transform:translateY(-4px); }
    .future-period { display:none; }
    .coming-heading p {color:#d5d4c9;max-width:440px;font-size:14px;line-height:1.5;padding-bottom:14px;margin:0;}
    .coming-features {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:12px;}
    .coming-feature {position:relative;background:rgba(10,31,29,.68);border:1px solid rgba(205,226,203,.25);border-radius:3px;min-height:158px;padding:20px 22px;backdrop-filter:blur(7px);display:block;}
    .feature-id {font-size:12px;letter-spacing:.05em;color:#d1d8a3;padding:0;margin-bottom:10px;}
    .coming-feature h3 {font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(21px,2vw,28px);margin:0 0 12px;}
    .coming-feature p {font-size:13px;line-height:1.55;color:#c5c9c0;max-width:320px;margin:0;}
    .feature-tail {display:none;}
    .footbar {justify-content:center;border:0;padding-top:16px;padding-bottom:20px;text-align:center;color:#bdc7bc;font-size:12px;}
    @media(max-width:1070px) {
      .middle {grid-template-columns:1fr minmax(0,.74fr);padding-top:35px;min-height:500px;}
      .art {max-width:410px;opacity:.78;}
      .coming-heading {grid-template-columns:1fr 340px;}
      h1 {font-size:clamp(75px,8vw,107px);}
    }
    @media(max-width:750px) {
      body:has(.personal-landing) {background-attachment:scroll;background-position:center center;}
      .topbar {display:flex;flex-wrap:wrap;align-items:center;gap:12px 15px;padding:15px 20px 8px;}
      .sig-mark {width:43px;height:50px;}
      .site-menu {order:3;flex-basis:100%;display:flex;gap:22px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:4px 0 9px;}
      .site-menu a {font-size:15px;padding:7px 0 9px;}
      .header-end {margin-left:auto;}
      .social-link {width:31px;}
      .middle {display:block;padding:35px 20px 15px;min-height:0;}
      .intro {position:relative;z-index:2;}
      h1 {font-size:clamp(76px,15vw,118px);margin:29px 0 23px;}
      .dek {font-size:clamp(24px,6.4vw,32px);}
      .support {font-size:14px;max-width:540px;}
      .cta {width:auto;min-width:min(100%,300px);}
      .art {position:relative;right:auto;top:auto;width:min(85vw,440px);margin:18px auto 5px;opacity:.9;pointer-events:auto;filter:none;}
      .art-note {right:0;bottom:2%;font-size:9px;}
      .coming-soon {padding:0 20px;}
      .coming-heading {display:block;}
      .coming-heading h2 {font-size:43px;}
      .coming-heading p {padding:0;margin:0 0 20px;}
      .coming-features {grid-template-columns:1fr;gap:12px;}
      .coming-feature {min-height:0;padding:20px 23px;}
      .footbar {align-items:center;justify-content:center;padding-top:24px;}
    }
    @media(prefers-reduced-motion:reduce) {.sig-mark{transition:none !important;transform:none !important;}}

  
    /* Preview cards use illustrated icons only; no generated Montréal photographs. */
    .coming-feature {
      min-height:183px;
      padding:20px 23px 20px;
      background:linear-gradient(120deg,rgba(2,25,24,.88),rgba(12,29,27,.71));
    }
    .feature-top {display:flex;align-items:center;gap:27px;margin-bottom:10px;min-height:36px}
    .feature-id {margin:0;padding:0;flex:none;letter-spacing:.09em}
    .feature-icon {display:block;line-height:0;color:#f08d6d;flex:none}
    .feature-icon svg {display:block;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
    .coming-feature h3 {margin:0 0 9px}
    .coming-feature p {line-height:1.55}
    @media(max-width:750px){
      .coming-feature{min-height:160px;padding:19px 22px}
      .feature-top{margin-bottom:9px}
    }

  
    /* v13 – restrained final polish: logo remains completely still. */
    .sig-mark { transition:none !important; transform:none !important; }
    .topbar.menu-active .sig-mark, .topbar .sig:hover .sig-mark,
    .topbar .sig:focus-visible .sig-mark { transform:none !important; }
    /* Center the publication name while anchoring the outbound arrow at right. */
    .cta { position:relative; justify-content:center !important; text-align:center; padding-left:46px !important; padding-right:46px !important; }
    .cta-icon { position:absolute; right:19px; top:50%; transform:translateY(-50%); }
    /* Compact heading without the now-unnecessary right-hand description. */
    .coming-heading { display:block; }
    .coming-heading h2 { margin-bottom:12px; }

    /* Mobile layout refinement: preserve the existing desktop and artwork. */
    @media (max-width:750px) {
      .topbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; padding:12px 20px 6px; }
      .topbar .sig { grid-column:1; grid-row:1; margin:0; }
      .topbar .header-end { grid-column:2; grid-row:1; justify-self:end; margin:0; }
      .social { gap:10px; }
      .social-link { width:44px; height:44px; }
      .site-menu { grid-column:1/-1; grid-row:2; order:initial; width:100%; min-width:0; min-height:44px; margin:0; padding:0; flex-wrap:wrap; justify-content:space-between; gap:0 12px; overflow:visible; }
      .site-menu a { display:flex; align-items:center; justify-content:center; flex:0 0 auto; min-width:44px; min-height:44px; padding:6px 0; font-size:clamp(14px,3.7vw,16px); line-height:1.35; }
      .middle { padding-top:18px; }
      h1 { font-size:clamp(68px,19vw,82px); line-height:.9; margin:18px 0; }
      h1 .domain { display:inline-block; font-size:.28em; line-height:1; letter-spacing:-.025em; margin-left:.22em; vertical-align:baseline; }
      body:has(.personal-landing) { background-position:50% 50%,50% 50%,62% 50%; }
    }
    @media (max-width:359px) {
      .site-menu { justify-content:center; column-gap:20px; }
      .site-menu a { flex-basis:calc((100% - 40px)/3); }
      .site-menu a:nth-last-child(-n+2) { flex-basis:auto; min-width:calc((100% - 40px)/3); }
    }

/* Compact personal pages; shared brand/navigation/motion above are reused verbatim. */
.personal-landing { font-family:var(--sans); color:var(--cream); }
body:has(.personal-landing) .page-header { display:none; }
body:has(.personal-landing) .page-body { max-width:none !important; width:100%; padding:0 !important; }
body:has(.personal-landing) .layout-inner, body:has(.personal-landing) .layout-inner-center, body:has(.personal-landing) .page-main, body:has(.personal-landing) .rendered-mdx { max-width:none !important; width:100%; padding-left:0 !important; padding-right:0 !important; margin-left:auto; margin-right:auto; }
.landing-main { position:relative; isolation:isolate; flex:1; width:min(100%,1648px); margin:0 auto; padding:38px clamp(28px,5.8vw,96px) 40px; display:grid; grid-template-columns:minmax(0,730px) minmax(230px,1fr); gap:clamp(30px,5vw,90px); align-items:center; }
.landing-copy { min-width:0; max-width:730px; }
.landing-copy h1 { font-size:clamp(48px,5.2vw,76px); line-height:1.02; letter-spacing:-.045em; margin:22px 0 24px; text-wrap:balance; }
.landing-copy h2 { font:normal 28px/1.25 var(--serif); color:var(--cream); letter-spacing:-.02em; margin:28px 0 18px; }
.landing-copy p { font-size:17px; line-height:1.7; color:#e2ded2; margin:0 0 18px; }
.landing-copy p.landing-lede { font-family:var(--serif); font-size:clamp(22px,2vw,28px); line-height:1.35; color:var(--cream); letter-spacing:-.02em; }
.landing-copy p.landing-meta { color:var(--lime); font-size:11px; letter-spacing:.13em; text-transform:uppercase; margin:-6px 0 24px; }
.landing-copy p a { text-decoration-color:var(--coral); text-underline-offset:4px; }
.landing-actions { display:flex; align-items:flex-start; flex-direction:column; gap:12px; margin-top:27px; }
.landing-actions .cta { min-width:0; max-width:100%; min-height:55px; font-size:13px; letter-spacing:.01em; }
.landing-actions .cta-icon { display:block; width:23px; height:23px; }
.landing-actions .cta-icon svg { display:block; width:100%; height:100%; }
.source-label { display:block; color:#c9c9bc; font:12px/1.6 var(--sans); }
.landing-secondary { display:flex; align-items:center; min-height:44px; font:14px/1.5 var(--sans); color:var(--cream); text-underline-offset:5px; }
.episode-note { border-top:1px solid var(--rule); margin-top:22px; padding-top:18px; display:grid; gap:8px; }
.episode-note>a { color:var(--cream); font:19px/1.4 var(--serif); text-underline-offset:4px; }
.episode-note>a span { color:var(--coral); }
.landing-art.art { position:relative; width:100%; max-width:390px; margin:0; justify-self:center; opacity:.78; pointer-events:none; }
.landing-page .footbar { padding-top:16px; padding-bottom:20px; }
@media(max-width:1000px) { .landing-main { grid-template-columns:minmax(0,1fr) 240px; gap:25px; } }
@media(max-width:750px) {
 .landing-main { display:block; padding:23px 20px 30px; overflow:hidden; }
 .landing-copy { position:relative; z-index:1; }
 .landing-copy h1 { font-size:clamp(43px,10vw,56px); margin:20px 0 22px; }
 .landing-copy p { font-size:16px; line-height:1.65; margin-bottom:17px; }
 .landing-copy p.landing-lede { font-size:23px; line-height:1.35; }
 .landing-copy .eyebrow { font-size:10px; letter-spacing:.14em; gap:11px; }
 .landing-copy .eyebrow::before { width:28px; flex-shrink:0; }
 .landing-art.art { position:absolute; top:145px; right:-155px; width:365px; margin:0; opacity:.13; z-index:0; }
 .landing-actions { margin-top:23px; }
 .landing-actions .cta { width:100%; font-size:12px; padding-left:38px !important; padding-right:44px !important; }
 .landing-copy p.landing-meta { line-height:1.8; margin-top:-5px; margin-bottom:20px; }
 .landing-page .footbar { padding-top:10px; }
}