/* Compact panoramic hero, with supplied branding in the header. */
.boat-home header{justify-content:space-between;gap:28px;padding-block:20px;min-height:82px}
.boat-logo-link{display:block;flex:0 1 360px;min-width:200px}
.boat-logo{width:100%;height:auto}
.boat-home nav{max-width:none;justify-content:flex-end}
.boat-stage{position:relative;isolation:isolate;min-height:400px;height:clamp(400px,40vw,560px);display:flex;align-items:center;background:#030303;overflow:hidden}
.boat-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 35%;z-index:-2}
.boat-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.4) 35%,transparent 65%),linear-gradient(0deg,#080808 0%,transparent 32%)}
.boat-title{padding-block:35px}
.boat-identity{margin-bottom:30px}
.boat-name{font-size:clamp(62px,7.6vw,110px);font-weight:700;line-height:1.2;letter-spacing:.045em;text-shadow:0 2px 20px #0009}
.boat-signature{font:12px/1.7 var(--sans);letter-spacing:.18em;margin-top:15px;color:#eeebe4}
.boat-title h1{font-size:clamp(30px,3.6vw,51px);line-height:1.55;letter-spacing:-.035em;font-weight:500;text-shadow:0 2px 16px #0009}
.boat-caption{font-size:12px;margin-top:17px;letter-spacing:.04em;color:#d1cec8}
.boat-deck{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:18px 26px}
.boat-deck>p{font-size:14px;color:var(--muted)}
.boat-deck>div{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.boat-deck .quiet-link{font-size:12px}
.boat-home .commission{margin-top:36px}
@media(max-width:1000px){.boat-home header{gap:20px}.boat-logo-link{flex-basis:280px;min-width:180px}.boat-home nav{gap:10px 15px;font-size:11px}.boat-stage{min-height:390px;height:43vw}.boat-name{font-size:8vw}.boat-title h1{font-size:4vw}.boat-deck>p{font-size:13px}.boat-deck .button{font-size:12px}}
@media(max-width:700px){.boat-home header{display:block;min-height:0;padding-block:17px}.boat-logo-link{width:min(86%,360px);min-width:0}.boat-home nav{justify-content:flex-start;margin-top:17px;gap:10px 16px}.boat-stage{height:auto;min-height:0;display:block;overflow:visible}.boat-photo{position:relative;z-index:0;aspect-ratio:2;height:auto;object-fit:cover;object-position:60% 35%}.boat-stage:after{display:none}.boat-title{position:relative;padding-top:16px;padding-bottom:20px}.boat-title:before{content:'';position:absolute;height:28px;top:-28px;left:-6.2%;right:-6.2%;background:linear-gradient(transparent,#080808);pointer-events:none}.boat-identity{margin-bottom:20px}.boat-name{font-size:clamp(46px,12vw,76px);letter-spacing:.055em}.boat-signature{font-size:10px;letter-spacing:.1em;margin-top:10px}.boat-title h1{font-size:clamp(27px,7vw,40px);line-height:1.5;text-shadow:none}.boat-caption{font-size:11px;margin-top:12px}.boat-deck{display:block;padding-top:0;padding-bottom:20px}.boat-deck>p{font-size:13px}.boat-deck>div{align-items:flex-start;margin-top:20px}.boat-deck .button{font-size:13px;min-width:270px}.boat-home .commission{margin-top:30px}.preview{flex-wrap:wrap}}

/* Direct routes to both Crossborder Report channels. */
.hero-channels{display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:22px}
.hero-channels>p{font-size:17px;line-height:1.6}
.hero-channels>p>span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.hero-channels .channel-links{flex-direction:row;max-width:none;gap:34px}
.hero-channels .channel-logo{gap:20px;min-width:230px}
@media(max-width:1000px){.hero-channels{gap:20px}.hero-channels .channel-links{gap:22px}.hero-channels .channel-logo{min-width:0;flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:700px){.hero-channels{display:block;padding-block:20px}.hero-channels>p{font-size:16px}.hero-channels .channel-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:19px}.hero-channels .channel-logo{justify-content:flex-start}.hero-channels .youtube-wordmark{min-height:43px}.hero-channels .letter-official-logo{max-width:100%}.hero-channels .channel-caption{font-size:11px}}

/* One clear closing section; color reserved for identity and section markers. */
.boat-name .name-accent{color:var(--orange)}
.boat-home .profile-photos{grid-template-columns:1fr 1fr;max-width:900px}
.boat-home .media-writing{margin-bottom:0}
.connect{padding-block:55px 65px;border-top:1px solid #74736d}
.connect>h2{font-size:clamp(42px,5.8vw,82px);line-height:1.4;letter-spacing:-.05em}
.connect-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;margin-top:36px}
.connect-grid h3{font-size:25px;margin-bottom:12px}
.connect-grid p{color:var(--muted);font-size:14px;line-height:1.9}
.connect-work .button{margin-top:25px}
.connect-support{border-left:1px solid var(--line);padding-left:42px}
.connect-support p{margin-bottom:18px;font-size:13px}
.connect-support>a{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.connect-support>a:hover span:first-child{text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.boat-home .profile-photos{gap:12px}.boat-home .profile-photos img{aspect-ratio:1.3}.connect{padding-block:35px 45px}.connect>h2{font-size:42px}.connect-grid{grid-template-columns:1fr;gap:30px;margin-top:25px}.connect-grid h3{font-size:23px}.connect-grid p{font-size:13px}.connect-work .button{width:100%;margin-top:20px}.connect-support{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.connect-support>a{font-size:13px}}
/* Remove repeated introductions; put the evidence directly under one heading. */
.boat-home .commission-heading{display:block}
.boat-home .commission h2{font-size:clamp(34px,5vw,70px);line-height:1.45}
.boat-home .talk-feature{margin-top:32px;padding-top:28px}
.boat-home .talk-feature h3{font-size:clamp(27px,3.2vw,43px);line-height:1.55}
.boat-home .talk-feature .featured-venue{margin-top:15px;font-size:13px}
.boat-home .talk-list>a{grid-template-columns:1fr;padding-block:22px}
.boat-home .talk-venue{grid-column:1}
.boat-home .media-writing h3{margin-top:0}
.boat-home .hero-channels{margin-top:8px}
.boat-home .profile-intro{grid-template-columns:1fr 20%;gap:50px}
.boat-home .profile-portrait{width:100%;max-width:220px;justify-self:end}
.boat-home .profile-photos{max-width:660px;gap:14px;margin-top:26px}
@media(max-width:700px){.boat-home .commission h2{font-size:clamp(29px,7.5vw,43px)}.boat-home .talk-feature h3{font-size:28px}.boat-home .profile-intro{grid-template-columns:1fr 22%;gap:0 18px}.boat-home .profile-portrait{grid-row:1/3;max-width:105px}.boat-home .profile-photos{max-width:84%;gap:10px}.boat-home .profile-copy h2{font-size:30px}}
/* Channels are self-explanatory; activity is an optional chronological log. */
.hero-channels .channel-logo{min-width:0;min-height:48px}
.hero-channels .channel-links{gap:44px;align-items:center}
.boat-home .reporting{padding-top:65px}
.activity-log{border-top:1px solid var(--line);padding-block:25px 35px}
.activity-log summary{display:flex;align-items:center;gap:25px;cursor:pointer;list-style:none;padding-block:12px}
.activity-log summary::-webkit-details-marker{display:none}
.activity-log summary:focus-visible{outline:2px solid var(--paper);outline-offset:5px}
.activity-log summary .eyebrow{margin:0;font-size:13px}
.log-title{font-size:25px}
.log-toggle{margin-left:auto;color:var(--muted);font-size:12px}
.log-toggle:after{content:' ＋';display:inline-block;margin-left:15px;color:var(--paper);font-size:20px}
.activity-log details[open] .log-toggle:after{content:' −'}
.log-entries{margin-top:20px}
.log-archive{display:inline-block;font-size:12px;color:var(--muted);margin-top:14px;border-bottom:1px solid var(--line);padding-bottom:4px}
@media(max-width:700px){.hero-channels .channel-links{display:flex;gap:30px}.hero-channels .channel-logo{justify-content:center}.activity-log summary{gap:12px;flex-wrap:wrap}.activity-log summary .eyebrow{width:100%;font-size:12px}.log-title{font-size:23px}.log-toggle{font-size:11px}.boat-home .reporting{padding-top:40px}}
/* Unified selected works and chronological logs. */
.works-board{padding-block:55px 65px;border-top:1px solid var(--line);margin-top:25px}
.works-board h2{font-size:clamp(32px,4.4vw,64px);letter-spacing:-.04em}
.works-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.work-column{min-width:0;border-top:1px solid #77766d;padding-top:18px}
.work-column>h3{display:flex;align-items:baseline;justify-content:space-between;font:500 30px/1.4 var(--sans);letter-spacing:-.035em;margin-bottom:20px}
.work-column>h3>span{font:12px/1.5 var(--serif);letter-spacing:0;color:var(--muted)}
.work-feature{display:flex;flex-direction:column;min-height:365px;padding-bottom:22px}
.work-image{position:relative;background:#191a18;aspect-ratio:16/9;overflow:hidden}
.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.work-feature:hover .work-image img{transform:scale(1.025)}
.work-play{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border:1px solid #ffffff99;border-radius:50%;display:grid;place-items:center;background:#0009;font:12px var(--sans);color:#fff}
.work-source{font:11px/1.7 var(--sans);color:var(--muted);margin-top:15px;margin-bottom:8px}
.work-feature h4{font-size:18px;line-height:1.75;font-weight:500;overflow-wrap:anywhere}
.work-feature:hover h4{text-decoration:underline;text-underline-offset:5px}
.work-action{font-size:12px;padding-top:17px;margin-top:auto}
.work-log{border-top:1px solid var(--line);padding-top:15px}
.work-log>p{font-size:11px;color:var(--muted);margin-bottom:9px}
.work-log ol{list-style:none;margin:0;padding:0}
.work-log li{border-bottom:1px solid #292a27}
.work-log a{display:block;padding:13px 0}
.work-log time{display:block;font:11px/1.5 var(--sans);color:#a8aba4;margin-bottom:6px}
.work-log a>span{display:block;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.work-log a:hover>span{text-decoration:underline;text-underline-offset:4px}
.works-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px}
.works-bottom p{color:var(--muted)}
@media(max-width:1100px){.works-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px}.work-feature{min-height:395px}.work-column>h3{font-size:29px}}
@media(max-width:600px){.works-board{padding-block:35px 45px;margin-top:10px}.works-board h2{font-size:32px}.works-columns{grid-template-columns:1fr;gap:35px}.work-column>h3{margin-bottom:17px}.work-feature{min-height:0;padding-bottom:24px}.work-feature h4{font-size:20px;line-height:1.7}.work-action{margin-top:0}.work-log a{padding-block:12px}.work-log a>span{font-size:14px}.works-bottom{display:block}.works-bottom a{display:inline-block;margin-top:13px}}
.works-columns.works-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px}
.works-two .work-feature{min-height:0;display:grid;grid-template-columns:44% 1fr;gap:8px 22px;align-content:start;margin-bottom:24px;padding-bottom:0}
.works-two .work-image{grid-column:1;grid-row:1/4;align-self:start}
.works-two .work-source{margin:0}
.works-two .work-feature h4{font-size:20px;line-height:1.6}
.works-two .work-action{padding-top:6px;margin:0}
.work-main{padding-block:22px;border-top:1px solid var(--line)}
.work-main>h4{font-size:13px;color:var(--muted);margin-bottom:15px}
.work-main ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.work-main a{font-size:17px;line-height:1.6}
.work-main a>span{font-size:12px;color:var(--muted);margin-left:8px}
.work-main a:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1101px){.works-two .work-column{display:grid;grid-template-rows:auto minmax(175px,auto) 1fr}}
@media(max-width:1100px){.works-columns.works-two{gap:30px}.works-two .work-feature{grid-template-columns:1fr}.works-two .work-image{grid-column:auto;grid-row:auto}.works-two .work-feature h4{font-size:19px}.work-main a{font-size:15px}}
@media(max-width:700px){.works-columns.works-two{grid-template-columns:1fr;gap:38px}.work-main a{font-size:17px}.works-two .work-feature h4{font-size:21px}}
/* Plain inline credits: no links, markers, or forced line breaks. */
.activity-names{font-size:16px;line-height:2;color:var(--paper);overflow-wrap:anywhere}
.works-two .work-image{grid-row:1/3}
.works-two .work-feature{grid-template-rows:auto 1fr}
@media(max-width:1100px){.works-two .work-image{grid-row:auto}.activity-names{font-size:15px}}
.work-main .activities-more{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.work-main .activities-more:hover{color:var(--paper)}
/* Shared logo boxes align both marks at every breakpoint. */
.boat-home .hero-channels .channel-links{display:flex;flex-direction:row;align-items:center}
.boat-home .hero-channels .channel-logo{display:flex;flex-direction:row;align-items:center;justify-content:center;height:48px;min-height:48px;padding:0}
.boat-home .hero-channels .youtube-wordmark{height:48px;min-height:48px;display:flex;align-items:center;line-height:1}
.boat-home .hero-channels .letter-official-logo{width:135px;height:48px;max-height:none;object-fit:contain;padding:8px;margin:0}
/* Portrait starts the biography on the left, with text flowing beside it. */
.boat-home .profile-intro.profile-left{display:flow-root;margin-top:28px}
.boat-home .profile-left .profile-portrait{float:left;width:20%;max-width:200px;aspect-ratio:.85;margin:0 32px 18px 0}
.boat-home .profile-left .profile-copy{display:block}
.boat-home .profile-left .profile-copy>p:first-child{margin-top:0}
@media(max-width:700px){.boat-home .profile-intro.profile-left{margin-top:22px}.boat-home .profile-left .profile-portrait{width:27%;max-width:115px;margin:0 20px 12px 0}.boat-home .profile-left .profile-copy>p{line-height:2}}
/* Navigation uses one baseline; contact is a white outlined action. */
.boat-home header nav{align-items:center;line-height:1.6}
.boat-home header nav>a{display:inline-flex;align-items:center;min-height:42px;padding-block:10px;line-height:1.6}
.boat-home header nav>a.nav-contact{border:1px solid #fff;padding:10px 15px;color:var(--paper)}
.boat-home header nav>a.nav-contact:hover{background:var(--paper);color:#080808}
.story-arrow{display:inline-block;margin-left:7px;color:var(--paper);font-family:var(--sans);font-size:1.15em}
.boat-home .boat-logo-link { flex-basis: 425px; }
.boat-home .story:first-child { min-height: clamp(330px, 32vw, 445px); }
.boat-home .story:first-child h3 { font-size: clamp(29px, 3.9vw, 55px); }
.boat-home .book-grid article { align-items: start; }
.boat-home .book-grid .content-label { display: block; }
.boat-home .profile-photos { grid-template-columns: repeat(3,minmax(0,1fr)); max-width: 880px; }
.work-inquiry { display: flex; justify-content: space-between; align-items: center; gap: 22px; border-top: 1px solid var(--line); padding-top: 25px; }
.boat-home .support-only { border: 0; padding: 22px 0 0; max-width: 680px; }
.boat-home #support.connect h2 { font-size: clamp(32px,4.4vw,64px); }
.profile-socials { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.profile-socials a { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid #64645e; padding: 10px 15px; font: 600 14px/1.6 var(--sans); }
.profile-socials a:hover { background: var(--paper); color: var(--bg); }
@media (max-width:700px) {
 .boat-home .boat-logo-link { width: min(96%,425px); margin-inline: auto; }
 .boat-home .story:first-child { min-height: 345px; }
 .boat-home .story:first-child h3 { font-size: 29px; }
 .boat-home .profile-photos { max-width: 100%; }
 .work-inquiry { align-items: flex-start; flex-direction: column; }
}
.boat-home .work-column > h3 { font-family: var(--serif); letter-spacing: 0; }
.boat-home .work-log h4 { font-size: 16px; margin-bottom: 10px; }
.boat-home .work-log > .activities-more { display: inline-block; padding-block: 14px; font-size: 13px; }
.boat-home .works-two .work-log li a { display: grid; grid-template-columns: 75px 1fr; gap: 12px; align-items: baseline; }
.boat-home .awards li:last-child { border-bottom: 0; padding-bottom: 0; }
.boat-home .books { padding-bottom: 28px; }
.boat-home .profile { border-top: 0; padding-top: 28px; }
.boat-home .profile-socials a { width: 44px; height: 44px; padding: 8px; align-items: center; justify-content: center; border: 0; border-radius: 50%; }
.boat-home .profile-socials img { width: 26px; height: 26px; }
.boat-home .profile-socials a:hover { background: #343434; }
.boat-home header nav { font-size: 14px; }
.boat-home .story h3, .boat-home .story:first-child h3 { font-size: clamp(26px, 3vw, 42px); }
@media (max-width:700px) {
 .boat-home header nav { font-size: 13px; }
 .boat-home .story h3, .boat-home .story:first-child h3 { font-size: 29px; }
}
.works-two .activity-credits { margin: 0; padding: 16px 0; border-block: 1px solid var(--line); line-height: 1.9; }
.works-two .work-log { border-top: 0; }
@media(min-width:1101px) { .works-two .work-column { grid-template-rows: auto minmax(175px,auto) auto 1fr; align-content:start; } }
.boat-home header nav>a.nav-contact, .boat-home .work-inquiry .button, .boat-home .support-contact { background: #fff; color: #080808; border-color: #fff; }
.boat-home .work-inquiry { margin-top: 24px; justify-content: flex-end; }
.activity-credits .activities-more { font-size:13px; white-space:nowrap; text-decoration:underline; text-underline-offset:4px; }
.works-two .feature-meta time, .works-two .work-log time { display:block; font:11px/1.5 var(--sans); color:#a8aba4; }
.works-two .feature-meta time { margin-bottom:5px; }
.works-two .compact-headline a>span { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media(max-width:1050px) { .works-two .work-log .compact-headline a { display:block; } }
/* Secondary activity lists follow the book descriptions' typography. */
.boat-home .works-two .work-log {
  font: 400 13px/1.9 var(--serif);
  color: var(--muted);
}
.boat-home .work-log h4,
.boat-home .work-log a > span {
  font: inherit;
}
.boat-home .work-log h4 { margin-bottom: 6px; }
.boat-home .works-two .work-log li a { padding-block: 7px; }
.boat-home .work-log li { border-bottom: 0; }
@media (max-width: 700px) {
  .boat-home .works-two .work-log { font-size: 12px; }
}
.profile-socials { align-items: center; }
.profile-socials .social-intro { color: var(--muted); font-size: 13px; margin-right: 6px; }
@media (max-width: 700px) {
  .boat-home .book-grid article:nth-child(2) { order: -1; }
}

/* Give the five editorial sections one heading and spacing treatment. */
.boat-home main > section.wrap {
  border-top: 0;
  margin-top: 0;
  padding-top: clamp(30px, 3.2vw, 46px);
}
.boat-home main > section.wrap .eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: clamp(15px, 1.5vw, 21px);
}
.boat-home main > section.wrap .eyebrow::after {
  content: "";
  width: 36px;
  height: 1px;
  background: var(--line);
}
.boat-home .hero-channels { border-bottom: 0; }
.boat-home .works-board { padding-bottom: clamp(22px, 3.5vw, 48px); }
.boat-home .work-inquiry { row-gap: 16px; }

/* Match the contact link in the masthead at each navigation width. */
.boat-home .support-contact {
  min-height: 42px;
  padding: 10px 15px;
  font-size: 14px;
}
@media (max-width: 1000px) {
  .boat-home .support-contact { font-size: 13px; }
}
@media (max-width: 700px) {
  .boat-home .support-contact {
    font-size: clamp(11px, 3.3vw, 13px);
    padding: 7px clamp(3px, 1.3vw, 9px);
  }
}
@media (max-width: 355px) {
  .boat-home .support-contact { padding-inline: 2px; }
}

#support > .support-contact { display: flex; width: fit-content; margin: 24px auto 0 0; }


/* Preserve cover dimensions when making the image a link. */
.boat-home .book-grid a.book-cover { display: block; margin: 0; }
.book-cover img { display: block; width: 100%; }
.book-cover:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.book-publication { display: block; font-size: 13px; font-weight: 400; line-height: 1.8; }
@media (min-width: 1101px) {
  .boat-home .works-two .work-feature { grid-template-columns: 49.3% 1fr; }
}
.boat-home .works-two .work-image img { object-fit: contain; }
@media (max-width: 700px) {
  .boat-home .works-two .work-image { width: 112%; margin-inline: -6%; }
}

/* Fill the lecture thumbnail frame while preserving its proportions. */
.boat-home .works-two .work-image img[src="assets/lecture.jpg"] { object-fit: cover; object-position: center 40%; }