/* Styles for blog.html only. */

/* blog-photos */
.card-img { overflow: hidden; }
  .card-img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; transition: transform 0.4s ease; }
  a:hover > .card-img img { transform: scale(1.04); }

/* blog-credit */
.card-img { position: relative; }
  .card-credit { position: absolute; left: 0.6rem; bottom: 0.6rem; background: rgba(255,255,255,0.88); color: #1A3330; font-size: 0.62rem; letter-spacing: 0.03em; padding: 0.2rem 0.55rem; border-radius: 20px; }

/* edge-align */
/* Logo and page content share one left edge: a 1200px column, centered. Desktop only. */
  @media (min-width: 901px) {
    nav { padding-left: max(2rem, calc((100% - 1200px) / 2)) !important; padding-right: max(2rem, calc((100% - 1200px) / 2)) !important; }
    body > :is(section, div, main, header):not(.mobile-menu):not(.photo-modal):not(.ap-overlay):not(.hb-modal):not([class*="modal"]):not([class*="promo"]):not([id*="odal"]):not([id*="romo"]):not([id*="popup"]) {
      padding-left: max(2rem, calc((100% - 1200px) / 2)) !important;
      padding-right: max(2rem, calc((100% - 1200px) / 2)) !important;
    }
    body > :is(section, div, main, header)[style*="max-width"], .blog-wrap, .gl-wrap, .page-layout { max-width: none !important; }
    .blog-wrap, .gl-wrap, .page-layout { padding-left: max(2rem, calc((100% - 1200px) / 2)) !important; padding-right: max(2rem, calc((100% - 1200px) / 2)) !important; }
  }

/* titles-mono */
/* Single-color titles: the accent word inherits the heading color */
  h1 em, h2 em, h3 em, h1 i, h2 i, h3 i, .hero-h1 em, .section-title em, .page-hero-title em { color: inherit !important; }

/* nav-hover-hold */
.nav-dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-1.1rem;height:1.1rem}
.nav-dropdown:hover>.nav-dropdown-menu{display:block}

