:root{--ink:#173d3f;--muted:#607773;--paper:#f8f7ef;--sea:#147d89;--line:#d6ddd3;--lime:#dceba0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.eyebrow{font:10px/1.5 Arial;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{font-weight:400;margin:0;letter-spacing:-.04em;line-height:1.05}h1,h2{font-family:Georgia,serif}h2{font-size:clamp(36px,4.5vw,62px)}h3{font-size:25px;line-height:1.2}p{margin:0 0 20px;color:var(--muted)}.hero{position:relative;min-height:94dvh;display:flex;flex-direction:column;color:#fff;background:#124c67}.hero-photo,.shade{position:absolute;inset:0}.hero-photo img{object-position:50% 52%}.shade{background:linear-gradient(90deg,#072e41bc,#072e4140 60%,#072e4112),linear-gradient(0deg,#062c45a6,transparent 55%);pointer-events:none}.header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding-top:27px;gap:24px}.brand{font:24px/1 Georgia,serif;text-decoration:none;letter-spacing:-.04em}.brand em{display:block;font-size:18px;margin-top:3px}.header nav{display:flex;gap:26px;font:12px Arial}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline}.hero-copy{position:relative;z-index:1;margin-top:auto;padding-top:110px;padding-bottom:65px}.crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;margin-bottom:32px;opacity:.9}.hero h1{font-size:clamp(64px,8vw,115px);max-width:900px}.hero h1 em{font-weight:400;color:#ddf6de}.hero .intro{max-width:600px;font-size:15px;line-height:1.8;margin:28px 0;color:#fff}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;gap:25px;align-items:center;border:1px solid currentColor;border-radius:50px;padding:12px 23px;font-size:12px;text-decoration:none;line-height:1.5}.pill.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}.pill:hover{background:#fff;color:var(--ink)}.text-link{font-size:12px}.hero-credit{position:relative;z-index:1;font-size:9px;padding-bottom:15px;opacity:.85}.quick{border-bottom:1px solid var(--line);padding:30px 0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.quick small{display:block;font-size:10px;letter-spacing:.05em;color:var(--muted)}.quick strong{font:27px/1.3 Georgia,serif;font-weight:400}.jump{position:sticky;top:0;z-index:8;background:#f8f7eff0;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.jump .wrap{display:flex;gap:25px;overflow:auto;white-space:nowrap;padding:15px 0}.jump a{font-size:11px;text-decoration:none}.jump a:hover{color:var(--sea);text-decoration:underline}.section{padding:85px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.intro-grid h2{margin-top:17px}.intro-grid .body{padding-top:34px}.body p,.prose p{font-size:15px;line-height:1.95}.note{padding:20px 23px;border-left:2px solid #87b5a3;background:#edf1e6;font-size:13px;color:#526f67}.chapter{display:grid;grid-template-columns:1.15fr 1fr;min-height:600px}.chapter.reverse{grid-template-columns:1fr 1.15fr}.chapter.reverse figure{order:2}.chapter figure{position:relative;min-height:500px;background:#b1d8d1}.photo-link{display:block;height:100%;cursor:zoom-in}.chapter figcaption{position:absolute;bottom:0;left:0;right:0;padding:22px 25px 15px;color:#fff;background:linear-gradient(transparent,#062d3fbf);font-size:9px;pointer-events:none}.chapter .prose{padding:65px clamp(30px,5vw,85px);display:flex;flex-direction:column;justify-content:center;background:#edf1e6}.chapter.reverse .prose{background:#e3f3f0}.chapter h2{margin:17px 0 26px;font-size:clamp(36px,4vw,56px)}.sea-band{background:#164c52;color:#f6faed}.sea-band p{color:#cfdfd6}.sea-band .eyebrow{color:#adc5ad}.sea-band h2{margin:16px 0 25px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:50px}.three article{border-top:1px solid #7c9d92;padding-top:23px}.three h3{font-family:Georgia,serif;font-size:28px;margin:12px 0 16px}.three p{font-size:14px;line-height:1.9}.num{font-size:10px;letter-spacing:.13em;opacity:.65}.route{background:#e5f4f0}.route .steps{border-top:1px solid #aac8c1;margin-top:30px}.step{display:grid;grid-template-columns:28px 1fr;gap:14px;border-bottom:1px solid #aac8c1;padding:17px 0;font-size:13px;line-height:1.7}.step b{font-weight:400;color:var(--sea)}.step strong{display:block;font-size:16px;font-weight:500}.small-links{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;margin-top:20px}.location{background:#c8f0f0;border:1px solid #a9d9dc;padding:35px;margin-top:28px}.location strong{font:32px Georgia;display:block;margin:10px 0}.location p{font-size:13px;margin-bottom:15px}.stay-list{margin:25px 0;padding:0;list-style:none;border-top:1px solid var(--line)}.stay-list li{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:14px 0;font-size:14px}.stay-list small{color:var(--muted);font-size:11px}.itinerary{background:#eaeedc}.itinerary .three{margin-top:38px}.itinerary .three article{border-color:#b7c3ad}.itinerary p{color:#607773}.faq{max-width:850px;margin:auto}.faq h2{margin:15px 0 35px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:17px;line-height:1.5;list-style:none;padding-right:30px;position:relative}.faq summary:after{content:'+';position:absolute;right:0;color:var(--sea)}.faq details[open] summary:after{content:'−'}.faq p{font-size:14px;margin:15px 20px 0 0}.footer{background:#173d3f;color:#f5f7eb;padding:65px 0 35px}.footer h2{max-width:700px;margin-bottom:30px}.footer .actions{margin-bottom:45px}.related{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;border-top:1px solid #52716a;padding-top:25px}.credits{font-size:10px;line-height:1.8;color:#b5c9bd;margin-top:35px}.credits p{color:inherit;font-size:10px;margin:12px 0}.credits summary{cursor:pointer}.source-list{columns:2;padding-left:18px;font-size:10px}.source-list li{break-inside:avoid;margin-bottom:6px}.photo-dialog{padding:16px;border:0;background:#f8f7ef;max-width:95vw;max-height:95dvh;width:1100px}.photo-dialog::backdrop{background:#062b3ee0}.photo-dialog img{max-height:78dvh;object-fit:contain;height:auto}.photo-dialog button{display:block;margin:0 0 10px auto;border:0;background:none;font-size:13px;color:var(--ink)}.photo-dialog p{font-size:10px;margin:8px 0 0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #1a9bb4;outline-offset:5px}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding-top:20px;gap:15px}.brand{font-size:21px}.header nav{gap:14px;font-size:11px}.header nav a:first-child{display:none}.hero{min-height:850px;min-height:100dvh}.hero-copy{padding-top:95px;padding-bottom:38px}.hero h1{font-size:57px}.hero .intro{font-size:14px;margin-top:23px;max-width:100%}.hero-credit{font-size:8px}.crumbs{font-size:10px;margin-bottom:23px}.quick-grid{grid-template-columns:1fr 1fr;gap:20px}.quick strong{font-size:25px}.quick{padding:25px 0}.jump .wrap{gap:23px}.section{padding:52px 0}.intro-grid{grid-template-columns:1fr;gap:20px}.intro-grid .body{padding-top:0}.intro-grid h2{font-size:43px}.chapter,.chapter.reverse{grid-template-columns:1fr}.chapter.reverse figure{order:0}.chapter figure{min-height:300px;height:340px}.chapter .prose{padding:38px 22px}.chapter h2{font-size:39px}.three{grid-template-columns:1fr;gap:20px;margin-top:25px}.three article{padding-top:15px}.three h3{font-size:27px;margin:8px 0 12px}.location{padding:24px}.location strong{font-size:28px}.stay-list li{align-items:start;flex-direction:column;gap:2px}.faq summary{font-size:16px}.footer{padding-top:50px}.footer h2{font-size:43px}.source-list{columns:1}.related{gap:15px}.hero-photo img{object-position:40% 50%}.shade{background:linear-gradient(0deg,#062b40e8,#062b4050 75%,#062b4050)}.photo-dialog{padding:10px}.body p,.prose p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Island series, same typography and spacing as the approved Fuvahmulah guide. */
.hero h1{font-size:clamp(56px,6.5vw,91px);max-width:1000px}.hero h1 em{font-size:.75em;line-height:1.06;display:inline-block;margin-top:8px}.map-hero{background:#b4edf0;color:#164653;min-height:780px}.map-hero .shade{background:linear-gradient(90deg,#cef5f5f2 0%,#cef5f5da 42%,#cef5f515 78%)}.map-hero .intro{color:#285d69;max-width:570px}.map-hero .hero-photo img{object-position:72% center}.map-hero h1{max-width:680px}.map-hero h1 em{color:#187d86}.map-hero .hero-credit{color:#397b88}.guide-section{padding:65px 0;border-bottom:1px solid var(--line)}.guide-section:nth-child(even){background:#edf2e8}.intro-grid>*{min-width:0}.guide-section .intro-grid{gap:7vw}.guide-section h2{overflow-wrap:anywhere;hyphens:auto;font-size:clamp(33px,3.4vw,47px);line-height:1.13}.guide-section .body{padding-top:0}.guide-section .body p{font-size:15px;line-height:1.95}.reference-photo{max-width:783px;margin:30px auto 0}.reference-photo img{height:auto}.reference-photo figcaption{font-size:10px;line-height:1.7;margin-top:8px;color:#6d8178}.guide-map{background:#b4edf0}.guide-map a img{height:420px;object-fit:contain}.neighbours{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.neighbours a{font-size:12px;line-height:1.5;border:1px solid #a9c2b5;border-radius:30px;padding:10px 16px;text-decoration:none}.neighbours a:hover{background:#deedcc}.photo-dialog img{max-height:78dvh}.photo-dialog .license{font-size:10px;color:#526b68}.photo-link{min-height:44px}
@media(max-width:760px){.hero h1{font-size:clamp(43px,12vw,58px)}.hero h1 em{font-size:.78em}.map-hero{min-height:844px;min-height:100dvh}.map-hero .shade{background:linear-gradient(0deg,#c9f5f5fc 0%,#c9f5f5ee 50%,#c9f5f555 100%)}.map-hero .hero-copy{padding-top:170px}.map-hero .hero-photo img{object-position:80% center}.guide-section{padding:43px 0}.guide-section h2{overflow-wrap:anywhere;hyphens:auto;font-size:35px}.guide-section .body p{font-size:14px}.guide-map a img{height:330px}.quick strong{overflow-wrap:anywhere}.quick-grid{gap:20px 12px}.quick strong{font-size:23px}.guide-section .intro-grid{gap:20px}}
