/* Production controls layered over the November reference presentation. */
@import url('/holiday/home-destination.css?v=1');
@import url('/holiday/desktop-card-covers.css?v=2');
html[data-reference-design] .site-header.has-primary-owner { grid-template-columns:auto minmax(0,1fr) auto; }
html[data-reference-design] .site-header .desktop-nav { justify-content:center; }
html[data-reference-design] .desktop-nav > a[aria-current] { color:var(--cta-green); }
html[data-reference-design] .site-header.is-over-hero .desktop-nav > a[aria-current] { color:white; }
html[data-reference-design] .home-philosophy-arrow { display:grid; place-items:center; }
html[data-reference-design] .home-philosophy-arrow .i { width:24px; height:24px; }

.al-modal.owner-success{width:min(430px,calc(100% - 32px))}
.owner-success-inner{padding:42px 36px 34px;text-align:center}
.owner-success h2{font-size:2.3rem;line-height:1.1;margin:0}
.owner-success h2 em{font-family:inherit;font-weight:600;font-style:normal;color:var(--emphasis-green)}
.owner-success h2:focus-visible{outline:2px solid var(--emphasis-green);outline-offset:6px}
.owner-success-ref{margin:0 0 14px;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#5f7584}
.owner-success-ref[hidden]{display:none}
.owner-success-lede{font-size:.86rem;color:#5f7584;margin:18px 0 0;line-height:1.75}
.owner-success-done{width:auto;margin-top:28px;padding-inline:40px;font-size:.83rem;min-height:48px}
@media(max-width:600px){.owner-success-done{width:100%;padding-inline:20px;min-height:52px}}

/* The tick draws itself inside a ring that scales in. */
.owner-success-mark{width:62px;height:62px;margin:0 auto 22px}
.owner-success-mark svg{width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}
.owner-success-ring{stroke:var(--emphasis-green);stroke-width:2;opacity:.3;transform-origin:50% 50%}
.owner-success-tick{stroke:var(--emphasis-green);stroke-width:3.4;stroke-dasharray:40;stroke-dashoffset:40}
.owner-success.is-in{animation:owner-success-panel .42s cubic-bezier(.22,1,.36,1) both}
.owner-success.is-in::backdrop{animation:owner-success-veil .32s ease both}
.owner-success.is-in .owner-success-ring{animation:owner-success-ring .5s cubic-bezier(.22,1,.36,1) both}
.owner-success.is-in .owner-success-tick{animation:owner-success-tick .42s cubic-bezier(.65,0,.45,1) .26s forwards}
.owner-success.is-in .owner-success-inner>*:not(.owner-success-mark){animation:owner-success-rise .45s cubic-bezier(.22,1,.36,1) both}
.owner-success.is-in .owner-success-ref{animation-delay:.14s}
.owner-success.is-in h2{animation-delay:.2s}
.owner-success.is-in .owner-success-lede{animation-delay:.26s}
.owner-success.is-in .owner-success-done{animation-delay:.32s}
@keyframes owner-success-panel{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes owner-success-veil{from{opacity:0}to{opacity:1}}
@keyframes owner-success-ring{from{opacity:0;transform:scale(.5)}60%{opacity:.45}to{opacity:.3;transform:none}}
@keyframes owner-success-tick{to{stroke-dashoffset:0}}
@keyframes owner-success-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
/* Honour a reduced-motion preference: the tick is simply already drawn. */
@media(prefers-reduced-motion:reduce){
 .owner-success.is-in,.owner-success.is-in::backdrop,.owner-success.is-in .owner-success-ring,
 .owner-success.is-in .owner-success-inner>*:not(.owner-success-mark){animation:none}
 .owner-success.is-in .owner-success-tick{animation:none;stroke-dashoffset:0}
 .owner-success-tick{stroke-dashoffset:0}
}
@media(max-width:600px){
 .owner-success-inner{padding:34px 24px 28px}
 .owner-success h2{font-size:1.95rem}
}

@media(min-width:761px){
 .site-header.has-primary-owner .header-actions > .header-book{display:none}
 .site-header.has-primary-owner .header-actions{gap:20px}
}
@media(max-width:760px){
 html[data-reference-design] .site-header.has-primary-owner{display:flex;justify-content:space-between}
}
