/* Approved catalogue timeline: readable HTML and original full-resolution imagery. */
.journey{padding:64px 0 80px;background:#fafcfb;color:#171b19;scroll-margin-top:100px}
.journey .journey-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:54px;max-width:1480px}
.journey-heading{position:sticky;top:110px;align-self:start;overflow:hidden;margin:0;background:#fafcfb}
.journey-intro{position:relative;z-index:1;padding:36px 0 0}
.journey-kicker{color:#1b7243;text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:500}
.journey-heading h2{font-size:clamp(38px,4.4vw,68px);line-height:1.12;letter-spacing:-.045em;font-weight:650;margin:28px 0}
.journey-heading h2 span{display:block;color:#359742}
.journey-heading p{max-width:510px;color:#68716e;font-size:15px;line-height:1.7;margin:0}

.journey-showroom{display:block;width:100%;height:380px;object-fit:cover;object-position:50% 65%;margin-top:0;mask-image:linear-gradient(transparent,#000 24%);-webkit-mask-image:linear-gradient(transparent,#000 24%)}
.journey-grid{position:relative;list-style:none;padding:0 0 0 30px;margin:0;border-left:1px solid #b9d6bf}
.journey-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.76fr);gap:0 22px;padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid #e8eeea;align-items:start}
.journey-year{grid-column:1;grid-row:1;color:#16813a;font-size:16px;font-weight:650;line-height:1.4;margin-bottom:5px}
.journey-year:before{content:'';position:absolute;left:-37px;top:5px;width:12px;height:12px;background:#16813a;border:3px solid #fafcfb;border-radius:50%;box-shadow:0 0 0 1px #16813a}
.journey-copy{grid-column:1;grid-row:2}
.journey-copy h3{font-size:15px;line-height:1.45;font-weight:600;margin:0 0 5px;letter-spacing:-.015em}
.journey-copy p{font-size:12px;line-height:1.5;color:#737b77;margin:0}
.journey-event+.journey-event{margin-top:13px}
.journey-visual{grid-column:2;grid-row:1/3;position:relative;width:100%;overflow:hidden;margin:0;border-radius:7px;background:#10653e;align-self:center}
.journey-visual img{display:block;width:100%;max-width:100%;height:auto}
.journey-number{grid-column:2;grid-row:1/3;align-self:center;border-radius:7px;min-height:95px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(120deg,#174731,#287346);color:#f0e2ac;text-align:center}
.journey-number strong{font-size:30px;line-height:1.15;letter-spacing:-.035em;font-weight:600}
.journey-number span{font-size:10px;margin-top:7px;letter-spacing:.05em}
.journey-card:last-child{border:0;padding-bottom:0;margin-bottom:0}
@media(min-width:1600px){.journey-copy h3{font-size:17px}.journey-copy p{font-size:14px}}
@media(max-width:1050px){.journey .journey-layout{gap:32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.journey-card{gap:0 14px;grid-template-columns:minmax(0,1fr) 130px}.journey-heading p{font-size:15px}.journey-heading h2{font-size:42px}.journey-number strong{font-size:25px}}
@media(max-width:760px){.journey{padding:38px 0 50px;scroll-margin-top:80px}.journey .journey-layout{display:block}.journey-heading{position:relative;top:auto;margin-bottom:36px}.journey-intro{padding:0}.journey-heading h2{font-size:42px;margin:20px 0}.journey-heading p{font-size:15px;line-height:1.7}.journey-showroom{height:240px}.journey-grid{margin-left:6px;padding-left:24px}.journey-card{grid-template-columns:minmax(0,1fr);padding-bottom:24px;margin-bottom:24px;gap:0}.journey-year:before{left:-31px}.journey-year{font-size:17px}.journey-copy h3{font-size:17px}.journey-copy p{font-size:14px;line-height:1.6}.journey-visual,.journey-number{grid-column:1;grid-row:3;margin-top:16px;max-width:386px}.journey-number{min-height:110px}.journey-number strong{font-size:36px}.journey-number span{font-size:12px}}

/* Owner-provided standalone catalogue originals: show complete image. */
.journey-original{background:#fff}
.journey-original img{object-fit:contain;width:100%;height:auto}

/* Reference layout with standalone owner photographs and official brand assets. */
.journey-brand-panel{background:#fff;min-height:100px;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;gap:16px;border:1px solid #e5ece7}
.journey-brand-panel img.journey-brand{width:100%;height:64px;object-fit:contain}
.journey-brand-strip{height:60px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}
.journey-brand-strip img.journey-brand{width:100%;height:180px;object-fit:contain;flex-shrink:0}
.journey-original img{max-height:210px;object-fit:contain;background:#f0f5f1}
@media(max-width:760px){.journey-original img{max-height:330px}.journey-brand-panel{min-height:120px}.journey-brand-panel img.journey-brand{height:75px}}
.journey-card{grid-template-rows:min-content 1fr}

/* Restore the approved green gradient behind every timeline brand logo. */
.journey-brand-panel,.journey-brand-strip{background:linear-gradient(120deg,#075c3c 0%,#19794b 55%,#36a45b 100%);border-color:transparent}



/* Full Lacilio lockup in the light treatment used on the catalogue green panel. */
.journey-brand-panel img[src$="brand-lacilio-official.png"]{filter:brightness(0) invert(1)}

/* Catalogue outline for Ceria, Promax and Yubann only. */
.journey img.journey-brand--outlined{filter:drop-shadow(.75px 0 0 #fff) drop-shadow(-.75px 0 0 #fff) drop-shadow(0 .75px 0 #fff) drop-shadow(0 -.75px 0 #fff)}

/* Normalize visible logo bounds while preserving the original image files. */
.journey-brand-frame{display:block;position:relative;overflow:visible;width:72%;max-width:210px;margin:auto;flex-shrink:0}
.journey .journey-brand-frame img.journey-brand{position:absolute;max-width:none;object-fit:fill;flex-shrink:0}
.journey-brand-panel:has(.journey-brand-frame + .journey-brand-frame){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:90px 90px;gap:6px;padding:12px 18px}
.journey-brand-strip{height:80px}
.journey-brand-frame--nuova{width:60%;max-width:165px}
.journey-brand-frame--ceria{aspect-ratio:832/233}
.journey .journey-brand-frame--ceria img.journey-brand{width:136.41827%;height:487.12446%;left:-18.14904%;top:-193.56223%}
.journey-brand-frame--promax{aspect-ratio:985/215}
.journey .journey-brand-frame--promax img.journey-brand{width:108.22335%;height:243.25581%;left:-4.16244%;top:-71.62791%}
.journey-brand-frame--lacilio-official{aspect-ratio:3902/820}
.journey .journey-brand-frame--lacilio-official img.journey-brand{width:114.14659%;height:243.90244%;left:-7.07330%;top:-71.95122%}
.journey-brand-frame--nuova{aspect-ratio:804/492}
.journey .journey-brand-frame--nuova img.journey-brand{width:116.91542%;height:160.16260%;left:-6.96517%;top:-29.47154%}
.journey-brand-frame--promix{aspect-ratio:806/184}
.journey .journey-brand-frame--promix img.journey-brand{width:116.62531%;height:125.00000%;left:-8.06452%;top:-10.86957%}
.journey-brand-frame--yubann{aspect-ratio:1201/301}
.journey .journey-brand-frame--yubann img.journey-brand{width:115.32057%;height:158.80399%;left:-7.66028%;top:-29.56811%}

.journey-brand-strip .journey-brand-frame{width:61%}

/* One showroom photograph shared by the 2018 and 2017 milestones. */
.journey-shared{row-gap:24px;grid-template-rows:auto auto}
.journey-shared .journey-milestone{position:relative;grid-column:1}
.journey-shared .journey-milestone:nth-child(1){grid-row:1}
.journey-shared .journey-milestone:nth-child(2){grid-row:2}
.journey-shared .journey-visual{grid-column:2;grid-row:1 / 3}
@media(max-width:760px){.journey-shared{row-gap:24px}.journey-shared .journey-visual{grid-column:1;grid-row:3;margin-top:0}}

/* Fill the founders frame and keep both faces in the crop. */
.journey-founders{aspect-ratio:4 / 3}
.journey .journey-founders img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 62%}

.journey-heading .journey-showroom{margin-top:20px}

/* Short catalogue-style photographs for milestones with brief copy. */
.journey-founders,.journey-danang{aspect-ratio:3 / 1;align-self:start}
.journey .journey-founders img,.journey .journey-danang img{width:100%;height:100%;max-height:none;object-fit:cover}
.journey .journey-founders img{object-position:50% 54%}
.journey .journey-danang img{object-position:50% 57%}

.journey-anniversary{background:linear-gradient(120deg,#174731,#287346);padding:12px}
.journey-anniversary img{display:block;width:100%;height:auto}

/* Give the anniversary artwork and Nuova mark more breathing room. */
.journey-anniversary img{width:82%;margin-inline:auto}
.journey-brand-frame--nuova{width:48%;max-width:132px}