@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root{--navy:#0a1c35;--navy2:#102a48;--cream:#f8f5ed;--ink:#13243b;--muted:#647181;--gold:#e9c48b;--border:#ddd7cd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,a{touch-action:manipulation}
:focus-visible{outline:3px solid #e9a94c;outline-offset:4px}
.container{width:min(1180px,calc(100% - 56px));margin-inline:auto}
.skip-link{position:absolute;z-index:100;left:12px;top:-60px;background:#fff;padding:10px 16px}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:5;background:#09192d;color:#f9f7f1;border-bottom:1px solid rgba(255,255,255,.16)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:88px}
.brand{display:flex;align-items:center;gap:14px;line-height:1}
.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;font-family:Georgia,serif;font-size:15px;letter-spacing:-.1em;color:var(--gold);padding-right:3px}
.brand-name{font:600 19px/1.12 'Playfair Display',Georgia,serif;white-space:nowrap}.brand-subtitle{display:block;font:500 9px/1.5 'DM Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.21em;margin-top:5px;color:var(--gold)}
.site-nav{display:flex;flex-wrap:wrap;gap:clamp(14px,3vw,39px);align-items:center}
.site-nav a{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#dce3eb;padding-block:12px;transition:color .2s}
.site-nav a:hover,.site-nav a[aria-current]{color:var(--gold)}
.heritage-banner{height:clamp(190px,27vw,365px);overflow:hidden;background:#102744}.heritage-banner img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}
.hero{position:relative;min-height:510px;background:#112743;overflow:hidden;color:white}
.hero-graphic{position:absolute;inset:0;background:url('../images/paradise-background.jpg') center 53%/cover no-repeat;transform:scale(1.005)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,30,.87) 0%,rgba(3,14,30,.50) 49%,rgba(3,14,30,.08) 100%),linear-gradient(0deg,#071629 0%,transparent 54%)}
.hero-content{position:relative;min-height:inherit;display:flex;align-items:flex-end;padding-bottom:100px}
.hero-copy{max-width:690px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.25em;color:#9b7441;text-transform:uppercase}
.eyebrow.light{color:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.13}
h1 em,h2 em{font-weight:500;color:var(--gold)}
.hero h1{font-size:clamp(54px,7.4vw,106px);margin:23px 0 24px;letter-spacing:-.035em}
.hero-copy p{color:#f3f0e8;font-size:17px;max-width:540px;line-height:1.7;margin-bottom:30px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:13px 19px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button-gold{background:var(--gold);color:#16263a}.button-gold:hover{background:#ffdab0}
.button-dark{background:var(--navy);color:#fff}.button-dark:hover{background:#193c5f}
.hero-index{position:absolute;right:max(28px,calc((100vw - 1180px)/2));bottom:34px;color:#d6e0e8;font-size:10px;letter-spacing:.13em}
.intro-section{padding:108px 0 120px;background:#faf8f3 url('../images/paradise-background.jpg') center center/cover fixed}
.intro-topline{display:flex;align-items:center;gap:22px}.intro-topline .line{height:1px;background:#b9ad9c;flex:1}.section-number{font-size:10px;color:#6b6c69;letter-spacing:.17em}
.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:60px;margin:28px 0 50px}
.intro-grid h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.035em;margin:0}.intro-grid h2 em{color:#9b7441}
.intro-grid p{font-size:17px;color:#4e5c6a;max-width:380px;margin-bottom:8px}
.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.business-card{position:relative;min-height:495px;display:flex;flex-direction:column;border:1px solid #d8d6d0;box-shadow:0 18px 55px rgba(17,30,46,.12);overflow:hidden;transition:transform .25s,box-shadow .25s}
.business-card:hover{transform:translateY(-7px);box-shadow:0 26px 65px rgba(17,30,46,.2)}
.card-cover{position:absolute;inset:0;z-index:2}.card-cover:focus-visible{outline:3px solid #da9d36;outline-offset:-7px}
.card-top{display:flex;justify-content:space-between;padding:23px 25px 0;font-size:10px;font-weight:700;letter-spacing:.2em}
.card-logo{height:200px;display:flex;align-items:center;justify-content:center;padding:22px 24px}
.card-logo img{object-fit:contain;max-height:100%}
.property-logo img{max-width:170px;mix-blend-mode:multiply}
.technology-logo img{max-width:275px}
.financial-logo img{max-width:165px}
.card-body{margin-top:auto;padding:0 27px 27px}
.card-body h3{font-size:clamp(31px,3vw,40px);letter-spacing:-.02em;margin-bottom:13px}
.card-body p{font-size:13px;line-height:1.65;min-height:66px;margin-bottom:22px}
.card-action{border-top:1px solid currentColor;padding-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.properties-card{background:#f4f0e8;color:#1b2d42}.technologies-card{background:#0b2542;color:#f8f6ef;border-color:#29405b}.technologies-card .card-body p{color:#d1dce4}.technologies-card .card-logo{background:radial-gradient(ellipse at center,#153d60 0%,transparent 70%)}.financial-card{background:#e9ded0;color:#283443}
.closing-section{background:#0a1c35;color:white;position:relative;overflow:hidden;padding:91px 0 106px}
.closing-section:before{content:"";position:absolute;inset:0;background:url('../images/paradise-background.jpg') center 61%/cover no-repeat;opacity:.15}
.closing-inner{position:relative;display:grid;grid-template-columns:1fr 300px;gap:50px;align-items:center}.closing-inner h2{font-size:clamp(42px,5vw,68px);margin:21px 0}.closing-inner p{color:#d9e0e8;font-size:16px;max-width:560px}.closing-graphic{background:#fff;padding:13px;box-shadow:0 20px 55px rgba(0,0,0,.25);transform:rotate(3deg)}.closing-graphic img{display:block;width:100%}.text-link{display:inline-block;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:9px;margin-top:15px}
.site-footer{background:#071526;color:#f3f1ea;padding:45px 0 29px}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:24px}.site-footer strong{font:500 23px 'Playfair Display',Georgia,serif}.site-footer p{color:#aeb9c6;font-size:12px;margin:7px 0}.footer-links{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;padding-top:7px}.footer-links a{font-size:11px;color:#d7e1ec}.footer-links a:hover{color:var(--gold)}.footer-inner small{grid-column:1/-1;color:#93a2b1;border-top:1px solid #2b3949;padding-top:21px;font-size:11px}
.detail-hero{background:#102744 url('../images/paradise-background.jpg') center 52%/cover;color:white;position:relative;min-height:410px}.detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,39,.93),rgba(5,20,39,.38))}.detail-hero-inner{position:relative;padding:78px 0}.detail-hero h1{font-size:clamp(55px,7vw,92px);letter-spacing:-.035em;margin:18px 0}.detail-hero p{font-size:18px;color:#f4f2ec;margin:0}
.detail-content{background:#f8f6f1;padding:95px 0 120px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center}.detail-art{height:420px;display:grid;place-items:center;padding:50px;background:#ece7dd}.detail-art img{max-height:100%;object-fit:contain}.detail-art-property img{max-width:285px;mix-blend-mode:multiply}.detail-art-technology{background:#102d4c}.detail-art-technology img{max-width:450px}.detail-art-financial{background:#e7d9c8}.detail-art-financial img{max-width:255px}.detail-text h2{font-size:clamp(40px,4vw,58px);letter-spacing:-.03em;margin:20px 0 25px}.detail-text p{font-size:15px;color:#4e5c6a;line-height:1.8;max-width:530px;margin-bottom:18px}.detail-text .button{margin-top:20px}
@media(max-width:850px){.header-inner{flex-direction:column;align-items:flex-start;padding:17px 0 13px;gap:5px}.site-nav{width:100%;gap:18px}.site-nav a{font-size:10px;padding:8px 0}.hero{min-height:600px}.hero-content{padding-bottom:90px}.intro-section{background-attachment:scroll}.business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{gap:30px}.closing-inner{grid-template-columns:1fr 220px;gap:25px}}
@media(max-width:640px){.container{width:min(100% - 36px,1180px)}.brand-name{font-size:17px}.site-nav{justify-content:space-between;gap:8px}.site-nav a{letter-spacing:.05em}.heritage-banner{height:160px}.heritage-banner img{object-position:center 33%}.hero{min-height:560px}.hero-graphic{background-position:center 40%}.hero-shade{background:linear-gradient(0deg,rgba(4,16,33,.95),rgba(4,16,33,.12))}.hero-content{padding-top:75px;padding-bottom:72px}.hero h1{font-size:56px}.hero-copy p{font-size:15px}.hero-index{display:none}.intro-section{padding:70px 0 80px}.intro-grid{display:block;margin:24px 0 35px}.intro-grid h2{margin-bottom:20px}.intro-grid p{font-size:15px}.section-number{display:none}.business-grid{grid-template-columns:1fr}.business-card{min-height:450px}.card-logo{height:175px}.card-body p{min-height:0}.closing-section{padding:75px 0}.closing-inner{grid-template-columns:1fr}.closing-graphic{width:190px;margin:20px auto 0}.footer-inner{grid-template-columns:1fr}.footer-inner small{grid-column:1}.detail-hero{min-height:350px}.detail-hero-inner{padding:65px 0}.detail-content{padding:55px 0 80px}.detail-grid{grid-template-columns:1fr}.detail-art{height:290px;padding:35px}.detail-text h2{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.business-card,.button{transition:none}}

/* Put the three businesses immediately beneath the compact brand banner. */
.heritage-banner{height:clamp(160px,20vw,275px)}
.intro-section{padding:53px 0 92px;background-attachment:scroll}
.intro-grid{margin:16px 0 30px;align-items:end}
.intro-grid h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(38px,4.25vw,61px);line-height:1.12;letter-spacing:-.035em;margin:0}
.intro-grid h1 em{font-weight:500;color:#9b7441}
.business-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.business-card{min-height:410px}
.card-logo{height:150px;padding:12px 24px}
.property-logo img{max-width:135px}
.technology-logo img{max-width:250px}
.financial-logo img{max-width:125px}
.card-body h3{font-size:clamp(29px,2.65vw,36px)}
.scroll-hint{display:none}
@media(max-width:780px){
  .intro-section{padding:40px 0 65px}
  .intro-grid{display:block;margin:16px 0 20px}
  .intro-grid h1{font-size:clamp(35px,8vw,49px);margin-bottom:14px}
  .intro-grid p{font-size:14px}
  .scroll-hint{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;color:#647181;margin:0 0 13px}
  .business-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,78vw);grid-template-columns:none;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:5px 4px 22px;scrollbar-color:#ab8a5c transparent}
  .business-card{scroll-snap-align:start;min-height:410px}
  .card-logo{height:150px}
}

.ventures-section{padding:88px 0 104px;color:#f8f6ef;background:#0b213c}
.ventures-section .intro-topline .line{background:#486079}
.ventures-section .section-number{color:#bdc9d4}
.ventures-heading-row{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin:25px 0 39px}
.ventures-heading-row h2{font-size:clamp(39px,4.4vw,61px);letter-spacing:-.03em;margin:0}
.ventures-heading-row p{max-width:430px;color:#d2dce5;font-size:15px;margin:0 0 5px}
.venture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.venture-card{min-width:0;min-height:260px;display:flex;flex-direction:column;padding:22px 24px 20px;border:1px solid #40566e;background:linear-gradient(145deg,#183653,#102943);transition:background .2s,transform .2s,border-color .2s}
.venture-card:hover{background:#23445f;border-color:#d8b980;transform:translateY(-4px)}
.venture-top{display:flex;justify-content:space-between;gap:14px;color:#e4c995;font-size:10px;font-weight:700;letter-spacing:.17em}
.venture-top span:last-child{font-size:19px;line-height:1}
.venture-symbol{display:grid;place-items:center;align-self:flex-start;min-width:52px;height:52px;margin:17px 0 12px;padding:0 8px;border:1px solid #c7a879;border-radius:50%;color:#f1d5a2;font:500 18px 'Playfair Display',Georgia,serif;letter-spacing:-.03em}
.venture-card strong{font:500 clamp(23px,2.2vw,31px)/1.1 'Playfair Display',Georgia,serif;margin-top:auto}
.venture-domain{display:block;border-top:1px solid #5a7189;padding-top:12px;margin-top:19px;color:#c5d3df;font-size:11px;overflow-wrap:anywhere}
@media(max-width:850px){.venture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ventures-section{padding:66px 0 75px}.ventures-heading-row{display:block;margin:22px 0 28px}.ventures-heading-row h2{margin-bottom:15px}.ventures-heading-row p{font-size:14px}.venture-grid{grid-template-columns:1fr}.venture-card{min-height:220px}.venture-card strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.venture-card{transition:none}}

/* Show the complete header artwork and give the next section its own space. */
.heritage-banner{height:auto;overflow:visible;border-bottom:7px solid #d5b47e}
.heritage-banner img{display:block;width:100%;height:auto;object-fit:initial}
.intro-section{background:#faf8f3;padding:78px 0 95px}
@media(max-width:780px){.intro-section{padding:52px 0 72px}}
.financial-card .financial-tagline{font:italic 500 15px/1.35 'Playfair Display',Georgia,serif;min-height:0;margin:0 0 10px;color:#394554}
.financial-card .financial-services{font-size:10px;font-weight:700;letter-spacing:.045em;line-height:1.5;min-height:0;margin:0 0 18px;color:#5e4b36}
.financial-detail-services{color:#9b7441!important;font-weight:700;letter-spacing:.04em}
.fishing-feature{position:relative;overflow:hidden;color:#fff;background:#0a1c35 url('../images/paradise-background.jpg') center 48%/cover no-repeat;padding:86px 0 94px}
.fishing-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,39,.95),rgba(5,20,39,.70) 65%,rgba(5,20,39,.48))}
.fishing-inner{position:relative;display:grid;grid-template-columns:1fr 240px;align-items:center;gap:60px}
.fishing-feature h2{font-size:clamp(45px,5.3vw,76px);letter-spacing:-.035em;margin:18px 0 15px}
.fishing-quote{font:italic 500 clamp(19px,2vw,26px) 'Playfair Display',Georgia,serif;color:#f6ddb2;margin-bottom:19px}
.fishing-lead{font-size:16px;margin:0 0 8px}
.fishing-services{font-size:12px;letter-spacing:.07em;color:#dce6ef;margin:0 0 27px}
.fishing-emblem{display:grid;place-items:center;justify-self:center;width:220px;height:220px;border:1px solid #e6c38e;border-radius:50%;box-shadow:0 0 0 14px rgba(230,195,142,.08);text-align:center;align-content:center}
.fishing-emblem span{font:500 72px/1 'Playfair Display',Georgia,serif;color:#e6c38e}
.fishing-emblem small{display:block;margin-top:10px;color:#e6c38e;letter-spacing:.17em;font-size:9px}
@media(max-width:640px){.fishing-feature{padding:67px 0 75px}.fishing-inner{grid-template-columns:1fr}.fishing-emblem{display:none}}
.technologies-card .technology-tagline{font:italic 500 15px/1.35 'Playfair Display',Georgia,serif;color:#f4d8a9;min-height:0;margin:0 0 7px}
.technologies-card .technology-services{font-size:11px;font-weight:700;color:#e4edf3;min-height:0;margin:0 0 7px}
.technologies-card .technology-list{font-size:10px;letter-spacing:.045em;color:#bcd6e4;min-height:0;margin:0 0 18px}
.technology-detail-services{color:#9b7441!important;font-weight:700;letter-spacing:.04em}
.business-card{border-radius:16px}
.venture-card{border-radius:14px}
.brand-logo{display:block;flex:none;width:92px;height:70px;background:#fff;border-radius:9px;padding:3px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.22)}
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}
.intro-section{background:linear-gradient(155deg,#dcebf0 0%,#e8eef0 56%,#f2e4cf 100%)}
@media(max-width:640px){.brand-logo{width:73px;height:57px}.header-inner{padding-top:12px}}
.telecom-card{grid-column:1/-1;min-height:190px;display:grid;grid-template-columns:75px minmax(0,1fr) minmax(220px,.8fr);grid-template-rows:auto 1fr auto;column-gap:25px;background:linear-gradient(115deg,#173d62,#102943)}
.telecom-card .venture-top{grid-column:1/-1}
.telecom-card .venture-symbol{grid-column:1;grid-row:2/4;align-self:center;margin:0}
.telecom-card strong{grid-column:2;grid-row:2;align-self:center;font-size:clamp(27px,3vw,40px)}
.telecom-copy{grid-column:3;grid-row:2;align-self:center;color:#d5e1ea;font-size:14px;line-height:1.6}
.telecom-card .venture-domain{grid-column:2/-1;grid-row:3;margin-top:8px}
@media(max-width:640px){.telecom-card{display:flex;min-height:230px}.telecom-card .venture-symbol{margin:17px 0 12px}.telecom-card strong{font-size:28px}.telecom-copy{font-size:13px;margin-top:8px}.telecom-card .venture-domain{margin-top:18px}}

/* Other websites directory */
.websites-hero:after{content:"WWW";position:absolute;right:max(28px,calc((100vw - 1180px)/2));bottom:-24px;color:rgba(255,255,255,.065);font:600 clamp(95px,16vw,230px)/.8 'DM Sans',Arial,sans-serif;letter-spacing:-.09em}
.website-directory{padding:90px 0 110px;background:linear-gradient(155deg,#f8f5ed 0%,#e9f0f1 52%,#eee2d2 100%)}
.website-directory-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:end;margin:28px 0 44px}
.website-directory-heading h2{font-size:clamp(41px,5vw,68px);letter-spacing:-.035em;margin:0}
.website-directory-heading h2 em{color:#9b7441}
.website-directory-heading p{color:#536171;font-size:16px;max-width:420px;margin:0 0 7px}
.website-placeholder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.website-placeholder-card{min-height:345px;display:flex;flex-direction:column;padding:28px;border:1px solid #d0cbc2;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 14px 40px rgba(17,35,53,.08);transition:transform .2s,box-shadow .2s,border-color .2s}
.website-placeholder-card:hover{transform:translateY(-5px);border-color:#bd9863;box-shadow:0 22px 50px rgba(17,35,53,.14)}
.website-placeholder-mark{display:grid;place-items:center;width:68px;height:68px;border:1px solid #b5905c;border-radius:50%;color:#8e6734;font:500 20px 'Playfair Display',Georgia,serif;margin-bottom:30px}
.website-placeholder-label{color:#9b7441;font-size:9px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.website-placeholder-card h3{font-size:clamp(25px,2.5vw,34px);letter-spacing:-.025em;margin:10px 0 13px}
.website-placeholder-card p{color:#5d6976;font-size:13px;line-height:1.7;margin-bottom:24px}
.website-placeholder-card a{display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:14px;border-top:1px solid #c9c3ba;color:#183653;font-size:11px;font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere}
.website-placeholder-card a:hover{color:#9b6830}
@media(max-width:900px){.website-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.websites-hero:after{display:none}.website-directory{padding:62px 0 75px}.website-directory-heading{display:block;margin:22px 0 30px}.website-directory-heading h2{margin-bottom:16px}.website-directory-heading p{font-size:14px}.website-placeholder-grid{grid-template-columns:1fr}.website-placeholder-card{min-height:300px}.website-placeholder-card h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.website-placeholder-card{transition:none}}