/* Example trip redesign 2026-09-23: one editorial system (numbered chapters, a route that
   links to its days, uniform day entries). Same palette as before: sky, paper, espresso, spark. */
.mt-page{--mt-tint:#DDF0FC;--mt-mono:"IBM Plex Mono",ui-monospace,monospace;--mt-serif:"Instrument Serif",Georgia,serif;
  background:var(--paper);color:var(--espresso);font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:1rem;line-height:1.6}
.mt-page *,.mt-page *::before,.mt-page *::after{box-sizing:border-box}
.mt-page img{display:block;max-width:100%;height:auto;border:0}
.mt-page p,.mt-page figure,.mt-page blockquote,.mt-page dl,.mt-page dd,.mt-page ol,.mt-page ul{margin:0}
.mt-page h1,.mt-page h2,.mt-page h3{font-family:var(--mt-serif)!important;font-weight:400!important;letter-spacing:-.02em;color:var(--espresso);margin:0}
.mt-page a:focus-visible{outline:2px solid var(--spark);outline-offset:3px}
.mt-shell{width:min(calc(100% - 3rem),72rem);margin-inline:auto}
.mt-section{padding-block:var(--jit-section-space,clamp(2.5rem,5vw,4.5rem))}

/* type roles */
.mt-kicker,.mt-label,.mt-meta{font-family:var(--mt-mono);font-weight:600;text-transform:uppercase}
.mt-kicker{display:flex;align-items:center;gap:.75rem;font-size:.68rem;line-height:1.4;letter-spacing:.16em}
.mt-kicker::before{content:"";flex:none;width:1.75rem;height:2px;background:var(--spark)}
.mt-label{display:block;font-size:.64rem;line-height:1.4;letter-spacing:.14em;margin-bottom:.8rem;opacity:.75}
.mt-meta{font-size:.62rem;line-height:1.45;letter-spacing:.1em;font-weight:500}
.mt-head{display:grid;gap:1rem;max-width:46rem;margin-bottom:clamp(2rem,4vw,3.25rem)}
.mt-head h2{font-size:clamp(2.3rem,4.8vw,3.8rem);line-height:.98}
.mt-head > p:not(.mt-kicker){font-size:1.06rem;line-height:1.65;max-width:40rem}
.mt-rule{border-top:1px solid var(--espresso)}

/* hero */
.mt-hero{background:var(--sky);padding-block:var(--jit-hero-space,clamp(3rem,5.5vw,5rem))}
.mt-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4.5rem);align-items:end}
.mt-hero h1{font-size:clamp(4.2rem,12vw,9rem)!important;line-height:.86!important;letter-spacing:-.035em;margin:1.4rem 0 1.6rem}
.mt-hero__lede{font-size:clamp(1.08rem,1.6vw,1.28rem);line-height:1.55;max-width:34rem}
.mt-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2.5rem!important}
.mt-facts > div{padding:.85rem 1rem 0 0}
.mt-facts dt{font:600 .6rem/1.3 var(--mt-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-bottom:.35rem}
.mt-facts dd{font-size:1rem;font-weight:600;line-height:1.3}
.mt-hero__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.mt-hero__photo figcaption{margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--ink-hair)}

