/* A continuous, lightweight 3D art direction from the first scene to the footer. */
.index-page main { position: relative; z-index: 0; }
.journey-atmosphere { position: fixed; inset: 0; z-index: -1; pointer-events: none; visibility: hidden; opacity: 0; transition: opacity .6s; }
.journey-active .journey-atmosphere { visibility: visible; opacity: 1; }
#journey-canvas { width: 100%; height: 100%; opacity: .42; }
.journey-light { position: absolute; inset: 0; background: radial-gradient(ellipse at 15% 25%,rgba(124,58,237,.14),transparent 55%),radial-gradient(ellipse at 85% 70%,rgba(6,182,212,.1),transparent 50%); }
.index-page .footer { position: relative; z-index: 1; background: rgba(5,8,22,.9); border-top: 1px solid rgba(103,232,249,.16); }
.dimension-experience.is-enhanced { height: 400svh; }
.dimension-steps { grid-template-columns: repeat(4,minmax(0,1fr)); }
.dimension-ambient { background: radial-gradient(ellipse, rgba(124,58,237,.2), transparent 65%); }
.dimension-chapter h2 > span, .luminous-text { background: linear-gradient(105deg,#c4b5fd 0%,#8b5cf6 24%,#3b82f6 57%,#67e8f9 93%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.dimension-kicker { letter-spacing: .09em; }
.dimension-cta.btn, .journey-contact-actions .btn { box-shadow: 0 0 28px rgba(124,58,237,.28),0 4px 32px rgba(6,182,212,.18); }
.object-web > .device-laptop { transform: translate(-36px,52px) scale(.79) rotateX(8deg) rotateY(-17deg) rotateZ(-6deg); z-index: 2; }
.ecosystem-phone { left: 315px; top: -6px; transform: translateZ(85px) scale(.58) rotateY(18deg) rotateZ(9deg); transform-origin: center; z-index: 3; }
.ecosystem-desktop { left: -28px; top: -50px; transform: translateZ(-100px) scale(.72) rotateY(-16deg) rotateZ(3deg); opacity: .8; z-index: -1; }
.object-web .note-code { top: -22px; left: 30px; z-index: 4; }
.object-web .note-speed { bottom: 5px; right: 65px; z-index: 4; }

/* Camera, concentric lens surfaces and an articulated viewfinder. */
.film-camera { position: absolute; left: 24px; top: 90px; width: 360px; height: 245px; transform-style: preserve-3d; transform: rotateX(10deg) rotateY(-17deg) rotateZ(-8deg); }
.camera-body { position: absolute; inset: 0; border-radius: 20px; border: 2px solid #72839f; background: linear-gradient(135deg,#67768f,#1b2942 25%,#0c142a 65%,#465b7a); transform-style: preserve-3d; box-shadow: 4px 5px 0 #314764,9px 11px 0 #192b44,0 25px 50px rgba(0,0,0,.5); }
.camera-grip { position: absolute; top: 16px; bottom: 12px; left: 12px; width: 65px; border-radius: 16px; border: 1px solid #3d4f66; background: repeating-linear-gradient(0deg,#182033 0 2px,#111929 2px 4px); }
.camera-brand { position: absolute; top: 22px; left: 97px; color: #d1e3ef; font-size: 10px; letter-spacing: .18em; }
.camera-record { position: absolute; right: 20px; top: 24px; font-size: 7px; color: var(--cyan-400); }
.camera-top { position: absolute; left: 105px; top: -31px; height: 48px; width: 147px; border: 1px solid #8c9bb1; border-radius: 10px 10px 0 0; background: linear-gradient(150deg,#71839b,#1b2a44); transform: translateZ(-10px); }
.camera-top > span { display: block; padding: 8px 18px; color: white; font: 600 21px var(--font-heading); }
.camera-top > i { position: absolute; right: -72px; top: 12px; width: 30px; height: 15px; border-radius: 50%; background: #4b6786; border: 1px solid #9cbbcd; }
.camera-lens { position: absolute; width: 197px; height: 197px; top: 49px; left: 117px; border-radius: 50%; transform-style: preserve-3d; }
.lens-ring { position: absolute; inset: 0; border-radius: 50%; border: 11px solid #121b2c; background: #132440; box-shadow: 0 0 0 2px #8598b1,inset 0 0 0 3px #3b5173; }
.ring-one { transform: translateZ(10px); }
.ring-two { inset: 4px; transform: translateZ(25px); border-color: #263852; }
.ring-three { inset: 8px; transform: translateZ(40px); border-color: #080e20; box-shadow: 0 0 0 2px #6e90af,0 0 24px rgba(34,211,238,.14); }
.lens-glass { position: absolute; inset: 22px; border: 2px solid #67e8f9; border-radius: 50%; transform: translateZ(48px); overflow: hidden; background: radial-gradient(ellipse at 32% 28%,rgba(180,240,255,.6),transparent 18%),radial-gradient(circle,#030611 25%,#17255b 37%,#6638bd 51%,#070c21 63%,#168397 84%,#142346); box-shadow: inset 0 0 16px #030611,0 0 12px rgba(34,211,238,.3); }
.lens-aperture { position: absolute; inset: 41px; clip-path: polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%); background: #020510; border: 1px solid #155c83; }
.lens-glass > span { position: absolute; bottom: 17px; left: 0; right: 0; text-align: center; font-size: 4px; color: #abd2ea; letter-spacing: .08em; }
.camera-viewfinder { position: absolute; left: 328px; top: 13px; width: 145px; height: 208px; border: 6px solid #1c2a40; outline: 1px solid #8092af; border-radius: 10px; padding: 14px; background: linear-gradient(135deg,#313363,#14172e 60%,#103d4d); transform-origin: left center; transform: rotateY(-16deg) translateZ(-12px); box-shadow: 4px 6px 0 #16223b; }
.camera-viewfinder > span { font-size: 5px; letter-spacing: .12em; color: #cdd6ee; }
.camera-viewfinder strong { display: block; font: 500 25px/1 var(--font-heading); color: white; margin-top: 66px; letter-spacing: -.04em; }
.camera-viewfinder small { position: absolute; bottom: 12px; font-size: 4px; color: #8da9c5; }
.wedding-rings { position: absolute; top: 51px; left: 30px; }
.wedding-rings > i { position: absolute; width: 40px; height: 40px; border: 4px solid #bca7f2; border-radius: 50%; box-shadow: inset 1px 1px 0 #e4dcff,1px 1px 8px rgba(124,58,237,.45); }
.wedding-rings > i:nth-child(2) { left: 28px; top: 6px; border-color: #67e8f9; }
.note-film { left: -5px; bottom: -8px; transform: translateZ(110px) rotate(-4deg); }
.film-strip { position: absolute; left: 25px; top: 4px; display: flex; gap: 4px; padding: 8px 0; transform: translateZ(-80px) rotate(-9deg); border-top: 5px dashed #465273; border-bottom: 5px dashed #465273; }
.film-strip > span { padding: 22px 12px; background: linear-gradient(130deg,#25224d,#113346); border: 1px solid #4c587c; color: #a7c7e0; font-size: 7px; }

/* Perspective is scoped to each scene so scrolling itself stays native. */
.journey-section { position: relative; padding: 80px 0; scroll-margin-top: 20px; }
.journey-heading { position: relative; z-index: 3; max-width: 660px; margin-bottom: 38px; }
.journey-heading h2 { font-size: clamp(2.5rem,10.6vw,4.8rem); line-height: 1.02; font-weight: 600; letter-spacing: -.05em; text-wrap: balance; }
.journey-heading > p { color: var(--gray-400); font-size: .9375rem; line-height: 1.8; max-width: 455px; margin-top: 20px; }
.journey-heading .section-label { font-size: .625rem; margin-bottom: 18px; letter-spacing: .1em; }
.journey-heading .section-label::before { width: 16px; }
.depth-services-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 26px; perspective: 1200px; }
.depth-service { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 350px; padding: 28px; border: 1px solid rgba(148,163,184,.24); border-radius: 24px; background: linear-gradient(135deg,rgba(27,34,68,.96),rgba(7,12,30,.96) 70%); box-shadow: 0 5px 0 #0f1b32,0 6px 0 rgba(103,232,249,.2),0 24px 50px rgba(0,0,0,.25); transform-style: preserve-3d; transition: border-color .25s,box-shadow .25s; }
.depth-service::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at var(--light-x,70%) var(--light-y,0%),rgba(124,58,237,.16),transparent 65%); }
.depth-service:hover { border-color: rgba(103,232,249,.5); box-shadow: 0 5px 0 #142743,0 6px 0 rgba(103,232,249,.4),0 24px 70px rgba(124,58,237,.14); }
.service-serial { position: absolute; right: 24px; top: 24px; font-size: .5625rem; letter-spacing: .1em; color: var(--gray-400); }
.service-model { position: relative; width: 65px; height: 65px; margin: 10px 0 26px; transform-style: preserve-3d; transform: rotateX(18deg) rotateY(-20deg) rotateZ(-8deg); }
.service-model > i, .service-model > span { position: absolute; inset: 0; display: grid; place-items: center; border: 1px solid rgba(103,232,249,.4); border-radius: 15px; background: linear-gradient(140deg,#4e388f,#102d4a); }
.service-model > i:first-child { transform: translateZ(-16px); opacity: .3; }
.service-model > i:nth-child(2) { transform: translateZ(-8px); opacity: .6; }
.service-model > span { transform: translateZ(12px); background: linear-gradient(140deg,#443275,#10364a); box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 0 25px rgba(6,182,212,.13); }
.service-model svg { color: var(--cyan-300); }
.depth-service h3 { position: relative; font-size: 1.55rem; letter-spacing: -.025em; line-height: 1.15; margin-bottom: 14px; max-width: 330px; }
.depth-service > p { position: relative; font-size: .875rem; line-height: 1.75; color: var(--gray-400); margin-bottom: 20px; }
.depth-link { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; margin-top: auto; padding-top: 10px; border-top: 1px solid rgba(148,163,184,.14); font-size: .8125rem; color: var(--cyan-300); }
.depth-link > span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(103,232,249,.2); font-size: 1rem; }
.journey-divider { display: flex; align-items: center; gap: 18px; margin-top: 60px; }
.journey-divider > span { font-size: .4375rem; letter-spacing: .14em; color: var(--gray-500); white-space: nowrap; }
.journey-divider i { height: 1px; background: linear-gradient(90deg,#7c3aed44,#22d3ee44); flex: 1; }

.journey-work { padding: 0; }
.journey-work.is-enhanced { height: 280svh; }
.work-pin { display: flex; flex-direction: column; min-height: 720px; padding-top: 100px; padding-bottom: 20px; overflow: hidden; }
.is-enhanced .work-pin { position: sticky; top: 0; height: 100svh; min-height: 0; }
.work-pin .journey-heading { width: 100%; margin: 0 auto; max-width: var(--container-max); flex-shrink: 0; }
.work-pin .journey-heading h2 { font-size: clamp(2.4rem,10vw,4.5rem); }
.work-pin .journey-heading p { margin-top: 14px; font-size: .8125rem; }
.work-stage { position: relative; flex: 1; min-height: 380px; width: 100%; perspective: 1200px; transform-style: preserve-3d; }
.is-enhanced .work-stage { min-height: 0; }
.work-card { position: absolute; left: 50%; top: 49%; width: min(650px,84vw); height: min(420px,45svh); min-height: 225px; transform: translate(-50%,-50%); border: 1px solid rgba(148,194,223,.4); border-radius: 18px; overflow: hidden; background: #0a1125; box-shadow: 5px 7px 0 #16243d,8px 10px 0 #25304e,0 25px 70px rgba(0,0,0,.45); opacity: 0; visibility: hidden; }
.work-card.is-active { opacity: 1; visibility: visible; }
.work-window { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; height: 34px; color: var(--gray-400); font-size: .375rem; letter-spacing: .1em; border-bottom: 1px solid rgba(148,163,184,.15); }
.work-window > span:first-child { display: flex; gap: 4px; }
.work-window i { width: 4px; height: 4px; border-radius: 50%; background: var(--cyan-500); }
.work-window i:nth-child(2) { background: var(--blue-600); }
.work-window i:nth-child(3) { background: var(--blue-400); }
.work-card img { display: block; width: 100%; height: calc(100% - 34px); object-fit: cover; }
.work-caption { position: absolute; inset: auto 0 0; display: flex; align-items: flex-end; justify-content: space-between; padding: 65px 20px 20px; gap: 10px; background: linear-gradient(transparent,rgba(5,8,22,.95)); }
.work-caption > div > span { font-size: .5625rem; letter-spacing: .08em; color: var(--cyan-300); }
.work-caption h3 { font-size: 1.6rem; font-weight: 500; margin-top: 6px; }
.work-caption p { color: var(--gray-300); font-size: .6875rem; line-height: 1.6; margin-top: 6px; max-width: 220px; }
.work-arrow { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); color: white; }
.work-controls { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; position: relative; z-index: 4; }
.work-steps { display: flex; width: 100%; justify-content: center; gap: 10px; }
.work-steps button { min-height: 44px; padding: 8px 10px; display: flex; align-items: center; gap: 5px; color: var(--gray-400); font-size: .625rem; border: 0; border-bottom: 2px solid rgba(148,163,184,.2); background: transparent; }
.work-steps button[aria-pressed=true] { color: white; border-bottom-color: var(--cyan-400); }
.work-steps button span { color: var(--cyan-400); font-size: .5rem; }
.journey-text-link { display: inline-flex; align-items: center; min-height: 48px; gap: 16px; color: var(--gray-300); font-size: .8125rem; }
.journey-text-link > span { color: var(--cyan-400); font-size: 1.125rem; }

.journey-method { padding-top: 110px; }
.method-runway { position: relative; display: grid; gap: 22px; perspective: 1000px; }
.method-runway::before { content: ''; position: absolute; left: 36px; top: -24px; bottom: 0; width: 1px; background: linear-gradient(#7c3aed,#22d3ee,transparent); box-shadow: 0 0 14px rgba(6,182,212,.3); }
.method-card { position: relative; display: flex; align-items: center; gap: 22px; padding: 26px 24px; min-height: 160px; border: 1px solid rgba(148,163,184,.2); border-radius: 20px; background: linear-gradient(140deg,rgba(23,31,61,.97),rgba(7,12,27,.97)); box-shadow: 0 5px 0 #0f1d36,0 6px 0 #273654; transform-style: preserve-3d; }
.method-numeral { color: #485d83; font: 400 2.75rem var(--font-heading); letter-spacing: -.07em; }
.method-verb { font-size: .5rem; color: var(--cyan-400); letter-spacing: .1em; }
.method-card h3 { font-size: 1.35rem; margin: 8px 0; font-weight: 500; }
.method-card p { font-size: .8125rem; line-height: 1.7; color: var(--gray-400); }
.method-plus { position: absolute; top: 18px; right: 20px; color: var(--gray-500); font-size: .875rem; }
.studio-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; align-items: center; }
.studio-grid .journey-heading { margin: 0; }
.studio-grid .journey-text-link { margin-top: 15px; }
.studio-scene { position: relative; height: 405px; transform-style: preserve-3d; perspective: 1000px; margin: 20px 0; }
.studio-photo { position: absolute; inset: 45px 16px; border: 1px solid rgba(103,232,249,.4); padding: 7px; border-radius: 20px; background: linear-gradient(135deg,#344165,#0c152d); transform: rotateY(-9deg) rotateZ(-4deg); box-shadow: 4px 6px 0 #16243a,0 18px 60px rgba(0,0,0,.4); }
.studio-photo img { width: 100%; height: 100%; object-fit: cover; border-radius: 13px; }
.studio-photo > span { position: absolute; bottom: 8px; left: 8px; right: 8px; font-size: .4375rem; letter-spacing: .08em; padding: 28px 15px 15px; color: var(--gray-200); background: linear-gradient(transparent,rgba(5,8,22,.95)); border-radius: 0 0 12px 12px; }
.studio-chip { position: absolute; padding: 15px 19px; border: 1px solid rgba(148,194,223,.35); background: linear-gradient(140deg,#202246,#0b192e); border-radius: 15px; box-shadow: 0 15px 40px rgba(0,0,0,.35); transform: translateZ(60px); }
.studio-chip strong { display: block; font: 500 1.8rem/1.1 var(--font-heading); color: var(--cyan-300); }
.studio-chip > span { display: block; margin-top: 6px; font-size: .5625rem; color: var(--gray-300); }
.chip-one { left: 18px; top: 0; transform: translateZ(45px) rotate(-7deg); }
.chip-two { right: 20px; top: 157px; transform: translateZ(45px) rotate(5deg); }
.chip-three { bottom: 0; left: 34px; transform: translateZ(95px) rotate(-3deg); }
.studio-values { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 18px; margin-top: 32px; padding: 26px 0; border-top: 1px solid rgba(148,163,184,.15); border-bottom: 1px solid rgba(148,163,184,.15); }
.studio-values > span { font: 500 1.125rem var(--font-heading); color: var(--gray-400); }
.journey-contact { text-align: center; padding: 40px 0 100px; }
.journey-contact .journey-heading { margin: 0 auto; max-width: 900px; }
.journey-contact .journey-heading p { margin-left: auto; margin-right: auto; }
.journey-contact .journey-heading h2 { font-size: clamp(2.5rem,10vw,5.75rem); }
.contact-orbit { position: relative; width: 260px; height: 220px; margin: 0 auto 30px; perspective: 600px; transform-style: preserve-3d; }
.contact-monogram { position: absolute; top: 50px; left: 83px; color: white; font: 600 90px/1 var(--font-heading); letter-spacing: -.08em; text-shadow: 2px 2px 0 #6177a3,5px 5px 0 #1a2c4b,0 0 32px rgba(124,58,237,.5); transform: rotateY(-20deg) rotateX(10deg); }
.contact-monogram > span { color: var(--cyan-300); }
.contact-orbit > i { position: absolute; inset: 30px 0; border: 1px solid rgba(103,232,249,.6); border-radius: 50%; transform: rotateX(58deg) rotateZ(-25deg); box-shadow: 0 0 18px rgba(6,182,212,.13); }
.contact-orbit > i:nth-child(2) { inset: 45px 20px; border-color: #a78bfa; transform: rotateY(50deg) rotateZ(38deg); }
.contact-orbit > span { position: absolute; bottom: 10px; left: 0; right: 0; font-size: .4375rem; letter-spacing: .15em; color: var(--gray-500); }
.journey-contact-actions { display: flex; flex-direction: column; align-items: center; gap: 18px; margin-top: 30px; }
.journey-contact-actions .btn { gap: 20px; }
.journey-contact-actions .journey-text-link { font-size: .75rem; }
.catalog-grid { grid-template-columns: minmax(0,1fr); }
.index-page.in-work .back-to-top { visibility: hidden; opacity: 0; pointer-events: none; }
.journey-work:not(.is-enhanced) .work-steps { display: none; }
.journey-work:not(.is-enhanced) .work-pin { display: flex; height: auto; }
.journey-work:not(.is-enhanced) .work-stage { display: grid; gap: 36px; padding: 40px 20px; min-height: 0; perspective: none; }
.journey-work:not(.is-enhanced) .work-card { position: relative; top: auto; left: auto; width: min(780px,100%); margin: 0 auto; transform: none; opacity: 1; visibility: visible; }

@media (min-width: 600px) {
  .depth-services-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
  .journey-section { padding-top: 105px; padding-bottom: 105px; }
  .journey-work { padding: 0; }
  .work-caption { padding: 80px 28px 26px; }
  .work-caption h3 { font-size: 2rem; }
  .work-caption p { font-size: .8125rem; max-width: 420px; }
  .work-window { font-size: .5rem; }
  .work-controls { flex-direction: row; justify-content: space-between; }
  .work-steps { justify-content: flex-start; width: auto; }
  .work-steps button { font-size: .75rem; gap: 8px; }
  .method-runway { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
  .method-runway::before { display: none; }
  .method-card { flex-direction: column; align-items: flex-start; gap: 16px; padding: 30px; }
  .studio-scene { max-width: 570px; width: 100%; height: 490px; margin-left: auto; margin-right: auto; }
  .studio-photo { inset: 40px; }
  .studio-chip { padding: 20px 26px; }
  .studio-chip strong { font-size: 2.1rem; }
  .studio-chip > span { font-size: .6875rem; }
  .studio-values { gap: 32px; }
  .studio-values > span { font-size: 1.5rem; }
  .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (min-width: 960px) {
  .journey-section { padding-top: 130px; padding-bottom: 130px; }
  .journey-heading { margin-bottom: 60px; }
  .journey-heading h2 { font-size: clamp(3.5rem,5.8vw,5rem); }
  .journey-heading > p { font-size: 1rem; }
  .depth-services-grid { gap: 42px; }
  .depth-service { padding: 36px 38px; min-height: 380px; }
  .depth-service h3 { font-size: 2rem; max-width: 400px; }
  .depth-service > p { font-size: .9375rem; max-width: 430px; }
  .service-model { width: 74px; height: 74px; margin-bottom: 30px; }
  .journey-divider { margin-top: 85px; }
  .journey-divider > span { font-size: .5625rem; }
  .journey-work { padding: 0; }
  .work-pin { padding-top: 120px; padding-bottom: 32px; }
  .work-pin .journey-heading h2 br { display: none; }
  .work-pin .journey-heading p { font-size: .9375rem; }
  .work-card { width: min(780px,67vw); height: min(460px,49svh); }
  .work-caption h3 { font-size: 2.5rem; }
  .method-runway { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 25px; }
  .method-card { padding: 28px; min-height: 320px; }
  .method-card h3 { font-size: 1.6rem; }
  .method-card p { font-size: .875rem; }
  .method-numeral { font-size: 4.5rem; }
  .studio-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px; }
  .studio-scene { height: 520px; }
  .studio-values { margin-top: 75px; gap: 48px; }
  .studio-values > span { font-size: 2.2rem; }
  .journey-contact { padding-top: 30px; }
  .journey-contact-actions { flex-direction: row; justify-content: center; gap: 35px; margin-top: 40px; }
  .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-height: 700px) and (max-width: 599px) {
  .work-pin { padding-top: 84px; padding-bottom: 10px; }
  .work-pin .journey-heading h2 { font-size: 2rem; }
  .work-pin .journey-heading p { margin-top: 10px; font-size: .75rem; }
  .work-pin .section-label { margin-bottom: 12px; }
  .work-card { height: 39svh; min-height: 190px; }
  .work-caption { padding: 45px 16px 14px; }
  .work-caption h3 { font-size: 1.35rem; }
  .work-caption p { font-size: .625rem; }
  .work-controls { gap: 2px; }
}

@media (max-height: 540px) and (min-width: 600px) {
  .work-pin { padding-top: 85px; padding-bottom: 8px; display: grid; grid-template-columns: .7fr 1fr; grid-template-rows: 1fr auto; }
  .work-pin .journey-heading { grid-column: 1; grid-row: 1; align-self: center; }
  .work-pin .journey-heading h2 { font-size: 2rem; }
  .work-pin .journey-heading p { font-size: .6875rem; }
  .work-stage { grid-column: 2; grid-row: 1; }
  .work-card { width: 80%; height: 90%; min-height: 170px; }
  .work-controls { grid-column: 1 / -1; grid-row: 2; }
  .work-caption { padding: 30px 16px 12px; }
  .work-caption h3 { font-size: 1.3rem; }
  .work-caption p { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .dimension-experience.is-enhanced, .journey-work.is-enhanced { height: auto; }
  .is-enhanced .work-pin { position: relative; min-height: 680px; }
  [data-depth] { transform: none !important; }
}