/* Art direction: Alpha Shipbroking → restrained, modern maritime corporate
   Palette: warm neutral base with deep teal accent inspired by shipping trust and sea tones
   Typography: Marcellus + Manrope — elegant display paired with clear operational sans
   Density: balanced */
:root,[data-theme="light"]{
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);
  --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
  --text-base:clamp(1rem,.95rem + .25vw,1.125rem);
  --text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);
  --text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);
  --space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
  --color-bg:#f7f6f2;--color-surface:#fbfaf7;--color-surface-2:#f1eee8;--color-border:rgba(40,37,29,.12);--color-text:#22201b;--color-text-muted:#66625b;--color-text-faint:#959089;--color-primary:#0d5961;--color-primary-hover:#084349;--color-text-inverse:#f9f8f4;
  --radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:9999px;
  --shadow-sm:0 1px 2px rgba(20,20,20,.05);--shadow-md:0 10px 32px rgba(20,20,20,.08);
  --content:1180px;--font-display:'Marcellus', serif;--font-body:'Manrope',sans-serif;
}
[data-theme="dark"]{--color-bg:#151515;--color-surface:#1c1c1b;--color-surface-2:#252423;--color-border:rgba(255,255,255,.12);--color-text:#ede9de;--color-text-muted:#b5afa3;--color-text-faint:#8b857a;--color-primary:#5ea3ad;--color-primary-hover:#81b5bd;--color-text-inverse:#111;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 10px 32px rgba(0,0,0,.35)}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;background:var(--color-bg);color:var(--color-text)}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}a,button{transition:.2s ease} :focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:1rem;top:1rem;background:var(--color-primary);color:var(--color-text-inverse);padding:.75rem 1rem;border-radius:var(--radius-sm);z-index:1000}
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb, var(--color-bg) 84%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}
.container{width:min(calc(100% - 2rem),var(--content));margin:0 auto}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:1rem 0}.brand{display:flex;align-items:center;gap:.875rem;min-width:0}.brand img{width:52px}.brand-text strong{display:block;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase}.brand-text span{display:block;font-size:var(--text-xs);color:var(--color-text-muted)}
.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-full)}
.main-nav{position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);display:none;flex-direction:column;gap:.25rem}.main-nav.open{display:flex}.main-nav a,.lang-select,.theme-toggle{padding:.85rem 1rem;border-radius:var(--radius-md)}.main-nav a:hover,.theme-toggle:hover{background:var(--color-surface-2)}
.header-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-full)}.lang-select{border:1px solid var(--color-border);background:var(--color-surface)}
.hero{padding:clamp(4rem,10vw,7rem) 0 3rem}.hero-grid{display:grid;gap:var(--space-8);align-items:center}.eyebrow{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4)}.hero h1,.page-hero h1{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.05;letter-spacing:.01em;margin-bottom:var(--space-5)}.hero p,.page-hero p,.section-copy{max-width:62ch;color:var(--color-text-muted)}
.hero-card{background:linear-gradient(180deg,var(--color-surface),var(--color-surface-2));border:1px solid var(--color-border);border-radius:1.5rem;padding:clamp(1.25rem,4vw,2rem);box-shadow:var(--shadow-md)}
.hero-card img{width:min(100%,260px);margin:0 auto 1rem}.actions{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.2rem;border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-sm)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface)}
.section{padding:clamp(2.5rem,6vw,5rem) 0}.section-header{display:grid;gap:var(--space-3);margin-bottom:var(--space-8)}.section-header h2{font-family:var(--font-display);font-size:var(--text-xl)}
.cards{display:grid;gap:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.25rem;padding:1.35rem;box-shadow:var(--shadow-sm)}.card h3{margin-bottom:.5rem;font-size:1.1rem}.card p{color:var(--color-text-muted)}
.team-grid{display:grid;gap:1rem}.team-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.25rem;padding:1.25rem}.team-card .role{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin:.35rem 0 .75rem}
.contact-grid{display:grid;gap:1rem}.contact-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.25rem;padding:1.35rem}.contact-card h3{font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.6rem}
.page-hero{padding:clamp(3rem,8vw,5rem) 0 1rem;border-bottom:1px solid var(--color-border)}
.site-footer{padding:2rem 0;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}
.inline-list{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.badge{display:inline-flex;padding:.45rem .75rem;background:var(--color-surface-2);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}
@media(min-width:900px){.nav-toggle{display:none}.main-nav{position:static;display:flex !important;flex-direction:row;align-items:center;padding:0;border:none;box-shadow:none;background:transparent}.main-nav a{padding:.5rem .8rem}.hero-grid{grid-template-columns:1.1fr .9fr}.cards{grid-template-columns:repeat(3,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1.2fr .8fr}}
@media(max-width:899px){.brand-text span{display:none}.header-inner{align-items:flex-start}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}}