/* The club's blog shares the gallery canvas and the established asymmetric corner. */
.visually-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.blog-wordmark {display:block;width:310px;max-width:100%;aspect-ratio:508/119;background:var(--signal);-webkit-mask:url('./assets/gymnos-blog-header-original.png') center/contain no-repeat;mask:url('./assets/gymnos-blog-header-original.png') center/contain no-repeat;}
#blog {background:#1d281c;color:#f8f6ef;padding:0 0 78px;}
#blog .blog-shell {border-top:1px solid #52624b;padding-top:38px;}
#blog .blog-intro {display:flex;align-items:center;justify-content:space-between;gap:36px;margin:0 0 32px;}
#blog .blog-masthead {margin:0;flex:0 1 340px;}
#blog .blog-intro p {max-width:420px;margin:0;color:#d0dacb;font-size:16px;line-height:1.5;}
#blog .blog-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;}
#blog .blog-feature {background:#d3dbba;color:var(--ink);border:0;border-radius:var(--turn-card) 0 var(--turn-card) 0;padding:34px 36px;}
#blog .blog-byline {display:block;font-size:11px;font-weight:700;letter-spacing:.07em;line-height:1.5;color:#40512e;}
#blog .blog-feature h3 {font-family:var(--club-title);font-size:clamp(29px,3vw,43px);font-weight:600;line-height:1.1;letter-spacing:-.035em;margin:26px 0 20px;}
#blog .blog-feature h3 a {text-decoration:none;}
#blog .blog-feature h3 a:hover {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;}
#blog .blog-feature p {font-size:17px;line-height:1.55;margin:0 0 28px;}
#blog .blog-feature .button {background:var(--ink);color:#fff;min-height:48px;}
#blog .blog-feature :focus-visible {outline:2px solid var(--ink);outline-offset:5px;}
#blog .blog-archive h3 {font:600 15px/1.4 var(--sans);margin:0 0 14px;color:#d0dacb;}
#blog .blog-archive ul {list-style:none;padding:0;margin:0;}
#blog .blog-archive-item {border-top:1px solid #52624b;padding:16px 0;font-size:22px;font-weight:600;line-height:1.2;}
#blog .blog-archive-item:last-child {border-bottom:1px solid #52624b;}
#blog .blog-source {font-size:13px;line-height:1.55;color:#b5c3ab;margin:24px 0 0;max-width:720px;}
@media(max-width:980px){
 #blog .blog-grid {gap:30px;}
 #blog .blog-feature {padding:28px;}
 #blog .blog-intro p {max-width:360px;}
 #blog .blog-feature h3 {font-size:32px;}
 #blog .blog-archive-item {font-size:21px;}
}
@media(max-width:760px){
 #blog {padding-bottom:54px;}
 #blog .blog-shell {padding-top:28px;}
 #blog .blog-intro {display:block;margin-bottom:24px;}
 #blog .blog-masthead {margin:0 0 18px;}
 #blog .blog-wordmark {width:260px;}
 #blog .blog-intro p {max-width:100%;font-size:16px;}
 #blog .blog-grid {display:block;}
 #blog .blog-feature {padding:26px 24px;margin-bottom:30px;}
 #blog .blog-feature h3 {font-size:30px;margin:22px 0 17px;}
 #blog .blog-feature p {font-size:16px;margin-bottom:24px;}
 #blog .blog-feature .button {font-size:11px;padding-inline:16px;gap:20px;}
 #blog .blog-archive-item {font-size:21px;padding:15px 0;}
 #blog .blog-source {margin-top:22px;}
}
@media(max-width:380px){#blog .blog-feature {padding:24px 21px;}}