/* the request */
.mt-request__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,6vw,5.5rem);align-items:start}
.mt-bigquote{border-top:3px solid var(--spark);padding-top:1.5rem}
.mt-bigquote p{font-family:var(--mt-serif);font-size:clamp(1.9rem,3.7vw,3.1rem);line-height:1.06;letter-spacing:-.015em}
.mt-bigquote cite,.mt-quote cite{display:block;margin-top:1.25rem;font:600 .64rem/1.4 var(--mt-mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase}
.mt-prose p{font-size:1.04rem;line-height:1.72}
.mt-prose p + p{margin-top:1rem}
.mt-prose{padding-top:calc(1.5rem + 3px)}

/* profile */
.mt-profile{padding-top:0}
.mt-profile__inner{border-top:1px solid var(--ink-hair);padding-top:var(--jit-section-space,clamp(2.5rem,5vw,4.5rem))}
.mt-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,5.5rem);align-items:start}
.mt-split .mt-head{margin-bottom:0}
.mt-ledger > div{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:1rem;padding:1rem 0;border-bottom:1px solid var(--ink-hair)}
.mt-ledger dt{font:600 .64rem/1.9 var(--mt-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.mt-ledger dd{font-size:1.06rem;line-height:1.45}

/* design */
.mt-design{background:var(--sky)}
.mt-design__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,6vw,5.5rem);align-items:start}
.mt-notes{list-style:none;padding:0;counter-reset:mt-note}
.mt-notes li{counter-increment:mt-note;display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem;padding:1.1rem 0;border-bottom:1px solid var(--ink-hair);font-size:1.04rem;line-height:1.55}
.mt-notes li::before{content:counter(mt-note,decimal-leading-zero);font:600 .7rem/2.2 var(--mt-mono);letter-spacing:.1em}
.mt-route{list-style:none;padding:0}
.mt-route li{position:relative;padding-left:2.1rem}
.mt-route li::before{content:"";position:absolute;left:0;top:1.35rem;width:.75rem;height:.75rem;background:var(--spark)}
.mt-route li:not(:last-child)::after{content:"";position:absolute;left:calc(.375rem - 1px);top:2.1rem;bottom:-1.35rem;width:2px;background:var(--espresso)}
.mt-route a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--ink-hair);color:var(--espresso)!important;text-decoration:none}
.mt-route strong{font-family:var(--mt-serif);font-weight:400;font-size:clamp(1.45rem,2.4vw,1.95rem);line-height:1.1}
.mt-route a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.mt-route .mt-meta{flex:none}
.mt-design__note{margin-top:1.5rem!important;font-size:.95rem;line-height:1.6;max-width:32rem}

/* delivery */
.mt-delivery__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,5.5rem);align-items:start}
.mt-delivery__photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;position:sticky;top:6.5rem}
.mt-delivery__photos img{width:100%;aspect-ratio:3/4;object-fit:cover}
.mt-delivery__photos figcaption{grid-column:1/-1;padding-top:.6rem;border-top:1px solid var(--ink-hair)}
.mt-countdown{list-style:none;padding:0}
.mt-countdown li{display:grid;grid-template-columns:2.75rem minmax(0,9rem) minmax(0,1fr);gap:1rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--ink-hair)}
.mt-countdown img{width:2.75rem;height:2.75rem;object-fit:contain}
.mt-countdown .mt-meta{padding-top:.2rem;font-weight:600}
.mt-countdown p{line-height:1.5}
.mt-countdown li.mt-countdown__last{background:var(--sky);padding-inline:1rem;margin-inline:-1rem;border-bottom:0}

/* brochure */
.mt-brochure{background:var(--mt-tint)}
.mt-brochure__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,5.5rem);align-items:start}
.mt-brochure__photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mt-brochure__photo figcaption{margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--ink-hair)}
.mt-contents{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}
.mt-contents li{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.85rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--ink-hair)}
.mt-contents img{width:2.6rem;height:2.6rem;object-fit:contain}
.mt-contents h3{font-size:1.28rem!important;line-height:1.1;margin-bottom:.3rem}
.mt-contents p{font-size:.9rem;line-height:1.45}

