.page-charter-hub .charter-intro-section{padding:48px 0 56px}
.page-charter-hub .charter-introduction{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}
.page-charter-hub .charter-introduction h2,.page-charter-hub .charter-expectations h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.12;margin:14px 0}
.page-charter-hub .charter-introduction p{font-size:.93rem;line-height:1.8;margin:0 0 18px;color:var(--dim)}
.page-charter-hub .charter-process-section{padding:56px 0;background:#eeeae1}
.page-charter-hub .charter-experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.page-charter-hub .charter-experience-photo{margin:0 0 26px}
.page-charter-hub .charter-experience-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.page-charter-hub .charter-experience-photo figcaption{font-size:.66rem;color:#526b79;line-height:1.6;margin-top:9px}
.page-charter-hub .charter-experience-photo details{display:inline;margin-left:8px}
.page-charter-hub .charter-experience-photo summary{display:inline;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.page-charter-hub .charter-experience-photo details p{font-size:.66rem;line-height:1.6}
.page-charter-hub .charter-experience-grid h3{font-family:Fraunces,Georgia,serif;font-size:1.7rem;font-weight:400;line-height:1.2;margin:11px 0 14px}
.page-charter-hub .charter-experience-grid article>p{font-size:.86rem;line-height:1.8;color:#536b77;margin:0}
.page-charter-hub .charter-expectations-section{padding:76px 0 82px}
.page-charter-hub .charter-expectations{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:64px;align-items:center}
.page-charter-hub .charter-expectations-heading{padding-bottom:14px}
.page-charter-hub .charter-expectations-heading h2{max-width:12ch}
.page-charter-hub .charter-detail-passes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:12px 0 8px}
.page-charter-hub .charter-detail-pass{--pass-fill:#fffdf8;--pass-ink:#193c4f;--pass-rule:#d3d9d4;--pass-accent:#9e7c47;position:relative;display:flex;flex-direction:column;min-width:0;padding:24px 20px 20px;border:1px solid var(--pass-rule);border-radius:7px;background:var(--pass-fill);color:var(--pass-ink);box-shadow:0 10px 20px rgba(25,60,79,.07);transform:translateY(0);transition:transform .25s ease,box-shadow .25s ease}
.page-charter-hub .charter-detail-pass-featured{--pass-fill:#193c4f;--pass-ink:#fbf9f6;--pass-rule:#567078;--pass-accent:#d5bb87;transform:translateY(-9px) rotate(-2deg)}
.page-charter-hub .charter-detail-icon{display:flex;align-items:center;width:28px;height:28px;margin-bottom:29px;color:var(--pass-accent)}
.page-charter-hub .charter-detail-icon svg{display:block;width:26px;height:26px}
.page-charter-hub .charter-detail-pass h3{font-family:Fraunces,Georgia,serif;font-size:clamp(1.4rem,1.8vw,1.75rem);font-weight:400;line-height:1.16;min-height:2.32em;margin:0;color:inherit;overflow-wrap:normal}
.page-charter-hub .charter-detail-perforation{position:relative;display:block;margin:24px -20px 21px;border-top:1px dashed var(--pass-rule)}
.page-charter-hub .charter-detail-perforation::before,.page-charter-hub .charter-detail-perforation::after{content:"";position:absolute;top:-8px;width:15px;height:15px;background:var(--paper);border-radius:50%}
.page-charter-hub .charter-detail-perforation::before{left:-8px}
.page-charter-hub .charter-detail-perforation::after{right:-8px}
.page-charter-hub .charter-detail-barcode{display:block;width:75%;height:23px;opacity:.48;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 8px,currentColor 8px 9px,transparent 9px 12px)}
@media(hover:hover) and (pointer:fine){.page-charter-hub .charter-detail-pass:hover{transform:translateY(-6px);box-shadow:0 16px 26px rgba(25,60,79,.11)}.page-charter-hub .charter-detail-pass-featured:hover{transform:translateY(-13px) rotate(-2deg)}}
.page-charter-hub .charter-cities{padding:48px 0 64px;background:#f1f3ee}
.page-charter-hub .charter-city-card{min-height:260px;height:280px;aspect-ratio:auto}
.page-charter-hub .charter-city-card h2{font-size:1.7rem}
@media(max-width:1100px){.page-charter-hub .charter-expectations{grid-template-columns:minmax(0,1fr);gap:30px}.page-charter-hub .charter-expectations-heading{padding-bottom:0}.page-charter-hub .charter-expectations-heading h2{max-width:none}.page-charter-hub .charter-detail-pass h3{font-size:1.8rem;min-height:1.16em}}
@media(max-width:900px){.page-charter-hub .charter-introduction{gap:32px}.page-charter-hub .charter-experience-grid{gap:18px}}
@media(max-width:700px){.page-charter-hub .charter-introduction,.page-charter-hub .charter-experience-grid{grid-template-columns:minmax(0,1fr);gap:28px}.page-charter-hub .charter-intro-section,.page-charter-hub .charter-process-section,.page-charter-hub .charter-expectations-section,.page-charter-hub .charter-cities{padding:38px 0}.page-charter-hub .charter-experience-photo{margin-bottom:18px}.page-charter-hub .charter-experience-grid{gap:36px}.page-charter-hub .charter-city-card{height:220px;min-height:220px}}
@media(max-width:600px){.page-charter-hub .charter-expectations{gap:20px}.page-charter-hub .charter-detail-passes{grid-template-columns:minmax(0,1fr);gap:15px;padding:8px 0}.page-charter-hub .charter-detail-pass{display:grid;grid-template-columns:26px minmax(0,1fr) 27px;gap:18px;align-items:center;min-height:100px;padding:23px 20px}.page-charter-hub .charter-detail-pass-featured{transform:rotate(-1deg)}.page-charter-hub .charter-detail-icon{width:26px;height:26px;margin:0}.page-charter-hub .charter-detail-pass h3{font-size:1.5rem;min-height:0;line-height:1.2;margin:0}.page-charter-hub .charter-detail-perforation{position:absolute;right:62px;top:0;bottom:0;margin:0;border-top:0;border-left:1px dashed var(--pass-rule)}.page-charter-hub .charter-detail-perforation::before{left:-8px;top:-8px}.page-charter-hub .charter-detail-perforation::after{left:-8px;right:auto;top:auto;bottom:-8px}.page-charter-hub .charter-detail-barcode{width:27px;height:36px}.page-charter-hub .charter-expectations-heading h2{max-width:15ch}}
@media(prefers-reduced-motion:reduce){.page-charter-hub .charter-detail-pass{transition:none}.page-charter-hub .charter-detail-pass:hover,.page-charter-hub .charter-detail-pass-featured:hover{transform:none}}