.destination-header{--paper:#f7f1e6;--teal:#9cdce4;--serif:"Iowan Old Style",Palatino,Georgia,serif;}
.destination-header{position:relative;isolation:isolate;overflow:hidden;background:#102931;color:var(--paper);min-height:clamp(360px,33vw,490px);display:flex;align-items:center;padding:clamp(38px,5vw,76px) clamp(24px,6.5vw,108px)}
.destination-header__photo{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:50% 57%}
.destination-header::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0c252cf5 0%,#103039e8 25%,#123b43a6 48%,#0c293345 74%,#10283128 100%)}
.destination-header::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 6% 105%,#12647770,transparent 62%),linear-gradient(0deg,#081e2c6b,transparent 45%)}
.destination-header__content{max-width:600px}.destination-header__brand{margin:0 0 20px;font-size:12px;letter-spacing:.2em;font-weight:600;text-transform:uppercase;color:var(--teal)}
.destination-header h1,.destination-header h2{font-family:var(--serif);font-size:clamp(48px,6.3vw,90px);font-weight:600;line-height:1.02;letter-spacing:-.025em;margin:0 0 22px;text-wrap:balance}
.destination-header__intro{font-size:clamp(17px,1.5vw,21px);line-height:1.6;max-width:39ch;margin:0 0 28px;color:#f7f1e6e6;text-wrap:pretty}
.destination-header__action{display:inline-flex;align-items:center;gap:24px;text-decoration:none;font-size:15px;font-weight:700;padding:15px 22px;border-radius:8px;background:linear-gradient(125deg,#ffb65e,#ff8a2e);color:#302111;box-shadow:0 8px 24px #0002;transition:background .25s,box-shadow .25s}.destination-header__action:hover{background:linear-gradient(125deg,#ffc67d,#ffa445);box-shadow:0 10px 28px #0004}
.destination-header--clinic .destination-header__photo{object-position:65% 62%}.destination-header--clinic::before{background:linear-gradient(90deg,#0c252cfa 0%,#12343de8 24%,#123b43a6 47%,#0c29334d 75%,#10283133 100%)}
.destination-header--clinic::after{background:radial-gradient(ellipse at 99% 3%,#eb8a3333,transparent 52%),radial-gradient(ellipse at 8% 105%,#12647770,transparent 62%),linear-gradient(0deg,#081e2c80,transparent 50%)}
.destination-header--clinic .destination-header__brand{display:flex;align-items:center;gap:14px;letter-spacing:.12em}.destination-header__logo{display:flex;align-items:center;justify-content:center;padding:7px 10px;background:#fff;border-radius:5px;box-shadow:0 6px 16px #0003}.destination-header__logo img{width:72px;height:44px;object-fit:contain}
.destination-header--clinic .destination-header__action{background:linear-gradient(125deg,#a6e6eb,#5bc7d6);color:#12333c}.destination-header--clinic .destination-header__action:hover{background:linear-gradient(125deg,#c5f2f5,#82dae4)}
.header-preview-gap{height:48px}.photo-credit{font-size:11px;color:#52676f;margin:12px clamp(24px,6.5vw,108px) 30px}.header-preview-footer{padding:24px;text-align:center;font-size:13px}
@media(min-width:1600px){.destination-header__content{margin-left:max(0px,calc((100vw - 1600px)/2))}}
@media(max-width:700px){.preview-nav{height:65px;padding-inline:20px}.preview-nav img{width:104px}.preview-nav nav{gap:16px;font-size:13px}.destination-header{min-height:470px;align-items:flex-end;padding:42px 26px}.destination-header__content{max-width:100%}.destination-header h1,.destination-header h2{font-size:52px;margin-bottom:18px}.destination-header__brand{margin-bottom:16px;font-size:11px}.destination-header__intro{font-size:17px;max-width:33ch;margin-bottom:24px}.destination-header__photo{object-position:63% 50%}.destination-header::before,.destination-header--clinic::before{background:linear-gradient(0deg,#0b252cfa 0%,#12333be8 36%,#123b4380 74%,#0c293345 100%)}.destination-header--clinic .destination-header__photo{object-position:65% 56%}.destination-header--clinic{min-height:500px}.header-preview-gap{height:24px}.destination-header__action{padding:14px 19px}.photo-credit{margin-left:26px}}
@media(prefers-reduced-motion:reduce){.destination-header__action{transition:none}}
.destination-header--field{background:linear-gradient(120deg,#0c252c,#16434b);min-height:clamp(390px,36vw,540px)}
.destination-header--field .destination-header__content{max-width:48%}
.destination-header--field h1,.destination-header--field h2{font-size:clamp(48px,5.7vw,82px)}
.destination-header--field-first .destination-header__photo{width:100%;height:100%;inset:0;object-fit:cover;object-position:center 74%}
.destination-header--field-first::before{background:linear-gradient(90deg,rgba(10,32,39,.97) 0%,rgba(12,37,44,.92) 22%,rgba(14,44,51,.75) 43%,rgba(15,46,53,.46) 65%,rgba(10,32,39,.24) 100%)}
.destination-header--field-first::after{background:radial-gradient(ellipse at 7% 105%,rgba(37,119,127,.24),transparent 65%),linear-gradient(0deg,rgba(9,31,38,.48),transparent 45%)}
.destination-header--field-alternate .destination-header__photo{object-position:66% 62%}
.destination-header--field-alternate::after{background:radial-gradient(ellipse at 95% 15%,#e8952430,transparent 55%),linear-gradient(0deg,#081e2c6b,transparent 45%)}
.field-origin{max-width:760px;margin:64px auto 80px;padding:0 28px}.field-origin .destination-header__brand{color:#287786}.field-origin h2{font:600 clamp(32px,4vw,46px)/1.1 var(--serif);margin:0 0 24px}.field-origin p:not(.destination-header__brand){font-size:19px;line-height:1.65}.field-origin-signature{font-weight:600;color:#226c7b}
@media(max-width:700px){.destination-header--field{min-height:540px}.destination-header--field .destination-header__content{max-width:100%}.destination-header--field h1,.destination-header--field h2{font-size:48px}.destination-header--field-first{min-height:540px;padding-top:42px}.destination-header--field-first .destination-header__photo{width:100%;height:100%;inset:0;object-fit:cover;object-position:59% center}.destination-header--field-first::before{background:linear-gradient(0deg,rgba(10,32,39,.97) 0%,rgba(12,37,44,.87) 35%,rgba(14,44,51,.5) 70%,rgba(10,32,39,.3) 100%)}.preview-nav nav{gap:12px;font-size:12px}.preview-nav{gap:16px}.field-origin{margin-block:42px}}

/* Keep destination names together at every viewport width. */
.destination-header h1,.destination-header h2,.destination-header--field h1,.destination-header--field h2{white-space:nowrap;text-wrap:nowrap;font-size:clamp(28px,5.4vw,78px)}
@media(max-width:700px){.destination-header h1,.destination-header h2,.destination-header--field h1,.destination-header--field h2{font-size:clamp(24px,8vw,52px)}}

.destination-header--clinic .destination-header__photo{object-position:50% 50%}

.destination-header--clinic .destination-header__photo{object-position:36% 38%}

/* Destination pages share identical banner dimensions and title placement. */
main > .destination-header{height:520px;min-height:520px;max-height:none;align-items:flex-start;padding:64px clamp(26px,6.5vw,108px);box-sizing:border-box}
main > .destination-header .destination-header__content{align-self:flex-start;margin:0;padding:0;max-width:650px}
main > .destination-header h1,main > .destination-header h2{font-size:clamp(28px,5.4vw,78px);line-height:1.02;margin:0 0 22px;white-space:nowrap}
@media(max-width:700px){main > .destination-header{height:480px;min-height:480px;padding:40px 26px}main > .destination-header .destination-header__content{max-width:100%}main > .destination-header h1,main > .destination-header h2{font-size:clamp(24px,8vw,52px);margin-bottom:22px}}

.destination-header .field-membership-date{font-size:16px;line-height:1.5;color:#a6d9df;margin:0 0 24px}.destination-header--field .destination-header__intro{margin-bottom:12px}

/* Anchor the licensed photograph on the track and lane numbers. */
.destination-header--field .destination-header__photo{object-position:50% 100%}

/* Field House enrollment invitation. */
.destination-header--field .field-enrollment-copy,.destination-header--field .field-email-copy{font-family:var(--sans);font-size:clamp(17px,1.5vw,21px);font-weight:400;line-height:1.6;color:#e0ddd4;max-width:58ch;margin:0 0 16px}
.destination-header--field .field-email-copy a{text-decoration:underline;text-underline-offset:3px}
.destination-header--field .field-membership-date{margin:0 0 18px;font-weight:600}
.destination-header--field .destination-header__intro{max-width:48ch}
.destination-header--field .destination-header__content{max-width:700px}

/* 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 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%)}
@media(max-width:700px){.destination-header.destination-header--field::before{background:linear-gradient(90deg,#102931f5 0%,#102931e6 55%,#10293199 100%)}}