/* itinerary */
.mt-itinerary{padding-bottom:0}
.mt-day{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:clamp(1.5rem,5vw,4.5rem);padding-block:clamp(2.25rem,4.5vw,3.5rem);border-bottom:1px solid var(--ink-hair);scroll-margin-top:6rem}
.mt-day__head{position:sticky;top:6.5rem;align-self:start}
.mt-day__no{display:flex;align-items:flex-end;gap:.7rem;font:600 .66rem/1 var(--mt-mono);letter-spacing:.16em;text-transform:uppercase}
.mt-page .mt-day__no span{font-family:var(--mt-serif);font-size:clamp(3.6rem,7vw,5.6rem);line-height:.8;letter-spacing:-.03em;color:var(--spark)!important;text-transform:none}
.mt-day h3{font-size:clamp(1.9rem,3.2vw,2.7rem)!important;line-height:1;margin:1rem 0 .6rem}
.mt-day__body > * + *{margin-top:1.5rem!important}
.mt-day__body > p{font-size:1.06rem;line-height:1.72;max-width:42rem}
.mt-list{list-style:none;padding:0;border-top:1px solid var(--ink-hair)}
.mt-list li{position:relative;padding:.75rem 0 .75rem 1.6rem;border-bottom:1px solid var(--ink-hair);line-height:1.5}
.mt-list li::before{content:"";position:absolute;left:0;top:1.45rem;width:.65rem;height:2px;background:var(--spark)}
.mt-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.mt-option{background:var(--mt-tint);padding:1.1rem 1.2rem}
.mt-option .mt-label{margin-bottom:.45rem}
.mt-option p:not(.mt-label){line-height:1.5}
.mt-inline-photo img{width:100%;aspect-ratio:3/2;object-fit:cover}
.mt-inline-photo--portrait img{aspect-ratio:4/3;object-position:50% 30%}
.mt-inline-photo figcaption,.mt-break figcaption,.mt-voice figcaption{margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--ink-hair)}
.mt-break{padding-block:clamp(2rem,4vw,3rem);border-bottom:1px solid var(--ink-hair)}
.mt-break img{width:100%;aspect-ratio:21/9;object-fit:cover}
.mt-voice{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:center;padding-block:clamp(2rem,4.5vw,3.5rem);border-bottom:1px solid var(--ink-hair)}
.mt-voice__photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.mt-voice--pair .mt-voice__photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.mt-voice--pair .mt-voice__photos img{width:100%;aspect-ratio:4/5;object-fit:cover}
.mt-voice--pair .mt-voice__photos figcaption{grid-column:1/-1;margin-top:0}
.mt-quote{border-left:3px solid var(--spark);padding-left:clamp(1.1rem,2.5vw,2rem)}
.mt-quote p{font-family:var(--mt-serif);font-size:clamp(1.45rem,2.5vw,2.05rem);line-height:1.16;letter-spacing:-.01em}
.mt-voice--pair .mt-quote p{font-size:clamp(1.35rem,2.1vw,1.75rem)}

/* after the trip */
.mt-after{background:var(--sky)}
.mt-after__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(2rem,6vw,5.5rem);align-items:start}
.mt-after .mt-bigquote p{font-size:clamp(1.6rem,2.8vw,2.35rem);line-height:1.12}
.mt-takeaways{list-style:none;padding:0}
.mt-takeaways li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--ink-hair);line-height:1.5}
.mt-takeaways li::before{content:"\2713";font:600 .95rem/1.5 var(--mt-mono)}

/* fit */
.mt-fit__grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem);counter-reset:mt-fit}
.mt-fit__grid li{counter-increment:mt-fit;border-top:1px solid var(--espresso);padding-top:1.1rem}
.mt-fit__grid li::before{content:counter(mt-fit,decimal-leading-zero);display:block;font:400 3rem/1 var(--mt-serif);color:var(--spark);margin-bottom:1.1rem}
.mt-fit h3{font-size:1.65rem!important;line-height:1.08;margin-bottom:.8rem}
.mt-fit p{line-height:1.6}

/* combine */
.mt-combine{background:var(--mt-tint)}
.mt-combine__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,5.5rem);align-items:center}
.mt-combine .mt-head{margin-bottom:0}
.mt-sum{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem;align-items:stretch}
.mt-sum__part{padding:1.4rem 1.4rem 1.6rem;background:var(--paper);border:1px solid var(--ink-hair)}
.mt-sum__part h3{font-size:1.55rem!important;line-height:1.1;margin-top:.2rem}
.mt-sum__part p:not(.mt-label){margin-top:.6rem;font-size:.92rem;line-height:1.5}
.mt-sum__part--ours{background:var(--espresso);border-color:var(--espresso);color:var(--paper)}
.mt-page .mt-sum__part--ours h3{color:var(--paper)}
.mt-page .mt-sum__plus{align-self:center;font:400 3rem/1 var(--mt-serif);color:var(--spark)!important}

