.home-viewport{background:linear-gradient(#87ceeb 0%,#e0f6ff 50%,#3893cf 50%,#1c6fb5 69%,#0f4f8f 86%,#0a3f74 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.home-container{z-index:5;width:1440px;height:670px;transform:scale(max(calc(100vw/1440px),calc(100vh/670px)));-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.home-bg{z-index:0;background:linear-gradient(#87ceeb 0%,#e0f6ff 100%);position:absolute;inset:0}.home-laut{z-index:2;width:100%;height:50%;position:absolute;top:50%;left:0;overflow:hidden}.sea{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sea-gradient{background:linear-gradient(#3893cf 0%,#1c6fb5 38%,#0f4f8f 72%,#0a3f74 100%);position:absolute;inset:0}.sea-glows{mix-blend-mode:screen;position:absolute;inset:0}.sea-glow{filter:blur(6px);will-change:transform,opacity;background:radial-gradient(circle,#ffffff29 0%,#fff0 72%);border-radius:50%;animation-name:sea-glow-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes sea-glow-drift{0%,to{opacity:.6;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(3%,-4%)scale(1.15)}}.sea-swells{position:absolute;inset:0}.sea-swell{will-change:transform;width:200%;height:30%;animation-name:sea-drift;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;left:0}.sea-swell-reverse{animation-direction:reverse}@keyframes sea-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.sea-sparkles{z-index:1;position:absolute;inset:0}.sea-sparkle{background:radial-gradient(circle,#e8fbfff2 0%,#e8fbff00 70%);border-radius:50%;animation-name:sea-twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes sea-twinkle{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.sea-glow,.sea-swell{animation:none}.sea-sparkle{opacity:.35;animation:none}}.home-langit{z-index:1;width:100%;height:50%;position:absolute;top:0;left:0;overflow:hidden}.langit-image{-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom;pointer-events:none;user-drag:none;-webkit-user-drag:none;width:100%;height:100%}.awan-item{z-index:25;pointer-events:none;width:280px;height:auto;position:absolute}.awan-image{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;pointer-events:none;user-drag:none;-webkit-user-drag:none;width:100%;height:auto}.awan-1{z-index:8;animation:6s ease-in-out infinite float;top:2rem;left:2rem}.awan-2{animation:8s ease-in-out 2s infinite float;top:2.3rem;right:5.5rem}.awan-3{width:270px;animation:7s ease-in-out 1s infinite float-horizontal;top:18.5rem;bottom:auto;left:-3.6rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-horizontal{0%,to{transform:translate(0)}50%{transform:translate(18px)}}.home-content{z-index:10;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:relative}.home-grid{grid-template-columns:1fr 1fr 1fr;place-items:center;gap:2.7rem;width:100%;height:50%;margin-bottom:-.5rem;display:grid}.home-grid-bottom{grid-template-columns:1fr 1fr;place-content:center;place-items:center;gap:3.6rem;width:100%;height:45%;display:grid}.island-item{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.island-image{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;user-drag:none;-webkit-user-drag:none;width:100%;height:100%;transition:filter .3s}.mercusuar-image{filter:drop-shadow(0 .5rem 1rem #0003)}.island-tl{z-index:10;grid-area:1/1}.island-tl .island-image{transform:scale(2.1)translate(8%)translateY(10%)}.island-center{z-index:15;grid-area:1/2}.island-center .island-image{transform:scale(1.2)translateY(70%)}.island-tr{z-index:12;grid-area:1/3}.island-tr .island-image{transform:scale(2)translate(-22%)translateY(10%)}.island-bl{z-index:15;grid-area:1/1}.island-bl .island-image{max-width:70%;transform:scale(1.5)translate(-40%)translateY(12%)}.island-br{z-index:15;grid-area:1/2}.island-br .island-image{max-width:80%;transform:scale(1.2)translate(32%)translateY(-7%)}.island-br-corner{z-index:15;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute}.island-br-corner .island-image{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;transform:scale(.4)translate(80%)translateY(100%)}.kapal-wrapper{z-index:18;pointer-events:none;-webkit-user-select:none;user-select:none;width:150px;position:absolute;bottom:.65rem;left:50%;transform:translate(-50%)}.kapal-image{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;filter:drop-shadow(0 .2rem .5rem #0003);pointer-events:none;user-drag:none;-webkit-user-drag:none;width:100%;height:auto;animation:8.5s ease-in-out infinite ship-sail;transform:scaleX(-1)}@keyframes ship-sail{0%,to{transform:scaleX(-1)translate(0)translateY(0)rotate(0)}25%{transform:scaleX(-1)translate(6px)translateY(-2px)rotate(1.5deg)}50%{transform:scaleX(-1)translate(12px)translateY(-1px)rotate(-1deg)}75%{transform:scaleX(-1)translate(5px)translateY(-3px)rotate(1deg)}}.papan1-wrapper{z-index:20;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:center;align-items:center;width:160px;height:auto;text-decoration:none;display:inline-flex;position:absolute;bottom:.21rem;right:8rem}.papan1-image{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;filter:drop-shadow(0 .3rem .8rem #00000026);pointer-events:none;user-drag:none;-webkit-user-drag:none;width:100%;height:auto;transition:transform .24s,filter .24s;transform:rotate(-8deg)}.papan1-text{color:#fff;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 1px #12263d8c;pointer-events:none;white-space:nowrap;font-family:Bauhaus,sans-serif;font-size:1.6rem;font-weight:800;transition:transform .24s,text-shadow .24s;position:absolute;top:26.4%;left:46.9%;transform:translate(-50%,-50%)rotate(-8deg)}@media (hover:hover){.papan1-wrapper:hover .papan1-image{filter:drop-shadow(0 .45rem 1rem #00000047);transform:rotate(-14deg)}.papan1-wrapper:hover .papan1-text{text-shadow:0 2px #12263d99;transform:translate(-50%,-50%)rotate(-14deg)}}.home-hud-logo{z-index:85;pointer-events:none;position:absolute;top:.85rem;left:50%;transform:translate(-50%)}.home-hud-brand{z-index:85;align-items:center;gap:.75rem;display:flex;position:absolute;top:.85rem;left:.85rem}.home-hud-profile{z-index:85;position:absolute;top:.85rem;right:.85rem}.logo-image{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;filter:drop-shadow(0 0 .6rem #ffffffe6)drop-shadow(0 .2rem .5rem #0000001f);pointer-events:none;user-drag:none;-webkit-user-drag:none;width:clamp(105px,9vw,165px);height:auto}