/* Continue the original Vohana coastal photography and translucent glass design. */
:root{--ink:#fff;--cream:#fff;--teal:#e6efd7;--muted:#edf4f1;--line:#ffffff50}
html{background:#164454}
body{color:#fff;background:#164454;isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-2;background:url('/hawaii-coast.jpg') center 48%/cover no-repeat}
body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#052b3c55,#052b3c88 55%,#052b3caa)}
a:focus-visible,summary:focus-visible{outline-color:#f4d294}
.skip{color:#123b49}
.service-header{background:transparent;padding:37px 5%;position:relative;z-index:2}
.brand{font-size:32px;font-weight:600;letter-spacing:6px}
.service-header nav{gap:30px;font-size:12px}
.pill{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:500;border-color:#ffffff8c}
.pill.light{color:#153b48;background:#ffffffed}
.pill.light:hover{background:#e5eee7}
.service-hero{background:transparent;overflow:visible}
.service-hero:before,.service-hero:after{display:none}
.hero-inner{width:90%;padding:18px 0 65px}
.breadcrumbs{color:#edf4f1;margin-bottom:65px}
.service-hero h1{font-weight:600;line-height:1.2;letter-spacing:0;word-spacing:.04em;text-shadow:0 3px 32px #051c2233;font-size:clamp(46px,5.3vw,80px)}
.hero-intro{max-width:740px;line-height:1.95;font-size:16px;color:#f1f6f4;text-shadow:0 1px 15px #052b3c55}
.hero-caption{width:90%;font-size:9px;padding-bottom:28px}
.section-width{width:90%;max-width:1440px}
.editorial,.support,.planning,.service-faq,.service-cta,.related{margin:30px auto;padding:50px 45px;border:1px solid #ffffff65;border-radius:30px;background:linear-gradient(135deg,#ffffff24,#ffffff10);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 15px 50px #001f2d18}
.eyebrow,.service-hero .eyebrow{color:#e6efd7}
h2{letter-spacing:0;word-spacing:.04em;line-height:1.25}
.editorial{gap:7%;align-items:start}
.prose p,.support-list p,.planning>div>p:not(.eyebrow),.planning-note p,details p,.service-links p{color:#edf4f1;line-height:1.9}
.section-heading{margin-bottom:30px}
.support-list{gap:18px}
.support-list article{border:1px solid #ffffff65;border-radius:24px;padding:26px 23px;background:#ffffff10}
.item-number{color:#e6efd7;margin-bottom:20px}
.support-list h3{font-size:26px;line-height:1.3}
.planning-band{background:transparent}
.planning{gap:7%}
.planning-note{border-color:#ffffff50}
.brief-list{background:#ffffff12;border-color:#ffffff65;border-radius:25px}

.text-link{border-color:#ffffff80}
.service-faq{gap:7%}
summary>span{color:#e6efd7}
.service-cta{text-align:center;padding:55px 7%}
.service-cta>p:not(.eyebrow){color:#edf4f1}
.service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0;margin-top:30px}
.service-links>a{min-width:0;grid-template-columns:minmax(0,1fr) 28px;gap:10px 20px;align-content:start;padding:25px 26px;border:1px solid #ffffff80;border-radius:25px;background:#ffffff12;transition:background .2s}
.service-links>a:hover{background:#ffffff29}
.service-number{grid-column:1;color:#e6efd7;font-size:9px;letter-spacing:1.5px}
.service-links>a>div{grid-column:1;min-width:0;overflow-wrap:anywhere}
.service-links h3{font-size:27px;line-height:1.3}
.service-links p{font-size:13px;margin-top:12px}
.link-arrow{grid-column:2;grid-row:1/3;align-self:center}
.service-footer{background:#082f3b66;color:#fff;border-top:1px solid #ffffff40;border-radius:30px 30px 0 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-top:35px}
.service-footer p,.footer-contact span,.service-footer small{color:#e0ebe6}
.hub-hero .hero-inner{padding-bottom:60px}
@media(max-width:1000px){.editorial,.support,.planning,.service-faq,.related{padding:40px 30px}.support-list{gap:12px}.support-list article{padding:23px 18px}.service-links>a{padding:25px 22px}}
@media(max-width:600px){
 body:before{background-image:url('/hawaii-coast-wide.jpg');background-position:center}
 .service-header{padding:28px 6% 20px;gap:12px}.brand{font-size:25px;letter-spacing:4px}.brand span{font-size:5.5px;letter-spacing:1px}
 .service-header nav{gap:12px;font-size:10px}
 .hero-inner,.hero-caption,.section-width{width:88%}.hero-inner{padding:20px 0 40px}.breadcrumbs{margin-bottom:35px;font-size:10px}
 .service-hero h1{font-size:42px;line-height:1.2;word-spacing:.02em}.hero-intro{font-size:14px;line-height:1.9;margin-top:24px}
 .hero-caption{font-size:7px;letter-spacing:1.3px;padding:18px 0 25px}
 .editorial,.support,.planning,.service-faq,.service-cta,.related{padding:32px 22px;margin:24px auto;border-radius:25px}
 h2{font-size:31px;line-height:1.3}.editorial{gap:22px}.prose p{font-size:14px}
 .support-list{gap:14px}.support-list article{padding:22px 18px;gap:17px;border-radius:22px}.support-list h3{font-size:24px}.support-list p{font-size:13px}
 .planning{gap:28px}.brief-list{padding:24px 20px;border-radius:22px}.brief-list h3{font-size:28px}
 .service-faq{gap:25px}summary{font-size:14px}.service-cta h2{font-size:30px}.service-cta>p:not(.eyebrow){font-size:14px}
 .service-links{grid-template-columns:1fr;gap:12px}.service-links>a{padding:23px 20px;border-radius:22px}.service-links h3{font-size:25px}.service-links p{font-size:12px}
 .service-footer{padding:40px 6% 24px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.service-links .service-icon,.service-links>a>svg{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;width:28px;height:28px;display:block;flex-shrink:0;opacity:.95}

.support-list:has(>article:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
.service-links>a:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:600px){.support-list:has(>article:nth-child(4)){grid-template-columns:1fr}}

.brand-credentials{display:flex;flex-wrap:wrap;gap:8px 18px;font:11px/1.7 "DM Sans",sans-serif;letter-spacing:.02em;color:#e4eee7}.brand-credentials span{display:block}.footer-top .brand-credentials{grid-column:1/-1;border-top:1px solid #ffffff35;padding-top:18px}.service-footer .brand-credentials{flex-direction:column;gap:5px;margin-top:18px}#island-photo{filter:saturate(.85);transition:opacity .2s ease}#island-photo.is-loading{opacity:.65}@media(prefers-reduced-motion:reduce){#island-photo{transition:none}}

/* Clear next steps within planning panels and service cards. */
.brief-list .brief-cta{display:flex;width:100%;min-height:52px;margin-top:24px;padding:15px 20px;font-size:14px;font-weight:600;text-align:center;box-shadow:0 6px 22px #062a3933}
.service-links .service-learn-more{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:22px;padding:8px 19px;border:1px solid #ffffff95;border-radius:30px;font-size:12px;font-weight:600;line-height:1.5;background:#ffffff10;transition:background .2s,color .2s}
.service-links>a:hover .service-learn-more,.service-links>a:focus-visible .service-learn-more{background:#f5f7f0;color:#153b48}

/* Service-specific line icons, with the same quiet weight as the group symbols. */
.item-symbol{display:block;color:#e6efd7;margin:0 0 22px;flex-shrink:0}
.support-icon{display:block;width:34px;height:34px}
.service-category{margin-top:38px;padding-top:30px;border-top:1px solid #ffffff50}
.service-category>h3{font-size:30px}
.service-category>p{font-size:15px;color:#edf4f1;margin:12px 0 0;max-width:650px}
.service-category .service-links{margin-top:22px}
.service-footer{grid-template-columns:minmax(200px,.9fr) minmax(0,2fr)}
.service-footer>nav{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;font-size:14px}
.footer-category{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-category h2{font:600 16px/1.5 'DM Sans',sans-serif;margin:0 0 8px;color:#e6efd7;letter-spacing:0}
.footer-category a{line-height:1.7;min-height:44px;display:flex;align-items:center}
.service-footer .footer-contact{grid-column:1;grid-row:auto;font-size:14px}
@media(max-width:1000px){
 .service-footer{grid-template-columns:1fr 1fr}
 .service-footer>nav{grid-column:1/-1;grid-row:auto}
 .service-footer .footer-contact{grid-column:2;grid-row:1}
}
@media(max-width:600px){
 .support-list article{display:block}
 .service-footer{grid-template-columns:1fr}
 .service-footer>nav{grid-template-columns:1fr;gap:28px}
 .service-footer .footer-contact{grid-column:1;grid-row:auto}
 .footer-category{gap:4px}
}