.jvw-association { background:#fff; }
.jvw-association-section { padding-block:48px; }
.jvw-association .is-muted { background:#f6f7f8; }
.jvw-association-section h2 { font-size:36px; line-height:1.2; margin:0 0 22px; letter-spacing:0; }
.jvw-association-section h3 { font-size:25px; line-height:1.3; margin:0 0 14px; letter-spacing:0; }
.jvw-association-section p { line-height:1.7; max-width:78ch; }
.jvw-association-section a { text-decoration:underline; text-underline-offset:4px; }
.jvw-association-intro { max-width:850px; margin-bottom:44px; }
.jvw-association-now { display:grid; gap:36px; align-items:start; }
.jvw-association-now.has-photo { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
.jvw-association figure { margin:0; }
.jvw-association figure img { display:block; width:100%; height:auto; border:0; }
.jvw-association-now figure img { aspect-ratio:4/3; object-fit:cover; }
.jvw-association-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }
.jvw-association-links { display:flex; gap:24px; flex-wrap:wrap; align-items:center; }
.jvw-association-history { display:flow-root; }
.jvw-association-history figure { float:right; width:28%; max-width:300px; margin:0 0 24px 36px; }
.jvw-association-harbours { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-block:24px; }
.jvw-association-harbours img { aspect-ratio:3/2; object-fit:cover; }
.jvw-association-harbours figcaption { padding-top:10px; font-weight:600; }
.jvw-association-section a.jvw-association-button { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:10px 20px; box-sizing:border-box; border-radius:6px; background:#d62839; color:#fff; font-size:15px; font-weight:600; text-decoration:none; }
.jvw-association-button:hover { background:#b51e2d!important; }
.jvw-association a:focus-visible { outline:3px solid #187ab0; outline-offset:4px; }
.jvw-association h1,.jvw-association-section { overflow-wrap:anywhere; }
@media(max-width:700px) {
 .jvw-association-section { padding-block:32px; }
 .jvw-association-section h2 { font-size:28px; }
 .jvw-association-section h3 { font-size:23px; }
 .jvw-association-now.has-photo,.jvw-association-columns,.jvw-association-harbours { grid-template-columns:minmax(0,1fr); gap:28px; }
 .jvw-association-history figure { float:none; width:100%; max-width:300px; margin:0 0 24px; }
}