.inner-header{position:fixed;top:0;left:0;width:100%;z-index:50;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(12px)}
.inner-header .header-inner{height:72px}
.page-hero{padding:var(--page-hero-top) 0 var(--page-hero-bottom);background:var(--sand)}
.page-hero.sky{background:var(--sky)}
.page-hero.mint{background:var(--mint)}
.page-hero.dark{background:var(--ink);color:#fff}
.page-hero h1{max-width:920px;margin:0;font:500 clamp(47px,6.5vw,84px)/1.14 "Manrope";letter-spacing:-.055em;overflow:visible;padding-bottom:.12em}
.page-hero h1 em{font-family:"Playfair Display",serif;font-weight:500}
.page-hero .page-lead{max-width:650px;margin:18px 0 0;color:var(--muted);font-size:18px;line-height:1.6}
.page-hero.dark .page-lead{color:rgba(255,255,255,.66)}
/* page-nav → main-nav via navigation.js; keep desktop spacing */
.inner-header .main-nav{margin-left:auto}
.split-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:start}
.split-content h2{font-size:clamp(36px,4vw,54px)}
.prose{max-width:720px}.prose p{color:var(--muted);font-size:16px;line-height:1.7}.prose h2{margin-top:36px;font:600 1.45rem/1.25 Manrope,sans-serif}.prose ul,.prose ol{color:var(--muted);line-height:1.65}
.direction-aside{display:flex;flex-direction:column;gap:22px;position:sticky;top:96px}
.mi-direction-visual{margin-top:4px}
.mi-direction-pass{
  position:relative;overflow:hidden;
  background:var(--ticket-cream,#f7f3ea);
  border:1px solid var(--ticket-line,rgba(8,42,58,.14));
  border-radius:16px;
  padding:18px 18px 16px;
  color:var(--ink,#061a2e);
  box-shadow:0 16px 40px rgba(8,42,58,.08);
}
.mi-direction-pass:before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;
  background:repeating-linear-gradient(90deg,var(--ink,#061a2e) 0 7px,transparent 7px 12px);
  opacity:.12;
}
.mi-direction-pass-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.mi-direction-code{font:700 10px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;opacity:.55}
.mi-direction-route{
  display:grid;grid-template-columns:auto 1fr auto auto 1fr;gap:8px;align-items:end;
  margin-bottom:10px;font:700 10px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.1em;
}
.mi-direction-route span{opacity:.5}
.mi-direction-route strong{font:600 18px/1 Manrope,sans-serif;letter-spacing:-.03em}
.mi-direction-route em{opacity:.35;letter-spacing:.2em;font-style:normal;padding-bottom:4px}
.mi-direction-map{display:block;width:100%;height:auto;color:var(--ink,#061a2e);margin:4px 0 8px}
.mi-direction-caption{margin:0;font-size:13px;line-height:1.45;color:var(--muted,#5a7d8f)}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.info-card{padding:27px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(8,42,58,.04)}
.info-card span{font-size:10px;color:var(--coral);font-weight:700}.info-card h2,.info-card h3{font:600 20px/1.25 "Manrope";margin:16px 0 8px}.info-card p{font-size:13px;color:var(--muted);margin:0}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.contact-list{display:grid;gap:18px;margin-top:35px}.contact-list a{padding-bottom:12px;border-bottom:1px solid var(--line)}
.contact-form{padding:30px;border-radius:14px;background:#fff;box-shadow:var(--shadow)}.contact-form label{display:block;font-size:12px;font-weight:600;margin:16px 0 6px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;min-height:48px;transition:border-color .25s,box-shadow .25s}.contact-form textarea{min-height:130px;resize:vertical}.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px rgba(239,108,87,.2)}.contact-form .button{margin-top:20px}
@media(max-width:800px){
  .split-content,.contact-grid{grid-template-columns:1fr;gap:28px}
  .direction-aside{position:static;gap:16px;margin-bottom:0}
  .mi-direction-pass{margin-bottom:0}
  .info-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.info-grid{grid-template-columns:1fr}}