/** * GoldCore Platform — Component Library styles. * Inherits the live Elementor global design system (kit 11071) via --e-global-* * custom properties (in scope site-wide), with real values as fallbacks. * Layer 1: theme-aligned primitives (used by all renderers). * Layer 2: award-grade flagship chapters (the localized-homepage experience). */ :root { --gc-gold: var(--e-global-color-primary, #DC9629); --gc-gold-dark: var(--e-global-color-secondary, #C08C3B); --gc-text: var(--e-global-color-text, #686868); --gc-navy: #09103E; --gc-deep-blue: #112D4E; --gc-line: #EEEEEE; --gc-bg-soft: #F5F5F5; --gc-white: #FFFFFF; --gc-btn-bg: #DFB766; --gc-btn-text: #FFFFFF; --gc-btn-hover-bg: #112D4E; --gc-btn-font: "Playfair Display", Sans-serif; --gc-radius: 6px; --gc-maxw: 1280px; --gc-gap: 1rem; --gc-section-y: clamp(2.5rem, 5vw, 4.5rem); } [class^="gc-"], [class*=" gc-"] { box-sizing: border-box; } .gc-link { color: var(--gc-gold); text-decoration: none; text-underline-offset: 2px; } .gc-link:hover { color: var(--gc-gold-dark); text-decoration: underline; } .gc-link--external::after { content: " ↗"; font-size: .8em; color: var(--gc-text); } /* Button system (mirrors native Elementor button + premium variants) */ .gc-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; background-color: var(--gc-btn-bg); color: var(--gc-btn-text); font-family: var(--gc-btn-font); font-size: 15px; font-weight: 400; line-height: 1.3em; letter-spacing: .4px; text-decoration: none; border: 0; border-radius: var(--gc-radius); padding: 14px 32px; cursor: pointer; transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; } .gc-btn:hover, .gc-btn:focus-visible { background-color: var(--gc-btn-hover-bg); color: var(--gc-white); transform: translateY(-1px); } .gc-btn--primary { background: var(--gc-gold); color: var(--gc-white); box-shadow: 0 10px 24px -12px rgba(220,150,41,.8); } .gc-btn--primary:hover { background: var(--gc-navy); } .gc-btn--secondary { background: transparent; color: var(--gc-deep-blue); box-shadow: inset 0 0 0 2px var(--gc-btn-bg); } .gc-btn--secondary:hover { background: var(--gc-btn-bg); color: var(--gc-white); } .gc-btn--ghost { background: transparent; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55); } .gc-btn--ghost:hover { background: #fff; color: var(--gc-navy); box-shadow: inset 0 0 0 1.5px #fff; } .gc-btn--ghost-dark { background: transparent; color: var(--gc-navy); box-shadow: inset 0 0 0 1.5px rgba(9,16,62,.3); } .gc-btn--ghost-dark:hover { background: var(--gc-navy); color: #fff; } .gc-btn--lg { padding: 17px 40px; font-size: 16px; } /* Primitive sections (service/industry/state renderers) */ .gc-hero, .gc-intro, .gc-cta, .gc-faq, .gc-stats, .gc-process, .gc-related, .gc-areas, .gc-trust, .gc-contact { padding-block: var(--gc-section-y); } .gc-hero__inner, .gc-intro__inner, .gc-cta__inner, .gc-faq__inner, .gc-stats__inner, .gc-process__inner, .gc-related__inner, .gc-areas__inner, .gc-trust__inner, .gc-contact__inner { max-width: var(--gc-maxw); margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2rem); } .gc-hero__eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; color: var(--gc-gold-dark); margin: 0 0 .5rem; } .gc-hero__subtitle { color: var(--gc-text); max-width: 60ch; margin: .5rem 0 1.5rem; } .gc-hero__actions { display: flex; flex-wrap: wrap; gap: var(--gc-gap); } .gc-cta--band { background: var(--gc-navy); color: var(--gc-white); border-radius: var(--gc-radius); padding-inline: clamp(1rem,4vw,2rem); } .gc-cta__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--gc-gap); } .gc-cta--band .gc-cta__heading, .gc-cta--band .gc-cta__text { color: var(--gc-white); } .gc-faq__list { display: grid; gap: .5rem; } .gc-stats__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(140px,1fr)); gap: var(--gc-gap); } .gc-process__steps { counter-reset: gc-step; list-style: none; margin: 0; padding: 0; display: grid; gap: var(--gc-gap); } .gc-related__list, .gc-areas__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem .9rem; } .gc-main, .gc-page { display: block; } .gc-section { padding-block: var(--gc-section-y); } .gc-section__inner { max-width: var(--gc-maxw); margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2rem); } /* ===================================================================== * * Layer 2 — Award-grade flagship chapters (localized homepage) * ===================================================================== */ .gc-page--city { --gc-maxw: 1200px; --section-pad: clamp(4.5rem, 8vw, 8rem); overflow-x: clip; } .gc-page--city h1, .gc-page--city h2, .gc-page--city h3 { font-family: "Epilogue", sans-serif; letter-spacing: -.02em; line-height: 1.08; } .gc-page--city .gc-eyebrow, .gc-page--city [class$="__eyebrow"] { font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .18em; } /* Motion system — only hides when JS is present; reduced-motion safe */ .gc-js [data-gc-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .7s cubic-bezier(.16,.84,.44,1), transform .7s cubic-bezier(.16,.84,.44,1); } .gc-js [data-gc-reveal].is-inview { opacity: 1; transform: none; } .gc-js .gc-timeline__step[data-gc-reveal] { transition-delay: calc(var(--gc-i, 0) * 70ms); } @media (prefers-reduced-motion: reduce) { .gc-js [data-gc-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; } .gc-cinehero__bg, .gc-megacta__bg { transform: none !important; } } /* ---------- Cinematic hero ---------- */ .gc-cinehero { position: relative; isolation: isolate; min-height: clamp(560px, 88vh, 880px); display: flex; align-items: center; color: #fff; background: var(--gc-navy); overflow: hidden; } .gc-cinehero__bg { position: absolute; inset: -8% 0; background-size: cover; background-position: center; z-index: -3; will-change: transform; } .gc-cinehero__scrim { position: absolute; inset: 0; z-index: -2; background: linear-gradient(120deg, rgba(6,10,32,.94) 0%, rgba(6,10,32,.78) 42%, rgba(9,16,62,.45) 100%), linear-gradient(0deg, rgba(6,10,32,.95) 0%, rgba(6,10,32,0) 45%); } .gc-cinehero__skyline { position: absolute; left: 0; right: 0; bottom: 0; height: clamp(120px, 22vh, 220px); z-index: -1; color: rgba(255,255,255,.06); } .gc-cinehero__skyline svg { width: 100%; height: 100%; display: block; } .gc-cinehero__inner { max-width: var(--gc-maxw); margin-inline: auto; padding: clamp(6rem,12vh,9rem) clamp(1.25rem,4vw,2rem) clamp(3rem,7vh,5rem); width: 100%; } .gc-cinehero__eyebrow { display: inline-flex; align-items: center; gap: .55rem; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .2em; color: var(--gc-gold); margin: 0 0 1.4rem; } .gc-cinehero__pin { width: 8px; height: 8px; border-radius: 50%; background: var(--gc-gold); box-shadow: 0 0 0 4px rgba(220,150,41,.25); } .gc-cinehero__title { font-size: clamp(2.6rem, 6vw, 5rem); line-height: 1.02; margin: 0 0 1.4rem; max-width: 17ch; text-wrap: balance; } .gc-cinehero__subtitle { font-size: clamp(1.1rem, 1.7vw, 1.4rem); line-height: 1.55; color: rgba(255,255,255,.82); max-width: 56ch; margin: 0 0 2.2rem; } .gc-cinehero__actions { display: flex; flex-wrap: wrap; gap: .9rem 1rem; } .gc-cinehero__trust { list-style: none; margin: 3rem 0 0; padding: 2rem 0 0; border-top: 1px solid rgba(255,255,255,.14); display: flex; flex-wrap: wrap; gap: 2.5rem 3.5rem; } .gc-cinehero__trust-v { display: block; font-family: "Epilogue",sans-serif; font-size: clamp(1.7rem,2.4vw,2.3rem); color: #fff; line-height: 1; } .gc-cinehero__trust-l { display: block; font-size: .82rem; color: rgba(255,255,255,.6); margin-top: .4rem; letter-spacing: .02em; } .gc-cinehero__cue { position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); width: 26px; height: 42px; border: 2px solid rgba(255,255,255,.35); border-radius: 14px; z-index: 1; } .gc-cinehero__cue span { position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px; background: rgba(255,255,255,.7); border-radius: 2px; animation: gc-cue 1.8s ease-in-out infinite; } @keyframes gc-cue { 0%,100% { opacity: 0; transform: translateY(0);} 50% { opacity: 1; transform: translateY(8px);} } /* ---------- Breadcrumbs (slim premium bar) ---------- */ .gc-page--city .gc-breadcrumbs { background: var(--gc-white); border-bottom: 1px solid var(--gc-line); padding-block: .85rem; } .gc-page--city .gc-breadcrumbs ol, .gc-page--city .gc-breadcrumbs__list { display: flex; flex-wrap: wrap; gap: .35rem .55rem; list-style: none; margin: 0 auto; padding-inline: clamp(1rem,4vw,2rem); max-width: var(--gc-maxw); font-size: .82rem; color: var(--gc-text); } .gc-page--city .gc-breadcrumbs li { display: inline-flex; align-items: center; gap: .55rem; } .gc-page--city .gc-breadcrumbs li:not(:last-child)::after { content: "/"; color: #CBD0DC; } .gc-page--city .gc-breadcrumbs a { color: var(--gc-text); text-decoration: none; } .gc-page--city .gc-breadcrumbs a:hover { color: var(--gc-gold-dark); } .gc-page--city .gc-breadcrumbs [aria-current="page"] { color: var(--gc-navy); font-weight: 600; } /* shared section frame */ .gc-statement, .gc-split, .gc-showcase, .gc-timeline, .gc-mapband, .gc-reshub, .gc-faq { background: var(--gc-white); } .gc-statement, .gc-split, .gc-showcase, .gc-metricband, .gc-indgrid, .gc-timeline, .gc-results, .gc-mapband, .gc-reshub { padding-block: var(--section-pad); } .gc-statement__inner, .gc-split__inner, .gc-showcase__inner, .gc-metricband__inner, .gc-indgrid__inner, .gc-timeline__inner, .gc-results__inner, .gc-mapband__inner, .gc-reshub__inner { max-width: var(--gc-maxw); margin-inline: auto; padding-inline: clamp(1.25rem,4vw,2rem); } .gc-page--city .gc-faq { padding-block: var(--section-pad); } .gc-page--city .gc-faq__inner { max-width: 900px; } /* ---------- Editorial statement ---------- */ .gc-statement__inner { display: grid; grid-template-columns: 0.32fr 0.68fr; gap: clamp(1.5rem,4vw,4rem); align-items: start; } .gc-statement__eyebrow { color: var(--gc-gold-dark); font-weight: 700; text-transform: uppercase; letter-spacing: .18em; font-size: .76rem; position: sticky; top: 2rem; display: inline-block; padding-top: .6rem; border-top: 2px solid var(--gc-gold); } .gc-statement__heading { font-size: clamp(1.7rem, 3.4vw, 2.9rem); color: var(--gc-navy); margin: 0 0 1.4rem; text-wrap: balance; } .gc-statement__heading em { color: var(--gc-gold-dark); font-style: normal; } .gc-statement__lede { font-size: clamp(1.05rem,1.4vw,1.22rem); line-height: 1.75; color: #4A4A4A; } .gc-statement__lede p { margin: 0 0 1.1rem; } .gc-statement--dark { background: var(--gc-navy); color: #fff; } .gc-statement--dark .gc-statement__heading { color: #fff; } .gc-statement--dark .gc-statement__lede { color: rgba(255,255,255,.78); } /* ---------- Metric band (dark animated) ---------- */ .gc-metricband { background: radial-gradient(120% 140% at 0% 0%, #122158 0%, var(--gc-navy) 55%, #060a20 100%); color: #fff; } .gc-metricband__head { max-width: 760px; margin-bottom: clamp(2rem,4vw,3.5rem); } .gc-metricband__heading { font-size: clamp(1.6rem,3vw,2.5rem); margin: 0 0 .9rem; color: #fff; } .gc-metricband__intro { color: rgba(255,255,255,.74); font-size: 1.08rem; line-height: 1.7; } .gc-metricband__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: clamp(1.5rem,3vw,3rem); } .gc-metricband__item { position: relative; padding-left: 1.4rem; border-left: 2px solid rgba(220,150,41,.5); } .gc-metricband__value { display: block; font-family: "Epilogue",sans-serif; font-weight: 700; font-size: clamp(2.6rem,5vw,4rem); line-height: .95; color: var(--gc-gold); letter-spacing: -.03em; } .gc-metricband__label { display: block; margin-top: .7rem; color: rgba(255,255,255,.72); font-size: .98rem; line-height: 1.4; } /* ---------- Split feature ---------- */ .gc-split__inner { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(1.5rem,4vw,4.5rem); align-items: center; } .gc-split.media-right .gc-split__media { order: 2; } .gc-split__media { margin: 0; } .gc-split__media-frame { display: block; position: relative; border-radius: 14px; overflow: hidden; box-shadow: 0 40px 80px -40px rgba(9,16,62,.45); aspect-ratio: 4/3; } .gc-split__media-frame::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px rgba(9,16,62,.06); border-radius: 14px; } .gc-split__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .gc-split__caption { margin-top: .7rem; font-size: .82rem; color: var(--gc-text); } .gc-split__eyebrow { color: var(--gc-gold-dark); font-weight: 700; text-transform: uppercase; letter-spacing: .16em; font-size: .76rem; margin: 0 0 1rem; } .gc-split__heading { font-size: clamp(1.7rem,3.2vw,2.6rem); color: var(--gc-navy); margin: 0 0 1.2rem; text-wrap: balance; } .gc-split__content { color: #4A4A4A; font-size: 1.07rem; line-height: 1.75; } .gc-split__content p { margin: 0 0 1.1rem; } .gc-split__bullets { list-style: none; margin: 1.6rem 0 0; padding: 0; display: grid; gap: 1rem; } .gc-split__bullet { position: relative; padding-left: 2.1rem; } .gc-split__bullet::before { content: ""; position: absolute; left: 0; top: .15rem; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: rgba(220,150,41,.16); } .gc-split__bullet::after { content: ""; position: absolute; left: .42rem; top: .5rem; width: .45rem; height: .25rem; border-left: 2px solid var(--gc-gold-dark); border-bottom: 2px solid var(--gc-gold-dark); transform: rotate(-45deg); } .gc-split__bullet-t { display: block; font-weight: 700; color: var(--gc-navy); } .gc-split__bullet-x { display: block; color: var(--gc-text); font-size: .97rem; line-height: 1.55; } .gc-split__cta { margin-top: 2rem; } .gc-split--dark { background: var(--gc-navy); color: #fff; } .gc-split--dark .gc-split__heading { color: #fff; } .gc-split--dark .gc-split__content { color: rgba(255,255,255,.8); } .gc-split--dark .gc-split__bullet-t { color: #fff; } .gc-split--dark .gc-split__bullet-x { color: rgba(255,255,255,.66); } .gc-split--dark .gc-split__media-frame { box-shadow: 0 40px 90px -40px rgba(0,0,0,.7); } .gc-split--soft { background: var(--gc-bg-soft); } /* ---------- Service showcase (interactive) ---------- */ .gc-showcase { background: #FAFAF8; } .gc-showcase__head { max-width: 720px; margin-bottom: clamp(2rem,4vw,3rem); } .gc-showcase__heading { font-size: clamp(1.7rem,3.2vw,2.6rem); color: var(--gc-navy); margin: 0 0 .9rem; } .gc-showcase__intro { color: var(--gc-text); font-size: 1.08rem; line-height: 1.7; } .gc-showcase__layout { display: grid; grid-template-columns: 0.92fr 1.08fr; gap: clamp(1.25rem,3vw,3rem); align-items: start; } .gc-showcase__tabs { display: flex; flex-direction: column; gap: .35rem; } .gc-showcase__tab { display: flex; align-items: center; gap: 1rem; width: 100%; text-align: left; background: transparent; border: 0; border-radius: 10px; padding: 1.15rem 1.25rem; cursor: pointer; color: var(--gc-navy); border: 1px solid transparent; transition: background .2s, border-color .2s, box-shadow .2s; } .gc-showcase__tab:hover { background: #fff; } .gc-showcase__tab.is-active { background: #fff; border-color: var(--gc-line); box-shadow: 0 18px 40px -28px rgba(9,16,62,.4); } .gc-showcase__tab-num { font-family: "Epilogue",sans-serif; font-size: .85rem; color: var(--gc-gold-dark); width: 1.8rem; } .gc-showcase__tab-title { flex: 1; font-weight: 600; font-size: 1.12rem; } .gc-showcase__tab-arrow { color: var(--gc-gold-dark); opacity: 0; transform: translateX(-6px); transition: .2s; } .gc-showcase__tab.is-active .gc-showcase__tab-arrow { opacity: 1; transform: none; } .gc-showcase__panel { display: grid; grid-template-columns: 1fr; gap: 1.25rem; background: #fff; border: 1px solid var(--gc-line); border-radius: 14px; overflow: hidden; box-shadow: 0 30px 70px -45px rgba(9,16,62,.45); } .gc-js .gc-showcase__panels { position: relative; } .gc-js .gc-showcase__panel { display: none; } .gc-js .gc-showcase__panel.is-active { display: grid; animation: gc-fade .45s ease; } @keyframes gc-fade { from { opacity: 0; transform: translateY(10px);} to { opacity: 1; transform: none;} } .gc-showcase__panel + .gc-showcase__panel { margin-top: 1rem; } .gc-js .gc-showcase__panel + .gc-showcase__panel { margin-top: 0; } .gc-showcase__panel-media { aspect-ratio: 16/10; overflow: hidden; } .gc-showcase__panel-media img { width: 100%; height: 100%; object-fit: cover; display: block; } .gc-showcase__panel-body { padding: 1.5rem 1.75rem 1.9rem; } .gc-showcase__panel-title { font-size: 1.4rem; color: var(--gc-navy); margin: 0 0 .6rem; } .gc-showcase__panel-desc { color: var(--gc-text); line-height: 1.65; margin: 0 0 1.1rem; } .gc-showcase__panel-link { font-weight: 600; } /* ---------- Industry grid (dark, image tiles) ---------- */ .gc-indgrid { background: var(--gc-navy); color: #fff; } .gc-indgrid__head { max-width: 720px; margin-bottom: clamp(2rem,4vw,3rem); } .gc-indgrid__heading { font-size: clamp(1.7rem,3.2vw,2.6rem); color: #fff; margin: 0 0 .9rem; } .gc-indgrid__intro { color: rgba(255,255,255,.74); font-size: 1.08rem; line-height: 1.7; } .gc-indgrid__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: 1.1rem; } .gc-indgrid__tile { position: relative; display: block; min-height: 300px; border-radius: 14px; overflow: hidden; color: #fff; text-decoration: none; isolation: isolate; } .gc-indgrid__img { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: -2; transition: transform .6s cubic-bezier(.16,.84,.44,1); } .gc-indgrid__tile:not([style]) .gc-indgrid__img, .gc-indgrid__tile .gc-indgrid__img:empty { background: linear-gradient(135deg,#1b2a63,#0a1233); } .gc-indgrid__scrim { position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(6,10,32,.92) 0%, rgba(6,10,32,.35) 55%, rgba(6,10,32,.15) 100%); transition: background .3s; } .gc-indgrid__content { position: absolute; inset: auto 0 0 0; padding: 1.5rem; display: block; } .gc-indgrid__title { display: block; font-family: "Epilogue",sans-serif; font-size: 1.5rem; font-weight: 700; } .gc-indgrid__desc { display: block; color: rgba(255,255,255,.8); font-size: .95rem; line-height: 1.5; margin-top: .5rem; max-height: 0; opacity: 0; overflow: hidden; transition: max-height .4s ease, opacity .3s ease, margin .3s ease; } .gc-indgrid__more { display: inline-block; margin-top: .9rem; color: var(--gc-gold); font-weight: 600; font-size: .9rem; opacity: 0; transform: translateY(6px); transition: .3s; } a.gc-indgrid__tile:hover .gc-indgrid__img, a.gc-indgrid__tile:focus-visible .gc-indgrid__img { transform: scale(1.07); } .gc-indgrid__tile:hover .gc-indgrid__desc, .gc-indgrid__tile:focus-visible .gc-indgrid__desc { max-height: 8rem; opacity: 1; margin-top: .6rem; } .gc-indgrid__tile:hover .gc-indgrid__more, .gc-indgrid__tile:focus-visible .gc-indgrid__more { opacity: 1; transform: none; } .gc-indgrid__cta { margin-top: 2.5rem; } /* ---------- Timeline ---------- */ .gc-timeline { background: var(--gc-bg-soft); } .gc-timeline__head { max-width: 720px; margin-bottom: clamp(2rem,4vw,3rem); } .gc-timeline__heading { font-size: clamp(1.7rem,3.2vw,2.6rem); color: var(--gc-navy); margin: 0 0 .9rem; } .gc-timeline__intro { color: var(--gc-text); font-size: 1.08rem; line-height: 1.7; } .gc-timeline__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px,1fr)); gap: 1.25rem; position: relative; } .gc-timeline__step { position: relative; } .gc-timeline__marker { display: inline-grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--gc-navy); color: var(--gc-gold); font-family: "Epilogue",sans-serif; font-size: 1rem; margin-bottom: 1.1rem; box-shadow: 0 12px 28px -14px rgba(9,16,62,.6); } .gc-timeline__card { background: #fff; border: 1px solid var(--gc-line); border-radius: 12px; padding: 1.5rem; height: calc(100% - 4rem); box-shadow: var(--gc-card-shadow, 0 1px 2px rgba(9,16,62,.04)); } .gc-timeline__title { font-size: 1.2rem; color: var(--gc-navy); margin: 0 0 .5rem; } .gc-timeline__desc { color: var(--gc-text); line-height: 1.6; margin: 0; font-size: .98rem; } /* ---------- Results feature (dark) ---------- */ .gc-results { background: linear-gradient(135deg,#0d1844 0%, #060a20 100%); color: #fff; } .gc-results__inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(1.5rem,4vw,4rem); align-items: center; } .gc-results__eyebrow { color: var(--gc-gold); font-weight: 700; text-transform: uppercase; letter-spacing: .16em; font-size: .76rem; margin: 0 0 1rem; } .gc-results__heading { font-size: clamp(1.8rem,3.4vw,2.7rem); color: #fff; margin: 0 0 1rem; text-wrap: balance; } .gc-results__client { color: var(--gc-gold); font-weight: 600; margin: 0 0 1rem; } .gc-results__summary { color: rgba(255,255,255,.8); line-height: 1.7; font-size: 1.06rem; } .gc-results__quote { border-left: 3px solid var(--gc-gold); margin: 1.6rem 0 .4rem; padding-left: 1.2rem; font-size: 1.2rem; font-style: italic; color: #fff; } .gc-results__attrib { color: rgba(255,255,255,.6); font-size: .9rem; margin: 0 0 0 1.35rem; } .gc-results__action { margin-top: 1.8rem; } .gc-results__metrics { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .gc-results__metric { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; padding: 1.5rem; } .gc-results__value { display: block; font-family: "Epilogue",sans-serif; font-size: clamp(1.8rem,3vw,2.6rem); color: var(--gc-gold); line-height: 1; } .gc-results__label { display: block; color: rgba(255,255,255,.68); font-size: .88rem; margin-top: .5rem; } .gc-results__media { border-radius: 14px; overflow: hidden; box-shadow: 0 40px 90px -45px rgba(0,0,0,.8); } .gc-results__media img { width: 100%; display: block; } /* ---------- Map band ---------- */ .gc-mapband__inner { display: grid; grid-template-columns: .92fr 1.08fr; gap: clamp(1.5rem,4vw,3.5rem); align-items: center; } .gc-mapband__heading { font-size: clamp(1.7rem,3.2vw,2.5rem); color: var(--gc-navy); margin: 0 0 1rem; } .gc-mapband__intro { color: #4A4A4A; line-height: 1.7; font-size: 1.06rem; } .gc-mapband__chips { list-style: none; margin: 1.5rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; } .gc-mapband__chip { display: inline-block; background: var(--gc-bg-soft); border: 1px solid var(--gc-line); border-radius: 999px; padding: .5rem 1.05rem; color: var(--gc-navy); font-weight: 500; font-size: .92rem; text-decoration: none; transition: .2s; } a.gc-mapband__chip:hover { border-color: var(--gc-gold); color: var(--gc-gold-dark); } .gc-mapband__chip--static { color: var(--gc-text); } .gc-mapband__cta { margin-top: 1.8rem; } .gc-mapband__map { border-radius: 16px; overflow: hidden; border: 1px solid var(--gc-line); box-shadow: 0 40px 80px -45px rgba(9,16,62,.4); aspect-ratio: 16/11; background: #eef0f4; } .gc-mapband__map iframe { width: 100%; height: 100%; border: 0; display: block; filter: saturate(.92); } /* ---------- Resource hub ---------- */ .gc-reshub { background: linear-gradient(180deg, #FBFAF7 0%, #fff 100%); } .gc-reshub__head { max-width: 760px; margin-bottom: clamp(2rem,4vw,3rem); } .gc-reshub__heading { font-size: clamp(1.7rem,3.2vw,2.6rem); color: var(--gc-navy); margin: 0 0 .9rem; } .gc-reshub__intro { color: #4A4A4A; font-size: 1.08rem; line-height: 1.7; } .gc-reshub__group + .gc-reshub__group { margin-top: 2.5rem; } .gc-reshub__group-label { font-size: .8rem; text-transform: uppercase; letter-spacing: .14em; color: var(--gc-gold-dark); margin: 0 0 1.1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--gc-line); } .gc-reshub__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); gap: 1rem; } .gc-reshub__card { display: flex; gap: 1.1rem; align-items: flex-start; background: #fff; border: 1px solid var(--gc-line); border-radius: 14px; padding: 1.35rem; text-decoration: none; transition: transform .25s, box-shadow .25s, border-color .25s; } .gc-reshub__card:hover { transform: translateY(-3px); box-shadow: 0 24px 50px -30px rgba(9,16,62,.4); border-color: #E3D6BE; } .gc-reshub__mono { flex: 0 0 auto; display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: 12px; background: linear-gradient(135deg, var(--gc-navy), #1b2a63); color: var(--gc-gold); font-family: "Epilogue",sans-serif; font-weight: 700; font-size: 1.05rem; letter-spacing: .02em; } .gc-reshub__name { display: block; font-weight: 700; color: var(--gc-navy); font-size: 1.06rem; } .gc-reshub__desc { display: block; color: var(--gc-text); font-size: .93rem; line-height: 1.5; margin-top: .35rem; } .gc-reshub__host { display: inline-block; color: var(--gc-gold-dark); font-size: .82rem; margin-top: .6rem; font-weight: 600; } /* ---------- Premium FAQ ---------- */ .gc-page--city .gc-faq__heading { font-size: clamp(1.7rem,3.2vw,2.5rem); color: var(--gc-navy); margin: 0 0 1.6rem; text-align: center; } .gc-page--city .gc-faq__list { gap: .75rem; } .gc-page--city .gc-faq__item { border: 1px solid var(--gc-line); border-radius: 12px; background: #fff; padding: .35rem 1.4rem; box-shadow: 0 1px 2px rgba(9,16,62,.03); transition: box-shadow .2s; } .gc-page--city .gc-faq__item[open] { box-shadow: 0 18px 40px -30px rgba(9,16,62,.4); } .gc-page--city .gc-faq__q { font-size: 1.08rem; color: var(--gc-navy); font-weight: 600; padding: 1.15rem 2rem 1.15rem 0; list-style: none; position: relative; cursor: pointer; } .gc-page--city .gc-faq__q::-webkit-details-marker { display: none; } .gc-page--city .gc-faq__q::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: var(--gc-gold-dark); font-size: 1.5rem; line-height: 1; } .gc-page--city .gc-faq__item[open] .gc-faq__q::after { content: "\2013"; } .gc-page--city .gc-faq__a { color: #4A4A4A; line-height: 1.7; padding-bottom: 1.2rem; } /* ---------- Mega CTA ---------- */ .gc-megacta { position: relative; isolation: isolate; color: #fff; background: var(--gc-navy); overflow: hidden; padding-block: clamp(5rem,10vw,9rem); text-align: center; } .gc-megacta__bg { position: absolute; inset: -8% 0; background-size: cover; background-position: center; z-index: -3; will-change: transform; } .gc-megacta__scrim { position: absolute; inset: 0; z-index: -2; background: linear-gradient(180deg, rgba(6,10,32,.88), rgba(6,10,32,.92)), radial-gradient(80% 120% at 50% 0%, rgba(220,150,41,.18), transparent 60%); } .gc-megacta__inner { max-width: 880px; margin-inline: auto; padding-inline: clamp(1.25rem,4vw,2rem); } .gc-megacta__eyebrow { color: var(--gc-gold); font-weight: 700; text-transform: uppercase; letter-spacing: .2em; font-size: .78rem; margin: 0 0 1.2rem; } .gc-megacta__heading { font-size: clamp(2.1rem,4.4vw,3.4rem); line-height: 1.05; margin: 0 0 1.2rem; text-wrap: balance; } .gc-megacta__text { font-size: clamp(1.05rem,1.6vw,1.25rem); color: rgba(255,255,255,.82); max-width: 56ch; margin: 0 auto 2.2rem; line-height: 1.6; } .gc-megacta__actions { display: flex; flex-wrap: wrap; gap: .9rem 1rem; justify-content: center; } .gc-megacta__foot { margin-top: 1.6rem; color: rgba(255,255,255,.6); font-size: .92rem; } .gc-schema { display: none !important; } /* ---------- Responsive ---------- */ @media (max-width: 980px) { .gc-statement__inner, .gc-split__inner, .gc-showcase__layout, .gc-results__inner, .gc-mapband__inner { grid-template-columns: 1fr; } .gc-split.media-right .gc-split__media { order: 0; } .gc-statement__eyebrow { position: static; } .gc-results__inner { gap: 2rem; } } @media (max-width: 767px) { .gc-cinehero { min-height: 78vh; } .gc-cinehero__trust { gap: 1.5rem 2rem; } .gc-results__metrics { grid-template-columns: 1fr 1fr; } .gc-btn--lg { width: 100%; } .gc-cinehero__actions .gc-btn, .gc-megacta__actions .gc-btn { width: 100%; } } /* === FULL-BLEED OVERRIDE v1 === */ /* Break the flagship page out of the theme's boxed #content wrapper so every chapter background spans the full viewport. Inner wrappers stay centered. */ .gc-main, body .site-main, main#content.gc-main { max-width: none !important; width: auto !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .gc-page--city { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } .gc-page--city > section, .gc-page--city > .gc-breadcrumbs { width: 100%; } /* Roomier inner content on large screens */ @media (min-width: 1400px) { .gc-page--city { --gc-maxw: 1320px; } } /* Guard against any accidental horizontal scroll from the breakout */ html, body { overflow-x: hidden; } /* === QA POLISH v2 (specificity-correct, kit-scoped) === */ .elementor-kit-11071 .gc-cinehero h1, .elementor-kit-11071 .gc-cinehero h2, .elementor-kit-11071 .gc-cinehero h3, .elementor-kit-11071 .gc-cinehero h4, .elementor-kit-11071 .gc-cinehero p, .elementor-kit-11071 .gc-cinehero li, .elementor-kit-11071 .gc-cinehero figcaption, .elementor-kit-11071 .gc-cinehero blockquote { color: #fff; } .elementor-kit-11071 .gc-metricband h1, .elementor-kit-11071 .gc-metricband h2, .elementor-kit-11071 .gc-metricband h3, .elementor-kit-11071 .gc-metricband h4, .elementor-kit-11071 .gc-metricband p, .elementor-kit-11071 .gc-metricband li, .elementor-kit-11071 .gc-metricband figcaption, .elementor-kit-11071 .gc-metricband blockquote { color: #fff; } .elementor-kit-11071 .gc-indgrid h1, .elementor-kit-11071 .gc-indgrid h2, .elementor-kit-11071 .gc-indgrid h3, .elementor-kit-11071 .gc-indgrid h4, .elementor-kit-11071 .gc-indgrid p, .elementor-kit-11071 .gc-indgrid li, .elementor-kit-11071 .gc-indgrid figcaption, .elementor-kit-11071 .gc-indgrid blockquote { color: #fff; } .elementor-kit-11071 .gc-results h1, .elementor-kit-11071 .gc-results h2, .elementor-kit-11071 .gc-results h3, .elementor-kit-11071 .gc-results h4, .elementor-kit-11071 .gc-results p, .elementor-kit-11071 .gc-results li, .elementor-kit-11071 .gc-results figcaption, .elementor-kit-11071 .gc-results blockquote { color: #fff; } .elementor-kit-11071 .gc-megacta h1, .elementor-kit-11071 .gc-megacta h2, .elementor-kit-11071 .gc-megacta h3, .elementor-kit-11071 .gc-megacta h4, .elementor-kit-11071 .gc-megacta p, .elementor-kit-11071 .gc-megacta li, .elementor-kit-11071 .gc-megacta figcaption, .elementor-kit-11071 .gc-megacta blockquote { color: #fff; } .elementor-kit-11071 .gc-split--dark h1, .elementor-kit-11071 .gc-split--dark h2, .elementor-kit-11071 .gc-split--dark h3, .elementor-kit-11071 .gc-split--dark p, .elementor-kit-11071 .gc-split--dark li { color: #fff; } .elementor-kit-11071 .gc-cinehero__eyebrow, .elementor-kit-11071 .gc-metricband__value, .elementor-kit-11071 .gc-results__value, .elementor-kit-11071 .gc-results__client, .elementor-kit-11071 .gc-results__eyebrow, .elementor-kit-11071 .gc-megacta__eyebrow { color: var(--gc-gold); } .elementor-kit-11071 .gc-cinehero__title { color: #fff; text-shadow: 0 2px 24px rgba(0,0,0,.45); } .elementor-kit-11071 .gc-cinehero__subtitle { color: rgba(255,255,255,.9); } .elementor-kit-11071 .gc-cinehero__trust-l { color: rgba(255,255,255,.6); } .elementor-kit-11071 .gc-btn, .elementor-kit-11071 .gc-btn span { color: #fff; } .elementor-kit-11071 .gc-btn--primary, .elementor-kit-11071 .gc-btn--primary span { color: #fff; } .elementor-kit-11071 .gc-btn--ghost, .elementor-kit-11071 .gc-btn--ghost span { color: #fff; } .elementor-kit-11071 .gc-btn--secondary, .elementor-kit-11071 .gc-btn--ghost-dark { color: var(--gc-navy); } .elementor-kit-11071 .gc-btn--secondary:hover, .elementor-kit-11071 .gc-btn--ghost-dark:hover { color: #fff; } .elementor-kit-11071 .gc-cinehero__trust-v { font-family: 'IBM Plex Sans', sans-serif; font-size: 1.02rem; font-weight: 600; line-height: 1.3; color: #fff; } .elementor-kit-11071 .gc-cinehero__trust-item { position: relative; padding-left: 1.9rem; max-width: 22rem; } .elementor-kit-11071 .gc-cinehero__trust-item::before { content: ''; position: absolute; left: 0; top: .15rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: rgba(220,150,41,.22); } .elementor-kit-11071 .gc-cinehero__trust-item::after { content: ''; position: absolute; left: .4rem; top: .48rem; width: .42rem; height: .22rem; border-left: 2px solid var(--gc-gold); border-bottom: 2px solid var(--gc-gold); transform: rotate(-45deg); } .elementor-kit-11071 .gc-cinehero__trust { gap: 1.3rem 2.4rem; margin-top: 2.4rem; padding-top: 1.8rem; } @media (max-width:767px){ .elementor-kit-11071 .gc-cinehero__title { font-size: clamp(2rem,8.5vw,2.6rem); line-height:1.1; max-width:14ch; } .elementor-kit-11071 .gc-cinehero__subtitle{ font-size:1rem; } } .gc-page--city > section, .gc-page--city > .gc-breadcrumbs { padding-block: clamp(3.5rem,7vw,7rem); } .gc-cinehero{ padding-block:0; } .gc-page--city .gc-breadcrumbs{ padding-block:.85rem; } .gc-btn:empty, a.gc-btn:not([href]){ display:none !important; } .gc-page--city section:empty{ display:none !important; } /* === INDGRID READABILITY v1 === */ .elementor-kit-11071 .gc-indgrid__scrim { background: linear-gradient(0deg, rgba(6,10,32,.96) 0%, rgba(6,10,32,.72) 42%, rgba(6,10,32,.40) 100%); } .elementor-kit-11071 .gc-indgrid__title { color: #fff; text-shadow: 0 2px 14px rgba(0,0,0,.6); } .elementor-kit-11071 .gc-indgrid__desc { color: rgba(255,255,255,.9); max-height: none; opacity: 1; margin-top: .55rem; text-shadow: 0 1px 8px rgba(0,0,0,.7); } .elementor-kit-11071 .gc-indgrid__more { color: var(--gc-gold); opacity: 1; transform: none; text-shadow: 0 1px 8px rgba(0,0,0,.7); margin-top: .8rem; } .elementor-kit-11071 .gc-indgrid__img { background-color: #0d1233; } .elementor-kit-11071 .gc-indgrid__tile { min-height: 280px; } .elementor-kit-11071 .gc-indgrid__content { padding: 1.6rem 1.5rem 1.7rem; } /* === HERO FORM SPLIT v1 === */ .elementor-kit-11071 .gc-cinehero--split .gc-cinehero__inner { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(380px,440px); gap: clamp(2rem,5vw,5rem); align-items: center; } .elementor-kit-11071 .gc-cinehero--split .gc-cinehero__content { max-width: 640px; } .elementor-kit-11071 .gc-cinehero__formwrap { width: 100%; } .elementor-kit-11071 .gc-cinehero__form { background: #fff; border-radius: 16px; padding: 1.6rem 1.6rem 1.2rem; box-shadow: 0 40px 90px -40px rgba(0,0,0,.6); border: 1px solid rgba(255,255,255,.08); } .elementor-kit-11071 .gc-cinehero__form-title { font-family: 'Epilogue', sans-serif; font-weight: 700; font-size: 1.35rem; color: var(--gc-navy); margin: 0 0 .35rem; } .elementor-kit-11071 .gc-cinehero__form-lead { font-size: .92rem; line-height: 1.5; color: var(--gc-text); margin: 0 0 1rem; } .elementor-kit-11071 .gc-cinehero__form-embed { position: relative; width: 100%; min-height: 560px; } .elementor-kit-11071 .gc-cinehero__form-embed iframe { width: 100% !important; min-height: 560px; border: 0; display: block; border-radius: 6px; } @media (max-width: 1024px) { .elementor-kit-11071 .gc-cinehero--split .gc-cinehero__inner { grid-template-columns: 1fr; gap: 2rem; } .elementor-kit-11071 .gc-cinehero--split .gc-cinehero__formwrap { max-width: 480px; } } @media (max-width: 767px) { .elementor-kit-11071 .gc-cinehero__form { padding: 1.2rem 1.1rem; } .elementor-kit-11071 .gc-cinehero__form-embed, .elementor-kit-11071 .gc-cinehero__form-embed iframe { min-height: 600px; } } .elementor-kit-11071 .gc-cinehero--split .gc-cinehero__cue { display: none; } /* === INDUSTRY GRID REDESIGN v2 === */ .elementor-kit-11071 .gc-indgrid { background: radial-gradient(120% 130% at 85% 0%, #16224f 0%, var(--gc-navy) 55%, #060a20 100%); } .elementor-kit-11071 .gc-indgrid__head { max-width: 760px; margin: 0 auto clamp(2.5rem,5vw,3.5rem); text-align: center; } .elementor-kit-11071 .gc-indgrid__heading { color: #fff; font-size: clamp(2rem,4vw,3rem); margin: 0 0 1rem; } .elementor-kit-11071 .gc-indgrid__intro { color: rgba(255,255,255,.72); font-size: 1.1rem; line-height: 1.7; } .elementor-kit-11071 .gc-indgrid__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; } .elementor-kit-11071 .gc-indgrid__card { display: flex; flex-direction: column; background: #fff; border-radius: 18px; overflow: hidden; text-decoration: none; min-height: 0; box-shadow: 0 30px 60px -35px rgba(0,0,0,.55); border: 1px solid rgba(255,255,255,.06); transition: transform .35s cubic-bezier(.16,.84,.44,1), box-shadow .35s; position: relative; } .elementor-kit-11071 a.gc-indgrid__card:hover { transform: translateY(-6px); box-shadow: 0 45px 80px -30px rgba(0,0,0,.7); } .elementor-kit-11071 .gc-indgrid__media { position: relative; display: block; aspect-ratio: 16/9; overflow: hidden; } .elementor-kit-11071 .gc-indgrid__img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.16,.84,.44,1); } .elementor-kit-11071 a.gc-indgrid__card:hover .gc-indgrid__img { transform: scale(1.06); } .elementor-kit-11071 .gc-indgrid__tint { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(9,16,62,.05) 0%, rgba(9,16,62,.35) 100%); } .elementor-kit-11071 .gc-indgrid__index { position: absolute; top: .9rem; left: 1rem; font-family: 'Epilogue',sans-serif; font-weight: 700; font-size: .85rem; letter-spacing: .1em; color: #fff; background: rgba(220,150,41,.92); padding: .25rem .6rem; border-radius: 6px; } .elementor-kit-11071 .gc-indgrid__body { display: flex; flex-direction: column; gap: .5rem; padding: 1.5rem 1.5rem 1.6rem; flex: 1; border-top: 3px solid var(--gc-gold); } .elementor-kit-11071 .gc-indgrid__title { font-family: 'Epilogue',sans-serif; font-weight: 700; font-size: 1.3rem; color: var(--gc-navy); line-height: 1.2; } .elementor-kit-11071 .gc-indgrid__desc { color: var(--gc-text); font-size: .96rem; line-height: 1.55; flex: 1; } .elementor-kit-11071 .gc-indgrid__more { display: inline-flex; align-items: center; gap: .4rem; margin-top: .4rem; color: var(--gc-gold-dark); font-weight: 700; font-size: .92rem; transition: gap .25s; } .elementor-kit-11071 a.gc-indgrid__card:hover .gc-indgrid__more { gap: .8rem; } .elementor-kit-11071 .gc-indgrid__cta { text-align: center; margin-top: clamp(2.5rem,5vw,3.5rem); } @media (max-width:1024px){ .elementor-kit-11071 .gc-indgrid__grid { grid-template-columns: repeat(2,1fr); } } @media (max-width:600px){ .elementor-kit-11071 .gc-indgrid__grid { grid-template-columns: 1fr; } .elementor-kit-11071 .gc-indgrid__head { text-align: left; } } /* === MEGACTA FORM SPLIT v1 === */ .elementor-kit-11071 .gc-megacta--form { text-align: left; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__inner { max-width: 1200px; display: grid; grid-template-columns: minmax(0,1fr) minmax(400px,460px); gap: clamp(2rem,5vw,4.5rem); align-items: center; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__copy { max-width: 600px; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__text { margin-left: 0; margin-right: 0; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__actions { justify-content: flex-start; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__actions .gc-btn { width: auto; } .elementor-kit-11071 .gc-megacta__formwrap { width: 100%; } .elementor-kit-11071 .gc-megacta__form { background: #fff; border-radius: 16px; padding: 1.6rem 1.6rem 1.2rem; box-shadow: 0 40px 90px -40px rgba(0,0,0,.6); } .elementor-kit-11071 .gc-megacta__form-title { font-family: 'Epilogue',sans-serif; font-weight: 700; font-size: 1.35rem; color: var(--gc-navy); margin: 0 0 .35rem; } .elementor-kit-11071 .gc-megacta__form-lead { font-size: .92rem; line-height: 1.5; color: var(--gc-text); margin: 0 0 1rem; } .elementor-kit-11071 .gc-megacta__form-embed { position: relative; width: 100%; min-height: 620px; } .elementor-kit-11071 .gc-megacta__form-embed iframe { width: 100% !important; min-height: 620px; border: 0; display: block; border-radius: 6px; } @media (max-width: 1024px) { .elementor-kit-11071 .gc-megacta--form .gc-megacta__inner { grid-template-columns: 1fr; gap: 2rem; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__formwrap { max-width: 500px; } } /* === HERO FORM + INDGRID TWEAKS v1 === */ .elementor-kit-11071 .gc-indgrid__index { display: none !important; } .elementor-kit-11071 .gc-cinehero--split .gc-cinehero__inner { grid-template-columns: minmax(0,1fr) minmax(440px,520px); gap: clamp(1.5rem,4vw,3.5rem); } .elementor-kit-11071 .gc-cinehero__form-embed { min-height: 460px; } .elementor-kit-11071 .gc-cinehero__form-embed iframe { min-height: 460px; height: 460px; } .elementor-kit-11071 .gc-cinehero__form, .elementor-kit-11071 .gc-cinehero__form p, .elementor-kit-11071 .gc-cinehero__form span { color: var(--gc-navy); } .elementor-kit-11071 .gc-cinehero__form-title { color: var(--gc-navy) !important; } .elementor-kit-11071 .gc-cinehero__form-lead { color: #4A4A4A !important; } /* === HERO SPLIT HEIGHT FIX v1 === */ .elementor-kit-11071 .gc-cinehero--split { min-height: 0; align-items: stretch; } .elementor-kit-11071 .gc-cinehero--split .gc-cinehero__inner { align-items: center; padding-top: clamp(3rem,7vh,5rem); padding-bottom: clamp(3rem,7vh,5rem); } .elementor-kit-11071 .gc-cinehero__form-embed, .elementor-kit-11071 .gc-cinehero__form-embed iframe { min-height: 0; height: 520px; } .elementor-kit-11071 .gc-cinehero__form { padding: 1.4rem 1.4rem 1rem; } @media (max-width:1024px){ .elementor-kit-11071 .gc-cinehero--split { min-height: 0; } .elementor-kit-11071 .gc-cinehero__form-embed, .elementor-kit-11071 .gc-cinehero__form-embed iframe { height: 560px; } } /* === HERO FORM CARD TRANSPARENT v1 === */ .elementor-kit-11071 .gc-cinehero__form { background: transparent !important; box-shadow: none !important; padding: 0 !important; border: 0 !important; } .elementor-kit-11071 .gc-cinehero__form-title { color: #fff !important; } .elementor-kit-11071 .gc-cinehero__form-lead { color: rgba(255,255,255,.8) !important; } .elementor-kit-11071 .gc-cinehero__form-embed iframe { border-radius: 10px; } /* === METRIC OVERLAP FIX v1 === */ .elementor-kit-11071 .gc-metricband__grid { grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 2rem 2.5rem; } .elementor-kit-11071 .gc-metricband__item { min-width: 0; padding-left: 1.5rem; } .elementor-kit-11071 .gc-metricband__value { font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1; white-space: nowrap; overflow-wrap: normal; } .elementor-kit-11071 .gc-metricband__label { overflow-wrap: anywhere; } /* === BOOKING CTA WIDER v1 === */ .elementor-kit-11071 .gc-megacta--form .gc-megacta__inner { max-width: 1280px; grid-template-columns: minmax(0,0.85fr) minmax(560px,640px); gap: clamp(2rem,4vw,3.5rem); } .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-embed, .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-embed iframe { min-height: 720px; height: 720px; } @media (max-width:1100px){ .elementor-kit-11071 .gc-megacta--form .gc-megacta__inner { grid-template-columns: 1fr; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__formwrap { max-width: 640px; margin-inline: auto; } } @media (max-width:600px){ .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-embed, .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-embed iframe { min-height: 760px; height: 760px; } } /* === BOOKING CARD CLEAN v1 === */ .elementor-kit-11071 .gc-megacta--form .gc-megacta__form { background: #fff !important; border-radius: 18px !important; padding: 1.5rem !important; box-shadow: 0 50px 90px -40px rgba(0,0,0,.65) !important; border: 1px solid rgba(255,255,255,.1) !important; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-title { color: var(--gc-navy) !important; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-lead { color: #4A4A4A !important; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-embed iframe { background:#fff; border-radius: 10px; } /* === BOOKING CARD FINAL v2 === */ .elementor-kit-11071 .gc-megacta--form .gc-megacta__form { background:#fff !important; border-radius:18px !important; padding:1.25rem !important; box-shadow:0 50px 90px -40px rgba(0,0,0,.65) !important; border:0 !important; overflow:hidden !important; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-embed { min-height:0 !important; height:auto !important; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-embed iframe { height:auto !important; min-height:640px !important; background:#fff; border-radius:10px; display:block; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-lead { margin-bottom:.85rem !important; } /* === BOOKING NO-SCROLL v1 === */ .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-embed { height:auto !important; min-height:0 !important; overflow:visible !important; } .elementor-kit-11071 .gc-megacta--form .gc-megacta__form-embed iframe { height:780px !important; min-height:780px !important; overflow:hidden !important; display:block; width:100% !important; background:#fff; border-radius:10px; } /* === MOBILE HERO RESET v1 === */ @media (max-width: 767px) { .elementor-kit-11071 .gc-cinehero, .elementor-kit-11071 .gc-cinehero--split { min-height: 0 !important; height: auto !important; display: block !important; } .elementor-kit-11071 .gc-cinehero__inner { display: block !important; padding: 6rem 1.25rem 3rem !important; } .elementor-kit-11071 .gc-cinehero--split .gc-cinehero__inner { grid-template-columns: 1fr !important; } .elementor-kit-11071 .gc-cinehero__content { max-width: 100% !important; } .elementor-kit-11071 .gc-cinehero__title { font-size: clamp(1.9rem, 9vw, 2.6rem) !important; line-height: 1.1 !important; max-width: 100% !important; } .elementor-kit-11071 .gc-cinehero__subtitle { font-size: 1rem !important; max-width: 100% !important; } .elementor-kit-11071 .gc-cinehero__actions { flex-direction: column; align-items: stretch; } .elementor-kit-11071 .gc-cinehero__actions .gc-btn { width: 100% !important; } .elementor-kit-11071 .gc-cinehero__trust { flex-direction: column; gap: 1rem !important; margin-top: 2rem !important; padding-top: 1.5rem !important; } .elementor-kit-11071 .gc-cinehero__trust-item { max-width: 100% !important; } .elementor-kit-11071 .gc-cinehero__formwrap { max-width: 100% !important; margin: 2rem 0 0 !important; } .elementor-kit-11071 .gc-cinehero__form-embed, .elementor-kit-11071 .gc-cinehero__form-embed iframe { height: 600px !important; min-height: 600px !important; } .elementor-kit-11071 .gc-page--city { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; overflow-x: clip; } html, body { overflow-x: hidden !important; } } /* === CITY WELCOME SIGN v1 === */ .elementor-kit-11071 .gc-split--sign { background: #FBFAF7; } .elementor-kit-11071 .gc-split--sign .gc-split__eyebrow { display:inline-block; background: var(--gc-navy); color:#fff !important; font-family:'Epilogue',sans-serif; letter-spacing:.18em; padding:.55rem 1.1rem; border-radius:6px; border:2px solid var(--gc-gold); box-shadow:0 10px 24px -14px rgba(9,16,62,.5); margin-bottom:1.1rem; } .elementor-kit-11071 .gc-split--sign .gc-split__heading { color: var(--gc-navy); } .elementor-kit-11071 .gc-split--sign .gc-split__heading::after { content:''; display:block; width:64px; height:4px; background:var(--gc-gold); border-radius:2px; margin-top:1rem; } .elementor-kit-11071 .gc-split--sign .gc-split__media-frame { border:3px solid #fff; outline:1px solid var(--gc-line); box-shadow:0 40px 80px -40px rgba(9,16,62,.45); } /* === WELCOME SIGN SVG v1 === */ .elementor-kit-11071 .gc-split__media--sign .gc-split__media-frame { border-radius:14px; overflow:hidden; background:#e6f3fb; } .elementor-kit-11071 .gc-split__media--sign svg { width:100% !important; height:auto !important; display:block; } .elementor-kit-11071 .gc-split__media--sign .gc-split__media-frame { aspect-ratio:auto; } /* === SIGN GAP FIX v1 === */ .elementor-kit-11071 .gc-split--sign .gc-split__inner { align-items: center; } .elementor-kit-11071 .gc-split--sign .gc-split__media { max-width: 480px; margin-inline: auto; width: 100%; } .elementor-kit-11071 .gc-split--sign .gc-split__media-frame { display:block; line-height:0; } .elementor-kit-11071 .gc-split--sign .gc-split__media--sign svg { border-radius: 12px; } .elementor-kit-11071 .gc-split--sign { padding-block: clamp(3.5rem,6vw,5.5rem); } /* === DESIGNED VISUALS v1 === */ .elementor-kit-11071 .gc-showcase__panel-media { aspect-ratio:auto; overflow:visible; background:linear-gradient(135deg,#f7f8fb,#eef1f7); border-radius:14px; padding:1.1rem; display:flex; align-items:center; justify-content:center; } .elementor-kit-11071 .gc-showcase__panel-media .gc-mockup { width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 24px 50px -30px rgba(9,16,62,.5); } .elementor-kit-11071 .gc-showcase__panel.is-active { grid-template-columns: 1.15fr 1fr; align-items:center; gap:2rem; } .elementor-kit-11071 .gc-showcase__panel--nomedia.is-active { grid-template-columns:1fr; } @media (max-width:860px){ .elementor-kit-11071 .gc-showcase__panel.is-active { grid-template-columns:1fr; } } .elementor-kit-11071 .gc-split--nomedia .gc-split__inner { grid-template-columns:1fr; max-width:860px; } /* === INDUSTRY ICON CARDS v1 === */ .elementor-kit-11071 .gc-indgrid__card { display:flex; flex-direction:column; align-items:flex-start; gap:1.1rem; padding:2rem 1.75rem; background:#fff; border:1px solid rgba(9,16,62,.08); border-top:3px solid var(--gc-gold); border-radius:16px; box-shadow:0 30px 60px -42px rgba(9,16,62,.5); min-height:0; overflow:visible; } .elementor-kit-11071 .gc-indgrid__icon { display:inline-flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:14px; background:linear-gradient(135deg,#0E1A45,#1B2A5B); color:var(--gc-gold); flex:none; } .elementor-kit-11071 .gc-indgrid__icon svg { width:28px; height:28px; } .elementor-kit-11071 a.gc-indgrid__card:hover .gc-indgrid__icon { background:linear-gradient(135deg,var(--gc-gold),var(--gc-gold-dark)); color:#fff; transition:background .3s; } .elementor-kit-11071 .gc-indgrid__body { display:flex; flex-direction:column; gap:.5rem; } .elementor-kit-11071 .gc-indgrid__title { font-family:'Epilogue',sans-serif; font-weight:700; font-size:1.22rem; color:var(--gc-navy); line-height:1.25; } .elementor-kit-11071 .gc-indgrid__desc { color:var(--gc-text); font-size:.95rem; line-height:1.55; } .elementor-kit-11071 .gc-indgrid__more { display:inline-flex; align-items:center; gap:.4rem; margin-top:.3rem; color:var(--gc-gold-dark); font-weight:700; font-size:.9rem; transition:gap .25s; } .elementor-kit-11071 a.gc-indgrid__card:hover { transform:translateY(-4px); transition:transform .3s, box-shadow .3s; box-shadow:0 40px 70px -35px rgba(9,16,62,.6); } .elementor-kit-11071 a.gc-indgrid__card:hover .gc-indgrid__more { gap:.75rem; } /* === DESIGNED CTA BG v1 === */ .elementor-kit-11071 .gc-megacta { background:linear-gradient(135deg,#0B1233 0%,#09103E 45%,#16224F 100%); position:relative; } .elementor-kit-11071 .gc-megacta::before { content:''; position:absolute; inset:0; background:radial-gradient(60% 90% at 85% 15%, rgba(220,150,41,.20), transparent 60%); pointer-events:none; } .elementor-kit-11071 .gc-megacta--form { background:linear-gradient(120deg,#0B1233 0%,#111F49 60%,#0E1A45 100%); } .elementor-kit-11071 .gc-split__media--sign .gc-mockup { width:100%; height:auto; display:block; border-radius:12px; } .elementor-kit-11071 .gc-split__media--sign .gc-split__media-frame { background:transparent; border:0; box-shadow:none; line-height:0; } /* === BUSINESS LANDSCAPE v1 === */ .elementor-kit-11071 .gc-landscape { background:#FBFAF7; } .elementor-kit-11071 .gc-landscape__inner { max-width:1200px; margin:0 auto; } .elementor-kit-11071 .gc-landscape__head { max-width:820px; margin-bottom:clamp(2rem,4vw,3rem); } .elementor-kit-11071 .gc-landscape__eyebrow { font-family:'Epilogue',sans-serif; font-weight:700; letter-spacing:.16em; text-transform:uppercase; font-size:.8rem; color:var(--gc-gold-dark); margin:0 0 .8rem; } .elementor-kit-11071 .gc-landscape__heading { font-family:'Epilogue',sans-serif; font-weight:700; color:var(--gc-navy); font-size:clamp(2rem,3.6vw,2.9rem); line-height:1.12; margin:0; } .elementor-kit-11071 .gc-landscape__grid { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(2rem,4vw,3.5rem); align-items:start; } .elementor-kit-11071 .gc-landscape__prose p { color:var(--gc-text); font-size:1.06rem; line-height:1.75; margin:0 0 1.1rem; } .elementor-kit-11071 .gc-landscape__map-frame { position:relative; width:100%; aspect-ratio:4/3; border-radius:16px; overflow:hidden; box-shadow:0 34px 70px -40px rgba(9,16,62,.5); border:1px solid var(--gc-line); } .elementor-kit-11071 .gc-landscape__map-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; } .elementor-kit-11071 .gc-landscape__facets { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:clamp(2.5rem,5vw,3.5rem); } .elementor-kit-11071 .gc-landscape__facet { background:#fff; border:1px solid var(--gc-line); border-top:3px solid var(--gc-gold); border-radius:14px; padding:1.5rem; } .elementor-kit-11071 .gc-landscape__facet-label { font-family:'Epilogue',sans-serif; font-weight:700; color:var(--gc-navy); font-size:1.05rem; margin:0 0 1rem; } .elementor-kit-11071 .gc-landscape__chips { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.5rem; } .elementor-kit-11071 .gc-landscape__chips li { background:#F5F5F5; color:var(--gc-navy); font-size:.9rem; font-weight:600; padding:.4rem .8rem; border-radius:999px; } .elementor-kit-11071 .gc-landscape__cta { margin-top:2rem; } @media (max-width:900px){ .elementor-kit-11071 .gc-landscape__grid { grid-template-columns:1fr; } .elementor-kit-11071 .gc-landscape__facets { grid-template-columns:1fr; } } /* === BUSINESS LANDSCAPE v2 (authority narrative) === */ .elementor-kit-11071 .gc-landscape__narrative { max-width:840px; margin:clamp(2.5rem,5vw,3.75rem) auto 0; } .elementor-kit-11071 .gc-landscape__narrative h3 { font-family:'Epilogue',sans-serif; font-weight:700; color:var(--gc-navy); font-size:clamp(1.2rem,2vw,1.45rem); line-height:1.2; margin:2.25rem 0 .8rem; } .elementor-kit-11071 .gc-landscape__narrative h3:first-child { margin-top:0; } .elementor-kit-11071 .gc-landscape__narrative p { color:var(--gc-text); font-size:1.06rem; line-height:1.78; margin:0 0 1.15rem; } .elementor-kit-11071 .gc-landscape__narrative strong { color:var(--gc-navy); } .elementor-kit-11071 .gc-landscape__narrative a { color:var(--gc-gold-dark); text-decoration:underline; text-underline-offset:2px; } /* === INNER PAGE SPACING + REVIEWS v1 === */ .elementor-kit-11071 .gc-page.gc-page--city-service > section { padding-block: clamp(2.25rem,4.2vw,3.75rem); } .elementor-kit-11071 .gc-reshub__host--internal { color: var(--gc-gold-dark); font-weight:600; } .elementor-kit-11071 .gc-reviews { background: linear-gradient(180deg,#fff 0%,#FBFAF7 100%); } .elementor-kit-11071 .gc-reviews__inner { max-width: var(--gc-maxw); margin-inline:auto; padding-inline:clamp(1.25rem,4vw,2rem); text-align:center; } .elementor-kit-11071 .gc-reviews__head { max-width:640px; margin:0 auto clamp(1.5rem,3vw,2.25rem); } .elementor-kit-11071 .gc-reviews__heading { font-family:'Epilogue',sans-serif; font-weight:700; color:var(--gc-navy); font-size:clamp(1.7rem,3.2vw,2.6rem); margin:0 0 .6rem; } .elementor-kit-11071 .gc-reviews__sub { color:var(--gc-text); font-size:1.05rem; margin:0; } .elementor-kit-11071 .gc-reviews__embed { min-height:120px; } /* === FAQ TWO COLUMN v1 === */ .elementor-kit-11071 .gc-page--city .gc-faq__inner { max-width: 1120px; } .elementor-kit-11071 .gc-page--city .gc-faq__list { grid-template-columns: 1fr 1fr; gap: .75rem 1.5rem; align-items: start; } @media (max-width:820px){ .elementor-kit-11071 .gc-page--city .gc-faq__list { grid-template-columns: 1fr; } } /* === LEARN GUIDE v1 === */ .elementor-kit-11071 .gc-guide{ --g-gold:#DC9629; --g-gold2:#C08C3B; --g-navy:#09103E; --g-ink:#3A3A44; --g-mut:#6A6A72; --g-line:#ECE9E2; --g-soft:#FAF9F6; --g-soft2:#F4F1EA; background:var(--g-soft); } .elementor-kit-11071 .gc-guide__inner{ max-width:1140px; margin-inline:auto; padding-inline:clamp(1rem,4vw,2rem); } .elementor-kit-11071 .gc-guide__head{ text-align:center; max-width:820px; margin:0 auto clamp(2.25rem,4vw,3.25rem); } .elementor-kit-11071 .gc-guide__eyebrow{ display:inline-block; font-family:'IBM Plex Sans',sans-serif; font-weight:600; letter-spacing:.18em; text-transform:uppercase; font-size:.72rem; color:var(--g-gold2); margin-bottom:1rem; } .elementor-kit-11071 .gc-guide__title{ font-family:'Epilogue',sans-serif; font-weight:700; color:var(--g-navy); font-size:clamp(1.9rem,4vw,2.9rem); line-height:1.1; margin:0 0 1rem; letter-spacing:-.01em; } .elementor-kit-11071 .gc-guide__lede{ color:var(--g-mut); font-size:clamp(1.02rem,1.6vw,1.18rem); line-height:1.7; } .elementor-kit-11071 .gc-guide__lede p{ margin:0 0 .6rem; } .elementor-kit-11071 .gc-guide__block{ background:#fff; border:1px solid var(--g-line); border-radius:20px; padding:clamp(1.5rem,3.2vw,2.75rem); margin-bottom:clamp(1.25rem,2.4vw,1.9rem); box-shadow:0 1px 2px rgba(9,16,62,.03); } .elementor-kit-11071 .gc-guide__block--takeaways{ background:var(--g-navy); border-color:var(--g-navy); } .elementor-kit-11071 .gc-guide__bhead{ margin-bottom:1.6rem; } .elementor-kit-11071 .gc-guide__beyebrow{ display:inline-block; font-family:'IBM Plex Sans',sans-serif; font-weight:600; letter-spacing:.16em; text-transform:uppercase; font-size:.68rem; color:var(--g-gold2); margin-bottom:.7rem; } .elementor-kit-11071 .gc-guide__btitle{ font-family:'Epilogue',sans-serif; font-weight:700; color:var(--g-navy); font-size:clamp(1.35rem,2.6vw,1.9rem); line-height:1.2; margin:0 0 .7rem; letter-spacing:-.01em; } .elementor-kit-11071 .gc-guide__bintro{ color:var(--g-mut); font-size:1.02rem; line-height:1.7; margin:0; max-width:70ch; } .elementor-kit-11071 .gc-guide__ico{ width:1.25em; height:1.25em; flex:none; } /* tabs (pure CSS) */ .elementor-kit-11071 .gc-guide__radio{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; } .elementor-kit-11071 .gc-guide__tabnav{ display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:1.4rem; } .elementor-kit-11071 .gc-guide__tab{ display:inline-flex; align-items:center; gap:.5rem; padding:.7rem 1.15rem; border:1px solid var(--g-line); border-radius:100px; background:var(--g-soft); color:var(--g-mut); font-family:'IBM Plex Sans',sans-serif; font-weight:600; font-size:.92rem; cursor:pointer; transition:all .18s; } .elementor-kit-11071 .gc-guide__tab:hover{ border-color:var(--g-gold); color:var(--g-navy); } .elementor-kit-11071 .gc-guide__tab .gc-guide__ico{ color:var(--g-gold2); } .elementor-kit-11071 .gc-guide__tabpanel{ display:none; } .elementor-kit-11071 .gc-guide__radio:nth-of-type(1):checked ~ .gc-guide__tabpanels > .gc-guide__tabpanel:nth-child(1), .elementor-kit-11071 .gc-guide__radio:nth-of-type(2):checked ~ .gc-guide__tabpanels > .gc-guide__tabpanel:nth-child(2), .elementor-kit-11071 .gc-guide__radio:nth-of-type(3):checked ~ .gc-guide__tabpanels > .gc-guide__tabpanel:nth-child(3){ display:block; } .elementor-kit-11071 .gc-guide__radio:nth-of-type(1):checked ~ .gc-guide__tabnav > .gc-guide__tab:nth-child(1), .elementor-kit-11071 .gc-guide__radio:nth-of-type(2):checked ~ .gc-guide__tabnav > .gc-guide__tab:nth-child(2), .elementor-kit-11071 .gc-guide__radio:nth-of-type(3):checked ~ .gc-guide__tabnav > .gc-guide__tab:nth-child(3){ background:var(--g-navy); border-color:var(--g-navy); color:#fff; } .elementor-kit-11071 .gc-guide__radio:nth-of-type(1):checked ~ .gc-guide__tabnav > .gc-guide__tab:nth-child(1) .gc-guide__ico, .elementor-kit-11071 .gc-guide__radio:nth-of-type(2):checked ~ .gc-guide__tabnav > .gc-guide__tab:nth-child(2) .gc-guide__ico, .elementor-kit-11071 .gc-guide__radio:nth-of-type(3):checked ~ .gc-guide__tabnav > .gc-guide__tab:nth-child(3) .gc-guide__ico{ color:var(--g-gold); } .elementor-kit-11071 .gc-guide__radio:focus-visible ~ .gc-guide__tabnav > .gc-guide__tab{ outline:2px solid var(--g-gold); outline-offset:2px; } /* journey steps */ .elementor-kit-11071 .gc-guide__journey{ list-style:none; margin:0; padding:0; display:grid; gap:.9rem; } .elementor-kit-11071 .gc-guide__jstep{ display:flex; gap:1rem; align-items:flex-start; background:var(--g-soft); border:1px solid var(--g-line); border-radius:14px; padding:1rem 1.2rem; } .elementor-kit-11071 .gc-guide__jnum{ flex:none; width:2rem; height:2rem; border-radius:50%; background:var(--g-navy); color:#fff; font-family:'Epilogue',sans-serif; font-weight:700; display:flex; align-items:center; justify-content:center; font-size:.95rem; } .elementor-kit-11071 .gc-guide__jstep strong{ display:block; color:var(--g-navy); font-family:'Epilogue',sans-serif; font-size:1.02rem; margin-bottom:.15rem; } .elementor-kit-11071 .gc-guide__jstep span{ color:var(--g-mut); line-height:1.6; font-size:.96rem; } .elementor-kit-11071 .gc-guide__insight{ display:flex; gap:.8rem; align-items:flex-start; margin-top:1.1rem; padding:1.1rem 1.3rem; border-radius:14px; background:linear-gradient(120deg,rgba(220,150,41,.1),rgba(220,150,41,.03)); border:1px solid rgba(220,150,41,.28); } .elementor-kit-11071 .gc-guide__insight .gc-guide__ico{ color:var(--g-gold2); width:1.5em; height:1.5em; margin-top:.1rem; } .elementor-kit-11071 .gc-guide__insight p{ margin:0; color:var(--g-ink); line-height:1.65; font-size:.98rem; } /* stack cards */ .elementor-kit-11071 .gc-guide__scards{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; } .elementor-kit-11071 .gc-guide__scard{ background:var(--g-soft); border:1px solid var(--g-line); border-radius:16px; padding:1.5rem; } .elementor-kit-11071 .gc-guide__sicon{ display:inline-flex; align-items:center; justify-content:center; width:3rem; height:3rem; border-radius:12px; background:var(--g-navy); color:var(--g-gold); margin-bottom:1rem; } .elementor-kit-11071 .gc-guide__sicon .gc-guide__ico{ width:1.5em; height:1.5em; } .elementor-kit-11071 .gc-guide__scard h4{ font-family:'Epilogue',sans-serif; color:var(--g-navy); font-size:1.12rem; margin:0 0 .5rem; } .elementor-kit-11071 .gc-guide__scard p{ color:var(--g-mut); line-height:1.65; font-size:.96rem; margin:0; } /* callouts */ .elementor-kit-11071 .gc-guide__callout{ display:flex; gap:.9rem; align-items:flex-start; margin-top:1.4rem; padding:1.15rem 1.4rem; border-radius:14px; background:var(--g-soft2); border:1px solid var(--g-line); } .elementor-kit-11071 .gc-guide__callout p{ margin:0; color:var(--g-ink); line-height:1.65; font-size:.98rem; } .elementor-kit-11071 .gc-guide__callout .gc-guide__ico{ color:var(--g-navy); width:1.5em; height:1.5em; margin-top:.1rem; flex:none; } .elementor-kit-11071 .gc-guide__callout--gold{ background:linear-gradient(120deg,rgba(220,150,41,.12),rgba(220,150,41,.04)); border-color:rgba(220,150,41,.3); } .elementor-kit-11071 .gc-guide__callout--gold .gc-guide__ico{ color:var(--g-gold2); } /* ranking bars */ .elementor-kit-11071 .gc-guide__bars{ display:grid; gap:1rem; } .elementor-kit-11071 .gc-guide__barlabel{ display:flex; justify-content:space-between; align-items:baseline; gap:1rem; margin-bottom:.4rem; } .elementor-kit-11071 .gc-guide__barlabel span{ font-family:'IBM Plex Sans',sans-serif; font-weight:600; color:var(--g-navy); font-size:.98rem; } .elementor-kit-11071 .gc-guide__barlabel em{ font-style:normal; color:var(--g-mut); font-size:.82rem; } .elementor-kit-11071 .gc-guide__bartrack{ height:12px; background:var(--g-soft2); border-radius:100px; overflow:hidden; } .elementor-kit-11071 .gc-guide__barfill{ display:block; height:100%; border-radius:100px; background:linear-gradient(90deg,var(--g-gold2),var(--g-gold)); } .elementor-kit-11071 .gc-guide__barsnote{ display:block; text-align:right; font-size:.76rem; color:var(--g-mut); font-style:italic; margin-top:.3rem; } /* stats + did-you-know */ .elementor-kit-11071 .gc-guide__stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; margin-bottom:1.4rem; } .elementor-kit-11071 .gc-guide__stat{ text-align:center; background:var(--g-soft); border:1px solid var(--g-line); border-radius:16px; padding:1.5rem 1rem; } .elementor-kit-11071 .gc-guide__statv{ display:block; font-family:'Epilogue',sans-serif; font-weight:700; color:var(--g-gold2); font-size:clamp(1.4rem,3vw,2rem); line-height:1; margin-bottom:.5rem; } .elementor-kit-11071 .gc-guide__statl{ display:block; color:var(--g-mut); font-size:.9rem; line-height:1.5; } .elementor-kit-11071 .gc-guide__dyk{ padding:1.3rem 1.5rem; border-radius:16px; background:linear-gradient(120deg,rgba(9,16,62,.04),rgba(9,16,62,.01)); border:1px solid var(--g-line); border-left:4px solid var(--g-gold); } .elementor-kit-11071 .gc-guide__dyktag{ display:inline-flex; align-items:center; gap:.4rem; font-family:'IBM Plex Sans',sans-serif; font-weight:700; letter-spacing:.05em; text-transform:uppercase; font-size:.75rem; color:var(--g-navy); margin-bottom:.6rem; } .elementor-kit-11071 .gc-guide__dyktag .gc-guide__ico{ color:var(--g-gold); } .elementor-kit-11071 .gc-guide__dyk p{ margin:0; color:var(--g-ink); line-height:1.7; } /* compare */ .elementor-kit-11071 .gc-guide__compare{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; } .elementor-kit-11071 .gc-guide__ccard{ border:1px solid var(--g-line); border-radius:16px; padding:1.6rem; background:var(--g-soft); } .elementor-kit-11071 .gc-guide__ccard--ads{ border-top:4px solid var(--g-gold); } .elementor-kit-11071 .gc-guide__ccard--seo{ border-top:4px solid var(--g-navy); } .elementor-kit-11071 .gc-guide__cicon{ display:inline-flex; width:2.6rem; height:2.6rem; border-radius:10px; align-items:center; justify-content:center; background:#fff; border:1px solid var(--g-line); color:var(--g-navy); margin-bottom:.9rem; } .elementor-kit-11071 .gc-guide__ccard h4{ font-family:'Epilogue',sans-serif; color:var(--g-navy); font-size:1.18rem; margin:0 0 .3rem; } .elementor-kit-11071 .gc-guide__ctag{ display:inline-block; font-size:.78rem; font-weight:600; color:var(--g-gold2); text-transform:uppercase; letter-spacing:.08em; margin-bottom:.9rem; } .elementor-kit-11071 .gc-guide__ccard ul{ list-style:none; margin:0; padding:0; display:grid; gap:.6rem; } .elementor-kit-11071 .gc-guide__ccard li{ display:flex; gap:.6rem; align-items:flex-start; color:var(--g-ink); line-height:1.55; font-size:.95rem; } .elementor-kit-11071 .gc-guide__ccard li .gc-guide__ico{ color:var(--g-gold2); width:1.1em; height:1.1em; margin-top:.2rem; } .elementor-kit-11071 .gc-guide__decision{ margin-top:1.5rem; padding:1.4rem 1.5rem; border-radius:16px; background:var(--g-navy); } .elementor-kit-11071 .gc-guide__dechead{ display:block; font-family:'Epilogue',sans-serif; font-weight:700; color:#fff; font-size:1.05rem; margin-bottom:1rem; } .elementor-kit-11071 .gc-guide__decrow{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:1rem; padding:.7rem 0; border-top:1px solid rgba(255,255,255,.12); } .elementor-kit-11071 .gc-guide__decif{ color:rgba(255,255,255,.82); font-size:.95rem; } .elementor-kit-11071 .gc-guide__decthen{ color:#fff; font-weight:600; font-size:.95rem; text-align:right; } .elementor-kit-11071 .gc-guide__decarrow .gc-guide__ico{ color:var(--g-gold); width:1.1em; height:1.1em; } /* seasonal */ .elementor-kit-11071 .gc-guide__seasons{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; } .elementor-kit-11071 .gc-guide__season{ border:1px solid var(--g-line); border-radius:16px; padding:1.3rem; background:var(--g-soft); border-top:4px solid var(--g-gold); } .elementor-kit-11071 .gc-guide__season--winter{ border-top-color:#5B8BB5; } .elementor-kit-11071 .gc-guide__season--spring{ border-top-color:#5FA36A; } .elementor-kit-11071 .gc-guide__season--summer{ border-top-color:var(--g-gold); } .elementor-kit-11071 .gc-guide__season--fall{ border-top-color:#B5703A; } .elementor-kit-11071 .gc-guide__seasontop{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:.6rem; } .elementor-kit-11071 .gc-guide__seasonname{ font-family:'Epilogue',sans-serif; font-weight:700; color:var(--g-navy); font-size:1.1rem; } .elementor-kit-11071 .gc-guide__seasonmo{ font-size:.78rem; color:var(--g-mut); } .elementor-kit-11071 .gc-guide__seasondemand{ display:inline-block; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--g-gold2); margin-bottom:.6rem; } .elementor-kit-11071 .gc-guide__season p{ margin:0; color:var(--g-mut); font-size:.92rem; line-height:1.6; } /* ai */ .elementor-kit-11071 .gc-guide__ai{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; } .elementor-kit-11071 .gc-guide__aicol{ border:1px solid var(--g-line); border-radius:16px; padding:1.6rem; } .elementor-kit-11071 .gc-guide__aicol--traditional{ background:var(--g-soft); } .elementor-kit-11071 .gc-guide__aicol--ai{ background:linear-gradient(150deg,rgba(9,16,62,.05),rgba(220,150,41,.05)); } .elementor-kit-11071 .gc-guide__aiicon{ display:inline-flex; width:2.8rem; height:2.8rem; border-radius:12px; align-items:center; justify-content:center; background:var(--g-navy); color:var(--g-gold); margin-bottom:.9rem; } .elementor-kit-11071 .gc-guide__aicol h4{ font-family:'Epilogue',sans-serif; color:var(--g-navy); font-size:1.15rem; margin:0 0 .5rem; } .elementor-kit-11071 .gc-guide__aicol p{ margin:0; color:var(--g-mut); line-height:1.65; font-size:.96rem; } /* takeaways */ .elementor-kit-11071 .gc-guide__block--takeaways .gc-guide__beyebrow{ color:var(--g-gold); } .elementor-kit-11071 .gc-guide__block--takeaways .gc-guide__btitle{ color:#fff; } .elementor-kit-11071 .gc-guide__takeaways{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:.9rem 1.6rem; } .elementor-kit-11071 .gc-guide__takeaways li{ display:flex; gap:.7rem; align-items:flex-start; color:rgba(255,255,255,.9); line-height:1.55; font-size:1rem; } .elementor-kit-11071 .gc-guide__takeaways li .gc-guide__ico{ color:var(--g-gold); width:1.2em; height:1.2em; margin-top:.15rem; } @media (max-width:860px){ .elementor-kit-11071 .gc-guide__scards, .elementor-kit-11071 .gc-guide__stats, .elementor-kit-11071 .gc-guide__seasons, .elementor-kit-11071 .gc-guide__compare, .elementor-kit-11071 .gc-guide__ai, .elementor-kit-11071 .gc-guide__takeaways{ grid-template-columns:1fr; } .elementor-kit-11071 .gc-guide__decrow{ grid-template-columns:1fr; gap:.3rem; text-align:left; } .elementor-kit-11071 .gc-guide__decthen{ text-align:left; } .elementor-kit-11071 .gc-guide__decarrow{ display:none; } } /* === SERVICE HUB v1 === */ .elementor-kit-11071 .gc-hub{ --h-gold:#DC9629; --h-gold2:#C08C3B; --h-navy:#09103E; --h-soft:#F4F1EA; --h-mut:#6A6A72; background:radial-gradient(120% 140% at 15% 0%,#111A4B 0%,#09103E 60%,#070C30 100%); } .elementor-kit-11071 .gc-hub__inner{ max-width:1260px; margin-inline:auto; padding-inline:clamp(1rem,4vw,2.25rem); } .elementor-kit-11071 .gc-hub__head{ text-align:center; max-width:760px; margin:0 auto clamp(2.5rem,4vw,3.5rem); } .elementor-kit-11071 .gc-hub__eyebrow{ display:inline-block; font-family:'IBM Plex Sans',sans-serif; font-weight:600; letter-spacing:.2em; text-transform:uppercase; font-size:.72rem; color:var(--h-gold); margin-bottom:1rem; } .elementor-kit-11071 .gc-hub__title{ font-family:'Epilogue',sans-serif; font-weight:700; color:#fff; font-size:clamp(1.9rem,4vw,2.9rem); line-height:1.1; margin:0 0 1rem; letter-spacing:-.01em; } .elementor-kit-11071 .gc-hub__intro{ color:rgba(255,255,255,.68); font-size:clamp(1rem,1.5vw,1.15rem); line-height:1.7; margin:0; } .elementor-kit-11071 .gc-hub__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; align-items:start; } .elementor-kit-11071 .gc-hub__stage{ display:flex; flex-direction:column; gap:1.1rem; } .elementor-kit-11071 .gc-hub__stagehead{ display:flex; align-items:baseline; gap:.6rem; padding-bottom:.7rem; border-bottom:1px solid rgba(220,150,41,.35); margin-bottom:.35rem; } .elementor-kit-11071 .gc-hub__stagenum{ font-family:'Epilogue',sans-serif; font-weight:700; font-size:1rem; color:var(--h-gold); } .elementor-kit-11071 .gc-hub__stagelabel{ font-family:'IBM Plex Sans',sans-serif; font-weight:700; letter-spacing:.11em; text-transform:uppercase; font-size:.74rem; color:rgba(255,255,255,.9); line-height:1.3; } .elementor-kit-11071 .gc-hub__card{ position:relative; display:flex; flex-direction:column; background:#fff; border-radius:18px; overflow:hidden; text-decoration:none; color:var(--h-navy); box-shadow:0 10px 30px rgba(0,0,0,.18); transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s; height:100%; } .elementor-kit-11071 .gc-hub__card::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--h-gold2),var(--h-gold)); transform:scaleX(0); transform-origin:left; transition:transform .3s ease; z-index:2; } .elementor-kit-11071 .gc-hub__card:hover{ transform:translateY(-8px); box-shadow:0 22px 50px rgba(0,0,0,.32); } .elementor-kit-11071 .gc-hub__card:hover::before{ transform:scaleX(1); } .elementor-kit-11071 .gc-hub__illo{ display:flex; align-items:center; justify-content:center; height:108px; background:linear-gradient(150deg,#FBF7EE 0%,#F1ECE0 100%); transition:background .3s; } .elementor-kit-11071 .gc-hub__card:hover .gc-hub__illo{ background:linear-gradient(150deg,#FCEFD6 0%,#F6E7C8 100%); } .elementor-kit-11071 .gc-hub__illosvg{ width:64%; height:auto; stroke:var(--h-navy); } .elementor-kit-11071 .gc-hub__illosvg .gf{ fill:var(--h-gold); } .elementor-kit-11071 .gc-hub__illosvg .gs{ stroke:var(--h-gold); } .elementor-kit-11071 .gc-hub__illosvg .sf{ fill:#fff; } .elementor-kit-11071 .gc-hub__illosvg .nf{ fill:var(--h-navy); } .elementor-kit-11071 .gc-hub__illosvg .ns{ stroke:var(--h-navy); } .elementor-kit-11071 .gc-hub__cardbody{ display:flex; flex-direction:column; gap:.7rem; padding:1.15rem 1.2rem 1.25rem; flex:1; } .elementor-kit-11071 .gc-hub__cardtitle{ font-family:'Epilogue',sans-serif; font-weight:700; color:var(--h-navy); font-size:1.06rem; line-height:1.25; } .elementor-kit-11071 .gc-hub__meta{ display:flex; flex-direction:column; gap:.4rem; } .elementor-kit-11071 .gc-hub__metarow{ display:flex; flex-direction:column; gap:.05rem; } .elementor-kit-11071 .gc-hub__metalabel{ font-family:'IBM Plex Sans',sans-serif; font-weight:600; letter-spacing:.08em; text-transform:uppercase; font-size:.62rem; color:var(--h-gold2); } .elementor-kit-11071 .gc-hub__metaval{ font-size:.86rem; color:#3A3A44; line-height:1.4; } .elementor-kit-11071 .gc-hub__kpi{ display:flex; flex-direction:column; gap:.35rem; padding:.7rem .75rem; background:var(--h-soft); border-radius:10px; } .elementor-kit-11071 .gc-hub__kpilabel{ font-family:'IBM Plex Sans',sans-serif; font-weight:600; letter-spacing:.06em; text-transform:uppercase; font-size:.6rem; color:var(--h-mut); } .elementor-kit-11071 .gc-hub__spark{ width:100%; height:26px; display:block; } .elementor-kit-11071 .gc-hub__spark rect{ fill:var(--h-gold); } .elementor-kit-11071 .gc-hub__spark rect:last-child{ fill:var(--h-navy); } .elementor-kit-11071 .gc-hub__summary{ font-size:.85rem; color:var(--h-mut); line-height:1.55; } .elementor-kit-11071 .gc-hub__cta{ margin-top:auto; display:inline-flex; align-items:center; gap:.4rem; font-family:'IBM Plex Sans',sans-serif; font-weight:700; font-size:.85rem; color:var(--h-navy); padding-top:.35rem; } .elementor-kit-11071 .gc-hub__cta svg{ width:1.05em; height:1.05em; color:var(--h-gold2); transition:transform .25s ease; } .elementor-kit-11071 .gc-hub__card:hover .gc-hub__cta svg{ transform:translateX(4px); } .elementor-kit-11071 .gc-hub__card:hover .gc-hub__cta{ color:var(--h-gold2); } @media (max-width:1100px){ .elementor-kit-11071 .gc-hub__grid{ grid-template-columns:repeat(2,1fr); gap:1.6rem 1.25rem; } } @media (max-width:680px){ .elementor-kit-11071 .gc-hub__grid{ grid-template-columns:1fr; } } /* === GUIDE MYTHS v1 === */ .elementor-kit-11071 .gc-guide__myths{ display:grid; gap:.9rem; } .elementor-kit-11071 .gc-guide__myth{ display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--g-line); border-radius:14px; overflow:hidden; } .elementor-kit-11071 .gc-guide__mythcol{ padding:1.15rem 1.3rem; } .elementor-kit-11071 .gc-guide__mythcol--myth{ background:#FBF2EF; border-right:1px solid var(--g-line); } .elementor-kit-11071 .gc-guide__mythcol--fact{ background:linear-gradient(120deg,rgba(220,150,41,.1),rgba(220,150,41,.03)); } .elementor-kit-11071 .gc-guide__mythtag{ display:inline-block; font-family:'IBM Plex Sans',sans-serif; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.68rem; color:#B5503A; margin-bottom:.5rem; } .elementor-kit-11071 .gc-guide__facttag{ display:inline-flex; align-items:center; gap:.35rem; font-family:'IBM Plex Sans',sans-serif; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:.68rem; color:var(--g-gold2); margin-bottom:.5rem; } .elementor-kit-11071 .gc-guide__facttag .gc-guide__ico{ width:1em; height:1em; } .elementor-kit-11071 .gc-guide__myth p{ margin:0; color:var(--g-ink); line-height:1.6; font-size:.96rem; } @media (max-width:680px){ .elementor-kit-11071 .gc-guide__myth{ grid-template-columns:1fr; } .elementor-kit-11071 .gc-guide__mythcol--myth{ border-right:0; border-bottom:1px solid var(--g-line); } } /* === BREADCRUMB FIX (all gc page types incl hub) v1 === */ .elementor-kit-11071 .gc-breadcrumbs{ background:var(--gc-white); border-bottom:1px solid var(--gc-line); padding-block:.85rem; } .elementor-kit-11071 .gc-breadcrumbs__list, .elementor-kit-11071 .gc-breadcrumbs ol{ display:flex; flex-wrap:wrap; align-items:center; gap:.35rem .55rem; list-style:none; margin:0 auto; padding:0; padding-inline:clamp(1rem,4vw,2rem); max-width:var(--gc-maxw); font-size:.82rem; color:var(--gc-text); } .elementor-kit-11071 .gc-breadcrumbs li{ display:inline-flex; align-items:center; gap:.55rem; } .elementor-kit-11071 .gc-breadcrumbs li:not(:last-child)::after{ content:'/'; color:#CBD0DC; } .elementor-kit-11071 .gc-breadcrumbs a{ color:var(--gc-text); text-decoration:none; } .elementor-kit-11071 .gc-breadcrumbs a:hover{ color:var(--gc-gold-dark); } .elementor-kit-11071 .gc-breadcrumbs [aria-current='page']{ color:var(--gc-navy); font-weight:600; } /* === HUB PAGE STYLING (match city polish) v1 === */ .elementor-kit-11071 .gc-page--hub{ --gc-maxw:1200px; --section-pad:clamp(4.5rem,8vw,8rem); overflow-x:clip; } .gc-page--hub h1,.gc-page--hub h2,.gc-page--hub h3{ font-family:'Epilogue',sans-serif; letter-spacing:-.02em; line-height:1.08; } .gc-page--hub .gc-eyebrow,.gc-page--hub [class$='__eyebrow']{ font-size:.74rem; font-weight:700; text-transform:uppercase; letter-spacing:.18em; } .elementor-kit-11071 .gc-page--hub > section:not(.gc-cinehero){ padding-block:clamp(3.5rem,7vw,7rem); } .elementor-kit-11071 .gc-page--hub section:empty{ display:none !important; } @media (min-width:1400px){ .elementor-kit-11071 .gc-page--hub{ --gc-maxw:1320px; } } /* === REVEAL CSS BACKSTOP (never leave content hidden) v1 === */ .gc-js [data-gc-reveal]{ animation: gcRevealSafety .6s ease 2.5s forwards; } @keyframes gcRevealSafety{ to{ opacity:1; transform:none; } } /* === CITY GUIDE + CALLOUTS v1 === */ .elementor-kit-11071 .gc-cityguide{ background:var(--gc-white); } .gc-cityguide__inner{ max-width:var(--gc-maxw); margin:0 auto; padding-inline:clamp(1rem,4vw,2rem); } .gc-cityguide__head{ max-width:760px; margin:0 auto clamp(2rem,4vw,3rem); text-align:center; } .gc-cityguide__eyebrow{ display:inline-block; font-size:.74rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--gc-gold-dark); margin-bottom:.75rem; } .gc-cityguide__heading{ font-family:'Epilogue',sans-serif; font-weight:700; color:var(--gc-navy); font-size:clamp(1.7rem,3.2vw,2.5rem); line-height:1.12; letter-spacing:-.02em; margin:0 0 1rem; } .gc-cityguide__intro{ color:#4A4A4A; font-size:1.05rem; line-height:1.7; } .gc-cityguide__blocks{ max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:clamp(2rem,4vw,3.25rem); } .gc-cityguide__block-title{ font-family:'Epilogue',sans-serif; font-weight:700; color:var(--gc-navy); font-size:clamp(1.25rem,2.2vw,1.6rem); line-height:1.2; letter-spacing:-.01em; margin:0 0 1rem; display:flex; align-items:baseline; gap:.75rem; } .gc-cityguide__num{ font-size:.85rem; font-weight:700; color:var(--gc-gold); letter-spacing:.05em; flex:0 0 auto; } .gc-cityguide__block-body{ color:#4A4A4A; font-size:1.02rem; line-height:1.75; } .gc-cityguide__block-body p{ margin:0 0 1rem; } .gc-cityguide__block-body p:last-child{ margin-bottom:0; } .gc-cityguide__block-body ul{ margin:0 0 1rem; padding-left:1.2rem; } .gc-cityguide__block-body li{ margin-bottom:.5rem; } .gc-callout{ margin-top:1.5rem; padding:1.25rem 1.4rem; border-radius:14px; } .gc-callout__label{ display:block; font-family:'Epilogue',sans-serif; font-weight:700; font-size:.9rem; margin-bottom:.4rem; } .gc-callout__text{ font-size:.98rem; line-height:1.65; color:#3d3d3d; } .gc-callout__text p{ margin:0 0 .6rem; } .gc-callout__text p:last-child{ margin-bottom:0; } .gc-callout--didyouknow{ background:#F4F7FF; border-left:4px solid var(--gc-navy); } .gc-callout--didyouknow .gc-callout__label{ color:var(--gc-navy); } .gc-callout--insight{ background:#FBF4E6; border-left:4px solid var(--gc-gold); } .gc-callout--insight .gc-callout__label{ color:var(--gc-gold-dark); } /* === CITY GUIDE COLLAPSIBLE v1 === */ .gc-cityguide__more{ text-align:center; margin-top:2rem; } .gc-cityguide__toggle{ cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:.55rem; font-family:'Playfair Display',serif; font-weight:700; color:#fff; background:var(--gc-gold); padding:.85rem 1.7rem; border-radius:999px; font-size:1rem; transition:background .2s ease; } .gc-cityguide__toggle::-webkit-details-marker{ display:none; } .gc-cityguide__toggle::after{ content:'\2193'; font-weight:700; } .gc-cityguide__more[open] .gc-cityguide__toggle::after{ content:'\2191'; } .gc-cityguide__toggle:hover{ background:var(--gc-gold-dark); } .gc-cityguide__rest{ text-align:left; margin-top:clamp(2rem,4vw,3.25rem); display:flex; flex-direction:column; gap:clamp(2rem,4vw,3.25rem); } /* === MARKETING SNAPSHOT v1 === */ .elementor-kit-11071 .gc-snapshot{ position:relative; overflow:hidden; background:linear-gradient(180deg,#FBFAF7 0%,#F4F6FB 100%); } .gc-snapshot__bg{ position:absolute; inset:0; background-image:linear-gradient(var(--gc-line) 1px,transparent 1px),linear-gradient(90deg,var(--gc-line) 1px,transparent 1px); background-size:46px 46px; opacity:.5; -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 35%,transparent 78%); mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 35%,transparent 78%); pointer-events:none; } .gc-snapshot__inner{ position:relative; max-width:var(--gc-maxw); margin:0 auto; padding-inline:clamp(1rem,4vw,2rem); } .gc-snapshot__head{ text-align:center; max-width:720px; margin:0 auto clamp(2rem,4vw,3rem); } .gc-snapshot__eyebrow{ display:inline-block; font-size:.74rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--gc-gold-dark); margin-bottom:.7rem; } .gc-snapshot__heading{ font-family:'Epilogue',sans-serif; font-weight:700; color:var(--gc-navy); font-size:clamp(1.7rem,3.2vw,2.5rem); line-height:1.12; letter-spacing:-.02em; margin:0 0 .8rem; } .gc-snapshot__intro{ color:#4A4A4A; font-size:1.05rem; line-height:1.65; margin:0; } .gc-snapshot__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(1rem,2vw,1.4rem); } @media(max-width:760px){ .gc-snapshot__grid{ grid-template-columns:1fr; } } .gc-snapshot__card{ background:#fff; border:1px solid var(--gc-line); border-radius:18px; padding:clamp(1.4rem,2.5vw,1.9rem); box-shadow:0 1px 2px rgba(9,16,62,.04); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; } .gc-snapshot__card:hover{ transform:translateY(-4px); box-shadow:0 20px 44px -20px rgba(9,16,62,.28); border-color:#e6d6b5; } .gc-snapshot__cardhead{ display:flex; align-items:center; gap:.8rem; margin-bottom:1.15rem; } .gc-snapshot__cardhead h3{ font-family:'Epilogue',sans-serif; font-weight:700; color:var(--gc-navy); font-size:1.15rem; margin:0; } .gc-snapshot__icon{ width:44px; height:44px; flex:0 0 44px; border-radius:13px; background:linear-gradient(135deg,var(--gc-gold),var(--gc-gold-dark)); display:inline-flex; align-items:center; justify-content:center; color:#fff; } .gc-snapshot__icon svg{ width:22px; height:22px; } .gc-snapshot__tags{ display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; } .gc-snapshot__tag{ font-size:.82rem; font-weight:600; color:var(--gc-navy); background:#F0F2F8; border-radius:999px; padding:.35rem .8rem; } .gc-snapshot__tag--pin{ background:#FBF4E6; color:var(--gc-gold-dark); } .gc-snapshot__tiles{ display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; } .gc-snapshot__tile{ text-align:center; background:#F7F8FB; border-radius:12px; padding:.85rem .4rem; } .gc-snapshot__tileval{ display:block; font-family:'Epilogue',sans-serif; font-weight:700; color:var(--gc-gold-dark); font-size:1rem; line-height:1.1; } .gc-snapshot__tilelbl{ display:block; font-size:.72rem; color:#686868; margin-top:.25rem; } .gc-snapshot__metrics,.gc-snapshot__focus{ list-style:none; margin:0; padding:0; } .gc-snapshot__metrics li{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:.2rem .8rem; padding:.7rem 0; border-bottom:1px solid var(--gc-line); } .gc-snapshot__metrics li:last-child{ border-bottom:0; padding-bottom:0; } .gc-snapshot__mlabel{ font-weight:600; color:var(--gc-navy); font-size:.95rem; } .gc-snapshot__mval{ font-weight:700; color:var(--gc-gold-dark); font-size:.9rem; justify-self:end; } .gc-snapshot__mnote{ grid-column:1 / -1; font-size:.8rem; color:#686868; line-height:1.5; } .gc-snapshot__focus li{ display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:.62rem 0; border-bottom:1px solid var(--gc-line); } .gc-snapshot__focus li:last-child{ border-bottom:0; padding-bottom:0; } .gc-snapshot__flabel{ font-weight:600; color:var(--gc-navy); font-size:.95rem; } .gc-snapshot__badge{ font-size:.72rem; font-weight:700; padding:.28rem .7rem; border-radius:999px; white-space:nowrap; } .gc-snapshot__badge--start-here{ background:var(--gc-gold); color:#fff; } .gc-snapshot__badge--high{ background:var(--gc-navy); color:#fff; } .gc-snapshot__badge--medium{ background:#E7EAF3; color:var(--gc-navy); } .gc-snapshot__badge--emerging,.gc-snapshot__badge--as-needed{ background:#FBF4E6; color:var(--gc-gold-dark); } .gc-snapshot__note{ font-size:.88rem; color:#686868; margin:.4rem 0 0; line-height:1.6; } .gc-snapshot__growth{ margin-top:clamp(1.6rem,3vw,2.25rem); text-align:center; } .gc-snapshot__growthlbl{ display:block; font-size:.74rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--gc-gold-dark); margin-bottom:.9rem; } .gc-snapshot__chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; } .gc-snapshot__chip{ font-size:.9rem; font-weight:600; color:var(--gc-navy); background:#fff; border:1px solid #e6d6b5; border-radius:999px; padding:.5rem 1.1rem; transition:background .2s ease,color .2s ease,border-color .2s ease; } .gc-snapshot__chip:hover{ background:var(--gc-gold); color:#fff; border-color:var(--gc-gold); }