:root{font-family:Arial,Helvetica,sans-serif;color:#eff4f6;background:#102633;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.entrance{position:relative;isolation:isolate;min-height:650px;height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center}.landscape{position:absolute;inset:0;z-index:-2;background:#a6b8c0}.coast{width:100%;height:100%;object-fit:cover;object-position:center 48%}.boat-frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.boat{width:100%;height:100%;object-fit:contain;transform:translateY(5%)}.entrance:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(8,26,39,.48),transparent 40%,transparent 62%,rgba(8,26,39,.70))}.identity{text-align:center;padding-top:max(7svh,35px);animation:arrive 1.5s ease both}.wave{width:86px;height:35px;color:#e2e9ec;display:block;margin:0 auto 22px}.identity h1{font-size:clamp(21px,2.2vw,32px);font-weight:400;letter-spacing:.32em;margin:0;padding-left:.32em}.invitation{margin-top:auto;text-align:center;padding:30px 24px 32px;animation:arrive 1.8s ease both}.enter{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:22px;padding:14px 25px;color:#f5f7f8;text-decoration:none;font-size:.875rem;letter-spacing:.035em;border:1px solid rgba(228,238,244,.4);border-radius:999px;background:rgba(12,32,46,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .25s,border-color .25s}.entry-arrow{width:21px;height:21px;flex:none;transition:transform .25s}.enter:hover{background:rgba(12,32,46,.45);border-color:rgba(255,255,255,.75)}.enter:hover .entry-arrow{transform:translateX(3px)}.enter:focus-visible{outline:2px solid white;outline-offset:5px}footer{display:flex;flex-direction:column;gap:8px;padding:0 24px max(30px,env(safe-area-inset-bottom));text-align:center;line-height:1.5}.design-credit{font-size:.75rem;letter-spacing:.045em;color:#d9e3e9}.design-credit strong{font-weight:500;color:#f1f5f7}.origin{font-size:.75rem;letter-spacing:.16em;color:#bacbd6}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.entrance{min-height:520px}.identity{padding-top:9svh}.boat{width:145%;max-width:none;height:auto;flex-shrink:0;transform:translateY(15%)}.coast{object-position:48% 50%}.invitation{padding-bottom:24px}footer{width:100%;padding-bottom:max(30px,env(safe-area-inset-bottom))}.identity h1{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(prefers-reduced-motion:no-preference){.coast{animation:water-drift 24s ease-in-out infinite alternate;transform:scale(1.015)}}@keyframes water-drift{from{transform:scale(1.015) translateX(-.2%)}to{transform:scale(1.015) translateX(.2%)}}

.by-introduction{font-size:clamp(19px,2vw,25px);font-weight:400;letter-spacing:.045em;margin:0 0 14px}.enquiry-link{display:inline-flex;align-items:center;min-height:44px;color:#dce6eb;font-size:12px;letter-spacing:.15em;text-underline-offset:7px;text-decoration-thickness:1px;text-decoration-color:#dce6eb66}.enquiry-link:hover{text-decoration-color:currentColor}.enquiry-link:focus-visible{outline:2px solid white;outline-offset:5px}