/* Named snapshots isolate the identity from the crossfading page photography. */
/* Keep the completed portal opaque under the incoming document. Fading both
   snapshots exposes the browser canvas and produces a pale flash. */
::view-transition-old(root){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-new(root){animation:journey-arrive .25s ease-out both;mix-blend-mode:normal}
@keyframes journey-arrive{from{opacity:0}to{opacity:1}}
/* The header stays above the portal rather than disappearing beneath it.
   Match the destination hero material before the document handoff. */
html.preview-2[data-journey-departing] .bar{z-index:101;--bar-bg:rgba(34,21,14,.30);--bar-ink:#F7EFE4;--bar-line:rgba(255,249,239,.14);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
html.preview-2[data-journey-destination="honeymoon"] .bar{--bar-bg:rgba(30,48,57,.30)}
::view-transition-old(chapter-bar){animation:none;opacity:0}
::view-transition-new(chapter-bar){animation:none;opacity:1;mix-blend-mode:normal}
html[data-chapter-arrival] .hero-mark svg{animation:none!important}
::view-transition-group(journey-mark),::view-transition-group(journey-subtitle){animation-duration:.8s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-old(journey-mark){animation:none;opacity:0}
::view-transition-new(journey-mark){animation:none;mix-blend-mode:normal}
.journey{position:fixed;inset:0;z-index:96;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.journey.is-visible,.journey:focus-within{opacity:1;visibility:visible}
.journey-link{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;display:grid;place-items:center;pointer-events:auto;color:#513d30;text-decoration:none}
.journey-link[data-side="left"]{left:0}.journey-link[data-side="right"]{right:0}
.journey-link>svg{width:22px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.22,1,.36,1),color .18s}
.journey-link[data-surface="light"]{color:#35261e}
.journey-link[data-surface="dark"]{color:#fff5e8}
.journey-link:focus-visible{outline:2px solid currentColor;outline-offset:-5px}
.journey-preview{position:absolute;top:50%;width:174px;height:116px;transform:translate(var(--preview-shift),-50%);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;border-radius:8px;transition:opacity .22s,transform .38s cubic-bezier(.22,1,.36,1),visibility .22s;background:#54443a}
[data-side="right"] .journey-preview{right:44px;--preview-shift:12px}
[data-side="left"] .journey-preview{left:44px;--preview-shift:-12px}
.journey-preview img{width:100%;height:100%;object-fit:cover}
.journey-preview span{position:absolute;inset:auto 0 0;padding:25px 12px 12px;background:linear-gradient(transparent,#21160fe6);color:#fff6ec;font:500 16px/1.3 var(--serif,Georgia,serif);text-align:left}
.journey-link:is(:hover,:focus-visible) .journey-preview{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%)}
.journey-link[data-side="right"]:is(:hover,:focus-visible)>svg{transform:translateX(-4px)}
.journey-link[data-side="left"]:is(:hover,:focus-visible)>svg{transform:translateX(4px)}
.journey-link[aria-busy="true"]>svg{opacity:.4}
.journey-touch{display:none}
@property --portal-radius{syntax:'<length>';inherits:false;initial-value:0px}
.journey-portal{position:fixed;inset:0;z-index:100;pointer-events:none}
.journey-scene{--portal-radius:150vmax;position:absolute;inset:0;bottom:auto;height:calc(100svh + clamp(22px,3.2vw,52px));background:#39291f;mask-image:radial-gradient(circle at var(--portal-origin) 50%,#000 max(0px,calc(var(--portal-radius) - 45px)),transparent var(--portal-radius))}
.journey-scene .scroll-hero__veil{background:radial-gradient(ellipse 34% 30% at 50% 47%,rgba(28,17,11,.34),transparent 72%),linear-gradient(180deg,rgba(20,12,8,.28),transparent 22%,transparent 70%,rgba(20,12,8,.42))}
.journey-scene[data-chapter="honeymoon"] .scroll-hero__veil{background:radial-gradient(ellipse 34% 30% at 50% 47%,rgba(22,43,53,.22),transparent 72%),linear-gradient(180deg,rgba(22,43,53,.25),transparent 22%,transparent 70%,rgba(22,43,53,.34))}
.journey-scene>img{width:100%;height:100%;object-fit:cover}
.journey-mark{position:absolute;z-index:1;color:#F7EFE4;transform-origin:0 0;view-transition-name:journey-mark}
.journey-mark svg{width:100%;height:100%;fill:currentColor;animation:none!important}
.journey-subtitle{position:absolute;left:0;right:0;top:calc(50svh + var(--mark-size,120px)*.62 + 14px);margin:0;text-align:center;color:#F7EFE4;font:400 clamp(1.05rem,1.5vw,1.3rem)/1.3 var(--serif);letter-spacing:.02em;text-shadow:0 2px 18px #140c0873;view-transition-name:journey-subtitle}
html[data-journey-departing] #heroMark,html[data-journey-departing] .bar .brand svg{visibility:hidden}
@media(max-width:720px){
 .mobile-journey-mark{position:fixed;z-index:102;pointer-events:none;view-transition-name:journey-mark}
 .mobile-journey-mark svg{display:block;width:100%;height:100%;fill:currentColor;animation:none!important;transform:none!important;filter:none!important}
 html[data-mobile-journey] #heroMark,html[data-mobile-journey] .bar .brand svg{visibility:hidden}
}
@media(max-width:720px),(hover:none){
 .journey-link{height:44px;width:44px;background:transparent}
 .journey-link[data-side="left"]{padding-right:18px}
 .journey-link[data-side="right"]{padding-left:18px}
 .journey-link>svg{width:14px;height:20px}
 .journey-link[data-surface="light"]{color:#35261e}
 .journey-link[data-surface="dark"]{color:#fff5e8}
 .journey-preview{display:none}
}
@media(prefers-reduced-motion:reduce){
 .journey,.journey-preview,.journey-link>svg{transition:none}
 ::view-transition-group(journey-mark),::view-transition-group(journey-subtitle){animation-duration:1ms}
}