/* start */
.mt-start{background:var(--espresso);color:var(--paper)}
.mt-page .mt-start h2,.mt-page .mt-start h3{color:var(--paper)}
.mt-start .mt-head > p:not(.mt-kicker){color:var(--paper-soft)}
.mt-more{background:#C2D4FF;color:var(--espresso)}
.mt-more .mt-head{margin-inline:auto;text-align:center;justify-items:center}
.mt-page .mt-more h2{color:var(--espresso)}
.mt-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:5rem}
@media (max-width:860px){.mt-more-grid{grid-template-columns:1fr;gap:5rem}}
.mt-more-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;background:var(--paper);color:var(--espresso)!important;padding:4.75rem 2rem 2.25rem;text-decoration:none!important;transition:transform .25s ease}
.mt-more-card:hover{transform:translateY(-6px)}
.mt-more-card img{position:absolute;top:-3.75rem;left:50%;transform:translateX(-50%);width:7.5rem;height:7.5rem;border-radius:50%!important;object-fit:cover;border:4px solid var(--paper)}
.mt-more-card .mt-more-tag{font:600 .66rem/1.4 var(--mt-mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(52,21,23,.6)!important;margin:0 0 -.4rem!important}
.mt-page .mt-more-card h3{font:400 1.75rem/1.1 var(--mt-serif);color:var(--espresso);margin:0}
.mt-more-card p{font-size:.98rem;line-height:1.55;color:rgba(52,21,23,.72);margin:0}
.mt-more-arrow{margin-top:auto;padding-top:.35rem;font:700 .74rem/1.4 var(--mt-mono);letter-spacing:.08em;text-transform:uppercase;color:#D42B10!important;text-decoration:underline;text-underline-offset:.3em}
.mt-more-card:hover .mt-more-arrow{color:#F03617!important}
.mt-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);counter-reset:mt-step;margin-bottom:2.75rem!important}
.mt-steps li{counter-increment:mt-step;border-top:1px solid var(--paper-hair);padding-top:1rem}
.mt-steps li::before{content:counter(mt-step,decimal-leading-zero);display:block;font:400 2.6rem/1 var(--mt-serif);color:var(--sky);margin-bottom:1rem}
.mt-steps h3{font-size:1.5rem!important;line-height:1.08;margin-bottom:.6rem}
.mt-steps p{color:var(--paper-soft);line-height:1.55;font-size:.95rem}
.mt-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.mt-action{display:inline-flex;align-items:center;gap:.6rem;padding:1.05rem 1.4rem;font:600 .74rem/1 var(--mt-mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:background-color .2s,color .2s}
.mt-page .mt-action--primary{background:var(--sky);color:var(--espresso)!important}
.mt-page .mt-action--primary:hover{background:var(--paper)}
.mt-page .mt-action--ghost{color:var(--paper)!important;border-color:var(--paper-soft)}
.mt-page .mt-action--ghost:hover{background:var(--paper);color:var(--espresso)!important}

@media (max-width:900px){
  .mt-hero__grid,.mt-request__grid,.mt-split,.mt-design__grid,.mt-delivery__grid,.mt-brochure__grid,
  .mt-day,.mt-voice,.mt-after__grid,.mt-combine__grid{grid-template-columns:minmax(0,1fr)}
  .mt-hero__photo img{aspect-ratio:1/1;object-position:50% 55%}
  .mt-prose{padding-top:0}
  .mt-delivery__photos,.mt-day__head{position:static}
  .mt-day{gap:1.25rem}
  .mt-fit__grid,.mt-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .mt-shell{width:calc(100% - 2rem)}
  .mt-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mt-ledger > div{grid-template-columns:minmax(0,1fr);gap:.2rem}
  .mt-countdown li{grid-template-columns:2.5rem minmax(0,1fr)}
  .mt-countdown li > p{grid-column:2}
  .mt-contents,.mt-options,.mt-fit__grid,.mt-steps{grid-template-columns:minmax(0,1fr)}
  .mt-break img{aspect-ratio:4/3}
  .mt-sum{grid-template-columns:minmax(0,1fr)}
  .mt-sum__plus{justify-self:center}
  .mt-action{width:100%;justify-content:center}
}