.ddc-signature-journey{--ddc-journey-gold: var(--ddc-gold, #e7c17d);--ddc-journey-gold-light: var(--ddc-gold-light, #f4d99f);--ddc-journey-cream: var(--ddc-cream, #f4e7cf);--ddc-journey-night: var(--ddc-night, #0d0905);--ddc-journey-progress: 0;--ddc-journey-video-opacity: 1;--ddc-journey-video-scale: 1;--ddc-journey-veil-opacity: .12;--ddc-journey-intro-opacity: 0;--ddc-journey-intro-rise: 46px;--ddc-journey-intro-scale: .88;--ddc-journey-intro-tilt: 3.2deg;--ddc-journey-open-opacity: 0;--ddc-journey-card-open: 0;--ddc-journey-final-opacity: 0;--ddc-journey-envelope-opacity: 0;--ddc-journey-envelope-rise: 54px;--ddc-journey-insertion: 0;--ddc-journey-seal-opacity: 0;--ddc-journey-seal-scale: .82;--ddc-journey-completion-opacity: 0;position:relative;min-height:320svh;color:var(--ddc-journey-cream);background:radial-gradient(circle at 50% 18%,rgba(96,55,24,.13),transparent 34rem),linear-gradient(180deg,#110b06,var(--ddc-journey-night) 34%,#130c07);isolation:isolate}.ddc-signature-journey__stage{position:sticky;z-index:1;top:clamp(58px,5.58vw,82px);display:grid;width:min(calc(100% - 48px),1120px);height:min(68svh,640px);min-height:480px;margin-inline:auto;overflow:hidden;place-items:center;background:radial-gradient(circle at 50% 46%,rgba(128,78,34,.18),transparent 42%),var(--ddc-journey-night);border:1px solid rgba(231,193,125,.2);border-radius:18px;box-shadow:0 28px 80px #00000061}.ddc-signature-journey__scene,.ddc-signature-journey__video-layer,.ddc-signature-journey__veil,.ddc-signature-journey__table{position:absolute;inset:0}.ddc-signature-journey__scene{perspective:1500px}.ddc-signature-journey__video-layer{opacity:var(--ddc-journey-video-opacity);transform:scale(var(--ddc-journey-video-scale));transform-origin:50% 50%;will-change:transform,opacity}.ddc-signature-journey:not(.is-stage-active) .ddc-signature-journey__video-layer{visibility:hidden}.ddc-signature-journey__video,.ddc-signature-journey__poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.ddc-signature-journey__poster{z-index:0}.ddc-signature-journey__video{z-index:1}.ddc-signature-journey__veil{z-index:2;background:radial-gradient(circle at 50% 45%,#0d090514,#0d0905b8 78%),linear-gradient(180deg,#0d09050a,#0d0905d1);opacity:var(--ddc-journey-veil-opacity);will-change:opacity}.ddc-signature-journey__table{z-index:3;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,rgba(230,186,111,.11),transparent 34%),linear-gradient(180deg,transparent 56%,rgba(9,6,3,.72))}.ddc-signature-journey__closed-card,.ddc-signature-journey__open-card,.ddc-signature-journey__envelope-scene{position:absolute;left:50%;top:50%;will-change:transform,opacity}.ddc-signature-journey__closed-card{width:clamp(238px,26vw,370px);aspect-ratio:5 / 7;overflow:hidden;background:#f5ead7;border:1px solid rgba(244,217,159,.58);border-radius:4px;box-shadow:0 34px 90px #00000085}.ddc-signature-journey__closed-card--intro{opacity:var(--ddc-journey-intro-opacity);transform:translate(-50%,calc(-50% + var(--ddc-journey-intro-rise))) rotate(var(--ddc-journey-intro-tilt)) scale(var(--ddc-journey-intro-scale))}.ddc-signature-journey__card-art,.ddc-signature-journey__inside-art,.ddc-signature-journey__envelope-art,.ddc-signature-journey__seal-art{display:block;width:100%;height:100%;object-fit:cover}.ddc-signature-journey__seal-art{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(20,5,8,.5))}.ddc-signature-journey__open-card{width:min(60%,680px);aspect-ratio:10 / 7;opacity:var(--ddc-journey-open-opacity);transform:translate(-50%,-50%) rotateX(1.5deg);transform-style:preserve-3d}.ddc-signature-journey__inside-spread{position:absolute;inset:0;overflow:hidden;color:#634b2d;background:#f5ead7;border:1px solid rgba(244,217,159,.46);border-radius:4px;box-shadow:0 34px 90px #00000075}.ddc-signature-journey__inside-art{object-fit:cover}.ddc-signature-journey__fold{position:absolute;z-index:2;top:1%;bottom:1%;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(82,51,23,.32),transparent);opacity:calc(.2 + (var(--ddc-journey-card-open) * .8))}.ddc-signature-journey__cover{position:absolute;z-index:3;top:0;right:0;width:50%;height:100%;overflow:hidden;background:#f5ead7;border:1px solid rgba(244,217,159,.58);border-radius:0 4px 4px 0;box-shadow:12px 26px 58px #00000047;transform:rotateY(calc(var(--ddc-journey-card-open) * -152deg));transform-origin:0 50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform}.ddc-signature-journey__envelope-scene{width:min(68%,660px);height:min(76%,440px);opacity:var(--ddc-journey-envelope-opacity);transform:translate(-50%,calc(-35% + var(--ddc-journey-envelope-rise)))}.ddc-signature-journey__closed-card--final{z-index:2;width:min(40%,290px);opacity:var(--ddc-journey-final-opacity);transform:translate(-50%,calc(-82% + (var(--ddc-journey-insertion) * 38%))) scale(calc(1 - (var(--ddc-journey-insertion) * .18)))}.ddc-signature-journey__envelope{position:absolute;z-index:3;right:7%;bottom:0;left:7%;height:88%;overflow:hidden;color:#6d5333;background:linear-gradient(145deg,#f3e4c9,#d7ba83);border:1px solid rgba(244,217,159,.62);border-radius:5px;box-shadow:0 32px 80px #00000070}.ddc-signature-journey__seal{position:absolute;z-index:4;left:50%;bottom:36%;display:grid;width:clamp(78px,7vw,98px);aspect-ratio:1;place-items:center;overflow:hidden;color:#f4d99f;background:radial-gradient(circle,transparent 58%,rgba(244,217,159,.2) 59% 63%,transparent 64%),radial-gradient(circle at 36% 30%,#a44250,#641622 72%);border:1px solid rgba(244,217,159,.82);border-radius:50%;box-shadow:0 12px 34px #0000005c,inset 0 0 0 5px #fff5d921;opacity:var(--ddc-journey-seal-opacity);transform:translate(-50%,50%) scale(var(--ddc-journey-seal-scale));will-change:transform,opacity}.ddc-signature-journey__placeholder{position:relative;display:block;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 56%),#ead7b5;box-shadow:inset 0 0 0 1px #7155342e}.ddc-signature-journey__video-layer>.ddc-signature-journey__placeholder{background:#171008}.ddc-signature-journey__placeholder[data-journey-placeholder=card-inside]:before{position:absolute;inset:10% 7%;content:"";background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(113,85,52,.22) 50%,transparent calc(50% + .5px)),linear-gradient(#71553421,#71553421) 90% 28% / 26% 1px no-repeat,linear-gradient(#71553421,#71553421) 90% 37% / 26% 1px no-repeat,linear-gradient(#71553421,#71553421) 90% 46% / 26% 1px no-repeat,linear-gradient(#71553421,#71553421) 90% 55% / 26% 1px no-repeat}.ddc-signature-journey__placeholder[data-journey-placeholder=envelope]{overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#f7ead2,#ddc18e);box-shadow:inset 0 0 0 1px #71553429,inset 0 -18px 30px #71553412}.ddc-signature-journey__placeholder[data-journey-placeholder=envelope]:before,.ddc-signature-journey__placeholder[data-journey-placeholder=envelope]:after{position:absolute;right:0;left:0;content:""}.ddc-signature-journey__placeholder[data-journey-placeholder=envelope]:before{z-index:2;top:0;height:64%;background:linear-gradient(150deg,#fff2da,#dfbf87);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 2px rgba(95,65,32,.28))}.ddc-signature-journey__placeholder[data-journey-placeholder=envelope]:after{z-index:3;top:64%;bottom:0;height:auto;background:linear-gradient(to bottom right,transparent calc(50% - .6px),rgba(113,85,52,.2) 50%,transparent calc(50% + .6px)) left top / 50% 100% no-repeat,linear-gradient(to bottom left,transparent calc(50% - .6px),rgba(113,85,52,.2) 50%,transparent calc(50% + .6px)) right top / 50% 100% no-repeat;clip-path:none;filter:none}.ddc-signature-journey__seal .ddc-signature-journey__placeholder{display:grid;place-items:center;background:transparent;box-shadow:none}.ddc-signature-journey__seal .ddc-signature-journey__placeholder:before{content:"DDC\a Dierenshop";color:#3d2917;font:700 clamp(7px,.72vw,10px)/1.05 system-ui,sans-serif;letter-spacing:.04em;text-align:center;white-space:pre-line}.ddc-signature-journey__intro-copy,.ddc-signature-journey__completion{position:absolute;z-index:7;inset:0;display:grid;height:100%;padding:clamp(30px,4vw,58px);place-content:end start;pointer-events:none}.ddc-signature-journey__intro-copy{width:36%;place-content:center start;opacity:var(--ddc-journey-video-opacity);transform:translateY(calc(var(--ddc-journey-progress) * -18px));will-change:transform,opacity}.ddc-signature-journey__completion{place-content:end center;padding-bottom:clamp(28px,6vh,74px);text-align:center;opacity:var(--ddc-journey-completion-opacity);transform:translateY(calc((1 - var(--ddc-journey-completion-opacity)) * 14px));will-change:transform,opacity}.ddc-signature-journey__eyebrow{margin:0 0 8px;color:var(--ddc-journey-gold);font:600 11px/1.2 system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase}.ddc-signature-journey h2,.ddc-signature-journey__completion strong{display:block;max-width:15ch;margin:0;color:var(--ddc-journey-gold-light);font-family:var(--ritual-display, Georgia, serif);font-size:clamp(32px,3.55vw,50px);font-weight:400;line-height:1.02;letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:balance}.ddc-signature-journey__intro-copy>p:last-child,.ddc-signature-journey__completion span{max-width:40ch;margin:14px 0 0;color:#f4e7cfcc;font-family:var(--ritual-display, Georgia, serif);font-size:clamp(16px,1.6vw,21px);line-height:1.45}.ddc-signature-journey__a11y-description{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.ddc-signature-journey{min-height:300svh}.ddc-signature-journey__stage{top:58px;width:calc(100% - 20px);height:calc(100svh - 76px);min-height:500px;border-radius:12px}.ddc-signature-journey__video,.ddc-signature-journey__poster{object-position:58% center}.ddc-signature-journey__closed-card{width:min(58vw,310px)}.ddc-signature-journey__open-card{width:min(94vw,650px)}.ddc-signature-journey__envelope-scene{width:92vw;height:min(72vw,430px)}.ddc-signature-journey__closed-card--final{width:min(39%,220px)}.ddc-signature-journey__intro-copy{width:100%;padding:72px 22px 28px;place-content:end start}.ddc-signature-journey__completion{padding:72px 22px 32px}}@media(prefers-reduced-motion:reduce){.ddc-signature-journey,.ddc-signature-journey.is-reduced-motion{min-height:max(720px,100svh);--ddc-journey-video-opacity: .16 !important;--ddc-journey-video-scale: 1 !important;--ddc-journey-veil-opacity: .8 !important;--ddc-journey-intro-opacity: 0 !important;--ddc-journey-open-opacity: 0 !important;--ddc-journey-final-opacity: 1 !important;--ddc-journey-envelope-opacity: 1 !important;--ddc-journey-envelope-rise: 0px !important;--ddc-journey-insertion: 1 !important;--ddc-journey-seal-opacity: 1 !important;--ddc-journey-seal-scale: 1 !important;--ddc-journey-completion-opacity: 1 !important}.ddc-signature-journey__stage{position:relative}.ddc-signature-journey__intro-copy{display:none}}.ddc-signature-journey{--ddc-journey-completion-band: clamp(180px, 24svh, 220px);margin-bottom:var(--ddc-journey-completion-band)}.ddc-signature-journey>.ddc-signature-journey__completion{position:absolute;inset:100% 0 auto;display:grid;width:100%;height:var(--ddc-journey-completion-band);margin:0;padding:24px clamp(22px,4vw,58px);box-sizing:border-box;place-content:center;text-align:center;background:radial-gradient(circle at 50% 0,rgba(128,78,34,.12),transparent 60%),var(--ddc-journey-night);opacity:var(--ddc-journey-completion-opacity);transform:translateY(calc((1 - var(--ddc-journey-completion-opacity)) * 14px));pointer-events:none}@media(max-width:700px){.ddc-signature-journey{--ddc-journey-completion-band: clamp(150px, 20svh, 170px)}}
