.k-map{aspect-ratio:3/2;width:100%;max-width:calc((100svh - var(--header-h) - 3rem) * 1.5);margin-inline:auto;position:relative;overflow-x:clip;container-type:inline-size}.k-map-ink{background-color:var(--foreground);position:absolute;inset:0;-webkit-mask:url(/map/oahu-tone-1000.webp) 50%/100% 100% no-repeat;mask:url(/map/oahu-tone-1000.webp) 50%/100% 100% no-repeat}@media (min-width:1001px),(min-width:668px) and (min-resolution:1.5x),(min-width:501px) and (min-resolution:2x),(min-width:334px) and (min-resolution:3x){.k-map-ink{-webkit-mask-image:url(/map/oahu-tone-1500.webp);mask-image:url(/map/oahu-tone-1500.webp)}}@media (min-width:1501px),(min-width:1001px) and (min-resolution:1.5x),(min-width:751px) and (min-resolution:2x),(min-width:501px) and (min-resolution:3x){.k-map-ink{-webkit-mask-image:url(/map/oahu-tone-3000.webp);mask-image:url(/map/oahu-tone-3000.webp)}}.k-leaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.k-leaders path{fill:none;stroke:var(--muted-foreground);stroke-width:1px;stroke-linecap:round;vector-effect:non-scaling-stroke}.k-spot{left:var(--at-x);top:var(--at-y)}.k-spot,.k-pair{--flower:clamp(18px, 2.6vw, 38px);width:max(2.75rem, var(--flower));height:max(2.75rem, var(--flower));z-index:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:50%;scroll-margin-block:40vh;position:absolute;translate:-50% -50%}.k-spot:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.k-spot-alias{position:absolute;inset:0}.k-flower{left:calc(50% - var(--flower) * .5004);top:calc(50% - var(--flower) * .543);width:var(--flower);height:var(--flower);color:var(--primary);transform-origin:50.04% 54.3%;transition:transform var(--motion-duration-base) var(--motion-ease-out);position:absolute}.k-flower:before{content:"";background:color-mix(in srgb, var(--background) 62%, transparent);border-radius:50%;position:absolute;inset:-10%}.k-flower svg{fill:currentColor;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.k-spot-name{left:calc(50% + var(--dx) * 1cqw);top:calc(50% + var(--dy) * 1cqw * 2 / 3);width:max-content;max-width:min(11.5em, calc(var(--room) * 1cqw - .75rem));background:var(--background);color:var(--foreground);font-family:var(--font-heading);text-wrap:balance;transition:color var(--motion-duration-fast) var(--motion-ease-out);padding:.1em .4em .18em;font-size:clamp(.875rem,.55rem + .75vw,1.25rem);font-style:italic;line-height:1.15;position:absolute;translate:0 -50%}.k-spot-name[data-align=r]{text-align:right;translate:-100% -50%}.k-spot-name[data-align=c]{text-align:center;translate:-50% -50%}.k-spot:is(:hover,:focus-visible,:target,:has(:target)){z-index:2}.k-spot:is(:hover,:focus-visible,:target,:has(:target)) .k-flower{transform:scale(1.3)}.k-spot:is(:hover,:focus-visible,:target,:has(:target)) .k-spot-name{color:var(--primary)}.k-spot:active .k-flower{transform:scale(1.15)}.k-pair{display:none}@media (max-width:47.99rem){.k-spot,.k-pair{--flower:26px}.k-spot{left:var(--x);top:var(--y)}.k-spot-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.k-leaders,.k-spot[data-paired]{display:none}.k-pair{display:block}}.k-pair-flower{cursor:pointer;list-style:none;position:absolute;inset:0}.k-pair-flower::-webkit-details-marker{display:none}.k-pair-flower:focus-visible{outline:2px solid var(--ring);outline-offset:0;border-radius:50%}.k-pair[open]{z-index:3}.k-pair[open] .k-flower{transform:scale(1.3)}.k-pair-choices{background:var(--background);border:1px solid var(--border);flex-direction:column;width:max-content;max-width:min(15rem,62vw);padding:.2rem .75rem;display:flex;position:absolute;top:calc(100% + .25rem)}.k-pair[data-side=right] .k-pair-choices{left:0}.k-pair[data-side=left] .k-pair-choices{text-align:right;align-items:flex-end;right:0}.k-pair-choice{min-height:2.75rem;color:var(--foreground);font-family:var(--font-heading);text-decoration:underline;-webkit-text-decoration-color:var(--copper);text-decoration-color:var(--copper);text-underline-offset:.3em;touch-action:manipulation;transition:color var(--motion-duration-fast) var(--motion-ease-out);align-items:center;font-size:1.0625rem;font-style:italic;display:inline-flex}@media (hover:hover){.k-pair-choice:hover{color:var(--primary)}}.k-map-group{color:var(--muted-foreground);font-family:var(--font-sans);margin:0;font-size:.9375rem;font-weight:500}.k-map-item{min-height:2.75rem;color:var(--foreground);touch-action:manipulation;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:.22em;font-family:var(--font-heading);transition:color var(--motion-duration-fast) var(--motion-ease-out);align-items:center;font-size:1.25rem;text-decoration-thickness:1px;display:flex}@media (hover:hover){.k-map-item:hover{color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}}@media (prefers-reduced-motion:reduce){.k-flower,.k-spot-name{transition:none}}.k-frame-empty{border:1px dashed var(--copper);color:var(--muted-foreground);font-family:var(--font-heading);text-align:center;text-wrap:balance;place-items:center;padding:1.5rem;font-size:clamp(1rem,.9rem + .4vw,1.25rem);font-style:italic;display:grid}
.k-guide{padding-top:clamp(1rem,.5rem + 1.5vw,2rem)}.k-guide>div{position:relative}.k-map-words{margin-bottom:1.5rem}.k-map-title{letter-spacing:-.012em;margin:0;font-size:clamp(2.4rem,1.6rem + 3vw,3.4rem);line-height:1.02}.k-map-intro{color:var(--muted-foreground);margin-top:1rem;font-size:1.0625rem;line-height:1.5}@media (min-width:48rem){.k-map-words{z-index:2;pointer-events:none;box-sizing:content-box;background:var(--background);width:30%;margin:0;padding:1rem 1.5rem 1.25rem 1rem;position:absolute;top:3%;left:3%;translate:-1rem -1rem}.k-map-intro{max-width:24ch}.k-map-words>*{pointer-events:auto}.k-map-title{font-size:clamp(2rem,3.5cqw,3.4rem)}.k-guide>div{container-type:inline-size}}.k-flower{--foreground:var(--palette-ivory)}.k-flower svg{--primary:var(--palette-gold);transition:color var(--motion-duration-fast) var(--motion-ease-out)}@media (hover:none){.k-spot:hover .k-flower{transform:none}}:is(.k-map:has(.k-spot[data-spot=hoomaluhia]:is(:hover,:focus-visible,:target)) [data-leader=hoomaluhia],.k-map:has(.k-spot[data-spot=lulumahu-trail]:is(:hover,:focus-visible,:target)) [data-leader=lulumahu-trail],.k-map:has(.k-spot[data-spot=foster-botanical-garden]:is(:hover,:focus-visible,:target)) [data-leader=foster-botanical-garden],.k-map:has(.k-spot[data-spot=downtown-honolulu]:is(:hover,:focus-visible,:target)) [data-leader=downtown-honolulu],.k-map:has(.k-spot[data-spot=kapiolani-park]:is(:hover,:focus-visible,:target)) [data-leader=kapiolani-park],.k-map:has(.k-spot[data-spot=waialae-beach-park]:is(:hover,:focus-visible,:target)) [data-leader=waialae-beach-park]){stroke:var(--primary)}.k-leaders path{transition:stroke var(--motion-duration-fast) var(--motion-ease-out)}@media (min-width:48rem){.k-map-groups{column-gap:var(--spacing-grid-gap);grid-template-columns:3fr 2fr;display:grid}.k-map-group-block:first-child{grid-area:1/1/span 2}.k-map-group-block:nth-child(2){grid-area:1/2}.k-map-group-block:nth-child(3){grid-area:2/2}}@media (max-width:47.99rem){.k-guide-flow{flex-direction:column;display:flex}.k-map-words{display:contents}.k-map-title{order:-2}.k-map{width:auto;max-width:none;margin-top:1.25rem;margin-inline:calc(-1 * var(--spacing-gutter));order:-1}.k-map-credit{order:1}.k-guide-inquire{order:2;align-self:flex-start}}.k-cluster{display:none}@media (max-width:47.99rem){.k-map{aspect-ratio:auto;height:66.6667vw;transition:height var(--motion-duration-slow) var(--motion-ease-in-out);overflow:clip}.k-map-ink{transform-origin:0 0;width:100%;height:66.6667vw;transition:transform var(--motion-duration-slow) var(--motion-ease-in-out);inset:0 auto auto 0}.k-map:has(.k-cluster[open]){height:100vw}.k-map:has(.k-cluster[open]) .k-map-ink{transform:scale(calc(100 / var(--cw))) translate(calc(-1% * var(--cx0)), calc(-1% * var(--cy0)))}.k-spot,.k-pair{transition:opacity var(--motion-duration-base) var(--motion-ease-out)}.k-map:has(.k-cluster[open]) :is(.k-spot,.k-pair){opacity:0;pointer-events:none}.k-spot[data-clustered]{display:none}.k-cluster{--flower:34px;z-index:2;width:3.5rem;height:3.5rem;display:block;position:absolute;translate:-50% -50%}.k-cluster-flower{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:50%;list-style:none;position:absolute;inset:0}.k-cluster-flower::-webkit-details-marker{display:none}.k-cluster-flower:focus-visible{outline:2px solid var(--ring);outline-offset:0}.k-cluster-flower .k-flower{left:calc(50% - var(--flower) * .5004);top:calc(50% - var(--flower) * .543)}.k-cluster-back{display:none}.k-cluster[open]{width:auto;height:auto;position:static;translate:none}.k-cluster[open] .k-cluster-flower{inset:auto;left:var(--spacing-gutter);z-index:6;width:auto;height:2.75rem;color:var(--foreground);font-family:var(--font-sans);border-radius:0;align-items:center;padding:0 .25rem;font-size:.9375rem;font-weight:500;display:inline-flex;position:absolute;top:.75rem}.k-cluster[open] .k-cluster-flower .k-flower{display:none}.k-cluster[open] .k-cluster-back{text-decoration:underline;-webkit-text-decoration-color:var(--copper);text-decoration-color:var(--copper);text-underline-offset:.3em;display:inline}.k-cluster-zoom{z-index:4;position:absolute;inset:0}.k-cluster-pin{touch-action:manipulation;-webkit-tap-highlight-color:transparent;--flower:30px;opacity:0;width:2.75rem;height:2.75rem;animation:k-pin-in var(--motion-duration-base) var(--motion-ease-out) var(--motion-duration-base) both;border-radius:50%;position:absolute;translate:-50% -50%}@keyframes k-pin-in{to{opacity:1}}.k-cluster-pin:focus-visible{outline:2px solid var(--ring);outline-offset:0}.k-cluster-pin .k-flower{left:calc(50% - var(--flower) * .5004);top:calc(50% - var(--flower) * .543)}.k-cluster-name{width:max-content;max-width:var(--name-max,9rem);background:var(--background);color:var(--foreground);font-family:var(--font-heading);text-wrap:balance;padding:.1em .35em .15em;font-size:1.0625rem;font-style:italic;line-height:1.15;position:absolute;top:50%;translate:0 -50%}.k-cluster-pin[data-side=right] .k-cluster-name{left:calc(100% - .25rem)}.k-cluster-pin[data-side=left] .k-cluster-name{text-align:right;right:calc(100% - .25rem)}.k-cluster-pin[data-side=above] .k-cluster-name,.k-cluster-pin[data-side=below] .k-cluster-name{text-align:center;top:auto;left:50%;translate:-50%}.k-cluster-pin[data-side=above] .k-cluster-name{bottom:calc(100% - .35rem)}.k-cluster-pin[data-side=below] .k-cluster-name{top:calc(100% - .35rem)}}@media (prefers-reduced-motion:reduce){.k-map,.k-map-ink,.k-spot,.k-pair{transition:none}.k-cluster-pin{opacity:1;animation:none}}