/* TOND venue story. Existing Astra colors and typography, isolated to the draft. */
.tond-design-preview .td-journey {--td-story-top:120px;--td-story-progress:0;--td-story-local:0;position:relative;isolation:isolate;background:var(--td-ink);color:var(--td-white);padding:36px 20px 48px;}
.tond-design-preview .td-journey-stage {position:relative;max-width:1380px;margin:auto;padding:24px 36px 0;background:var(--td-ink);}
.tond-design-preview .td-journey-heading {display:flex;justify-content:space-between;align-items:center;gap:24px;}
.tond-design-preview .td-journey-heading h2 {color:var(--td-white);font-size:30px;line-height:1.2;margin:0;font-weight:500;letter-spacing:-.035em;}
.tond-design-preview .td-journey-arrows {display:flex;gap:8px;}
.tond-design-preview .td-journey-arrows button {display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--td-line);border-radius:100px;background:transparent;color:var(--td-white);font:20px 'DM Sans',sans-serif;transition:background .25s,transform .25s;}
.tond-design-preview .td-journey-arrows button:hover {background:var(--td-accent);transform:translateY(-2px);}
.tond-design-preview .td-journey :is(button,a):focus-visible {outline:3px solid var(--td-white);outline-offset:4px;}
.tond-design-preview .td-journey-body {margin:24px 0 22px;}
.tond-design-preview .td-story-copy {margin-bottom:32px;}
.tond-design-preview .td-story-copy h3 {color:var(--td-white);font-size:clamp(42px,4.4vw,66px);line-height:1.06;letter-spacing:-.045em;margin:0 0 22px;font-weight:500;}
.tond-design-preview .td-story-copy > p {font-size:15px;line-height:1.7;margin:0 0 24px;max-width:420px;color:var(--td-paper);letter-spacing:normal;}
.tond-design-preview .td-story-copy .td-story-fact {font-size:12px;font-weight:600;color:var(--td-line);margin:0 0 18px;}
.tond-design-preview .td-story-link {display:inline-flex;gap:28px;align-items:center;color:var(--td-white);border-bottom:1px solid var(--td-line);padding:8px 0;text-decoration:none;font:600 13px 'DM Sans',sans-serif;}
.tond-design-preview .td-story-link:hover {color:var(--td-white);border-color:var(--td-white);}
.tond-design-preview .td-story-link span {font-size:22px;transition:transform .3s;}
.tond-design-preview .td-story-link:hover span {transform:translate(4px,-4px);}
.tond-design-preview .td-scene-photo {margin:0 0 28px;}
.tond-design-preview .td-scene-image {overflow:hidden;background:var(--td-paper);}
.tond-design-preview .td-scene-photo img {display:block;width:100%;height:auto;max-width:100%;object-fit:cover;}
.tond-design-preview .td-scene-photo figcaption {font-size:12px;line-height:1.5;color:var(--td-line);padding-top:12px;}
.tond-design-preview .td-story-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
/* Enhancement is activated only after the three scenes and their controls exist. */
.tond-design-preview .td-journey-ready .td-journey-body {display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.45fr);gap:64px;align-items:center;}
.tond-design-preview .td-journey-ready .td-story-copies {display:grid;align-items:center;min-height:300px;}
.tond-design-preview .td-journey-ready .td-story-copy {grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translate3d(0,34px,0);transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1),visibility 0s .5s;}
.tond-design-preview .td-journey-ready .td-story-copy.is-active {opacity:1;visibility:visible;transform:translate3d(0,0,0);transition-delay:.13s,.1s,0s;}
.tond-design-preview .td-journey-ready .td-journey-media {height:clamp(245px,calc(100svh - var(--td-story-top) - 200px),520px);perspective:1600px;overflow:hidden;touch-action:pan-y;}
.tond-design-preview .td-photo-deck {position:relative;width:calc(100% - 32px);height:100%;transform:rotateX(var(--td-pointer-y,0deg)) rotateY(var(--td-pointer-x,0deg));transition:transform .5s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d;}
.tond-design-preview .td-journey-ready .td-scene-photo {position:absolute;inset:0;margin:0;opacity:0;z-index:0;transform:translate3d(-20%,8px,-140px) rotateY(-10deg) rotate(-5deg) scale(.86);transform-origin:30% 50%;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .6s ease;pointer-events:none;backface-visibility:hidden;}
.tond-design-preview .td-journey-ready .td-scene-image {height:calc(100% - 32px);}
.tond-design-preview .td-journey-ready .td-scene-photo img {height:100%;transform:scale(calc(1.015 + var(--td-story-local,0) * .055));transition:transform .3s linear;}
.tond-design-preview .td-journey-ready .td-scene-photo:first-child img {object-position:50% 64%;}
.tond-design-preview .td-journey-ready .td-scene-photo.is-future {opacity:.42;z-index:1;transform:translate3d(calc(var(--td-distance,1) * 26px),calc(var(--td-distance,1) * 7px),-75px) rotate(calc(var(--td-distance,1) * 3deg)) scale(.94);}
.tond-design-preview .td-journey-ready .td-scene-photo.is-active {opacity:1;z-index:3;transform:translate3d(0,0,0) rotateY(0) rotate(0) scale(1);}
.tond-design-preview .td-journey-ready .td-scene-photo:not(.is-active) figcaption {visibility:hidden;}
.tond-design-preview .td-journey-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid rgba(216,216,245,.3);}
.tond-design-preview .td-journey-nav button {position:relative;display:flex;align-items:center;min-height:64px;gap:18px;background:transparent;border:0;border-radius:0;color:var(--td-line);padding:16px 0;text-align:left;text-transform:none;font:400 16px 'DM Sans',sans-serif;}
.tond-design-preview .td-journey-nav button::after {content:'↗';margin-left:auto;font-size:22px;transform:translate(-3px,3px);opacity:0;transition:opacity .25s,transform .3s;}
.tond-design-preview .td-journey-nav button[aria-current] {color:var(--td-white);}
.tond-design-preview .td-journey-nav button[aria-current]::after,.tond-design-preview .td-journey-nav button:hover::after {opacity:1;transform:none;}
.tond-design-preview .td-journey-nav i {position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--td-accent);transform:scaleX(var(--td-scene-progress,0));transform-origin:left;}
.tond-design-preview .td-story-pinned .td-journey-track {height:calc(var(--td-story-height,500px) + 125svh);}
.tond-design-preview .td-story-pinned .td-journey-stage {position:sticky;top:var(--td-story-top);}
@media(min-width:1500px) {.tond-design-preview .td-journey-ready .td-journey-body {gap:80px;}}
@media(max-width:1100px) {.tond-design-preview .td-journey-stage {padding-inline:24px;}.tond-design-preview .td-journey-ready .td-journey-body {gap:32px;grid-template-columns:.85fr 1.15fr;}.tond-design-preview .td-story-copy h3 {font-size:48px;}.tond-design-preview .td-story-copy > p {font-size:14px;}}
@media(min-width:821px) and (max-height:720px) {
  .tond-design-preview .td-journey-stage {padding:16px 28px 0;}
  .tond-design-preview .td-journey-heading h2 {font-size:26px;}
  .tond-design-preview .td-journey-arrows button {width:36px;height:36px;}
  .tond-design-preview .td-journey-body {margin:18px 0 16px;}
  .tond-design-preview .td-story-copy h3 {font-size:54px;margin-bottom:16px;}
  .tond-design-preview .td-story-copy > p {font-size:14px;line-height:1.6;margin-bottom:18px;}
  .tond-design-preview .td-story-copy .td-story-fact {font-size:11px;margin-bottom:14px;}
  .tond-design-preview .td-journey-ready .td-story-copies {min-height:260px;}
  .tond-design-preview .td-journey-ready .td-journey-media {height:clamp(220px,calc(100svh - var(--td-story-top) - 160px),500px);}
  .tond-design-preview .td-journey-nav button {min-height:52px;padding:12px 0;}
}
@media(max-width:820px) {
  .tond-design-preview .td-journey {padding:40px 0;}
  .tond-design-preview .td-journey-stage {display:flex;flex-direction:column;padding:0 24px;}
  .tond-design-preview .td-journey-heading {order:0;gap:16px;}
  .tond-design-preview .td-journey-heading h2 {font-size:28px!important;max-width:420px;}
  .tond-design-preview .td-journey-arrows {display:none;}
  .tond-design-preview .td-journey-nav {order:1;gap:16px;margin:24px 0;border-bottom:1px solid rgba(216,216,245,.3);}
  .tond-design-preview .td-journey-nav button {font-size:13px;min-height:54px;}
  .tond-design-preview .td-journey-nav button::after {display:none;}
  .tond-design-preview .td-journey-ready .td-journey-body {order:2;display:flex;flex-direction:column;gap:28px;align-items:stretch;margin:0;}
  .tond-design-preview .td-journey-ready .td-journey-media {order:0;height:clamp(240px,56vw,400px);}
  .tond-design-preview .td-photo-deck {width:calc(100% - 16px);}
  .tond-design-preview .td-journey-ready .td-story-copies {order:1;min-height:260px;}
  .tond-design-preview .td-story-copy h3 {font-size:48px;line-height:1.08;margin-bottom:18px;}
  .tond-design-preview .td-story-copy > p {font-size:15px;max-width:560px;margin-bottom:18px;}
  .tond-design-preview .td-story-copy .td-story-fact {font-size:11px;margin-bottom:16px;}
  .tond-design-preview .td-journey-ready .td-scene-photo {transform:translate3d(-12%,0,-60px) rotate(-4deg) scale(.92);}
}
.tond-design-preview.td-motion-off :is(.td-story-copy,.td-scene-photo,.td-photo-deck,.td-scene-photo img) {transition:none!important;animation:none!important;}
.tond-design-preview.td-motion-off :is(.td-scene-photo img,.td-photo-deck) {transform:none!important;}
.tond-design-preview:not(.td-motion-off) .td-drift-image {transform:translate3d(0,var(--td-drift-y,0px),0) scale(calc(var(--td-drift-scale,1.085) + var(--td-hover-offset,0)))!important;transition:transform .25s linear;}
@media(hover:hover) {.tond-design-preview .td-drift-frame:hover {--td-hover-offset:.025;}}
.tond-design-preview.td-motion-off .td-drift-image {transform:none!important;}
@media(prefers-reduced-motion:reduce) {
  .tond-design-preview:not(.td-motion-opt-in) :is(.td-story-copy,.td-scene-photo,.td-photo-deck,.td-scene-photo img) {transition:none!important;animation:none!important;}
  .tond-design-preview:not(.td-motion-opt-in) :is(.td-photo-deck,.td-scene-photo img) {transform:none!important;}
  .tond-design-preview:not(.td-motion-opt-in) .td-drift-image {transform:none!important;}
}
@media print {
  .tond-design-preview .td-story-pinned .td-journey-track {height:auto;}
  .tond-design-preview .td-story-pinned .td-journey-stage {position:relative;top:auto;}
  .tond-design-preview .td-journey-ready .td-story-copy {opacity:1;visibility:visible;transform:none;grid-area:auto;}
  .tond-design-preview .td-journey-ready .td-scene-photo {position:relative;opacity:1;transform:none;}
  .tond-design-preview .td-journey-nav,.tond-design-preview .td-journey-arrows {display:none!important;}
}

/* Astra mobile content has a 20px gutter on each side. */
@media(max-width:820px) {.tond-design-preview .td-journey.alignfull {width:calc(100% + 40px)!important;max-width:none;margin-inline:-20px!important;}}

.tond-design-preview .td-journey:not(.td-journey-ready) :is(.td-journey-nav,.td-journey-arrows) {display:none;}
