/* ===== Gulet Point — Guest Stories page ===== */
.gp-stories{
  --sea:#0B1E26; --gold:#C2A35B; --goldsoft:#D8C08A; --gold2:#A88947; --mist:#EDE7DA; --mist2:#F6F2EA;
  --disp:'Marcellus',Georgia,serif; --ui:'Jost',system-ui,sans-serif;
  font-family:var(--ui); color:var(--sea); line-height:1.7;
}
.gp-stories *{ box-sizing:border-box; }
.gp-stories h1{ font-family:var(--disp); font-weight:400; color:var(--sea); margin:0; }

.page-template-gp-guest-stories .content-container, .page-template-gp-guest-stories #primary, .page-template-gp-guest-stories .entry-content,
.page-template-gp-guest-stories .content-area, .page-template-gp-guest-stories .site-container, .page-template-gp-guest-stories .site-content{
  max-width:100% !important; width:100% !important; padding:0 !important; margin:0 !important;
}

.gp-eyebrow{ display:inline-flex; align-items:center; gap:12px; font-size:10.5px; letter-spacing:4px; text-transform:uppercase; color:var(--gold); font-weight:400; margin:0 0 14px; }
.gp-eyebrow::before{ content:""; width:28px; height:1px; background:var(--gold); }
.gp-eyebrow.center{ justify-content:center; }
.gp-eyebrow.center::after{ content:""; width:28px; height:1px; background:var(--gold); }

.gp-btn{ display:inline-block; background:var(--gold); color:#ffffff !important; padding:14px 30px; font-family:var(--ui); font-size:11px; letter-spacing:2px; text-transform:uppercase; font-weight:500; text-decoration:none; border:1px solid var(--gold); cursor:pointer; transition:all .3s; }
.gp-btn:hover{ background:var(--gold2); border-color:var(--gold2); }

.gp-stories-hero{ background:var(--mist2); padding:36px 40px 34px; text-align:center; }
.gp-stories-hero h1{ font-size:38px; margin-top:8px; }
.gp-stories-hero .sub{ font-size:13px; color:#5a6b6e; font-weight:300; margin:10px auto 0; max-width:460px; }

/* Same Google-rating badge component as the homepage (kept in sync deliberately). */
.gp-h-gbadge{ display:inline-flex; align-items:center; gap:10px; border:1px solid var(--mist); padding:9px 20px; font-size:12px; color:#42514f; margin-top:18px; text-decoration:none; transition:border-color .2s, box-shadow .2s; }
a.gp-h-gbadge:hover{ border-color:var(--gold); box-shadow:0 8px 20px rgba(11,30,38,.08); }
.gp-h-gbadge b{ font-family:var(--disp); color:var(--sea); font-size:15px; }
.gp-h-gbadge .stars{ color:var(--gold); letter-spacing:1px; font-size:12px; }
.gp-h-gbadge .link{ color:var(--gold2); border-bottom:1px solid var(--gold); padding-bottom:1px; margin-left:4px; }

.gp-stories-sec{ padding:56px 40px 72px; background:var(--mist2); }
.gp-stories-empty{ text-align:center; color:#5a6b6e; font-size:14px; }

/* Pinterest-style masonry via CSS multi-column — no JS layout library needed; card height
   naturally follows quote length instead of being forced equal (unlike the homepage). */
.gp-stories-masonry{ max-width:1140px; margin:0 auto; column-count:3; column-gap:24px; }
.gp-story-card{ break-inside:avoid; -webkit-column-break-inside:avoid; display:inline-block; width:100%; background:#fff; border:1px solid var(--mist); padding:28px 26px; margin:0 0 24px; }
.gp-story-card .stars{ color:var(--gold); font-size:13px; letter-spacing:2px; margin-bottom:14px; }
.gp-story-card .quote{ font-family:var(--disp); font-style:italic; font-size:16px; line-height:1.65; color:var(--sea); margin:0 0 18px; }
.gp-story-card .who{ border-top:1px solid var(--mist); padding-top:12px; }
.gp-story-card .who b{ display:flex; align-items:center; gap:6px; font-size:12.5px; letter-spacing:.5px; color:var(--sea); font-weight:500; }
.gp-story-card .who .gbadge svg{ width:13px; height:13px; display:block; }
.gp-story-card .who span{ display:block; font-size:11px; color:#8a9698; letter-spacing:1px; text-transform:uppercase; margin-top:2px; }
.gp-story-card[hidden]{ display:none; }

.gp-stories-more{ text-align:center; margin-top:36px; }

@media (max-width:900px){
  .gp-stories-masonry{ column-count:2; }
}
@media (max-width:640px){
  .gp-stories-hero{ padding:30px 20px 26px; }
  .gp-stories-hero h1{ font-size:30px; }
  .gp-stories-sec{ padding:40px 20px 56px; }
  .gp-stories-masonry{ column-count:1; }
}