:root{--intro-height:740svh;--intro-min:3600px;--hull-travel:340svh;--hull-landing-offset:124svh;--hull-ink:#37306c;--hull-muted:#79729b;--hull-violet:#6654d8}
.story{height:calc(max(var(--intro-height),var(--intro-min)) + var(--hull-travel));min-height:0}.intro-distance{position:absolute;top:0;left:0;width:0;height:var(--intro-height);min-height:var(--intro-min);pointer-events:none}.hull-scroll-anchor{position:absolute;top:calc(max(var(--intro-height),var(--intro-min)) + var(--hull-landing-offset))}
.hull-scene{position:absolute;inset:0;z-index:8;opacity:0;pointer-events:none;color:var(--hull-ink);overflow:hidden}.hull-ground{position:absolute;inset:0;background:#fdfcff;opacity:0}.hull-canvas{position:absolute;top:0;left:0;width:1440px;height:1100px;transform-origin:0 0}.hull-atmosphere{position:absolute;inset:0;overflow:hidden;opacity:0;background:linear-gradient(180deg,#fdfcff 0%,#eeeafb 20%,#d2cdee 46%,#f0edf9 72%,#fff 100%)}.hull-atmosphere>img{position:absolute;max-width:none}.hull-mist-violet{left:-10px;top:145px}.hull-mist-left{left:-315px;top:-195px}.hull-mist-right{left:980px;top:140px}
.hull-heading-group{position:absolute;left:64px;top:64px;width:710px;opacity:0}.hull-heading-group h2{height:142px;font-size:64px;font-weight:500;line-height:72px;letter-spacing:-1.92px;margin:0}.hull-heading-group h2 span,.hull-heading-group h2 em{display:block}.hull-heading-group h2 em{font-family:'Playfair Display',serif;font-weight:400;font-style:italic}.hull-heading-group p{font-size:18px;line-height:26px;color:var(--hull-muted);margin:16px 0 0;width:660px}
.hull-vessel-meta{position:absolute;left:64px;top:292px;width:570px;height:48px;display:flex;gap:32px;opacity:0;margin:0}.hull-vessel-meta>div{width:188px;flex:none}.hull-vessel-meta>div:nth-child(2){width:122px}.hull-vessel-meta>div:nth-child(3){width:184px}.hull-vessel-meta dt{font-size:10px;line-height:13px;font-weight:500;color:var(--hull-muted);margin:0 0 8px}.hull-vessel-meta dd{height:22px;display:flex;align-items:center;gap:8px;font-size:16px;line-height:21px;font-weight:500;margin:0;white-space:nowrap}.hull-vessel-meta img{display:block;max-width:none}
.hull-glass{border:0;background:linear-gradient(180deg,#ffffffd4,#f7f5ff85);box-shadow:0 10px 23px #242d411f,inset 1px 1px 1.5px #ffffffe0,inset -1px -1px 2px #50596b2b;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}.hull-glass:after{content:'';position:absolute;inset:0;border:1px solid #ffffffe6;border-radius:inherit;pointer-events:none}.hull-dock{position:absolute;left:1030px;top:86px;width:346px;height:56px;display:flex;align-items:center;gap:4px;padding:8px;border-radius:28px;z-index:5;opacity:0}.hull-dock button{flex:none;width:162px;height:40px;padding:0;border-radius:20px;background:transparent;color:var(--hull-muted);font-size:14px;line-height:20px;white-space:nowrap;cursor:pointer}.hull-dock button:first-child{width:164px}.hull-dock button[aria-pressed="true"]{color:var(--hull-ink);background:#ffffffbf;font-weight:500}
.hull-surface{position:absolute;left:0;top:0;width:1440px;height:1100px;background:transparent;transform-origin:0 0;overflow:hidden;opacity:0}.hull-viewport{position:absolute;inset:0;overflow:visible;opacity:0}.hull-ground-shadow{position:absolute;left:89px;top:656px;max-width:none;pointer-events:none}.hull-ship-wrap{position:absolute;left:48px;top:404px;width:1344px;height:280.359px;transform-origin:0 0}.hull-ship{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:left top}
.hull-grade-map{position:absolute;left:110px;top:208px;width:420px;height:60.622px;display:flex;gap:0;opacity:.75}.hull-grade-cell{flex:none;width:101.451px;height:60.622px;position:relative;display:flex;flex-direction:column;border:0;padding:0;background:none;cursor:pointer}.hull-grade-cell:nth-child(2){width:104.535px}.hull-grade-cell i{width:101.451px;height:16.232px;display:block;background:#f2ef3c}.hull-grade-cell i:nth-child(2){height:20.29px;background:#44d42a}.hull-grade-cell i:nth-child(3){background:#fddb6e}.hull-grade-cell:not(:first-child) i{height:16.866px;background:#e0fd6e66}.hull-grade-cell:not(:first-child) i:nth-child(2){height:18.553px;background:#3ae51b80}.hull-grade-cell:not(:first-child) i:nth-child(3){height:16.232px;background:#fddb6e80}.hull-context-area,.hull-area-focus{position:absolute;left:106px;top:204px;width:654px;height:64px;border:1.2px solid #8071c638;border-radius:10px;background:#9b8cdd29;pointer-events:none}.hull-area-focus{width:106px;background:#6654d80a;border-color:#6654d8bf;border-radius:9px}.hull-line-marker{position:absolute;left:120px;top:178px;background:var(--hull-violet);border-radius:15px;color:#fff;width:72px;height:30px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px;font-weight:500;white-space:nowrap;pointer-events:none}
.hull-callout-link{position:absolute;inset:0;pointer-events:none;opacity:0}.hull-callout-link>svg{position:absolute;inset:0;max-width:none}.hull-callout-link path{fill:none;stroke:#9483cfbf;stroke-width:1.4}.hull-callout-endpoint{position:absolute;left:204px;top:602px;max-width:none}.hull-callout{position:absolute;left:564px;top:342px;width:278px;height:124px;border-radius:24px;padding:18px 22px;display:flex;flex-direction:column;gap:10px;opacity:0;z-index:3}.hull-callout-location{font-size:11px;line-height:14px;font-weight:500;text-transform:uppercase;color:var(--hull-muted);white-space:nowrap;margin:0}.hull-callout-condition{display:flex;align-items:center;justify-content:space-between;width:234px;height:38px;flex:none}.hull-callout-condition strong{font-size:32px;line-height:38px;font-weight:500}.hull-callout-condition>span{display:flex;align-items:center;justify-content:center;width:164px;height:30px;border-radius:15px;background:#fff1c2eb;font-size:12px;line-height:16px;color:#806214;font-weight:500}.hull-callout-date{font-size:12px;line-height:16px;color:var(--hull-muted);white-space:nowrap;margin:0}
.hull-inspector{position:absolute;left:64px;top:762px;width:660px;height:112px;border-radius:24px;padding:16px 18px;background:#ffffff61;opacity:0}.hull-inspector:after{content:'';position:absolute;inset:0;border:1px solid #ffffff8a;border-radius:inherit;pointer-events:none}.hull-inspector-heading{display:flex;align-items:center;justify-content:space-between;height:20px;font-size:14px;line-height:20px;font-weight:500}.hull-line-counter{font-weight:400;color:var(--hull-muted)}.hull-section-nav{display:flex;justify-content:space-between;gap:8px;margin-top:16px;width:624px;height:36px}.hull-section-nav button{flex:none;width:54px;height:36px;border:0;padding:0;background:transparent;color:var(--hull-muted);border-radius:18px;font-size:14px;line-height:20px;cursor:pointer}.hull-section-nav button[aria-pressed="true"]{color:#fff;background:var(--hull-violet);font-weight:500}
.hull-linked-photo{position:absolute;left:1060px;top:762px;width:316px;height:176px;border-radius:20px;overflow:hidden;opacity:0;z-index:5;display:flex;flex-direction:column;background:#ffffffb3;box-shadow:0 12px 30px #6253a517;color:var(--hull-ink)}.hull-linked-photo>img{width:316px;height:128px;max-width:none;object-fit:cover;display:block;flex:none}.hull-photo-caption{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;font-size:13px;line-height:20px;font-weight:400;white-space:nowrap}.hull-photo-caption>span:last-child{color:var(--hull-muted)}
.hull-area-tabs{position:absolute;left:250px;top:966px;width:940px;height:78px;display:flex;align-items:center;justify-content:space-between;padding:10px;gap:5px;border-radius:39px;opacity:0;scrollbar-width:none}.hull-area-tabs::-webkit-scrollbar{display:none}.hull-area-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex:none;width:180px;height:58px;border-radius:29px;background:transparent;border:0;padding:0;color:var(--hull-muted);cursor:pointer;font-size:15px;font-weight:500;line-height:20px;white-space:nowrap}.hull-area-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none}.hull-area-icon img{display:block;max-width:none;flex:none}.hull-propeller-icon{transform:scaleY(-1)}.hull-area-tabs button[aria-selected="true"]{color:#fff;background:linear-gradient(180deg,#7868df,#5a48bf);box-shadow:inset 0 1px 1.5px #ffffff6b}.hull-area-tabs button[aria-selected="true"]:after{content:'';position:absolute;inset:0;border:1px solid #ffffffb8;border-radius:inherit;pointer-events:none}.hull-area-tabs button:not([aria-selected="true"]) img{filter:brightness(0) saturate(100%) invert(46%) sepia(11%) saturate(1131%) hue-rotate(210deg) brightness(96%) contrast(89%)}.hull-area-tabs button[aria-selected="true"] img{filter:brightness(0) invert(1)}.hull-area-tabs button:hover{background-color:#ffffff6b}.hull-nav-hint{position:absolute;left:490px;top:1064px;width:460px;margin:0;color:var(--hull-muted);font-size:12px;line-height:16px;text-align:center;opacity:0}.hull-nav-hint span:last-child{display:none}.hull-inspection-link{display:none}
.hull-transition-clip{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;pointer-events:none;z-index:4;opacity:0;border-radius:10px}.hull-transition-ship{position:absolute;top:0;left:0;max-width:none;transform-origin:0 0}.hull-scene button:focus-visible,.hull-scene a:focus-visible{outline:3px solid var(--hull-violet);outline-offset:4px}.stage[data-hull-interactive="true"] .hull-scene{pointer-events:auto}.hull-scene[aria-hidden="true"]{pointer-events:none}.hull-scene [hidden]{display:none!important}
@media(max-width:700px){
 :root{--intro-height:700svh;--intro-min:3300px;--hull-travel:420svh;--hull-landing-offset:112svh}
 .hull-canvas{width:390px;height:1380px}.hull-atmosphere{background:linear-gradient(#fdfcff,#eeeafb 20%,#d2cdee 40%,#f0edf9 68%,#fff)}.hull-mist-violet{left:-320px;top:190px;transform:scale(.48);transform-origin:0 0}.hull-mist-left{left:-160px;top:-30px;transform:scale(.48);transform-origin:0 0}.hull-mist-right{left:160px;top:300px;transform:scale(.48);transform-origin:0 0}
 .hull-heading-group{left:24px;top:40px;width:342px}.hull-heading-group h2{height:92px;font-size:42px;line-height:46px;letter-spacing:-1.26px}.hull-heading-group p{font-size:16px;line-height:24px;margin-top:16px;width:342px}.hull-vessel-meta{left:24px;top:228px;width:342px;height:48px;gap:8px}.hull-vessel-meta>div{width:132px}.hull-vessel-meta>div:nth-child(2){width:91px}.hull-vessel-meta>div:nth-child(3){width:103px}.hull-vessel-meta dd{font-size:13px;line-height:18px;gap:6px}
 .hull-dock{left:24px;top:304px;width:342px}.hull-dock button:first-child{width:162px}.hull-dock button:last-child{width:160px}.hull-surface{width:390px;height:1380px}.hull-ship-wrap{left:16px;top:404px;width:358px;height:74.68px}.hull-ground-shadow{left:10px;top:469px;transform:scale(.29);transform-origin:0 0}.hull-grade-map{transform:scale(.266369);transform-origin:0 0;left:29.3px;top:55.4px;pointer-events:none}.hull-context-area{left:28.23px;top:54.34px;width:174.2px;height:17.05px;border-radius:3px}.hull-area-focus{left:28.23px;top:54.34px;width:28.23px;height:17.05px;border-radius:3px}.hull-line-marker{left:28.23px;top:26px;width:58px;height:26px;font-size:11px;line-height:16px;border-radius:13px}
 .hull-callout{left:56px;top:544px}.hull-inspector{left:24px;top:720px;width:342px;height:164px}.hull-section-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:44px 44px;gap:8px;width:306px;height:96px}.hull-section-nav button{width:auto;height:44px;border-radius:22px}.hull-area-tabs{left:16px;top:928px;width:358px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.hull-area-tabs button{width:160px;scroll-snap-align:center;font-size:14px}.hull-nav-hint{left:24px;top:1024px;width:342px;text-align:right}.hull-nav-hint span:first-child{display:none}.hull-nav-hint span:last-child{display:inline}.hull-linked-photo{left:24px;top:1080px;width:342px;height:184px}.hull-linked-photo>img{width:342px;height:136px}.hull-inspection-link{position:absolute;left:24px;top:1300px;width:342px;height:54px;display:flex;align-items:center;justify-content:center;gap:14px;border-radius:27px;font-size:16px;color:var(--hull-ink);opacity:0}.hull-inspection-link span{font-size:23px}
}
