@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 600;font-display:swap;src:url('assets/fonts/playfairdisplay.woff2') format('woff2')}
@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/montserrat.woff2') format('woff2')}
:root{color-scheme:dark;--navy:#05283a;--cream:#f6f0e6;--gold:#d8bd82;--muted:#b6c4ca}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--navy);color:var(--cream);font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px clamp(22px,5vw,76px)}
.location{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.languages{display:flex;gap:3px}
.languages a{display:grid;place-items:center;min-width:40px;min-height:44px;color:var(--muted);font-size:10px;letter-spacing:1px;text-decoration:none;border-bottom:1px solid transparent}
.languages a[aria-current="true"],.languages a:hover{color:var(--gold);border-color:var(--gold)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
main{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px 64px}
.brand-lockup{position:relative;overflow:hidden;aspect-ratio:1420/280;width:min(100%,780px)}
.brand-lockup img{position:absolute;left:50%;top:50%;display:block;width:108.169014%;max-width:none;height:auto;transform:translate(-50%,-50%)}
.gold-rule{height:1px;width:64px;background:var(--gold);opacity:.65;margin:40px auto 27px}
h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(44px,6.4vw,78px);font-weight:400;letter-spacing:-1.5px;line-height:1.1;margin:0 0 22px}
.introduction{font-size:15px;line-height:1.8;margin:0 0 6px;max-width:620px}
.description{font-size:13px;line-height:1.9;color:var(--muted);margin:0;max-width:620px}
.contact{margin-top:38px}
.contact>p{font-size:10px;line-height:1.8;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.email{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;max-width:100%;padding:12px 21px;border:1px solid #897957;text-decoration:none;color:var(--cream);font-size:clamp(12px,3.4vw,16px);line-height:1.5;transition:background .15s,border-color .15s}
.email:hover{background:#133749;border-color:var(--gold)}
.email svg{width:18px;height:18px;flex:none;stroke:var(--gold);stroke-width:1.25;stroke-linejoin:round}
.email .arrow{color:var(--gold);font-size:20px}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(22px,5vw,76px);border-top:1px solid #d8bd8226;color:var(--muted)}
.boats{font-family:'Playfair Display',Georgia,serif;font-size:16px;color:var(--gold)}
.boats span{margin:0 10px}
.company{font-size:10px;line-height:1.8}
@media(max-width:600px){.page-header{padding:16px 20px;gap:12px}.location{font-size:9px;letter-spacing:1px}.languages{gap:0}.languages a{min-width:30px;font-size:9px}main{padding:36px 20px 46px}.gold-rule{margin:32px auto 25px}h1{font-size:48px}.introduction{font-size:14px}.description{max-width:310px;font-size:12px}.contact{margin-top:30px}.email{gap:10px;padding:12px 16px}footer{flex-direction:column;gap:12px;padding:22px 20px;text-align:center}.boats{font-size:15px}}
@media(prefers-reduced-motion:reduce){.email{transition:none}}
