/* ─── Footer (cloned 1:1 from index.html .mc-footer) ─── */
footer.mc-footer {
position: relative;
background: #050810 !important;
color: rgba(255,255,255,0.78);
padding: clamp(80px, 9vw, 130px) 0 32px;
overflow: hidden;
isolation: isolate;
}
.mc-footer::before {
content: ''; position: absolute; inset: 0;
background: url('/assets/sections/footer-bg.jpg') center/cover no-repeat;
z-index: -2;
}
.mc-footer::after {
content: ''; position: absolute; inset: 0;
background: linear-gradient(180deg,
rgba(5,8,16,0.82) 0%,
rgba(5,8,16,0.86) 40%,
rgba(5,8,16,0.92) 100%);
z-index: -1;
}
.mc-footer .center-mark { display: grid; place-items: center; margin-bottom: 44px; }
.mc-footer .cgc-circle {
width: 112px; height: 112px; border-radius: 50%;
background: #1F2C3E;
border: 2px solid var(--mc-red);
display: grid; place-items: center;
overflow: hidden;
box-shadow: 0 18px 48px -16px rgba(224,120,86,0.5),
inset 0 0 0 1px rgba(255,255,255,0.04);
}
.mc-footer .cgc-circle img {
width: 96%; height: 96%; object-fit: cover;
object-position: center; display: block;
}
.mc-footer .award-row {
display: flex; gap: 36px; justify-content: center; align-items: center;
margin-bottom: 48px; flex-wrap: wrap;
}
.mc-footer .award {
position: relative;
width: 88px; height: 88px;
display: grid; place-items: center;
font-family: 'Instrument Sans', sans-serif; font-weight: 700; font-size: 9px;
letter-spacing: 0.14em; text-transform: uppercase;
color: rgba(255,255,255,0.85); text-align: center;
line-height: 1.15;
}
.mc-footer .award svg.laurel {
position: absolute; inset: 0; width: 100%; height: 100%;
color: rgba(224,120,86,0.55); /* Phuket coral laurel */
pointer-events: none;
}
.mc-footer .award .award-text { position: relative; z-index: 1; max-width: 56px; }
.mc-footer .nav-wrap {
margin-bottom: 48px;
border-top: 1px solid rgba(224,120,86,0.55);
border-bottom: 1px solid rgba(224,120,86,0.55);
}
.mc-footer .nav-bar {
display: flex; justify-content: center; flex-wrap: wrap; gap: 40px;
padding: 22px 0;
}
.mc-footer .nav-bar a {
color: rgba(255,255,255,0.92); text-decoration: none;
font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 600;
letter-spacing: 4px; text-transform: uppercase;
transition: color 0.2s ease;
}
.mc-footer .nav-bar a:hover { color: var(--mc-red); }
.mc-footer .col-grid {
display: grid; grid-template-columns: repeat(3, 1fr);
margin-bottom: 48px;
}
.mc-footer .col-grid > div {
padding: 0 clamp(20px, 3vw, 36px);
border-right: 1px solid rgba(255,255,255,0.10);
}
.mc-footer .col-grid > div:first-child { padding-left: 0; }
.mc-footer .col-grid > div:last-child { border-right: 0; padding-right: 0; }
.mc-footer .col-grid p {
font-family: 'Inter', sans-serif; font-size: 12.5px; line-height: 1.75;
color: rgba(255,255,255,0.7); margin: 0;
}
.mc-footer .col-grid .h {
font-family: 'Instrument Sans', sans-serif; font-weight: 800;
font-size: 13px; color: #fff; margin-bottom: 14px;
letter-spacing: 0.18em; text-transform: uppercase;
}
.mc-footer .col-grid .h .red { color: var(--mc-red); }
.mc-footer .partner-bar {
display: flex; gap: 18px; justify-content: center; align-items: center;
border-top: 1px solid rgba(255,255,255,0.10);
padding: 26px 0 16px; flex-wrap: wrap;
}
.mc-footer .partner {
font-family: 'Instrument Sans', sans-serif; font-weight: 700;
font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
color: rgba(255,255,255,0.7);
transition: color 0.2s ease;
}
.mc-footer .partner:hover { color: #fff; }
.mc-footer .partner em { font-style: italic; font-family: 'Fraunces', Georgia, serif; font-weight: 600; color: rgba(220,200,160,0.85); }
.mc-footer .partner-sep { color: var(--mc-red); font-size: 14px; opacity: 0.7; }
.mc-footer .copy {
text-align: center; margin-top: 18px;
font-family: 'Inter', sans-serif; font-size: 11px;
color: rgba(255,255,255,0.55);
}
.mc-footer .copy .tagline {
font-family: 'Fraunces', Georgia, serif;
font-style: italic; font-weight: 500;
color: rgba(220,200,160,0.92);
margin-right: 12px; letter-spacing: 0.01em;
}
.mc-footer .copy .tagline::after {
content: '·'; margin-left: 12px; color: var(--mc-red);
}
@media (max-width: 768px) {
.mc-footer .col-grid { grid-template-columns: 1fr; gap: 28px; }
.mc-footer .col-grid > div { border-right: 0; padding: 0; }
.mc-footer .nav-bar { gap: 20px; padding: 18px 0; }
.mc-footer .award-row { gap: 18px; }
.mc-footer .partner-bar { gap: 12px; }
}