*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#efefec;color:#111;font-family:Inter,Arial,sans-serif}.nav{height:78px;background:#070707;color:#fff;display:flex;align-items:center;padding:0 5%;gap:35px;position:sticky;top:0;z-index:20}.brand img{width:190px;height:66px;object-fit:contain}.nav nav{margin-left:auto;display:flex;gap:20px;align-items:center}.nav nav a{color:#fff;text-decoration:none;font-size:10px;font-weight:800;text-transform:uppercase}.hamb{display:none;background:none;color:#fff;border:0;font-size:25px}.hero{height:690px;position:relative;overflow:hidden;background:#111;color:#fff}.hero-photo{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.18) 68%,rgba(0,0,0,.15))}.hero-content{position:absolute;left:8%;top:58%;transform:translateY(-45%);max-width:760px}.hero h1{font-size:64px;line-height:.98;margin:0 0 20px;font-weight:800}.hero h1 span{color:#17add0}.hero p{font-size:17px;color:#eee;margin-bottom:28px}.hero-buttons{display:flex;gap:10px}.pill{display:inline-flex;align-items:center;gap:18px;padding:14px 20px;border-radius:6px;text-decoration:none;font-size:10px;font-weight:800}.light{background:#fff;color:#111}.pink{background:#ed267d;color:#fff}.outline{border:1px solid #fff;color:#fff}.section{max-width:1320px;margin:24px auto;padding:45px;background:#fff;border-radius:26px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#777}.title-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0 25px}.title-row h2{font-size:38px;margin:0}.title-row a{font-size:10px;font-weight:800;text-decoration:none;color:#111}.featured{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-card{background:#f0f0ed;border-radius:18px;overflow:hidden}.feature-img{height:250px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;color:#fff}.fashion{background:linear-gradient(135deg,#121212,#7b5c37)}.beauty{background:linear-gradient(135deg,#4a282a,#c9868d)}.feature-card>div:last-child{padding:20px}.feature-card h3{font-size:20px;margin:8px 0}.filters{display:flex;gap:8px;overflow:auto;margin:25px 0 20px;padding-bottom:5px}.filters button{white-space:nowrap;border:0;background:#ededeb;padding:10px 14px;border-radius:20px;font-size:10px}.filters .active{background:#111;color:#fff}.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.store-card{padding:16px;border:1px solid #ddd;border-radius:16px;background:#fff}.store-img{height:140px;border-radius:12px;background:linear-gradient(135deg,#e8e8e8,#aaa);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:30px}.store-card h3{margin:12px 0 4px;font-size:14px}.store-card p{font-size:10px;color:#888;margin:0}.admin-note{margin-top:20px;padding:13px;border-radius:10px;background:#f4f0e5;font-size:10px;color:#6d5c37}.dark-section{max-width:1320px;margin:24px auto;background:#080808;color:#fff;border-radius:26px;display:grid;grid-template-columns:42% 58%;overflow:hidden}.split-copy{padding:65px}.split-copy h2{font-size:50px;line-height:1;margin:15px 0}.split-copy p{color:#bbb;line-height:1.7}.split-art{min-height:380px;background:linear-gradient(130deg,#12382e,#a17d49,#171717);display:flex;align-items:center;justify-content:center;font-size:55px;font-weight:900;text-align:center}.experience-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.experience{height:260px;border-radius:18px;background:linear-gradient(135deg,#111,#81603b);color:#fff;display:flex;align-items:end;padding:24px;font-size:22px;font-weight:800}.experience.big{height:300px;background:linear-gradient(135deg,#123b31,#b18b54)}.soft{background:#e4e4e1}.offer-grid,.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.offer-img,.event-art{height:210px;border-radius:16px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:38px;font-weight:900}.o1{background:linear-gradient(135deg,#bd2638,#ef8753)}.o2{background:linear-gradient(135deg,#4b2716,#bd7b38)}.o3{background:linear-gradient(135deg,#232323,#888)}.event-grid article{position:relative}.event-art{font-size:28px}.e1{background:linear-gradient(135deg,#26145c,#9c4aff)}.e2{background:linear-gradient(135deg,#654019,#d89b48)}.e3{background:linear-gradient(135deg,#174b3b,#b88b38)}.event-date{position:absolute;z-index:2;top:10px;left:10px;background:#fff;border-radius:9px;padding:7px 10px;text-align:center}.event-date b{display:block;font-size:18px}.event-date span{font-size:8px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service-grid div{background:#f4f4f1;border-radius:16px;padding:22px 10px;text-align:center;font-size:25px}.service-grid b,.service-grid small{display:block}.service-grid b{font-size:11px;margin-top:10px}.service-grid small{font-size:8px;color:#777;margin-top:4px}.about{max-width:1320px;margin:24px auto;background:#090909;color:#fff;border-radius:26px;display:grid;grid-template-columns:55% 45%;overflow:hidden}.about-img img{width:100%;height:100%;min-height:380px;object-fit:cover;opacity:.78}.about-copy{padding:60px}.about-copy h2{font-size:44px;line-height:1.05}.about-copy p{color:#bbb;line-height:1.7;font-size:13px}.about-light{background:#fff}.about-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:50px}.about-columns h3{font-size:28px}.about-columns p{font-size:13px;line-height:1.8;color:#666}.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-facts div{padding:22px;background:#f5f5f2;border-radius:15px}.about-facts strong,.about-facts span{display:block}.about-facts strong{font-size:13px}.about-facts span{font-size:10px;color:#777;margin-top:7px}.vision-section{background:#0a0a0a;color:#fff}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vision-grid article{padding:35px;border:1px solid #2d2d2d;border-radius:20px;background:#111}.vision-icon{font-size:28px;color:#20b5d4}.vision-grid h2{font-size:28px}.vision-grid p{font-size:12px;color:#bbb;line-height:1.8}.careers-section{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:linear-gradient(120deg,#f7f5ef,#fff)}.career-copy h2{font-size:42px;line-height:1.05}.career-copy p{font-size:13px;color:#666;line-height:1.8}.career-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.career-panel div{background:#fff;border:1px solid #e5e5e2;border-radius:15px;padding:22px}.career-panel b,.career-panel span{display:block}.career-panel b{font-size:12px}.career-panel span{font-size:10px;color:#777;margin-top:7px}footer{background:#080808;color:#fff;max-width:1400px;margin:auto;padding:55px 6%;display:grid;grid-template-columns:2fr 1fr 1.3fr 1.4fr;gap:40px}.foot-brand img{width:170px}.foot-brand p,footer p,footer a{color:#aaa;font-size:11px;line-height:1.8;text-decoration:none;display:block}.map{height:115px;border-radius:12px;background:#ddd;color:#333;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px}.copy{grid-column:1/-1;border-top:1px solid #333;padding-top:20px;color:#777;font-size:9px}.copy span{float:right}
@media(max-width:850px){.nav{padding:0 20px}.nav nav{display:none}.hamb{display:block;margin-left:auto}.hero{height:600px}.hero-content{left:25px;right:20px}.hero h1{font-size:42px}.section{margin:12px;padding:25px}.featured,.offer-grid,.event-grid,.about-columns,.vision-grid,.careers-section{grid-template-columns:1fr}.store-grid{grid-template-columns:1fr 1fr}.dark-section,.about{margin:12px;grid-template-columns:1fr}.split-copy,.about-copy{padding:35px}.experience-grid{grid-template-columns:1fr}.experience,.experience.big{height:220px}.service-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr;padding:40px 25px}.copy{grid-column:1/-1}.copy span{float:none;display:block;margin-top:8px}}
/* FORUM CENTER PREMIUM LIGHT THEME */
html,body{background:#f5f3ef!important;color:#14213d!important}
.nav{background:rgba(255,255,255,.98)!important;color:#14213d!important;border-bottom:1px solid #e6ded1!important;box-shadow:0 5px 25px rgba(20,33,61,.06)}
.nav nav a{color:#14213d!important}
.hero{background:#fff!important;color:#14213d!important}
.shade{background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.28) 65%,rgba(255,255,255,.08))!important}
.hero h1{color:#14213d!important}
.hero h1 span{color:#0ca8c8!important}
.hero p{color:#40506a!important}
.pill.outline{border-color:#14213d!important;color:#14213d!important}
.dark-section{background:linear-gradient(135deg,#fffaf0,#eef8f5)!important;color:#14213d!important;border:1px solid #e5dccd}
.split-copy p{color:#5d6878!important}
.split-art{background:linear-gradient(135deg,#dff2ec,#f1d7ae)!important;color:#14213d!important}
.vision-section{background:linear-gradient(135deg,#f5efe2,#ffffff)!important;color:#14213d!important}
.vision-grid article{background:#fff!important;border:1px solid #e5dccd!important;color:#14213d!important;box-shadow:0 8px 30px rgba(20,33,61,.06)}
.vision-grid p{color:#5d6878!important}
.about{background:#fff!important;color:#14213d!important;border:1px solid #e5dccd}
.about-copy p{color:#5d6878!important}
.careers-section{background:linear-gradient(120deg,#f8f0df,#fff)!important}
footer{background:linear-gradient(135deg,#f8f1e5,#edf7f4)!important;color:#14213d!important;border-top:1px solid #e5dccd}
footer p,footer a{color:#586476!important}
footer h4{color:#14213d!important}
.map{background:#e9eee9!important;color:#14213d!important}
.copy{border-color:#d9d1c5!important;color:#7b8490!important}
.dark-pill{background:#14213d!important;color:#fff!important}
.hero-bottom{display:none!important}
/* STORE / BRAND LOGOS — WHITE BACKGROUND + NATURAL SIZE */
.store-card .store-image,
.store-card .logo-wrap,
.store-card .brand-image,
.store-card .thumb{
background: transparent !important;;
}
.store-card img{
background:#fff!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:140px!important;
object-fit:contain!important;
display:block;
margin:auto;
}
.store-card .store-image img,
.store-card .logo-wrap img,
.store-card .brand-image img,
.store-card .thumb img{
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:140px!important;
object-fit:contain!important;
}
.store-logo,.brand-logo{
background:#fff!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:140px!important;
object-fit:contain!important;
}
/* STORE / BRAND IMAGE AREA — PURE WHITE */
.store-card .store-image,
.store-card .logo-wrap,
.store-card .brand-image,
.store-card .thumb,
.store-card .image,
.store-card .store-thumb,
.store-card .card-image {
background: #fff !important;
background-image: none !important;
box-shadow: none !important;
}
.store-card .store-image::before,
.store-card .store-image::after,
.store-card .logo-wrap::before,
.store-card .logo-wrap::after,
.store-card .brand-image::before,
.store-card .brand-image::after,
.store-card .thumb::before,
.store-card .thumb::after {
background: #fff !important;
background-image: none !important;
}
.store-card img {
background: #fff !important;
mix-blend-mode: normal !important;
}
/* FORUM CENTER BRAND COLOR TREATMENT */
:root{
--fc-navy:#14213d;
--fc-cyan:#10a8c8;
--fc-magenta:#ed267d;
--fc-gold:#d7a64a;
}
/* Header / footer brand logo area */
.brand{
display:flex;
align-items:center;
justify-content:center;
padding:4px 10px;
border-radius:12px;
background:linear-gradient(135deg,rgba(16,168,200,.08),rgba(237,38,125,.07));
}
.brand img{
filter:none!important;
mix-blend-mode:normal!important;
}
/* Store logo cards: use the website's branded background rather than plain grey. */
.store-card .store-img{
background:linear-gradient(135deg,#eefaff 0%,#ffffff 52%,#fff0f7 100%)!important;
border:1px solid #dceaf0;
position:relative;
overflow:hidden;
}
.store-card .store-img:before{
content:"";
position:absolute;
width:110px;height:110px;
left:-45px;top:-55px;
border-radius:50%;
background:rgba(16,168,200,.10);
}
.store-card .store-img:after{
content:"";
position:absolute;
width:100px;height:100px;
right:-40px;bottom:-50px;
border-radius:50%;
background:rgba(237,38,125,.08);
}
.store-card .store-img img{
position:relative;
z-index:1;
background:transparent!important;
}
/* Brand initials when no logo is uploaded */
.store-card .store-img:not(:has(img)){
color:var(--fc-navy)!important;
}
.hero-photo{width:100%;height:100%;object-fit:cover;display:block}
/* HERO COVER — SHOW THE FULL UPLOADED IMAGE, NO ZOOM/CROP */
.hero{
position:relative;
min-height:clamp(520px, 70vh, 760px)!important;
background:#f7f7f5!important;
overflow:hidden;
}
.hero-photo{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center center!important;
display:block!important;
background:#f7f7f5!important;
}
.shade{
position:absolute!important;
inset:0!important;
pointer-events:none!important;
background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.25) 55%,rgba(255,255,255,.05))!important;
}
.hero > *:not(.hero-photo):not(.shade){
position:relative;
z-index:2;
}
.managed-card-image{width:100%;height:210px;object-fit:cover;border-radius:18px;background:#fff}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gallery-grid figure{margin:0;background:#fff;border:1px solid #e8dfd1;border-radius:18px;overflow:hidden}
.gallery-grid img{display:block;width:100%;height:220px;object-fit:cover}
.gallery-grid figcaption{padding:12px 14px;font-weight:700;color:#14213d}
.contact-section{background:linear-gradient(135deg,#eef9f7,#fff7fb)}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.contact-grid>div{padding:22px;background:#fff;border:1px solid #e6ded1;border-radius:18px}
.contact-grid b{color:#14213d}.contact-grid p{color:#5d6878}
.experience{overflow:hidden}.experience img{width:100%;height:180px;object-fit:cover;border-radius:14px;margin-bottom:12px}
footer img{max-width:190px;max-height:70px;object-fit:contain}
@media(max-width:900px){.gallery-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.gallery-grid,.contact-grid{grid-template-columns:1fr}}
/* FULL-WIDTH HOMEPAGE HERO */
.hero{
position:relative!important;
width:100vw!important;
max-width:none!important;
min-height:680px!important;
height:clamp(620px,78vh,820px)!important;
margin:0!important;
left:50%!important;
transform:translateX(-50%)!important;
overflow:hidden!important;
background:#f5f5f2!important;
}
.hero-photo{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center center!important;
display:block!important;
}
.shade{
position:absolute!important;
inset:0!important;
background:linear-gradient(
90deg,
rgba(255,255,255,.94) 0%,
rgba(255,255,255,.72) 22%,
rgba(255,255,255,.18) 52%,
rgba(255,255,255,.02) 100%
)!important;
z-index:1!important;
}
.hero-content{
position:relative!important;
z-index:2!important;
width:min(620px,46vw)!important;
padding-top:145px!important;
margin-left:7.5vw!important;
}
@media(max-width:900px){
.hero{height:650px!important;min-height:650px!important}
.hero-content{width:72vw!important;margin-left:6vw!important;padding-top:110px!important}
}
@media(max-width:600px){
.hero{height:620px!important;min-height:620px!important}
.hero-content{width:88vw!important;margin-left:6vw!important;padding-top:90px!important}
}
/* HERO — RIGHT-SIDE IMAGE + SOFT TRANSPARENT LEFT SIDE */
.hero{
position:relative!important;
width:100vw!important;
max-width:none!important;
height:clamp(620px,76vh,800px)!important;
min-height:620px!important;
margin:0!important;
left:50%!important;
transform:translateX(-50%)!important;
overflow:hidden!important;
background:#fff!important;
}
/* Put the uploaded cover image on the right side only */
.hero-photo{
position:absolute!important;
top:0!important;
right:0!important;
left:auto!important;
width:68%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center center!important;
display:block!important;
background:#fff!important;
}
/* Soft fade from transparent/white left into the actual image */
.shade{
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;
background:
linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.98) 22%,
rgba(255,255,255,.90) 32%,
rgba(255,255,255,.55) 43%,
rgba(255,255,255,.12) 57%,
rgba(255,255,255,0) 68%
)!important;
}
/* Keep the content clearly on the transparent/white side */
.hero-content{
position:relative!important;
z-index:2!important;
width:min(540px,40vw)!important;
margin-left:7.5vw!important;
padding-top:150px!important;
}
.hero-content h1{
max-width:540px!important;
}
/* Video behaves exactly like the cover image */
.hero video.hero-photo{
object-fit:cover!important;
}
/* Tablet */
@media(max-width:900px){
.hero{
height:650px!important;
min-height:650px!important;
}
.hero-photo{
width:72%!important;
}
.hero-content{
width:50vw!important;
margin-left:6vw!important;
padding-top:125px!important;
}
}
/* Mobile: image remains on the right/background and the text stays readable */
@media(max-width:600px){
.hero{
height:650px!important;
min-height:650px!important;
}
.hero-photo{
width:100%!important;
opacity:.42!important;
}
.shade{
background:linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.92) 48%,
rgba(255,255,255,.45) 100%
)!important;
}
.hero-content{
width:88vw!important;
margin-left:6vw!important;
padding-top:100px!important;
}
}
/* HERO V16 — SLIGHTLY SMALLER IMAGE SO THE TOP BUILDING SIGN REMAINS VISIBLE */
.hero{
height:clamp(560px,68vh,720px)!important;
min-height:560px!important;
}
.hero-photo{
width:64%!important;
height:100%!important;
object-fit:cover!important;
object-position:center 42%!important;
}
.hero-content{
width:min(500px,38vw)!important;
padding-top:125px!important;
margin-left:7.5vw!important;
}
.hero-content h1{
font-size:clamp(42px,4.2vw,68px)!important;
line-height:.98!important;
}
@media(max-width:900px){
.hero{height:600px!important;min-height:600px!important}
.hero-photo{width:68%!important;object-position:center 42%!important}
.hero-content{width:50vw!important;padding-top:105px!important}
}
@media(max-width:600px){
.hero{height:600px!important;min-height:600px!important}
.hero-photo{width:100%!important;opacity:.42!important}
.hero-content{width:88vw!important;padding-top:90px!important}
}
/* HERO V17 — SHOW THE COMPLETE MALL FRONT + ROOFTOP SIGN */
.hero{
height:clamp(560px,70vh,740px)!important;
min-height:560px!important;
background:#fff!important;
}
/* Do not crop the uploaded mall photo. Keep the whole photograph visible. */
.hero-photo{
top:58%!important;
right:0!important;
left:auto!important;
width:70%!important;
height:100%!important;
max-width:none!important;
max-height:100%!important;
transform:translateY(-50%)!important;
object-fit:contain!important;
object-position:right center!important;
background:#fff!important;
}
/* Keep the clean white/transparent text area on the left. */
.shade{
background:
linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.98) 24%,
rgba(255,255,255,.88) 36%,
rgba(255,255,255,.45) 48%,
rgba(255,255,255,.08) 61%,
rgba(255,255,255,0) 70%
)!important;
}
.hero-content{
width:min(500px,38vw)!important;
margin-left:7.5vw!important;
padding-top:125px!important;
}
@media(max-width:900px){
.hero{
height:620px!important;
min-height:620px!important;
}
.hero-photo{
width:76%!important;
object-fit:contain!important;
object-position:right center!important;
}
.hero-content{
width:50vw!important;
margin-left:6vw!important;
padding-top:105px!important;
}
}
@media(max-width:600px){
.hero{
height:600px!important;
min-height:600px!important;
}
.hero-photo{
width:100%!important;
height:100%!important;
opacity:.35!important;
object-fit:contain!important;
object-position:center center!important;
}
.shade{
background:
linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.92) 50%,
rgba(255,255,255,.45) 100%
)!important;
}
.hero-content{
width:88vw!important;
margin-left:6vw!important;
padding-top:90px!important;
}
}
/* HERO V22 — clean premium cover matching the supplied reference */
.hero{
position:relative!important;
width:100vw!important;
max-width:none!important;
height:clamp(520px,62vh,680px)!important;
min-height:520px!important;
margin:0!important;
left:50%!important;
transform:translateX(-50%)!important;
overflow:hidden!important;
background:#fff!important;
}
/* Keep the mall image as a very subtle visual on the right. */
.hero-photo{
position:absolute!important;
top:0!important;
right:0!important;
left:auto!important;
width:52%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center center!important;
opacity:.14!important;
filter:saturate(.85)!important;
display:block!important;
}
/* White fade keeps the left side almost completely clean. */
.shade{
position:absolute!important;
inset:0!important;
z-index:1!important;
background:
linear-gradient(
90deg,
#fff 0%,
rgba(255,255,255,1) 34%,
rgba(255,255,255,.98) 50%,
rgba(255,255,255,.82) 66%,
rgba(255,255,255,.35) 84%,
rgba(255,255,255,.10) 100%
)!important;
}
/* Reference-style left content */
.hero-content{
position:relative!important;
z-index:2!important;
width:min(650px,48vw)!important;
margin-left:6.2vw!important;
padding-top:70px!important;
}
.hero-content h1{
margin:0!important;
max-width:650px!important;
font-size:clamp(44px,4.35vw,70px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
font-weight:800!important;
color:#17244a!important;
}
.hero-content h1 span,
.hero-content .accent{
color:#12a8c9!important;
}
.hero-content p{
margin-top:34px!important;
margin-bottom:24px!important;
font-size:15px!important;
line-height:1.6!important;
color:#36537d!important;
}
.hero-content:before{
content:""!important;
display:block!important;
width:58px!important;
height:4px!important;
border-radius:99px!important;
background:#ed2a79!important;
margin:0 0 26px 0!important;
}
/* Put the buttons exactly under the subtitle */
.hero-buttons{
display:flex!important;
gap:14px!important;
align-items:center!important;
}
.hero-buttons .pill{
min-height:44px!important;
padding:0 19px!important;
border-radius:6px!important;
font-size:11px!important;
letter-spacing:.01em!important;
font-weight:800!important;
}
.hero-buttons .pink{
background:#ed2a79!important;
border-color:#ed2a79!important;
color:#fff!important;
}
.hero-buttons .outline{
background:#fff!important;
border:1px solid #17244a!important;
color:#17244a!important;
}
.hero-buttons .outline:hover{
background:#17244a!important;
color:#fff!important;
}
/* Desktop: image remains only as a soft right-side visual */
@media(min-width:1200px){
.hero-photo{
width:50%!important;
opacity:.13!important;
}
.hero-content{
padding-top:62px!important;
}
}
/* Tablet */
@media(max-width:900px){
.hero{
height:560px!important;
min-height:560px!important;
}
.hero-photo{
width:58%!important;
opacity:.11!important;
}
.hero-content{
width:60vw!important;
margin-left:6vw!important;
padding-top:62px!important;
}
.hero-content h1{
font-size:clamp(40px,6vw,58px)!important;
}
}
/* Mobile */
@media(max-width:600px){
.hero{
height:590px!important;
min-height:590px!important;
}
.hero-photo{
width:100%!important;
opacity:.07!important;
}
.shade{
background:rgba(255,255,255,.94)!important;
}
.hero-content{
width:88vw!important;
margin-left:6vw!important;
padding-top:52px!important;
}
.hero-content h1{
font-size:44px!important;
line-height:1!important;
}
.hero-content p{
margin-top:26px!important;
}
.hero-buttons{
flex-wrap:wrap!important;
}
}
/* CONTACT + FOOTER V23 — premium, cleaner and better aligned */
.contact-section{
width:min(1240px,calc(100% - 80px))!important;
margin:90px auto 0!important;
padding:62px 58px 58px!important;
border-radius:30px!important;
background:linear-gradient(135deg,#f4fbfd 0%,#ffffff 48%,#fff6fa 100%)!important;
box-sizing:border-box!important;
}
.contact-section .eyebrow{
margin-bottom:10px!important;
color:#17244a!important;
font-size:11px!important;
font-weight:800!important;
letter-spacing:.2em!important;
}
.contact-section .title-row{
margin:0 0 28px!important;
}
.contact-section .title-row h2{
margin:0!important;
font-size:clamp(34px,3.2vw,48px)!important;
line-height:1.08!important;
color:#17244a!important;
letter-spacing:-.03em!important;
}
.contact-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:18px!important;
margin-top:0!important;
}
.contact-grid>div{
min-height:132px!important;
padding:24px 22px!important;
border:1px solid #e7ded4!important;
border-radius:20px!important;
background:rgba(255,255,255,.88)!important;
box-shadow:0 8px 26px rgba(23,36,74,.05)!important;
box-sizing:border-box!important;
}
.contact-grid b{
display:block!important;
margin-bottom:14px!important;
color:#17244a!important;
font-size:16px!important;
font-weight:800!important;
}
.contact-grid p{
margin:0!important;
color:#536b91!important;
font-size:14px!important;
line-height:1.55!important;
}
/* New structured footer */
.site-footer{
width:100%!important;
margin:64px 0 0!important;
padding:0!important;
background:#17244a!important;
color:#fff!important;
}
.footer-inner{
width:min(1240px,calc(100% - 80px))!important;
margin:0 auto!important;
padding:54px 0 44px!important;
display:grid!important;
grid-template-columns:1.5fr 1fr 1fr .9fr!important;
gap:46px!important;
align-items:start!important;
}
.footer-brand img{
display:block!important;
width:190px!important;
max-width:100%!important;
height:auto!important;
object-fit:contain!important;
object-position:left center!important;
margin:0 0 18px!important;
}
.footer-brand p{
max-width:300px!important;
margin:0!important;
color:rgba(255,255,255,.72)!important;
font-size:13px!important;
line-height:1.7!important;
}
.footer-column{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
}
.footer-label{
display:block!important;
margin-bottom:7px!important;
color:#59cfe7!important;
font-size:10px!important;
font-weight:800!important;
letter-spacing:.18em!important;
}
.footer-column p,
.footer-column a{
margin:0!important;
color:rgba(255,255,255,.78)!important;
font-size:13px!important;
line-height:1.65!important;
text-decoration:none!important;
}
.footer-column a:hover{
color:#fff!important;
}
.footer-social .social-links{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
}
.footer-social .social-links a{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
padding:8px 11px!important;
border:1px solid rgba(255,255,255,.18)!important;
border-radius:8px!important;
font-size:11px!important;
color:#fff!important;
}
.footer-social .social-links a:hover{
background:#ed2a79!important;
border-color:#ed2a79!important;
}
.footer-bottom{
width:min(1240px,calc(100% - 80px))!important;
margin:0 auto!important;
padding:18px 0 22px!important;
border-top:1px solid rgba(255,255,255,.12)!important;
display:flex!important;
justify-content:space-between!important;
gap:20px!important;
color:rgba(255,255,255,.5)!important;
font-size:11px!important;
}
@media(max-width:900px){
.contact-section{
width:calc(100% - 36px)!important;
padding:48px 28px!important;
}
.contact-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.footer-inner{
width:calc(100% - 48px)!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:36px 28px!important;
}
.footer-bottom{
width:calc(100% - 48px)!important;
}
}
@media(max-width:600px){
.contact-section{
width:calc(100% - 24px)!important;
margin-top:55px!important;
padding:38px 18px!important;
border-radius:22px!important;
}
.contact-grid{
grid-template-columns:1fr!important;
}
.contact-grid>div{
min-height:auto!important;
}
.footer-inner{
width:calc(100% - 36px)!important;
grid-template-columns:1fr!important;
gap:28px!important;
padding:42px 0 34px!important;
}
.footer-bottom{
width:calc(100% - 36px)!important;
flex-direction:column!important;
gap:6px!important;
}
}
/* HERO V24 — RESTORE A CLEAR RIGHT-SIDE MALL IMAGE */
.hero{
position:relative!important;
display:block!important;
width:100vw!important;
max-width:none!important;
height:clamp(560px,68vh,720px)!important;
min-height:560px!important;
margin:0!important;
left:50%!important;
transform:translateX(-50%)!important;
overflow:hidden!important;
background:#fff!important;
}
/* The mall photograph is fully present on the right half. */
.hero > .hero-photo{
position:absolute!important;
top:0!important;
right:0!important;
bottom:0!important;
left:auto!important;
z-index:0!important;
display:block!important;
width:54%!important;
height:100%!important;
min-width:54%!important;
min-height:100%!important;
max-width:none!important;
max-height:none!important;
margin:0!important;
padding:0!important;
object-fit:cover!important;
object-position:center center!important;
opacity:.36!important;
filter:none!important;
}
/* Strong white fade only on the left, while leaving the mall visible. */
.hero > .shade{
position:absolute!important;
inset:0!important;
z-index:1!important;
display:block!important;
pointer-events:none!important;
background:
linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,1) 26%,
rgba(255,255,255,.96) 38%,
rgba(255,255,255,.80) 48%,
rgba(255,255,255,.48) 58%,
rgba(255,255,255,.16) 68%,
rgba(255,255,255,0) 78%
)!important;
}
/* Keep the reference-style content on the clean left side. */
.hero > .hero-content{
position:relative!important;
z-index:2!important;
width:min(650px,47vw)!important;
margin:0 0 0 6.2vw!important;
padding-top:92px!important;
box-sizing:border-box!important;
}
.hero-content:before{
width:58px!important;
height:4px!important;
margin:0 0 26px 0!important;
background:#ed2a79!important;
}
.hero-content h1{
max-width:650px!important;
margin:0!important;
color:#17244a!important;
font-size:clamp(46px,4.2vw,68px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
font-weight:800!important;
}
.hero-content p{
margin:34px 0 24px!important;
color:#36537d!important;
font-size:15px!important;
}
@media(max-width:900px){
.hero{
height:600px!important;
min-height:600px!important;
}
.hero > .hero-photo{
width:60%!important;
min-width:60%!important;
opacity:.28!important;
}
.hero > .shade{
background:
linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.98) 38%,
rgba(255,255,255,.78) 55%,
rgba(255,255,255,.28) 72%,
rgba(255,255,255,0) 88%
)!important;
}
.hero > .hero-content{
width:56vw!important;
margin-left:6vw!important;
padding-top:82px!important;
}
.hero-content h1{
font-size:clamp(40px,5.8vw,58px)!important;
}
}
@media(max-width:600px){
.hero{
height:590px!important;
min-height:590px!important;
}
.hero > .hero-photo{
width:100%!important;
min-width:100%!important;
opacity:.16!important;
}
.hero > .shade{
background:rgba(255,255,255,.90)!important;
}
.hero > .hero-content{
width:88vw!important;
margin-left:6vw!important;
padding-top:70px!important;
}
.hero-content h1{
font-size:44px!important;
line-height:1!important;
}
}
/* V25 — CONTACT + FOOTER FINAL ALIGNMENT */
html, body{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
overflow-x:hidden!important;
}
.contact-section{
width:min(1240px,calc(100% - 80px))!important;
max-width:1240px!important;
margin:90px auto 0!important;
padding:58px 58px 56px!important;
box-sizing:border-box!important;
border-radius:30px!important;
background:linear-gradient(135deg,#f4fbfd 0%,#fff 50%,#fff6fa 100%)!important;
}
.contact-grid{
width:100%!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:18px!important;
box-sizing:border-box!important;
}
.contact-grid>div{
width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
/* Full-width footer — no fixed/partial width */
.site-footer{
display:block!important;
position:relative!important;
width:100%!important;
max-width:none!important;
min-width:100%!important;
margin:70px 0 0!important;
padding:0!important;
box-sizing:border-box!important;
background:#17244a!important;
color:#fff!important;
left:0!important;
right:0!important;
}
.footer-inner{
width:min(1240px,calc(100% - 80px))!important;
max-width:1240px!important;
min-height:230px!important;
margin:0 auto!important;
padding:52px 0 42px!important;
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:1.6fr 1fr 1fr 1fr!important;
gap:55px!important;
align-items:start!important;
}
.footer-brand,
.footer-column{
min-width:0!important;
width:auto!important;
}
.footer-brand img{
width:185px!important;
max-width:185px!important;
height:auto!important;
display:block!important;
margin:0 0 18px!important;
}
.footer-brand p{
max-width:270px!important;
margin:0!important;
line-height:1.65!important;
color:rgba(255,255,255,.72)!important;
}
.footer-column{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:8px!important;
}
.footer-label{
margin:0 0 10px!important;
color:#53cee7!important;
font-size:10px!important;
line-height:1.2!important;
font-weight:800!important;
letter-spacing:.18em!important;
}
.footer-column p,
.footer-column a{
display:block!important;
width:auto!important;
max-width:230px!important;
margin:0!important;
color:rgba(255,255,255,.78)!important;
font-size:13px!important;
line-height:1.55!important;
text-decoration:none!important;
}
.footer-social .social-links{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
width:auto!important;
}
.footer-social .social-links a{
display:inline-flex!important;
width:auto!important;
max-width:none!important;
padding:8px 11px!important;
border:1px solid rgba(255,255,255,.18)!important;
border-radius:8px!important;
}
.footer-bottom{
width:min(1240px,calc(100% - 80px))!important;
max-width:1240px!important;
min-height:58px!important;
margin:0 auto!important;
padding:17px 0!important;
box-sizing:border-box!important;
border-top:1px solid rgba(255,255,255,.12)!important;
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
gap:20px!important;
color:rgba(255,255,255,.5)!important;
font-size:11px!important;
}
@media(max-width:900px){
.contact-section{
width:calc(100% - 36px)!important;
padding:48px 28px!important;
}
.footer-inner{
width:calc(100% - 48px)!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:38px 30px!important;
}
.footer-bottom{
width:calc(100% - 48px)!important;
}
}
@media(max-width:600px){
.contact-section{
width:calc(100% - 24px)!important;
padding:38px 18px!important;
}
.contact-grid{
grid-template-columns:1fr!important;
}
.footer-inner{
width:calc(100% - 36px)!important;
grid-template-columns:1fr!important;
gap:30px!important;
padding:42px 0 34px!important;
}
.footer-bottom{
width:calc(100% - 36px)!important;
flex-direction:column!important;
align-items:flex-start!important;
}
}
/* V26 — HERO FINAL FIX: full-height right-side image, no middle clipping */
.hero{
position:relative!important;
width:100vw!important;
max-width:none!important;
height:clamp(560px,68vh,720px)!important;
min-height:560px!important;
margin:0!important;
left:50%!important;
transform:translateX(-50%)!important;
overflow:hidden!important;
background:#fff!important;
isolation:isolate!important;
}
.hero.hero-image-mode::before{
content:""!important;
position:absolute!important;
top:0!important;
right:0!important;
bottom:0!important;
left:42%!important;
z-index:0!important;
display:block!important;
background-image:var(--hero-image)!important;
background-repeat:no-repeat!important;
background-position:center center!important;
background-size:cover!important;
}
.hero.hero-image-mode > .hero-photo{
display:none!important;
}
.hero.hero-image-mode > .shade{
position:absolute!important;
inset:0!important;
z-index:1!important;
display:block!important;
height:100%!important;
width:100%!important;
background:
linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,1) 24%,
rgba(255,255,255,.97) 36%,
rgba(255,255,255,.78) 49%,
rgba(255,255,255,.42) 62%,
rgba(255,255,255,.10) 75%,
rgba(255,255,255,0) 88%
)!important;
}
.hero > .hero-content{
position:relative!important;
z-index:2!important;
width:min(650px,47vw)!important;
margin:0 0 0 6.2vw!important;
padding-top:92px!important;
box-sizing:border-box!important;
}
.hero-content h1{
color:#17244a!important;
max-width:650px!important;
font-size:clamp(46px,4.2vw,68px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
font-weight:800!important;
}
.hero-content p{
margin:34px 0 24px!important;
color:#36537d!important;
}
@media(max-width:900px){
.hero{
height:600px!important;
min-height:600px!important;
}
.hero.hero-image-mode::before{
left:35%!important;
}
.hero.hero-image-mode > .shade{
background:
linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.98) 34%,
rgba(255,255,255,.70) 54%,
rgba(255,255,255,.18) 76%,
rgba(255,255,255,0) 100%
)!important;
}
}
@media(max-width:600px){
.hero{
height:590px!important;
min-height:590px!important;
}
.hero.hero-image-mode::before{
left:0!important;
opacity:.20!important;
}
.hero.hero-image-mode > .shade{
background:rgba(255,255,255,.88)!important;
}
.hero > .hero-content{
width:88vw!important;
margin-left:6vw!important;
padding-top:70px!important;
}
.hero-content h1{
font-size:44px!important;
line-height:1!important;
}
}
/* V27 — Remove homepage Visit Forum Center contact block */
.contact-section{
display:none!important;
}
/* V28 — REMOVE HERO MIDDLE SEPARATOR */
.hero,
.hero.hero-image-mode{
border-left:0!important;
border-right:0!important;
box-shadow:none!important;
}
.hero.hero-image-mode::before{
border-left:0!important;
border-right:0!important;
box-shadow:none!important;
}
/* Seamless transition between text and mall image — no hard vertical line. */
.hero.hero-image-mode > .shade{
background:
linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,1) 22%,
rgba(255,255,255,.98) 34%,
rgba(255,255,255,.88) 45%,
rgba(255,255,255,.60) 55%,
rgba(255,255,255,.30) 66%,
rgba(255,255,255,.08) 77%,
rgba(255,255,255,0) 90%
)!important;
}
/* V29 — FOOTER REDESIGNED TO MATCH THE PROVIDED REFERENCE */
.site-footer{
width:100%!important;
max-width:none!important;
margin:72px 0 0!important;
padding:0!important;
background:#080e2b!important;
color:#fff!important;
box-sizing:border-box!important;
}
.footer-inner{
width:min(1100px,calc(100% - 72px))!important;
max-width:1100px!important;
min-height:255px!important;
margin:0 auto!important;
padding:42px 0 34px!important;
display:grid!important;
grid-template-columns:1.9fr .75fr 1fr!important;
column-gap:72px!important;
align-items:start!important;
box-sizing:border-box!important;
}
.footer-brand{
min-width:0!important;
}
.footer-brand img{
display:block!important;
width:310px!important;
max-width:100%!important;
height:auto!important;
margin:0 0 20px!important;
object-fit:contain!important;
object-position:left center!important;
}
.footer-brand p{
display:none!important;
}
.footer-column{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:8px!important;
min-width:0!important;
}
.footer-label{
display:block!important;
margin:3px 0 9px!important;
color:#fff!important;
font-size:12px!important;
line-height:1.2!important;
font-weight:800!important;
letter-spacing:.03em!important;
}
.footer-column p,
.footer-column a{
display:block!important;
width:auto!important;
max-width:220px!important;
margin:0!important;
color:#fff!important;
font-size:12px!important;
line-height:1.45!important;
text-decoration:none!important;
opacity:1!important;
}
.footer-column a:hover{
color:#58d2ea!important;
}
.footer-social{
grid-column:1!important;
grid-row:2!important;
margin-top:-84px!important;
}
.footer-social .footer-label{
display:none!important;
}
.footer-social .social-links{
display:flex!important;
align-items:center!important;
gap:10px!important;
margin:0!important;
}
.footer-social .social-links a{
width:36px!important;
height:36px!important;
min-width:36px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:0!important;
border-radius:50%!important;
background:#1877f2!important;
color:#fff!important;
font-size:0!important;
line-height:1!important;
}
.footer-social .social-links a:nth-child(2){
background:linear-gradient(135deg,#e1306c,#ffb300)!important;
}
.footer-social .social-links a:nth-child(3){
background:#ff0000!important;
}
.footer-social .social-links a:nth-child(4){
background:#25d366!important;
}
/* Simple social letters/icons without adding dependencies. */
.footer-social .social-links a::after{
content:"f"!important;
font-size:18px!important;
font-weight:700!important;
}
.footer-social .social-links a:nth-child(2)::after{
content:"◎"!important;
font-size:20px!important;
}
.footer-social .social-links a:nth-child(3)::after{
content:"▶"!important;
font-size:15px!important;
}
.footer-social .social-links a:nth-child(4)::after{
content:"◔"!important;
font-size:18px!important;
}
.footer-bottom{
width:min(1100px,calc(100% - 72px))!important;
max-width:1100px!important;
min-height:90px!important;
margin:0 auto!important;
padding:17px 0 22px!important;
border-top:1px solid rgba(255,255,255,.17)!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
gap:11px!important;
color:#fff!important;
font-size:11px!important;
box-sizing:border-box!important;
}
.footer-bottom span{
display:block!important;
margin:0!important;
color:#fff!important;
font-size:11px!important;
line-height:1.4!important;
}
.footer-bottom span:last-child{
font-size:0!important;
}
.footer-bottom span:last-child::before{
content:"Developed By: RedCat"!important;
font-size:11px!important;
font-weight:600!important;
color:#fff!important;
}
@media(max-width:900px){
.footer-inner{
width:calc(100% - 48px)!important;
grid-template-columns:1fr 1fr!important;
column-gap:40px!important;
row-gap:20px!important;
min-height:auto!important;
}
.footer-social{
grid-column:1!important;
grid-row:auto!important;
margin-top:-4px!important;
}
.footer-bottom{
width:calc(100% - 48px)!important;
}
}
@media(max-width:600px){
.site-footer{
margin-top:55px!important;
}
.footer-inner{
width:calc(100% - 36px)!important;
grid-template-columns:1fr!important;
gap:28px!important;
padding:38px 0 30px!important;
}
.footer-brand img{
width:250px!important;
}
.footer-social{
grid-column:auto!important;
margin-top:0!important;
}
.footer-bottom{
width:calc(100% - 36px)!important;
}
}
/* V30 — QUICK LINKS */
.footer-inner{
grid-template-columns:1.75fr .75fr .9fr .8fr!important;
column-gap:58px!important;
}
.footer-quick-links{
grid-column:auto!important;
grid-row:auto!important;
margin-top:0!important;
}
.footer-quick-links a{
color:#fff!important;
}
@media(max-width:900px){
.footer-inner{
grid-template-columns:1fr 1fr!important;
column-gap:40px!important;
}
}
@media(max-width:600px){
.footer-inner{
grid-template-columns:1fr!important;
}
}
/* V31 — ACTUAL FOUR-COLUMN FOOTER */
.site-footer{
width:100%!important;
max-width:none!important;
margin:72px 0 0!important;
padding:0!important;
background:#080e2b!important;
color:#fff!important;
box-sizing:border-box!important;
}
.footer-inner{
width:min(1100px,calc(100% - 72px))!important;
max-width:1100px!important;
margin:0 auto!important;
padding:44px 0 54px!important;
display:grid!important;
grid-template-columns:1.7fr .8fr 1fr .95fr!important;
gap:64px!important;
align-items:start!important;
box-sizing:border-box!important;
}
.footer-brand{
min-width:0!important;
}
.footer-brand img{
display:block!important;
width:310px!important;
max-width:100%!important;
height:auto!important;
margin:0 0 22px!important;
object-fit:contain!important;
object-position:left center!important;
}
.footer-column{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:8px!important;
min-width:0!important;
}
.footer-label{
display:block!important;
margin:3px 0 10px!important;
color:#fff!important;
font-size:12px!important;
line-height:1.2!important;
font-weight:800!important;
letter-spacing:.03em!important;
}
.footer-column a{
display:block!important;
margin:0!important;
color:#fff!important;
font-size:12px!important;
line-height:1.45!important;
text-decoration:none!important;
}
.footer-column a:hover{
color:#57d3ea!important;
}
.footer-social{
display:block!important;
margin:0!important;
}
.footer-social .social-links{
display:flex!important;
align-items:center!important;
gap:10px!important;
}
.footer-social .social-links a{
width:36px!important;
height:36px!important;
min-width:36px!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border:0!important;
border-radius:50%!important;
background:#1877f2!important;
color:#fff!important;
font-size:0!important;
line-height:1!important;
}
.footer-social .social-links a:nth-child(2){
background:linear-gradient(135deg,#e1306c,#ffb300)!important;
}
.footer-social .social-links a:nth-child(3){
background:#f00!important;
}
.footer-social .social-links a:nth-child(4){
background:#25d366!important;
}
.footer-social .social-links a::after{
content:"f"!important;
font-size:18px!important;
font-weight:700!important;
}
.footer-social .social-links a:nth-child(2)::after{
content:"◎"!important;
font-size:20px!important;
}
.footer-social .social-links a:nth-child(3)::after{
content:"▶"!important;
font-size:15px!important;
}
.footer-social .social-links a:nth-child(4)::after{
content:"◔"!important;
font-size:18px!important;
}
.footer-bottom{
width:min(1100px,calc(100% - 72px))!important;
max-width:1100px!important;
margin:0 auto!important;
padding:17px 0 24px!important;
border-top:1px solid rgba(255,255,255,.17)!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:10px!important;
color:#fff!important;
box-sizing:border-box!important;
}
.footer-bottom span{
color:#fff!important;
font-size:11px!important;
line-height:1.4!important;
}
@media(max-width:900px){
.footer-inner{
width:calc(100% - 48px)!important;
grid-template-columns:1.4fr 1fr 1fr!important;
gap:38px!important;
}
}
@media(max-width:600px){
.footer-inner{
width:calc(100% - 36px)!important;
grid-template-columns:1fr 1fr!important;
gap:32px 24px!important;
padding:38px 0 40px!important;
}
.footer-brand{
grid-column:1/-1!important;
}
.footer-bottom{
width:calc(100% - 36px)!important;
}
}
/* V32 — PLAN YOUR VISIT ABOVE FOOTER */
.plan-visit{
width:100%!important;
margin:72px 0 0!important;
padding:0!important;
background:#111b4b!important;
color:#fff!important;
box-sizing:border-box!important;
}
.plan-visit-inner{
width:min(1100px,calc(100% - 72px))!important;
max-width:1100px!important;
margin:0 auto!important;
padding:42px 0 46px!important;
display:grid!important;
grid-template-columns:1.1fr .9fr!important;
gap:48px!important;
align-items:center!important;
box-sizing:border-box!important;
}
.plan-eyebrow{
margin:0 0 16px!important;
color:#ed2a79!important;
font-size:12px!important;
font-weight:800!important;
letter-spacing:.14em!important;
}
.plan-visit h2{
margin:0 0 34px!important;
color:#fff!important;
font-size:clamp(42px,4vw,58px)!important;
line-height:1.05!important;
letter-spacing:-.035em!important;
font-weight:800!important;
}
.plan-visit h2 span{
color:#16b4d4!important;
}
.plan-grid{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:0 24px!important;
}
.plan-card{
padding:22px 0!important;
border-top:1px solid rgba(255,255,255,.18)!important;
box-sizing:border-box!important;
}
.plan-card:nth-child(3){
grid-column:1!important;
}
.plan-label{
margin:0 0 12px!important;
color:#fff!important;
font-size:11px!important;
font-weight:800!important;
letter-spacing:.08em!important;
}
.plan-card p,
.plan-card a{
margin:0!important;
color:rgba(255,255,255,.88)!important;
font-size:13px!important;
line-height:1.7!important;
text-decoration:none!important;
}
.plan-card a{
display:block!important;
}
.plan-card a:hover{
color:#16b4d4!important;
}
.plan-map{
width:100%!important;
height:360px!important;
border-radius:20px!important;
overflow:hidden!important;
background:#dbe2e9!important;
box-shadow:0 14px 35px rgba(0,0,0,.16)!important;
}
.plan-map iframe{
display:block!important;
width:100%!important;
height:100%!important;
border:0!important;
}
@media(max-width:900px){
.plan-visit-inner{
width:calc(100% - 48px)!important;
grid-template-columns:1fr!important;
gap:35px!important;
}
.plan-map{
height:330px!important;
}
}
@media(max-width:600px){
.plan-visit{
margin-top:55px!important;
}
.plan-visit-inner{
width:calc(100% - 36px)!important;
padding:38px 0 40px!important;
}
.plan-grid{
grid-template-columns:1fr!important;
}
.plan-card:nth-child(3){
grid-column:auto!important;
}
.plan-map{
height:280px!important;
border-radius:16px!important;
}
}
/* V33 — KEEP "WE'RE HERE FOR YOU." ON ONE LINE */
.plan-visit h2{
white-space:nowrap!important;
font-size:clamp(32px,3.25vw,52px)!important;
letter-spacing:-.035em!important;
}
.plan-visit h2 span{
white-space:nowrap!important;
}
@media(max-width:900px){
.plan-visit h2{
font-size:clamp(30px,5.5vw,46px)!important;
}
}
@media(max-width:600px){
.plan-visit h2{
white-space:normal!important;
font-size:40px!important;
}
}
/* V34 — REDUCE WHITE GAP BETWEEN PLAN YOUR VISIT AND FOOTER */
.plan-visit{
margin-bottom:0!important;
padding-bottom:34px!important;
}
.site-footer{
margin-top:0!important;
}
.plan-visit + .site-footer{
margin-top:0!important;
}
@media(max-width:600px){
.plan-visit{
padding-bottom:28px!important;
}
}
/* V35 — REDUCE PLAN YOUR VISIT SECTION HEIGHT */
.plan-visit-inner{
padding-top:30px!important;
padding-bottom:30px!important;
gap:34px!important;
}
.plan-visit h2{
margin-bottom:20px!important;
font-size:clamp(34px,3vw,48px)!important;
}
.plan-eyebrow{
margin-bottom:10px!important;
}
.plan-card{
padding:14px 0!important;
}
.plan-map{
height:300px!important;
}
.plan-visit{
padding-bottom:24px!important;
}
@media(max-width:900px){
.plan-visit-inner{
padding-top:28px!important;
padding-bottom:28px!important;
}
.plan-map{
height:280px!important;
}
}
@media(max-width:600px){
.plan-visit-inner{
padding-top:24px!important;
padding-bottom:24px!important;
}
.plan-map{
height:250px!important;
}
}
/* V36 — HERO IMAGE WITHOUT CENTER PARTITION
The image now spans the entire hero so there is no hard vertical edge.
The left side is softened with the white gradient, while the right side
remains visibly photographic. */
.hero{
overflow:hidden!important;
background:#fff!important;
}
.hero-photo{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center center!important;
opacity:.22!important;
filter:saturate(.9)!important;
display:block!important;
}
/* Soft fade — no center line / no image boundary */
.shade{
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;
background:
linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.99) 17%,
rgba(255,255,255,.94) 30%,
rgba(255,255,255,.78) 43%,
rgba(255,255,255,.48) 58%,
rgba(255,255,255,.18) 76%,
rgba(255,255,255,.05) 100%
)!important;
}
.hero-content{
position:relative!important;
z-index:2!important;
}
/* Desktop: keep the mall stronger on the right, but still continuous */
@media(min-width:1200px){
.hero-photo{
width:100%!important;
opacity:.22!important;
object-position:center 42%!important;
}
}
/* Tablet */
@media(max-width:900px){
.hero-photo{
width:100%!important;
opacity:.16!important;
object-position:center 42%!important;
}
}
/* Mobile */
@media(max-width:600px){
.hero-photo{
width:100%!important;
opacity:.10!important;
object-position:center center!important;
}
.shade{
background:
linear-gradient(
90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.95) 42%,
rgba(255,255,255,.70) 70%,
rgba(255,255,255,.20) 100%
)!important;
}
}
/* V37 — DINING CATEGORY DROPDOWN */
.admin-content select[name="category"],
select[name="category"]{
width:100%;
min-height:40px;
padding:10px 12px;
border:1px solid #d8dce5;
border-radius:8px;
background:#fff;
color:#071b46;
font:inherit;
box-sizing:border-box;
}
/* V38 — Vision statements shown one per line */
.vision-line{
display:block;
margin:0 0 8px;
line-height:1.65;
}
.vision-line:last-child{
margin-bottom:0;
}
/* V40 — Restore hero CTA labels */
.hero-buttons .pill{display:inline-flex!important;visibility:visible!important;opacity:1!important;white-space:nowrap!important;font-size:11px!important;line-height:1!important;min-width:140px!important;justify-content:center!important;}
.hero-buttons .pill b{display:inline!important;visibility:visible!important;font-size:13px!important;line-height:1!important;}
.hero-buttons .pink{color:#fff!important;}
.hero-buttons .outline{color:#17244a!important;}
/* HERO V42 — FORCE HERO TITLE INTO TWO CLEAN LINES */
.hero-content{
width:min(760px,58vw)!important;
}
.hero-content h1{
width:max-content!important;
max-width:none!important;
font-size:clamp(44px,4.2vw,68px)!important;
line-height:.98!important;
white-space:normal!important;
}
.hero-content h1 br{
display:block!important;
}
@media(max-width:900px){
.hero-content{width:78vw!important;}
.hero-content h1{width:auto!important;max-width:100%!important;font-size:clamp(40px,7vw,58px)!important;}
}
@media(max-width:600px){
.hero-content{width:88vw!important;}
.hero-content h1{font-size:42px!important;}
}
/* V43 — CLEAN OFFERS & EVENTS CARDS */
#offers.section.soft{
background:#f5f5f2!important;
border-radius:28px!important;
padding-top:42px!important;
padding-bottom:42px!important;
}
#offers .offer-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:20px!important;
margin-top:28px!important;
}
#offers .offer-grid article{
background:#fff!important;
border:1px solid #e3dfd8!important;
border-radius:18px!important;
padding:22px!important;
min-height:150px!important;
box-sizing:border-box!important;
box-shadow:0 8px 24px rgba(16,32,64,.05)!important;
}
#offers .offer-grid article h3{
margin:4px 0 10px!important;
color:#102450!important;
font-size:18px!important;
line-height:1.25!important;
}
#offers .offer-grid article p{
margin:0!important;
color:#4f607d!important;
font-size:13px!important;
line-height:1.65!important;
}
#offers .offer-grid .managed-card-image{
display:block!important;
width:100%!important;
height:170px!important;
object-fit:cover!important;
margin-bottom:16px!important;
border-radius:14px!important;
}
#events .event-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:20px!important;
margin-top:28px!important;
}
#events .event-grid article{
position:relative!important;
background:#fff!important;
border:1px solid #e3dfd8!important;
border-radius:18px!important;
padding:22px!important;
padding-top:22px!important;
min-height:190px!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
#events .event-grid .event-date{
position:static!important;
display:inline-flex!important;
align-items:center!important;
gap:8px!important;
background:#eef8fb!important;
border-radius:10px!important;
padding:7px 11px!important;
margin:0 0 14px!important;
text-align:left!important;
color:#102450!important;
}
#events .event-grid .event-date b{
display:inline!important;
font-size:18px!important;
line-height:1!important;
}
#events .event-grid .event-date span{
font-size:10px!important;
font-weight:700!important;
text-transform:uppercase!important;
color:#10a8c8!important;
}
#events .event-grid article h3{
margin:0 0 9px!important;
color:#102450!important;
font-size:18px!important;
line-height:1.3!important;
}
#events .event-grid article p{
margin:0 0 12px!important;
color:#4f607d!important;
font-size:13px!important;
line-height:1.6!important;
}
#events .event-grid article small{
display:block!important;
color:#777!important;
font-size:11px!important;
}
#events .event-grid .managed-card-image{
display:block!important;
width:100%!important;
height:170px!important;
object-fit:cover!important;
margin-bottom:14px!important;
border-radius:14px!important;
}
@media(max-width:900px){
#offers .offer-grid,#events .event-grid{grid-template-columns:1fr!important}
}
/* V44 — Offers image + PDF support */
.offer-card{overflow:hidden}
.offer-media{width:100%;height:220px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:18px}
.offer-media img{width:100%;height:100%;object-fit:cover;display:block}
.offer-dates{font-size:13px;color:#5b6780;margin-top:10px}
.offer-pdf{display:inline-block;margin-top:14px;font-weight:700;text-decoration:none}
.admin-offer-thumb{display:block;max-width:260px;max-height:150px;border-radius:8px;border:1px solid #ddd;margin:8px 0}
.admin-list-thumb{width:90px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #ddd}
.file-note{margin:-4px 0 12px;font-size:13px}
/* V45 — Offer thumbnail */
.offer-thumb{
width:100%;
height:180px;
margin:0 0 18px;
border-radius:14px;
overflow:hidden;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
}
.offer-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* V46 — multiple offer images */
.offer-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}
.offer-gallery .offer-media{height:150px;border-radius:12px;overflow:hidden;background:#fff}
.offer-gallery .offer-media:first-child:only-child{grid-column:1/-1}
.offer-gallery .offer-media img{width:100%;height:100%;object-fit:cover;display:block}
.offer-existing-images{display:flex;flex-wrap:wrap;gap:10px}
.offer-existing-images .admin-offer-thumb{width:110px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #ddd}
.admin-main small{display:block;margin-top:6px;color:#667085}
@media(max-width:700px){.offer-gallery{grid-template-columns:1fr}.offer-gallery .offer-media{height:190px}}
/* V53 — Show every image/page for one offer together in a full-page viewer */
.offer-modal-box{width:min(96vw,1400px);height:94vh;margin:3vh auto;align-items:stretch}
.offer-modal-content{height:100%;overflow-y:auto;justify-content:flex-start;padding:20px 18px 28px}
.offer-modal-title{flex:0 0 auto;color:#fff;font-size:26px;margin:0 0 8px}
.offer-modal-gallery{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.offer-modal-page{margin:0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.22)}
.offer-modal-page img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;border-radius:0;box-shadow:none}
.offer-modal-pdf{flex:0 0 auto;margin:20px auto 0}
.offer-modal-close{position:fixed;top:18px;right:22px}
@media(max-width:700px){.offer-modal-box{width:100vw;height:100dvh;margin:0}.offer-modal-content{padding:64px 12px 20px}.offer-modal-gallery{grid-template-columns:1fr;gap:12px}.offer-modal-title{font-size:22px}.offer-modal-close{position:fixed;right:12px;top:10px}}
/* V47 — Clickable offer preview */
.offer-clickable{cursor:pointer;position:relative}
.offer-clickable:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(16,32,72,.10)}
.offer-open-hint{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0ea8c5;margin-top:12px}
.offer-modal{display:none;position:fixed;inset:0;z-index:99999}
.offer-modal.is-open{display:block}
.offer-modal-backdrop{position:absolute;inset:0;background:rgba(5,12,35,.82);backdrop-filter:blur(3px)}
.offer-modal-box{position:relative;z-index:2;width:min(92vw,1100px);height:min(92vh,820px);margin:4vh auto;display:flex;align-items:center;justify-content:center}
.offer-modal-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.offer-modal-content img{max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.35);background:#fff}
.offer-modal-title{color:#fff;font-size:20px;font-weight:800;text-align:center}
.offer-modal-count{color:#dce5ff;font-size:13px}
.offer-modal-close,.offer-modal-prev,.offer-modal-next{position:absolute;border:0;border-radius:50%;background:#fff;color:#101d48;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:28px;z-index:4;box-shadow:0 8px 25px rgba(0,0,0,.2)}
.offer-modal-close{right:0;top:0;font-size:30px}
.offer-modal-prev{left:0;top:50%;transform:translateY(-50%)}
.offer-modal-next{right:0;top:50%;transform:translateY(-50%)}
.offer-modal-pdf{display:none;align-items:center;justify-content:center;background:#ed1f78;color:#fff!important;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700}
.offer-modal-open{overflow:hidden}
@media(max-width:700px){.offer-modal-box{width:96vw;height:94vh}.offer-modal-content img{max-height:72vh}.offer-modal-close{right:4px;top:4px}.offer-modal-prev{left:4px}.offer-modal-next{right:4px}}
/* V51 — Events use the same first-thumbnail + gallery behavior as Offers */
#events .event-clickable{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
#events .event-clickable:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(16,32,64,.09)}
#events .event-open-hint{margin-top:12px;color:#10a8c8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
#events .event-clickable .managed-card-image{object-fit:cover}
.events-page .event-clickable{cursor:pointer}
.events-page .offer-img{overflow:hidden;background:#fff}
.events-page .offer-img .managed-card-image{width:100%;height:100%;object-fit:cover;display:block}
/* V52 — Vision & Mission presentation */
.vision-section{background:#f4f7fb!important;color:#10244b!important;padding:45px 40px 55px!important}
.vision-eyebrow,.mission-eyebrow{color:#ed267d!important;margin-bottom:12px}
.vision-main-heading{font-size:42px!important;line-height:1.08!important;margin:0 0 28px!important;font-weight:800!important;color:#10244b!important}
.vision-main-heading span{color:#12afd0!important}
.vision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vision-card{min-height:150px;background:#fff!important;border:1px solid #dce3ee!important;border-radius:16px!important;padding:28px!important;box-shadow:0 8px 25px rgba(16,36,75,.04)!important}
.vision-number{font-size:23px;font-weight:800;color:#ed267d;margin-bottom:20px}
.vision-card p{margin:0!important;color:#536a92!important;font-size:19px!important;line-height:1.65!important}
.mission-block{margin-top:78px}
.mission-card{background:#fff;border:1px solid #dce3ee;border-radius:20px;padding:30px 34px;box-shadow:0 14px 35px rgba(16,36,75,.05)}
.mission-card p{margin:0;color:#536a92;font-size:18px;line-height:1.8}
@media(max-width:900px){.vision-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vision-section{padding:32px 22px 42px!important}.vision-main-heading{font-size:34px!important}.vision-cards{grid-template-columns:1fr}.mission-block{margin-top:55px}.mission-card{padding:24px}.mission-card p{font-size:15px}}
/* Our Story section */
.story-section{padding-top:72px;padding-bottom:76px;background:#fff;}
.story-heading{font-size:42px;line-height:1.08;letter-spacing:-1.2px;margin:0;}
.story-heading span{color:#12a9cf;}
.story-copy{max-width:900px;color:#54709a;font-size:15px;line-height:1.8;margin-top:22px;}
.story-copy p{margin:0 0 16px;}
@media(max-width:700px){.story-heading{font-size:34px}.story-copy{font-size:14px;line-height:1.7}}
/* V54 — Consistent pink section labels across the website */
.eyebrow{
color:#ed267d!important;
font-size:10px!important;
letter-spacing:2px!important;
font-weight:800!important;
text-transform:uppercase!important;
}
.plan-eyebrow{
color:#ed267d!important;
font-size:10px!important;
letter-spacing:2px!important;
font-weight:800!important;
text-transform:uppercase!important;
}
/* Dynamic dining preview on home page */
.dining-preview{padding:28px;display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;align-content:stretch;justify-content:stretch;font-size:initial!important;text-align:left!important;}
.dining-preview-card{min-width:0;min-height:0;background:rgba(255,255,255,.78);border:1px solid rgba(20,33,61,.12);border-radius:16px;padding:12px;text-decoration:none;color:#14213d;display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;overflow:hidden;transition:transform .2s,box-shadow .2s;}
.dining-preview-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,33,61,.12);}
.dining-preview-img{grid-row:1/3;width:78px;height:78px;border-radius:12px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;}
.dining-preview-img img{width:100%;height:100%;object-fit:cover;display:block;}
.dining-preview-card b{font-size:13px;line-height:1.2;}
.dining-preview-card small{font-size:9px;color:#667085;line-height:1.2;}
.dining-empty{grid-column:1/-1;grid-row:1/-1;display:flex;align-items:center;justify-content:center;font-size:55px;font-weight:900;text-align:center;color:#14213d;}
@media(max-width:850px){.dining-preview{min-height:360px;grid-template-columns:1fr 1fr;padding:20px;}.dining-preview-card{grid-template-columns:58px 1fr;padding:9px;}.dining-preview-img{width:58px;height:58px;}}
/* Dining uses the same visual card system as Stores */
.dining-card .store-img{background:#fff;border:1px solid #e8e8e8;}
.dining-card .store-img img{width:100%;height:100%;object-fit:contain;display:block;background:#fff;}
.dining-card .store-img span{font-size:30px;font-weight:900;color:#14213d;}
.dining-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,33,61,.08);transition:.2s;}
@media(max-width:850px){.dining-card .store-img{height:140px;}}
.entertainment-feature-section{padding-top:28px;padding-bottom:34px}.entertainment-feature-section .eyebrow{color:#ed267d}.entertainment-intro-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:24px;margin-bottom:22px;min-height:180px}.entertainment-intro-copy h2{margin:3px 0 0;color:#14213d;font-size:48px;line-height:1.05;font-weight:800}.entertainment-accent{width:42px;height:4px;background:#ed267d;margin-top:18px;border-radius:3px}.entertainment-logo-display{width:180px!important;max-width:180px!important;min-width:180px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;height:100px!important;padding:0!important;overflow:visible!important}.entertainment-logo-display img{display:block!important;width:180px!important;max-width:180px!important;height:100px!important;max-height:100px!important;object-fit:contain!important;object-position:center right!important}.entertainment-games-home{margin:0}.entertainment-games-home-head{margin:0 0 14px}.entertainment-games-home-head h3{margin:0;color:#14213d;font-size:30px;line-height:1.2}.entertainment-games-home-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}.entertainment-game-home-card{appearance:none;-webkit-appearance:none;padding:0;font:inherit;text-align:left;cursor:pointer;width:auto!important;max-width:none!important;height:180px!important;border-radius:16px;overflow:hidden;background:#f2f4f8;border:1px solid #dfe3ec;box-shadow:0 8px 24px rgba(20,33,61,.06)}.entertainment-game-home-card img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;display:block;transition:transform .25s}.entertainment-game-home-card:hover img{transform:scale(1.04)}.entertainment-games-empty{padding:30px;border:1px dashed #dfe3ec;border-radius:16px;color:#6b7280;background:#fafafa}@media(max-width:1200px){.entertainment-intro-row{grid-template-columns:minmax(0,1fr) 220px}.entertainment-logo-display{width:180px!important;max-width:180px!important;min-width:180px!important;height:100px!important}.entertainment-logo-display img{width:180px!important;max-width:180px!important;height:100px!important;max-height:100px!important}.entertainment-games-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:800px){.entertainment-intro-row{grid-template-columns:1fr;gap:14px;min-height:0;margin-bottom:22px}.entertainment-logo-display{width:100%!important;max-width:100%!important;min-width:0!important;justify-content:flex-start!important;height:170px!important}.entertainment-logo-display img{width:min(300px,100%)!important;max-width:300px!important;height:120px!important;max-height:120px!important;object-position:left center!important}.entertainment-intro-copy h2{font-size:42px}.entertainment-games-home-grid{grid-template-columns:1fr!important}.entertainment-game-home-card{height:190px!important}}@media(max-width:600px){.entertainment-intro-copy h2{font-size:36px}.entertainment-logo-display{height:130px!important}.entertainment-logo-display img{width:min(420px,100%)!important;max-width:420px!important;height:130px!important;max-height:130px!important}.entertainment-game-home-card{height:190px!important}}.entertainment-logo-panel,.entertainment-gaming-panel{min-height:0}.entertainment-gaming-panel img{min-height:0}
/* V55 — Rose text labels styled like the Whats On button */
.eyebrow,
.plan-eyebrow,
.vision-eyebrow,
.mission-eyebrow{
display:inline-flex!important;
align-items:center!important;
width:max-content!important;
background:#ed267d!important;
color:#fff!important;
padding:8px 14px!important;
border-radius:6px!important;
font-size:10px!important;
line-height:1.2!important;
font-weight:800!important;
letter-spacing:1.8px!important;
margin:0 0 12px!important;
text-transform:uppercase!important;
}
/* CAREERS / JOB LIST */
.careers-jobs-section{background:#fff!important}
.career-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:8px 0 28px;border-bottom:1px solid #eee}
.career-intro h3{font-size:22px;margin:0 0 8px;color:#5a2a8a}
.career-intro p{max-width:760px;margin:0;color:#666;font-size:13px;line-height:1.7}
.career-job-list{display:grid;gap:14px;margin-top:22px}
.career-job-card{position:relative;border:1px solid #6d2ca1;border-radius:7px;background:#fff;padding:22px 54px 22px 24px;display:grid;grid-template-columns:minmax(0,1fr) 48px;column-gap:18px;align-items:center;min-height:150px}
.career-job-main h3{font-size:28px;font-weight:400;color:#67319a;margin:0 0 12px;line-height:1.15;display:flex;align-items:center;gap:16px}
.career-job-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;margin-top:8px;color:#111;font-size:16px}
.career-job-meta span{display:block}.career-job-meta b{font-weight:800}.career-job-meta span:first-child::first-letter{font-size:14px}
.career-logo{width:52px;height:52px;flex:0 0 52px;display:inline-flex;align-items:center;justify-content:center;overflow:visible;background:transparent;border:0;border-radius:0}.career-logo img{width:52px;height:52px;object-fit:contain;display:block;background:transparent}
.career-arrow{width:42px;height:42px;border-radius:50%;background:#fff!important;color:#5f2490!important;border:2px solid #6d2ca1!important;font-size:34px!important;font-weight:300!important;display:flex;align-items:center;justify-content:center;padding:0!important;line-height:1}
.career-job-detail{border:1px solid #ddd;border-top:0;border-radius:0 0 12px 12px;background:#faf9fc;padding:26px 30px 30px;margin-top:-14px}
.career-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.career-detail-head h3{margin:5px 0 0;font-size:28px;color:#5f2490}.career-detail-close{background:#eee!important;color:#333!important;border-radius:50%!important;width:36px;height:36px;padding:0!important;font-size:24px!important}
.career-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.career-detail-grid div{background:#fff;border:1px solid #e6e0ea;border-radius:10px;padding:13px}.career-detail-grid b,.career-detail-grid span{display:block}.career-detail-grid b{font-size:11px;color:#6d2ca1;text-transform:uppercase;letter-spacing:.5px}.career-detail-grid span{font-size:13px;margin-top:6px;color:#333}
.career-detail-section{margin-top:20px}.career-detail-section h4{font-size:18px;color:#5f2490;margin:0 0 7px}.career-detail-section p{font-size:13px;color:#555;line-height:1.8;margin:0}.career-apply{margin-top:22px}.career-empty{padding:30px;border:1px dashed #ccc;border-radius:10px;color:#666}.career-empty a{color:#6d2ca1}
.career-admin-table{overflow:auto}.career-admin-table table{min-width:900px}
@media(max-width:850px){.career-intro{display:block}.career-intro .pill{margin-top:15px}.career-job-card{grid-template-columns:minmax(0,1fr) 40px;padding:20px 48px 20px 20px;column-gap:14px}.career-logo{width:44px;height:44px;flex-basis:44px}.career-logo img{width:44px;height:44px}.career-job-main h3{font-size:22px}.career-job-meta{grid-template-columns:1fr;font-size:14px;gap:5px}.career-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.career-detail-grid{grid-template-columns:1fr}.career-job-card{grid-template-columns:minmax(0,1fr) 36px;padding:18px 42px 18px 16px;column-gap:10px}.career-arrow{width:36px;height:36px;font-size:28px!important}}
/* V35 — SINGLE-PAGE PLAN VISIT + FOOTER */
.plan-visit{margin-top:42px!important;}
.plan-visit-inner{padding:34px 0 34px!important;gap:34px!important;}
.plan-visit h2{margin-bottom:24px!important;}
.plan-card{padding:16px 0!important;}
.plan-map{height:300px!important;}
.site-footer{margin-top:0!important;}
.footer-inner{padding-top:34px!important;padding-bottom:30px!important;}
.footer-bottom{padding-top:18px!important;padding-bottom:18px!important;}
@media(max-width:900px){.plan-visit-inner{gap:28px!important}.plan-map{height:280px!important}}
@media(max-width:600px){.plan-visit{margin-top:30px!important}.plan-visit-inner{padding:28px 0 30px!important}.plan-map{height:250px!important}}
/* UNIFIED FOOTER — Plan Your Visit, map, links and copyright are one continuous footer */
.unified-footer.site-footer{
margin-top:42px!important;
background:#101b4d!important;
border-top:0!important;
overflow:hidden!important;
}
.unified-visit{
width:min(1240px,calc(100% - 80px));
margin:0 auto;
padding:34px 0 30px;
display:grid;
grid-template-columns:minmax(0,1fr) 480px;
gap:38px;
align-items:center;
}
.unified-visit-info{min-width:0}
.unified-visit .plan-eyebrow{margin-bottom:10px!important}
.unified-visit h2{margin-bottom:22px!important;font-size:clamp(34px,3vw,48px)!important;white-space:nowrap!important}
.unified-visit .plan-grid{gap:0 24px!important}
.unified-visit .plan-card{padding:14px 0!important}
.unified-visit .plan-map{height:300px!important;border-radius:16px!important;overflow:hidden!important}
.unified-visit .plan-map iframe{width:100%!important;height:100%!important;border:0!important}
.unified-footer .footer-inner{border-top:1px solid rgba(255,255,255,.14)!important;padding-top:28px!important;padding-bottom:26px!important}
.unified-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important}
@media(max-width:1000px){
.unified-visit{grid-template-columns:1fr 400px;gap:28px}
}
@media(max-width:900px){
.unified-visit{width:calc(100% - 48px);grid-template-columns:1fr;gap:28px}
.unified-visit .plan-map{height:280px!important}
}
@media(max-width:600px){
.unified-footer.site-footer{margin-top:30px!important}
.unified-visit{width:calc(100% - 36px);padding:28px 0 26px;gap:24px}
.unified-visit h2{white-space:normal!important;font-size:40px!important}
.unified-visit .plan-grid{grid-template-columns:1fr!important}
.unified-visit .plan-map{height:250px!important}
}
/* FINAL SINGLE-ROW FOOTER LAYOUT */
.unified-footer.site-footer{background:#101b4d!important;margin-top:0!important;padding:0!important;border:0!important;}
.unified-footer .unified-visit{
width:min(1400px,calc(100% - 80px));
margin:0 auto;
padding:42px 0 34px;
display:grid;
grid-template-columns:1.15fr 1.35fr .72fr .72fr 1.45fr;
gap:30px;
align-items:start;
}
.unified-footer .unified-visit-info{display:contents;}
.unified-footer .unified-visit-info:before{
content:'We’re Here For You.';
display:block;
grid-column:1;
grid-row:1;
color:#fff;
font-size:clamp(30px,2.2vw,42px);
line-height:1.08;
font-weight:800;
margin:42px 0 20px;
letter-spacing:-1px;
}
.unified-footer .unified-visit-info:after{
content:'';
display:block;
grid-column:1;
grid-row:1;
align-self:end;
width:155px;
height:74px;
background:url('../assets/forum-center-logo.png') center/contain no-repeat;
margin-bottom:0;
}
.unified-footer .plan-eyebrow{grid-column:1;grid-row:1;align-self:start;width:max-content;margin:0!important;padding:8px 14px!important;border-radius:7px;background:#ed1e79;color:#fff!important;font-size:11px!important;letter-spacing:1.6px!important;font-weight:800!important;}
.unified-footer .unified-visit .plan-grid{
display:contents!important;
}
.unified-footer .unified-visit .plan-card{
border-top:1px solid rgba(255,255,255,.16)!important;
padding:16px 0 0!important;
margin-top:50px!important;
min-width:0;
}
.unified-footer .unified-visit .plan-card:nth-child(1){grid-column:2;grid-row:1;}
.unified-footer .unified-visit .plan-card:nth-child(2){grid-column:2;grid-row:1;margin-top:190px!important;border-top:0!important;padding-top:0!important;}
.unified-footer .unified-visit .plan-card:nth-child(3){grid-column:2;grid-row:1;margin-top:270px!important;border-top:1px solid rgba(255,255,255,.16)!important;}
.unified-footer .plan-label{color:#fff!important;font-size:11px!important;letter-spacing:1.1px!important;margin-bottom:12px!important;font-weight:800!important;}
.unified-footer .plan-card p,.unified-footer .plan-card a{color:#fff!important;font-size:13px!important;line-height:1.7!important;}
.unified-footer .plan-card a{display:block;text-decoration:none;}
.unified-footer .plan-map{
grid-column:5;grid-row:1;
width:100%;height:270px!important;
margin-top:8px;
border-radius:16px!important;
overflow:hidden!important;
}
.unified-footer .plan-map iframe{width:100%!important;height:100%!important;border:0!important;display:block;}
.unified-footer .footer-inner{
width:min(1400px,calc(100% - 80px));
margin:0 auto;
padding:20px 0 18px!important;
border-top:1px solid rgba(255,255,255,.14)!important;
display:grid!important;
grid-template-columns:1.15fr 1.35fr .72fr .72fr 1.45fr!important;
gap:30px!important;
align-items:start;
}
.unified-footer .footer-brand{display:none!important;}
.unified-footer .footer-quick-links{grid-column:3;}
.unified-footer .footer-inner>.footer-column:last-child{grid-column:4;}
.unified-footer .footer-column{min-width:0;}
.unified-footer .footer-label{display:block;margin-bottom:12px!important;color:#fff!important;font-size:11px!important;letter-spacing:1px!important;font-weight:800!important;}
.unified-footer .footer-column a{display:block;color:#fff!important;text-decoration:none;font-size:12px!important;line-height:2!important;}
.unified-footer .footer-bottom{
width:min(1400px,calc(100% - 80px));
margin:0 auto;
padding:15px 0 18px!important;
border-top:1px solid rgba(255,255,255,.12)!important;
display:flex!important;
justify-content:space-between!important;
gap:20px;
color:#fff!important;
font-size:11px!important;
}
@media(max-width:1100px){
.unified-footer .unified-visit,.unified-footer .footer-inner{width:calc(100% - 48px);grid-template-columns:1fr 1fr 1fr!important;}
.unified-footer .unified-visit-info:before{grid-column:1;}
.unified-footer .unified-visit-info:after{grid-column:1;}
.unified-footer .plan-eyebrow{grid-column:1;}
.unified-footer .unified-visit .plan-card:nth-child(1){grid-column:2;}
.unified-footer .unified-visit .plan-card:nth-child(2){grid-column:2;}
.unified-footer .unified-visit .plan-card:nth-child(3){grid-column:2;}
.unified-footer .plan-map{grid-column:3;grid-row:1 / span 2;height:260px!important;}
.unified-footer .footer-quick-links{grid-column:2!important;}
.unified-footer .footer-inner>.footer-column:last-child{grid-column:3!important;}
}
@media(max-width:760px){
.unified-footer .unified-visit{display:grid;grid-template-columns:1fr!important;width:calc(100% - 36px);gap:16px;padding:28px 0!important;}
.unified-footer .unified-visit-info:before,.unified-footer .unified-visit-info:after,.unified-footer .plan-eyebrow,.unified-footer .unified-visit .plan-card,.unified-footer .plan-map{grid-column:1!important;grid-row:auto!important;margin-top:0!important;}
.unified-footer .unified-visit-info:before{margin:10px 0 8px;}
.unified-footer .unified-visit-info:after{height:58px;}
.unified-footer .unified-visit .plan-card{border-top:1px solid rgba(255,255,255,.16)!important;padding-top:14px!important;}
.unified-footer .plan-map{height:240px!important;}
.unified-footer .footer-inner{width:calc(100% - 36px);grid-template-columns:1fr 1fr!important;gap:24px!important;}
.unified-footer .footer-quick-links,.unified-footer .footer-inner>.footer-column:last-child{grid-column:auto!important;}
.unified-footer .footer-bottom{width:calc(100% - 36px);flex-direction:column;}
}
/* CLEAN SINGLE FOOTER — final layout */
.unified-footer.site-footer{background:#101b4d!important;margin-top:0!important;padding:0!important;border:0!important;overflow:hidden!important;}
.unified-footer .unified-visit{
width:min(1400px,calc(100% - 80px));margin:0 auto;padding:40px 0 34px;
display:grid!important;grid-template-columns:1.25fr 1.2fr .72fr .78fr 1.55fr;
gap:34px;align-items:start;
}
.unified-brand-block{min-width:0;}
.unified-brand-block .plan-eyebrow{display:inline-block!important;margin:0 0 16px!important;padding:8px 14px!important;background:#ed1e79!important;color:#fff!important;border-radius:7px!important;font-size:11px!important;letter-spacing:1.5px!important;font-weight:800!important;}
.unified-brand-block h2{margin:0 0 22px!important;color:#fff!important;font-size:clamp(32px,2.5vw,46px)!important;line-height:1.05!important;letter-spacing:-1px!important;white-space:normal!important;}
.unified-brand-block h2 span{color:#16b4d6!important;}
.unified-footer-logo{display:block;width:170px;height:70px;object-fit:contain;object-position:left center;}
.unified-info-block{min-width:0;}
.unified-info-item{padding:0 0 17px;margin:0 0 17px;border-bottom:1px solid rgba(255,255,255,.15);}
.unified-info-item:last-child{margin-bottom:0;}
.unified-info-item .plan-label{color:#fff!important;font-size:11px!important;letter-spacing:1px!important;font-weight:800!important;margin-bottom:10px!important;}
.unified-info-item p,.unified-info-item a{color:#fff!important;font-size:13px!important;line-height:1.65!important;margin:0!important;}
.unified-info-item a{display:block;text-decoration:none!important;}
.unified-links-column{min-width:0;}
.unified-links-column .footer-label{display:block;color:#fff!important;font-size:11px!important;letter-spacing:1px!important;font-weight:800!important;margin:2px 0 12px!important;}
.unified-links-column a{display:block;color:#fff!important;text-decoration:none!important;font-size:12px!important;line-height:2!important;}
.unified-footer .plan-map{grid-column:5;grid-row:1;width:100%;height:270px!important;margin:0!important;border-radius:16px!important;overflow:hidden!important;}
.unified-footer .plan-map iframe{width:100%!important;height:100%!important;border:0!important;display:block;}
.unified-footer .footer-bottom{width:min(1400px,calc(100% - 80px));margin:0 auto;padding:15px 0 18px!important;border-top:1px solid rgba(255,255,255,.14)!important;display:flex!important;justify-content:space-between!important;gap:20px;color:#fff!important;font-size:11px!important;}
@media(max-width:1150px){
.unified-footer .unified-visit{width:calc(100% - 48px);grid-template-columns:1.2fr 1.25fr .75fr .75fr 1.35fr;gap:22px;}
.unified-footer .plan-map{height:250px!important;}
}
@media(max-width:900px){
.unified-footer .unified-visit{grid-template-columns:1fr 1fr!important;}
.unified-brand-block{grid-column:1;}.unified-info-block{grid-column:2;}
.unified-links-column{grid-column:auto!important;}.unified-footer .plan-map{grid-column:1 / -1!important;grid-row:auto!important;height:280px!important;}
}
@media(max-width:600px){
.unified-footer .unified-visit{width:calc(100% - 36px);grid-template-columns:1fr!important;padding:28px 0!important;gap:22px;}
.unified-brand-block,.unified-info-block,.unified-links-column,.unified-footer .plan-map{grid-column:1!important;}
.unified-footer .plan-map{height:240px!important;}
.unified-footer .footer-bottom{width:calc(100% - 36px);flex-direction:column;}
}
/* Footer information icons and spacing */
.unified-info-item .plan-label{display:flex!important;align-items:center!important;gap:9px!important;}
.footer-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.42);border-radius:50%;font-size:13px;line-height:1;color:#fff;font-weight:700;flex:0 0 22px;}
.unified-info-item p strong{font-weight:700!important;white-space:nowrap;}
.footer-heading-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ed1e79;color:#fff;font-size:10px;margin-right:7px;vertical-align:-2px;}
.unified-links-column .footer-label{display:flex!important;align-items:center!important;gap:0!important;}
@media(max-width:600px){.unified-info-item p strong{white-space:normal;}}
.footer-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.footer-icon svg circle{fill:none;}
/* Final Careers spacing adjustment */
.careers-jobs-section .title-row{margin-top:0;margin-bottom:10px}
.careers-jobs-section .career-intro{padding-top:0;padding-bottom:14px}
.careers-jobs-section .career-job-list{margin-top:12px}
/* FINAL HERO — seamless full-width mall image */
.hero{
height:610px!important;
background:#fff!important;
overflow:hidden!important;
}
.hero-photo{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
opacity:1!important;
filter:none!important;
}
.hero .shade{
background:transparent!important;
opacity:1!important;
}
.hero-content{
left:8%!important;
top:50%!important;
transform:translateY(-45%)!important;
z-index:2!important;
}
@media(max-width:900px){
.hero{height:600px!important;}
.hero-photo{object-position:center center!important;}
}
@media(max-width:600px){
.hero{height:560px!important;}
.hero-photo{object-position:center center!important;}
}
/* FINAL HERO MATCH — seamless photo, no embedded hard split */
.hero{
height:clamp(560px,33.333vw,682px)!important;
min-height:0!important;
position:relative!important;
overflow:hidden!important;
background:#fff!important;
color:#14213d!important;
}
.hero-photo{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
display:block!important;
}
.hero .shade{
display:none!important;
}
.hero-content{
z-index:5!important;
left:10.5%!important;
top:50%!important;
transform:translateY(-44%)!important;
width:min(47vw,760px)!important;
max-width:760px!important;
padding:0!important;
margin:0!important;
}
.hero-content:before{display:none!important}
.hero-content h1{
color:#14213d!important;
font-size:clamp(42px,4.25vw,68px)!important;
line-height:.98!important;
letter-spacing:-1.8px!important;
margin:0 0 28px!important;
font-weight:800!important;
}
.hero-content p{
color:#31547f!important;
font-size:15px!important;
line-height:1.5!important;
margin:0 0 28px!important;
}
.hero-buttons{display:flex!important;gap:14px!important}
.hero-buttons .pill{padding:14px 20px!important;border-radius:6px!important;min-height:44px!important}
.hero-buttons .pink{background:#ed267d!important;color:#fff!important;border:1px solid #ed267d!important}
.hero-buttons .outline{background:rgba(255,255,255,.55)!important;color:#14213d!important;border:1px solid #14213d!important}
@media(max-width:850px){
.hero{height:600px!important}
.hero-content{left:25px!important;right:20px!important;width:auto!important;max-width:620px!important;top:50%!important}
.hero-content h1{font-size:42px!important;letter-spacing:-1px!important}
.hero-photo{object-position:62% center!important}
}
/* FINAL HERO — seamless full-width reference layout */
.hero{
position:relative!important;
width:100vw!important;
max-width:none!important;
height:clamp(610px, 34vw, 700px)!important;
min-height:610px!important;
margin:0!important;
left:50%!important;
transform:translateX(-50%)!important;
overflow:hidden!important;
background:#fff!important;
}
.hero > .hero-photo{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
min-width:100%!important;
min-height:100%!important;
max-width:none!important;
max-height:none!important;
display:block!important;
object-fit:fill!important;
object-position:center center!important;
opacity:1!important;
visibility:visible!important;
z-index:0!important;
}
.hero > .shade{
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;
display:block!important;
background:linear-gradient(90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.99) 18%,
rgba(255,255,255,.94) 29%,
rgba(255,255,255,.72) 39%,
rgba(255,255,255,.38) 48%,
rgba(255,255,255,.10) 58%,
rgba(255,255,255,0) 68%)!important;
}
.hero > .hero-content{
position:relative!important;
z-index:2!important;
width:min(720px,50vw)!important;
margin:0!important;
margin-left:11.2vw!important;
padding-top:220px!important;
box-sizing:border-box!important;
}
.hero-content:before{
content:""!important;
display:block!important;
width:58px!important;
height:4px!important;
margin:0 0 26px 0!important;
background:#ed2a79!important;
}
.hero-content h1{
max-width:720px!important;
margin:0!important;
color:#17244a!important;
font-size:clamp(48px,4.2vw,68px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
font-weight:800!important;
}
.hero-content p{
margin:34px 0 24px!important;
color:#36537d!important;
font-size:15px!important;
}
.hero-buttons .outline{
border-color:#17244a!important;
color:#17244a!important;
}
@media(max-width:900px){
.hero{height:600px!important;min-height:600px!important}
.hero > .hero-photo{object-fit:cover!important}
.hero > .shade{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.82) 45%,rgba(255,255,255,.18) 78%,rgba(255,255,255,0) 100%)!important}
.hero > .hero-content{width:72vw!important;margin-left:6vw!important;padding-top:120px!important}
}
@media(max-width:600px){
.hero{height:590px!important;min-height:590px!important}
.hero > .hero-photo{object-fit:cover!important;opacity:1!important}
.hero > .shade{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.72) 55%,rgba(255,255,255,.22) 100%)!important}
.hero > .hero-content{width:88vw!important;margin-left:6vw!important;padding-top:105px!important}
.hero-content h1{font-size:42px!important}
}
/* FINAL HERO MATCH — exact reference composition */
@media (min-width: 901px){
.hero.hero-image-mode,
.hero{
width:100vw!important;
height:auto!important;
min-height:0!important;
aspect-ratio:2048 / 682!important;
max-height:none!important;
background:#fff url('hero-reference.png') center center / 100% 100% no-repeat!important;
overflow:hidden!important;
position:relative!important;
left:50%!important;
transform:translateX(-50%)!important;
}
.hero > .hero-photo,
.hero > .shade{display:none!important;}
.hero > .hero-content{
position:absolute!important;
inset:0!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
transform:none!important;
z-index:5!important;
pointer-events:none!important;
}
.hero-content:before,
.hero-content h1,
.hero-content p{display:none!important;}
.hero-buttons{
position:absolute!important;
left:10.5%!important;
top:69.0%!important;
display:flex!important;
gap:13px!important;
pointer-events:auto!important;
}
.hero-buttons .pill{
opacity:0!important;
width:160px!important;
height:52px!important;
min-width:160px!important;
padding:0!important;
display:block!important;
font-size:0!important;
border:0!important;
background:transparent!important;
color:transparent!important;
}
}
@media (max-width:900px){
.hero{
background:#fff url('hero-reference.png') center center / cover no-repeat!important;
}
}
/* FINAL HERO FIX — FULL IMAGE + WHITE FADE + CONTENT ABOVE */
.hero{
position:relative!important;
width:100vw!important;
max-width:none!important;
height:clamp(600px,78vh,760px)!important;
min-height:600px!important;
margin:0!important;
left:50%!important;
transform:translateX(-50%)!important;
overflow:hidden!important;
background:#fff!important;
}
.hero > .hero-photo{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
min-width:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center center!important;
opacity:1!important;
filter:none!important;
z-index:0!important;
}
.hero > .shade{
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;
background:linear-gradient(90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.99) 17%,
rgba(255,255,255,.92) 28%,
rgba(255,255,255,.72) 38%,
rgba(255,255,255,.42) 47%,
rgba(255,255,255,.12) 57%,
rgba(255,255,255,0) 67%
)!important;
}
.hero > .hero-content{
position:absolute!important;
z-index:2!important;
left:0!important;
top:50%!important;
transform:translateY(-44%)!important;
width:min(760px,48vw)!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
.hero-content:before{
display:block!important;
width:58px!important;
height:4px!important;
margin:0 0 28px 0!important;
background:#ed267d!important;
}
.hero-content h1{
max-width:760px!important;
margin:0!important;
color:#17244a!important;
font-size:clamp(48px,4.25vw,68px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
font-weight:800!important;
}
.hero-content p{
margin:32px 0 26px!important;
color:#36537d!important;
font-size:15px!important;
}
.hero-buttons{display:flex!important;gap:12px!important;}
.hero-buttons .pink{background:#ed267d!important;color:#fff!important;border-color:#ed267d!important;}
.hero-buttons .outline{border:1px solid #17244a!important;color:#17244a!important;background:#fff!important;}
@media(min-width:901px){
.hero > .hero-content{left:11.2vw!important;}
}
@media(max-width:900px){
.hero{height:620px!important;min-height:620px!important;}
.hero > .hero-photo{object-position:center center!important;}
.hero > .shade{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.84) 40%,rgba(255,255,255,.25) 72%,rgba(255,255,255,0) 100%)!important;}
.hero > .hero-content{left:6vw!important;top:50%!important;width:88vw!important;transform:translateY(-42%)!important;}
.hero-content h1{font-size:42px!important;}
}
@media(max-width:600px){
.hero{height:600px!important;min-height:600px!important;}
.hero > .hero-photo{object-position:58% center!important;}
.hero > .hero-content{left:6vw!important;width:88vw!important;}
}
/* FINAL CORRECTION — RESTORE THE LIVE HERO TEXT AND BUTTONS */
@media (min-width: 901px){
.hero.hero-image-mode,
.hero{
width:100vw!important;
height:auto!important;
min-height:0!important;
aspect-ratio:2171 / 724!important;
max-height:none!important;
background:#fff!important;
overflow:hidden!important;
position:relative!important;
left:50%!important;
transform:translateX(-50%)!important;
}
.hero > .hero-photo{
display:block!important;
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
opacity:1!important;
z-index:0!important;
}
.hero > .shade{
display:block!important;
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;
background:linear-gradient(90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,.99) 20%,
rgba(255,255,255,.94) 31%,
rgba(255,255,255,.76) 41%,
rgba(255,255,255,.48) 50%,
rgba(255,255,255,.20) 59%,
rgba(255,255,255,.04) 70%,
rgba(255,255,255,0) 82%
)!important;
}
.hero > .hero-content{
display:block!important;
position:absolute!important;
z-index:5!important;
left:10.5%!important;
top:50%!important;
inset:auto!important;
transform:translateY(-43%)!important;
width:min(760px,47vw)!important;
max-width:760px!important;
margin:0!important;
padding:0!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.hero-content:before{
display:block!important;
content:""!important;
width:58px!important;
height:4px!important;
margin:0 0 28px!important;
background:#ed267d!important;
}
.hero-content h1{
display:block!important;
visibility:visible!important;
opacity:1!important;
color:#17244a!important;
max-width:760px!important;
margin:0!important;
font-size:clamp(48px,4.15vw,68px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
font-weight:800!important;
}
.hero-content p{
display:block!important;
visibility:visible!important;
opacity:1!important;
margin:30px 0 25px!important;
color:#36537d!important;
font-size:15px!important;
}
.hero-buttons{
display:flex!important;
visibility:visible!important;
opacity:1!important;
position:static!important;
gap:12px!important;
pointer-events:auto!important;
}
.hero-buttons .pill{
opacity:1!important;
visibility:visible!important;
width:auto!important;
height:auto!important;
min-width:0!important;
padding:14px 20px!important;
display:inline-flex!important;
font-size:10px!important;
border-radius:6px!important;
}
.hero-buttons .pink{
background:#ed267d!important;
color:#fff!important;
border:1px solid #ed267d!important;
}
.hero-buttons .outline{
background:#fff!important;
color:#17244a!important;
border:1px solid #17244a!important;
}
}
@media (max-width:900px){
.hero{
width:100%!important;
height:620px!important;
min-height:620px!important;
aspect-ratio:auto!important;
left:auto!important;
transform:none!important;
}
.hero > .hero-photo{
display:block!important;
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
opacity:1!important;
}
.hero > .shade{
display:block!important;
background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.82) 45%,rgba(255,255,255,.25) 78%,rgba(255,255,255,0) 100%)!important;
}
.hero > .hero-content{
display:block!important;
left:6vw!important;
top:50%!important;
width:88vw!important;
max-width:none!important;
transform:translateY(-42%)!important;
margin:0!important;
padding:0!important;
z-index:5!important;
opacity:1!important;
visibility:visible!important;
}
.hero-content h1{display:block!important;font-size:42px!important;color:#17244a!important;}
.hero-content p{display:block!important;color:#36537d!important;}
.hero-buttons{display:flex!important;gap:10px!important;}
.hero-buttons .pill{opacity:1!important;display:inline-flex!important;font-size:10px!important;padding:13px 18px!important;}
}
/* FINAL HERO FIX — restore the text position and keep it fully visible */
.hero{
height:610px!important;
min-height:610px!important;
width:100vw!important;
overflow:hidden!important;
background:#fff!important;
position:relative!important;
}
.hero-photo{
position:absolute!important;
top:0!important;
right:0!important;
left:auto!important;
bottom:auto!important;
width:66%!important;
height:100%!important;
transform:none!important;
object-fit:cover!important;
object-position:center center!important;
opacity:1!important;
filter:none!important;
z-index:0!important;
}
.shade{
position:absolute!important;
inset:0!important;
z-index:1!important;
background:linear-gradient(90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,1) 30%,
rgba(255,255,255,.96) 38%,
rgba(255,255,255,.78) 47%,
rgba(255,255,255,.28) 58%,
rgba(255,255,255,0) 70%)!important;
pointer-events:none!important;
}
.hero-content{
position:absolute!important;
left:11.2vw!important;
top:50%!important;
right:auto!important;
bottom:auto!important;
transform:translateY(-50%)!important;
width:560px!important;
max-width:560px!important;
margin:0!important;
padding:0!important;
z-index:2!important;
}
.hero-content h1{
margin:0!important;
max-width:560px!important;
font-size:clamp(48px,4.1vw,68px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
color:#17244a!important;
}
.hero-content p{
margin:28px 0 24px!important;
font-size:15px!important;
line-height:1.6!important;
color:#36537d!important;
}
.hero-content:before{
content:""!important;
display:block!important;
width:58px!important;
height:4px!important;
border-radius:99px!important;
background:#ed2a79!important;
margin:0 0 28px!important;
}
.hero-buttons{display:flex!important;gap:14px!important;align-items:center!important}
.hero-buttons .pill{min-height:44px!important;padding:0 19px!important;border-radius:6px!important;font-size:11px!important;font-weight:800!important}
.hero-buttons .pink{background:#ed2a79!important;color:#fff!important;border:1px solid #ed2a79!important}
.hero-buttons .outline{background:#fff!important;color:#17244a!important;border:1px solid #17244a!important}
@media(max-width:900px){
.hero{height:620px!important;min-height:620px!important}
.hero-photo{width:72%!important}
.hero-content{left:7vw!important;width:58vw!important;max-width:58vw!important}
.hero-content h1{font-size:clamp(42px,6vw,58px)!important}
}
@media(max-width:600px){
.hero{height:590px!important;min-height:590px!important}
.hero-photo{width:100%!important;opacity:.22!important}
.shade{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.80))!important}
.hero-content{left:6vw!important;top:50%!important;width:88vw!important;max-width:88vw!important}
.hero-content h1{font-size:44px!important;line-height:1!important}
}
/* FINAL HERO FIX — reference layout: full image + smooth white fade + visible text */
.hero{
position:relative!important;
width:100%!important;
height:clamp(600px,72vh,720px)!important;
min-height:600px!important;
margin:0!important;
left:auto!important;
transform:none!important;
overflow:hidden!important;
background:#fff!important;
}
.hero > .hero-photo{
position:absolute!important;
inset:0!important;
z-index:0!important;
width:100%!important;
height:100%!important;
min-width:100%!important;
min-height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center center!important;
opacity:1!important;
}
.hero > .shade{
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;
background:linear-gradient(90deg,
rgba(255,255,255,1) 0%,
rgba(255,255,255,1) 25%,
rgba(255,255,255,.98) 36%,
rgba(255,255,255,.88) 44%,
rgba(255,255,255,.62) 52%,
rgba(255,255,255,.28) 61%,
rgba(255,255,255,0) 73%)!important;
}
.hero > .hero-content{
position:absolute!important;
z-index:3!important;
left:11%!important;
top:50%!important;
transform:translateY(-50%)!important;
width:min(700px,48vw)!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
.hero-content:before{
content:""!important;
display:block!important;
width:58px!important;
height:4px!important;
margin:0 0 28px 0!important;
background:#ed2a79!important;
border-radius:2px!important;
}
.hero-content h1{
display:block!important;
width:100%!important;
max-width:700px!important;
margin:0!important;
color:#17244a!important;
font-size:clamp(48px,4.1vw,68px)!important;
line-height:.98!important;
letter-spacing:-.045em!important;
font-weight:800!important;
overflow:visible!important;
}
.hero-content p{
margin:30px 0 26px!important;
color:#36537d!important;
font-size:15px!important;
line-height:1.5!important;
}
.hero-buttons{
display:flex!important;
gap:12px!important;
flex-wrap:wrap!important;
}
.hero-buttons .pill{
position:relative!important;
z-index:4!important;
}
@media(max-width:900px){
.hero{height:620px!important;min-height:620px!important}
.hero > .hero-content{left:7%!important;width:62vw!important}
.hero-content h1{font-size:clamp(42px,6vw,58px)!important}
}
@media(max-width:600px){
.hero{height:600px!important;min-height:600px!important}
.hero > .hero-photo{object-position:65% center!important}
.hero > .shade{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.92) 55%,rgba(255,255,255,.45) 78%,rgba(255,255,255,.1) 100%)!important}
.hero > .hero-content{left:6%!important;width:88vw!important;top:50%!important}
.hero-content h1{font-size:44px!important;line-height:1!important}
}
/* HEADER NAVIGATION — slightly larger and easier to read */
.nav{gap:38px!important}
.nav nav{gap:24px!important}
.nav nav a{font-size:12px!important; letter-spacing:.035em!important; padding:10px 0!important}
.brand img{width:200px!important;height:68px!important}
@media(max-width:1000px) and (min-width:851px){.nav{padding:0 3%!important;gap:22px!important}.nav nav{gap:15px!important}.nav nav a{font-size:11px!important}.brand img{width:175px!important}}
@media(max-width:850px){.nav nav a{font-size:12px!important}}
/* Header navigation: slightly larger and easier to read */
header nav a,
.site-header nav a,
.main-nav a,
.nav-menu a,
header .nav-link {
font-size: 18px !important;
letter-spacing: 0.45px;
}
header nav,
.site-header nav,
.main-nav,
.nav-menu {
gap: 22px;
}
@media (max-width: 768px) {
header nav a,
.site-header nav a,
.main-nav a,
.nav-menu a,
header .nav-link {
font-size: 18px !important;
}
}
/* Requested header navigation font size */
header nav a,
.site-header nav a,
.main-nav a,
.nav-menu a,
header .nav-link {
font-size: 18px !important;
}
@media (max-width: 768px) {
header nav a,
.site-header nav a,
.main-nav a,
.nav-menu a,
header .nav-link {
font-size: 18px !important;
}
}
/* WORKING HEADER HOVER EFFECT — applies to the actual homepage navigation */
header.nav > nav > a {
display: inline-block !important;
position: relative;
transform: scale(1) !important;
transform-origin: center center;
transition: transform .2s ease, color .2s ease !important;
will-change: transform;
}
header.nav > nav > a:hover,
header.nav > nav > a:focus-visible {
transform: scale(1.15) !important;
color: #ed267d !important;
z-index: 5;
}
/* === FINAL TARGETED HERO FIX: full photo, no white left fade === */
#home.hero {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
height: clamp(580px, 72vh, 700px) !important;
min-height: 580px !important;
margin: 0 !important;
left: auto !important;
transform: none !important;
overflow: hidden !important;
isolation: isolate !important;
background: #222 !important;
}
#home.hero > .hero-photo {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: 72% center !important;
transform: scale(1.28) !important;
transform-origin: right center !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
z-index: 0 !important;
}
/* The previous stylesheet's white gradient caused the white panel effect. */
#home.hero > .shade {
display: none !important;
background: transparent !important;
opacity: 0 !important;
}
#home.hero::before,
#home.hero::after {
content: none !important;
display: none !important;
}
#home.hero > .hero-content {
position: absolute !important;
z-index: 3 !important;
left: clamp(24px, 10.5vw, 205px) !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
transform: translateY(-50%) !important;
width: min(800px, 65vw) !important;
max-width: 800px !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
box-sizing: border-box !important;
}
#home.hero .hero-content h1 {
display: block !important;
width: 100% !important;
max-width: 800px !important;
white-space: pre-line !important;
font-size: clamp(38px, 4vw, 58px) !important;
line-height: .68 !important;
letter-spacing: -.04em !important;
font-weight: 800 !important;
color: #25215D !important;
-webkit-text-fill-color: #25215D !important;
margin: 0 !important;
}
#home.hero .hero-content p {
display: table !important;
width: fit-content !important;
max-width: 100% !important;
background-color: #25215D !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
padding: 5px 8px !important;
margin: 26px 0 24px !important;
line-height: 1.4 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
@media (max-width: 768px) {
#home.hero {
height: 680px !important;
min-height: 600px !important;
}
#home.hero > .hero-photo {
object-position: 68% center !important;
transform: scale(1.2) !important;
}
#home.hero > .hero-content {
left: 22px !important;
top: 46% !important;
width: calc(100% - 44px) !important;
max-width: none !important;
}
#home.hero .hero-content h1 {
font-size: clamp(34px, 8vw, 46px) !important;
}
}
/* FINAL FIX — preserve six Vision cards and show the full Mission below */
#vision.vision-section {
display: block !important;
background: #f4f7fb !important;
color: #10244b !important;
padding: 45px 40px 55px !important;
}
#vision .vision-cards {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px !important;
}
#vision .vision-card { min-width: 0 !important; }
#vision .mission-block {
display: block !important;
width: 100% !important;
margin: 48px 0 0 !important;
clear: both !important;
}
#vision .mission-card {
display: block !important;
width: 100% !important;
height: auto !important;
background: #fff !important;
border: 1px solid #dce3ee !important;
border-radius: 16px !important;
padding: 28px !important;
}
#vision .mission-card p {
display: block !important;
margin: 0 !important;
color: #536a92 !important;
font-size: 18px !important;
line-height: 1.8 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
@media (max-width: 900px) {
#vision .vision-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
#vision.vision-section { padding: 32px 22px 42px !important; }
#vision .vision-cards { grid-template-columns: 1fr !important; }
#vision .mission-block { margin-top: 34px !important; }
#vision .mission-card { padding: 24px !important; }
#vision .mission-card p { font-size: 15px !important; }
}
/* Remove background behind the header logo */
header .logo-wrap,
header .site-logo,
header .brand,
header .logo {
background: transparent !important;
box-shadow: none !important;
}
/* Our Story — improve paragraph readability */
.story-section .story-copy p {
font-size: 19px !important;
line-height: 1.9 !important;
color: #536b83 !important;
max-width: 1100px;
}
@media (max-width: 768px) {
.story-section .story-copy p {
font-size: 17px !important;
line-height: 1.8 !important;
}
}
/* MOBILE RESPONSIVE REPAIR — appended after all older overrides */
@media (max-width: 850px) {
html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
img, video, iframe { max-width:100%; }
.nav {
height:70px !important;
min-height:70px !important;
width:100% !important;
padding:8px 16px !important;
gap:12px !important;
position:sticky !important;
top:0 !important;
}
.nav .brand {
display:flex !important;
justify-content:flex-start !important;
align-items:center !important;
max-width:calc(100% - 58px) !important;
padding:0 !important;
background:transparent !important;
}
.nav .brand img {
display:block !important;
width:auto !important;
max-width:min(190px, 58vw) !important;
height:auto !important;
max-height:56px !important;
object-fit:contain !important;
}
.nav nav {
display:none !important;
position:absolute !important;
top:100% !important;
left:0 !important;
right:0 !important;
width:100% !important;
max-height:calc(100vh - 70px) !important;
overflow-y:auto !important;
margin:0 !important;
padding:12px 18px 18px !important;
flex-direction:column !important;
align-items:stretch !important;
gap:0 !important;
background:#fff !important;
border-top:1px solid #e8e8e8 !important;
box-shadow:0 12px 24px rgba(0,0,0,.12) !important;
z-index:9999 !important;
}
.nav.menu-open nav { display:flex !important; }
.nav nav a {
display:block !important;
width:100% !important;
padding:14px 4px !important;
font-size:13px !important;
line-height:1.3 !important;
color:#17244a !important;
border-bottom:1px solid #eee !important;
}
.nav .hamb {
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 44px !important;
width:44px !important;
height:44px !important;
margin-left:auto !important;
padding:0 !important;
border:1px solid #dce2ec !important;
border-radius:10px !important;
background:#fff !important;
color:#17244a !important;
font-size:27px !important;
line-height:1 !important;
cursor:pointer !important;
}
/* Homepage hero: undo conflicting desktop transforms and prevent clipped text */
#home.hero, .hero {
width:100% !important;
max-width:100% !important;
left:auto !important;
transform:none !important;
margin:0 !important;
height:auto !important;
min-height:560px !important;
max-height:none !important;
overflow:hidden !important;
position:relative !important;
isolation:isolate !important;
display:flex !important;
align-items:center !important;
padding:54px 22px 48px !important;
box-sizing:border-box !important;
}
#home.hero > .hero-photo, .hero > .hero-photo {
display:block !important;
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
min-width:100% !important;
min-height:100% !important;
max-width:none !important;
object-fit:cover !important;
object-position:68% center !important;
transform:none !important;
opacity:.22 !important;
visibility:visible !important;
z-index:0 !important;
}
#home.hero.hero-image-mode::before {
left:0 !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
background-position:68% center !important;
background-size:cover !important;
opacity:1 !important;
}
#home.hero > .shade, .hero > .shade {
display:block !important;
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
z-index:1 !important;
opacity:1 !important;
background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.78)) !important;
pointer-events:none !important;
}
#home.hero > .hero-content, .hero > .hero-content {
position:relative !important;
z-index:2 !important;
inset:auto !important;
top:auto !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
transform:none !important;
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
box-sizing:border-box !important;
}
#home.hero .hero-content:before, .hero .hero-content:before {
margin:0 0 20px !important;
}
#home.hero .hero-content h1, .hero .hero-content h1 {
display:block !important;
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
font-size:clamp(32px, 8.2vw, 44px) !important;
line-height:1.08 !important;
letter-spacing:-.035em !important;
white-space:normal !important;
overflow-wrap:normal !important;
word-break:normal !important;
color:#25215D !important;
-webkit-text-fill-color:#25215D !important;
}
#home.hero .hero-content p, .hero .hero-content p {
display:block !important;
width:auto !important;
max-width:100% !important;
margin:22px 0 22px !important;
padding:0 !important;
background:transparent !important;
color:#354766 !important;
-webkit-text-fill-color:#354766 !important;
font-size:15px !important;
line-height:1.65 !important;
overflow-wrap:anywhere !important;
}
.hero-buttons {
display:flex !important;
flex-wrap:wrap !important;
gap:10px !important;
align-items:stretch !important;
width:100% !important;
}
.hero-buttons .pill {
display:inline-flex !important;
justify-content:center !important;
align-items:center !important;
min-height:46px !important;
max-width:100% !important;
padding:12px 14px !important;
gap:9px !important;
font-size:10px !important;
line-height:1.25 !important;
white-space:normal !important;
text-align:center !important;
}
/* Consistent mobile section spacing and typography */
.section, .dark-section, .about {
width:calc(100% - 24px) !important;
max-width:none !important;
margin:12px auto !important;
padding:26px 18px !important;
border-radius:20px !important;
box-sizing:border-box !important;
}
.title-row {
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
flex-wrap:wrap !important;
gap:12px !important;
margin:8px 0 20px !important;
}
.title-row h2, .section h2 {
max-width:100% !important;
font-size:clamp(25px, 6.5vw, 34px) !important;
line-height:1.12 !important;
overflow-wrap:anywhere !important;
}
.title-row > a { font-size:10px !important; }
.filters {
max-width:100% !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
-webkit-overflow-scrolling:touch !important;
gap:8px !important;
}
.filters button { flex:0 0 auto !important; min-height:38px !important; }
.store-grid, .offer-grid, .event-grid, .featured,
.gallery-grid, .contact-grid, .experience-grid,
.service-grid, .vision-grid, .about-columns {
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
}
.store-card { min-width:0 !important; padding:12px !important; }
.store-img { width:100% !important; height:125px !important; overflow:hidden !important; }
.store-img img { max-width:100% !important; max-height:100% !important; object-fit:contain !important; }
.store-card h3 { font-size:13px !important; line-height:1.35 !important; overflow-wrap:anywhere !important; }
.store-card p { font-size:11px !important; line-height:1.45 !important; }
.feature-img, .offer-img, .event-art { max-width:100% !important; height:160px !important; }
.managed-card-image { width:100% !important; height:160px !important; object-fit:cover !important; }
.split-copy, .about-copy { min-width:0 !important; padding:24px 18px !important; }
.split-copy h2, .about-copy h2, .career-copy h2 { font-size:clamp(28px,7vw,38px) !important; line-height:1.1 !important; }
.experience, .experience.big { height:190px !important; min-width:0 !important; }
.service-grid div { min-width:0 !important; padding:16px 8px !important; }
.about-img img { min-height:220px !important; height:240px !important; }
.about-columns { gap:18px !important; }
.about-facts { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
#vision .vision-cards { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
.career-panel { grid-template-columns:1fr !important; }
.career-job-card { min-width:0 !important; }
.forum-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
.forum-service-card { min-width:0 !important; padding:18px 14px !important; }
.forum-service-card h3 { font-size:15px !important; line-height:1.35 !important; }
.forum-service-card p { font-size:12px !important; line-height:1.55 !important; overflow-wrap:anywhere !important; }
.story-section .story-copy p { font-size:16px !important; line-height:1.75 !important; }
.plan-map iframe { width:100% !important; max-width:100% !important; }
.offer-modal-box { width:calc(100% - 24px) !important; max-width:calc(100% - 24px) !important; }
}
@media (max-width: 420px) {
.nav { padding-left:12px !important; padding-right:12px !important; }
#home.hero, .hero { min-height:540px !important; padding:42px 18px !important; }
#home.hero .hero-content h1, .hero .hero-content h1 { font-size:clamp(30px,8.3vw,36px) !important; line-height:1.1 !important; }
.hero-buttons { flex-direction:column !important; align-items:stretch !important; }
.hero-buttons .pill { width:100% !important; }
.section, .dark-section, .about { width:calc(100% - 18px) !important; padding:22px 14px !important; }
.store-grid, .offer-grid, .event-grid, .featured, .gallery-grid,
.contact-grid, .experience-grid, .service-grid, .vision-grid,
.about-columns, #vision .vision-cards {
grid-template-columns:1fr !important;
}
.store-img { height:155px !important; }
.forum-services-grid { grid-template-columns:1fr !important; }
.footer-inner, .footer-bottom { width:calc(100% - 28px) !important; }
}
/* Final mobile sizing correction — desktop rules remain unchanged */
@media (max-width: 600px) {
.section, .dark-section, .about {
width: calc(100% - 24px) !important;
margin: 10px auto !important;
padding: 20px 14px !important;
border-radius: 22px !important;
}
.section h2, .title-row h2,
#entertainment .entertainment-intro-copy h2,
#events h2, #dining h2, #stores h2 {
font-size: clamp(23px, 5.8vw, 29px) !important;
line-height: 1.16 !important;
letter-spacing: -.025em !important;
margin-top: 8px !important;
margin-bottom: 12px !important;
}
.eyebrow, .entertainment-feature-section .eyebrow,
.entertainment-intro-copy .eyebrow {
font-size: 10px !important;
line-height: 1.2 !important;
padding: 10px 14px !important;
border-radius: 9px !important;
letter-spacing: .13em !important;
}
.entertainment-intro-row {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 8px !important;
}
.entertainment-logo-display {
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
height: auto !important;
margin: 4px 0 12px !important;
padding: 0 !important;
}
.entertainment-logo-display img {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: 135px !important;
object-fit: contain !important;
object-position: left center !important;
}
.entertainment-games-home { margin-top: 8px !important; }
.entertainment-games-home-head { margin: 8px 0 12px !important; }
.entertainment-games-home-head h3 {
font-size: clamp(22px, 5.6vw, 28px) !important;
line-height: 1.18 !important;
margin: 0 !important;
}
.entertainment-games-empty,
.dining-empty, .empty-state {
min-height: 0 !important;
padding: 22px 18px !important;
font-size: 14px !important;
line-height: 1.45 !important;
border-radius: 18px !important;
}
.entertainment-accent { margin: 10px 0 12px !important; }
.section .title-row { margin: 4px 0 14px !important; gap: 8px !important; }
.section .title-row > a, .section a.button, .section .btn {
font-size: 11px !important;
padding: 11px 14px !important;
min-height: 40px !important;
}
.event-grid, .offer-grid, .featured, .gallery-grid,
.contact-grid, .experience-grid, .service-grid,
.vision-grid, .about-columns, .store-grid {
gap: 10px !important;
}
.feature-img, .offer-img, .event-art, .managed-card-image {
height: 125px !important;
}
}
@media (max-width: 380px) {
.section, .dark-section, .about { padding: 18px 12px !important; }
.section h2, .title-row h2, #entertainment .entertainment-intro-copy h2,
#events h2, #dining h2, #stores h2 { font-size: 23px !important; }
.entertainment-logo-display img { max-height: 115px !important; }
}
/* Targeted fix: keep the Entertainment brand logo compact on phones */
@media (max-width: 600px) {
#entertainment .entertainment-intro-row {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 8px !important;
min-height: 0 !important;
margin-bottom: 14px !important;
}
#entertainment .entertainment-logo-display {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 78px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
#entertainment .entertainment-logo-display img {
display: block !important;
width: auto !important;
max-width: min(220px, 72vw) !important;
height: auto !important;
max-height: 76px !important;
object-fit: contain !important;
object-position: left center !important;
}
#entertainment .entertainment-games-home-head {
margin: 6px 0 10px !important;
}
}
@media (max-width: 380px) {
#entertainment .entertainment-logo-display { height: 68px !important; }
#entertainment .entertainment-logo-display img {
max-width: min(190px, 70vw) !important;
max-height: 66px !important;
}
}
/* HOMEPAGE HERO — GREEN FORUM CENTER REFERENCE DESIGN */
:root{--fc-green:#00833f;--fc-green-dark:#006b35;--fc-ink:#13213a;--fc-mint:#e9f8ef}
html,body{background:#fff!important;color:var(--fc-ink)!important}
.nav{height:82px!important;min-height:82px!important;padding:0 clamp(24px,4vw,78px)!important;gap:24px!important;background:rgba(255,255,255,.97)!important;border-bottom:0!important;box-shadow:none!important;position:sticky!important;top:0!important}
.brand{flex:0 0 auto;display:flex;align-items:center}.brand img{width:clamp(190px,18vw,300px)!important;height:64px!important;object-fit:contain!important}
.nav nav{display:flex!important;gap:clamp(14px,2vw,34px)!important;margin-left:auto!important;align-items:center!important}
.nav nav a{font-size:clamp(12px,.92vw,16px)!important;font-weight:600!important;text-transform:none!important;color:#172239!important;white-space:nowrap;position:relative;padding:8px 0!important}
.nav nav a:hover,.nav nav a.nav-home{color:var(--fc-green)!important}
.nav nav a.nav-home:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--fc-green)}
.nav-visit{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--fc-green)!important;color:#fff!important;text-decoration:none!important;border-radius:9px;padding:17px 22px;font-size:13px;font-weight:800;white-space:nowrap;margin-left:6px}
.nav-visit:hover,.hero-primary:hover{background:var(--fc-green-dark)!important}.visit-icon{font-size:19px}
.hero-reference{height:calc(100vh - 82px)!important;min-height:640px!important;max-height:820px!important;position:relative!important;isolation:isolate;overflow:hidden!important;background:radial-gradient(ellipse at 0 0,#b8f4c7 0,transparent 24%),linear-gradient(105deg,#fff 0%,#fff 43%,#f0fff4 63%,#fff 100%)!important;color:var(--fc-ink)!important}
.hero-reference:before{content:"";position:absolute;z-index:-1;left:-8%;top:-28%;width:23%;height:55%;background:linear-gradient(135deg,#baf3c5,#008c43);border-radius:0 0 75% 0;transform:rotate(-8deg)}
.hero-green-backdrop{position:absolute;z-index:0;right:-2%;top:-1%;width:57%;height:101%;background:linear-gradient(135deg,#a4f0b5 0%,#22c55e 40%,#007b3d 100%);border-radius:43% 0 0 43%/45% 0 0 45%;transform:rotate(-1deg)}
.hero-photo{position:absolute!important;z-index:1!important;right:0!important;top:0!important;width:56.5%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;border-radius:42% 0 0 42%/47% 0 0 47%!important;clip-path:inset(0 0 0 0 round 42% 0 0 42% / 47% 0 0 47%)!important;display:block!important}
.hero-reference .shade{display:none!important}
.hero-reference .hero-content{z-index:3!important;position:absolute!important;left:8%!important;top:7%!important;transform:none!important;width:39%!important;max-width:740px!important;padding:0!important;margin:0!important}
.hero-location{display:flex;align-items:center;gap:12px;font-size:clamp(13px,1.1vw,18px);font-weight:500;margin:0 0 24px;color:#172239}
.location-pin{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50% 50% 50% 0;background:var(--fc-green);color:#fff;font-size:10px;transform:rotate(-45deg)}
.hero-reference h1{font-size:clamp(42px,3.65vw,72px)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:850!important;color:#101d32!important;margin:0 0 18px!important;max-width:780px!important}
.hero-reference h1 span{color:var(--fc-green)!important;white-space:nowrap}
.hero-reference p{font-size:clamp(16px,1.25vw,22px)!important;line-height:1.35!important;color:#657185!important;max-width:560px!important;margin:0 0 26px!important}
.hero-reference .hero-buttons{display:flex!important;gap:14px!important;flex-wrap:wrap!important}
.hero-reference .pill{min-height:58px;padding:16px 23px!important;border-radius:8px!important;font-size:clamp(12px,.95vw,16px)!important;font-weight:800!important;gap:20px!important}
.hero-reference .hero-primary{background:var(--fc-green)!important;color:#fff!important;border:1px solid var(--fc-green)!important}
.hero-reference .pill.outline{background:#fff!important;border:1.5px solid var(--fc-green)!important;color:var(--fc-green)!important}
.hero-reference .pill b{font-size:22px;line-height:1}
.hero-services{position:absolute;z-index:4;left:4%;bottom:18px;width:45.5%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.hero-services a{min-width:0;min-height:130px;padding:17px 8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#13213a;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);border-radius:20px;box-shadow:0 8px 30px rgba(14,88,48,.05);transition:transform .2s,box-shadow .2s}
.hero-services a:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(14,88,48,.12)}
.hero-services span{font-size:clamp(24px,2.4vw,40px);line-height:1.2;color:var(--fc-green);margin-bottom:8px}
.hero-services b{font-size:clamp(10px,.85vw,14px);line-height:1.2;white-space:nowrap}
.hero-services small{font-size:clamp(9px,.72vw,12px);line-height:1.3;color:#596579;margin-top:5px;white-space:nowrap}
/* Keep the rest of the website and all admin-managed sections intact. */
@media(max-width:1250px) and (min-width:851px){.nav{padding:0 24px!important;gap:14px!important}.brand img{width:200px!important}.nav nav{gap:13px!important}.nav-visit{padding:14px 15px;font-size:11px}.hero-reference .hero-content{left:5%!important;width:42%!important}.hero-reference h1{font-size:clamp(40px,4vw,55px)!important}.hero-services{left:2%;width:50%;gap:6px}.hero-services a{min-height:110px;padding:12px 4px}.hero-photo{width:54%!important}}
@media(max-width:850px){
.nav{height:70px!important;min-height:70px!important;padding:0 18px!important;gap:10px!important}.brand img{width:190px!important;max-width:60vw!important;height:56px!important}.nav nav{display:none!important}.nav.menu-open nav{display:flex!important;position:absolute!important;top:70px!important;left:0!important;right:0!important;margin:0!important;padding:15px 20px 20px!important;background:#fff!important;box-shadow:0 12px 22px rgba(15,35,25,.12)!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}.nav.menu-open nav a{font-size:15px!important;padding:12px 5px!important;border-bottom:1px solid #eef1ee}.nav nav a.nav-home:after{display:none}.nav-visit{margin-left:auto!important;padding:11px 12px!important;font-size:10px!important;gap:5px!important;border-radius:7px!important}.visit-icon{font-size:15px}.hamb{display:block!important;margin-left:0!important;color:var(--fc-green)!important;font-size:27px!important;padding:6px!important}
.hero-reference{height:auto!important;min-height:0!important;max-height:none!important;padding:28px 18px 18px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:linear-gradient(140deg,#fff 0%,#f3fff6 100%)!important}
.hero-green-backdrop{right:-16%;top:310px;width:110%;height:350px;border-radius:45% 0 0 30%/28% 0 0 24%;transform:rotate(-3deg)}
.hero-photo{position:relative!important;order:2!important;right:auto!important;top:auto!important;width:calc(100% + 36px)!important;height:clamp(245px,65vw,380px)!important;max-height:none!important;margin:25px -18px 0 0!important;object-fit:cover!important;object-position:center!important;border-radius:34% 0 0 14%/25% 0 0 12%!important;clip-path:none!important}
.hero-reference .hero-content{position:relative!important;order:1!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.hero-location{font-size:13px!important;margin:0 0 18px!important;gap:10px}
.hero-reference h1{font-size:clamp(36px,8.2vw,54px)!important;line-height:1.02!important;letter-spacing:-.04em!important;margin:0 0 14px!important;max-width:100%!important}
.hero-reference h1 span{white-space:normal!important}
.hero-reference p{font-size:16px!important;line-height:1.45!important;margin:0 0 20px!important;max-width:500px!important}
.hero-reference .hero-buttons{gap:10px!important}
.hero-reference .pill{min-height:48px!important;padding:13px 15px!important;font-size:11px!important;gap:12px!important}
.hero-reference .pill b{font-size:18px}
.hero-services{position:relative!important;order:3!important;left:auto!important;bottom:auto!important;width:100%!important;margin:18px 0 0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.hero-services a{min-height:95px!important;padding:12px 5px 10px!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important}
.hero-services span{font-size:25px!important;margin-bottom:5px!important}
.hero-services b{font-size:11px!important;white-space:normal!important}
.hero-services small{font-size:10px!important;white-space:normal!important}
}
@media(max-width:420px){.nav{padding:0 12px!important}.brand img{width:155px!important;max-width:48vw!important}.nav-visit{font-size:9px!important;padding:10px 8px!important}.hamb{font-size:24px!important}.hero-reference{padding:24px 15px 16px!important}.hero-reference h1{font-size:36px!important}.hero-reference p{font-size:15px!important}.hero-reference .hero-buttons{display:grid!important;grid-template-columns:1fr 1fr!important}.hero-reference .pill{justify-content:center!important;padding:12px 8px!important;font-size:10px!important;gap:6px!important}.hero-photo{width:calc(100% + 30px)!important;margin-right:-15px!important;height:245px!important}.hero-services{gap:7px!important}.hero-services a{min-height:88px!important;padding:9px 3px!important}.hero-services b{font-size:10px!important}.hero-services small{font-size:9px!important}}
/* FINAL HERO REPAIR: enforce readable title and ensure hero media sits on the right */
section#home.hero.hero-reference { position:relative!important; display:block!important; overflow:hidden!important; }
section#home.hero.hero-reference .hero-green-backdrop { position:absolute!important; left:auto!important; right:0!important; top:0!important; width:57%!important; height:100%!important; z-index:0!important; }
section#home.hero.hero-reference > img.hero-photo { position:absolute!important; left:auto!important; right:0!important; top:0!important; width:56.5%!important; height:100%!important; display:block!important; z-index:1!important; object-fit:cover!important; object-position:center!important; }
section#home.hero.hero-reference .hero-content { position:absolute!important; left:8%!important; right:auto!important; top:7%!important; bottom:auto!important; transform:none!important; width:39%!important; max-width:740px!important; z-index:3!important; }
section#home.hero.hero-reference .hero-content h1 { display:block!important; position:relative!important; height:auto!important; min-height:0!important; font-size:clamp(42px,3.65vw,72px)!important; line-height:1.06!important; letter-spacing:-.035em!important; font-weight:850!important; margin:0 0 18px!important; padding:0!important; overflow:visible!important; white-space:normal!important; }
section#home.hero.hero-reference .hero-content h1 br { display:block!important; }
section#home.hero.hero-reference .hero-content h1 span { display:inline!important; line-height:inherit!important; white-space:normal!important; }
section#home.hero.hero-reference .hero-content p { position:relative!important; line-height:1.4!important; height:auto!important; overflow:visible!important; }
@media(max-width:850px){
section#home.hero.hero-reference { display:flex!important; flex-direction:column!important; }
section#home.hero.hero-reference .hero-green-backdrop { left:auto!important; right:-16%!important; top:310px!important; width:110%!important; height:350px!important; }
section#home.hero.hero-reference > img.hero-photo { position:relative!important; left:auto!important; right:auto!important; top:auto!important; width:calc(100% + 36px)!important; height:clamp(245px,65vw,380px)!important; margin:25px -18px 0 0!important; }
section#home.hero.hero-reference .hero-content { position:relative!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; transform:none!important; width:100%!important; max-width:none!important; }
section#home.hero.hero-reference .hero-content h1 { font-size:clamp(36px,8.2vw,54px)!important; line-height:1.08!important; }
}
@media(max-width:420px){section#home.hero.hero-reference .hero-content h1{font-size:36px!important;line-height:1.08!important}}
/* FINAL STABLE HERO LAYOUT FIX — desktop and mobile */
@media (min-width:851px) {
html body header.nav { display:flex!important; position:sticky!important; top:0!important; z-index:100!important; }
html body section#home.hero.hero-reference {
display:block!important; position:relative!important; height:680px!important;
min-height:640px!important; max-height:760px!important; overflow:hidden!important;
padding:0!important; margin:0!important; isolation:isolate!important;
}
html body section#home.hero.hero-reference > .hero-green-backdrop {
position:absolute!important; display:block!important; left:auto!important; right:0!important;
top:0!important; bottom:0!important; width:56%!important; height:100%!important; z-index:0!important;
}
html body section#home.hero.hero-reference > img.hero-photo {
position:absolute!important; display:block!important; visibility:visible!important; opacity:1!important;
left:auto!important; right:0!important; top:0!important; bottom:0!important;
width:55%!important; height:100%!important; margin:0!important; z-index:1!important;
object-fit:cover!important; object-position:center!important;
border-radius:42% 0 0 42% / 47% 0 0 47%!important; clip-path:none!important;
}
html body section#home.hero.hero-reference > .hero-content {
display:block!important; position:absolute!important; left:8%!important; right:auto!important;
top:76px!important; bottom:auto!important; transform:none!important; width:37%!important;
max-width:700px!important; margin:0!important; padding:0!important; z-index:5!important;
}
html body section#home.hero.hero-reference .hero-location { margin:0 0 20px!important; }
html body section#home.hero.hero-reference .hero-content h1 {
display:block!important; font-size:clamp(44px,3.6vw,68px)!important;
line-height:1.04!important; letter-spacing:-.04em!important; height:auto!important;
margin:0 0 16px!important; padding:0!important; overflow:visible!important;
}
html body section#home.hero.hero-reference .hero-content h1 br { display:block!important; }
html body section#home.hero.hero-reference .hero-content p { margin:0 0 22px!important; max-width:550px!important; }
html body section#home.hero.hero-reference > .hero-services {
display:grid!important; position:absolute!important; left:4%!important; right:auto!important;
top:auto!important; bottom:16px!important; width:45%!important; margin:0!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:8px!important; z-index:8!important;
}
html body section#home.hero.hero-reference > .hero-services a { min-width:0!important; min-height:104px!important; padding:12px 5px!important; }
html body section#home.hero.hero-reference > .hero-services b,
html body section#home.hero.hero-reference > .hero-services small { white-space:normal!important; }
}
@media (max-width:850px) {
html body section#home.hero.hero-reference { height:auto!important; min-height:0!important; max-height:none!important; padding:26px 18px 18px!important; display:flex!important; flex-direction:column!important; }
html body section#home.hero.hero-reference > .hero-green-backdrop { position:absolute!important; left:auto!important; right:-18%!important; top:380px!important; width:110%!important; height:300px!important; z-index:0!important; }
html body section#home.hero.hero-reference > img.hero-photo { position:relative!important; display:block!important; visibility:visible!important; opacity:1!important; order:2!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; width:calc(100% + 36px)!important; height:clamp(230px,62vw,360px)!important; margin:24px -18px 0 0!important; border-radius:30% 0 0 12% / 22% 0 0 10%!important; clip-path:none!important; z-index:1!important; }
html body section#home.hero.hero-reference > .hero-content { position:relative!important; order:1!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; transform:none!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; z-index:5!important; }
html body section#home.hero.hero-reference > .hero-services { position:relative!important; order:3!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; width:100%!important; margin:16px 0 0!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; z-index:5!important; }
html body section#home.hero.hero-reference .hero-content h1 { font-size:clamp(34px,8vw,52px)!important; line-height:1.08!important; }
}
/* FORUM CENTER HERO DEFINITIVE OVERRIDE — loaded last to defeat older conflicting rules */
html body section#home.hero.hero-reference {
box-sizing:border-box!important; position:relative!important; display:block!important;
width:100%!important; height:760px!important; min-height:760px!important; max-height:none!important;
margin:0!important; padding:0!important; overflow:hidden!important; isolation:isolate!important;
background:#f7fff9!important;
}
html body section#home.hero.hero-reference > .hero-green-backdrop {
display:block!important; position:absolute!important; left:auto!important; right:0!important;
top:0!important; bottom:0!important; width:57%!important; height:100%!important;
background:linear-gradient(135deg,#72e39a 0%,#13b858 58%,#00783d 100%)!important;
border-radius:38% 0 0 42% / 42% 0 0 48%!important; z-index:0!important;
}
html body section#home.hero.hero-reference > img.hero-photo {
display:block!important; visibility:visible!important; opacity:1!important; position:absolute!important;
left:auto!important; right:0!important; top:0!important; bottom:0!important;
width:55.5%!important; height:100%!important; max-width:none!important; max-height:none!important;
margin:0!important; object-fit:cover!important; object-position:center!important;
border-radius:42% 0 0 42% / 45% 0 0 45%!important; clip-path:none!important; z-index:1!important;
}
html body section#home.hero.hero-reference > .shade { display:none!important; }
html body section#home.hero.hero-reference > .hero-content {
display:block!important; position:absolute!important; left:8%!important; right:auto!important;
top:82px!important; bottom:auto!important; width:38%!important; max-width:720px!important;
height:auto!important; margin:0!important; padding:0!important; transform:none!important; z-index:4!important;
}
html body section#home.hero.hero-reference .hero-location { margin:0 0 20px!important; line-height:1.4!important; }
html body section#home.hero.hero-reference .hero-content h1 {
display:block!important; position:relative!important; width:100%!important; height:auto!important; min-height:0!important;
font-size:clamp(43px,3.6vw,68px)!important; line-height:1.06!important; letter-spacing:-.035em!important;
font-weight:850!important; margin:0 0 18px!important; padding:0!important; overflow:visible!important;
white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important;
}
html body section#home.hero.hero-reference .hero-content h1 br { display:block!important; }
html body section#home.hero.hero-reference .hero-content h1 span { display:inline!important; line-height:inherit!important; }
html body section#home.hero.hero-reference .hero-content p { display:block!important; height:auto!important; max-width:550px!important; margin:0 0 22px!important; line-height:1.45!important; overflow:visible!important; }
html body section#home.hero.hero-reference > .hero-services {
display:grid!important; position:absolute!important; left:4%!important; right:auto!important; top:auto!important; bottom:18px!important;
width:45%!important; height:auto!important; margin:0!important; padding:0!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:8px!important; z-index:8!important;
}
html body section#home.hero.hero-reference > .hero-services a { min-width:0!important; min-height:108px!important; padding:12px 5px!important; }
html body section#home.hero.hero-reference > .hero-services b,
html body section#home.hero.hero-reference > .hero-services small { white-space:normal!important; }
@media (max-width:1100px) and (min-width:851px) {
html body section#home.hero.hero-reference { height:700px!important; min-height:700px!important; }
html body section#home.hero.hero-reference > .hero-content { left:5%!important; top:75px!important; width:43%!important; }
html body section#home.hero.hero-reference .hero-content h1 { font-size:clamp(40px,4vw,54px)!important; }
html body section#home.hero.hero-reference > .hero-photo { width:53%!important; }
html body section#home.hero.hero-reference > .hero-services { left:2%!important; width:51%!important; gap:5px!important; }
}
@media (max-width:850px) {
html body section#home.hero.hero-reference { display:flex!important; flex-direction:column!important; gap:0!important; height:auto!important; min-height:0!important; max-height:none!important; padding:28px 18px 20px!important; overflow:hidden!important; }
html body section#home.hero.hero-reference > .hero-green-backdrop { left:auto!important; right:-20%!important; top:390px!important; bottom:auto!important; width:115%!important; height:310px!important; border-radius:42% 0 0 20% / 25% 0 0 15%!important; }
html body section#home.hero.hero-reference > .hero-content { display:block!important; position:relative!important; order:1!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; z-index:4!important; }
html body section#home.hero.hero-reference .hero-location { margin:0 0 16px!important; font-size:14px!important; }
html body section#home.hero.hero-reference .hero-content h1 { font-size:clamp(34px,8vw,52px)!important; line-height:1.08!important; margin:0 0 16px!important; letter-spacing:-.035em!important; }
html body section#home.hero.hero-reference .hero-content p { font-size:16px!important; line-height:1.45!important; margin:0 0 18px!important; }
html body section#home.hero.hero-reference .hero-buttons { display:flex!important; flex-wrap:wrap!important; gap:10px!important; }
html body section#home.hero.hero-reference .pill { min-height:46px!important; padding:12px 14px!important; font-size:11px!important; }
html body section#home.hero.hero-reference > img.hero-photo { display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; order:2!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; width:calc(100% + 36px)!important; height:clamp(230px,62vw,360px)!important; max-width:none!important; margin:24px -18px 0 0!important; object-fit:cover!important; object-position:center!important; border-radius:30% 0 0 12% / 22% 0 0 10%!important; clip-path:none!important; z-index:1!important; }
html body section#home.hero.hero-reference > .hero-services { display:grid!important; position:relative!important; order:3!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; width:100%!important; height:auto!important; margin:16px 0 0!important; padding:0!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; z-index:5!important; }
html body section#home.hero.hero-reference > .hero-services a { min-height:88px!important; padding:10px 4px!important; border-radius:14px!important; }
html body section#home.hero.hero-reference > .hero-services span { font-size:25px!important; margin-bottom:5px!important; }
html body section#home.hero.hero-reference > .hero-services b { font-size:11px!important; }
html body section#home.hero.hero-reference > .hero-services small { font-size:10px!important; }
}
@media (max-width:420px) {
html body section#home.hero.hero-reference { padding:24px 15px 16px!important; }
html body section#home.hero.hero-reference .hero-content h1 { font-size:35px!important; line-height:1.08!important; }
html body section#home.hero.hero-reference .hero-buttons { display:grid!important; grid-template-columns:1fr 1fr!important; }
html body section#home.hero.hero-reference .pill { padding:11px 7px!important; font-size:10px!important; gap:5px!important; }
html body section#home.hero.hero-reference > img.hero-photo { width:calc(100% + 30px)!important; height:245px!important; margin-right:-15px!important; }
}
/* Reference-match hero: white left content, framed mall photo on right */
html,body{overflow-x:hidden!important}
html body header.nav{display:flex!important;align-items:center!important;gap:24px!important;height:82px!important;min-height:82px!important;padding:0 4%!important;background:#fff!important;color:#14213d!important;border-bottom:1px solid #e7eee9!important;box-shadow:none!important}
html body header.nav .brand{background:transparent!important;padding:0!important;border-radius:0!important}
html body header.nav .brand img{width:275px!important;max-width:25vw!important;height:64px!important;object-fit:contain!important}
html body header.nav nav{display:flex!important;margin-left:auto!important;align-items:center!important;gap:24px!important}
html body header.nav nav a{color:#14213d!important;font-size:14px!important;font-weight:600!important;text-transform:none!important;white-space:nowrap!important}
html body header.nav .nav-visit{display:inline-flex!important;align-items:center!important;gap:10px!important;background:#007b3d!important;color:#fff!important;border-radius:9px!important;padding:16px 20px!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;text-decoration:none!important}
html body header.nav .hamb{display:none!important}
html body section#home.hero.hero-reference{display:block!important;position:relative!important;isolation:isolate!important;width:100%!important;height:calc(100vh - 82px)!important;min-height:700px!important;max-height:820px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fbfdfb!important}
html body section#home.hero.hero-reference>.hero-green-backdrop{display:block!important;position:absolute!important;z-index:0!important;left:auto!important;right:0!important;top:0!important;bottom:0!important;width:58%!important;height:100%!important;background:linear-gradient(135deg,#8be9a6 0%,#24c568 48%,#00763b 100%)!important;border-radius:42% 0 0 40% / 42% 0 0 42%!important}
html body section#home.hero.hero-reference>img.hero-photo{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;z-index:1!important;left:auto!important;right:0!important;top:9%!important;bottom:4%!important;width:56%!important;height:87%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;object-position:center!important;border-radius:44% 0 0 44% / 42% 0 0 42%!important;clip-path:none!important}
html body section#home.hero.hero-reference>.shade{display:block!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,#fbfdfb 0%,#fbfdfb 35%,rgba(251,253,251,.96) 41%,rgba(251,253,251,.62) 47%,rgba(251,253,251,0) 58%)!important}
html body section#home.hero.hero-reference>.hero-content{display:block!important;position:absolute!important;z-index:4!important;left:8.1%!important;right:auto!important;top:15%!important;bottom:auto!important;width:41%!important;max-width:760px!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important}
html body section#home.hero.hero-reference .hero-location{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 22px!important;color:#14213d!important;font-size:16px!important;line-height:1.4!important}
html body section#home.hero.hero-reference .hero-location .location-pin{color:#078b4a!important;font-size:24px!important}
html body section#home.hero.hero-reference .hero-content h1{display:block!important;position:relative!important;width:100%!important;max-width:760px!important;height:auto!important;min-height:0!important;margin:0 0 18px!important;padding:0!important;overflow:visible!important;color:#101f36!important;font-size:clamp(46px,3.7vw,72px)!important;line-height:1.04!important;letter-spacing:-.04em!important;font-weight:850!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
html body section#home.hero.hero-reference .hero-content h1 br{display:block!important}
html body section#home.hero.hero-reference .hero-content h1 span{color:#078849!important;display:inline!important;line-height:inherit!important}
html body section#home.hero.hero-reference .hero-content p{display:block!important;max-width:590px!important;margin:0 0 27px!important;padding:0!important;color:#687386!important;background:transparent!important;font-size:19px!important;line-height:1.45!important;height:auto!important;overflow:visible!important}
html body section#home.hero.hero-reference .hero-content:before{content:none!important}
html body section#home.hero.hero-reference .hero-buttons{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:18px!important}
html body section#home.hero.hero-reference .hero-buttons .pill{min-height:62px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;padding:17px 24px!important;border-radius:9px!important;font-size:14px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}
html body section#home.hero.hero-reference .hero-buttons .hero-primary{background:#007c3d!important;border:1px solid #007c3d!important;color:#fff!important}
html body section#home.hero.hero-reference .hero-buttons .outline{background:rgba(255,255,255,.9)!important;border:1px solid #078849!important;color:#078849!important}
html body section#home.hero.hero-reference>.hero-services{display:grid!important;position:absolute!important;z-index:7!important;left:4.1%!important;right:auto!important;top:auto!important;bottom:18px!important;width:45.5%!important;height:auto!important;margin:0!important;padding:0!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
html body section#home.hero.hero-reference>.hero-services a{display:flex!important;min-width:0!important;min-height:138px!important;padding:16px 7px 12px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:18px!important;box-shadow:0 12px 35px rgba(21,65,43,.08)!important;text-decoration:none!important}
html body section#home.hero.hero-reference>.hero-services span{display:block!important;color:#008745!important;font-size:34px!important;line-height:1!important;margin:0 0 12px!important}
html body section#home.hero.hero-reference>.hero-services b{display:block!important;color:#111c30!important;font-size:13px!important;line-height:1.25!important;white-space:normal!important}
html body section#home.hero.hero-reference>.hero-services small{display:block!important;color:#697487!important;font-size:11px!important;line-height:1.3!important;margin-top:5px!important;white-space:normal!important}
@media(max-width:1250px) and (min-width:851px){html body header.nav{gap:14px!important;padding:0 3%!important}html body header.nav .brand img{width:220px!important}html body header.nav nav{gap:13px!important}html body header.nav nav a{font-size:12px!important}html body header.nav .nav-visit{padding:13px!important;font-size:11px!important}html body section#home.hero.hero-reference>.hero-content{left:5%!important;width:43%!important;top:14%!important}html body section#home.hero.hero-reference .hero-content h1{font-size:clamp(40px,4vw,56px)!important}html body section#home.hero.hero-reference>.hero-services{left:2.5%!important;width:49%!important;gap:6px!important}html body section#home.hero.hero-reference>.hero-services a{min-height:120px!important}}
@media(max-width:850px){html body header.nav{height:auto!important;min-height:72px!important;padding:10px 18px!important;gap:10px!important}html body header.nav .brand img{width:205px!important;max-width:48vw!important;height:52px!important}html body header.nav nav{display:none!important}html body header.nav .nav-visit{margin-left:auto!important;padding:11px 10px!important;font-size:10px!important}html body header.nav .hamb{display:block!important;margin-left:4px!important;color:#14213d!important;font-size:25px!important}html body section#home.hero.hero-reference{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important;padding:34px 20px 20px!important;overflow:hidden!important;gap:0!important}html body section#home.hero.hero-reference>.hero-green-backdrop{right:-15%!important;top:510px!important;bottom:auto!important;width:110%!important;height:300px!important;border-radius:40% 0 0 25% / 25% 0 0 20%!important}html body section#home.hero.hero-reference>.shade{background:linear-gradient(180deg,#fbfdfb 0%,rgba(251,253,251,.95) 52%,rgba(251,253,251,.15) 100%)!important}html body section#home.hero.hero-reference>.hero-content{position:relative!important;order:1!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}html body section#home.hero.hero-reference .hero-location{font-size:14px!important;margin-bottom:17px!important}html body section#home.hero.hero-reference .hero-content h1{font-size:clamp(36px,7.7vw,54px)!important;line-height:1.06!important;margin-bottom:15px!important}html body section#home.hero.hero-reference .hero-content p{font-size:16px!important;margin-bottom:20px!important}html body section#home.hero.hero-reference .hero-buttons{gap:10px!important}html body section#home.hero.hero-reference .hero-buttons .pill{min-height:48px!important;padding:12px 13px!important;font-size:11px!important;gap:8px!important}html body section#home.hero.hero-reference>img.hero-photo{position:relative!important;order:2!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:calc(100% + 40px)!important;height:clamp(240px,63vw,380px)!important;margin:25px -20px 0 0!important;border-radius:30% 0 0 12% / 23% 0 0 12%!important;object-fit:cover!important;object-position:center!important}html body section#home.hero.hero-reference>.hero-services{position:relative!important;order:3!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;margin:18px 0 0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}html body section#home.hero.hero-reference>.hero-services a{min-height:95px!important;padding:10px 4px!important;border-radius:14px!important}html body section#home.hero.hero-reference>.hero-services span{font-size:26px!important;margin-bottom:7px!important}html body section#home.hero.hero-reference>.hero-services b{font-size:11px!important}html body section#home.hero.hero-reference>.hero-services small{font-size:10px!important}}
@media(max-width:420px){html body header.nav .brand img{width:155px!important}html body header.nav .nav-visit{display:none!important}html body section#home.hero.hero-reference{padding:26px 16px 18px!important}html body section#home.hero.hero-reference .hero-content h1{font-size:35px!important}html body section#home.hero.hero-reference .hero-buttons{display:grid!important;grid-template-columns:1fr 1fr!important}html body section#home.hero.hero-reference .hero-buttons .pill{white-space:normal!important;text-align:center!important;font-size:10px!important}html body section#home.hero.hero-reference>img.hero-photo{width:calc(100% + 32px)!important;height:240px!important;margin-right:-16px!important}}
/* FINAL REFERENCE-MATCH OVERRIDE — keep this block last */
html body { overflow-x:hidden!important; }
html body header.nav {
position:relative!important; z-index:100!important; display:flex!important; align-items:center!important;
justify-content:space-between!important; width:100%!important; height:82px!important; min-height:82px!important;
padding:0 4.2%!important; gap:24px!important; background:#fff!important; box-shadow:0 2px 20px rgba(15,35,25,.04)!important;
}
html body header.nav .brand { display:flex!important; align-items:center!important; flex:0 0 auto!important; }
html body header.nav .brand img { display:block!important; width:295px!important; max-width:22vw!important; height:auto!important; max-height:58px!important; object-fit:contain!important; }
html body header.nav nav { display:flex!important; align-items:center!important; justify-content:center!important; flex:1 1 auto!important; gap:clamp(14px,2vw,34px)!important; position:static!important; visibility:visible!important; opacity:1!important; background:transparent!important; }
html body header.nav nav a { color:#111c30!important; font-size:15px!important; font-weight:500!important; white-space:nowrap!important; text-decoration:none!important; }
html body header.nav .nav-visit { display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; background:#007d3e!important; color:#fff!important; padding:16px 22px!important; border-radius:9px!important; font-size:14px!important; font-weight:800!important; white-space:nowrap!important; }
html body header.nav .hamb { display:none!important; }
html body section#home.hero.hero-reference {
display:block!important; position:relative!important; isolation:isolate!important; width:100%!important;
height:calc(100vh - 82px)!important; min-height:680px!important; max-height:820px!important;
margin:0!important; padding:0!important; overflow:hidden!important; background:#fbfdfb!important;
}
html body section#home.hero.hero-reference > .hero-green-backdrop {
display:block!important; position:absolute!important; z-index:0!important; left:auto!important; right:0!important;
top:0!important; bottom:0!important; width:54%!important; height:100%!important;
background:linear-gradient(135deg,#a1f0b5 0%,#29c96a 52%,#008344 100%)!important;
border-radius:40% 0 0 38% / 34% 0 0 35%!important;
}
html body section#home.hero.hero-reference > img.hero-photo {
display:block!important; visibility:visible!important; opacity:1!important; position:absolute!important; z-index:1!important;
left:auto!important; right:0!important; top:2%!important; bottom:2%!important; width:54%!important; height:96%!important;
max-width:none!important; max-height:none!important; margin:0!important; object-fit:cover!important; object-position:center center!important;
border-radius:43% 0 0 43% / 40% 0 0 40%!important; clip-path:none!important;
}
html body section#home.hero.hero-reference > .shade {
display:block!important; position:absolute!important; inset:0!important; z-index:2!important; pointer-events:none!important;
background:linear-gradient(90deg,#fbfdfb 0%,#fbfdfb 36%,rgba(251,253,251,.96) 42%,rgba(251,253,251,.65) 47%,rgba(251,253,251,0) 55%)!important;
}
html body section#home.hero.hero-reference > .hero-content {
display:block!important; position:absolute!important; z-index:4!important; left:8%!important; right:auto!important; top:12%!important; bottom:auto!important;
width:37%!important; max-width:700px!important; margin:0!important; padding:0!important; transform:none!important;
}
html body section#home.hero.hero-reference .hero-location { color:#14213d!important; font-size:16px!important; margin:0 0 22px!important; }
html body section#home.hero.hero-reference .hero-content h1 {
color:#111c30!important; font-size:clamp(42px,3.7vw,70px)!important; line-height:1.04!important;
letter-spacing:-.04em!important; font-weight:850!important; margin:0 0 18px!important; max-width:720px!important;
}
html body section#home.hero.hero-reference .hero-content h1 span { color:#008448!important; }
html body section#home.hero.hero-reference .hero-content p { color:#697487!important; font-size:clamp(16px,1.25vw,22px)!important; line-height:1.4!important; margin:0 0 26px!important; max-width:600px!important; }
html body section#home.hero.hero-reference .hero-buttons { display:flex!important; flex-wrap:wrap!important; gap:16px!important; }
html body section#home.hero.hero-reference .hero-buttons .pill { min-height:62px!important; padding:17px 24px!important; border-radius:9px!important; font-size:14px!important; font-weight:800!important; white-space:nowrap!important; }
html body section#home.hero.hero-reference .hero-buttons .hero-primary { background:#007d3e!important; color:#fff!important; }
html body section#home.hero.hero-reference .hero-buttons .outline { background:#fff!important; color:#007d3e!important; border:1.5px solid #008448!important; }
html body section#home.hero.hero-reference > .hero-services {
display:grid!important; position:absolute!important; z-index:5!important; left:4.1%!important; right:auto!important; top:auto!important; bottom:18px!important;
width:45.5%!important; height:auto!important; margin:0!important; padding:0!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:10px!important;
}
html body section#home.hero.hero-reference > .hero-services a {
display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
min-width:0!important; min-height:138px!important; padding:14px 6px!important; border-radius:18px!important;
background:rgba(255,255,255,.88)!important; box-shadow:0 10px 28px rgba(21,50,34,.06)!important; text-align:center!important;
}
html body section#home.hero.hero-reference > .hero-services span { display:block!important; font-size:34px!important; line-height:1!important; margin:0 0 12px!important; }
html body section#home.hero.hero-reference > .hero-services b { display:block!important; color:#111c30!important; font-size:13px!important; line-height:1.2!important; white-space:normal!important; }
html body section#home.hero.hero-reference > .hero-services small { display:block!important; color:#697487!important; font-size:11px!important; line-height:1.25!important; margin-top:5px!important; white-space:normal!important; }
@media(max-width:1400px) and (min-width:851px) {
html body header.nav { padding:0 3%!important; gap:16px!important; }
html body header.nav .brand img { width:235px!important; max-width:20vw!important; }
html body header.nav nav { gap:14px!important; }
html body header.nav nav a { font-size:13px!important; }
html body header.nav .nav-visit { padding:14px 16px!important; font-size:12px!important; }
html body section#home.hero.hero-reference > .hero-content { left:6%!important; top:12%!important; width:40%!important; }
html body section#home.hero.hero-reference .hero-content h1 { font-size:clamp(42px,4.2vw,60px)!important; }
html body section#home.hero.hero-reference > .hero-services { left:2.5%!important; width:49%!important; gap:7px!important; }
html body section#home.hero.hero-reference > .hero-services a { min-height:118px!important; }
}
@media(max-width:850px) {
html body header.nav { height:auto!important; min-height:70px!important; padding:10px 16px!important; gap:10px!important; }
html body header.nav .brand img { width:190px!important; max-width:48vw!important; max-height:48px!important; }
html body header.nav nav { display:none!important; }
html body header.nav .nav-visit { display:none!important; }
html body header.nav .hamb { display:block!important; margin-left:auto!important; background:transparent!important; border:0!important; font-size:26px!important; color:#14213d!important; }
html body header.nav.menu-open nav { display:flex!important; position:absolute!important; top:100%!important; left:0!important; right:0!important; z-index:999!important; flex-direction:column!important; align-items:stretch!important; gap:0!important; padding:10px 18px!important; background:#fff!important; box-shadow:0 12px 20px rgba(0,0,0,.1)!important; }
html body header.nav.menu-open nav a { padding:12px 8px!important; font-size:15px!important; }
html body section#home.hero.hero-reference { display:flex!important; flex-direction:column!important; height:auto!important; min-height:0!important; max-height:none!important; padding:30px 18px 20px!important; gap:0!important; overflow:hidden!important; }
html body section#home.hero.hero-reference > .hero-green-backdrop { right:-15%!important; top:420px!important; bottom:auto!important; width:110%!important; height:280px!important; border-radius:40% 0 0 24% / 25% 0 0 20%!important; }
html body section#home.hero.hero-reference > .shade { display:none!important; }
html body section#home.hero.hero-reference > .hero-content { position:relative!important; order:1!important; inset:auto!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; z-index:4!important; }
html body section#home.hero.hero-reference .hero-location { font-size:14px!important; margin:0 0 15px!important; }
html body section#home.hero.hero-reference .hero-content h1 { font-size:clamp(34px,7.5vw,50px)!important; line-height:1.08!important; margin:0 0 14px!important; }
html body section#home.hero.hero-reference .hero-content p { font-size:16px!important; line-height:1.45!important; margin:0 0 18px!important; }
html body section#home.hero.hero-reference .hero-buttons { gap:9px!important; }
html body section#home.hero.hero-reference .hero-buttons .pill { min-height:46px!important; padding:12px 12px!important; font-size:10px!important; }
html body section#home.hero.hero-reference > img.hero-photo { position:relative!important; order:2!important; inset:auto!important; width:calc(100% + 36px)!important; height:clamp(230px,62vw,360px)!important; max-width:none!important; margin:24px -18px 0 0!important; object-fit:cover!important; object-position:center 45%!important; border-radius:28% 0 0 12% / 22% 0 0 10%!important; }
html body section#home.hero.hero-reference > .hero-services { position:relative!important; order:3!important; inset:auto!important; width:100%!important; height:auto!important; margin:16px 0 0!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; }
html body section#home.hero.hero-reference > .hero-services a { min-height:90px!important; padding:10px 4px!important; border-radius:13px!important; }
html body section#home.hero.hero-reference > .hero-services span { font-size:25px!important; margin-bottom:6px!important; }
html body section#home.hero.hero-reference > .hero-services b { font-size:11px!important; }
html body section#home.hero.hero-reference > .hero-services small { font-size:10px!important; }
}
@media(max-width:420px) {
html body section#home.hero.hero-reference { padding:24px 15px 16px!important; }
html body section#home.hero.hero-reference .hero-content h1 { font-size:34px!important; }
html body section#home.hero.hero-reference .hero-buttons { display:grid!important; grid-template-columns:1fr 1fr!important; }
html body section#home.hero.hero-reference .hero-buttons .pill { white-space:normal!important; text-align:center!important; padding:10px 6px!important; }
html body section#home.hero.hero-reference > img.hero-photo { width:calc(100% + 30px)!important; height:235px!important; margin-right:-15px!important; }
}
/* FINAL REFERENCE-HERO FIX — appended last to override earlier conflicting rules */
html,body{max-width:100%;overflow-x:hidden!important}
html body section#home.hero.hero-reference{display:block!important;position:relative!important;isolation:isolate!important;width:100%!important;max-width:100%!important;height:clamp(650px,calc(100vh - 82px),800px)!important;min-height:650px!important;max-height:800px!important;margin:0!important;padding:0!important;left:auto!important;transform:none!important;overflow:hidden!important;background:#fbfdfb!important}
html body section#home.hero.hero-reference>.hero-green-backdrop{display:block!important;position:absolute!important;z-index:0!important;left:auto!important;right:0!important;top:0!important;bottom:0!important;width:56%!important;height:100%!important;background:linear-gradient(135deg,#a1f0b5 0%,#29c96a 52%,#008344 100%)!important;border-radius:42% 0 0 42% / 38% 0 0 38%!important}
html body section#home.hero.hero-reference>img.hero-photo{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;z-index:1!important;left:auto!important;right:0!important;top:9%!important;bottom:2%!important;width:55%!important;height:89%!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important;object-fit:cover!important;object-position:center center!important;border-radius:43% 0 0 43% / 42% 0 0 42%!important;clip-path:none!important;background:transparent!important}
html body section#home.hero.hero-reference>.shade{display:block!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,#fbfdfb 0%,#fbfdfb 36%,rgba(251,253,251,.96) 42%,rgba(251,253,251,.65) 48%,rgba(251,253,251,0) 59%)!important}
html body section#home.hero.hero-reference>.hero-content{display:block!important;position:absolute!important;z-index:4!important;left:8%!important;right:auto!important;top:15%!important;bottom:auto!important;width:39%!important;max-width:680px!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important}
html body section#home.hero.hero-reference .hero-location{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 22px!important;color:#14213d!important;font-size:16px!important;line-height:1.4!important}
html body section#home.hero.hero-reference .hero-content h1{display:block!important;width:100%!important;max-width:680px!important;height:auto!important;min-height:0!important;margin:0 0 18px!important;padding:0!important;overflow:visible!important;color:#101f36!important;font-size:clamp(44px,4vw,70px)!important;line-height:1.04!important;letter-spacing:-.04em!important;font-weight:850!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
html body section#home.hero.hero-reference .hero-content h1 span{color:#078849!important;display:inline!important;line-height:inherit!important}
html body section#home.hero.hero-reference .hero-content p{display:block!important;max-width:590px!important;margin:0 0 26px!important;padding:0!important;color:#687386!important;background:transparent!important;font-size:clamp(16px,1.25vw,20px)!important;line-height:1.45!important;height:auto!important;overflow:visible!important}
html body section#home.hero.hero-reference .hero-content:before{content:none!important}
html body section#home.hero.hero-reference .hero-buttons{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:14px!important}
html body section#home.hero.hero-reference .hero-buttons .pill{min-height:58px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;padding:16px 22px!important;border-radius:9px!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}
html body section#home.hero.hero-reference .hero-buttons .hero-primary{background:#007c3d!important;border:1px solid #007c3d!important;color:#fff!important}
html body section#home.hero.hero-reference .hero-buttons .outline{background:rgba(255,255,255,.92)!important;border:1px solid #078849!important;color:#078849!important}
html body section#home.hero.hero-reference>.hero-services{display:grid!important;position:absolute!important;z-index:7!important;left:4.1%!important;right:auto!important;top:auto!important;bottom:18px!important;width:45.5%!important;height:auto!important;margin:0!important;padding:0!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important}
html body section#home.hero.hero-reference>.hero-services a{display:flex!important;min-width:0!important;min-height:132px!important;padding:14px 5px 11px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:18px!important;box-shadow:0 12px 35px rgba(21,65,43,.08)!important;text-decoration:none!important}
html body section#home.hero.hero-reference>.hero-services span{display:block!important;color:#008745!important;font-size:32px!important;line-height:1!important;margin:0 0 10px!important}
html body section#home.hero.hero-reference>.hero-services b{display:block!important;color:#111c30!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important}
html body section#home.hero.hero-reference>.hero-services small{display:block!important;color:#697487!important;font-size:10px!important;line-height:1.3!important;margin-top:5px!important;white-space:normal!important}
@media(max-width:1100px) and (min-width:851px){html body section#home.hero.hero-reference>.hero-content{left:5%!important;width:43%!important;top:14%!important}html body section#home.hero.hero-reference .hero-content h1{font-size:clamp(40px,4.2vw,56px)!important}html body section#home.hero.hero-reference>.hero-services{left:2.5%!important;width:49%!important;gap:6px!important}html body section#home.hero.hero-reference>.hero-services a{min-height:112px!important}html body header.nav{gap:12px!important;padding:0 2.5%!important}html body header.nav .brand img{width:205px!important}html body header.nav nav{gap:10px!important}html body header.nav nav a{font-size:12px!important}}
@media(max-width:850px){html body section#home.hero.hero-reference{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important;padding:28px 18px 18px!important;overflow:hidden!important;gap:0!important}html body section#home.hero.hero-reference>.hero-green-backdrop{right:-15%!important;top:430px!important;bottom:auto!important;width:110%!important;height:280px!important;border-radius:40% 0 0 24% / 25% 0 0 20%!important}html body section#home.hero.hero-reference>.shade{display:none!important}html body section#home.hero.hero-reference>.hero-content{position:relative!important;order:1!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;z-index:4!important}html body section#home.hero.hero-reference .hero-location{font-size:14px!important;margin:0 0 15px!important}html body section#home.hero.hero-reference .hero-content h1{font-size:clamp(34px,7.5vw,50px)!important;line-height:1.08!important;margin:0 0 14px!important;letter-spacing:-.035em!important}html body section#home.hero.hero-reference .hero-content p{font-size:16px!important;line-height:1.45!important;margin:0 0 18px!important}html body section#home.hero.hero-reference .hero-buttons{gap:9px!important}html body section#home.hero.hero-reference .hero-buttons .pill{min-height:46px!important;padding:12px!important;font-size:10px!important;gap:7px!important}html body section#home.hero.hero-reference>img.hero-photo{position:relative!important;order:2!important;inset:auto!important;width:calc(100% + 36px)!important;height:clamp(230px,62vw,360px)!important;max-width:none!important;margin:24px -18px 0 0!important;object-fit:cover!important;object-position:center 45%!important;border-radius:28% 0 0 12% / 22% 0 0 10%!important;opacity:1!important}html body section#home.hero.hero-reference>.hero-services{position:relative!important;order:3!important;inset:auto!important;width:100%!important;height:auto!important;margin:16px 0 0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}html body section#home.hero.hero-reference>.hero-services a{min-height:90px!important;padding:10px 4px!important;border-radius:13px!important}html body section#home.hero.hero-reference>.hero-services span{font-size:25px!important;margin-bottom:6px!important}html body section#home.hero.hero-reference>.hero-services b{font-size:11px!important}html body section#home.hero.hero-reference>.hero-services small{font-size:10px!important}}
@media(max-width:420px){html body header.nav .brand img{width:155px!important}html body section#home.hero.hero-reference{padding:24px 15px 16px!important}html body section#home.hero.hero-reference .hero-content h1{font-size:34px!important}html body section#home.hero.hero-reference .hero-buttons{display:grid!important;grid-template-columns:1fr 1fr!important}html body section#home.hero.hero-reference .hero-buttons .pill{white-space:normal!important;text-align:center!important;padding:10px 6px!important}html body section#home.hero.hero-reference>img.hero-photo{width:calc(100% + 30px)!important;height:235px!important;margin-right:-15px!important}}
/* FINAL REFINEMENT 2026-10-29: balance hero photo and improve contrast */
@media (min-width: 851px) {
html body section#home.hero.hero-reference {
height: clamp(650px, calc(100vh - 82px), 800px) !important;
min-height: 650px !important;
}
html body section#home.hero.hero-reference > .hero-green-backdrop {
width: 51% !important;
right: 0 !important;
border-radius: 44% 0 0 44% / 38% 0 0 38% !important;
}
html body section#home.hero.hero-reference > img.hero-photo {
width: 49% !important;
right: 1.1% !important;
top: 8% !important;
bottom: 5% !important;
height: 87% !important;
object-position: center center !important;
border-radius: 40% 0 0 40% / 38% 0 0 38% !important;
}
html body section#home.hero.hero-reference > .shade {
background: linear-gradient(90deg, #fbfdfb 0%, #fbfdfb 40%, rgba(251,253,251,.96) 44%, rgba(251,253,251,.58) 49%, rgba(251,253,251,0) 56%) !important;
}
html body section#home.hero.hero-reference > .hero-content {
left: 6.8% !important;
width: 43.5% !important;
top: 15% !important;
}
html body section#home.hero.hero-reference .hero-content h1 {
font-size: clamp(42px, 3.55vw, 66px) !important;
line-height: 1.04 !important;
max-width: 790px !important;
}
html body section#home.hero.hero-reference .hero-content p {
color: #687386 !important;
background: transparent !important;
font-size: clamp(16px, 1.15vw, 21px) !important;
line-height: 1.45 !important;
max-width: 600px !important;
}
html body section#home.hero.hero-reference > .hero-services {
left: 3.3% !important;
width: 47.5% !important;
gap: 9px !important;
}
}
@media (min-width: 851px) and (max-width: 1200px) {
html body section#home.hero.hero-reference > .hero-content { left: 4.5% !important; width: 44% !important; }
html body section#home.hero.hero-reference .hero-content h1 { font-size: clamp(40px, 4vw, 52px) !important; }
html body section#home.hero.hero-reference > img.hero-photo { width: 48% !important; right: 1% !important; }
html body section#home.hero.hero-reference > .hero-services { width: 49% !important; }
}
@media (max-width: 850px) {
html body section#home.hero.hero-reference .hero-content p {
color: #687386 !important;
background: transparent !important;
}
}
/* ==========================================================
FORUM CENTER PREMIUM HOMEPAGE — REFERENCE LAYOUT OVERRIDE
Desktop: panoramic hero, facility strip, offers, events, stores
Mobile: readable stacked layout. Existing admin-driven content retained.
========================================================== */
html{scroll-behavior:smooth}
body{margin:0!important;background:#f7f9f7!important;color:#10251f!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
html body header.nav.premium-nav{position:absolute!important;z-index:100!important;top:0!important;left:0!important;right:0!important;height:72px!important;min-height:72px!important;padding:0 clamp(22px,7.5vw,118px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;background:rgba(3,25,29,.88)!important;border:0!important;box-shadow:0 4px 18px rgba(0,0,0,.12)!important;backdrop-filter:blur(10px)!important}
html body header.nav.premium-nav .brand{flex:0 0 auto!important;display:flex!important;align-items:center!important;max-width:245px!important}
html body header.nav.premium-nav .brand img{display:block!important;width:190px!important;max-width:100%!important;height:auto!important;max-height:54px!important;object-fit:contain!important}
html body header.nav.premium-nav nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(12px,1.8vw,28px)!important;position:static!important;flex:1 1 auto!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important}
html body header.nav.premium-nav nav a{color:#fff!important;font-size:12px!important;font-weight:500!important;white-space:nowrap!important;text-decoration:none!important;padding:8px 0!important;border:0!important;background:transparent!important}
html body header.nav.premium-nav nav a:hover,html body header.nav.premium-nav nav a.nav-home{color:#fff!important;border-bottom:2px solid #e4c95d!important}
html body header.nav.premium-nav .premium-social{display:flex!important;gap:13px!important;align-items:center!important;flex:0 0 auto!important}
html body header.nav.premium-nav .premium-social a{display:grid!important;place-items:center!important;width:18px!important;height:22px!important;color:#fff!important;font-weight:800!important;text-decoration:none!important;font-size:16px!important}
html body header.nav.premium-nav .nav-visit{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex:0 0 auto!important;padding:12px 22px!important;border:0!important;border-radius:999px!important;background:#008a4a!important;color:#fff!important;font-size:12px!important;font-weight:750!important;text-decoration:none!important;white-space:nowrap!important}
html body header.nav.premium-nav .visit-icon{font-size:20px!important;line-height:1!important}
html body header.nav.premium-nav .hamb{display:none!important}
html body section#home.hero.hero-reference.premium-hero{position:relative!important;isolation:isolate!important;display:block!important;width:100%!important;height:414px!important;min-height:414px!important;max-height:414px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#17313b!important;border:0!important;border-radius:0!important}
html body section#home.hero.premium-hero>img.hero-photo{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center 48%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;clip-path:none!important;transform:none!important;opacity:1!important;z-index:0!important}
html body section#home.hero.premium-hero>.premium-hero-shade{display:block!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(2,18,24,.74) 0%,rgba(2,18,24,.44) 38%,rgba(2,18,24,.13) 72%,rgba(2,18,24,.38) 100%)!important;pointer-events:none!important}
html body section#home.hero.premium-hero>.hero-green-backdrop,html body section#home.hero.premium-hero>.shade,html body section#home.hero.premium-hero>.hero-content,html body section#home.hero.premium-hero>.hero-services{display:none!important}
html body section#home.hero.premium-hero>.premium-hero-content{display:block!important;position:absolute!important;z-index:3!important;left:clamp(24px,7.7vw,120px)!important;top:260px!important;right:auto!important;bottom:auto!important;width:min(570px,48vw)!important;max-width:570px!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;color:#fff!important}
.premium-hero-content .premium-kicker{font-size:11px!important;line-height:1.3!important;letter-spacing:5px!important;font-weight:700!important;color:#fff!important;margin:0 0 13px!important}
.premium-hero-content h1{font-size:clamp(34px,3.4vw,52px)!important;line-height:1.06!important;letter-spacing:-1.4px!important;font-weight:800!important;color:#fff!important;margin:0 0 13px!important;padding:0!important;max-width:600px!important;text-shadow:0 2px 16px rgba(0,0,0,.18)!important}
.premium-hero-content p{font-size:15px!important;line-height:1.4!important;color:#fff!important;margin:0 0 22px!important;max-width:510px!important;background:transparent!important;padding:0!important}
.premium-hero-content .hero-buttons{display:flex!important;gap:12px!important;margin:0!important}
.premium-hero-content .hero-buttons .pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:40px!important;padding:11px 24px!important;background:#00884a!important;border:1px solid #00884a!important;border-radius:999px!important;color:#fff!important;font-size:13px!important;font-weight:750!important;text-decoration:none!important;white-space:nowrap!important}
.premium-hero-content .hero-buttons .pill b{font-size:17px!important}
.premium-hero-stats{display:flex!important;position:absolute!important;z-index:4!important;top:132px!important;right:clamp(22px,3.3vw,52px)!important;width:190px!important;flex-direction:column!important;gap:15px!important;padding:18px 18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:rgba(2,24,29,.76)!important;color:#fff!important;backdrop-filter:blur(9px)!important}
.premium-hero-stats>div{display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important}
.premium-hero-stats .stat-icon{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;font-size:24px!important;color:#fff!important}
.premium-hero-stats p{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0!important;color:#fff!important;font-size:13px!important;line-height:1.15!important}
.premium-hero-stats b{font-size:13px!important;font-weight:800!important;color:#fff!important}
.premium-hero-stats small{font-size:10px!important;color:#fff!important}
.premium-hero-dots{display:flex!important;position:absolute!important;z-index:4!important;left:50%!important;bottom:15px!important;transform:translateX(-50%)!important;gap:8px!important}
.premium-hero-dots i{display:block!important;width:7px!important;height:7px!important;border:1px solid #fff!important;border-radius:50%!important;background:transparent!important}
.premium-hero-dots i:first-child{background:#fff!important}
.mall-facilities-strip{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:stretch!important;background:#fff!important;min-height:124px!important;padding:16px clamp(24px,5.5vw,84px)!important;border-bottom:1px solid #d8e4de!important;box-shadow:0 4px 16px rgba(0,0,0,.025)!important}
.mall-facilities-strip>a{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center!important;text-decoration:none!important;color:#0e211c!important;border-right:1px solid #d5dfdb!important;padding:0 10px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.mall-facilities-strip>a:last-child{border-right:0!important}
.mall-facilities-strip span{display:block!important;color:#087642!important;font-size:30px!important;line-height:1.1!important;margin:0 0 4px!important}
.mall-facilities-strip b{font-size:14px!important;line-height:1.18!important;font-weight:800!important;color:#0b211a!important}
.mall-facilities-strip small{font-size:11px!important;line-height:1.25!important;color:#6b7470!important}
/* Offers: green band with short intro and horizontal promotional cards */
html body #offers.homepage-offers-section{display:grid!important;grid-template-columns:minmax(200px,250px) minmax(0,1fr)!important;column-gap:28px!important;align-items:center!important;position:relative!important;margin:0!important;padding:20px clamp(24px,5.8vw,90px)!important;background:#003d2c!important;color:#fff!important;min-height:188px!important;border:0!important;border-radius:0!important;overflow:hidden!important}
html body #offers.homepage-offers-section:before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:80px!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(12,94,56,.5),transparent)!important}
#offers.homepage-offers-section>.eyebrow{grid-column:1!important;grid-row:1!important;align-self:end!important;color:#fff!important;letter-spacing:4px!important;font-size:10px!important;margin:0 0 4px!important}
#offers.homepage-offers-section>.title-row{display:flex!important;grid-column:1!important;grid-row:2!important;align-items:flex-start!important;flex-direction:column!important;gap:8px!important;margin:0!important}
#offers.homepage-offers-section .title-row h2{font-size:clamp(30px,3vw,42px)!important;line-height:1!important;letter-spacing:-1px!important;color:#f6bb3e!important;margin:0!important}
#offers.homepage-offers-section .premium-offers-highlight{color:#f6bb3e!important}
#offers.homepage-offers-section .title-row .pill{display:none!important}
#offers.homepage-offers-section .store-grid.offers-grid{display:grid!important;grid-column:2!important;grid-row:1 / span 2!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin:0!important;min-width:0!important}
#offers.homepage-offers-section .offer-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;background:#123d31!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:7px!important;box-shadow:none!important;color:#fff!important;padding:0!important;min-height:142px!important}
#offers.homepage-offers-section .offer-gallery,#offers.homepage-offers-section .offer-media{display:block!important;width:100%!important;height:100%!important;min-height:142px!important;overflow:hidden!important;margin:0!important;border:0!important}
#offers.homepage-offers-section .offer-media img{display:block!important;width:100%!important;height:100%!important;min-height:142px!important;object-fit:cover!important;object-position:center!important}
#offers.homepage-offers-section .offer-card h3{font-size:14px!important;color:#fff!important;margin:10px 12px 4px!important}
#offers.homepage-offers-section .offer-card p,#offers.homepage-offers-section .offer-dates,#offers.homepage-offers-section .offer-pdf{font-size:11px!important;color:#e0eee8!important;margin:0 12px 10px!important}
#offers.homepage-offers-section .section-more-link{grid-column:1!important;grid-row:3!important;margin:10px 0 0!important}
#offers.homepage-offers-section .section-more-link a{display:inline-flex!important;align-items:center!important;padding:9px 16px!important;background:#00884a!important;color:#fff!important;border-radius:999px!important;font-size:11px!important;font-weight:750!important;text-decoration:none!important}
/* Events: intro column and compact image cards */
html body #events.homepage-events-section{display:grid!important;grid-template-columns:minmax(230px,310px) minmax(0,1fr)!important;column-gap:28px!important;align-items:center!important;margin:0!important;padding:22px clamp(24px,6.2vw,96px)!important;background:#f8faf9!important;color:#10251f!important;border:0!important;border-radius:0!important}
#events.homepage-events-section>.eyebrow{grid-column:1!important;grid-row:1!important;font-size:9px!important;letter-spacing:4px!important;color:#20332d!important;margin:0 0 7px!important}
#events.homepage-events-section>.title-row{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin:0!important}
#events.homepage-events-section .title-row h2{font-size:clamp(28px,2.6vw,36px)!important;line-height:1.02!important;letter-spacing:-1px!important;color:#10251f!important;margin:0!important}
#events.homepage-events-section .title-row .pill{display:none!important}
#events.homepage-events-section .store-grid.events-grid{grid-column:2!important;grid-row:1 / span 2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0!important}
#events.homepage-events-section .event-clickable{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;border:1px solid #e3e8e5!important;border-radius:8px!important;background:#fff!important;box-shadow:0 5px 15px rgba(8,35,24,.07)!important;padding:0!important;cursor:pointer!important}
#events.homepage-events-section .event-clickable .offer-img{height:110px!important;min-height:110px!important;margin:0!important;border-radius:0!important;overflow:hidden!important;background:#e7eeea!important}
#events.homepage-events-section .event-clickable .offer-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
#events.homepage-events-section .event-clickable h3{font-size:12px!important;line-height:1.25!important;color:#13231e!important;margin:10px 12px 4px!important}
#events.homepage-events-section .event-clickable p{font-size:10px!important;line-height:1.35!important;color:#66726c!important;margin:0 12px 8px!important}
#events.homepage-events-section .offer-dates{font-size:10px!important;color:#59675f!important;margin:0 12px 10px!important}
#events.homepage-events-section .section-more-link{grid-column:1!important;grid-row:3!important;margin:10px 0 0!important}
#events.homepage-events-section .section-more-link a{display:inline-flex!important;align-items:center!important;padding:9px 16px!important;background:#00884a!important;color:#fff!important;border-radius:999px!important;font-size:11px!important;font-weight:750!important;text-decoration:none!important}
/* Store section becomes featured brand rail */
html body #stores.section{margin:0!important;padding:22px clamp(24px,7.7vw,118px)!important;background:#003d2c!important;color:#fff!important;border:0!important;border-radius:0!important}
#stores.section>.eyebrow{color:#d8e9df!important;letter-spacing:3px!important;font-size:10px!important}
#stores.section .title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 14px!important}
#stores.section .title-row h2{color:#fff!important;font-size:24px!important;margin:0!important}
#stores.section .title-row>a{color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:999px!important;padding:7px 14px!important;font-size:11px!important;text-decoration:none!important}
#stores.section .filters{display:none!important}
#stores.section .store-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
#stores.section .store-card{min-width:0!important;background:#fff!important;border:0!important;border-radius:6px!important;padding:8px!important;box-shadow:none!important;text-align:center!important}
#stores.section .store-card .store-img{height:52px!important;min-height:52px!important;background:#fff!important;margin:0 0 5px!important;border-radius:3px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
#stores.section .store-card .store-img img{width:100%!important;height:100%!important;object-fit:contain!important}
#stores.section .store-card h3{font-size:12px!important;color:#17231e!important;margin:4px 0!important}
#stores.section .store-card p{font-size:10px!important;color:#68736d!important;margin:0!important}
/* Further sections remain bright and use the site's existing data */
html body .section:not(#offers):not(#events):not(#stores):not(.entertainment-feature-section):not(.forum-services-section){background:#f8faf9!important;color:#10251f!important}
html body .entertainment-feature-section,html body .forum-services-section,html body .story-section,html body .vision-section,html body .careers-jobs-section{background:#f8faf9!important;color:#10251f!important}
@media(max-width:1100px) and (min-width:851px){html body header.nav.premium-nav{padding:0 24px!important;gap:12px!important}html body header.nav.premium-nav .brand img{width:160px!important}html body header.nav.premium-nav nav{gap:10px!important}html body header.nav.premium-nav nav a{font-size:11px!important}.premium-hero-stats{right:18px!important;width:165px!important}.premium-hero-content{left:5%!important;width:48%!important}#offers.homepage-offers-section{grid-template-columns:190px minmax(0,1fr)!important;gap:18px!important;padding-left:26px!important;padding-right:26px!important}#events.homepage-events-section{grid-template-columns:220px minmax(0,1fr)!important;gap:18px!important;padding-left:26px!important;padding-right:26px!important}#stores.section .store-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:850px){
html body header.nav.premium-nav{position:relative!important;height:68px!important;min-height:68px!important;padding:0 18px!important;background:#062b24!important;gap:12px!important}
html body header.nav.premium-nav .brand img{width:165px!important;max-height:48px!important}
html body header.nav.premium-nav nav{display:none!important;position:absolute!important;top:68px!important;left:0!important;right:0!important;z-index:1000!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:8px 18px 14px!important;background:#062b24!important;box-shadow:0 12px 20px rgba(0,0,0,.18)!important}
html body header.nav.premium-nav.menu-open nav{display:flex!important}
html body header.nav.premium-nav nav a{padding:12px 4px!important;font-size:14px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
html body header.nav.premium-nav .premium-social{display:none!important}
html body header.nav.premium-nav .nav-visit{margin-left:auto!important;padding:10px 13px!important;font-size:11px!important}
html body header.nav.premium-nav .hamb{display:block!important;background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:8px!important;color:#fff!important;font-size:22px!important;padding:4px 9px!important}
html body section#home.hero.hero-reference.premium-hero{height:auto!important;min-height:0!important;max-height:none!important;padding:0 0 22px!important}
html body section#home.hero.premium-hero>img.hero-photo{position:relative!important;inset:auto!important;height:clamp(230px,55vw,350px)!important;width:100%!important;object-position:center 45%!important}
html body section#home.hero.premium-hero>.premium-hero-shade{inset:0 0 auto!important;height:clamp(230px,55vw,350px)!important;background:linear-gradient(90deg,rgba(2,18,24,.7),rgba(2,18,24,.1))!important}
html body section#home.hero.premium-hero>.premium-hero-content{top:88px!important;left:22px!important;right:22px!important;width:auto!important;max-width:600px!important}
.premium-hero-content .premium-kicker{font-size:9px!important;letter-spacing:3px!important;margin-bottom:10px!important}
.premium-hero-content h1{font-size:clamp(30px,6.6vw,44px)!important;line-height:1.05!important;margin-bottom:10px!important}
.premium-hero-content p{font-size:13px!important;margin-bottom:14px!important;max-width:430px!important}
.premium-hero-content .hero-buttons .pill{min-height:38px!important;padding:10px 18px!important}
.premium-hero-stats{position:relative!important;top:auto!important;right:auto!important;width:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:-2px 16px 0!important;padding:14px!important;background:#07392b!important;border-radius:10px!important}
.premium-hero-dots{bottom:12px!important}
.mall-facilities-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:14px 12px!important;row-gap:15px!important;min-height:0!important}
.mall-facilities-strip>a{min-height:82px!important;padding:6px!important;border-right:1px solid #d5dfdb!important}
.mall-facilities-strip>a:nth-child(3n){border-right:0!important}
.mall-facilities-strip span{font-size:25px!important}
.mall-facilities-strip b{font-size:12px!important}
.mall-facilities-strip small{font-size:10px!important}
html body #offers.homepage-offers-section{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:22px 16px!important;min-height:0!important}
#offers.homepage-offers-section>.eyebrow,#offers.homepage-offers-section>.title-row,#offers.homepage-offers-section .store-grid.offers-grid,#offers.homepage-offers-section .section-more-link{display:block!important;width:100%!important;margin:0!important}
#offers.homepage-offers-section .store-grid.offers-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#offers.homepage-offers-section .offer-card,#offers.homepage-offers-section .offer-gallery,#offers.homepage-offers-section .offer-media,#offers.homepage-offers-section .offer-media img{min-height:125px!important}
#events.homepage-events-section{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:24px 16px!important}
#events.homepage-events-section>.eyebrow,#events.homepage-events-section>.title-row,#events.homepage-events-section .store-grid.events-grid,#events.homepage-events-section .section-more-link{width:100%!important;margin:0!important}
#events.homepage-events-section .store-grid.events-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#events.homepage-events-section .event-clickable .offer-img{height:100px!important;min-height:100px!important}
html body #stores.section{padding:22px 16px!important}
#stores.section .store-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
#stores.section .store-card .store-img{height:42px!important;min-height:42px!important}
}
@media(max-width:480px){
html body header.nav.premium-nav .brand img{width:142px!important}
html body header.nav.premium-nav .nav-visit{font-size:10px!important;padding:9px 10px!important}
html body section#home.hero.premium-hero>img.hero-photo{height:250px!important}
html body section#home.hero.premium-hero>.premium-hero-shade{height:250px!important}
html body section#home.hero.premium-hero>.premium-hero-content{top:76px!important;left:16px!important;right:16px!important}
.premium-hero-content h1{font-size:30px!important}
.premium-hero-content p{font-size:12px!important;max-width:300px!important}
.premium-hero-content .desktop-break{display:none!important}
.premium-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-left:12px!important;margin-right:12px!important}
.mall-facilities-strip{padding-left:8px!important;padding-right:8px!important}
.mall-facilities-strip b{font-size:11px!important}
#offers.homepage-offers-section .store-grid.offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#events.homepage-events-section .store-grid.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#stores.section .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* =========================================================
FORUM CENTER – HOMEPAGE READABILITY & ALIGNMENT REPAIR
Final override layer. Keeps existing PHP/data/functionality.
========================================================= */
:root {
--fc-page-bg: #f4f7f5;
--fc-text: #18352b;
--fc-muted: #586b62;
--fc-accent: #08794f;
--fc-border: #dce6e0;
}
html, body {
width:100% !important;
max-width:100% !important;
overflow-x:hidden !important;
background:var(--fc-page-bg) !important;
color:var(--fc-text) !important;
font-family:Inter, Arial, sans-serif !important;
}
body { font-size:15px !important; line-height:1.55 !important; }
body .section,
body section.section,
body #stores.section,
body #dining.section,
body #entertainment.section,
body #offers.section,
body #events.section,
body #services.section,
body #about.section,
body #vision.section,
body #careers.section,
body #gallery.section {
box-sizing:border-box !important;
width:100% !important;
max-width:none !important;
min-width:0 !important;
margin:0 !important;
float:none !important;
clear:both !important;
border-radius:0 !important;
border-left:0 !important;
border-right:0 !important;
box-shadow:none !important;
background:var(--fc-page-bg) !important;
color:var(--fc-text) !important;
padding:clamp(34px,4vw,64px) clamp(22px,5.5vw,104px) !important;
}
body .section h2,
body section.section h2,
body .section h3,
body section.section h3 {
color:var(--fc-text) !important;
line-height:1.2 !important;
}
body .section p,
body section.section p,
body .section small,
body section.section small {
color:var(--fc-muted) !important;
}
body .section .eyebrow {
color:var(--fc-accent) !important;
font-size:11px !important;
line-height:1.4 !important;
letter-spacing:2px !important;
font-weight:800 !important;
}
body .section .title-row {
width:100% !important;
max-width:none !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:20px !important;
margin:8px 0 22px !important;
}
body .section .title-row h2 { font-size:clamp(25px,2.2vw,36px) !important; margin:0 !important; }
body .section .title-row > a,
body .section .section-more-link a {
color:var(--fc-accent) !important;
font-weight:800 !important;
font-size:13px !important;
}
body #stores.section,
body #dining.section,
body #entertainment.section,
body #offers.homepage-offers-section,
body #events.homepage-events-section {
display:block !important;
grid-template-columns:none !important;
column-gap:0 !important;
align-items:initial !important;
position:relative !important;
}
body #stores.section { background:var(--fc-page-bg) !important; color:var(--fc-text) !important; }
body #stores.section .title-row h2 { color:var(--fc-text) !important; }
body #stores.section .title-row > a { color:var(--fc-accent) !important; border-color:#a8bdb2 !important; }
body #stores.section .filters,
body #dining.section .filters {
display:flex !important;
width:100% !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:8px !important;
margin:0 0 22px !important;
}
body #stores.section .filters button,
body #dining.section .filters button {
min-height:32px !important;
padding:7px 13px !important;
font-size:12px !important;
line-height:1.3 !important;
color:#24483a !important;
background:#e7eeea !important;
border:1px solid #d6e1da !important;
border-radius:999px !important;
}
body #stores.section .filters button.active,
body #dining.section .filters button.active {
background:#123d2e !important;
color:#fff !important;
}
body #stores.section .store-grid,
body #dining.section .store-grid {
display:grid !important;
width:100% !important;
max-width:none !important;
grid-template-columns:repeat(auto-fill,minmax(170px,190px)) !important;
justify-content:start !important;
align-items:stretch !important;
gap:16px !important;
margin:0 !important;
}
body #stores.section .store-card,
body #dining.section .store-card {
width:auto !important;
min-width:0 !important;
max-width:none !important;
min-height:190px !important;
padding:12px !important;
background:#fff !important;
color:#18352b !important;
border:1px solid var(--fc-border) !important;
border-radius:10px !important;
box-shadow:0 5px 18px rgba(25,55,42,.07) !important;
}
body #stores.section .store-card .store-img,
body #dining.section .store-card .store-img {
width:100% !important;
height:105px !important;
min-height:105px !important;
margin:0 0 10px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
overflow:hidden !important;
background:#fff !important;
}
body #stores.section .store-card .store-img img,
body #dining.section .store-card .store-img img {
display:block !important;
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
object-fit:contain !important;
}
body #stores.section .store-card h3,
body #dining.section .store-card h3 {
color:#18352b !important;
font-size:14px !important;
line-height:1.35 !important;
margin:5px 0 !important;
}
body #stores.section .store-card p,
body #dining.section .store-card p {
color:#586b62 !important;
font-size:12px !important;
line-height:1.45 !important;
margin:0 !important;
}
body #dining.section .store-grid { grid-template-columns:repeat(auto-fill,minmax(190px,220px)) !important; }
body #dining.section .store-card { min-height:220px !important; }
body #entertainment.section .entertainment-intro-row {
display:flex !important;
width:100% !important;
min-height:150px !important;
align-items:center !important;
justify-content:space-between !important;
gap:28px !important;
margin:0 0 24px !important;
}
body #entertainment.section .entertainment-intro-copy { flex:1 1 auto !important; min-width:0 !important; }
body #entertainment.section .entertainment-intro-copy h2 {
color:var(--fc-text) !important;
font-size:clamp(28px,2.5vw,40px) !important;
line-height:1.15 !important;
}
body #entertainment.section .entertainment-logo-display {
flex:0 0 210px !important;
width:210px !important;
max-width:210px !important;
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
}
body #entertainment.section .entertainment-logo-display img {
width:100% !important;
max-width:210px !important;
height:120px !important;
object-fit:contain !important;
}
body #entertainment.section .entertainment-games-home,
body #entertainment.section .entertainment-games-home-grid { width:100% !important; }
body #offers.homepage-offers-section,
body #events.homepage-events-section { background:var(--fc-page-bg) !important; }
body #offers.homepage-offers-section .title-row h2,
body #events.homepage-events-section .title-row h2 { color:var(--fc-text) !important; }
body #offers.homepage-offers-section .store-grid,
body #events.homepage-events-section .store-grid { width:100% !important; }
body .mall-facilities-strip { width:100% !important; max-width:none !important; }
@media(max-width:850px) {
body .section,
body section.section,
body #stores.section,
body #dining.section,
body #entertainment.section,
body #offers.homepage-offers-section,
body #events.homepage-events-section,
body #services.section,
body #about.section,
body #vision.section,
body #careers.section,
body #gallery.section {
padding:30px 20px !important;
}
body #stores.section .store-grid,
body #dining.section .store-grid { grid-template-columns:repeat(auto-fill,minmax(155px,1fr)) !important; }
body #entertainment.section .entertainment-intro-row { min-height:110px !important; }
body #entertainment.section .entertainment-logo-display { flex-basis:150px !important; width:150px !important; }
body #entertainment.section .entertainment-logo-display img { max-width:150px !important; height:90px !important; }
}
@media(max-width:560px) {
body { font-size:14px !important; }
body .section .title-row { align-items:flex-start !important; flex-wrap:wrap !important; }
body #stores.section .store-grid,
body #dining.section .store-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
body #stores.section .store-card,
body #dining.section .store-card { min-height:180px !important; }
body #entertainment.section .entertainment-intro-row { flex-direction:column !important; align-items:flex-start !important; }
body #entertainment.section .entertainment-logo-display { flex:0 0 auto !important; justify-content:flex-start !important; }
}
/* FINAL OVERRIDE: keep approved alignment; fix contrast only */
html body section#stores.section,
html body section#dining.section,
html body section#entertainment.section,
html body section#offers.homepage-offers-section,
html body section#events.homepage-events-section {
background-color:#f4f7f5 !important;
background-image:none !important;
color:#17392c !important;
}
html body section#stores.section .title-row h2,
html body section#dining.section .title-row h2,
html body section#entertainment.section .entertainment-intro-copy h2,
html body section#offers.homepage-offers-section .title-row h2,
html body section#events.homepage-events-section .title-row h2 {
color:#17392c !important;
opacity:1 !important;
text-shadow:none !important;
}
html body section#stores.section > .eyebrow,
html body section#dining.section > .eyebrow,
html body section#entertainment.section .entertainment-intro-copy > .eyebrow,
html body section#offers.homepage-offers-section > .eyebrow,
html body section#events.homepage-events-section > .eyebrow {
color:#08794f !important;
}
html body section#stores.section .title-row > a,
html body section#dining.section .title-row > a,
html body section#offers.homepage-offers-section .title-row > a,
html body section#events.homepage-events-section .title-row > a {
color:#08794f !important;
border-color:#9ab8a8 !important;
opacity:1 !important;
}
html body section#stores.section .filters button,
html body section#dining.section .filters button {
color:#24483a !important;
background:#e7efea !important;
border:1px solid #d4e1d9 !important;
}
html body section#stores.section .filters button.active,
html body section#dining.section .filters button.active {
color:#fff !important;
background:#174b38 !important;
}
html body section#stores.section .store-card,
html body section#dining.section .store-card {
background:#fff !important;
color:#17392c !important;
}
html body section#stores.section .store-card h3,
html body section#dining.section .store-card h3 {color:#17392c !important}
html body section#stores.section .store-card p,
html body section#dining.section .store-card p {color:#52675d !important}
/* =========================================================
ACCESSIBILITY / READABILITY SIZE BOOST
Typography only: preserve approved section widths and grids.
========================================================= */
html body {
font-size:17px !important;
line-height:1.65 !important;
}
html body p,
html body li,
html body label,
html body input,
html body select,
html body textarea {
font-size:16px !important;
line-height:1.65 !important;
}
html body .nav nav a,
html body header nav a {
font-size:14px !important;
}
html body .premium-hero-content .premium-kicker,
html body .premium-hero-content .eyebrow {
font-size:13px !important;
}
html body .premium-hero-content h1 {
font-size:clamp(42px,4.2vw,68px) !important;
line-height:1.08 !important;
}
html body .premium-hero-content p {
font-size:18px !important;
line-height:1.6 !important;
}
html body .section .eyebrow,
html body .section > .eyebrow {
font-size:13px !important;
line-height:1.5 !important;
letter-spacing:2px !important;
}
html body .section .title-row h2,
html body section.section h2 {
font-size:clamp(30px,2.6vw,42px) !important;
line-height:1.2 !important;
}
html body #stores.section .title-row h2,
html body #dining.section .title-row h2,
html body #entertainment.section .entertainment-intro-copy h2 {
font-size:clamp(30px,2.6vw,40px) !important;
}
html body #stores.section .filters button,
html body #dining.section .filters button,
html body .filters button {
font-size:14px !important;
line-height:1.35 !important;
min-height:36px !important;
padding:8px 15px !important;
}
html body #stores.section .store-card h3,
html body #dining.section .store-card h3,
html body .store-card h3 {
font-size:17px !important;
line-height:1.4 !important;
}
html body #stores.section .store-card p,
html body #dining.section .store-card p,
html body .store-card p {
font-size:14px !important;
line-height:1.55 !important;
}
html body #stores.section .store-card,
html body #dining.section .store-card {
padding:14px !important;
}
html body #stores.section .store-card .store-img,
html body #dining.section .store-card .store-img {
height:115px !important;
min-height:115px !important;
}
html body .mall-facilities-strip b {
font-size:16px !important;
line-height:1.35 !important;
}
html body .mall-facilities-strip small {
font-size:13px !important;
line-height:1.4 !important;
}
html body .mall-facilities-strip span {
font-size:34px !important;
}
html body .forum-service-card h3 {
font-size:21px !important;
line-height:1.35 !important;
}
html body .forum-service-card p {
font-size:16px !important;
line-height:1.65 !important;
}
html body .forum-service-icon {
width:64px !important;
height:64px !important;
}
html body #events.homepage-events-section .event-clickable h3,
html body .event-clickable h3,
html body .offer-card h3 {
font-size:18px !important;
line-height:1.4 !important;
}
html body #events.homepage-events-section .event-clickable p,
html body .event-clickable p,
html body .offer-card p {
font-size:15px !important;
line-height:1.6 !important;
}
html body .entertainment-games-home-head h3,
html body .entertainment-games-home h3 {
font-size:23px !important;
}
html body .entertainment-games-empty,
html body .store-filter-empty,
html body .dining-filter-empty {
font-size:16px !important;
line-height:1.65 !important;
}
html body .section .title-row > a,
html body .section-more-link a,
html body .pill {
font-size:14px !important;
}
html body footer,
html body footer p,
html body footer a,
html body footer li {
font-size:15px !important;
line-height:1.65 !important;
}
html body footer h4 {
font-size:19px !important;
}
@media(max-width:850px) {
html body {font-size:16px !important}
html body .section .title-row h2,
html body section.section h2 {font-size:clamp(28px,4.5vw,36px) !important}
html body .premium-hero-content h1 {font-size:clamp(36px,7vw,52px) !important}
html body .premium-hero-content p {font-size:16px !important}
}
@media(max-width:560px) {
html body p,
html body li {font-size:15px !important}
html body .section .title-row h2,
html body section.section h2 {font-size:28px !important}
html body #stores.section .store-card h3,
html body #dining.section .store-card h3 {font-size:15px !important}
html body #stores.section .store-card p,
html body #dining.section .store-card p {font-size:13px !important}
html body .forum-service-card h3 {font-size:19px !important}
html body .forum-service-card p {font-size:15px !important}
}
/* EXTRA READABILITY BOOST – slightly larger text, layout unchanged */
html body { font-size:19px !important; line-height:1.7 !important; }
html body p, html body li, html body label { font-size:18px !important; line-height:1.7 !important; }
html body .section .eyebrow, html body .section > .eyebrow { font-size:14px !important; }
html body .section .title-row h2,
html body section.section h2 { font-size:clamp(34px,2.9vw,46px) !important; }
html body #stores.section .title-row h2,
html body #dining.section .title-row h2,
html body #entertainment.section .entertainment-intro-copy h2 { font-size:clamp(34px,2.9vw,44px) !important; }
html body #stores.section .filters button,
html body #dining.section .filters button,
html body .filters button { font-size:15px !important; min-height:38px !important; }
html body #stores.section .store-card h3,
html body #dining.section .store-card h3,
html body .store-card h3 { font-size:19px !important; }
html body #stores.section .store-card p,
html body #dining.section .store-card p,
html body .store-card p { font-size:16px !important; }
html body .mall-facilities-strip b { font-size:18px !important; }
html body .mall-facilities-strip small { font-size:15px !important; }
html body .forum-service-card h3 { font-size:23px !important; }
html body .forum-service-card p { font-size:18px !important; }
html body #events.homepage-events-section .event-clickable h3,
html body .event-clickable h3,
html body .offer-card h3 { font-size:20px !important; }
html body #events.homepage-events-section .event-clickable p,
html body .event-clickable p,
html body .offer-card p { font-size:17px !important; }
html body .section .title-row > a,
html body .section-more-link a,
html body .pill { font-size:15px !important; }
html body footer, html body footer p, html body footer a, html body footer li { font-size:17px !important; }
html body footer h4 { font-size:21px !important; }
@media(max-width:850px) {
html body {font-size:17px !important}
html body p, html body li {font-size:16px !important}
html body .section .title-row h2, html body section.section h2 {font-size:clamp(30px,5vw,40px) !important}
}
@media(max-width:560px) {
html body {font-size:16px !important}
html body p, html body li {font-size:15px !important}
html body .section .title-row h2, html body section.section h2 {font-size:30px !important}
html body #stores.section .store-card h3, html body #dining.section .store-card h3 {font-size:16px !important}
html body #stores.section .store-card p, html body #dining.section .store-card p {font-size:14px !important}
html body .forum-service-card h3 {font-size:20px !important}
html body .forum-service-card p {font-size:16px !important}
}
/* STORE CARDS – reduce crowding and give logos/text breathing room */
html body #stores.section .store-grid {
grid-template-columns:repeat(auto-fill,minmax(220px,240px)) !important;
gap:22px !important;
align-items:stretch !important;
}
html body #stores.section .store-card {
min-height:250px !important;
padding:18px 18px 16px !important;
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
justify-content:flex-start !important;
gap:0 !important;
}
html body #stores.section .store-card .store-img {
width:100% !important;
height:125px !important;
min-height:125px !important;
margin:0 0 14px !important;
padding:8px !important;
border:1px solid #e1e9e4 !important;
border-radius:5px !important;
background:#fff !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
html body #stores.section .store-card .store-img img {
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
object-fit:contain !important;
}
html body #stores.section .store-card h3 {
margin:0 0 7px !important;
font-size:18px !important;
line-height:1.35 !important;
text-align:center !important;
overflow-wrap:normal !important;
word-break:normal !important;
}
html body #stores.section .store-card p {
margin:0 !important;
font-size:14px !important;
line-height:1.5 !important;
text-align:center !important;
overflow-wrap:normal !important;
word-break:normal !important;
}
html body #dining.section .store-grid {
grid-template-columns:repeat(auto-fill,minmax(220px,240px)) !important;
gap:22px !important;
}
html body #dining.section .store-card {
min-height:260px !important;
padding:18px !important;
}
html body #dining.section .store-card .store-img {
height:135px !important;
min-height:135px !important;
margin-bottom:14px !important;
}
@media(max-width:850px) {
html body #stores.section .store-grid,
html body #dining.section .store-grid {
grid-template-columns:repeat(auto-fill,minmax(190px,1fr)) !important;
gap:16px !important;
}
}
@media(max-width:560px) {
html body #stores.section .store-grid,
html body #dining.section .store-grid {
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:12px !important;
}
html body #stores.section .store-card,
html body #dining.section .store-card {
min-height:220px !important;
padding:12px !important;
}
html body #stores.section .store-card .store-img,
html body #dining.section .store-card .store-img {
height:95px !important;
min-height:95px !important;
padding:5px !important;
margin-bottom:10px !important;
}
html body #stores.section .store-card h3,
html body #dining.section .store-card h3 {font-size:15px !important;line-height:1.35 !important}
html body #stores.section .store-card p,
html body #dining.section .store-card p {font-size:13px !important;line-height:1.45 !important}
}
/* USER REQUEST: brand heading colour + taller homepage hero image */
html body h1:not(.premium-hero-content h1),
html body h2,
html body h3,
html body h4,
html body .section .title-row h2,
html body .entertainment-intro-copy h2,
html body .forum-service-card h3 {
color:#25215D !important;
}
/* Keep hero copy white for contrast over the darkened photograph. */
html body section#home.hero.premium-hero .premium-hero-content h1,
html body section#home.hero.premium-hero .premium-hero-content p,
html body section#home.hero.premium-hero .premium-hero-content .premium-kicker {
color:#fff !important;
}
@media(min-width:851px) {
html body section#home.hero.hero-reference.premium-hero {
height:520px !important;
min-height:520px !important;
max-height:520px !important;
}
html body section#home.hero.premium-hero > img.hero-photo {
height:100% !important;
object-fit:cover !important;
object-position:center 48% !important;
}
html body section#home.hero.premium-hero > .premium-hero-content {
top:150px !important;
}
html body section#home.hero.premium-hero .premium-hero-stats {
top:150px !important;
}
}
@media(max-width:850px) {
html body section#home.hero.hero-reference.premium-hero {
min-height:0 !important;
max-height:none !important;
}
html body section#home.hero.premium-hero > img.hero-photo {
height:clamp(300px,68vw,420px) !important;
object-fit:cover !important;
}
}
@media(max-width:420px) {
html body section#home.hero.premium-hero > img.hero-photo {
height:280px !important;
}
}
/* FINAL HEADING COLOR OVERRIDE – requested brand indigo */
html body h1:not(.premium-hero-content h1),
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .section .title-row h2,
html body #stores.section .title-row h2,
html body #dining.section .title-row h2,
html body #entertainment.section .entertainment-intro-copy h2,
html body .forum-service-card h3 {
color: #25215D !important;
}
/* Keep text over the hero photo white for contrast. */
html body #home.hero .premium-hero-content h1,
html body #home.hero .premium-hero-content p,
html body #home.hero .premium-hero-content .premium-kicker {
color: #ffffff !important;
}
/* HEADER BAR HEIGHT INCREASE – keep navigation styling unchanged */
@media(min-width:851px) {
html body header.nav.premium-nav {
height:92px !important;
min-height:92px !important;
padding-top:0 !important;
padding-bottom:0 !important;
align-items:center !important;
}
html body header.nav.premium-nav .brand img {
width:210px !important;
max-height:68px !important;
}
}
@media(max-width:850px) {
html body header.nav.premium-nav {
height:82px !important;
min-height:82px !important;
}
html body header.nav.premium-nav .brand img {
max-height:58px !important;
}
html body header.nav.premium-nav nav {
top:82px !important;
}
}
/* HEADER LOGO TRANSPARENCY + LARGER NAVIGATION LABELS */
html body header.nav.premium-nav .brand,
html body header.nav.premium-nav .brand a {
background:transparent !important;
background-color:transparent !important;
box-shadow:none !important;
border:0 !important;
padding:0 !important;
}
html body header.nav.premium-nav .brand img {
background:transparent !important;
mix-blend-mode:normal !important;
object-fit:contain !important;
}
html body header.nav.premium-nav nav a {
font-size:15px !important;
font-weight:650 !important;
line-height:1.4 !important;
letter-spacing:.15px !important;
}
html body header.nav.premium-nav nav {
gap:clamp(14px,1.6vw,25px) !important;
}
@media(max-width:1100px) and (min-width:851px) {
html body header.nav.premium-nav nav a {font-size:13px !important;}
}
@media(max-width:850px) {
html body header.nav.premium-nav nav a {
font-size:16px !important;
font-weight:600 !important;
}
}
/* FORUM CENTER – PREMIUM WHITE HEADER THEME */
html body header.nav.premium-nav {
background:#FFFFFF !important;
background-image:none !important;
border-bottom:1px solid #E5E7EB !important;
box-shadow:0 3px 14px rgba(37,33,93,.07) !important;
backdrop-filter:none !important;
}
html body header.nav.premium-nav nav a,
html body header.nav.premium-nav .premium-social a {
color:#25215D !important;
}
html body header.nav.premium-nav nav a:hover,
html body header.nav.premium-nav nav a.nav-home,
html body header.nav.premium-nav nav a.active {
color:#25215D !important;
border-bottom:2px solid #E91E8C !important;
}
html body header.nav.premium-nav .brand,
html body header.nav.premium-nav .brand img {
background:transparent !important;
box-shadow:none !important;
}
html body header.nav.premium-nav .nav-visit {
background:#008A4A !important;
color:#FFFFFF !important;
}
html body header.nav.premium-nav .hamb {
color:#25215D !important;
border-color:rgba(37,33,93,.35) !important;
}
@media(max-width:850px) {
html body header.nav.premium-nav,
html body header.nav.premium-nav nav {
background:#FFFFFF !important;
}
html body header.nav.premium-nav nav a {
color:#25215D !important;
border-bottom:1px solid rgba(37,33,93,.12) !important;
}
}
/* HEADER SCALE-UP – larger logo, navigation, icons and CTA */
html body header.nav.premium-nav {
height:112px !important;
min-height:112px !important;
padding-left:clamp(24px,5.5vw,100px) !important;
padding-right:clamp(24px,5.5vw,100px) !important;
gap:26px !important;
}
html body header.nav.premium-nav .brand {
max-width:280px !important;
}
html body header.nav.premium-nav .brand img {
width:240px !important;
max-width:100% !important;
max-height:88px !important;
}
html body header.nav.premium-nav nav {
gap:clamp(18px,1.8vw,30px) !important;
}
html body header.nav.premium-nav nav a {
font-size:18px !important;
font-weight:700 !important;
line-height:1.45 !important;
padding:12px 0 !important;
}
html body header.nav.premium-nav .premium-social {
gap:18px !important;
}
html body header.nav.premium-nav .premium-social a {
width:26px !important;
height:28px !important;
font-size:21px !important;
}
html body header.nav.premium-nav .nav-visit {
min-height:54px !important;
padding:15px 25px !important;
font-size:16px !important;
font-weight:800 !important;
gap:11px !important;
}
html body header.nav.premium-nav .visit-icon {
font-size:23px !important;
}
@media(max-width:1250px) and (min-width:851px) {
html body header.nav.premium-nav {
padding-left:22px !important;
padding-right:22px !important;
gap:14px !important;
}
html body header.nav.premium-nav .brand img {
width:190px !important;
}
html body header.nav.premium-nav nav {
gap:12px !important;
}
html body header.nav.premium-nav nav a {
font-size:15px !important;
}
html body header.nav.premium-nav .nav-visit {
padding:12px 16px !important;
font-size:14px !important;
}
}
@media(max-width:850px) {
html body header.nav.premium-nav {
height:96px !important;
min-height:96px !important;
padding:0 20px !important;
gap:12px !important;
}
html body header.nav.premium-nav .brand img {
width:195px !important;
max-height:72px !important;
}
html body header.nav.premium-nav nav {
top:96px !important;
}
html body header.nav.premium-nav nav a {
font-size:18px !important;
padding:15px 5px !important;
}
html body header.nav.premium-nav .nav-visit {
min-height:48px !important;
font-size:14px !important;
padding:12px 15px !important;
}
html body header.nav.premium-nav .hamb {
font-size:28px !important;
padding:7px 12px !important;
}
}
@media(max-width:480px) {
html body header.nav.premium-nav {
height:86px !important;
min-height:86px !important;
padding:0 12px !important;
}
html body header.nav.premium-nav .brand img {
width:160px !important;
max-height:62px !important;
}
html body header.nav.premium-nav nav {
top:86px !important;
}
html body header.nav.premium-nav .nav-visit {
min-height:42px !important;
font-size:12px !important;
padding:9px 10px !important;
}
}
/* SOCIAL MEDIA ICONS – larger and restored to their brand colours */
html body header.nav.premium-nav .premium-social {
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:18px !important;
}
html body header.nav.premium-nav .premium-social a {
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:38px !important;
height:42px !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
font-size:30px !important;
line-height:1 !important;
font-weight:800 !important;
text-decoration:none !important;
transition:transform .2s ease, opacity .2s ease !important;
}
html body header.nav.premium-nav .premium-social a:nth-child(1) {
color:#1877F2 !important; /* Facebook */
}
html body header.nav.premium-nav .premium-social a:nth-child(2) {
color:#C13584 !important; /* Instagram */
background:linear-gradient(45deg,#FEDA75 0%,#FA7E1E 28%,#D62976 55%,#962FBF 78%,#4F5BD5 100%) !important;
-webkit-background-clip:text !important;
background-clip:text !important;
-webkit-text-fill-color:transparent !important;
}
html body header.nav.premium-nav .premium-social a:nth-child(3) {
color:#FF0033 !important; /* YouTube */
}
html body header.nav.premium-nav .premium-social a:hover {
transform:scale(1.15) !important;
opacity:.9 !important;
}
@media(max-width:850px) {
html body header.nav.premium-nav .premium-social {gap:12px !important}
html body header.nav.premium-nav .premium-social a {
width:34px !important;
height:38px !important;
font-size:27px !important;
}
}
/* Forum Center - Increased Hero Banner Height */
.hero.hero-image-mode {
min-height: 520px !important;
height: 520px !important;
background-size: cover !important;
background-position: center center !important;
}
/* Mobile responsive height */
@media (max-width: 768px) {
.hero.hero-image-mode {
min-height: 400px !important;
height: 400px !important;
}
}
html body section#home.hero.hero-reference.premium-hero {
height: 600px !important;
min-height: 600px !important;
max-height: 600px !important;
overflow: hidden !important;
}
html body section#home.hero.hero-reference.premium-hero img.hero-photo {
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
}
@media (max-width: 768px) {
html body section#home.hero.hero-reference.premium-hero {
height: 450px !important;
min-height: 450px !important;
max-height: 450px !important;
}
}
/* Make hero highlights easier to read */
.premium-hero-stats {
width: 230px !important;
padding: 22px !important;
gap: 18px !important;
border-radius: 14px !important;
}
.premium-hero-stats > div {
display: flex !important;
align-items: center !important;
gap: 14px !important;
}
.premium-hero-stats .stat-icon {
font-size: 24px !important;
min-width: 28px !important;
}
.premium-hero-stats p,
.premium-hero-stats b {
font-size: 16px !important;
line-height: 1.3 !important;
color: #ffffff !important;
}
.premium-hero-stats small {
font-size: 12px !important;
line-height: 1.4 !important;
color: #ffffff !important;
}
/* FORUM CENTER - REMOVE DECORATIVE LOGO BACKGROUNDS */
html body #stores .store-card .store-img,
html body #dining .store-card .store-img {
background: #ffffff !important;
background-image: none !important;
border: 1px solid #e1e8e4 !important;
border-radius: 10px !important;
overflow: hidden !important;
position: relative !important;
}
html body #stores .store-card .store-img::before,
html body #stores .store-card .store-img::after,
html body #dining .store-card .store-img::before,
html body #dining .store-card .store-img::after {
content: none !important;
display: none !important;
background: none !important;
}
html body #stores .store-card,
html body #dining .store-card {
background: #ffffff !important;
border: 1px solid #e1e8e4 !important;
border-radius: 12px !important;
box-shadow: 0 3px 12px rgba(0,0,0,.05) !important;
}
html body #stores .store-card .store-img img,
html body #dining .store-card .store-img img {
object-fit: contain !important;
background: #ffffff !important;
}
/* FORUM CENTER — UNIFIED CLEAN STORE LOGO DESIGN */
html body .store-card .store-img,
html body #stores .store-img,
html body #dining .store-img {
background: #fff !important;
background-image: none !important;
border: 1px solid #e1e8e4 !important;
border-radius: 8px !important;
box-shadow: none !important;
overflow: hidden !important;
}
/* Remove all decorative corner shapes */
html body .store-card .store-img::before,
html body .store-card .store-img::after,
html body #stores .store-img::before,
html body #stores .store-img::after,
html body #dining .store-img::before,
html body #dining .store-img::after {
content: none !important;
display: none !important;
}
/* Keep uploaded brand logos unchanged */
html body .store-card .store-img img {
background: transparent !important;
object-fit: contain !important;
max-width: 100% !important;
max-height: 100% !important;
}
/* Consistent card design */
html body .store-card {
background: #fff !important;
border: 1px solid #e1e8e4 !important;
border-radius: 12px !important;
box-shadow: 0 3px 12px rgba(0,0,0,.05) !important;
}
/* About Us – Our Story alignment */
#about .about-content,
#about .about-text {
max-width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#about .about-content h2,
#about .about-text h2 {
margin-top: 15px;
margin-bottom: 18px;
line-height: 1.25;
}
#about .about-content p,
#about .about-text p {
max-width: 720px;
line-height: 1.8;
margin-top: 0;
}
@media (max-width: 768px) {
#about .about-content,
#about .about-text {
padding-left: 20px;
padding-right: 20px;
}
}
/* FORUM CENTER — HERO TEXT: LEFT SIDE, VERTICALLY CENTERED */
html body section#home.hero.hero-reference.premium-hero {
position: relative !important;
isolation: isolate !important;
}
html body section#home.hero.hero-reference.premium-hero > .premium-hero-content,
html body section#home.hero.hero-reference.premium-hero > .hero-content {
position: absolute !important;
top: 50% !important;
left: clamp(28px, 6.2vw, 110px) !important;
right: auto !important;
bottom: auto !important;
transform: translateY(-50%) !important;
width: min(620px, 46vw) !important;
max-width: 620px !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
z-index: 3 !important;
}
html body section#home.hero.hero-reference.premium-hero .premium-hero-content h1,
html body section#home.hero.hero-reference.premium-hero .hero-content h1 {
text-align: left !important;
color: #25215D !important;
}
html body section#home.hero.hero-reference.premium-hero .premium-hero-content p,
html body section#home.hero.hero-reference.premium-hero .hero-content p {
text-align: left !important;
}
html body section#home.hero.hero-reference.premium-hero .premium-hero-content .hero-buttons,
html body section#home.hero.hero-reference.premium-hero .hero-content .hero-buttons {
justify-content: flex-start !important;
}
@media (max-width: 900px) {
html body section#home.hero.hero-reference.premium-hero > .premium-hero-content,
html body section#home.hero.hero-reference.premium-hero > .hero-content {
left: 6vw !important;
width: min(600px, 58vw) !important;
}
}
@media (max-width: 600px) {
html body section#home.hero.hero-reference.premium-hero > .premium-hero-content,
html body section#home.hero.hero-reference.premium-hero > .hero-content {
left: 6vw !important;
width: 88vw !important;
}
}
/* HERO TEXT — LEFT ALIGNED AND VERTICALLY CENTERED */
#home.hero {
position: relative !important;
}
#home .premium-hero-content,
#home .hero-content {
position: absolute !important;
top: 50% !important;
left: 6% !important;
right: auto !important;
bottom: auto !important;
transform: translateY(-50%) !important;
width: min(620px, 46%) !important;
max-width: 620px !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
z-index: 5 !important;
}
#home .premium-hero-content h1,
#home .hero-content h1 {
color: #25215D !important;
text-align: left !important;
}
#home .premium-hero-content p,
#home .hero-content p {
text-align: left !important;
}
#home .hero-buttons {
justify-content: flex-start !important;
}
/* Keep the left-side text readable */
#home .premium-hero-shade,
#home .shade {
background: linear-gradient(
90deg,
rgba(255,255,255,.88) 0%,
rgba(255,255,255,.65) 28%,
rgba(255,255,255,.15) 55%,
transparent 75%
) !important;
}
@media(max-width:600px) {
#home .premium-hero-content,
#home .hero-content {
left: 6% !important;
width: 88% !important;
}
}
/* Forum Center hero banner text */
html body section#home.hero.premium-hero .premium-hero-content {
left: 80px !important;
top: 90px !important;
width: 600px !important;
text-align: left !important;
}
html body section#home.hero.premium-hero .premium-hero-content h1 {
color: #25215D !important;
font-size: 48px !important;
line-height: 1.05 !important;
text-align: left !important;
}
html body section#home.hero.premium-hero .premium-hero-content p {
color: #FFFFFF !important;
font-size: 17px !important;
text-align: left !important;
}
html body section#home.hero.premium-hero .premium-hero-content h1 {
color: #FFFFFF !important;
}
html body section#home.hero.premium-hero .premium-hero-content p {
color: #FFFFFF !important;
}
/* Force all hero heading text to white */
html body section#home.hero.premium-hero .premium-hero-content h1,
html body section#home.hero.premium-hero .premium-hero-content h1 *,
html body section#home.hero.premium-hero .premium-hero-content p,
html body section#home.hero.premium-hero .premium-hero-content p * {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
}
html body section#home.hero.premium-hero .hero-buttons .pill {
background: #E91E8C !important;
border-color: #E91E8C !important;
color: #FFFFFF !important;
}
html body .section .eyebrow {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
}
/* Consistent section label typography */
html body .section .eyebrow {
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
}
/* =================================
FORUM CENTER - MOBILE RESPONSIVE
Desktop design remains unchanged
================================= */
@media screen and (max-width: 768px) {
html, body {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
* {
box-sizing: border-box !important;
}
/* Main sections */
html body .section,
html body section {
width: 100% !important;
max-width: 100% !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
/* Section headings */
html body .section h1,
html body .section h2,
html body .section h3 {
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
html body .section h2 {
font-size: clamp(26px, 7vw, 34px) !important;
line-height: 1.15 !important;
}
/* Pink section labels */
html body .section .eyebrow {
display: inline-block !important;
max-width: 100% !important;
font-size: 12px !important;
padding: 9px 13px !important;
letter-spacing: 1.5px !important;
white-space: normal !important;
}
/* Content boxes and cards */
html body .section .store-grid,
html body .section .grid,
html body .section .cards {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
width: 100% !important;
gap: 12px !important;
}
html body .section .card,
html body .section .store-card {
min-width: 0 !important;
max-width: 100% !important;
}
/* Images */
html body img {
max-width: 100% !important;
height: auto;
}
/* Filters and category buttons */
html body .filters {
display: flex !important;
flex-wrap: wrap !important;
gap: 7px !important;
max-width: 100% !important;
}
/* Entertainment and events */
html body .entertainment-feature-section,
html body .events-section {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
html body .section p {
max-width: 100% !important;
overflow-wrap: break-word !important;
}
}
/* Smaller mobile screens */
@media screen and (max-width: 480px) {
html body .section {
padding-left: 16px !important;
padding-right: 16px !important;
}
html body .section .store-grid,
html body .section .grid,
html body .section .cards {
grid-template-columns: 1fr !important;
}
html body .section h2 {
font-size: 27px !important;
}
}
@media screen and (max-width: 768px) {
html body .eyebrow {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
line-height: 1.4 !important;
padding: 10px 16px !important;
min-height: 38px !important;
white-space: nowrap !important;
width: auto !important;
max-width: 100% !important;
}
}
@media screen and (max-width: 768px) {
html, body {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
}
body > * {
max-width: 100% !important;
}
/* Prevent sections from being pushed sideways */
html body section,
html body .section {
margin-left: 0 !important;
margin-right: 0 !important;
left: auto !important;
transform: none !important;
width: 100% !important;
}
/* Pink labels should fit their text */
html body .eyebrow {
display: table !important;
width: fit-content !important;
max-width: calc(100% - 20px) !important;
padding: 10px 14px !important;
font-size: 13px !important;
letter-spacing: 1px !important;
line-height: 1.4 !important;
white-space: normal !important;
}
}
@media screen and (max-width: 768px) {
html body #events .eyebrow {
display: inline-block !important;
width: auto !important;
min-width: 0 !important;
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
line-height: 1.4 !important;
padding: 10px 15px !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
white-space: nowrap !important;
}
}
/* Forum Center social brand image icons */
html body header.nav.premium-nav .premium-social a {
width: 30px !important;
height: 30px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
background: transparent !important;
-webkit-text-fill-color: initial !important;
}
html body header.nav.premium-nav .premium-social a img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
@media(max-width:850px) {
html body header.nav.premium-nav .premium-social a { width:26px !important; height:26px !important; }
}
/* Issue 2: compact homepage facilities strip */
html body .mall-facilities-strip {
min-height: 88px !important;
padding: 8px clamp(16px, 3vw, 44px) !important;
align-items: center !important;
}
html body .mall-facilities-strip > a {
gap: 2px !important;
padding: 0 8px !important;
min-height: 68px !important;
}
html body .mall-facilities-strip span {
font-size: 22px !important;
line-height: 1 !important;
margin: 0 0 2px !important;
}
html body .mall-facilities-strip b {
font-size: 12px !important;
line-height: 1.2 !important;
}
html body .mall-facilities-strip small {
font-size: 10px !important;
line-height: 1.2 !important;
}
@media (max-width: 850px) {
html body .mall-facilities-strip {
min-height: 0 !important;
padding: 8px 10px !important;
row-gap: 8px !important;
}
html body .mall-facilities-strip > a {
min-height: 64px !important;
padding: 4px !important;
}
html body .mall-facilities-strip span { font-size: 19px !important; }
html body .mall-facilities-strip b { font-size: 11px !important; }
html body .mall-facilities-strip small { font-size: 9px !important; }
}
/* Issue 3: consistent custom facility icons */
.mall-facilities-strip .facility-icon{width:25px!important;height:25px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:initial!important;color:#087642!important;margin:0 0 4px!important}
.mall-facilities-strip .facility-icon svg{display:block;width:24px;height:24px}
/* User-provided Branded Outlets logo */
.mall-facilities-strip .facility-image{width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 0 4px!important}
.mall-facilities-strip .facility-image img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
/* Issue 5: user-supplied Forum Center facility logo set */
.mall-facilities-strip .facility-image{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 0 3px!important;flex:0 0 40px!important}
.mall-facilities-strip .facility-image img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.mall-facilities-strip .facility-image svg{display:none!important}
@media(max-width:850px){.mall-facilities-strip .facility-image{width:34px!important;height:34px!important;flex-basis:34px!important}}
/* V55 — Vision & Mission layout inspired by supplied Forum Center reference */
.vision-section{
position:relative;overflow:hidden;
background:linear-gradient(135deg,#ffffff 0%,#fbfaff 58%,#f4fbfd 100%)!important;
color:#21133f!important;padding:28px 28px 34px!important
}
.vision-heading-row,.mission-heading-row{display:flex;align-items:center;gap:18px;margin:0 0 16px}
.vision-heading-symbol,.mission-heading-symbol{width:92px;height:92px;flex:0 0 92px;border-radius:50%;background:linear-gradient(135deg,#fff0f7,#f5eaff);display:flex;align-items:center;justify-content:center}
.vision-heading-symbol svg,.mission-heading-symbol svg{width:58px;height:58px;fill:none;stroke:#55206f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vision-heading-copy,.mission-heading-copy{min-width:0}
.vision-eyebrow,.mission-eyebrow{display:inline-block;background:#ed1680;color:#fff!important;border-radius:9px;padding:5px 15px;margin:0 0 7px!important;font-size:15px!important;line-height:1.1;letter-spacing:2px;font-weight:800}
.vision-main-heading{font-size:40px!important;line-height:1!important;margin:0!important;font-weight:850!important;letter-spacing:-1px;color:#241544!important}
.vision-main-heading span{color:#08a9c7!important}
.vision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}
.vision-card{position:relative;display:grid;grid-template-columns:46px 76px minmax(0,1fr);align-items:center;gap:12px;min-height:104px;padding:13px 14px!important;border:1px solid #dce2ee!important;border-radius:18px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 5px 13px rgba(25,35,75,.12)!important;overflow:hidden}
.vision-card:after{content:"";position:absolute;right:-8px;bottom:0;width:65px;height:8px;background:#ed1680;border-radius:100% 0 0 0}
.vision-card:nth-child(even):after{background:#08a9c7}
.vision-number{align-self:start;justify-self:start;margin:-13px 0 0 -14px;background:#ed1680;color:#fff!important;font-size:16px;font-weight:850;padding:5px 13px 6px;border-radius:0 0 13px 0;min-width:46px;text-align:center}
.vision-card:nth-child(even) .vision-number{background:#08a9c7}
.vision-card-icon{width:70px;height:70px;border-radius:15px;background:#f9e9f2;display:flex;align-items:center;justify-content:center}
.vision-card:nth-child(even) .vision-card-icon{background:#e5f7f9}
.vision-card-icon svg{width:43px;height:43px;fill:none;stroke:#53206f;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.vision-card p{margin:0!important;padding-left:12px;border-left:1px solid #df8ab9;color:#21133f!important;font-size:15px!important;line-height:1.38!important;font-weight:500}
.mission-block{margin-top:26px!important}
.mission-heading-row{margin-bottom:12px}
.mission-card{display:flex;align-items:center;gap:24px;padding:18px 28px!important;border:0!important;border-radius:24px!important;background:linear-gradient(105deg,#3c1b62,#71258c)!important;box-shadow:0 8px 15px rgba(27,17,62,.18)!important;color:#fff!important;position:relative;overflow:hidden}
.mission-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#08b3c9 0 50%,#ed1680 50%)}
.mission-handshake{flex:0 0 150px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.65);padding-right:22px}
.mission-handshake svg{width:78px;height:58px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mission-card p{margin:0!important;color:#fff!important;font-size:16px!important;line-height:1.5!important;font-weight:500}
@media(max-width:900px){
.vision-section{padding:24px 20px 30px!important}
.vision-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.vision-card{grid-template-columns:38px 60px minmax(0,1fr);gap:9px;min-height:100px;padding:12px!important}
.vision-card-icon{width:58px;height:58px}.vision-card-icon svg{width:36px;height:36px}
.vision-number{margin:-12px 0 0 -12px}
.vision-card p{font-size:13px!important;padding-left:9px}
}
@media(max-width:600px){
.vision-section{padding:22px 14px 26px!important}
.vision-heading-symbol,.mission-heading-symbol{width:66px;height:66px;flex-basis:66px}
.vision-heading-symbol svg,.mission-heading-symbol svg{width:43px;height:43px}
.vision-main-heading{font-size:30px!important}
.vision-eyebrow,.mission-eyebrow{font-size:11px!important;padding:5px 10px}
.vision-cards{grid-template-columns:1fr;gap:10px}
.vision-card{grid-template-columns:34px 58px minmax(0,1fr);min-height:86px}
.vision-card-icon{width:54px;height:54px}
.vision-card p{font-size:13px!important}
.mission-block{margin-top:26px!important}
.mission-card{gap:12px;padding:16px!important}
.mission-handshake{flex-basis:72px;padding-right:12px}
.mission-handshake svg{width:52px;height:42px}
.mission-card p{font-size:13px!important}
}
.premium-social a[aria-label="Instagram"] img {
width: 52px !important;
height: 52px !important;
object-fit: contain;
}
/* FORUM CENTER — PREMIUM STORES & BRANDS SECTION (2026-11-03) */
html body #stores.fc-stores-section{
max-width:none!important;width:100%!important;margin:0 auto!important;
padding:42px clamp(22px,3vw,58px) 56px!important;background:#fff!important;
color:#21145d!important;overflow:hidden!important
}
#stores.fc-stores-section .fc-store-heading{
display:grid!important;grid-template-columns:minmax(420px,1.05fr) minmax(300px,.9fr) auto!important;
align-items:center!important;gap:28px!important;margin:0 0 30px!important
}
#stores .fc-store-heading-main{display:flex;align-items:center;gap:20px;min-width:0}
#stores .fc-store-bag{width:105px;height:105px;flex:0 0 105px;display:grid;place-items:center}
#stores .fc-store-bag svg{width:100%;height:100%;fill:none;stroke:#f20b82;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
#stores .fc-store-heading-title{min-width:0}
#stores .fc-store-kicker{display:inline-block;background:#f20b82;color:#fff!important;border-radius:20px;padding:7px 24px;font-size:14px;font-weight:900;letter-spacing:3px;line-height:1;margin-bottom:8px}
#stores .fc-store-heading-title h2{font-size:clamp(34px,4.2vw,64px)!important;line-height:1!important;letter-spacing:-2px!important;margin:0!important;color:#25136b!important;font-weight:900!important;white-space:nowrap}
#stores .fc-store-heading-title h2 span{color:#09abc9!important}
#stores .fc-store-heading-title i{display:block;width:58%;height:8px;background:#f20b82;border-radius:100%;transform:rotate(-2deg);margin:13px auto 0}
#stores .fc-store-heading>p{margin:0!important;padding-left:28px;border-left:2px solid #29166d;color:#28136c!important;font-size:clamp(17px,1.8vw,27px)!important;line-height:1.32!important;font-weight:800!important}
#stores .fc-store-view-all{display:inline-flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;padding:15px 26px;border:2px solid #f20b82;border-radius:40px;color:#f20b82!important;font-size:18px;font-weight:850;text-decoration:none!important;background:#fff;transition:.2s ease}
#stores .fc-store-view-all b{font-size:27px;line-height:1}
#stores .fc-store-view-all:hover{background:#f20b82;color:#fff!important;transform:translateY(-2px)}
#stores .fc-store-filters{display:flex!important;flex-wrap:wrap!important;gap:10px 12px!important;overflow:visible!important;margin:0 0 34px!important;padding:0!important}
#stores .fc-store-filters button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:58px!important;padding:10px 22px!important;border:0!important;border-radius:40px!important;background:#f2f1f6!important;color:#24146b!important;font-size:17px!important;font-weight:800!important;white-space:nowrap!important;cursor:pointer!important;transition:background .18s ease,color .18s ease,transform .18s ease!important}
#stores .fc-store-filters button:hover{transform:translateY(-2px);background:#fce7f2!important}
#stores .fc-store-filters button.active{background:#f20b82!important;color:#fff!important;box-shadow:0 5px 14px rgba(242,11,130,.18)!important}
#stores .fc-filter-icon{width:32px;height:32px;display:inline-grid;place-items:center;flex:0 0 32px;color:#f20b82}
#stores .fc-filter-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#stores .fc-filter-all{font-size:24px}
#stores .fc-store-filters button.active .fc-filter-icon{color:#fff}
#stores .fc-store-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}
#stores .fc-store-card{position:relative!important;display:grid!important;grid-template-columns:40% 60%!important;min-width:0!important;min-height:330px!important;height:350px!important;padding:0!important;overflow:hidden!important;border:1px solid #e8e4ef!important;border-radius:30px!important;background:#fff!important;box-shadow:0 10px 22px rgba(36,22,92,.13)!important;text-align:center!important;transition:transform .22s ease,box-shadow .22s ease!important}
#stores .fc-store-card:hover{transform:translateY(-5px)!important;box-shadow:0 16px 30px rgba(36,22,92,.18)!important}
#stores .fc-store-art{position:relative!important;min-width:0!important;height:100%!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:0!important}
#stores .fc-store-tone-0 .fc-store-art{background:linear-gradient(145deg,#e8f4e9 0%,#b7d9c5 48%,#6cae9a 100%)!important}
#stores .fc-store-tone-1 .fc-store-art{background:linear-gradient(145deg,#f8e5d0 0%,#c88b4d 52%,#62351e 100%)!important}
#stores .fc-store-tone-2 .fc-store-art{background:linear-gradient(145deg,#f9dce9 0%,#ef9fbe 48%,#b44d86 100%)!important}
#stores .fc-store-art:before,#stores .fc-store-art:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.48);border-radius:50%;width:210px;height:210px;left:-95px;top:14%;pointer-events:none}
#stores .fc-store-art:after{width:160px;height:160px;left:auto;right:-95px;top:auto;bottom:-35px;border-color:rgba(255,255,255,.38)}
#stores .fc-store-art-icon{position:relative;z-index:1;width:74%;max-width:150px;opacity:.55;color:#fff}
#stores .fc-store-art-icon svg{width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
#stores .fc-store-info{position:relative;z-index:2;min-width:0;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:22px 18px!important;background:#fff!important}
#stores .fc-store-logo{width:100%;height:128px;display:flex;align-items:center;justify-content:center;margin:0 0 14px;overflow:hidden}
#stores .fc-store-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;background:transparent!important}
#stores .fc-store-logo strong{font-size:42px;color:#25136b}
#stores .fc-store-info h3{margin:0 0 10px!important;color:#25136b!important;font-size:clamp(17px,1.45vw,24px)!important;font-weight:900!important;line-height:1.2!important;text-align:center!important}
#stores .fc-store-floor{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 16px!important;color:#342276!important;font-size:15px!important;line-height:1.25!important;font-weight:650!important}
#stores .fc-store-floor span{font-size:23px;color:#f20b82}
#stores .fc-store-details{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:175px;padding:12px 20px;border-radius:30px;background:#f20b82;color:#fff!important;font-size:16px;font-weight:850;text-decoration:none!important;transition:.2s ease}
#stores .fc-store-details b{font-size:22px;line-height:1}
#stores .fc-store-details:hover{background:#25136b;transform:translateY(-2px)}
#stores .fc-store-card[hidden]{display:none!important}
#stores #storeFilterEmpty{grid-column:1/-1;padding:20px;text-align:center;color:#655b83;font-size:16px}
@media(max-width:1100px){
#stores.fc-stores-section{padding:34px 24px 44px!important}
#stores .fc-store-heading{grid-template-columns:1fr auto!important;gap:18px!important}
#stores .fc-store-heading>p{grid-column:1/-1;grid-row:2;border-left:0;padding:0;font-size:19px!important}
#stores .fc-desktop-break{display:none}
#stores .fc-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#stores .fc-store-card{height:320px!important;min-height:300px!important}
}
@media(max-width:650px){
#stores.fc-stores-section{padding:28px 15px 36px!important}
#stores .fc-store-heading{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:22px!important}
#stores .fc-store-heading-main{gap:12px}
#stores .fc-store-bag{width:62px;height:62px;flex-basis:62px}
#stores .fc-store-kicker{font-size:10px;padding:6px 14px;letter-spacing:2px}
#stores .fc-store-heading-title h2{font-size:32px!important;letter-spacing:-1px!important}
#stores .fc-store-heading-title i{height:5px;margin-top:8px}
#stores .fc-store-heading>p{grid-column:auto;grid-row:auto;font-size:16px!important}
#stores .fc-store-view-all{justify-self:start;padding:10px 18px;font-size:14px}
#stores .fc-store-filters{flex-wrap:nowrap!important;overflow-x:auto!important;padding:0 0 8px!important;gap:8px!important}
#stores .fc-store-filters button{min-height:43px!important;padding:8px 14px!important;font-size:13px!important;gap:7px!important}
#stores .fc-filter-icon{width:23px;height:23px;flex-basis:23px}
#stores .fc-filter-icon svg{width:22px;height:22px}
#stores .fc-store-grid{grid-template-columns:1fr!important;gap:16px!important}
#stores .fc-store-card{height:270px!important;min-height:250px!important;grid-template-columns:38% 62%!important;border-radius:22px!important}
#stores .fc-store-logo{height:88px;margin-bottom:8px}
#stores .fc-store-info{padding:12px!important}
#stores .fc-store-info h3{font-size:17px!important;margin-bottom:7px!important}
#stores .fc-store-floor{font-size:12px!important;margin-bottom:10px!important}
#stores .fc-store-details{min-width:145px;padding:9px 14px;font-size:13px}
}
/* Remove the descriptive sentence from the Stores & Brands heading */
#stores.fc-stores-section .fc-store-heading{
grid-template-columns:minmax(0,1fr) auto!important;
}
#stores .fc-store-heading>p{display:none!important}
@media(max-width:1100px){
#stores.fc-stores-section .fc-store-heading{grid-template-columns:1fr auto!important}
}
@media(max-width:650px){
#stores.fc-stores-section .fc-store-heading{grid-template-columns:1fr!important}
}
/* COMPACT STORES & BRANDS SECTION — reduce overall scale */
html body #stores.fc-stores-section{
padding:28px clamp(22px,3vw,48px) 38px!important;
}
#stores .fc-store-heading-main{gap:14px}
#stores .fc-store-bag{width:76px;height:76px;flex-basis:76px}
#stores .fc-store-kicker{font-size:11px;padding:6px 18px;letter-spacing:2px;margin-bottom:6px}
#stores .fc-store-heading-title h2{font-size:clamp(30px,3.2vw,46px)!important;letter-spacing:-1.5px!important}
#stores .fc-store-heading-title i{height:6px;margin-top:9px}
#stores .fc-store-view-all{padding:11px 20px;gap:13px;font-size:15px}
#stores .fc-store-view-all b{font-size:22px}
#stores .fc-store-filters{gap:8px 9px!important;margin-bottom:25px!important}
#stores .fc-store-filters button{min-height:46px!important;padding:8px 16px!important;gap:8px!important;font-size:14px!important}
#stores .fc-filter-icon{width:25px;height:25px;flex-basis:25px}
#stores .fc-filter-icon svg{width:24px;height:24px}
#stores .fc-store-grid{gap:18px!important}
#stores .fc-store-card{min-height:260px!important;height:280px!important;border-radius:22px!important}
#stores .fc-store-info{padding:15px 13px!important}
#stores .fc-store-logo{height:94px;margin-bottom:9px}
#stores .fc-store-info h3{font-size:18px!important;margin-bottom:7px!important}
#stores .fc-store-floor{font-size:13px!important;margin-bottom:10px!important}
#stores .fc-store-details{min-width:145px;padding:9px 15px;font-size:14px}
#stores .fc-store-details b{font-size:19px}
@media(max-width:1100px){
html body #stores.fc-stores-section{padding:25px 22px 34px!important}
#stores .fc-store-card{height:265px!important;min-height:245px!important}
}
@media(max-width:650px){
html body #stores.fc-stores-section{padding:22px 14px 30px!important}
#stores .fc-store-bag{width:54px;height:54px;flex-basis:54px}
#stores .fc-store-heading-title h2{font-size:29px!important}
#stores .fc-store-filters button{min-height:39px!important;padding:7px 12px!important;font-size:12px!important}
#stores .fc-store-grid{gap:13px!important}
#stores .fc-store-card{height:235px!important;min-height:225px!important}
#stores .fc-store-logo{height:78px;margin-bottom:6px}
#stores .fc-store-info h3{font-size:16px!important}
#stores .fc-store-floor{font-size:11px!important}
#stores .fc-store-details{min-width:125px;padding:8px 12px;font-size:12px}
}
/* Remove thin decorative colored strips from the top of store cards */
html body #stores .fc-store-card::before,
html body #stores .fc-store-card::after,
html body #stores .fc-store-info::before,
html body #stores .fc-store-info::after{
content:none!important;
display:none!important;
background:none!important;
border:0!important;
box-shadow:none!important;
}
/* Align store-card contents consistently across all cards */
#stores .fc-store-card{
height:280px!important;
min-height:280px!important;
}
#stores .fc-store-info{
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
align-items:center!important;
height:100%!important;
box-sizing:border-box!important;
padding:14px 13px!important;
}
#stores .fc-store-logo{
flex:0 0 94px!important;
height:94px!important;
min-height:94px!important;
margin:0 0 8px!important;
}
#stores .fc-store-logo img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
}
#stores .fc-store-info h3{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-height:42px!important;
height:42px!important;
margin:0 0 5px!important;
line-height:1.15!important;
text-align:center!important;
}
#stores .fc-store-floor{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-height:24px!important;
height:24px!important;
margin:0 0 9px!important;
white-space:nowrap!important;
}
#stores .fc-store-details{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 42px!important;
height:42px!important;
min-height:42px!important;
box-sizing:border-box!important;
margin:0!important;
}
@media(max-width:650px){
#stores .fc-store-card{height:235px!important;min-height:235px!important}
#stores .fc-store-info{padding:10px!important}
#stores .fc-store-logo{flex-basis:78px!important;height:78px!important;min-height:78px!important}
#stores .fc-store-info h3{height:38px!important;min-height:38px!important;font-size:15px!important}
#stores .fc-store-floor{height:21px!important;min-height:21px!important;font-size:11px!important}
#stores .fc-store-details{height:36px!important;min-height:36px!important;flex-basis:36px!important}
}
/* Remove the empty strip below the Stores & Brands cards */
html body #stores.fc-stores-section{
padding-bottom:0!important;
margin-bottom:0!important;
}
#stores.fc-stores-section .fc-store-grid{
margin-bottom:0!important;
padding-bottom:0!important;
}
#stores.fc-stores-section .fc-store-card:last-child{
margin-bottom:0!important;
}
/* Ensure hidden store cards remain hidden despite card layout styles */
#stores .fc-store-card[hidden]{
display:none!important;
}
/* Remove excess blank strip immediately below the store cards */
html body #stores.fc-stores-section{
padding-bottom:0!important;
margin-bottom:0!important;
}
#stores .fc-store-grid{
margin-bottom:0!important;
padding-bottom:0!important;
}
#stores .fc-store-card{
margin-bottom:0!important;
}
#stores.fc-stores-section + section{
margin-top:0!important;
}
/* SIMPLE STORE CARD — clean logo, name, floor and details button */
html body #stores .fc-store-grid{
display:grid!important;
grid-template-columns:repeat(auto-fill,minmax(220px,240px))!important;
justify-content:start!important;
align-items:stretch!important;
gap:20px!important;
}
html body #stores .fc-store-card{
display:block!important;
width:240px!important;
max-width:100%!important;
height:276px!important;
min-height:276px!important;
padding:0!important;
overflow:hidden!important;
border:1px solid #dce8e2!important;
border-radius:11px!important;
background:#fff!important;
box-shadow:0 7px 20px rgba(20,55,42,.08)!important;
text-align:center!important;
}
html body #stores .fc-store-card .fc-store-art{display:none!important}
html body #stores .fc-store-card .fc-store-info{
width:100%!important;
height:100%!important;
min-height:0!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:flex-start!important;
padding:24px 16px 18px!important;
background:#fff!important;
}
html body #stores .fc-store-card .fc-store-logo{
width:100%!important;
height:105px!important;
min-height:105px!important;
flex:0 0 105px!important;
margin:0 0 5px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
html body #stores .fc-store-card .fc-store-logo img{
width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
object-fit:contain!important;object-position:center!important;
}
html body #stores .fc-store-card .fc-store-info h3{
width:100%!important;height:auto!important;min-height:0!important;
margin:0 0 6px!important;padding:0!important;
color:#073f31!important;font-size:19px!important;font-weight:800!important;
line-height:1.2!important;text-align:center!important;
}
html body #stores .fc-store-card .fc-store-floor{
width:100%!important;height:auto!important;min-height:0!important;
margin:0 0 8px!important;display:flex!important;justify-content:center!important;
align-items:center!important;gap:6px!important;white-space:nowrap!important;
color:#405c54!important;font-size:14px!important;line-height:1.2!important;
}
html body #stores .fc-store-card .fc-store-floor span{font-size:17px!important;color:#f20b82!important}
html body #stores .fc-store-card .fc-store-details{
width:162px!important;min-width:0!important;height:41px!important;min-height:41px!important;
flex:0 0 41px!important;margin:0!important;padding:0 14px!important;
display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
border-radius:24px!important;background:#f20b82!important;color:#fff!important;
font-size:14px!important;font-weight:800!important;line-height:1!important;
}
html body #stores .fc-store-card .fc-store-details b{font-size:19px!important}
@media(max-width:650px){
html body #stores .fc-store-grid{grid-template-columns:repeat(auto-fill,minmax(210px,240px))!important;gap:14px!important}
html body #stores .fc-store-card{width:240px!important;height:276px!important;min-height:276px!important}
}
/* DINING HOME CARDS: simple logo-only layout, no food photo or action button */
html body #dining.section .store-grid#diningGridHome{
display:grid!important;
grid-template-columns:repeat(auto-fill,minmax(220px,240px))!important;
justify-content:start!important;
align-items:stretch!important;
gap:20px!important;
}
html body #dining.section .dining-home-card{
width:240px!important;max-width:100%!important;min-height:260px!important;
padding:18px!important;display:flex!important;flex-direction:column!important;
align-items:center!important;justify-content:flex-start!important;
text-align:center!important;background:#fff!important;
border:1px solid #dce8e2!important;border-radius:11px!important;
box-shadow:0 7px 20px rgba(20,55,42,.08)!important;overflow:hidden!important;
}
html body #dining.section .dining-home-card .store-img{
width:100%!important;height:125px!important;min-height:125px!important;
margin:0 0 10px!important;padding:8px!important;display:flex!important;
align-items:center!important;justify-content:center!important;
border:0!important;border-radius:0!important;background:#fff!important;
box-shadow:none!important;overflow:hidden!important;
}
html body #dining.section .dining-home-card .store-img::before,
html body #dining.section .dining-home-card .store-img::after{display:none!important;content:none!important}
html body #dining.section .dining-home-card .store-img img{
display:block!important;width:100%!important;height:100%!important;
max-width:100%!important;max-height:100%!important;object-fit:contain!important;
object-position:center!important;background:transparent!important;
}
html body #dining.section .dining-home-card h3{
width:100%!important;margin:0 0 7px!important;padding:0!important;
color:#073f31!important;font-size:18px!important;font-weight:800!important;
line-height:1.25!important;text-align:center!important;
}
html body #dining.section .dining-home-card p{
width:100%!important;margin:0!important;padding:0!important;
color:#405c54!important;font-size:14px!important;line-height:1.4!important;
text-align:center!important;white-space:normal!important;
}
@media(max-width:560px){
html body #dining.section .store-grid#diningGridHome{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html body #dining.section .dining-home-card{width:100%!important;min-height:230px!important;padding:12px!important}
html body #dining.section .dining-home-card .store-img{height:105px!important;min-height:105px!important}
html body #dining.section .dining-home-card h3{font-size:15px!important}
html body #dining.section .dining-home-card p{font-size:13px!important}
}
/* Forum Center dining header - reference-matched */
html body .fc-dining-section{background:#fff!important;padding:38px 3.5% 48px!important}
html body .fc-dining-heading{display:grid!important;grid-template-columns:minmax(430px,1.05fr) minmax(360px,1fr) auto!important;align-items:center!important;gap:28px!important;margin:0 0 30px!important}
html body .fc-dining-title{display:flex!important;align-items:center!important;gap:18px!important;min-width:0!important}
html body .fc-dining-utensils{display:flex!important;flex:0 0 74px!important;width:74px!important;height:82px!important;align-items:center!important;justify-content:center!important;color:#f20b82!important}
html body .fc-dining-utensils svg{width:72px!important;height:72px!important;fill:none!important;stroke:#f20b82!important;stroke-width:5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body .fc-dining-title-text{min-width:0!important}
html body .fc-dining-kicker{display:inline-block!important;background:#f20b82!important;color:#fff!important;border-radius:22px!important;padding:6px 20px!important;font-size:16px!important;font-weight:800!important;letter-spacing:1px!important;line-height:1.2!important;margin-bottom:6px!important}
html body .fc-dining-title h2{font-size:clamp(32px,3.3vw,56px)!important;line-height:1.08!important;margin:0!important;color:#26166f!important;font-weight:900!important;white-space:nowrap!important}
html body .fc-dining-title h2 span{color:#0bb4d0!important}
html body .fc-dining-underline{display:block!important;width:62%!important;height:9px!important;margin:7px auto 0!important;border-bottom:7px solid #f20b82!important;border-radius:50%!important;transform:rotate(-2deg)!important}
html body .fc-dining-description{border-left:3px solid #28166d!important;padding:4px 0 4px 28px!important;color:#28166d!important;font-size:clamp(18px,1.65vw,28px)!important;font-weight:850!important;line-height:1.25!important}
html body .fc-dining-view-all{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;min-width:190px!important;padding:14px 25px!important;border:2px solid #f20b82!important;border-radius:40px!important;color:#f20b82!important;background:#fff!important;text-decoration:none!important;font-size:20px!important;font-weight:800!important;white-space:nowrap!important}
html body .fc-dining-view-all b{font-size:28px!important;line-height:1!important}
html body .fc-dining-filters{display:flex!important;flex-wrap:wrap!important;gap:14px!important;margin:0 0 28px!important}
html body .fc-dining-filters button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:48px!important;padding:10px 30px!important;border:0!important;border-radius:30px!important;background:#f2f1f7!important;color:#28166d!important;font-size:19px!important;font-weight:800!important;cursor:pointer!important}
html body .fc-dining-filters button span{color:#f20b82!important;font-size:21px!important}
html body .fc-dining-filters button.active{background:#f20b82!important;color:#fff!important}
html body .fc-dining-section .dining-home-card{min-height:230px!important}
@media(max-width:900px){
html body .fc-dining-heading{grid-template-columns:1fr auto!important;gap:16px!important}
html body .fc-dining-description{grid-column:1/-1!important;grid-row:2!important}
html body .fc-dining-view-all{grid-column:2!important;grid-row:1!important;min-width:140px!important}
}
@media(max-width:600px){
html body .fc-dining-heading{grid-template-columns:1fr!important}
html body .fc-dining-title{gap:10px!important}
html body .fc-dining-utensils{flex-basis:48px!important;width:48px!important;height:58px!important}
html body .fc-dining-utensils svg{width:48px!important;height:48px!important}
html body .fc-dining-title h2{font-size:30px!important;white-space:normal!important}
html body .fc-dining-kicker{font-size:12px!important}
html body .fc-dining-description{grid-column:auto!important;grid-row:auto!important;font-size:17px!important;padding-left:14px!important}
html body .fc-dining-view-all{grid-column:auto!important;grid-row:auto!important;width:max-content!important;font-size:16px!important}
html body .fc-dining-filters button{font-size:14px!important;min-height:40px!important;padding:8px 18px!important}
}
/* Forum Center — Entertainment Zone reference redesign */
.fc-entertainment-redesign{padding:34px 1.3% 38px!important;background:#fff!important;color:#24165f!important}
.fc-entertainment-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 36px}
.fc-entertainment-title-wrap{display:flex;align-items:center;gap:18px;min-width:0}
.fc-entertainment-gamepad{width:126px;height:92px;flex:none;fill:none;stroke:#f20a83;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.fc-entertainment-title-copy{position:relative;padding-bottom:22px}
.fc-entertainment-kicker{display:inline-block;background:#f20a83;color:#fff!important;border-radius:24px;padding:8px 24px;font-size:19px;font-weight:900;letter-spacing:.08em;line-height:1.15;margin-bottom:8px}
.fc-entertainment-title-copy h2{margin:0!important;color:#26116d!important;font-size:clamp(38px,3.4vw,64px)!important;line-height:1.02!important;font-weight:900!important;letter-spacing:-.025em}
.fc-entertainment-title-copy h2 span{color:#08b4d1!important}
.fc-entertainment-title-copy i{position:absolute;left:23%;bottom:0;width:55%;height:12px;border-top:8px solid #f20a83;border-radius:50%;transform:rotate(-2deg)}
.fc-entertainment-viewall{display:inline-flex;align-items:center;justify-content:center;gap:20px;flex:none;border:2px solid #f20a83;border-radius:40px;padding:14px 30px;color:#f20a83!important;text-decoration:none!important;font-size:22px;font-weight:900;min-width:210px}
.fc-entertainment-viewall b{font-size:32px;line-height:1}
.fc-entertainment-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fc-entertainment-card{height:430px;position:relative;display:block;overflow:hidden;border-radius:38px;background:#fff;box-shadow:0 12px 25px rgba(31,30,83,.16);text-decoration:none!important;color:#24165f!important}
.fc-entertainment-photo{display:block;width:100%;height:76%;object-fit:cover;object-position:center;}
.fc-entertainment-card-info{position:absolute;left:0;right:0;bottom:0;height:35%;display:flex;align-items:center;gap:22px;padding:28px 42px 18px 52px;background:#fff;border-radius:52% 0 0 0 / 34% 0 0 0;margin-top:-54px;box-sizing:border-box}
.fc-entertainment-card-info:before{content:"";position:absolute;z-index:0;left:-12%;right:-8%;top:-47px;height:92px;background:#fff;border-radius:50% 50% 0 0 / 55% 55% 0 0;transform:rotate(-3deg)}
.fc-entertainment-card-info>*{position:relative;z-index:1}
.fc-entertainment-card-icon{width:72px;height:60px;flex:none;fill:none;stroke:#f20a83;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;color:#f20a83;font-size:50px}
.fc-entertainment-card-info h3{margin:0 0 5px!important;color:#27116e!important;font-size:clamp(22px,2vw,36px)!important;line-height:1.1!important;font-weight:900!important;white-space:nowrap}
.fc-entertainment-card-info p{margin:0!important;color:#27116e!important;font-size:clamp(16px,1.35vw,24px)!important;font-weight:600;white-space:nowrap}
.fc-entertainment-arrow{margin-left:auto;flex:none;width:62px;height:62px;border-radius:50%;background:#f20a83;color:#fff;font-size:42px;line-height:58px;text-align:center;font-weight:700}
.fc-entertainment-card:hover .fc-entertainment-photo{transform:scale(1.025);transition:transform .25s ease}
.fc-entertainment-dots{display:flex;justify-content:center;gap:13px;margin-top:26px}
.fc-entertainment-dots i{width:24px;height:24px;border-radius:50%;background:#e1e1e6;display:block}
.fc-entertainment-dots i.active{background:#f20a83}
@media(max-width:1100px){.fc-entertainment-card{height:360px}.fc-entertainment-card-info{padding:22px 22px 14px;gap:12px}.fc-entertainment-card-icon{width:52px;height:48px}.fc-entertainment-arrow{width:48px;height:48px;line-height:45px;font-size:32px}.fc-entertainment-card-info h3{white-space:normal}.fc-entertainment-viewall{min-width:150px;padding:12px 18px}}
@media(max-width:760px){.fc-entertainment-heading{align-items:flex-start;flex-direction:column;margin-bottom:24px}.fc-entertainment-gamepad{width:76px;height:66px}.fc-entertainment-kicker{font-size:13px;padding:7px 14px}.fc-entertainment-title-copy h2{font-size:clamp(30px,8vw,42px)!important}.fc-entertainment-viewall{align-self:flex-end;font-size:16px;min-width:130px;padding:9px 18px}.fc-entertainment-cards{grid-template-columns:1fr;gap:18px}.fc-entertainment-card{height:340px;border-radius:26px}.fc-entertainment-card-info{height:38%;padding:20px 24px 12px}.fc-entertainment-card-info h3{font-size:25px!important}.fc-entertainment-card-info p{font-size:16px!important}.fc-entertainment-arrow{width:46px;height:46px;line-height:43px;font-size:30px}}
/* === Forum Center supplied visual refresh: navigation, about, careers and contact === */
html body .fc-image-header{position:sticky!important;top:0!important;z-index:1200!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;box-shadow:none!important;line-height:0!important;}
.fc-header-art{position:relative;width:100%;line-height:0;overflow:hidden;background:#fff;}
.fc-header-art>img{display:block;width:100%;height:auto;aspect-ratio:2048/220;object-fit:cover;object-position:top center;}
.fc-header-art .fc-hotspot,.fc-footer-art .fc-hotspot{position:absolute;display:block;z-index:3;background:transparent;border:0;outline-offset:2px;}
.fc-header-art .fc-hotspot:focus-visible,.fc-footer-art .fc-hotspot:focus-visible{outline:3px solid #ed168b;border-radius:8px;}
.fc-hs-logo{left:4.2%;top:22%;width:15.8%;height:62%;}
.fc-hs-home{left:21.8%;top:28%;width:5.3%;height:55%;}
.fc-hs-about{left:27.2%;top:28%;width:6.2%;height:55%;}
.fc-hs-stores{left:33.5%;top:28%;width:5.2%;height:55%;}
.fc-hs-dining{left:38.8%;top:28%;width:5.3%;height:55%;}
.fc-hs-entertainment{left:44.2%;top:28%;width:8.2%;height:55%;}
.fc-hs-events{left:52.6%;top:28%;width:9.4%;height:55%;}
.fc-hs-services{left:62.1%;top:28%;width:6.2%;height:55%;}
.fc-hs-contact{left:68.4%;top:28%;width:5.8%;height:55%;}
.fc-hs-social{left:75.5%;top:30%;width:8.4%;height:52%;}
.fc-hs-directions{left:84.3%;top:28%;width:13.0%;height:55%;}
/* The supplied header artwork is desktop-only; retain the real responsive menu on phones. */
.fc-image-header>.brand,.fc-image-header>nav,.fc-image-header>.premium-social,.fc-image-header>.nav-visit,.fc-image-header>.hamb{display:none!important;}
.fc-image-section{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#fff!important;line-height:0!important;}
.fc-image-section>img{display:block;width:100%;height:auto;max-width:none;}
.fc-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:normal!important;border:0!important;}
html body .fc-careers-image-section{padding:0!important;margin:0!important;background:#fff!important;}
.fc-careers-banner-link{display:block;width:100%;line-height:0;}
.fc-careers-banner-link img{display:block;width:100%;height:auto;}
.fc-careers-image-section .career-job-list{width:min(1400px,92%);margin:32px auto 56px;}
.fc-careers-image-section .career-empty{display:none!important;}
html body .fc-image-footer{background:#fff!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;}
.fc-footer-art{position:relative;width:100%;line-height:0;background:#21005b;}
.fc-footer-art>img{display:block;width:100%;height:auto;}
.fc-footer-phone{left:25.5%;top:39%;width:16.5%;height:9%;}
.fc-footer-email{left:25.5%;top:52%;width:16.5%;height:9%;}
.fc-footer-map{left:74.5%;top:12%;width:22.8%;height:53%;}
.fc-footer-stores{left:62.4%;top:22%;width:8.8%;height:6%;}
.fc-footer-dining{left:62.4%;top:29%;width:8.8%;height:6%;}
.fc-footer-entertainment{left:62.4%;top:36%;width:8.8%;height:6%;}
.fc-footer-offers{left:62.4%;top:43%;width:8.8%;height:6%;}
.fc-footer-services{left:62.4%;top:50%;width:8.8%;height:6%;}
.fc-footer-careers{left:62.4%;top:57%;width:8.8%;height:6%;}
.fc-footer-social{left:29.5%;top:76%;width:11%;height:16%;}
html body .fc-image-footer>.unified-visit,html body .fc-image-footer>.footer-bottom{display:none!important;}
@media(max-width:760px){
html body .fc-image-header{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:68px!important;padding:10px 16px!important;line-height:normal!important;}
.fc-header-art{display:none!important;}
.fc-image-header>.brand{display:flex!important;max-width:46%!important;}
.fc-image-header>.brand img{max-width:100%!important;max-height:52px!important;object-fit:contain!important;}
.fc-image-header>nav{display:flex!important;}
.fc-image-header>.hamb{display:block!important;}
.fc-image-header>.premium-social,.fc-image-header>.nav-visit{display:none!important;}
html body .fc-image-footer>.fc-footer-art{display:none!important;}
html body .fc-image-footer>.unified-visit{display:grid!important;}
html body .fc-image-footer>.footer-bottom{display:flex!important;}
}
/* ADMIN-EDITABLE CONTACT FOOTER */
html body .fc-admin-footer{display:block!important;background:#21005b!important;color:#fff!important;padding:0!important;margin:0!important;overflow:hidden!important;border:0!important;}
.fc-admin-footer .fc-footer-inner{width:min(1900px,calc(100% - 7%));margin:0 auto;padding:44px 0 38px;display:grid;grid-template-columns:1.15fr 1.12fr 1fr .78fr 1.25fr;gap:28px;align-items:stretch;}
.fc-admin-footer .fc-footer-inner>section,.fc-admin-footer .fc-footer-inner>nav{min-width:0;}
.fc-footer-intro{padding:0 24px 0 18px;border-right:2px solid rgba(255,255,255,.8);}
.fc-footer-kicker{display:inline-block;padding:9px 24px;border-radius:28px;background:#ed0788;color:#fff;font-weight:900;font-size:clamp(14px,1.3vw,27px);margin-bottom:12px;}
.fc-footer-intro h2{font-size:clamp(28px,3.1vw,62px)!important;line-height:1.04!important;margin:0 0 18px!important;color:#fff!important;font-weight:900!important;letter-spacing:-1px;}
.fc-footer-intro h2 span{color:#05b8dc!important;}
.fc-footer-intro p{font-size:clamp(13px,1.25vw,25px)!important;line-height:1.35!important;color:#fff!important;margin:0!important;}
.fc-footer-details{border-right:2px solid rgba(255,255,255,.8);padding:0 28px 0 8px;}
.fc-footer-detail{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid rgba(255,255,255,.7);}
.fc-footer-detail:last-child{border:0;margin:0;padding:0;}
.fc-admin-footer h3{display:flex;align-items:center;gap:12px;margin:0 0 12px!important;color:#fff!important;font-size:clamp(14px,1.3vw,25px)!important;font-weight:900!important;}
.fc-footer-symbol{color:#f20a91;font-size:1.5em;line-height:1;min-width:28px;text-align:center;}
.fc-footer-detail p,.fc-footer-hours p{margin:0!important;color:#fff!important;font-size:clamp(12px,1.12vw,22px)!important;line-height:1.4!important;}
.fc-footer-detail a{color:#fff!important;text-decoration:none!important;}
.fc-footer-hours{border-right:2px solid rgba(255,255,255,.8);padding:0 24px 0 0;}
.fc-footer-hours p{padding:8px 0 12px;border-bottom:1px solid rgba(255,255,255,.7);}
.fc-footer-hours p:last-child{border:0;}
.fc-footer-links{border-right:2px solid rgba(255,255,255,.8);padding:0 22px 0 0;}
.fc-footer-links a{display:block;color:#fff!important;text-decoration:none!important;font-size:clamp(13px,1.15vw,23px)!important;line-height:1.85!important;}
.fc-footer-links a:hover,.fc-footer-detail a:hover{text-decoration:underline!important;}
.fc-footer-map-wrap{position:relative;height:clamp(190px,18vw,350px);border-radius:18px;overflow:hidden;background:#fff;}
.fc-footer-map-wrap iframe{width:100%;height:100%;border:0;display:block;}
.fc-footer-map-link{position:absolute;z-index:2;top:12px;left:12px;background:#fff;color:#1458c8!important;text-decoration:none!important;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:800;box-shadow:0 2px 10px #0002;}
.fc-footer-bottom{width:calc(100% - 7%);margin:0 auto;border-top:2px solid rgba(255,255,255,.8);padding:18px 10px 24px;display:grid;grid-template-columns:1fr 1.2fr 1.6fr;gap:24px;align-items:center;color:#fff;}
.fc-footer-brand img{display:block;max-width:250px;width:100%;max-height:100px;object-fit:contain;object-position:left center;}
.fc-footer-social{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:clamp(13px,1.2vw,22px);font-weight:700;}
.fc-footer-social a{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;}
.fc-footer-social img{width:100%;height:100%;object-fit:contain;}
.fc-footer-legal{text-align:right;font-size:clamp(12px,1.2vw,23px);}
.fc-footer-legal p{margin:0 0 12px!important;color:#fff!important;}
.fc-footer-credit{display:flex;justify-content:flex-end;align-items:center;gap:12px;}
.fc-footer-credit img{display:block;max-width:260px;max-height:58px;object-fit:contain;}
.fc-footer-credit strong{font-size:1.3em;}
@media(max-width:1050px){.fc-admin-footer .fc-footer-inner{grid-template-columns:1fr 1fr;gap:24px}.fc-footer-intro,.fc-footer-details,.fc-footer-hours,.fc-footer-links{border-right:0;padding-right:0}.fc-footer-map-wrap{grid-column:1/-1;height:280px}.fc-footer-bottom{grid-template-columns:1fr 1fr}.fc-footer-legal{grid-column:1/-1;text-align:left}.fc-footer-credit{justify-content:flex-start}}
@media(max-width:600px){.fc-admin-footer .fc-footer-inner{width:calc(100% - 36px);grid-template-columns:1fr;padding:30px 0;gap:26px}.fc-footer-map-wrap{grid-column:1;height:240px}.fc-footer-bottom{width:calc(100% - 36px);grid-template-columns:1fr;padding:20px 0;gap:18px}.fc-footer-brand img{max-width:210px}.fc-footer-legal{grid-column:1;text-align:left}.fc-footer-credit{justify-content:flex-start}.fc-footer-social a{width:40px;height:40px}}