.nautical-how{--how-bg:#06213a;--how-accent:#efb64b;position:relative;isolation:isolate;overflow:hidden;min-height:0;padding:64px 0 56px;background:var(--how-bg);color:#f5f7f7}.nautical-how-chart{position:absolute;z-index:-1;top:-100px;right:-3%;width:min(1250px,88%);height:740px;object-fit:cover;object-position:right top;opacity:.52;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0,#000 65%),linear-gradient(180deg,#000 50%,transparent);mask-composite:intersect}.nautical-how-inner{position:relative}.nautical-how-header{position:relative;max-width:none;transition:opacity .6s ease,transform .6s ease}.nautical-how-header>span{display:inline-block;color:var(--how-accent);font-size:12px;font-weight:600;letter-spacing:.16em}.nautical-how-header:after{content:"";display:block;width:56px;height:2px;margin-top:22px;background:var(--how-accent)}.nautical-how .nautical-how-header h2{margin:18px 0 0;font-size:clamp(52px,4.6vw,78px);font-weight:400;line-height:1;letter-spacing:-.04em}.nautical-journey{position:relative;margin-top:38px}.nautical-route{position:absolute;top:0;left:0;width:100%;height:150px;overflow:visible;color:var(--how-accent);pointer-events:none}.nautical-route-draw{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s ease}.nautical-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}.nautical-step{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0 24px;transition:opacity .6s ease,transform .6s ease}.nautical-step:nth-child(2){transition-delay:.15s}.nautical-step:nth-child(3){transition-delay:.3s}.nautical-step-number{position:relative;display:grid;place-items:center;align-self:flex-start;z-index:1;flex:none;width:48px;height:48px;margin-bottom:22px;border:1.5px solid var(--how-accent);border-radius:50%;background:var(--how-bg);color:var(--how-accent);font-size:16px;font-weight:600;transition:transform .4s ease}.nautical-step-number:after{content:"";position:absolute;top:100%;left:50%;height:90px;width:1px;background:repeating-linear-gradient(to bottom,var(--how-accent) 0 5px,transparent 5px 10px)}.nautical-step-photo{position:relative;width:100%;max-width:300px;height:190px;align-self:flex-start;overflow:hidden;border-radius:160px 160px 0 0;mask-image:linear-gradient(180deg,#000 68%,transparent)}.nautical-step-photo img,.nautical-step-photo picture{display:block;width:100%;height:100%}.nautical-step-photo img{object-fit:cover;transition:transform .4s ease}.nautical-step-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,#041c3038);pointer-events:none}.nautical-step-icon{flex:none;width:42px;height:42px;margin:10px 0 16px;color:var(--how-accent);transition:filter .4s ease}.nautical-how .nautical-step h3{margin:0;font-size:clamp(24px,1.8vw,28px);line-height:1.15;letter-spacing:-.025em;font-weight:450}.nautical-how .nautical-step p{margin:12px 0 0;max-width:360px;color:rgba(238,244,247,.72);font-size:16px;line-height:1.55}.nautical-how.motion-ready:not(.is-visible) .nautical-how-header{opacity:0;transform:translateY(20px)}.nautical-how.motion-ready:not(.is-visible) .nautical-step{opacity:0;transform:translateY(20px) scale(.98)}.nautical-how.motion-ready:not(.is-visible) .nautical-route-draw{stroke-dashoffset:1}@media(hover:hover) and (pointer:fine){.nautical-step:hover .nautical-step-photo img{transform:scale(1.025)}.nautical-step:hover .nautical-step-number{transform:scale(1.08)}.nautical-step:hover .nautical-step-icon{filter:drop-shadow(0 0 8px #efb64b66)}}@media(min-width:768px) and (max-width:1023px){.nautical-how{min-height:0;padding-block:60px}.nautical-how .nautical-how-header h2{font-size:clamp(48px,6.2vw,64px)}.nautical-journey{margin-top:36px}.nautical-step{padding-inline:16px}.nautical-step-photo{height:165px}.nautical-how .nautical-step h3{font-size:24px}.nautical-how .nautical-step p{font-size:16px}.nautical-how-chart{width:75%;opacity:.45}}@media(max-width:767px){.nautical-how{min-height:0;padding:56px 0}.nautical-how .nautical-how-header h2{max-width:560px;font-size:clamp(44px,10vw,64px);line-height:1.04}.nautical-how-chart{top:0;right:-65%;width:130%;height:330px;opacity:.23}.nautical-journey{margin-top:44px;padding-left:22px}.nautical-route{display:none}.nautical-steps{grid-template-columns:1fr;gap:40px}.nautical-step{position:relative;padding:0 0 0 12px}.nautical-step:before{content:"";position:absolute;top:24px;left:-16px;bottom:-64px;width:1px;background:repeating-linear-gradient(to bottom,var(--how-accent) 0 5px,transparent 5px 12px);transform-origin:top;transition:transform 1.5s ease}.nautical-step:last-child:before{bottom:calc(100% - 24px)}.nautical-step:after{content:"";position:absolute;left:-16px;top:24px;width:calc(50% + 16px);height:1px;background:var(--how-accent)}.nautical-step-number{align-self:center;margin-bottom:22px}.nautical-step-number:after{height:23px}.nautical-step-photo{align-self:center;width:100%;max-width:380px;height:auto;aspect-ratio:1.4;border-radius:190px 190px 0 0}.nautical-how .nautical-step h3{font-size:28px}.nautical-how .nautical-step p{font-size:16px}.nautical-how.motion-ready:not(.is-visible) .nautical-step:before{transform:scaleY(0)}}@media(prefers-reduced-motion:reduce){.nautical-how *,.nautical-how :before{transition:none!important;animation:none!important}.nautical-how.motion-ready .nautical-how-header,.nautical-how.motion-ready .nautical-step{opacity:1;transform:none}.nautical-how.motion-ready .nautical-route-draw{stroke-dashoffset:0}.nautical-how.motion-ready .nautical-step:before{transform:none}}html[data-theme=light] .nautical-how{--how-bg:#f1f7fb;--how-accent:#875716;background:radial-gradient(ellipse at 85% 10%,#d8eaf4,transparent 65%),var(--how-bg);color:#12384f}html[data-theme=light] .nautical-how-chart{filter:grayscale(1) invert(1);mix-blend-mode:multiply;opacity:.22}html[data-theme=light] .nautical-how .nautical-step p{color:#486778}html[data-theme=light] .nautical-step-photo:after{background:linear-gradient(transparent 65%,#f1f7fb38)}