.hk-hero-stage{aspect-ratio:var(--hk-plate-ratio)}.hk-hero-plate{--hk-phone-h:calc(clamp(13rem, calc(100svh - var(--header-h) - 1.84 * clamp(5rem, 21.5vw, 9.5rem) - 19.5rem), 30rem) - var(--hk-air,0) * clamp(5rem, 21.5vw, 9.5rem));width:min(74vw, 24rem, calc(var(--hk-phone-h) * var(--hk-plate-ratio)))}@media (min-width:768px){.hk-hero-plate{width:min(100%, 24rem, calc(min(30rem, 42svh) * var(--hk-plate-ratio)))}}@media (min-width:1024px),(min-width:768px) and (min-aspect-ratio:5/4){.hk-hero-grid{--hero-fs:clamp(7.5rem, min(21.6vw - 41px, 30vh), 18.5rem);--hk-plate-hpx:min(calc(var(--hk-plate-h) * var(--hero-fs)), max(calc(var(--hk-plate-hmin) * var(--hero-fs)), calc(100svh - var(--header-h) - 2.5rem)));min-height:calc(var(--hk-plate-hpx) - .5rem);display:block}.hk-hero-sticker{inset-inline-start:96%;top:30%}.hk-hero-copy{max-width:44%;margin-top:1.5rem}.hk-hero-cta{margin-top:1.25rem}.hk-hero-plate{--hk-bleed:max(0px, (100vw - 1440px) * .3);--hk-plate-end:calc(100% + var(--hk-bleed));--hk-plate-w:calc(var(--hk-plate-hpx) * var(--hk-plate-ratio));width:auto;top:-1rem;margin:0;position:absolute;inset-inline-start:min(max(calc(var(--hk-plate-end) - var(--hk-plate-w)), calc((var(--hk-line2) - var(--hk-overlap)) * var(--hero-fs))), calc((var(--hk-line2) + var(--hk-gap)) * var(--hero-fs)), calc(var(--hk-plate-end) - var(--hk-plate-narrow) * var(--hero-fs)));inset-inline-end:calc(-1 * var(--hk-bleed))}.hk-hero-stage{width:min(100%, var(--hk-plate-w))}@supports (anchor-name:--hk) and (left:anchor(right)){.hk-hero-line2{anchor-name:--hk-hero-line2}.hk-hero-plate{position-anchor:--hk-hero-line2;inset-inline-start:min(max(calc(var(--hk-plate-end) - var(--hk-plate-w)), calc(anchor(end) - var(--hk-overlap) * var(--hero-fs))), calc(anchor(end) + var(--hk-gap) * var(--hero-fs)), calc(var(--hk-plate-end) - var(--hk-plate-narrow) * var(--hero-fs)))}}}.hk-gull,.hk-gull-lean{transform-origin:var(--hk-gull-feet,50% 90%)}.hk-gull-lean{transition:rotate .28s var(--ease-out-strong)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hk-hero-stage:hover .hk-gull-lean{rotate:var(--hk-gull-lean,6deg)}}
.boat-bob{transform-origin:50% 80%}@keyframes boat-bob-float{0%{translate:0 -3px}to{translate:0 2px}}@keyframes boat-bob-roll{0%{rotate:-3deg}to{rotate:2.5deg}}@media (prefers-reduced-motion:no-preference){html[data-fx] .boat-bob{animation-name:boat-bob-float,boat-bob-roll;animation-duration:1.9s,2.7s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:alternate,alternate;animation-play-state:paused;animation-delay:0s,0s;animation-fill-mode:none,none;animation-timeline:auto,auto}html[data-fx] .boat-bob.is-live{animation-play-state:running}}
@media (min-width:1024px){.hk-loc-ticket{container-type:inline-size}.hk-loc-ticket .bon h3{font-size:min(3.4rem,max(1.75rem,16.129cqi - .645161rem))}}
.hk-porthole{--ring:10px;--rivet:calc(var(--ring) * .2);--r:calc(50% - var(--ring) / 2);--dot:var(--color-navy) var(--rivet), transparent calc(var(--rivet) + .75px);aspect-ratio:1;background:radial-gradient(circle at calc(50% + var(--r)) 50%, var(--dot)), radial-gradient(circle at calc(50% + var(--r) * .7071) calc(50% + var(--r) * .7071), var(--dot)), radial-gradient(circle at 50% calc(50% + var(--r)), var(--dot)), radial-gradient(circle at calc(50% - var(--r) * .7071) calc(50% + var(--r) * .7071), var(--dot)), radial-gradient(circle at calc(50% - var(--r)) 50%, var(--dot)), radial-gradient(circle at calc(50% - var(--r) * .7071) calc(50% - var(--r) * .7071), var(--dot)), radial-gradient(circle at 50% calc(50% - var(--r)), var(--dot)), radial-gradient(circle at calc(50% + var(--r) * .7071) calc(50% - var(--r) * .7071), var(--dot)), var(--color-paper);box-shadow:var(--shadow-warm-lg);border-radius:9999px;position:relative;container-type:inline-size}.hk-porthole-lg{--ring:14px}.hk-porthole-glass{inset:var(--ring);background:radial-gradient(circle at 50% 32%, color-mix(in oklab, var(--color-navy) 84%, var(--color-sea)), var(--color-navy) 72%);box-shadow:inset 0 0 0 2px var(--color-navy-deep), inset 0 1.2rem 2rem -.5rem #0a1f3a8c;border-radius:9999px;position:absolute;overflow:hidden}.hk-porthole-glass:after{content:"";border:max(3px,2.2cqi) solid #0000;border-top-color:color-mix(in srgb, var(--color-paper) 20%, transparent);pointer-events:none;border-radius:9999px;position:absolute;inset:8%;rotate:-40deg}[dir=rtl] .hk-porthole-glass:after{rotate:40deg}@media (forced-colors:active){.hk-porthole{border:2px solid canvastext}}
.reel-scene{--reel-ink-top:.08em;--reel-ink-bottom:.84em;--reel-hook-x:9%;--reel-ring:.022em;--reel-head:.42em;--reel-clear:.16em;--reel-sink:.12em;--reel-floor:.1em;--reel-m:.3em;--reel-water-x:.18em;--reel-reach:.6em;--reel-tail:.3em;--reel-line-w:max(1.5px, .008em);--reel-pivot:calc(var(--reel-head) + var(--reel-ink-top) + .07em);--reel-surface:calc(var(--reel-head) + var(--reel-ink-bottom) + var(--reel-ring) + var(--reel-clear));--reel-h:calc(var(--reel-surface) + .9 * (var(--reel-ink-bottom) - var(--reel-ink-top) + 2 * var(--reel-ring) + var(--reel-sink) + var(--reel-floor)));--reel-scene-h:var(--reel-h);isolation:isolate;width:fit-content;height:var(--reel-scene-h);margin-inline:var(--reel-water-x);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:min(clamp(7rem, 33vw, 11rem), 100cqw / var(--reel-fit,2.4), calc((100svh - var(--header-h)) / 2.5));direction:ltr;position:relative}.reel-col{container-type:inline-size}.reel-stage{clip-path:inset(calc(-1 * var(--reel-clip-top,6rem)) -100vmax -100vmax);position:relative}@media (min-width:1024px){.reel-stage:before{content:"";z-index:1;inset-inline:0;top:calc(-1 * var(--reel-clip-top,6rem));background:linear-gradient(var(--color-navy), transparent);pointer-events:none;height:4rem;position:absolute}}@media (min-width:768px){.reel-scene{font-size:min(clamp(10rem, 30vw, 17rem), 100cqw / var(--reel-fit,2.4), calc((100svh - var(--header-h)) / 2.5))}}@media (min-width:1024px){.reel-scene{--reel-reach:30svh;--reel-scene-h:max(2.4em, var(--reel-h));font-size:min(clamp(12rem, 24vw, 24rem), 100cqw / var(--reel-fit,2.4), calc((100svh - var(--header-h) - 18svh) / 2.4))}}.reel-copy{letter-spacing:.012em;unicode-bidi:plaintext;font-weight:400;display:block;line-height:.92!important}.reel-size{visibility:hidden;position:relative}.reel-water,.reel-bubbles,.reel-veil{top:var(--reel-surface);bottom:0;left:calc(-1 * var(--reel-water-x));right:calc(-1 * var(--reel-water-x));pointer-events:none;position:absolute}.reel-water{background:linear-gradient(180deg, var(--color-sea), var(--color-navy) 85%);overflow:hidden}.reel-caustics{inset-block:0;background:linear-gradient(90deg,#0000 16%,#fffdf717 30%,#0000 44% 58%,#fffdf70f 67%,#0000 76%) 0 0/25% 100% repeat-x;width:calc(200% + 1em);display:none;position:absolute;left:-.5em;transform:skew(-14deg)}@keyframes reel-caustics{to{transform:skew(-14deg)translate(-50%)}}.reel-wet{top:var(--reel-surface);left:calc(-1 * var(--reel-m));right:calc(-1 * var(--reel-m));height:calc((var(--reel-scene-h) - var(--reel-surface)) / .9);pointer-events:none;transform-origin:50% 0;animation:3.6s ease-in-out infinite alternate paused reel-wobble;position:absolute;overflow:hidden;transform:scaleY(.9)}@keyframes reel-wobble{0%{transform:scaleY(.9)skew(-1deg)}to{transform:scaleY(.92)skew(1deg)}}.reel-bubbles{display:none;overflow:hidden}.reel-bubble-group{height:.6em;animation:reel-rise var(--t) cubic-bezier(.5, 0, .8, .6) var(--d) infinite paused;position:absolute;top:100%;left:0;right:0}@keyframes reel-rise{to{transform:translate(var(--dx), calc(var(--reel-surface) - var(--reel-scene-h) - .6em))}}.reel-bubble{left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:radial-gradient(circle at 34% 30%,#fffdf7f2 0 12%,#0000 15%),#fffdf72e;border-radius:50%;position:absolute;box-shadow:inset 0 0 0 max(1.5px,.007em) #fffdf7d9}.reel-veil{bottom:-2px;left:calc(-1 * var(--reel-water-x) - 2px);right:calc(-1 * var(--reel-water-x) - 2px);background:linear-gradient(90deg, var(--color-navy), transparent .12em, transparent calc(100% - .12em), var(--color-navy)), linear-gradient(180deg, #0f2d521a, #0f2d5266 88%, var(--color-navy))}.reel-tail{top:calc(-1 * var(--reel-reach));left:calc(var(--reel-hook-x) - .038em - var(--reel-line-w) / 2);width:var(--reel-line-w);height:var(--reel-tail);background:linear-gradient(180deg, transparent, var(--color-paper));pointer-events:none;position:absolute}.reel-dry{top:calc(var(--reel-tail) - var(--reel-reach));left:calc(-1 * var(--reel-m));right:calc(-1 * var(--reel-m));height:calc(var(--reel-reach) - var(--reel-tail) + var(--reel-surface));pointer-events:none;position:absolute;overflow:hidden}.reel-rig{left:var(--reel-m);right:var(--reel-m);height:var(--reel-scene-h);will-change:transform;position:absolute}.reel-dry>.reel-rig{top:calc(var(--reel-reach) - var(--reel-tail))}.reel-wet>.reel-rig{top:calc(-1 * var(--reel-surface))}.reel-line{left:calc(var(--reel-hook-x) - .038em - var(--reel-line-w) / 2);top:calc(var(--reel-pivot) - .296em - var(--reel-reach) - 3em);width:var(--reel-line-w);height:calc(var(--reel-reach) + 3em);background:var(--color-paper);position:absolute}.reel-hook{left:calc(var(--reel-hook-x) - .09em);top:calc(var(--reel-pivot) - .316em);width:.15em;height:.34em;position:absolute;overflow:visible}.reel-word{transform-origin:var(--reel-hook-x) var(--reel-pivot);will-change:transform;position:absolute;inset:0}.reel-word>.reel-copy{top:var(--reel-head);position:absolute;left:0}.reel-dry-copy{color:var(--color-paper);text-shadow:calc(var(--reel-ring) * 1) 0 0 var(--color-navy), calc(var(--reel-ring) * .985) calc(var(--reel-ring) * .174) 0 var(--color-navy), calc(var(--reel-ring) * .94) calc(var(--reel-ring) * .342) 0 var(--color-navy), calc(var(--reel-ring) * .866) calc(var(--reel-ring) * .5) 0 var(--color-navy), calc(var(--reel-ring) * .766) calc(var(--reel-ring) * .643) 0 var(--color-navy), calc(var(--reel-ring) * .643) calc(var(--reel-ring) * .766) 0 var(--color-navy), calc(var(--reel-ring) * .5) calc(var(--reel-ring) * .866) 0 var(--color-navy), calc(var(--reel-ring) * .342) calc(var(--reel-ring) * .94) 0 var(--color-navy), calc(var(--reel-ring) * .174) calc(var(--reel-ring) * .985) 0 var(--color-navy), 0 calc(var(--reel-ring) * 1) 0 var(--color-navy), calc(var(--reel-ring) * -.174) calc(var(--reel-ring) * .985) 0 var(--color-navy), calc(var(--reel-ring) * -.342) calc(var(--reel-ring) * .94) 0 var(--color-navy), calc(var(--reel-ring) * -.5) calc(var(--reel-ring) * .866) 0 var(--color-navy), calc(var(--reel-ring) * -.643) calc(var(--reel-ring) * .766) 0 var(--color-navy), calc(var(--reel-ring) * -.766) calc(var(--reel-ring) * .643) 0 var(--color-navy), calc(var(--reel-ring) * -.866) calc(var(--reel-ring) * .5) 0 var(--color-navy), calc(var(--reel-ring) * -.94) calc(var(--reel-ring) * .342) 0 var(--color-navy), calc(var(--reel-ring) * -.985) calc(var(--reel-ring) * .174) 0 var(--color-navy), calc(var(--reel-ring) * -1) 0 0 var(--color-navy), calc(var(--reel-ring) * -.985) calc(var(--reel-ring) * -.174) 0 var(--color-navy), calc(var(--reel-ring) * -.94) calc(var(--reel-ring) * -.342) 0 var(--color-navy), calc(var(--reel-ring) * -.866) calc(var(--reel-ring) * -.5) 0 var(--color-navy), calc(var(--reel-ring) * -.766) calc(var(--reel-ring) * -.643) 0 var(--color-navy), calc(var(--reel-ring) * -.643) calc(var(--reel-ring) * -.766) 0 var(--color-navy), calc(var(--reel-ring) * -.5) calc(var(--reel-ring) * -.866) 0 var(--color-navy), calc(var(--reel-ring) * -.342) calc(var(--reel-ring) * -.94) 0 var(--color-navy), calc(var(--reel-ring) * -.174) calc(var(--reel-ring) * -.985) 0 var(--color-navy), 0 calc(var(--reel-ring) * -1) 0 var(--color-navy), calc(var(--reel-ring) * .174) calc(var(--reel-ring) * -.985) 0 var(--color-navy), calc(var(--reel-ring) * .342) calc(var(--reel-ring) * -.94) 0 var(--color-navy), calc(var(--reel-ring) * .5) calc(var(--reel-ring) * -.866) 0 var(--color-navy), calc(var(--reel-ring) * .643) calc(var(--reel-ring) * -.766) 0 var(--color-navy), calc(var(--reel-ring) * .766) calc(var(--reel-ring) * -.643) 0 var(--color-navy), calc(var(--reel-ring) * .866) calc(var(--reel-ring) * -.5) 0 var(--color-navy), calc(var(--reel-ring) * .94) calc(var(--reel-ring) * -.342) 0 var(--color-navy), calc(var(--reel-ring) * .985) calc(var(--reel-ring) * -.174) 0 var(--color-navy)}.reel-wet-copy{color:color-mix(in oklab, var(--color-paper) 55%, var(--color-sea));text-shadow:none}.reel-drop{top:calc(var(--reel-head) + var(--reel-ink-bottom) - var(--s));width:var(--s);height:var(--s);margin-left:calc(var(--s) / -2);box-shadow:inset calc(var(--s) * -.2) calc(var(--s) * -.2) 0 color-mix(in srgb, var(--color-sea) 45%, transparent);opacity:0;background:#fffdf7e6;border-radius:0 50% 50%;position:absolute;rotate:45deg}.reel-rings{top:var(--reel-surface);pointer-events:none;position:absolute;left:0;right:0}.reel-ring{border:2px solid var(--color-paper);opacity:0;border-radius:50%;width:.16em;height:.04em;margin-left:-.08em;position:absolute;top:-.02em}.reel-surface{top:calc(var(--reel-surface) - .06em);left:calc(-1 * var(--reel-water-x));right:calc(-1 * var(--reel-water-x));pointer-events:none;direction:ltr;height:.12em;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 .12em calc(100% - .12em),#0000);mask-image:linear-gradient(90deg,#0000,#000 .12em calc(100% - .12em),#0000)}.reel-surface svg{width:200%;height:100%;animation:6s linear infinite paused reel-swell;display:block}.reel-swell{fill:color-mix(in oklab, var(--color-sea) 72%, var(--color-paper))}.reel-crest{fill:var(--color-paper)}@keyframes reel-swell{to{transform:translate(-50%)}}.reel-stage[data-motion] .reel-bubbles{display:block}.reel-stage[data-motion] .reel-caustics{animation:16s linear infinite paused reel-caustics;display:block}.reel-stage.is-live .reel-wet,.reel-stage.is-live .reel-caustics,.reel-stage.is-live .reel-bubble-group,.reel-stage.is-live .reel-surface svg{animation-play-state:running}@media (prefers-reduced-motion:reduce){.reel-wet,.reel-surface svg{animation:none}.reel-caustics,.reel-bubbles,.reel-drop,.reel-ring{display:none!important}}@media (forced-colors:active){.reel-water,.reel-wet,.reel-bubbles,.reel-veil,.reel-surface,.reel-rings,.reel-tail,.reel-line,.reel-hook,.reel-drop,.reel-stage:before{display:none}.reel-dry-copy{color:canvastext;text-shadow:none}}
.hk-stamp{--hole:3px;--step:9px;background:var(--color-sea);-webkit-mask:radial-gradient(circle, #0000 var(--hole), #000 calc(var(--hole) + .5px)) calc(var(--step) / -2) calc(var(--step) / -2) / var(--step) var(--step), linear-gradient(#000 0 0) center / calc(100% - var(--step)) calc(100% - var(--step)) no-repeat;-webkit-mask:radial-gradient(circle, #0000 var(--hole), #000 calc(var(--hole) + .5px)) calc(var(--step) / -2) calc(var(--step) / -2) / var(--step) var(--step), linear-gradient(#000 0 0) center / calc(100% - var(--step)) calc(100% - var(--step)) no-repeat;mask:radial-gradient(circle, #0000 var(--hole), #000 calc(var(--hole) + .5px)) calc(var(--step) / -2) calc(var(--step) / -2) / var(--step) var(--step), linear-gradient(#000 0 0) center / calc(100% - var(--step)) calc(100% - var(--step)) no-repeat;box-shadow:0 2px 4px #0f2d522e}.hk-postmark{mix-blend-mode:multiply}.hk-lines{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.hk-line{border-bottom:2px solid color-mix(in oklab, var(--color-ink) 16%, transparent);align-self:stretch;align-items:flex-end;min-height:2.4rem;padding-bottom:.3rem;display:flex}@media (forced-colors:active){.hk-stamp{border:2px solid canvastext;-webkit-mask:none;mask:none}}