/* Wide photographs retain their original colour. */
.car-reel-wrap{container-type:inline-size}
.car-reel .reel-card{width:calc((100vw - 30px)/3.5);width:calc((100cqw - 30px)/3.5);height:clamp(340px,32vw,480px)}
.reel-card img,.case-image img{filter:none}
.car-reel{animation-duration:78s}
.process-section{position:relative;background:#eeeee9;border-top:1px solid #deded9;border-bottom:1px solid #deded9;padding:70px 0;scroll-margin-top:0}
.process-frame{width:100%}
.process-frame>.section-heading{margin-bottom:24px;align-items:flex-end}
.process-frame h2{font-size:clamp(27px,3.1vw,43px);line-height:1.18}
.process-frame>.section-heading>p{margin:0;text-align:right;max-width:280px;font-size:12px;line-height:1.6;color:#666}
.process-skip{display:block;font-size:12px;color:#222;text-decoration:underline;text-underline-offset:5px}
.process-section .journey-tabs{margin:0 0 25px;gap:8px}
.process-section .journey-tabs button{min-height:58px;padding:13px 16px;display:flex;flex-direction:row;align-items:center;gap:13px;font-size:12px}
.process-section .journey-tabs button>span:first-child{font-size:17px}
.process-section .journey-tabs button>svg{display:none}
.process-section .journey-panel{padding:0;border:0;border-radius:0;background:transparent;gap:55px;grid-template-columns:1fr 1fr;align-items:center;min-height:400px;animation:none}
.journey-copy{padding:15px 0}
.journey-copy h3{font-size:clamp(26px,2.6vw,36px);line-height:1.2;margin:17px 0}
.journey-copy>p{font-size:15px;max-width:510px;line-height:1.75}
.journey-participation{max-width:460px}
.journey-copy>.button{margin-top:0}
.journey-scene{position:relative;align-self:stretch;overflow:hidden;min-height:400px;border-radius:22px;background:#deded7}
.journey-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#0004);pointer-events:none}
.journey-scene .journey-result{position:absolute;z-index:1;bottom:20px;left:20px;right:20px;align-self:auto;min-height:0;padding:24px;background:#fafaf6;box-shadow:0 10px 30px #0002;border:1px solid #fff;border-radius:15px;overflow:hidden}
.journey-result>svg{float:right;margin:0;width:40px;height:40px;padding:10px;background:#eaeae4}
.journey-result h4{font-size:19px;margin:0 50px 15px 0}
.journey-result li{font-size:12px;margin-top:9px}
.journey-watermark{right:15px;bottom:-10px;font-size:110px;opacity:.55}
.journey-scroll-progress{height:3px;background:#d3d3ca;margin-top:26px;overflow:hidden;border-radius:3px}
.journey-scroll-progress>span{display:block;width:100%;height:100%;transform:scaleX(var(--journey-progress,.1));transform-origin:left;background:#191919}
/* Sticky positioning extends the scene while native document scrolling drives it. */
.process-section.scroll-journey{padding:0;height:400svh}
.scroll-journey .process-sticky{position:sticky;top:0;height:100svh}
.scroll-journey .process-frame{height:100%;display:flex;flex-direction:column;padding-top:clamp(24px,4vh,54px);padding-bottom:clamp(22px,3vh,40px)}
.scroll-journey .journey-panels{position:relative;flex:1;min-height:0}
.scroll-journey .journey-panel{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:var(--panel-opacity,0);transform:translateY(var(--panel-shift,0px));pointer-events:none;will-change:transform,opacity}
.scroll-journey .journey-panel.is-current{pointer-events:auto}
.scroll-journey .journey-scene{min-height:0}
.scroll-journey .journey-copy{padding-block:0}
.scroll-journey .journey-count{font-size:12px}
.budget-section .budget-grid{grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.budget-section .budget-explanation h2{font-size:clamp(30px,3.8vw,53px);line-height:1.15}
.budget-section .budget-explanation>p{max-width:435px;margin:27px 0;font-size:15px;line-height:1.8;color:#c6c6c6}
.budget-section .budget-explanation .budget-clarity{padding-left:18px;border-left:2px solid #aaa;color:#f2f2f2;font-size:14px;margin-bottom:32px}
.price-breakdown{background:#fafaf8;color:#191919;border:1px solid #fff;border-radius:22px;padding:32px;min-width:0;box-shadow:0 20px 70px #0003}
.price-breakdown>h3{font-family:var(--body);font-size:23px;font-weight:500;letter-spacing:-.03em;line-height:1.3;margin:0 0 25px}
.price-breakdown ol{padding:0;margin:0;list-style:none}
.price-breakdown li{display:flex;gap:17px;align-items:flex-start;padding:20px 0;border-top:1px solid #deded8}
.price-part-number{width:32px;height:32px;display:grid;place-items:center;border:1px solid #d8d8d2;border-radius:9px;font-size:11px;color:#555;flex:none}
.price-breakdown h4{margin:1px 0 6px;font-size:16px;font-weight:500;line-height:1.4}
.price-breakdown li p{font-size:12px;color:#6a6a6a;line-height:1.55;margin:0}
.price-breakdown-total{position:relative;background:#191919;color:#fff;border-radius:13px;padding:22px;margin-top:4px}
.price-breakdown-total>span{display:block;font-size:12px;color:#bebebe;margin-bottom:13px}
.price-breakdown-total>strong{display:block;font-family:var(--display);font-size:27px;line-height:1.2;letter-spacing:-.03em;font-weight:400}
.price-breakdown-total>svg{position:absolute;right:22px;bottom:23px;width:32px;height:32px;border:1px solid #666;border-radius:50%;padding:7px}
.price-breakdown .price-breakdown-note{font-size:11px;line-height:1.7;color:#6a6a6a;margin:18px 0 0}
@media(max-width:1000px){.process-section .journey-panel{gap:30px}.process-section .journey-tabs button{font-size:11px;padding:12px;gap:9px}.journey-copy>p{font-size:13px}.journey-copy h3{font-size:28px}.journey-participation{margin-block:18px}.journey-participation p{font-size:12px}.journey-scene .journey-result{padding:20px;left:14px;right:14px;bottom:14px}.budget-section .budget-grid{gap:40px}.price-breakdown{padding:26px}}
@media(max-width:700px){.car-reel .reel-card{width:74vw;width:74cqw;height:clamp(300px,85vw,400px)}.process-section{padding-block:50px}.process-frame>.section-heading{margin-bottom:20px;display:block}.process-frame h2{font-size:29px}.process-frame>.section-heading>p{max-width:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;text-align:left;margin:15px 0 0}.process-instruction br{display:none}.process-skip{flex:none;font-size:10px;max-width:100px;margin:0}.process-section .journey-tabs{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;padding:0 2px 7px;margin:0 -2px 17px;gap:8px}.process-section .journey-tabs::-webkit-scrollbar{display:none}.process-section .journey-tabs button{display:flex;flex:0 0 148px;min-width:148px;min-height:78px;padding:11px 12px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;font-size:11px;border-radius:10px;text-align:left;line-height:1.25;white-space:normal;scroll-snap-align:start}.process-section .journey-tabs button>span:first-child{font-size:15px;line-height:1}.process-section .journey-panel{grid-template-columns:1fr;gap:20px;min-height:0}.journey-copy{padding:0}.journey-copy h3{font-size:25px;margin:10px 0}.journey-copy>p{font-size:12px;line-height:1.6}.journey-copy>.button{width:auto}.journey-count{font-size:11px}.journey-participation{margin:15px 0}.journey-participation p{font-size:12px}.journey-scene{min-height:300px}.journey-scene .journey-result{padding:18px}.journey-result>svg{width:32px;height:32px;padding:7px}.journey-result h4{font-size:17px;margin-right:35px}.journey-result li{font-size:11px}.journey-scroll-progress{margin-top:20px}.scroll-journey .process-frame{padding-top:24px;padding-bottom:22px}.scroll-journey .journey-panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:18px;align-items:stretch}.scroll-journey .journey-participation{display:none}.scroll-journey .journey-copy>.button{min-height:44px;margin-top:17px;font-size:11px;padding:6px 7px 6px 15px;gap:15px}.scroll-journey .button-circle{width:29px;height:29px}.scroll-journey .journey-scene{min-height:0}.scroll-journey .journey-result{top:auto;left:12px;right:12px;bottom:12px;padding:15px;background:#fffffff2}.scroll-journey .journey-result>svg{display:none}.scroll-journey .journey-result h4{font-size:16px;margin:0 0 10px}.scroll-journey .journey-result ul{display:flex;flex-wrap:wrap;gap:7px 13px}.scroll-journey .journey-result li{font-size:10px;margin:0;gap:4px}.scroll-journey .journey-result li svg{width:12px;height:12px}.scroll-journey .journey-watermark{font-size:80px}.budget-section .budget-grid{grid-template-columns:minmax(0,1fr);gap:35px}.budget-section .budget-explanation h2{font-size:clamp(28px,7.6vw,42px)}.budget-section .budget-explanation>p{font-size:14px}.budget-section .budget-explanation .budget-clarity{font-size:13px}.budget-explanation>.button{width:100%}.price-breakdown{padding:25px 20px}.price-breakdown>h3{font-size:23px}.price-breakdown li{gap:12px;padding-block:18px}.price-breakdown h4{font-size:15px}.price-breakdown li p{font-size:12px}.price-breakdown-total>strong{font-size:25px}.price-breakdown-total{padding:20px}}
@media(max-height:760px) and (min-width:701px){.scroll-journey .process-frame{padding-top:23px;padding-bottom:22px}.scroll-journey .process-frame h2{font-size:30px}.scroll-journey .process-frame>.section-heading{margin-bottom:18px}.scroll-journey .journey-tabs{margin-bottom:18px}.scroll-journey .journey-tabs button{min-height:48px}.scroll-journey .journey-copy h3{font-size:28px;margin:11px 0}.scroll-journey .journey-copy>p{font-size:13px}.scroll-journey .journey-participation{margin-block:15px}.scroll-journey .journey-copy>.button{min-height:48px}.scroll-journey .journey-result{padding:20px}.scroll-journey .journey-scroll-progress{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.journey-scroll-progress{display:none}}
@media(max-width:700px){.process-frame h2{font-size:clamp(19px,5.4vw,25px)}}
@media(max-width:700px){.process-section .journey-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;margin:0 0 16px;padding:0;gap:5px}.process-section .journey-tabs button{display:grid;place-items:center;min-width:0;min-height:42px;padding:0;border-radius:9px}.process-section .journey-tabs button>span:first-child{font-size:15px;line-height:1}.process-section .journey-tabs .journey-tab-label,.process-section .journey-tabs button>svg{display:none}}