/* a11y-contrast */
/* a11y: raises text contrast to WCAG AA 4.5:1. Delete this block to revert. */
.ft-fine{color:#8e9493 !important}

/* blog-looks-css */
.bl-picker{max-width:760px;margin:0 0 1.2rem;padding:.8rem 1.1rem;border:1px dashed rgba(26,51,48,0.35);border-radius:12px;background:#fff;text-align:center}
.bl-picker b{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sea);margin-bottom:.55rem}
.bl-chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}
.bl-chip{padding:.4rem .95rem;border-radius:30px;border:1px solid rgba(26,51,48,0.25);background:none;font-family:'DM Sans',sans-serif;font-size:.78rem;color:var(--text);cursor:pointer}
.bl-chip.active{background:var(--sea);border-color:var(--sea);color:#fff}
.bl-desc{font-size:.8rem;color:var(--text-muted);margin-top:.6rem}
.vote-tag{display:inline-block;margin-left:.45rem;padding:.12rem .5rem;border-radius:10px;background:#8E6038;color:#fff;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;vertical-align:middle}
.bl-chip.voted{border-color:#8E6038}
@media (min-width:901px){
/* 2 Magazine */
[data-bl="2"] .featured,[data-bl="5"] .featured{display:block;position:relative;border-bottom:0;padding:2rem 0 0}
[data-bl="2"] .featured .card-img,[data-bl="5"] .featured .card-img{aspect-ratio:21/9;position:relative}
[data-bl="2"] .featured .card-img::after,[data-bl="5"] .featured .card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,30,28,.78),rgba(10,30,28,.05) 65%)}
[data-bl="2"] .featured>div:last-child,[data-bl="5"] .featured>div:last-child{position:absolute;left:2.4rem;bottom:2.2rem;max-width:640px;color:#fff}
[data-bl="2"] .featured h2,[data-bl="5"] .featured h2{color:#fff}
[data-bl="2"] .featured .post-cat,[data-bl="2"] .featured .read-link,[data-bl="5"] .featured .post-cat,[data-bl="5"] .featured .read-link{color:#fff}
[data-bl="2"] .featured p,[data-bl="5"] .featured p{color:rgba(255,255,255,.9);margin-bottom:.8rem}
[data-bl="2"] .grid{grid-template-columns:repeat(2,1fr);gap:2.6rem 2rem}
[data-bl="2"] .post-card .card-img{aspect-ratio:16/10}
[data-bl="2"] .post-card h3{font-size:1.75rem}
[data-bl="2"] .post-card p{font-size:.9rem}
/* 3 Journal list */
[data-bl="3"] .featured{grid-template-columns:320px 1fr;gap:2.5rem;padding:2.2rem 0}
[data-bl="3"] .featured .card-img{aspect-ratio:4/3}
[data-bl="3"] .featured h2{font-size:2rem}
[data-bl="3"] .grid{grid-template-columns:1fr;gap:0;padding:0 0 4rem}
[data-bl="3"] .post-card{display:grid;grid-template-columns:320px 1fr;column-gap:2.5rem;align-content:center;align-items:center;padding:2.2rem 0;border-bottom:1px solid rgba(26,51,48,.12)}
[data-bl="3"] .post-card .card-img{grid-column:1;grid-row:1/4;margin:0;aspect-ratio:4/3}
[data-bl="3"] .post-card .post-cat,[data-bl="3"] .post-card h3,[data-bl="3"] .post-card p{grid-column:2}
[data-bl="3"] .post-card h3{font-size:1.9rem}
[data-bl="3"] .post-card p{font-size:.92rem}
/* 4 Mosaic */
[data-bl="4"] .grid{grid-template-columns:repeat(4,1fr);gap:1.6rem;grid-auto-flow:dense}
[data-bl="4"] .post-card{display:flex;flex-direction:column}
[data-bl="4"] .post-card .card-img{aspect-ratio:auto;flex:1;min-height:170px}
[data-bl="4"] .post-card:nth-child(1){grid-column:span 2;grid-row:span 2}
[data-bl="4"] .post-card:nth-child(1) .card-img{min-height:380px}
[data-bl="4"] .post-card:nth-child(1) h3{font-size:2rem}
[data-bl="4"] .post-card:last-child:nth-child(6){grid-column:span 4}
[data-bl="4"] .post-card:last-child:nth-child(6) .card-img{min-height:240px}
/* 5 Photo tiles */
[data-bl="5"] .grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}
[data-bl="5"] .post-card{position:relative;border-radius:14px;overflow:hidden;color:#fff}
[data-bl="5"] .post-card .card-img{aspect-ratio:4/5;margin:0;border-radius:0;position:relative}
[data-bl="5"] .post-card .card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,30,28,.82),rgba(10,30,28,.05) 60%)}
[data-bl="5"] .post-card h3{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;margin:0;color:#fff;font-size:1.35rem;z-index:2}
[data-bl="5"] .post-card .post-cat{position:absolute;left:1.2rem;top:1.2rem;margin:0;z-index:2;color:#fff;background:rgba(10,30,28,.55);padding:.25rem .65rem;border-radius:20px}
[data-bl="5"] .post-card p{display:none}
}

/* blog-compact-css */
.blog-head{padding:1.6rem 0 .6rem;display:block}
.blog-head .eyebrow{margin-bottom:.3rem}
.blog-head h1{font-size:clamp(2rem,3.6vw,2.6rem);margin-bottom:.4rem}
.blog-head p{font-size:.95rem;max-width:none;margin:0 0 .35rem;white-space:nowrap}
.filters{padding:.6rem 0 1.2rem}
@media(max-width:900px){.blog-head p{white-space:normal}}
@media(max-width:700px){.blog-head{padding-top:1rem}}

/* page-title-unify */
.blog-head .eyebrow{font-family:'Cormorant Garamond',serif!important;font-style:italic!important;font-weight:400!important;font-size:1.6rem!important;letter-spacing:0!important;text-transform:none!important;color:#C4956A!important;margin-bottom:.2rem!important;line-height:1.2!important}
.blog-head h1{font-family:'Cormorant Garamond',serif!important;font-weight:500!important;font-size:clamp(2.4rem,5vw,4rem)!important;color:#244B48!important;line-height:1.1!important}
.blog-head .eyebrow{margin-top:32px!important}
.blog-head h1{margin-bottom:1rem!important}