/* Shared dark teal surface makes adjoining photo fades meet without a seam. */
.destination-journey{background:#102931}
.destination-journey .destination-header{background:#102931!important;margin:0;border:0;border-radius:0;box-shadow:none;min-height:400px}
.destination-journey .destination-header__photo{mask-image:linear-gradient(to bottom,transparent,#000 42px,#000 calc(100% - 42px),transparent)}
.destination-journey .destination-header::before{background:linear-gradient(90deg,#102931ed 0%,#102931cc 28%,#10293166 65%,#10293122 100%)}
.destination-journey .destination-header::after{background:radial-gradient(ellipse at 6% 50%,#16657745,transparent 65%)}
.destination-header--home-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,4vw,70px);padding-block:48px}
.destination-header--home-film .destination-header__content{max-width:none;margin-left:0}
.destination-header--home-film h2{font-size:clamp(30px,4.8vw,72px)}
.destination-header--home-film .brc-showcase{position:relative;min-width:0;width:100%;align-self:center;z-index:1}
.destination-header--home-film .brc-start{background:#fff;color:#102931;border-radius:50%}
.destination-journey .destination-header--field .destination-header__content{max-width:650px}
.destination-library-example{background:#102931!important;padding-top:24px!important}
.destination-library-example .thread{border-top:0;padding-top:0}
.field-next{display:flex;flex-wrap:wrap;gap:18px;margin-block:0 64px}
@media(max-width:800px){.destination-header--home-film{grid-template-columns:1fr;padding-block:48px;gap:28px}.destination-header--home-film h2{font-size:clamp(24px,8vw,52px)}.destination-journey .destination-header{min-height:360px}.destination-header--home-film .brc-showcase{max-width:620px}.site-header nav{flex-wrap:wrap}}

.field-origin{--serif:"Iowan Old Style",Palatino,Georgia,serif}.field-next{max-width:760px;padding-inline:28px;margin-inline:auto}

.destination-journey .destination-header h2{color:#f7f1e6}

/* Match the scale and alignment across all three entrances. */
.destination-journey .destination-header{padding-inline:clamp(26px,6.5vw,108px)}
.destination-journey .destination-header h2{font-size:clamp(28px,4.8vw,68px);white-space:nowrap}
.destination-journey .destination-header__content{margin-left:0}
.destination-journey .destination-header__intro{max-width:39ch}
#library-example{padding-top:0!important}
#library-example .library__wrap{border-top:0;padding-top:20px}
#library-example .thread{border-top:0;padding-top:20px}
@media(max-width:800px){.destination-journey .destination-header h2{font-size:clamp(24px,8vw,52px)}}

/* Photos and the teaching example share one uninterrupted navy surface. */
.destination-journey,.destination-journey .destination-header,#library-example{background:#102931!important}
.destination-journey .destination-header__photo{mask-image:linear-gradient(to bottom,transparent,#000 42px,#000 calc(100% - 42px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 42px,#000 calc(100% - 42px),transparent)}
#library-example .library__wrap,#library-example .thread{background:transparent;border-top:0}

/* Compact Film Room: player right, all six choices visible below. */
.destination-journey .destination-header--home-film{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 36px;padding-block:38px;align-items:start;min-height:0}
.destination-header--home-film .destination-header__content{grid-column:1;grid-row:1 / 3;align-self:start;padding-top:6px}
.destination-header--home-film .brc-showcase{display:contents}
.destination-header--home-film .brc-stage{grid-column:2;grid-row:1;width:100%;max-width:520px;justify-self:end;border-radius:14px 14px 0 0;overflow:hidden}
.destination-header--home-film .brc-now{grid-column:2;grid-row:2;width:100%;max-width:520px;justify-self:end;background:#16272f;border-radius:0 0 14px 14px;padding:12px 16px;margin-top:-12px}
.destination-header--home-film .brc-now h3{font-size:18px;margin-top:5px}
.destination-header--home-film .brc-browse{display:none}
.destination-header--home-film .brc-choices{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:12px 0 0;overflow:visible;scroll-snap-type:none}
.destination-header--home-film .brc-choice{width:100%;padding-bottom:8px;scroll-snap-align:none}
.destination-header--home-film .brc-thumb{aspect-ratio:16/9}
.destination-header--home-film .brc-choice strong{font-size:12px;margin-top:6px}
.destination-header--home-film .brc-choice small{font-size:11px}
@media(max-width:800px){.destination-journey .destination-header--home-film{grid-template-columns:minmax(0,1fr);gap:14px;padding-block:30px}.destination-header--home-film .destination-header__content{grid-column:1;grid-row:1}.destination-header--home-film .brc-stage{grid-column:1;grid-row:2;justify-self:start;max-width:100%}.destination-header--home-film .brc-now{grid-column:1;grid-row:3;max-width:100%;margin-top:-14px}.destination-header--home-film .brc-choices{grid-row:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}

/* Broad, eased dissolves into the shared teal between destinations. */
.destination-journey .destination-header__photo{
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 4%,rgba(0,0,0,.35) 10%,rgba(0,0,0,.75) 18%,#000 28%,#000 70%,rgba(0,0,0,.75) 81%,rgba(0,0,0,.35) 90%,rgba(0,0,0,.08) 96%,transparent 100%);
 mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 4%,rgba(0,0,0,.35) 10%,rgba(0,0,0,.75) 18%,#000 28%,#000 70%,rgba(0,0,0,.75) 81%,rgba(0,0,0,.35) 90%,rgba(0,0,0,.08) 96%,transparent 100%);
}
.destination-journey .destination-header::before{background:linear-gradient(90deg,#102931ed 0%,#102931cc 28%,#10293166 65%,#10293122 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}
.destination-journey .destination-header::after{background:radial-gradient(ellipse at 6% 50%,#16657730,transparent 65%)}

/* Opaque selector bar keeps every clip readable against the room photograph. */
.destination-header--home-film .brc-choices{background:#18343e;border:1px solid #31535e;border-radius:12px;padding:16px 16px 8px;box-shadow:0 12px 28px #071c2633}
.destination-header--home-film .brc-choice{color:#f7f1e6;opacity:1}
.destination-header--home-film .brc-thumb{opacity:1}
.destination-header--home-film .brc-choice strong{color:#fff;font-size:13px}
.destination-header--home-film .brc-choice small{color:#bfe0e7;font-size:12px}
.destination-header--home-film .brc-choice:hover strong,.destination-header--home-film .brc-choice[aria-pressed="true"] strong{color:#ffb65e}

/* Jay requested generous breathing room and a much stronger dissolve. */
.destination-journey .brc-choice:hover strong,.destination-journey .brc-choice[aria-pressed="true"] strong{color:var(--orange)}
.destination-journey > .destination-header + .destination-header{margin-top:70px}
.destination-journey .destination-header__photo{
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 5%,rgba(0,0,0,.12) 14%,rgba(0,0,0,.42) 25%,rgba(0,0,0,.85) 38%,#000 46%,#000 54%,rgba(0,0,0,.85) 62%,rgba(0,0,0,.42) 75%,rgba(0,0,0,.12) 86%,transparent 95%,transparent 100%);
 mask-image:linear-gradient(to bottom,transparent 0%,transparent 5%,rgba(0,0,0,.12) 14%,rgba(0,0,0,.42) 25%,rgba(0,0,0,.85) 38%,#000 46%,#000 54%,rgba(0,0,0,.85) 62%,rgba(0,0,0,.42) 75%,rgba(0,0,0,.12) 86%,transparent 95%,transparent 100%);
}
.destination-journey .destination-header::before,.destination-journey .destination-header::after{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 35%,#000 65%,transparent)}
#library-example{padding-top:70px!important}
@media(max-width:700px){.destination-journey > .destination-header + .destination-header{margin-top:48px}#library-example{padding-top:48px!important}}

/* Keep text over a dark left edge while revealing the photograph to the right. */
.destination-journey .destination-header::before{background:linear-gradient(90deg,#102931fa 0%,#102931ed 25%,#102931b8 45%,#10293159 68%,#1029310d 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}

/* The example continues the Library rather than starting a new destination. */
#library-example{padding-top:12px!important}
#library-example .library__wrap{padding-top:0}
#library-example .thread{padding-top:0;margin-top:0}

/* Keep lane numbers visible before the Field House photograph dissolves. */
.destination-journey .destination-header--field .destination-header__photo{
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 14%,#000 30%,#000 76%,rgba(0,0,0,.7) 86%,transparent 100%);
 mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 14%,#000 30%,#000 76%,rgba(0,0,0,.7) 86%,transparent 100%);
}

/* The community closes the homepage after the resource cards. */
.homepage .destination-journey--closing{margin-top:64px}.homepage .destination-journey--closing .destination-header{min-height:620px;padding-top:76px;align-items:flex-start}.homepage .destination-journey--closing .destination-header__intro{max-width:42ch}@media(max-width:700px){.homepage .destination-journey--closing{margin-top:40px}.homepage .destination-journey--closing .destination-header{min-height:650px;padding-top:48px}}

/* Keep the entire enrollment copy over dark teal, including its right edge. */
.destination-header.destination-header--field::before{background:linear-gradient(90deg,#102931fa 0%,#102931f5 25%,#102931eb min(78%,calc(6.5vw + 700px)),#10293166 100%);-webkit-mask-image:none;mask-image:none}
@media(max-width:700px){.destination-header.destination-header--field::before{background:linear-gradient(90deg,#102931f5 0%,#102931ed 78%,#102931cc 100%)}}

/* Keep the video and caption together regardless of the copy height. */
.destination-journey .destination-header--home-film{row-gap:24px}
.destination-header--home-film .destination-header__content{grid-row:1}
.destination-header--home-film .brc-player-card{grid-column:2;grid-row:1;align-self:start;justify-self:end;width:100%;max-width:520px;border-radius:14px;overflow:hidden;background:#16272f}
.destination-header--home-film .brc-player-card .brc-stage{max-width:none;border-radius:0}
.destination-header--home-film .brc-player-card .brc-now{max-width:none;margin:0;border-radius:0;padding:16px}
.destination-header--home-film .brc-choices{grid-row:2;padding:16px}
.destination-header--home-film .destination-header__action{padding:16px}
@media(max-width:800px){.destination-header--home-film .brc-player-card{grid-column:1;grid-row:2;max-width:100%}.destination-header--home-film .brc-choices{grid-row:3}}

/* Keep Field House body paragraphs in one consistent reading column. */
.destination-header.destination-header--field .destination-header__intro,
.destination-header.destination-header--field .field-enrollment-copy,
.homepage .destination-journey--closing .destination-header__intro{width:100%;max-width:42ch;text-wrap:pretty}

/* Approved lighter Field House photo with a stronger reading surface on the left. */
.destination-header.destination-header--field::before{background:linear-gradient(90deg,#102931fa 0%,#102931ed 28%,#102931d1 48%,#10293170 68%,#1029311a 100%);-webkit-mask-image:none;mask-image:none}
.destination-journey .destination-header--field .destination-header__photo,.destination-header--field .destination-header__photo{object-position:50% 75%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 82%,transparent 100%)}

/* Keep the homepage Library invitation close to the Film Room and its example. */
.homepage #videos.destination-header--home-film{padding-bottom:32px}
.homepage .destination-journey #library{margin-top:16px;min-height:0;padding-top:40px;padding-bottom:32px}
@media(max-width:700px){
  .homepage #videos.destination-header--home-film{padding-bottom:24px}
  .homepage .destination-journey #library{margin-top:12px;padding-top:28px;padding-bottom:24px}
}
@media(max-width:700px){.destination-header.destination-header--field::before{background:linear-gradient(90deg,#102931f5 0%,#102931e6 55%,#10293199 100%)}}

/* Seven homepage excerpts, with John, Jeff and Kelly leading the sequence. */
@media(min-width:1100px){.destination-header--home-film .brc-choices--seven{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(min-width:801px) and (max-width:1099px){.destination-header--home-film .brc-choices--seven{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Homepage links use each destination's own color, without an underline. */
.homepage #videos{--destination-link-gradient:linear-gradient(125deg,#a6e6eb,#5bc7d6);--destination-link-color:#a6e6eb}
.homepage #library{--destination-link-gradient:linear-gradient(125deg,#ffb65e,#ff8a2e);--destination-link-color:#ffb65e}
.homepage #videos .destination-header__action{background:var(--destination-link-gradient);color:#12333c}
.homepage #library .destination-header__action{background:var(--destination-link-gradient);color:#302111}
.homepage #videos .destination-header__action:hover{background:linear-gradient(125deg,#c5f2f5,#82dae4)}
.homepage #library .destination-header__action:hover{background:linear-gradient(125deg,#ffc67d,#ffa445)}
.homepage .destination-heading-link{color:inherit;text-decoration:none}
.homepage .destination-heading-link:hover,
.homepage .destination-heading-link:focus-visible{color:var(--destination-link-color);background-image:var(--destination-link-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}
.homepage .destination-heading-link:focus-visible{outline:2px solid var(--destination-link-color);outline-offset:8px;border-radius:3px}
.homepage .book-cover-invitation{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:12px 18px;border-radius:8px;white-space:nowrap;background:linear-gradient(125deg,#a6e6eb,#5bc7d6);color:#16272f;font-size:15px;font-weight:700;line-height:1.3;text-align:center;box-shadow:0 4px 14px #16272f26;transition:opacity 180ms ease}
.homepage .book-3d:hover .book-cover-invitation,.homepage .book-3d:focus-visible .book-cover-invitation{background:linear-gradient(125deg,#ffb65e,#ff8a2e)}
.homepage .book-3d:focus-visible{outline:3px solid #12667a;outline-offset:5px}
@media(hover:hover) and (pointer:fine) and (min-width:701px){
 .homepage .book-cover-invitation{opacity:0;pointer-events:none}
 .homepage .book-3d:hover .book-cover-invitation,.homepage .book-3d:focus-visible .book-cover-invitation{opacity:1;pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){.homepage .book-cover-invitation{transition:none}}