:root,[data-theme="light"]{color-scheme:light;--paper:#f4f6f3;--ink:#123e55;--blue:#285f7d;--line:#cdd9df;--muted:#536f7e;--surface:#f4f6f3;--surface-alt:#e8eff1;--hero:#f4f6f3;--hero-text:#123e55;--hero-muted:#536f7e;--footer:#eef2ef;--button-bg:#123e55;--button-text:#f4f6f3}
[data-theme="dark"]{color-scheme:dark;--paper:#102f41;--ink:#eff6f8;--blue:#b9d7e6;--line:#355768;--muted:#b0c9d5;--surface:#102f41;--surface-alt:#153c50;--hero:#102f41;--hero-text:#eff6f8;--hero-muted:#b4cdd9;--footer:#0d293a;--button-bg:#eff6f8;--button-text:#123e55}
body{background:var(--surface);color:var(--ink)}
header{background:var(--hero);color:var(--hero-text);border-color:var(--line)}
.hero{background:var(--hero);color:var(--hero-text)}
.hero .eyebrow,.hero .intro,.hero-watch,.hero-index{color:var(--hero-muted)}
.hero .line-link{border-color:var(--line);color:var(--hero-text)}
.header-end{gap:18px}
.header-end .theme-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid transparent;padding:9px;color:inherit;border-radius:50%;flex-shrink:0}
.theme-toggle:hover{border-color:var(--line)}
.theme-toggle svg{width:22px;height:22px;display:block}
.theme-toggle .sun-icon{display:none}
[data-theme="dark"] .theme-toggle .sun-icon{display:block}
[data-theme="dark"] .theme-toggle .moon-icon{display:none}
.header-contact{font-size:12px;padding:9px 0;border-bottom:1px solid currentColor;white-space:nowrap}
.yachts,.connections{background:var(--surface)}
.beyond{background:var(--surface-alt)}
.film-section{background:var(--surface-alt);color:var(--ink)}
.film-copy>p:not(.eyebrow),.film-copy .eyebrow{color:var(--muted)}
.film-copy .line-link,.film-copy .download{border-color:var(--line);color:var(--ink)}
.contact{background:var(--surface-alt);color:var(--ink);border-color:var(--line)}
.contact .eyebrow{color:var(--muted)}
.contact-button,.contact .contact-button{background:var(--button-bg);color:var(--button-text);border-color:var(--button-bg)}
.contact-button:hover,.contact .contact-button:hover{opacity:.88;background:var(--button-bg)}
.contact-email{display:block;width:fit-content;max-width:100%;margin:28px auto 0;font-size:14px;letter-spacing:.04em;border-bottom:1px solid var(--line);padding-bottom:5px;overflow-wrap:anywhere}
footer{background:var(--footer);flex-wrap:wrap;gap:24px;padding:34px 4.5%;line-height:1.8}
footer p{max-width:260px}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
.footer-links a{font-size:10px;text-decoration:none;border-bottom:1px solid transparent;overflow-wrap:anywhere}
.footer-links a:hover{border-color:currentColor}
.fine a{border-bottom:1px solid var(--line);padding-bottom:2px}
#mail-fallback a{overflow-wrap:anywhere;text-decoration:underline}
input,textarea,select{background:var(--surface);color:var(--ink)}
.legal-page{max-width:1030px;margin:0 auto;padding:80px 7% 100px;min-height:65vh}
.legal-page h1{font-family:Georgia,serif;font-size:clamp(45px,7vw,82px);line-height:1.1;letter-spacing:-.035em;margin:0 0 25px;overflow-wrap:anywhere}
.legal-page .eyebrow{margin-bottom:28px}
.legal-page .legal-intro{font-size:16px;color:var(--muted);margin-bottom:48px;max-width:700px}
.legal-page section{margin:34px 0 0;max-width:760px}
.legal-page section h2{font-family:Georgia,serif;font-size:25px;letter-spacing:-.02em;line-height:1.25;margin:0 0 14px}
.legal-page section p{font-size:14px;line-height:1.9;margin:10px 0;color:var(--muted)}
.legal-page section a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-page [hidden]{display:none}
@media(max-width:900px){.header-end{gap:12px}header nav{gap:18px}footer{gap:18px}}
@media(max-width:620px){.header-end{gap:9px}header .brand{font-size:16px}.header-end .theme-toggle{width:36px;height:36px;padding:7px}.header-end #language{padding:6px 1px}.header-end .inquiry,.header-contact{font-size:10px}.footer-links{width:100%;gap:13px 22px}footer{padding:32px 7%}footer p{max-width:100%;font-size:10px}.legal-page{padding:52px 7% 70px}.legal-page h1{font-size:48px}.legal-page .legal-intro{font-size:14px}.legal-page section h2{font-size:23px}.contact-email{font-size:13px}}
@media(max-width:370px){header{padding-inline:5%;gap:8px}header .brand{font-size:14px;letter-spacing:.25em}.brand small{font-size:6px}.header-end{gap:7px}}