/* Project journey: quiet, tactile illustrations and clear next actions. */
.project-journey{position:relative;padding:100px 0 90px;background:radial-gradient(ellipse at 8% 12%,#e7e1fc80,transparent 40%),radial-gradient(ellipse at 95% 90%,#eee2d455,transparent 36%),#f4f3f8;color:#282735;scroll-margin-top:108px;overflow:hidden}
.journey-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:end;margin-bottom:44px}
.journey-heading .v3-eyebrow{color:#68627c;font-size:11px;letter-spacing:.14em}
.journey-heading h2{font-size:clamp(37px,4.6vw,58px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:22px 0 0;color:#282735}
.journey-heading h2 em{color:#8a79ba;font-weight:400}
.journey-heading>p{color:#6e687e;font-size:18px;line-height:1.75;margin:0 0 4px;max-width:385px}
.journey-cards{list-style:none!important;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:journey-step}
.journey-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #ded9ea;border-radius:25px;padding:12px;min-width:0;box-shadow:0 6px 20px #30234103;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;counter-increment:journey-step}
.journey-card:hover,.journey-card:focus-within{transform:translateY(-5px);box-shadow:0 18px 38px #48315c0d;border-color:#bcb0d8}
.journey-card:not(:last-child)::after{content:'→';position:absolute;z-index:2;top:107px;right:-24px;width:26px;height:26px;background:#f4f1fa;border:1px solid #d9d1e9;border-radius:50%;color:#8d7fa5;display:grid;place-items:center;font-size:16px;line-height:1;pointer-events:none}
.journey-visual{position:relative;height:226px;border-radius:16px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}
.journey-card-brief .journey-visual{background:radial-gradient(circle at 84% 14%,#fcfbff 0 8%,transparent 8.2%),linear-gradient(145deg,#eee8ff,#e2dcf2)}
.journey-card-materials .journey-visual{background:radial-gradient(circle at 10% 90%,#fff6e9 0 19%,transparent 19.2%),linear-gradient(145deg,#f4ede2,#eee2d4)}
.journey-card-proposal .journey-visual{background:radial-gradient(circle at 92% 10%,#f7fcf3 0 16%,transparent 16.2%),linear-gradient(145deg,#e8f0e7,#dce8e1)}
.journey-note{position:relative;width:220px;height:165px;box-sizing:border-box;padding:19px 17px;border:1px solid #fff;border-radius:13px;background:#fffdfd;box-shadow:0 14px 25px #56437d16;transform:rotate(-6deg);transition:transform .4s ease}
.journey-note-title{display:flex;align-items:center;gap:7px;color:#847393;font-size:9px;font-weight:500;letter-spacing:.12em}
.journey-note-title svg{width:12px;height:12px}
.journey-note-title i{width:5px;height:5px;background:#b5a1d0;border-radius:50%;margin-left:auto}
.journey-bubble{background:#9c88d3;color:white;border-radius:12px 12px 12px 3px;padding:11px 13px;line-height:1.4;font-size:16px;font-weight:500;letter-spacing:-.02em;margin:13px -28px 12px 6px;transform:rotate(6deg);box-shadow:0 8px 12px #5f46771a}
.journey-note-tags{display:flex;gap:5px;margin:14px 0 0;transform:rotate(1deg)}
.journey-note-tags span{background:#f1edf7;border:1px solid #ebe3f3;color:#8a7b9b;font-size:9px;padding:4px 7px;border-radius:5px}
.journey-note-lines{display:flex;gap:6px;margin-top:11px}
.journey-note-lines i{display:block;height:3px;background:#e9e3f2;width:47px;border-radius:5px}
.journey-note-lines i:last-child{width:28px}
.journey-location{position:absolute;left:23px;bottom:19px;display:flex;align-items:center;gap:6px;font-size:10px;color:#706078;background:#f9f7ffe8;border:1px solid #fff;border-radius:22px;padding:7px 10px;transform:rotate(-7deg);box-shadow:0 5px 12px #4831570a}
.journey-location svg{width:12px;height:12px;color:#9a7cbb}
.journey-visual-spark{position:absolute;right:22px;top:20px;display:grid;place-items:center;color:#a58cc2;transform:rotate(12deg)}
.journey-visual-spark svg{width:27px;height:27px;stroke-width:1.25}
.journey-moodboard{position:relative;width:214px;height:171px;padding:8px 8px 27px;background:#fffaf4;border:1px solid #fff;border-radius:6px;box-shadow:0 15px 25px #6e56331a;transform:translate(-13px,-6px) rotate(-5deg);transition:transform .4s ease}
.journey-mood-image{width:100%;height:100%;object-fit:cover;border-radius:2px}
.journey-mood-label{position:absolute;bottom:8px;left:12px;font-size:8px;font-weight:500;letter-spacing:.11em;color:#8f7c62}
.journey-swatches{display:flex;align-items:center;position:absolute;right:25px;bottom:30px;gap:0;filter:drop-shadow(0 8px 5px #493d2320);transform:rotate(8deg);transition:transform .4s ease}
.journey-swatches i{position:relative;display:block;width:41px;height:66px;box-shadow:inset 0 0 0 1px #ffffff60;border-radius:5px;margin-left:-3px}
.journey-swatch-wood{background:repeating-linear-gradient(90deg,#b89169 0 2px,#bb976f 2px 5px,#ae8761 5px 6px);transform:rotate(-14deg) translateY(3px)}
.journey-swatch-stone{background:linear-gradient(120deg,#e6d4b9,#f4e6d3 50%,#ddcbb1);transform:rotate(-1deg)}
.journey-swatch-green{background:#526c5d;transform:rotate(12deg) translateY(3px)}
.journey-ruler{position:absolute;left:24px;bottom:18px;display:flex;align-items:flex-end;gap:15px;height:10px;border-bottom:1px solid #b9a182;transform:rotate(-5deg)}
.journey-ruler span{display:block;width:1px;height:5px;background:#b9a182}
.journey-ruler span:nth-child(odd){height:9px}
.journey-proposal{position:relative;width:213px;height:172px;box-sizing:border-box;background:#fcfefa;border:1px solid white;border-radius:10px;padding:20px;box-shadow:0 13px 24px #315a4512;transform:rotate(5deg) translateY(-4px);transition:transform .4s ease}
.journey-proposal-title{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#748878;font-size:9px;font-weight:500;letter-spacing:.11em;padding-bottom:14px;border-bottom:1px solid #e1e9df}
.journey-proposal-title svg{width:14px;height:14px;color:#789780}
.journey-proposal-rows{display:flex;flex-direction:column;gap:12px;padding-top:14px}
.journey-proposal-rows>span{display:flex;align-items:center;gap:8px;color:#6b7b70;font-size:11px}
.journey-proposal-rows svg{width:15px;height:15px;color:#7ca38a;background:#e8f2e9;border-radius:50%;padding:3px;box-sizing:content-box}
.journey-stamp{position:absolute;right:18px;bottom:20px;display:flex;align-items:center;gap:5px;border:1px solid #9baa8d;border-radius:6px;background:#e9f0dc;padding:10px 12px;color:#758363;line-height:1.2;font-size:10px;transform:rotate(-8deg);box-shadow:0 4px 10px #304c3310;transition:transform .4s ease}
.journey-stamp svg{width:12px;height:12px}
.journey-card:hover .journey-note,.journey-card:focus-within .journey-note{transform:translateY(-3px) rotate(-2deg)}
.journey-card:hover .journey-moodboard,.journey-card:focus-within .journey-moodboard{transform:translate(-13px,-10px) rotate(-2deg)}
.journey-card:hover .journey-swatches,.journey-card:focus-within .journey-swatches{transform:rotate(15deg) translateY(-3px)}
.journey-card:hover .journey-proposal,.journey-card:focus-within .journey-proposal{transform:rotate(2deg) translateY(-7px)}
.journey-card:hover .journey-stamp,.journey-card:focus-within .journey-stamp{transform:rotate(-3deg) translateY(-2px)}
.journey-card-copy{padding:26px 18px 10px;display:flex;flex-direction:column;flex:1}
.journey-card-copy>small{font-size:10px;font-weight:500;color:#9a8baa;letter-spacing:.1em;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.journey-card-copy>small::before{content:'';width:5px;height:5px;border-radius:50%;background:#b29ecf}
.journey-card-materials .journey-card-copy>small{color:#a28b6e}.journey-card-materials .journey-card-copy>small::before{background:#bea184}
.journey-card-proposal .journey-card-copy>small{color:#819788}.journey-card-proposal .journey-card-copy>small::before{background:#9fb6a2}
.journey-card-copy h3{font-size:27px;line-height:1.25;letter-spacing:-.035em;color:#302d3d;font-weight:500;margin:0 0 13px}
.journey-card-copy>p{font-size:16px;line-height:1.8;color:#746e80;margin:0 0 21px}
.journey-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eeeaf3;padding:16px 0 4px;font-size:14px;line-height:1.5;color:#74608e;text-decoration:none;min-height:44px;margin-top:auto;transition:color .2s}
.journey-card-link svg{width:17px;height:17px;flex-shrink:0;transition:transform .25s}
.journey-card-link:hover{color:#452264}.journey-card-link:hover svg{transform:translate(2px,-2px)}
.journey-budget-bridge{display:flex;align-items:center;gap:24px;margin-top:30px;padding:29px 32px;border:1px solid #ddd4ea;border-radius:24px;background:linear-gradient(110deg,#e9e2f6,#eeebf8 65%,#e5e6f5);position:relative;overflow:hidden}
.journey-budget-icon{width:65px;height:74px;display:grid;place-items:center;background:#f6f2ff;border:1px solid #fff;border-radius:17px;box-shadow:0 8px 15px #7c689b0a;transform:rotate(-7deg);font-size:37px;color:#9a82bb;flex-shrink:0;font-family:'Instrument Serif',serif;transition:transform .3s}
.journey-budget-bridge:hover .journey-budget-icon{transform:rotate(-2deg) translateY(-2px)}
.journey-budget-copy{flex:1;min-width:0}
.journey-budget-copy small{color:#8d7b9f;font-size:9px;letter-spacing:.1em;display:block;margin-bottom:9px;line-height:1.5}
.journey-budget-copy h3{font-size:27px;line-height:1.25;letter-spacing:-.035em;font-weight:500;color:#4a3d5b;margin:0 0 9px}
.journey-budget-copy p{color:#82748f;font-size:15px;line-height:1.75;margin:0;max-width:570px}
.journey-budget-actions{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0}
.journey-budget-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#615077;color:white;padding:16px 20px;min-height:55px;border-radius:11px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s}
.journey-budget-cta:hover{background:#4d3a65;transform:translateY(-1px)}
.journey-budget-cta svg{width:18px;height:18px}
.journey-budget-method{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;color:#8c7a9f;text-decoration:underline;text-underline-offset:4px}
.journey-budget-method svg{width:14px;height:14px}
.project-journey a:focus-visible{outline:2px solid #9379b8;outline-offset:5px;border-radius:5px}
@media(min-width:1350px){.journey-card-copy{padding:28px 22px 14px}.journey-visual{height:244px}}
@media(max-width:1050px){.journey-heading{gap:32px}.journey-cards{gap:16px}.journey-card{padding:9px}.journey-card-copy{padding:22px 13px 10px}.journey-card-copy h3{font-size:24px}.journey-card-copy>p{font-size:15px}.journey-card:not(:last-child)::after{right:-20px;width:23px;height:23px}.journey-note{width:195px}.journey-moodboard{width:190px}.journey-proposal{width:190px}.journey-location{left:13px}.journey-swatches{right:14px}.journey-budget-bridge{gap:20px;padding:25px}.journey-budget-icon{width:54px;height:65px}.journey-budget-copy h3{font-size:24px}.journey-budget-copy p{font-size:14px}.journey-budget-cta{gap:17px;padding:15px}}
@media(max-width:760px){.project-journey{padding:64px 0}.journey-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.journey-heading h2{font-size:39px;margin-top:18px}.journey-heading>p{font-size:17px;max-width:440px}.journey-cards{grid-template-columns:1fr;gap:20px}.journey-card{padding:12px;border-radius:22px}.journey-card:not(:last-child)::after{content:'↓';top:auto;bottom:-23px;left:calc(50% - 13px);right:auto;width:26px;height:26px;background:#f9f7fc}.journey-visual{height:218px;border-radius:14px}.journey-note{width:220px}.journey-moodboard{width:214px}.journey-proposal{width:213px}.journey-location{left:23px}.journey-swatches{right:calc(50% - 119px)}.journey-visual-spark{right:calc(50% - 129px)}.journey-card-copy{padding:25px 17px 11px}.journey-card-copy>small{font-size:10px}.journey-card-copy h3{font-size:28px}.journey-card-copy>p{font-size:16px;margin-bottom:18px}.journey-card-link{font-size:15px;padding-block:15px 3px}.journey-budget-bridge{display:grid;grid-template-columns:50px 1fr;gap:18px 16px;padding:25px 22px;border-radius:21px;margin-top:25px}.journey-budget-icon{width:50px;height:60px;font-size:32px;align-self:start}.journey-budget-copy h3{font-size:26px;line-height:1.3}.journey-budget-copy p{font-size:15px}.journey-budget-copy small{font-size:9px}.journey-budget-actions{grid-column:1/-1;align-items:stretch;gap:6px}.journey-budget-cta{font-size:16px;padding:16px 18px}.journey-budget-method{justify-content:center;min-height:40px;font-size:13px}}
@media(max-width:420px){.journey-heading h2{font-size:35px}.journey-heading>p{font-size:16px}.journey-card-copy{padding-inline:14px}.journey-visual{height:207px}.journey-card-copy h3{font-size:26px}.journey-budget-bridge{grid-template-columns:1fr;padding:24px}.journey-budget-icon{display:none}.journey-budget-copy h3{font-size:26px}}
@media(hover:none){.journey-card:hover{transform:none;box-shadow:0 6px 20px #30234103}}
@media(prefers-reduced-motion:reduce){.project-journey *,.project-journey *::before,.project-journey *::after{transition:none!important;animation:none!important}.journey-card:hover,.journey-card:focus-within{transform:none}}
