.okinawa-world{padding:42px var(--gutter) 36px;background:#000;display:grid;place-items:center;overflow:hidden}.okinawa-world .okinawa-neon{width:min(760px,100%);margin:0;padding:12px 0}.okinawa-world .okinawa-neon>span{margin-top:16px}
.ryukyu-emblem{display:block;width:96px;height:96px;overflow:visible;filter:drop-shadow(0 3px 6px #0003);flex-shrink:0}.why-emblem.emblem-trigger{width:100px;height:100px;margin-bottom:22px}.why-emblem .ryukyu-emblem{width:100%;height:100%}.process-grid .emblem-trigger .ryukyu-emblem{width:92px;height:92px}.point .ryukyu-emblem{margin-bottom:16px}.point-num{top:36px}.why-emblem:hover svg{transform:none}.emblem-trigger:focus-visible{outline:1px solid #e8c389;outline-offset:8px}.why-benefits article:has(.is-selected) h3{color:#edc98a}
.ryukyu-emblem g[class^="r-"]{transform-box:fill-box;transform-origin:center;animation-duration:4.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}
:is(.point,.emblem-trigger):hover .ryukyu-emblem g[class^="r-"],:is(.point,.emblem-trigger):focus-visible .ryukyu-emblem g[class^="r-"],:is(.point,.emblem-trigger).is-selected .ryukyu-emblem g[class^="r-"]{animation-play-state:running}
.ryukyu-emblem .r-head{animation-name:ryu-head;transform-origin:50% 80%}.ryukyu-emblem .r-petals{animation-name:ryu-petals}.ryukyu-emblem .r-flowers{animation-name:ryu-sway;transform-origin:50% 90%}.ryukyu-emblem .r-strings{animation-name:ryu-string;animation-duration:2.3s}.ryukyu-emblem .r-pattern{animation-name:ryu-pattern}.ryukyu-emblem .r-body{animation-name:ryu-rail}.ryukyu-emblem .r-steam{animation-name:ryu-steam}.ryukyu-emblem .r-shine{animation-name:ryu-shine}.ryukyu-emblem .r-swim{animation-name:ryu-swim;animation-duration:6s}.ryukyu-emblem .r-left-fin{animation-name:ryu-fin-left;transform-origin:85% 50%}.ryukyu-emblem .r-right-fin{animation-name:ryu-fin-right;transform-origin:15% 50%}.ryukyu-emblem .r-organic{animation-name:ryu-organic}.ryukyu-emblem .r-coral{animation-name:ryu-coral;transform-origin:50% 100%}.ryukyu-emblem .r-boat{animation-name:ryu-boat}.ryukyu-emblem .r-water{animation-name:ryu-water}.ryukyu-emblem .r-leaves{animation-name:ryu-leaves;transform-origin:50% 70%}
@keyframes ryu-head{50%{transform:rotate(-3deg)}}@keyframes ryu-petals{50%{transform:scale(1.035) rotate(2deg)}}@keyframes ryu-sway{50%{transform:rotate(3deg)}}@keyframes ryu-string{0%,22%,100%{transform:translateX(0)}25%,31%{transform:translateX(.55px)}28%,34%{transform:translateX(-.55px)}}@keyframes ryu-pattern{50%{opacity:.8;transform:rotate(1.5deg)}}@keyframes ryu-rail{50%{transform:translate(-1.7px,2px)}}@keyframes ryu-steam{0%,100%{transform:translateY(1px);opacity:.3}50%{transform:translateY(-5px);opacity:.85}}@keyframes ryu-shine{50%{filter:brightness(1.16);transform:rotate(2deg)}}@keyframes ryu-swim{50%{transform:translateX(3px) rotate(-1deg)}}@keyframes ryu-fin-left{50%{transform:rotate(7deg) scaleY(.96)}}@keyframes ryu-fin-right{50%{transform:rotate(-7deg) scaleY(.96)}}@keyframes ryu-organic{50%{transform:scale(1.025) rotate(1deg)}}@keyframes ryu-coral{50%{transform:skewX(2deg)}}@keyframes ryu-boat{50%{transform:translateY(-1.8px) rotate(1.3deg)}}@keyframes ryu-water{50%{transform:translateX(2px);opacity:.7}}@keyframes ryu-leaves{50%{transform:rotate(2deg) skewX(1deg)}}
.brand-charm{width:125px;height:125px;filter:drop-shadow(0 0 5px #b5e9df33)}.brand-charm .ryukyu-emblem{width:100%;height:100%;filter:none}.brand-charm g{animation:none!important}.charm-tuna{width:245px;height:165px}.charm-shell{width:83px;height:83px}.charm-squid{width:150px;height:150px}.charm-octopus{width:112px;height:112px}.charm-crab{width:88px;height:88px}.charm-starfish{width:75px;height:75px}.charm-shisa{width:110px;height:110px}.brand-wave{mask:none!important;-webkit-mask:none!important;object-fit:fill;filter:drop-shadow(0 5px 8px #092c3940)}
@media(max-width:700px){.okinawa-world{padding:28px 24px}.okinawa-world .okinawa-neon{padding:4px 0}.ryukyu-emblem{width:78px;height:78px}.point .ryukyu-emblem{width:76px;height:76px;margin-bottom:10px}.points-four .point .ryukyu-emblem{width:72px;height:72px}.why-emblem.emblem-trigger{width:88px;height:88px}.process-grid .emblem-trigger .ryukyu-emblem{width:84px;height:84px}.scene-sticky{min-height:810px}.scene{min-height:1260px}.point{padding-top:14px}.point-num{top:22px;right:10px}.brand-charm{width:87px;height:87px}.charm-tuna{width:168px;height:110px}.charm-shell{width:60px;height:60px}.charm-squid{width:105px;height:105px}.charm-octopus{width:76px;height:76px}.charm-crab{width:62px;height:62px}.charm-starfish{width:55px;height:55px}.charm-shisa{width:79px;height:79px}}
@media(max-width:700px){.points:not(.points-four) .point{grid-template-columns:82px minmax(0,1fr);column-gap:14px;margin-right:0;padding-right:0}.points:not(.points-four) .point .ryukyu-emblem{grid-column:1;grid-row:1/3;align-self:center;margin:0}.points:not(.points-four) .point h3{grid-column:2;grid-row:1}.points:not(.points-four) .point p{grid-column:2;grid-row:2}}
@media(prefers-reduced-motion:reduce){.ryukyu-emblem *{animation:none!important}.brand-atmosphere{display:none}}