:root{--paper:#eef1e4;--ink:#183d3b;--accent:#a34b30;--muted:#4a6560;--line:#183d3b35;--radius:2px;--weight:500;--body:Arial,sans-serif;--water:#648e90;--stone:#ded8be;--error:#a22d24}.site-header{width:100%;padding-inline:35px;background:var(--paper);min-height:72px}.site-header .brand{font-size:20px;letter-spacing:-.04em}.harbor-hero{position:relative;height:790px;background:var(--water);isolation:isolate;color:var(--paper)}.harbor-hero>.scene{position:absolute;inset:0}.harbor-hero>.scene svg{object-fit:cover;min-width:1100px;position:absolute;width:100%;height:auto;min-height:100%;left:50%;transform:translateX(-50%)}.harbor-hero::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#133a37e0);z-index:1;pointer-events:none}.harbor-caption{position:absolute;z-index:2;bottom:45px;left:45px;right:45px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);gap:60px;align-items:end;border-top:1px solid #eef1e45c;padding-top:35px}.harbor-caption h1{font-size:clamp(60px,6.5vw,100px)}.harbor-caption p{font-size:18px}.harbor-caption .button{background:var(--paper);color:var(--ink);border-color:var(--paper)}.shore-rule{height:130px;margin-top:40px;display:flex;gap:8px;align-items:center;overflow:clip}.shore-rule i{background:var(--ink);height:14px;flex:1;transform:rotate(-20deg)}.shore-rule i:nth-child(2n){transform:rotate(20deg)}.harbor-row{display:grid;grid-template-columns:60px minmax(0,.8fr) minmax(0,1fr);gap:30px;border-top:1px solid var(--line);padding-block:32px;align-items:center}.harbor-row:first-of-type{margin-top:45px}.harbor-row .icon{margin:0;width:40px;height:40px}.harbor-row p{margin:0}.route-list article{display:grid;grid-template-columns:70px minmax(0,1fr) 100px;gap:20px;padding:30px 20px;border-top:1px solid var(--line);align-items:center}.route-list article>span:last-child{text-align:right;font:12px monospace}.route-symbol{font-size:48px}.route-list p{margin-top:10px}.harbor-pause{background:var(--ink);color:var(--paper);padding:95px 40px;text-align:center}.harbor-quote h2{font-size:clamp(52px,7vw,100px)}.harbor-quote p{margin-inline:auto;max-width:430px;margin-top:30px}.harbor-stamp{font:700 80px/1 Courier New,monospace;letter-spacing:-.08em;justify-self:center;border:3px solid var(--ink);padding:35px;transform:rotate(-5deg);color:var(--ink)}.login-breakwater{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:40px;align-items:start;padding-top:28px;padding-bottom:50px}.login-breakwater .login-message{padding-top:20px}.login-breakwater .login-message h2{font-size:70px;font-weight:500}.login-breakwater .login-message>p{margin-top:20px}.login-breakwater .scene{margin-top:50px;margin-left:-40px;width:110%;border-radius:50% 50% 0 0;min-height:390px}.login-breakwater .scene svg{height:420px;min-width:660px;max-width:none;width:110%;position:relative;left:-30px}.login-breakwater .login-access{background:var(--paper);border:1px solid var(--line);padding:45px;z-index:1;margin-top:50px}.login-breakwater .login-access>.text-link{font-size:12px;margin-top:16px}
@media(max-width:900px){.harbor-caption{gap:25px;left:28px;right:28px}.harbor-caption h1{font-size:58px}.harbor-hero{height:780px}.login-breakwater{gap:25px}.login-breakwater .login-message h2{font-size:46px}.login-breakwater .login-access{padding:24px}}
@media(max-width:620px){.site-header{padding-inline:18px}.site-header .brand{font-size:19px}.harbor-hero{height:770px}.harbor-hero>.scene svg{left:40%;top:-25px;min-width:920px}.harbor-caption{grid-template-columns:1fr;bottom:30px;left:22px;right:22px;gap:22px}.harbor-caption h1{font-size:49px}.harbor-caption p{font-size:16px;max-width:29ch}.harbor-caption .actions{margin-top:18px}.harbor-row{grid-template-columns:42px minmax(0,1fr);gap:20px}.harbor-row p{grid-column:2}.route-list article{grid-template-columns:40px minmax(0,1fr);padding-inline:0}.route-list article>span:last-child{display:none}.route-symbol{font-size:34px}.harbor-pause{padding-inline:22px}.harbor-stamp{font-size:62px}.login-breakwater{display:block}.login-breakwater .login-message h2{font-size:40px}.login-breakwater .login-message>p{font-size:14px}.login-breakwater .scene{margin:25px 0 0;width:100%;height:210px;min-height:0;border-radius:0}.login-breakwater .scene svg{height:300px;min-width:500px;left:-80px}.login-breakwater .login-access{margin-top:20px;padding:25px 18px}}