@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&display=swap');


:root{--ink:#143d34;--body:#596861;--orange:#ec652d;--soft:#f2f6f3;--line:#e3e9e5;--white:#fff;--heading:'Manrope','Segoe UI',sans-serif;--font:'DM Sans','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);font:400 16px/1.6 var(--font);background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(1184px,calc(100% - 96px));margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon.small{width:16px;height:16px}.icon.tiny{width:16px;height:16px}:focus-visible{outline:3px solid #dd5d28;outline-offset:5px}.skip-link{position:absolute;left:10px;top:-100px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}.utility{background:var(--ink);color:#f4f7f4;font-size:12px;letter-spacing:.15px}.utility-inner{display:flex;justify-content:space-between;align-items:center;min-height:35px}.flag{font-size:16px;margin-left:9px}.site-header{background:#fff}.nav-row{height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;flex-shrink:0}.brand img{width:216px;height:auto}.main-nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:550}.main-nav a{display:flex;align-items:center;gap:6px;padding:12px 0}.main-nav a:hover,.text-link:hover{color:var(--orange)}.button{min-height:49px;padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:7px;font-size:14px;font-weight:650;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#23614f}.button-orange{background:var(--orange);color:#fff}.button-orange:hover{background:#cd4e1a}.nav-cta .icon{width:17px;height:17px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px;color:var(--ink)}
.hero{background:var(--soft);padding:52px 0 27px;border-block:1px solid #eaf0ec}.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:42px;align-items:center}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.65px;line-height:1.6;margin:0 0 13px}.hero .eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.4px}.short-rule{width:26px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);font-weight:750}h1{font-size:64px;line-height:1.08;letter-spacing:-3.1px;margin-bottom:22px}h1>span{color:var(--orange)}.hero-description{color:var(--body);font-size:16px;line-height:1.8;margin-bottom:0}.hero-visual{position:relative;height:360px;margin-top:1px;margin-bottom:6px}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:69% center;border-radius:14px 90px 14px 14px}.photo-note{position:absolute;left:-23px;bottom:28px;display:flex;align-items:center;gap:12px;background:#fff;padding:17px 21px;border-radius:9px;box-shadow:0 12px 35px #133c3415}.note-icon{display:grid;place-items:center;width:43px;height:43px;background:#eaf3ed;border-radius:50%;color:#216545}.photo-note strong{font-family:var(--heading);font-size:15px;display:block;line-height:1.5;font-weight:800}.photo-note div>span{font-size:11px;color:#6b756f}.photo-label{position:absolute;right:16px;bottom:13px;color:#fff;font-size:9px;letter-spacing:1.55px;text-shadow:0 1px 8px #000}.search-panel{position:relative;display:flex;align-items:center;gap:0;background:#fff;padding:11px 12px 11px 27px;border:1px solid #e1e8e2;border-radius:10px;box-shadow:0 9px 24px #163e3407;margin-top:35px}.search-field{display:flex;align-items:center;gap:16px;min-width:0}.search-field>.icon{color:#536f61}.search-field label{min-width:0;display:block;width:100%;line-height:1.3}.search-field label>span{font-size:9px;letter-spacing:1.1px;color:#6d766e;font-weight:700;display:block;margin-bottom:6px}.search-field input,.search-field select{background:transparent;border:0;padding:0;color:var(--ink);font-size:14px;height:26px;width:100%;outline-offset:1px}.search-field input::placeholder{color:#52665d;opacity:1}.keyword-field{flex:1.2;padding:7px 28px 7px 0}.location-field{flex:.8;padding:7px 25px;border-left:1px solid var(--line);margin-right:16px}.search-panel .button{min-height:57px;padding-inline:29px;font-size:14px}.popular{display:flex;align-items:center;gap:16px;color:#65756c;font-size:11px;margin-top:18px}.popular>span{font-weight:500}.popular a{color:#405e4f;padding-right:16px;border-right:1px solid #cdd8cf;line-height:1}.popular a:last-child{border:0}.popular a:hover{color:var(--orange)}
.section{padding-top:63px;padding-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.section-heading .eyebrow{color:#6b806f;margin-bottom:8px;font-size:10px}.section-heading h2{font-size:31px;line-height:1.25;letter-spacing:-1.1px;margin:0}.section-heading p:not(.eyebrow){font-size:14px;color:var(--body);margin:10px 0 0}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:650;line-height:1.5;transition:color .2s}.text-link>.icon{width:19px;height:19px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category{display:flex;align-items:center;flex-direction:column;padding:23px 6px 21px;border:1px solid var(--line);border-radius:9px;text-align:center;transition:transform .2s,border-color .2s}.category:hover{transform:translateY(-4px);border-color:#82a58d}.category-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:13px;margin-bottom:13px;background:#fff}.category-icon .icon{width:26px;height:26px;stroke-width:1.4}.category-icon.green{background:#e7f1e9;color:#296348}.category-icon.blue{background:#eaf1f8;color:#5484a7}.category-icon.orange{background:#fff0e7;color:#ca794c}.category-icon.yellow{background:#fff5d9;color:#a98524}.category-icon.pink{background:#f9eceb;color:#bc7774}.category strong{font-size:12px;font-weight:650;display:block;line-height:1.5;margin-bottom:4px}.category>span:last-child{font-size:10px;color:#7a847c;display:flex;align-items:center;gap:6px}.category-all{background:#f3f7f2}.category-all>.category-icon{background:#e5eee2;color:#5f8060}.category-all>span:last-child{color:#406848}.businesses{padding-top:57px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.business-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;transition:box-shadow .2s}.business-card:hover{box-shadow:0 10px 28px #153d340a}.business-image{height:214px;display:block;position:relative;overflow:hidden;background:#eef2ed}.business-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.business-card:hover .business-image img{transform:scale(1.035)}.image-tag{position:absolute;left:17px;bottom:15px;padding:6px 10px;background:#ffffffed;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.8px;color:#304b3c}.business-details{padding:21px 23px 16px}.business-details h3{font-size:20px;line-height:1.35;letter-spacing:-.4px;margin-bottom:9px}.business-details h3 a:hover{color:#ca551f}.business-details>p{font-size:12px;color:#738075;margin-bottom:19px}.card-bottom{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between}.phone{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:550}.phone .icon{width:14px;height:14px;stroke-width:1.5}.round-link{border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#f0f5f0}.round-link .icon{width:16px;height:16px}.round-link:hover{background:#d7e7d9}
.jobs-section{background:#f4f7f3;padding:49px 0 51px;margin-top:67px;border-block:1px solid #ecf0e9}.jobs-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.jobs-intro>.category-icon{margin-bottom:19px;border-radius:10px;width:46px;height:46px}.jobs-intro .eyebrow{font-size:10px;color:#5e806c;letter-spacing:1.5px}.jobs-intro h2{font-size:34px;line-height:1.24;letter-spacing:-1px;margin-bottom:16px}.jobs-intro>p:not(.eyebrow){font-size:14px;color:var(--body);line-height:1.8;margin-bottom:24px}.job-list{display:flex;flex-direction:column;gap:12px}.job{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e3e9df;border-radius:8px;padding:18px 22px;transition:border-color .2s,transform .2s}.job:hover{border-color:#759d7d;transform:translateX(3px)}.job-monogram{height:47px;width:47px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;font-family:var(--heading);font-size:17px;font-weight:800}.groceries{color:#43592f;background:#f0f2e8}.home-choice{color:#b36435;background:#fbefe4}.optical{color:#62769a;background:#edf0f8}.job-employer{font-size:11px;color:#6d776e}.job h3{font-size:15px;letter-spacing:-.2px;margin:2px 0 5px;line-height:1.4}.job-location{font-size:11px;color:#7b8379;display:flex;align-items:center;gap:4px}.job-location .icon{width:12px;height:12px}.job-arrow{margin-left:auto;width:19px;height:19px;color:#5a7962}
.guides{padding-top:64px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.guide-image{height:218px;overflow:hidden;border-radius:9px;margin-bottom:19px}.guide-image img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:transform .35s}.guide:hover img{transform:scale(1.035)}.guide-meta{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#7a876f;margin-bottom:10px}.guide h3{font-size:19px;line-height:1.4;letter-spacing:-.4px;margin-bottom:15px}.guide-link{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.guide-link .icon{width:16px;height:16px}.guide:hover .guide-link{color:var(--orange)}.business-cta{display:flex;gap:28px;align-items:center;background:var(--ink);color:white;padding:36px 37px;border-radius:11px;margin-top:67px;margin-bottom:63px}.cta-mark{width:67px;height:67px;background:#ffffff0b;border:1px solid #ffffff20;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.cta-mark .icon{width:32px;height:32px;color:#b8cfb6;stroke-width:1.3}.cta-copy{flex:1}.cta-copy .eyebrow{color:#b5cbb6;font-size:8px;letter-spacing:1.2px;margin-bottom:7px}.cta-copy h2{font-size:23px;letter-spacing:-.55px;line-height:1.4;margin-bottom:5px}.cta-copy>p:last-child{margin:0;color:#c0d0c4;font-size:12px}.business-cta .button{font-size:12px;min-height:48px;padding-inline:21px}
.footer{border-top:1px solid var(--line);padding-top:42px}.footer-main{display:grid;grid-template-columns:2.4fr 1fr 1fr;gap:70px;padding-bottom:36px}.footer-brand .brand img{width:192px}.footer-brand p{font-size:12px;color:#768176;margin:18px 0 15px;line-height:1.8}.footer-local{font-size:11px;color:#536d58}.footer-main h3{font-family:var(--font);font-size:12px;font-weight:650;margin:0 0 14px}.footer-main>div:not(.footer-brand)>a{display:block;font-size:12px;color:#6c796e;margin-bottom:10px}.footer-main>div:not(.footer-brand)>a:hover{color:var(--orange)}.footer-bottom{padding:21px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:10px;color:#7c867d}.preview-note{color:#5c755f}
@media(min-width:1500px){.wrap{width:1200px}.hero{padding-top:58px}.hero-visual{height:378px}h1{font-size:70px}.hero-description{font-size:17px}.search-panel{margin-top:42px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.main-nav{gap:20px;font-size:12px}.brand img{width:184px}.nav-row{gap:20px}.nav-cta{font-size:12px;padding-inline:16px}.hero-grid{gap:32px}h1{font-size:54px;letter-spacing:-2.5px}.hero-visual{height:338px}.hero-description{font-size:14px}.search-panel .button{padding-inline:21px}.location-field{padding-left:20px;padding-right:15px;margin-right:10px}.search-field{gap:11px}.category-grid{gap:10px}.category strong{font-size:11px}.category>span:last-child{font-size:9px}.business-image{height:180px}.business-details{padding:19px 19px 15px}.business-details h3{font-size:18px}.jobs-layout{gap:40px}.job{padding:16px;gap:13px}.job h3{font-size:14px}.business-cta{gap:22px}.cta-mark{display:none}.guide-image{height:185px}.guide h3{font-size:17px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.main-nav{gap:18px}.main-nav a{font-size:11px}.nav-row{gap:16px;height:78px}.brand img{width:170px}.nav-cta{padding:10px 13px;min-height:42px;font-size:11px;gap:6px}.hero{padding-top:37px}.hero .eyebrow{font-size:8px;letter-spacing:.9px;gap:7px}.short-rule{width:18px}h1{font-size:46px;letter-spacing:-2px}.hero-visual{height:301px}.hero-grid{gap:23px}.hero-description{font-size:13px}.desktop-break{display:none}.photo-note{left:-12px;bottom:24px;padding:13px;gap:9px}.photo-note strong{font-size:12px}.photo-note div>span{font-size:9px}.note-icon{width:33px;height:33px}.photo-label{font-size:7px;letter-spacing:.8px}.hero-photo{border-top-right-radius:67px}.search-panel{padding-left:18px;margin-top:27px}.search-field>.icon{width:19px;height:19px}.search-field input,.search-field select{font-size:12px}.search-field label>span{font-size:7px;letter-spacing:.8px}.keyword-field{padding-right:16px}.location-field{padding-left:16px;padding-right:12px;flex:.9}.search-panel .button{font-size:12px;padding-inline:16px;gap:8px;min-height:51px}.search-panel .button .icon{width:17px;height:17px}.popular{font-size:10px;gap:12px}.popular a{padding-right:12px}.section{padding-top:45px}.section-heading h2{font-size:25px}.section-heading .eyebrow{font-size:8px}.section-heading{gap:15px;margin-bottom:23px}.text-link{font-size:11px;gap:8px}.section-heading p:not(.eyebrow){font-size:12px}.category-grid{grid-template-columns:repeat(3,1fr);gap:12px}.category{padding:21px 8px}.category strong{font-size:13px}.category>span:last-child{font-size:11px}.business-grid{gap:16px}.business-image{height:145px}.business-details{padding:15px 14px 13px}.business-details h3{font-size:16px}.business-details>p{font-size:10px;min-height:32px}.image-tag{font-size:7px;letter-spacing:.5px;left:12px;bottom:10px;padding:5px 7px}.phone{font-size:10px;gap:5px}.phone .icon{width:12px;height:12px}.round-link{width:26px;height:26px}.jobs-section{margin-top:48px;padding:35px 0}.jobs-layout{gap:28px;grid-template-columns:.8fr 1.2fr}.jobs-intro h2{font-size:27px}.jobs-intro>p:not(.eyebrow){font-size:12px}.job{padding:14px;gap:12px}.job-monogram{width:37px;height:37px;font-size:14px}.job h3{font-size:12px}.job-employer,.job-location{font-size:9px}.job-arrow{width:15px;height:15px}.guide-grid{gap:17px}.guide-image{height:165px}.guide-meta{font-size:8px;letter-spacing:.7px}.guide h3{font-size:15px}.business-cta{margin-top:45px;margin-bottom:44px;padding:26px;gap:17px}.cta-copy h2{font-size:20px}.cta-copy .eyebrow{font-size:7px;letter-spacing:.6px}.cta-copy>p:last-child{font-size:11px}.business-cta .button{font-size:10px;padding-inline:16px}.footer-main{gap:30px;grid-template-columns:1.8fr 1fr 1fr}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.utility-inner{min-height:31px;font-size:10px;justify-content:center}.utility-inner>span:first-child{display:none}.flag{font-size:13px}.nav-row{height:74px;gap:15px;position:relative}.brand img{width:182px}.nav-cta{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.main-nav{display:none;position:absolute;z-index:5;top:74px;left:-20px;right:-20px;background:white;border-bottom:1px solid var(--line);padding:17px 22px;box-shadow:0 15px 15px #123c3408}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{font-size:14px;padding:12px 0}.hero{padding:31px 0 22px}.hero-grid{display:flex;flex-direction:column;gap:24px;align-items:stretch}.hero .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:14px}h1{font-size:49px;line-height:1.08;letter-spacing:-2.5px;margin-bottom:17px}.hero-description{font-size:14px;line-height:1.7;max-width:340px}.hero-visual{height:225px;margin:0}.hero-photo{border-radius:10px 64px 10px 10px;object-position:65% center}.photo-note{left:12px;bottom:19px;padding:11px 14px}.photo-note strong{font-size:12px}.photo-note div>span{font-size:9px}.photo-label{display:none}.search-panel{flex-direction:column;align-items:stretch;padding:6px 15px 15px;margin-top:23px;gap:0;border-radius:9px}.search-field{gap:13px;padding:14px 3px;flex:auto}.search-field label>span{font-size:8px;letter-spacing:.8px;margin-bottom:4px}.search-field input,.search-field select{font-size:14px;height:28px}.location-field{border-left:0;border-top:1px solid var(--line);margin-right:0}.search-panel .button{min-height:48px;font-size:13px;justify-content:space-between;margin-top:5px;padding-inline:20px}.popular{flex-wrap:wrap;font-size:10px;row-gap:12px;column-gap:11px;margin-top:18px}.popular>span{width:100%;font-size:10px}.popular a{padding-right:11px}.section{padding-top:36px}.section-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:21px;gap:12px}.section-heading h2{font-size:26px;letter-spacing:-.8px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.25px;margin-bottom:9px}.text-link{font-size:12px}.section-heading p:not(.eyebrow){font-size:13px;margin-top:9px}.category-grid{grid-template-columns:repeat(2,1fr);gap:11px}.category{padding:19px 8px}.category-icon{height:43px;width:43px;border-radius:11px;margin-bottom:10px}.category-icon .icon{height:23px;width:23px}.category strong{font-size:12px}.category>span:last-child{font-size:10px}.businesses{padding-top:37px}.business-grid{grid-template-columns:1fr;gap:20px}.business-image{height:208px}.business-details{padding:20px 20px 15px}.business-details h3{font-size:20px}.business-details h3 br{display:none}.business-details>p{font-size:13px;min-height:0;margin-bottom:17px}.image-tag{font-size:8px;letter-spacing:.7px;padding:6px 9px;left:16px;bottom:14px}.phone{font-size:13px;gap:8px}.phone .icon{width:15px;height:15px}.round-link{height:33px;width:33px}.jobs-section{margin-top:38px;padding:34px 0}.jobs-layout{grid-template-columns:1fr;gap:27px}.jobs-intro h2{font-size:31px}.jobs-intro>.category-icon{display:none}.jobs-intro .eyebrow{font-size:9px}.jobs-intro>p:not(.eyebrow){font-size:14px;max-width:330px;margin-bottom:19px}.job{padding:16px;gap:12px}.job h3{font-size:14px}.job-monogram{height:39px;width:39px;font-size:14px}.job-employer,.job-location{font-size:11px}.job-arrow{height:17px;width:17px}.guide-grid{grid-template-columns:1fr;gap:30px}.guide-image{height:213px;margin-bottom:16px}.guide-meta{font-size:9px}.guide h3{font-size:20px;line-height:1.4;margin-bottom:12px}.guide h3 br{display:none}.guide-link{font-size:12px}.business-cta{flex-direction:column;align-items:flex-start;gap:21px;padding:28px;margin-top:38px;margin-bottom:38px}.cta-copy .eyebrow{font-size:8px;letter-spacing:1px;line-height:1.8;max-width:230px;margin-bottom:14px}.cta-copy h2{font-size:26px;line-height:1.3;letter-spacing:-.7px;margin-bottom:12px}.cta-copy>p:last-child{font-size:13px;line-height:1.8}.business-cta .button{font-size:12px;min-height:47px;padding-inline:19px}.footer{padding-top:30px}.footer-main{grid-template-columns:1fr 1fr;gap:28px;padding-bottom:25px}.footer-brand{grid-column:1/-1}.footer-brand .brand img{width:181px}.footer-main h3{font-size:13px}.footer-main>div:not(.footer-brand)>a{font-size:12px}.footer-brand p{font-size:13px}.footer-local{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:10px}.footer-bottom>span:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Readable detail text at every viewport; original Fiwi mark with a clear wordmark. */
.brand{display:inline-flex;align-items:center;gap:6px}.brand-crop{display:block;overflow:hidden;width:81px;height:42px}.brand-crop img,.footer-brand .brand-crop img{width:210px;max-width:none;height:42px}.brand-word{font-family:var(--heading);font-size:25px;letter-spacing:-1.2px;font-weight:750;line-height:1}.jamaica-flag{display:inline-block;width:19px;height:12px;background:linear-gradient(32deg,transparent 43%,#f9cb42 44% 55%,transparent 56%),linear-gradient(-32deg,transparent 43%,#f9cb42 44% 55%,transparent 56%),conic-gradient(from 57deg,#152e27 0deg 66deg,#269454 66deg 180deg,#152e27 180deg 246deg,#269454 246deg 360deg);vertical-align:middle;margin-left:5px}
.eyebrow,.hero .eyebrow,.section-heading .eyebrow,.jobs-intro .eyebrow{font-size:12px;letter-spacing:1.15px}.photo-note div>span{font-size:12px}.photo-label{font-size:10px}.hero-description{font-size:16px}.search-field label>span{font-size:11px;letter-spacing:.7px}.search-field input,.search-field select{font-size:16px}.popular,.category>span:last-child{font-size:12px}.category strong{font-size:14px}.section-heading p:not(.eyebrow){font-size:16px}.text-link{font-size:14px}.business-details>p,.phone{font-size:14px}.image-tag{font-size:11px;letter-spacing:.5px}.business-details h3{font-size:21px}.job h3{font-size:16px}.job-employer,.job-location{font-size:12px}.jobs-intro>p:not(.eyebrow){font-size:16px}.guide-meta{font-size:12px;letter-spacing:.7px}.guide h3{font-size:21px}.guide-link{font-size:14px}.cta-copy .eyebrow{font-size:10px;letter-spacing:1px}.cta-copy>p:last-child{font-size:14px}.business-cta .button{font-size:14px}.footer-main h3,.footer-main>div:not(.footer-brand)>a,.footer-brand p{font-size:14px}.footer-local,.footer-bottom{font-size:12px}.preview-note{font-size:12px}
@media(max-width:1100px){.main-nav{gap:20px}.main-nav a{font-size:14px}.hero .eyebrow{font-size:11px}.search-panel{flex-wrap:wrap}.keyword-field{flex:1.15}.location-field{flex:1}.search-panel .button{padding-inline:19px}.category strong{font-size:13px}.category>span:last-child{font-size:12px}.business-details h3{font-size:19px}.business-details>p,.phone{font-size:12px}.job h3{font-size:15px}.guide h3{font-size:19px}.cta-copy h2{font-size:22px}.cta-copy .eyebrow{font-size:10px}}
@media(max-width:900px){.nav-row{position:relative}.main-nav{display:none;position:absolute;z-index:5;top:100%;left:0;right:0;background:white;border:1px solid var(--line);padding:16px 22px;border-radius:8px;box-shadow:0 15px 25px #123c3412}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{font-size:16px;padding:12px 0}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-cta{margin-left:auto}.hero .eyebrow{font-size:10px;letter-spacing:.6px}.hero-description{font-size:16px}.search-field input,.search-field select{font-size:14px}.search-field label>span{font-size:10px}.hero-visual{height:330px}.popular{font-size:12px;gap:10px}.popular a{padding-right:10px}.image-tag{font-size:9px}.photo-note div>span{font-size:11px}.photo-note{left:-12px}.business-details>p{min-height:40px}.job-monogram{display:none}.jobs-layout{gap:25px}.job h3{font-size:15px}.guide-meta{font-size:10px}.business-cta{align-items:flex-start}.cta-copy .eyebrow{font-size:9px}}
@media(max-width:640px){.brand-word{font-size:24px}.hero .eyebrow{font-size:10px;letter-spacing:.75px}.hero-visual{height:225px}.photo-note div>span{font-size:12px}.photo-note{left:12px}.search-panel{flex-wrap:nowrap}.search-field{flex:auto;width:100%}.search-field input,.search-field select{font-size:16px}.search-field label>span{font-size:11px}.search-panel .button{font-size:14px}.popular{font-size:12px;column-gap:8px}.popular a{padding-right:8px}.popular>span{font-size:12px}.category strong{font-size:14px}.section-heading .eyebrow{font-size:11px}.section-heading p:not(.eyebrow){font-size:16px}.business-details h3{font-size:21px}.business-details>p,.phone{font-size:14px;min-height:0}.image-tag{font-size:11px}.job-monogram{display:grid}.job h3{font-size:15px}.job-employer,.job-location{font-size:12px}.job{padding:15px}.job-arrow{width:14px}.guide-meta{font-size:12px}.guide h3{font-size:21px}.cta-copy .eyebrow{font-size:10px}.cta-copy h2{font-size:26px}.footer-main>div:not(.footer-brand)>a{font-size:14px}.footer-bottom{font-size:12px}}

/* Reference: FindYello Jamaica. FiwiBusiness content, assets and identity. */
:root { --ink:#28342e; --body:#65716b; --orange:#ed641e; --soft:#f5f7f5; --line:#e5eae5; }
html { scroll-padding-top:104px; }
.wrap { width:min(1184px,calc(100% - 80px)); }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line); }
.nav-row { height:84px; gap:23px; justify-content:flex-start; }
.brand-crop { width:77px; height:40px; }
.brand-crop img,.footer-brand .brand-crop img { width:200px; height:40px; }
.nav-country { display:flex; align-items:center; gap:5px; border-left:1px solid #dfe4df; padding-left:18px; font-size:13px; color:#6a746f; }
.main-nav { margin-left:auto; gap:27px; }
.main-nav a { font-size:14px; }
.button-dark { background:var(--orange); }
.button-dark:hover { background:#cf500f; }
.nav-cta { min-height:47px; padding:12px 20px; font-size:14px; }

.hero { position:relative; isolation:isolate; display:flex; align-items:center; min-height:clamp(620px,74svh,740px); background:#252d29; color:#fff; overflow:hidden; padding:0; border:0; }
.hero-background,.hero-shade { position:absolute; inset:0; width:100%; height:100%; z-index:-1; }
.hero-background { object-fit:cover; object-position:center 46%; }
.hero-shade { background:linear-gradient(0deg,rgba(9,23,18,.32),transparent 60%),linear-gradient(90deg,rgba(12,26,22,.82),rgba(14,26,23,.66) 50%,rgba(14,25,21,.38)); }
.hero-content { padding-top:80px; padding-bottom:80px; text-align:center; }
.hero-kicker { font-size:11px; font-weight:600; letter-spacing:2.5px; color:#e3eee7; margin-bottom:24px; }
.hero h1 { font-size:64px; letter-spacing:-2.4px; line-height:1.1; font-weight:750; margin-bottom:24px; text-wrap:balance; }
.hero h1 br { display:block; }
.hero h1 span { color:#ffbc7e; margin-left:0; }
.hero-description { font-size:19px; color:#f0f3ef; margin-bottom:36px; line-height:1.7; max-width:none; }
.search-panel { display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; max-width:920px; margin:0 auto; padding:8px 9px 8px 25px; border:0; border-radius:50px; background:#fff; box-shadow:0 10px 30px #071b2926; color:var(--ink); text-align:left; }
.search-field { gap:12px; }
.search-field label>span { font-size:11px; letter-spacing:0; font-weight:500; color:#718076; margin-bottom:4px; }
.search-field input,.search-field select { height:29px; font-size:15px; color:#34443a; }
.keyword-field { flex:1.45; padding:3px 25px 3px 0; }
.location-field { flex:.9; padding:3px 24px; margin-right:4px; }
.search-panel .button { min-height:56px; padding-inline:24px; border-radius:36px; font-size:15px; }
.search-panel .button .icon { width:19px; height:19px; }
.popular { align-items:center; justify-content:center; gap:10px; margin-top:26px; font-size:12px; }
.popular>span { color:#d3dfd5; }
.popular a { color:#fff; border:1px solid #ffffff42; border-radius:20px; background:#ffffff0a; padding:6px 13px; transition:background .2s,border-color .2s; }
.popular a:last-child { border:1px solid #ffffff42; }
.popular a:hover { color:#fff; background:#ffffff1f; border-color:#ffffff85; }

.section { padding-top:46px; padding-bottom:49px; }
.section-heading { margin-bottom:26px; }
.section-heading h2 { font-size:30px; line-height:1.35; letter-spacing:-.8px; }
.section-heading .eyebrow { font-size:11px; letter-spacing:1.5px; }
.section-heading p:not(.eyebrow) { font-size:15px; margin-top:8px; }
.business-grid { gap:25px; }
.business-card { box-shadow:0 4px 15px #1b352109; transition:box-shadow .2s,transform .2s; }
.business-card:hover { box-shadow:0 9px 27px #1b352116; transform:translateY(-3px); }
.business-image { height:205px; }
.business-details { padding:22px 23px 17px; }
.business-details h3 { font-size:20px; font-weight:700; min-height:56px; line-height:1.4; }
.business-details>p { min-height:0; font-size:14px; }
.image-tag { font-size:10px; letter-spacing:.6px; color:#305e4c; }
.card-bottom { padding-top:13px; }
.phone { color:#466452; }

.categories { background:#126557; color:#fff; padding:37px 0 36px; }
.categories .section-heading { margin-bottom:24px; }
.categories .section-heading h2 { font-size:26px; }
.categories .eyebrow { color:#b7d6ca; }
.categories .text-link { color:#fff; }
.category-grid { grid-template-columns:repeat(6,1fr); gap:0; }
.category { border:0; border-right:1px solid #ffffff27; border-radius:0; padding:10px; background:transparent; }
.category:last-child { border-right:0; }
.category:hover { background:#ffffff0e; border-color:#ffffff27; transform:none; border-radius:7px; }
.category .category-icon { background:transparent; color:#fff; width:47px; height:47px; border-radius:50%; margin-bottom:12px; }
.category .category-icon .icon { width:31px; height:31px; stroke-width:1.35; }
.category strong { font-size:14px; font-weight:600; margin-bottom:4px; }
.category>span:last-child { color:#c6ded3; font-size:12px; }
.category-all>.category-icon { background:#ffffff16; }

.guides { padding-block:47px; }
.guide-grid { gap:25px; }
.guide { overflow:hidden; border:1px solid var(--line); border-radius:10px; padding-bottom:22px; transition:box-shadow .2s; }
.guide:hover { box-shadow:0 7px 24px #21392a12; }
.guide-image { height:218px; border-radius:0; margin-bottom:21px; }
.guide-meta,.guide h3,.guide-link { margin-left:22px; margin-right:22px; }
.guide-meta { font-size:11px; font-weight:600; color:#8a6345; letter-spacing:.7px; }
.guide h3 { font-size:20px; line-height:1.45; font-weight:700; margin-bottom:20px; }
.guide h3 br { display:none; }
.guide-link { font-size:13px; color:#126557; }
.jobs-section { background:#f5f7f5; margin-top:0; padding:42px 0; }
.jobs-layout { grid-template-columns:.83fr 1.17fr; gap:75px; }
.jobs-intro>.category-icon { display:none; }
.jobs-intro h2 { font-size:32px; line-height:1.3; }
.job { padding:17px 21px; }
.job-monogram { display:grid; width:43px; height:43px; }
.business-cta { margin-block:0; padding:35px 0; border-radius:0; background:white; color:var(--ink); }
.cta-mark { display:grid; width:65px; height:65px; background:#fff1e6; border:0; border-radius:50%; }
.cta-mark .icon { color:#d56829; }
.cta-copy .eyebrow { color:#947553; font-size:10px; }
.cta-copy h2 { font-size:26px; }
.cta-copy>p:last-child { color:var(--body); font-size:14px; }
.footer { background:#202a25; color:#f4f7f4; padding-top:44px; border:0; }
.footer-main { grid-template-columns:1.8fr 1fr 1fr 1fr; gap:48px; }
.footer-brand p { color:#b7c3b9; }
.footer-local { color:#c2cec2; }
.footer-main>div:not(.footer-brand)>a { color:#b8c4bc; font-size:13px; }
.footer-main a:hover { color:#ffb17d; }
.footer-bottom { border-color:#ffffff20; color:#a5b6a8; }
.preview-note { color:#a5b6a8; }

@media(max-width:1120px) {
  .wrap { width:calc(100% - 64px); }
  .nav-country { display:none; }
  .nav-row { gap:20px; }
  .main-nav { gap:22px; }
  .hero h1 { font-size:58px; }
  .hero { min-height:620px; }
  .hero-content { padding-top:70px; padding-bottom:70px; }
  .business-details { padding:19px; }
  .business-details h3 { font-size:18px; }
  .business-details>p { min-height:45px; }
  .business-image { height:183px; }
  .category strong { font-size:13px; }
  .category>span:last-child { font-size:11px; }
  .guide-image { height:190px; }
  .guide h3 { font-size:18px; }
  .jobs-layout { gap:37px; }
  .footer-main { gap:30px; grid-template-columns:1.55fr 1fr 1fr 1fr; }
}
@media(max-width:900px) {
  .wrap { width:calc(100% - 48px); }
  .nav-row { height:77px; }
  .main-nav { top:calc(100% + 1px); border-radius:0 0 8px 8px; }
  .main-nav a { font-size:16px; }
  .hero h1 { font-size:52px; }
  .hero h1 br { display:block; }
  .hero h1 span { margin-left:0; }
  .hero { min-height:590px; }
  .hero-content { padding-top:64px; padding-bottom:64px; }
  .hero-description { font-size:17px; margin-bottom:30px; }
  .search-panel { padding-left:19px; }
  .keyword-field { flex:1.3; padding-right:18px; }
  .location-field { padding-inline:17px; flex:.9; }
  .search-field input,.search-field select { font-size:14px; }
  .search-panel .button { padding-inline:19px; }
  .search-panel .button>span { display:none; }
  .section-heading h2 { font-size:26px; }
  .business-grid { gap:17px; }
  .business-image { height:152px; }
  .business-details { padding:16px; }
  .business-details h3 { font-size:17px; min-height:71px; }
  .business-details>p { font-size:13px; min-height:43px; }
  .image-tag { left:12px; bottom:11px; padding:4px 7px; font-size:9px; }
  .phone { font-size:12px; gap:6px; }
  .phone .icon { width:13px; height:13px; }
  .category-grid { grid-template-columns:repeat(3,1fr); row-gap:20px; }
  .category:nth-child(3) { border-right:0; }
  .category strong { font-size:14px; }
  .category>span:last-child { font-size:12px; }
  .guide-grid { gap:17px; }
  .guide-image { height:165px; margin-bottom:17px; }
  .guide-meta,.guide h3,.guide-link { margin-inline:16px; }
  .guide-meta { font-size:10px; letter-spacing:.4px; }
  .guide h3 { font-size:17px; }
  .jobs-intro h2 { font-size:27px; }
  .job { padding:15px; gap:12px; }
  .job-monogram { display:none; }
  .jobs-layout { gap:28px; }
  .cta-mark { display:none; }
  .cta-copy h2 { font-size:23px; }
  .business-cta { gap:20px; }
  .footer-main { grid-template-columns:repeat(3,1fr); }
  .footer-brand { grid-column:1/-1; }
}
@media(max-width:640px) {
  html { scroll-padding-top:91px; }
  .wrap { width:calc(100% - 40px); }
  .nav-row { height:73px; }
  .menu-toggle { margin-left:auto; }
  .brand-crop { width:70px; height:36px; }
  .brand-crop img,.footer-brand .brand-crop img { width:180px; height:36px; }
  .brand-word { font-size:23px; }
  .hero { min-height:650px; }
  .hero-background { object-position:68% center; }
  .hero-shade { background:#11271ccc; }
  .hero-content { padding-top:52px; padding-bottom:48px; }
  .hero-kicker { font-size:10px; letter-spacing:1.2px; margin-bottom:22px; }
  .hero h1 { font-size:40px; line-height:1.14; letter-spacing:-1.5px; margin-bottom:20px; }
  .hero-description { font-size:16px; line-height:1.7; max-width:330px; margin:0 auto 28px; }
  .search-panel { flex-direction:column; border-radius:13px; padding:5px 15px 15px; }
  .search-field { width:100%; padding:12px 2px; flex:auto; gap:11px; }
  .search-field input,.search-field select { font-size:16px; }
  .location-field { border-left:0; border-top:1px solid var(--line); margin:0; }
  .search-panel .button { width:100%; border-radius:7px; min-height:47px; font-size:15px; margin-top:5px; justify-content:center; }
  .search-panel .button>span { display:inline; }
  .popular { font-size:12px; flex-wrap:wrap; gap:8px; margin-top:23px; }
  .popular a { padding:5px 10px; }
  .popular>span { width:100%; font-size:12px; }
  .section { padding-top:34px; padding-bottom:35px; }
  .section-heading { flex-direction:column; align-items:flex-start; gap:15px; margin-bottom:23px; }
  .section-heading h2 { font-size:27px; line-height:1.3; }
  .business-grid { grid-template-columns:1fr; gap:20px; }
  .business-image { height:208px; }
  .business-details { padding:21px; }
  .business-details h3 { font-size:21px; min-height:0; }
  .business-details>p { min-height:0; font-size:14px; }
  .phone { font-size:14px; gap:8px; }
  .phone .icon { width:15px; height:15px; }
  .image-tag { font-size:10px; padding:5px 8px; left:16px; bottom:14px; }
  .categories { padding:32px 0; }
  .categories .section-heading h2 { font-size:26px; }
  .category-grid { grid-template-columns:repeat(2,1fr); gap:18px 0; }
  .category { padding:8px 7px; }
  .category:nth-child(3) { border-right:1px solid #ffffff27; }
  .category:nth-child(even) { border-right:0; }
  .category>span:last-child { font-size:11px; }
  .guide-grid { grid-template-columns:1fr; gap:21px; }
  .guide-image { height:211px; margin-bottom:19px; }
  .guide-meta,.guide h3,.guide-link { margin-inline:21px; }
  .guide h3 { font-size:21px; margin-bottom:16px; }
  .guide-meta { font-size:11px; letter-spacing:.6px; }
  .guide-link { font-size:14px; }
  .jobs-section { padding:33px 0; }
  .jobs-layout { grid-template-columns:1fr; gap:26px; }
  .jobs-intro h2 { font-size:30px; }
  .job-monogram { display:grid; width:35px; height:39px; font-size:14px; }
  .job { gap:11px; padding:15px 13px; }
  .business-cta { padding-block:34px; align-items:flex-start; flex-direction:column; gap:20px; }
  .cta-copy h2 { font-size:28px; line-height:1.3; margin-bottom:12px; }
  .cta-copy>p:last-child { font-size:15px; }
  .footer { padding-top:32px; }
  .footer-main { grid-template-columns:repeat(2,1fr); gap:28px 21px; }
  .footer-main>div:not(.footer-brand)>a { font-size:14px; }
}
@media(max-width:359px) {
  .wrap { width:calc(100% - 32px); }
  .hero h1 { font-size:34px; }
  .hero-kicker { letter-spacing:.5px; }
  .category strong { font-size:13px; }
  .category>span:last-child { font-size:10px; }
  .job-monogram { display:none; }
}

/* Native, responsive job cards based on the user's supplied section reference. */
.vacancies-section {
  --jobs-navy: #091633;
  --jobs-orange: #ff5b00;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 46px 0 26px;
  color: var(--jobs-navy);
  background:
    linear-gradient(149deg, transparent 83%, #ffe3be 100%),
    linear-gradient(23deg, #ffe2bc 0%, transparent 30%),
    #f9fcff;
  border-block: 1px solid #f0f3f6;
}
.vacancies-section::before, .vacancies-section::after {
  content: '';
  position: absolute;
  width: 104px;
  height: 80px;
  background-image: radial-gradient(circle, #ff9a40 3px, transparent 3.5px);
  background-size: 19px 19px;
  pointer-events: none;
  z-index: -1;
}
.vacancies-section::before { top: 20px; right: -23px; opacity: .25; }
.vacancies-section::after { bottom: 15px; left: 20px; opacity: .45; }
.vacancies-wrap { width: min(1320px, calc(100% - 80px)); }
.vacancies-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 26px; margin-bottom: 25px; }
.vacancies-title { display: flex; align-items: flex-start; gap: 17px; min-width: 0; }
.vacancies-icon { flex-shrink: 0; padding-top: 3px; color: var(--jobs-orange); }
.vacancies-icon .icon { width: 48px; height: 48px; stroke-width: 2; }
.vacancies-title h2 { margin: 0 0 7px; font: 800 39px/1.2 var(--heading); letter-spacing: -1.5px; }
.vacancies-title h2 span { color: var(--jobs-orange); }
.vacancies-title p { max-width: 800px; color: #64718c; font-size: 15px; line-height: 1.6; margin-bottom: 0; }
.career-note { flex-shrink: 0; padding: 2px 6px 0 0; text-align: center; transform: rotate(-4deg); }
.career-note > span { display: inline-block; font: 600 27px/1.4 'Segoe Print', 'Bradley Hand', cursive; white-space: nowrap; }
.career-note em { color: var(--jobs-orange); font-weight: 600; font-style: normal; border-bottom: 2px solid var(--jobs-orange); }
.career-note small { display: block; margin-top: 13px; font-size: 9px; letter-spacing: 1.6px; color: #49618a; font-weight: 700; transform: rotate(4deg); }
.career-note b { color: #df6b20; margin-inline: 7px; }
.vacancies-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.vacancy-card { min-width: 0; overflow: hidden; display: flex; flex-direction: column; border-radius: 13px; background: #fff; box-shadow: 0 7px 24px #223b4d0d; border: 1px solid #edf0f4; transition: box-shadow .2s, transform .2s; }
.vacancy-card:hover { transform: translateY(-3px); box-shadow: 0 12px 29px #223b4d19; }
.vacancy-art { display: block; position: relative; aspect-ratio: var(--crop-ratio); overflow: hidden; background: #edf4f7; flex-shrink: 0; }
/* Percentage margins use the frame width, matching the source-coordinate scale. */
.vacancy-art img { position: absolute; width: var(--art-width); max-width: none; height: auto; left: var(--art-left); top: 0; margin-top: var(--art-top); }
.vacancy-body { display: flex; flex-direction: column; align-items: stretch; flex: 1; padding: 16px 18px 16px; }
.vacancy-body h3 { font: 750 16px/1.38 var(--heading); letter-spacing: -.4px; margin: 0 0 10px; }
.vacancy-body h3 a:hover { color: #d44800; }
.vacancy-location { display: flex; align-items: center; gap: 6px; margin: 0 0 17px; font-size: 13px; line-height: 1.5; color: #526180; }
.vacancy-location .icon { height: 17px; width: 17px; stroke-width: 2.5; color: var(--jobs-orange); }
.vacancy-details { display: flex; align-items: center; gap: 12px; margin-top: auto; padding-right: 10px; min-height: 39px; border-radius: 9px; background: #fff0e6; color: var(--jobs-orange); font-size: 15px; font-weight: 650; transition: background .2s; }
.vacancy-details > span { display: flex; align-items: center; justify-content: center; flex: 1; min-height: 39px; padding: 7px 10px; border-radius: 9px; background: linear-gradient(110deg, #ff6600, #fa5100); color: #fff; }
.vacancy-details .icon { width: 18px; height: 18px; }
.vacancy-details:hover { background: #ffdcc6; }
.vacancy-details:hover > span { background: #e34900; }
.vacancies-bottom { position: relative; display: flex; justify-content: center; align-items: center; min-height: 88px; margin-top: 18px; }
.all-vacancies { display: inline-flex; justify-content: center; align-items: center; gap: 22px; background: linear-gradient(110deg, #ff6500, #fa5100); color: #fff; border: 1px solid #ff9b54; border-radius: 50px; box-shadow: 0 7px 19px #844f2a12; padding: 12px 29px; min-height: 49px; font-size: 13px; font-weight: 750; text-transform: uppercase; }
.all-vacancies:hover { background: #e34900; }
.all-vacancies .icon { width: 19px; height: 19px; stroke-width: 2; }
.jobs-signoff { position: absolute; right: 1px; bottom: 0; margin: 0; text-align: center; font: 600 21px/1.25 'Segoe Print', 'Bradley Hand', cursive; transform: rotate(-8deg); }
.jobs-signoff::after { content: ''; display: block; width: 85%; margin-left: auto; margin-top: 6px; border-bottom: 2px solid var(--jobs-orange); transform: rotate(-5deg); }

@media(max-width:1200px) {
  .vacancies-wrap { width: calc(100% - 64px); }
  .vacancies-heading { gap: 20px; }
  .vacancies-title h2 { font-size: 33px; }
  .vacancies-title p { font-size: 14px; }
  .vacancies-icon .icon { width: 40px; height: 40px; }
  .career-note > span { font-size: 22px; }
  .career-note small { font-size: 8px; letter-spacing: 1px; }
  .vacancies-grid { gap: 16px; }
  .vacancy-body { padding: 14px; }
  .vacancy-body h3 { font-size: 15px; }
  .vacancy-location { font-size: 12px; }
  .vacancy-details { font-size: 14px; }
  .jobs-signoff { font-size: 18px; }
}
@media(max-width:1000px) {
  .vacancies-wrap { width: calc(100% - 48px); }
  .vacancies-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px; }
  .vacancies-title h2 { font-size: 35px; }
  .vacancies-title p { font-size: 15px; }
  .vacancies-heading { flex-direction: column; gap: 18px; }
  .career-note { display: none; }
  .vacancy-body { padding: 18px; }
  .vacancy-body h3 { font-size: 17px; }
  .vacancy-location { font-size: 13px; }
  .vacancy-details { font-size: 15px; }
  .jobs-signoff { display: none; }
}
@media(max-width:600px) {
  .vacancies-section { padding-top: 31px; padding-bottom: 22px; }
  .vacancies-wrap { width: calc(100% - 40px); }
  .vacancies-title { gap: 11px; }
  .vacancies-title h2 { font-size: 30px; line-height: 1.2; letter-spacing: -1.1px; margin-bottom: 12px; }
  .vacancies-title h2 span { display: block; }
  .vacancies-icon { padding-top: 1px; }
  .vacancies-icon .icon { width: 31px; height: 31px; }
  .vacancies-title p { font-size: 15px; line-height: 1.65; margin-left: -42px; padding-top: 3px; }
  .vacancies-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .vacancy-card { border-radius: 13px; }
  .vacancy-body { padding: 18px 20px; }
  .vacancy-body h3 { font-size: 18px; line-height: 1.4; margin-bottom: 10px; }
  .vacancy-location { font-size: 14px; margin-bottom: 18px; }
  .vacancy-details,.vacancy-details > span { min-height: 44px; font-size: 16px; }
  .vacancies-bottom { min-height: 72px; margin-top: 19px; }
  .all-vacancies { padding: 12px 24px; min-height: 49px; font-size: 12px; gap: 16px; }
  .vacancies-section::after { opacity: .2; }
}
@media(prefers-reduced-motion:reduce) { .vacancy-card { transition: none; } }

/* Business discovery: stronger imagery, readable details and explicit actions. */
.business-discovery {
  --discovery-navy: #101f35;
  --discovery-orange: #df510c;
  background: #f6f8fb;
  color: var(--discovery-navy);
  padding: 54px 0 60px;
  border-bottom: 1px solid #e9edf2;
}
.discovery-wrap { width: min(1320px, calc(100% - 80px)); }
.discovery-heading { display: flex; justify-content: space-between; align-items: center; gap: 35px; margin-bottom: 32px; }
.discovery-intro { display: flex; align-items: flex-start; gap: 18px; }
.discovery-symbol { display: grid; place-items: center; flex-shrink: 0; width: 57px; height: 57px; border-radius: 16px; margin-top: 3px; background: #ffede0; color: var(--discovery-orange); }
.discovery-symbol .icon { width: 30px; height: 30px; stroke-width: 1.6; }
.discovery-eyebrow { font-size: 11px; letter-spacing: 1.6px; color: #68798b; font-weight: 650; margin-bottom: 8px; }
.discovery-intro h2 { font: 800 36px/1.2 var(--heading); letter-spacing: -1.25px; margin-bottom: 10px; }
.discovery-intro h2 span { color: var(--discovery-orange); }
.discovery-description { color: #627083; font-size: 16px; line-height: 1.6; margin: 0; }
.discovery-browse { display: inline-flex; align-items: center; justify-content: center; gap: 13px; flex-shrink: 0; min-height: 48px; padding: 10px 16px 10px 20px; border: 1px solid #d7e0e7; border-radius: 50px; background: #fff; color: #172e3d; font-size: 13px; font-weight: 650; transition: border-color .2s, background .2s; }
.discovery-browse .icon { color: var(--discovery-orange); width: 19px; height: 19px; }
.discovery-browse:hover { background: #fff5ee; border-color: #f2c4a9; }
.discovery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.discovery-card { min-width: 0; display: flex; flex-direction: column; background: #fff; border: 1px solid #e3e9ef; border-radius: 18px; box-shadow: 0 7px 23px #20354d08; overflow: hidden; transition: transform .2s, box-shadow .2s, border-color .2s; }
.discovery-card:hover { transform: translateY(-4px); box-shadow: 0 13px 28px #20354d14; border-color: #d4dde6; }
.discovery-photo { display: block; position: relative; overflow: hidden; margin: 9px 9px 0; border-radius: 11px; height: 229px; flex-shrink: 0; background: #eaf0f4; }
.discovery-photo > img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.discovery-card:hover .discovery-photo > img { transform: scale(1.04); }
.discovery-photo::after { content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, #0a1c354f); pointer-events: none; }
.discovery-category { position: absolute; z-index: 1; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 7px; color: #26374a; background: #fff; padding: 7px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; line-height: 1.4; box-shadow: 0 2px 8px #1323320c; }
.discovery-category .icon { width: 16px; height: 16px; color: var(--discovery-orange); }
.discovery-body { display: flex; flex-direction: column; flex: 1; padding: 22px 22px 21px; }
.discovery-body h3 { font: 750 22px/1.35 var(--heading); letter-spacing: -.55px; margin: 0 0 11px; }
.discovery-body h3 a:hover { color: var(--discovery-orange); }
.discovery-body > p { font-size: 15px; color: #6b7787; line-height: 1.6; margin-bottom: 23px; }
.discovery-actions { display: flex; align-items: stretch; gap: 10px; margin-top: auto; padding-top: 17px; border-top: 1px solid #e9eef2; }
.discovery-view,.discovery-call { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 8px; min-height: 45px; font-size: 13px; font-weight: 650; line-height: 1.2; white-space: nowrap; padding: 11px 10px; transition: background .2s; }
.discovery-view { flex: 1; background: #c74b0d; color: #fff; }
.discovery-view:hover { background: #bf3e05; }
.discovery-call { flex: 1; color: #31544b; background: #f1f6f4; border: 1px solid #e0eae5; }
.discovery-call:hover { background: #e2eee7; }
.discovery-view .icon { width: 17px; height: 17px; }
.discovery-call .icon { width: 15px; height: 15px; stroke-width: 1.6; }

@media(max-width:1200px) {
  .discovery-wrap { width: calc(100% - 64px); }
  .discovery-heading { gap: 24px; align-items: flex-end; }
  .discovery-intro h2 { font-size: 31px; }
  .discovery-symbol { display: none; }
  .discovery-description { font-size: 15px; }
  .discovery-browse { font-size: 12px; padding-inline: 17px; }
  .discovery-photo { height: 202px; }
  .discovery-body { padding: 19px; }
  .discovery-body h3 { font-size: 20px; }
  .discovery-actions { flex-direction: column; gap: 8px; }
  .discovery-body > p { font-size: 14px; }
}
@media(max-width:900px) and (min-width:641px) {
  .discovery-wrap { width: calc(100% - 48px); }
  .discovery-grid { grid-template-columns: 1fr; gap: 18px; }
  .discovery-card { flex-direction: row; }
  .discovery-photo { width: 36%; height: auto; min-height: 229px; margin: 9px 0 9px 9px; }
  .discovery-body { padding: 24px; }
  .discovery-body h3 { font-size: 22px; }
  .discovery-actions { flex-direction: row; }
  .discovery-heading { align-items: flex-start; flex-direction: column; gap: 20px; }
  .discovery-category { left: 10px; bottom: 12px; font-size: 10px; padding: 6px 8px; gap: 5px; }
}
@media(max-width:640px) {
  .business-discovery { padding: 33px 0 35px; }
  .discovery-wrap { width: calc(100% - 40px); }
  .discovery-heading { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 25px; }
  .discovery-intro h2 { font-size: 31px; line-height: 1.2; letter-spacing: -1px; margin-bottom: 12px; }
  .discovery-intro h2 span { display: block; }
  .discovery-eyebrow { font-size: 10px; letter-spacing: 1.4px; margin-bottom: 11px; }
  .discovery-description { font-size: 15px; line-height: 1.7; }
  .discovery-browse { font-size: 13px; min-height: 44px; padding-block: 9px; }
  .discovery-grid { grid-template-columns: 1fr; gap: 22px; }
  .discovery-card { border-radius: 16px; }
  .discovery-photo { height: 215px; margin: 8px 8px 0; }
  .discovery-category { left: 12px; bottom: 12px; font-size: 11px; }
  .discovery-body { padding: 20px 18px 18px; }
  .discovery-body h3 { font-size: 22px; }
  .discovery-body > p { font-size: 15px; margin-bottom: 20px; }
  .discovery-actions { flex-direction: row; gap: 8px; padding-top: 15px; }
  .discovery-view,.discovery-call { padding-inline: 7px; gap: 6px; font-size: 12px; }
}
@media(max-width:359px) {
  .discovery-wrap { width: calc(100% - 32px); }
  .discovery-intro h2 { font-size: 28px; }
  .discovery-photo { height: 190px; }
  .discovery-body h3 { font-size: 20px; }
  .discovery-actions { flex-direction: column; }
  .discovery-view,.discovery-call { font-size: 14px; }
}
@media(prefers-reduced-motion:reduce) { .discovery-card,.discovery-photo>img { transition: none; } }



/* The supplied hero reference, rebuilt with accessible HTML and responsive controls. */
.site-header { color:#0c1b2b; }
.nav-row { width:min(1440px,85%); height:76px; gap:24px; }
.brand-word { color:#0b1928; }
.nav-country { color:#44505d; }
.nav-country .icon { color:#0c1b2b; }
.main-nav { gap:28px; }
.nav-cta { background:linear-gradient(110deg,#ff7500,#ff4700); font-size:15px; padding-inline:23px; margin-left:28px; }
.nav-resources { position:relative; font-size:14px; }
.nav-resources summary { display:flex; align-items:center; gap:4px; cursor:pointer; list-style:none; padding:12px 0; }
.nav-resources summary::-webkit-details-marker { display:none; }
.nav-resources summary .icon { width:15px; height:15px; }
.nav-resources[open] summary { color:#d94b00; }
.resource-links { position:absolute; right:0; top:100%; width:220px; border:1px solid #e7e9ed; border-radius:12px; box-shadow:0 14px 35px #0714231c; background:#fff; padding:10px; }
.main-nav .resource-links a { padding:11px 13px; border-radius:7px; font-size:14px; }
.resource-links a:hover { background:#fff3e8; }

.hero-reference { min-height:clamp(660px,76svh,760px); padding:0; }
.hero-reference .hero-background { object-position:center; }
.hero-reference .hero-shade { background:linear-gradient(90deg,rgba(0,10,7,.65),rgba(1,9,5,.28) 44%,transparent 68%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 65%); }
.hero-reference .hero-content { position:relative; z-index:2; width:min(1440px,85%); padding-block:66px 46px; text-align:left; }
.hero-reference .hero-kicker { color:#fff; font-size:12px; letter-spacing:3.3px; font-weight:600; margin-bottom:22px; }
.hero-reference .hero-kicker::after { content:''; display:block; width:67px; height:4px; background:#ff771a; margin-top:10px; }
.hero-reference h1 { font-size:clamp(54px,4.7vw,76px); font-weight:800; line-height:1.02; letter-spacing:-2.7px; margin:0 0 12px; text-wrap:initial; }
.hero-reference h1 span { color:#ff7b20; }
.hero-reference .hero-description { font-size:25px; line-height:1.28; color:#e9eaeb; margin:0 0 28px; max-width:none; }
.hero-reference .search-panel { width:min(900px,76%); max-width:none; margin:0; padding:8px 9px 8px 29px; box-shadow:0 10px 30px #0000001a; color:#0c1b2b; border-radius:50px; }
.hero-reference .search-field>.icon { color:#0d1b29; width:23px; height:23px; }
.hero-reference .keyword-field { flex:1.55; padding:0 24px 0 0; }
.hero-reference .keyword-field label>span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.hero-reference .search-field input,.hero-reference .search-field select { font-size:16px; color:#132437; height:28px; }
.hero-reference .search-field input::placeholder { color:#556272; }
.hero-reference .location-field { flex:.9; padding:0 20px 0 24px; border-left:1px solid #d5d8dc; }
.hero-reference .location-field label>span { font-size:12px; color:#536071; margin-bottom:0; }
.hero-reference .search-panel .button { background:linear-gradient(110deg,#ff7c00,#ff4800); border-radius:40px; padding-inline:30px; min-height:55px; font-size:17px; gap:12px; }
.hero-reference .search-panel .button .icon { width:23px; height:23px; }
.hero-reference .search-panel .button>span { display:inline; }
.hero-reference .search-panel .button:hover,.nav-cta:hover { background:#e94c00; }
.hero-shortcuts { display:grid; grid-template-columns:1.05fr .75fr 1.05fr 1.2fr; gap:30px; max-width:660px; margin-top:28px; }
.hero-shortcuts a { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; color:#fff; font-size:16px; line-height:1.3; font-weight:550; }
.shortcut-icon { display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:linear-gradient(130deg,#ff9600,#ff5000); box-shadow:0 5px 12px #0b110b20; transition:transform .2s,box-shadow .2s; }
.shortcut-icon .icon { width:30px; height:30px; stroke-width:1.8; }
.hero-shortcuts a:hover .shortcut-icon { transform:translateY(-4px); box-shadow:0 6px 20px #ff65004d; }
.hero-shortcuts a:hover { color:#ffd1ac; }
.hero-together { position:absolute; right:2.5%; top:25%; z-index:1; width:210px; text-align:center; font:400 40px/.95 'Caveat',cursive; white-space:nowrap; color:#fff; transform:rotate(-10deg); pointer-events:none; }
.hero-together svg { display:block; width:160px; height:32px; margin:9px 0 0 28px; stroke:#ff7714; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; fill:none; }
.hero-corner { position:absolute; right:0; bottom:0; z-index:1; width:38%; height:300px; pointer-events:none; }
.hero-wave { position:absolute; inset:0; width:100%; height:100%; }
.hero-corner p { position:absolute; right:15%; bottom:16px; margin:0; color:#fff; font:400 35px/.88 'Caveat',cursive; text-align:center; transform:rotate(-12deg); }
.hero-corner p span { display:block; margin-top:5px; }
.hero-palm { position:absolute; right:-14px; bottom:-10px; width:118px; height:155px; }

@media(min-width:1800px) { .hero-together { right:5%; } }
@media(max-width:1250px) {
  .nav-row { width:calc(100% - 64px); gap:20px; }
  .main-nav { gap:21px; }
  .nav-cta { margin-left:0; font-size:14px; padding-inline:19px; }
  .hero-reference .hero-content { width:calc(100% - 96px); }
  .hero-reference h1 { font-size:56px; }
  .hero-reference .hero-description { font-size:23px; }
  .hero-reference .search-panel { width:min(850px,88%); }
  .hero-together { right:1.5%; font-size:34px; width:160px; top:24%; }
  .hero-together svg { width:130px; margin-left:18px; }
  .hero-corner { width:34%; height:220px; }
  .hero-corner p { font-size:29px; right:15%; }
  .hero-palm { width:91px; height:125px; }
}
@media(max-width:1000px) {
  .nav-country { display:none; }
  .nav-row { gap:16px; }
  .main-nav { gap:18px; }
  .main-nav a,.nav-resources { font-size:13px; }
  .hero-reference .hero-content { width:calc(100% - 64px); }
  .hero-reference h1 { font-size:52px; }
  .hero-reference .hero-kicker { font-size:10px; letter-spacing:2.5px; }
  .hero-reference .hero-shade { background:linear-gradient(90deg,#07100bd9,#07100b70 62%,#07100b22); }
  .hero-reference .search-panel { width:100%; }
  .hero-together { display:none; }
  .hero-corner { width:29%; height:140px; }
  .hero-corner p { display:none; }
  .hero-palm { width:75px; height:98px; }
  .hero-shortcuts { max-width:620px; gap:24px; }
  .hero-shortcuts a { font-size:15px; }
}
@media(max-width:900px) {
  .nav-row { height:74px; }
  .nav-cta { margin-left:auto; }
  .nav-resources { width:100%; font-size:16px; }
  .nav-resources summary { padding:12px 15px; }
  .resource-links { position:static; width:100%; box-shadow:none; border:0; padding:0 12px 8px; }
  .main-nav a { font-size:16px; }
  .hero-reference { min-height:640px; }
  .hero-reference .hero-content { padding-block:57px 44px; }
  .hero-reference .hero-description { font-size:22px; margin-bottom:29px; }
  .hero-reference .search-panel { padding-left:23px; }
  .hero-reference .keyword-field { flex:1.6; padding-right:18px; }
  .hero-reference .location-field { padding-inline:18px; }
  .hero-reference .search-field input,.hero-reference .search-field select { font-size:14px; }
  .hero-reference .search-panel .button { padding-inline:20px; font-size:15px; }
}
@media(max-width:640px) {
  .nav-row { width:calc(100% - 40px); height:73px; }
  .hero-reference { min-height:0; }
  .hero-reference .hero-background { object-position:66% center; }
  .hero-reference .hero-shade { background:linear-gradient(90deg,#06100cdb,#06100ca6),linear-gradient(0deg,#08150dc2,transparent); }
  .hero-reference .hero-content { width:calc(100% - 40px); padding-block:43px 64px; }
  .hero-reference .hero-kicker { font-size:9px; letter-spacing:1.4px; line-height:1.6; margin-bottom:23px; }
  .hero-reference .hero-kicker::after { width:49px; height:3px; margin-top:11px; }
  .hero-reference h1 { font-size:clamp(34px,9.4vw,54px); letter-spacing:-1.6px; line-height:1.08; margin-bottom:20px; }
  .hero-reference .hero-description { font-size:18px; line-height:1.45; margin-bottom:25px; }
  .hero-reference .hero-description br { display:none; }
  .hero-reference .search-panel { border-radius:19px; padding:7px 16px 16px; }
  .hero-reference .keyword-field { flex:auto; padding:16px 0; }
  .hero-reference .search-field input,.hero-reference .search-field select { font-size:16px; height:30px; }
  .hero-reference .search-field>.icon { width:21px; height:21px; }
  .hero-reference .location-field { flex:auto; padding:13px 0; border-left:0; border-top:1px solid #e1e4e8; }
  .hero-reference .search-panel .button { width:100%; min-height:49px; border-radius:11px; font-size:16px; }
  .hero-shortcuts { grid-template-columns:1fr 1fr; gap:23px 18px; margin-top:28px; max-width:390px; }
  .hero-shortcuts a { font-size:14px; gap:9px; }
  .shortcut-icon { width:48px; height:48px; }
  .shortcut-icon .icon { width:26px; height:26px; }
  .hero-corner { width:48%; height:105px; }
  .hero-palm { width:62px; height:84px; right:-10px; }
}
@media(prefers-reduced-motion:reduce) { .shortcut-icon { transition:none; } .hero-shortcuts a:hover .shortcut-icon { transform:none; } }

/* An editorial guide layout using the original FiwiBusiness articles and photos. */
.local-guides { --guide-ink:#101f35; --guide-orange:#d85111; padding:64px 0 66px; background:linear-gradient(120deg,#fffaf5,#fff 55%); color:var(--guide-ink); border-bottom:1px solid #edf0f4; }
.local-guides-wrap { width:min(1320px,calc(100% - 80px)); }
.local-guides-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:32px; }
.local-guides-eyebrow { display:flex; align-items:center; gap:10px; color:#916047; font-size:11px; font-weight:700; letter-spacing:1.8px; margin:0 0 15px; }
.local-guides-eyebrow .icon { width:20px; height:20px; color:var(--guide-orange); }
.local-guides-intro h2 { font:800 38px/1.18 var(--heading); letter-spacing:-1.4px; margin:0 0 12px; }
.local-guides-intro h2 span { color:var(--guide-orange); }
.local-guides-description { font-size:16px; color:#657184; margin:0; }
.local-guides-browse { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:48px; padding:10px 18px 10px 22px; margin-bottom:4px; flex-shrink:0; border:1px solid #dfe3e9; border-radius:50px; color:#1c2c40; background:#fff; font-size:13px; font-weight:650; transition:background .2s,border-color .2s; }
.local-guides-browse .icon { width:19px; height:19px; color:var(--guide-orange); }
.local-guides-browse:hover { border-color:#ecba9a; background:#fff3e9; }
.local-guides-grid { display:grid; grid-template-columns:1.06fr 1fr; grid-template-rows:repeat(2,minmax(225px,auto)); gap:22px; }
.local-guide { min-width:0; }
.local-guide-card { display:flex; height:100%; position:relative; isolation:isolate; overflow:hidden; border-radius:21px; background:#fff; box-shadow:0 7px 25px #14223c08; transition:transform .25s,box-shadow .25s; }
.local-guide-card:hover { transform:translateY(-3px); box-shadow:0 12px 30px #14223c16; }
.local-guide-photo { overflow:hidden; background:#e8ecef; }
.local-guide-photo img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.local-guide-card:hover .local-guide-photo img { transform:scale(1.035); }
.local-guide-feature { grid-row:1/3; }
.local-guide-feature .local-guide-card { align-items:flex-end; color:#fff; min-height:472px; }
.local-guide-feature .local-guide-photo { position:absolute; inset:0; z-index:-2; }
.local-guide-feature .local-guide-photo img { object-position:center 38%; }
.local-guide-feature .local-guide-card::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,#0b1e2c22 0%,#0b1e2c0d 20%,#091c3094 51%,#081829f2 86%); }
.local-guide-badge { position:absolute; top:23px; left:25px; display:flex; align-items:center; gap:8px; background:#fff8f1; border:1px solid #ffffff7a; border-radius:30px; padding:8px 13px; color:#954017; font-size:11px; font-weight:650; }
.local-guide-badge .icon { width:17px; height:17px; }
.local-guide-content { min-width:0; }
.local-guide-feature .local-guide-content { width:100%; padding:29px 32px 28px; }
.local-guide-kicker { font-size:10px; font-weight:700; color:#ffd1ac; letter-spacing:1.8px; margin:0 0 11px; }
.local-guide-feature h3 { font:750 33px/1.2 var(--heading); letter-spacing:-.9px; margin:0 0 12px; }
.local-guide-summary { font-size:14px; line-height:1.6; color:#d6dee8; margin:0 0 23px; }
.local-guide-action { display:flex; align-items:center; justify-content:space-between; gap:14px; font-size:13px; font-weight:650; line-height:1.3; }
.local-guide-arrow { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; border-radius:50%; color:var(--guide-orange); background:#fff0e4; transition:background .2s,transform .2s; }
.local-guide-arrow .icon { width:19px; height:19px; }
.local-guide-feature .local-guide-action { border-top:1px solid #ffffff30; padding-top:18px; }
.local-guide-feature .local-guide-arrow { width:41px; height:41px; background:#ff7419; color:#fff; }
.local-guide-card:hover .local-guide-arrow { transform:translateX(3px); background:#ffdcc4; }
.local-guide-feature .local-guide-card:hover .local-guide-arrow { background:#ff8c3f; }
.local-guide-compact .local-guide-card { border:1px solid #e5e8ed; padding:9px; gap:0; }
.local-guide-compact .local-guide-photo { flex:0 0 37%; border-radius:13px; min-height:205px; }
.local-guide-compact .local-guide-photo img { object-position:50% center; }
.local-guide-compact .local-guide-content { display:flex; flex-direction:column; flex:1; padding:15px 15px 12px 22px; }
.local-guide-topic { display:flex; align-items:center; gap:7px; color:#a34f27; font-size:10px; line-height:1.4; letter-spacing:.8px; font-weight:700; margin:0 0 13px; }
.local-guide-topic .icon { width:16px; height:16px; }
.local-guide-compact h3 { font:750 22px/1.32 var(--heading); letter-spacing:-.55px; margin:0 0 15px; }
.local-guide-compact .local-guide-summary { color:#697487; font-size:13px; line-height:1.55; margin:0 0 17px; }
.local-guide-compact .local-guide-action { margin-top:auto; color:#35445a; font-size:12px; }

@media(max-width:1120px) {
  .local-guides-wrap { width:calc(100% - 64px); }
  .local-guides-intro h2 { font-size:35px; }
  .local-guides-grid { grid-template-columns:1fr 1fr; gap:18px; }
  .local-guide-feature .local-guide-content { padding:26px; }
  .local-guide-feature h3 { font-size:29px; }
  .local-guide-compact .local-guide-photo { flex-basis:32%; }
  .local-guide-compact .local-guide-content { padding:13px 10px 10px 16px; }
  .local-guide-compact h3 { font-size:19px; }
  .local-guide-topic { font-size:9px; letter-spacing:.5px; gap:6px; }
}
@media(max-width:900px) {
  .local-guides { padding-block:45px 48px; }
  .local-guides-wrap { width:calc(100% - 48px); }
  .local-guides-heading { gap:20px; align-items:flex-start; }
  .local-guides-intro h2 { font-size:31px; }
  .local-guides-description { font-size:15px; }
  .local-guides-browse { margin-top:28px; padding-inline:16px; font-size:12px; gap:10px; }
  .local-guides-grid { grid-template-columns:1fr 1fr; grid-template-rows:auto; gap:20px; }
  .local-guide-feature { grid-column:1/-1; grid-row:auto; }
  .local-guide-feature .local-guide-card { min-height:400px; }
  .local-guide-feature .local-guide-photo img { object-position:center 36%; }
  .local-guide-feature .local-guide-content { padding:28px 30px; }
  .local-guide-feature h3 { font-size:34px; }
  .local-guide-summary { margin-bottom:17px; }
  .local-guide-compact .local-guide-card { flex-direction:column; padding:8px; }
  .local-guide-compact .local-guide-photo { flex:none; height:175px; min-height:0; }
  .local-guide-compact .local-guide-photo img { object-position:center 34%; }
  .local-guide-compact .local-guide-content { padding:18px 13px 12px; }
  .local-guide-compact h3 { font-size:21px; }
  .local-guide-topic { font-size:10px; letter-spacing:.6px; }
}
@media(max-width:640px) {
  .local-guides { padding-block:36px 40px; }
  .local-guides-wrap { width:calc(100% - 40px); }
  .local-guides-heading { flex-direction:column; gap:21px; margin-bottom:25px; }
  .local-guides-eyebrow { font-size:10px; letter-spacing:1.5px; margin-bottom:13px; }
  .local-guides-intro h2 { font-size:31px; line-height:1.2; letter-spacing:-1.1px; }
  .local-guides-intro h2 br { display:none; }
  .local-guides-browse { margin:0; font-size:13px; min-height:45px; }
  .local-guides-grid { grid-template-columns:1fr; gap:20px; }
  .local-guide-card { border-radius:18px; }
  .local-guide-feature { grid-column:auto; }
  .local-guide-feature .local-guide-card { min-height:445px; }
  .local-guide-badge { left:20px; top:20px; }
  .local-guide-feature .local-guide-content { padding:23px; }
  .local-guide-feature h3 { font-size:28px; }
  .local-guide-feature h3 br { display:none; }
  .local-guide-summary { font-size:14px; }
  .local-guide-compact .local-guide-photo { height:193px; }
  .local-guide-compact .local-guide-content { padding:19px 14px 13px; }
  .local-guide-compact h3 { font-size:23px; margin-bottom:19px; }
  .local-guide-compact .local-guide-action { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) {
  .local-guide-card,.local-guide-photo img,.local-guide-arrow { transition:none; }
  .local-guide-card:hover,.local-guide-card:hover .local-guide-photo img,.local-guide-card:hover .local-guide-arrow { transform:none; }
}

/* Category navigation: navy and orange pictograms, generous cards, clear links. */
.directory-section { --directory-ink:#14243a; --directory-accent:#d35113; padding:54px 0 58px; background:#fff; color:var(--directory-ink); border-bottom:1px solid #f0e9e3; }
.directory-wrap { width:min(1320px,calc(100% - 80px)); }
.directory-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:31px; }
.directory-eyebrow { display:flex; align-items:center; gap:10px; font-size:10px; letter-spacing:1.8px; font-weight:700; color:#8d614d; margin:0 0 12px; }
.directory-eyebrow::before { content:''; width:25px; height:3px; border-radius:2px; background:#ff791f; }
.directory-heading h2 { font:800 35px/1.2 var(--heading); letter-spacing:-1.15px; margin:0 0 11px; }
.directory-heading h2 span { color:var(--directory-accent); }
.directory-description { font-size:15px; color:#697586; margin:0; }
.directory-browse { display:inline-flex; align-items:center; justify-content:center; gap:13px; min-height:47px; padding:11px 18px 11px 21px; border:1px solid #e4ddd7; border-radius:40px; flex-shrink:0; margin-bottom:3px; font-size:13px; font-weight:650; background:#fff; transition:background .2s,border-color .2s; }
.directory-browse .icon { width:18px; height:18px; color:var(--directory-accent); }
.directory-browse:hover { border-color:#edbb9c; background:#fff6ee; }
.directory-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.directory-tile { display:flex; align-items:center; text-align:center; flex-direction:column; min-width:0; position:relative; overflow:hidden; padding:25px 12px 20px; border:1px solid #e9e5e1; border-radius:18px; background:linear-gradient(180deg,#fff,#fffcf9); box-shadow:0 5px 18px #24344805; transition:transform .2s,border-color .2s,box-shadow .2s; }
.directory-tile::after { content:''; position:absolute; left:28px; right:28px; bottom:0; height:3px; background:#ff791f; border-radius:4px 4px 0 0; transform:scaleX(0); transition:transform .2s; }
.directory-icon-box { display:grid; place-items:center; width:74px; height:74px; border-radius:22px; margin-bottom:20px; background:#fff0e3; box-shadow:inset 0 0 0 1px #ffe6d3; transition:transform .2s,background .2s; }
.directory-icon { width:45px; height:45px; fill:none; stroke:#25364b; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.directory-icon-accent { stroke:#ef6b20; }
.directory-icon-fill { fill:#ef6b20; stroke:none; }
.directory-icon-wash { fill:#ffd8ba; stroke:none; }
.directory-tile strong { font:750 16px/1.35 var(--heading); letter-spacing:-.4px; margin-bottom:7px; }
.directory-caption { display:block; color:#6a7584; font-size:12px; line-height:1.45; }
.directory-tile-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; color:#b84811; font-size:12px; font-weight:650; margin-top:auto; padding-top:20px; }
.directory-tile-action .icon { width:16px; height:16px; transition:transform .2s; }
.directory-tile:hover { transform:translateY(-4px); border-color:#f0b28a; box-shadow:0 10px 25px #78421d0d; }
.directory-tile:hover::after { transform:scaleX(1); }
.directory-tile:hover .directory-icon-box { transform:translateY(-2px); background:#ffe6d1; }
.directory-tile:hover .directory-tile-action .icon { transform:translateX(3px); }
.directory-tile-all { border-color:#f2c3a5; background:linear-gradient(145deg,#fff3e7,#ffe7d4); box-shadow:none; }
.directory-tile-all .directory-icon-box { background:#ff791f; box-shadow:inset 0 1px 0 #ffffff40,0 5px 15px #ed6a2024; }
.directory-tile-all .directory-icon { stroke:#fff; }
.directory-tile-all .directory-icon-accent { stroke:#fff; }
.directory-tile-all .directory-icon-wash { fill:#ffffff24; }
.directory-tile-all .directory-tile-action { color:#963900; }
.directory-tile-all:hover .directory-icon-box { background:#ee6415; }

@media(max-width:1200px) {
  .directory-wrap { width:calc(100% - 64px); }
  .directory-heading h2 { font-size:31px; }
  .directory-grid { gap:12px; }
  .directory-tile { padding:22px 9px 19px; }
  .directory-tile strong { font-size:14px; }
  .directory-caption { font-size:11px; }
  .directory-icon-box { width:66px; height:66px; border-radius:19px; margin-bottom:17px; }
  .directory-icon { width:41px; height:41px; }
}
@media(max-width:1000px) {
  .directory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
  .directory-tile { padding:23px 14px 20px; }
  .directory-tile strong { font-size:17px; }
  .directory-caption { font-size:12px; }
  .directory-heading { align-items:flex-start; }
  .directory-heading h2 { max-width:430px; }
  .directory-heading h2 span { display:block; }
  .directory-browse { margin-top:30px; font-size:12px; padding-inline:16px; }
}
@media(max-width:768px) {
  .directory-section { padding-block:43px 46px; }
  .directory-wrap { width:calc(100% - 48px); }
  .directory-heading { gap:20px; }
  .directory-heading h2 { font-size:30px; }
  .directory-browse { max-width:200px; }
  .directory-tile strong { font-size:15px; }
  .directory-caption { font-size:11px; }
}
@media(max-width:640px) {
  .directory-section { padding-block:35px 39px; }
  .directory-wrap { width:calc(100% - 40px); }
  .directory-heading { flex-direction:column; gap:20px; margin-bottom:25px; }
  .directory-heading h2 { font-size:31px; line-height:1.18; letter-spacing:-1px; max-width:350px; }
  .directory-heading h2 span { display:block; }
  .directory-description { font-size:14px; max-width:320px; }
  .directory-browse { max-width:none; margin:0; min-height:44px; font-size:12px; }
  .directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
  .directory-tile { padding:21px 9px 18px; border-radius:16px; }
  .directory-icon-box { width:64px; height:64px; border-radius:18px; margin-bottom:16px; }
  .directory-icon { width:40px; height:40px; }
  .directory-tile strong { font-size:14px; letter-spacing:-.4px; }
  .directory-caption { font-size:11px; }
  .directory-tile-action { padding-top:16px; font-size:11px; gap:6px; }
}
@media(max-width:359px) {
  .directory-wrap { width:calc(100% - 32px); }
  .directory-grid { gap:11px; }
  .directory-tile strong { font-size:13px; }
  .directory-caption { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .directory-tile,.directory-tile::after,.directory-icon-box,.directory-tile-action .icon { transition:none; }
  .directory-tile:hover,.directory-tile:hover .directory-icon-box,.directory-tile:hover .directory-tile-action .icon { transform:none; }
}

/* WordPress integration: real job photos, clear empty states, longer live titles. */
body.fiwi-homepage { margin:0; padding:0; background:#fff; color:var(--ink); font:400 16px/1.6 var(--font); }
.fiwi-homepage a { text-decoration:none; }
.fiwi-homepage .vacancy-art { aspect-ratio:4 / 3; background:#f1f4f7; }
.fiwi-homepage .vacancy-art img { position:static; width:100%; max-width:100%; height:100%; margin:0; object-fit:contain; }
.fiwi-image-placeholder { display:flex; height:100%; min-height:180px; flex-direction:column; align-items:center; justify-content:center; gap:18px; padding:24px; background:linear-gradient(135deg,#fff3e5,#f2f4f8); color:#15233f; text-align:center; }
.fiwi-image-placeholder .icon { color:#f76518; width:54px; height:54px; }
.fiwi-homepage .discovery-category { max-width:calc(100% - 32px); white-space:normal; }
.fiwi-homepage .discovery-call { overflow-wrap:anywhere; }
.fiwi-homepage .discovery-actions { flex-wrap:wrap; }
.fiwi-homepage .local-guide-feature h3 { font-size:clamp(26px,2.4vw,36px); }
.fiwi-homepage .local-guide-compact h3 { font-size:clamp(19px,1.6vw,24px); }
.fiwi-homepage .fiwi-empty { grid-column:1 / -1; padding:30px; border:1px solid #eee; border-radius:12px; background:white; color:#526180; }
.fiwi-homepage .search-field input,.fiwi-homepage .search-field select { box-shadow:none; border:0; border-radius:0; }
.fiwi-preview-notice { padding:10px 20px; background:#0b1928; color:white; text-align:center; font-size:14px; }
.fiwi-preview-notice a { color:#ffad70; text-decoration:underline; }
.fiwi-search-results { padding:60px 0; min-height:50vh; }
.fiwi-search-results .discovery-grid { margin-block:30px; }
.fiwi-search-results .page-numbers { display:inline-block; padding:9px 16px; margin:5px; border-radius:8px; background:#fff2e8; color:#0b1928; }
.fiwi-search-results .page-numbers.current { background:#f76518; color:white; }