.gofcard{
position: relative;
isolation: isolate; border-radius: 10px;
padding: 0px;
background:
linear-gradient(180deg, rgba(12,192,223,.08) 0%, rgba(12,192,223,0) 60%),
#fff;
border: 0;
box-shadow: 0 10px 24px rgba(0,0,0,.04);
overflow: hidden;
max-width: 500px;
}
@media (max-width: 990px){
.gofcard{
display:none;
}
} .gofcard .fw-card{
margin: 0;
position: relative;
z-index: 1;
}
.gofcard .fw-link{
display: block;
text-decoration: none;
position: relative;
z-index: 1;
}
.gofcard .fw-link img{
display: block;
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 6px 22px rgba(0,0,0,.06);
} .gofcard .fw-meta{
padding: 10px 8px 8px;
}
.gofcard .fw-meta h3{
margin: 0 0 2px;
font-size: clamp(15px, 2.6vw, 16px);
line-height: 1.2;
}
.gofcard .fw-meta p{
margin: 0;
font-size: 13px;
opacity: .85;
}   .fw-badges{
position:absolute;
inset:0;
z-index:40;
pointer-events:none;
} .fw-badge--verified{
position:absolute;
bottom: 6em;
left: 0px;
padding:5px 10px;
font: 11px system-ui, sans-serif;
text-transform:uppercase;
letter-spacing:1.2px;
background: #16a34a;
color:#fff;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
font-weight: 500;
}
.gof-ribbon{
position:absolute;
top:10px;
left:-30px;
transform:rotate(-45deg);
background: #8C1A10;
padding:6px 40px;
font:11px system-ui, sans-serif;
font-weight:600;
color:#fff;
letter-spacing:1.4px;
box-shadow:0 3px 10px rgba(0,0,0,.2);
}   .fw-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin: 0 10px;
}
.fw-head h2{
font-family: open sans;
font-size: 18px;
margin-top: 4px;
margin-bottom: 14px;
}
.fw-cta {
background: #223558;
color: #fff;
padding: 10px 12px;
border-radius: 5px;
text-decoration: none;
font: 500 14px / 1.25 system-ui, sans-serif;
cursor: pointer;
transition: filter .2s;
box-shadow: 0 4px 14px #b5b4b461;
} .fw-cta:visited{
background: #223558;
color: #fff;
}*/
.fw-cta:active,
.fw-cta:focus{
background: #223558;
color: #fff;
text-decoration:none;
}
.fw-cta:hover{
background: #223558;
color: #fff;
text-decoration:none;
filter: brightness(1.2);
}
.fw-foot{
margin:2px 2px 0;
text-align:center;
padding-bottom: 16px;
padding-top: 16px;
} .fw-track{
display:grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap:16px;
overflow:visible;
padding:6px 2px 12px;
}
@media (max-width:1050px){
.fw-track{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width:650px){
.fw-track{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:400px){
.fw-track{ grid-template-columns:1fr; }
}
.fw-card{
position:relative;
background:#fff;
border:1px solid #eee;
border-radius:6px;
overflow:hidden;
box-shadow:0 4px 18px rgba(0,0,0,.06);
padding:0;
}
.fw-link{
display:block;
text-decoration:none;
color:inherit;
}
.fw-card img{
width:100%;
aspect-ratio:3/4;
object-fit:cover;
}
.fw-meta{
padding:8px 10px;
}
.fw-meta h3{
margin:.2rem 0 0;
font:600 15px system-ui;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fw-meta p{
margin:.15rem 0 0;
color:#444;
font:.8rem/1.2 Open Sans,system-ui,sans-serif;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .ed-wrap{
max-width:2000px;
margin:0 auto;
padding:clamp(12px,2vw,24px);
} .escort-archive .fw-ph{
width:100%;
aspect-ratio:3 / 4;
background:#111;
}