:root{
  --ink:#121212;--paper:#f5f4f0;--warm:#ebe9e2;--line:#d2d0c8;--white:#fff;--muted:#6f6d66;
  --shell:min(1180px,calc(100vw - 64px));--ease:cubic-bezier(.2,.7,.2,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.shell{width:var(--shell);margin:auto}.section{padding:120px 0}.light{background:var(--paper)}.warm{background:var(--warm)}.section-dark{background:#090909;color:#f7f6f2}.eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:0 0 18px}.display{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.6rem,5.2vw,5.7rem);line-height:.98;letter-spacing:-.035em;margin:0}.lead{font-size:1.2rem;line-height:1.55;color:#55524d}.prose p{margin:0 0 24px}.prose.large{font-size:1.08rem}.site-header{position:fixed;z-index:30;left:0;right:0;top:0;height:82px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;padding:0 32px;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);transition:.35s var(--ease)}.site-header.scrolled{height:68px;background:rgba(10,10,10,.94);backdrop-filter:blur(16px)}.brand{width:135px;height:46px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:cover}.nav{display:flex;justify-content:center;gap:28px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.nav a{opacity:.78;transition:.2s}.nav a:hover{opacity:1}.header-actions{display:flex;align-items:center;gap:22px}.lang-switch,.footer-lang{display:flex;align-items:center;gap:6px;font-size:.72rem}.lang-switch button,.footer-lang button{border:0;background:none;color:inherit;padding:4px;cursor:pointer;opacity:.5}.lang-switch button.active,.footer-lang button.active{opacity:1;text-decoration:underline;text-underline-offset:4px}.header-cta{border:1px solid rgba(255,255,255,.45);padding:11px 15px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.menu-toggle{display:none}.hero{min-height:100svh;position:relative;overflow:hidden}.hero-media,.hero-overlay{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.43);transform:scale(1.03)}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 48%,rgba(0,0,0,.28) 100%)}.hero-content{position:relative;z-index:2;min-height:100svh;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:70px;padding-top:92px}.hero-logo-wrap{border-right:1px solid rgba(255,255,255,.24);padding-right:60px}.hero-logo{width:min(520px,100%);margin:auto;mix-blend-mode:screen}.hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.1rem,6vw,7rem);font-weight:400;line-height:.95;letter-spacing:-.045em;margin:0 0 28px}.hero-meta{letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.hero-manifesto{margin:42px 0 30px;font-size:1.04rem;max-width:620px}.text-link{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:6px;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}.split-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}.visual-strip{margin-top:100px;display:grid;grid-template-columns:2fr 1fr;align-items:end}.visual-strip img{width:100%;height:420px;object-fit:cover}.visual-caption{padding:28px 0 4px 34px;border-left:1px solid var(--ink);display:flex;flex-direction:column;gap:8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.visual-caption span:last-child{color:var(--muted);text-transform:none;letter-spacing:0;font-size:.95rem}.manifesto{padding:85px 0}.manifesto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.manifesto p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3.3vw,4.2rem);line-height:1.03;margin:0;padding-right:28px}.manifesto p:not(:last-child){border-right:1px solid #3b3b3b}.section-heading{max-width:950px;margin-bottom:68px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.team-card{padding:30px 30px 20px 0}.team-card:not(:last-child){border-right:1px solid var(--line);margin-right:30px}.team-index,.number{font-size:.68rem;letter-spacing:.14em;color:var(--muted)}.team-card h3,.expertise-card h3{font-family:Georgia,'Times New Roman',serif;font-size:1.7rem;font-weight:400;line-height:1.1;margin:38px 0 8px}.team-card .role{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}.team-card p:last-child{font-size:.95rem;color:#46433e}.two-col-heading,.support-heading{display:grid;grid-template-columns:1fr .6fr;gap:60px;align-items:end;max-width:none}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.expertise-card{background:var(--paper);padding:46px;min-height:480px}.expertise-card h3{font-size:2.1rem;margin:22px 0 34px}.expertise-card ul{list-style:none;margin:0;padding:0}.expertise-card li{padding:11px 0;border-top:1px solid var(--line);font-size:.93rem}.expertise-card.image-card{padding:0;overflow:hidden}.expertise-card.image-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.expertise-card.image-card:hover img{transform:scale(1.035)}.statement{position:relative;min-height:700px;display:flex;align-items:flex-end;overflow:hidden}.statement-image{position:absolute;inset:0}.statement-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) brightness(.38)}.statement-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.86) 100%)}.statement-copy{position:relative;z-index:2;padding-bottom:90px}.statement-copy p{font-size:1.15rem;margin:0 0 8px}.statement-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,6vw,6.5rem);font-weight:400;line-height:.98;max-width:1000px;margin:0}.audience-tabs{display:flex;border-bottom:1px solid var(--ink);margin-bottom:58px}.audience-tab{border:0;background:none;padding:16px 40px 16px 0;margin-right:40px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);border-bottom:3px solid transparent}.audience-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.audience-panel{display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:start}.audience-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.7rem,4.5vw,5rem);font-weight:400;line-height:1;margin:0 0 32px}.audience-copy>p:not(.eyebrow){font-size:1.05rem;max-width:760px}.audience-copy .callout{font-family:Georgia,'Times New Roman',serif;font-size:1.35rem!important;border-left:2px solid var(--ink);padding-left:22px;margin:32px 0}.audience-image img{width:100%;aspect-ratio:1/1;object-fit:cover;position:sticky;top:100px}.scope{margin-top:42px}.scope h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}.scope ul{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;list-style:none;padding:0;margin:20px 0 0}.scope li{border-top:1px solid var(--line);padding:10px 0;font-size:.9rem}.engagement-grid{display:grid;grid-template-columns:.8fr 1fr;gap:100px}.continuum{margin-top:90px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:20px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.continuum i{height:1px;background:#888}.contact{position:relative;padding:130px 0 90px;overflow:hidden}.contact-bg{position:absolute;inset:0;opacity:.18;display:flex;align-items:center;justify-content:flex-end}.contact-bg img{width:55%;height:100%;object-fit:contain;object-position:right center}.contact-inner{position:relative;z-index:2}.contact h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,6vw,6.5rem);line-height:.98;font-weight:400;max-width:980px;margin:0 0 30px}.contact-inner>p:not(.eyebrow){max-width:760px;color:#cfcfc9}.contact-details{margin-top:75px;border-top:1px solid #414141;display:grid;grid-template-columns:repeat(3,1fr)}.contact-details div{padding:24px 30px 12px 0}.contact-details span{display:block;color:#8c8b86;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;margin-bottom:7px}.contact-details strong,.contact-details a{font-weight:400;font-size:1.02rem}.footer{background:#050505;color:#eee;padding:44px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px}.footer-brand img{width:170px;height:58px;object-fit:cover;margin-bottom:12px}.footer p{margin:0;color:#888;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:980px){:root{--shell:min(100% - 36px,900px)}.site-header{grid-template-columns:130px 1fr;padding:0 18px}.nav{position:absolute;top:82px;left:18px;right:18px;background:#111;display:none;flex-direction:column;padding:25px;gap:20px}.nav.open{display:flex}.menu-toggle{display:block;justify-self:end;border:0;background:transparent;color:#fff;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}.header-actions{display:none}.hero-content{grid-template-columns:1fr;padding:130px 0 60px;align-content:center;gap:40px}.hero-logo-wrap{border:0;padding:0}.hero-logo{width:310px;margin:0}.split-intro,.engagement-grid,.audience-panel{grid-template-columns:1fr;gap:55px}.visual-strip{grid-template-columns:1fr}.visual-caption{border-left:0;padding-left:0}.manifesto-grid{grid-template-columns:1fr}.manifesto p:not(:last-child){border-right:0;border-bottom:1px solid #333;padding-bottom:28px}.team-grid{grid-template-columns:1fr}.team-card:not(:last-child){border-right:0;border-bottom:1px solid var(--line);margin-right:0}.expertise-grid{grid-template-columns:1fr}.expertise-card{min-height:auto}.two-col-heading,.support-heading{grid-template-columns:1fr}.audience-image{order:-1}.audience-image img{position:static;max-height:500px}.continuum{grid-template-columns:1fr;gap:12px}.continuum i{width:1px;height:26px;margin-left:10px}.contact-details{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:85px 0}.statement{min-height:560px}}
@media(max-width:560px){.display{font-size:2.65rem}.hero-copy h1{font-size:3.6rem}.hero-manifesto{font-size:.95rem}.visual-strip img{height:300px}.expertise-card{padding:28px}.scope ul{grid-template-columns:1fr}.audience-tabs{gap:20px}.audience-tab{padding-right:0;margin-right:0;font-size:.72rem}.contact h2{font-size:3.2rem}.site-header{height:70px}.nav{top:70px}.brand{width:115px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* V2 refinements: typography, local robustness and premium imagery */
[hidden]{display:none!important}
.display,
.hero-copy h1,
.statement-copy h2,
.contact h2,
.audience-copy h3{
  line-height:1.08;
  text-wrap:balance;
}
.display{letter-spacing:-.028em}
.hero-copy h1{letter-spacing:-.035em}
.statement-copy h2,.contact h2{letter-spacing:-.025em}
.team-card h3,.expertise-card h3{line-height:1.18}

/* Keep image use selective: yacht / shipyard / project coordination only. */
.hero-media img{object-position:center 58%;filter:saturate(.62) brightness(.40)}
.expertise-card.image-card img{object-position:center center}
.statement-image img{object-position:center 40%;filter:grayscale(.15) saturate(.72) brightness(.34)}

/* Audience selector: editorial, image-free and reliable in local-file mode. */
.audience-tabs{position:relative;z-index:2}
.audience-tab{position:relative;-webkit-tap-highlight-color:transparent}
.audience-tab:focus-visible{outline:1px solid var(--ink);outline-offset:6px}
.audience-panel{
  grid-template-columns:minmax(0,1fr);
  gap:0;
  max-width:1080px;
  opacity:1;
}
.audience-panel[hidden]{display:none!important}
.audience-copy{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,.68fr);column-gap:90px;align-items:start}
.audience-copy>.eyebrow,.audience-copy>h3,.audience-copy>p{grid-column:1}
.audience-copy>.scope{grid-column:2;grid-row:1 / span 6;margin-top:0;border-top:1px solid var(--ink);padding-top:18px}
.audience-copy .callout{margin-top:28px}
.scope ul{grid-template-columns:1fr}

@media(max-width:900px){
  .display,.hero-copy h1,.statement-copy h2,.contact h2,.audience-copy h3{line-height:1.12}
  .audience-copy{grid-template-columns:1fr;column-gap:0}
  .audience-copy>.scope{grid-column:1;grid-row:auto;margin-top:38px}
}

/* --- V3 refinements ----------------------------------------------------- */
html{scroll-padding-top:82px}
#home{scroll-margin-top:0}
.site-header{grid-template-columns:150px 1fr auto}
.header-actions{gap:12px}
.header-download,.header-cta{white-space:nowrap}
.header-download{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.48);padding:10px 14px;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;transition:background .25s ease,color .25s ease,border-color .25s ease}
.header-download:hover{background:#fff;color:#111;border-color:#fff}

/* More generous vertical metrics for serif headlines. */
.display,.hero-copy h1,.statement-copy h2,.contact h2,.audience-copy h3{line-height:1.14!important}
.team-card h3,.expertise-card h3{line-height:1.24!important}
.display,.hero-copy h1,.statement-copy h2,.contact h2,.audience-copy h3{padding-bottom:.06em}

/* V3 image direction: premium yacht / leisure asset imagery, no duplicated portraits. */
.hero-media img{object-position:center center;filter:saturate(.86) brightness(.42);transform:scale(1.02)}
.audience-panel{grid-template-columns:minmax(270px,.58fr) minmax(0,1.42fr);gap:58px}
.audience-media{min-height:100%;overflow:hidden;background:#111}
.audience-media img{width:100%;height:100%;min-height:430px;object-fit:cover;transition:transform .8s var(--ease)}
.audience-panel.active .audience-media img{transform:scale(1.012)}
.audience-copy{grid-template-columns:minmax(0,.95fr) minmax(320px,.7fr);column-gap:72px}

.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;border:1px solid #f2f0ea}
.button-primary{background:#f2f0ea;color:#0b0b0b}
.button-secondary{background:transparent;color:#f2f0ea}
.button-primary:hover{background:#fff}
.button-secondary:hover{background:rgba(255,255,255,.08)}

@media(max-width:1180px){
  .site-header{grid-template-columns:135px 1fr auto;padding:0 20px}
  .nav{gap:18px}.nav a{font-size:.66rem}
  .header-download{display:none}
}
@media(max-width:980px){
  html{scroll-padding-top:70px}
  .audience-panel{grid-template-columns:1fr;gap:34px}
  .audience-media img{min-height:330px;max-height:460px}
  .audience-copy{grid-template-columns:1fr;column-gap:0}
  .audience-copy>.scope{grid-column:1;grid-row:auto;margin-top:38px}
}
@media(max-width:560px){
  .display,.hero-copy h1,.statement-copy h2,.contact h2,.audience-copy h3{line-height:1.16!important}
  .contact-actions{flex-direction:column}
  .button-primary,.button-secondary{width:100%}
}


/* --- V4 refinements ----------------------------------------------------- */

/* Expertise grid: four aligned cards with compact premium imagery. */
.expertise-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;align-items:stretch}
.expertise-card.expertise-card--visual{padding:24px!important;display:flex;flex-direction:column;min-height:100%;overflow:hidden}
.expertise-card.expertise-card--visual .expertise-thumb{height:170px;margin:-24px -24px 20px;overflow:hidden;background:#ebe7de;border-bottom:1px solid var(--line)}
.expertise-card.expertise-card--visual .expertise-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.expertise-card.expertise-card--visual:nth-child(1) .expertise-thumb img{object-position:center center}
.expertise-card.expertise-card--visual:nth-child(2) .expertise-thumb img{object-position:center 55%}
.expertise-card.expertise-card--visual:nth-child(3) .expertise-thumb img{object-position:center center}
.expertise-card.expertise-card--visual:nth-child(4) .expertise-thumb img{object-position:center center}
.expertise-card.expertise-card--visual ul{margin-top:16px}
.expertise-card.expertise-card--visual h3{margin-bottom:14px}
.expertise-card.expertise-card--visual li{padding:9px 0}

/* Audience images: remove any perceived bottom band. */
.audience-media{background:transparent!important;line-height:0}
.audience-media img{display:block!important;vertical-align:top}

/* Contact grid with direct and company email. */
.contact-details{grid-template-columns:repeat(4,1fr)!important}

@media(max-width:1280px){
  .expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  .contact-details{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
  .expertise-grid{grid-template-columns:1fr!important}
  .expertise-card.expertise-card--visual .expertise-thumb{height:190px}
}

/* --- V5 premium refinement --------------------------------------------- */
:root{
  --paper:#f6f4ef;
  --warm:#ece9e1;
  --line:#d8d3c9;
  --muted:#706c64;
  --shell:min(1240px,calc(100vw - 72px));
}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.section{padding:108px 0}
.eyebrow{font-size:.68rem;letter-spacing:.21em;margin-bottom:16px}
.lead{max-width:680px;font-size:1.08rem;line-height:1.65}
.display{font-size:clamp(2.7rem,4.7vw,5.25rem);line-height:1.11!important;letter-spacing:-.024em}
.section-heading{margin-bottom:58px}
.two-col-heading,.support-heading{align-items:start}
.two-col-heading .lead,.support-heading .lead{margin-top:10px}

/* Header: quieter, more architectural. */
.site-header{height:78px;padding:0 36px;border-bottom-color:rgba(255,255,255,.09)}
.site-header.scrolled{height:64px;background:rgba(8,8,8,.96)}
.nav{gap:30px;font-size:.71rem;letter-spacing:.1em}
.nav a{opacity:.72}.nav a:hover{opacity:1}
.header-cta,.header-download{padding:10px 13px;font-size:.64rem;letter-spacing:.1em}
.lang-switch{font-size:.68rem}

/* Hero: improve visual hierarchy and avoid oversize corporate feel. */
.hero-content{grid-template-columns:.9fr 1.1fr;gap:78px;padding-top:86px}
.hero-logo-wrap{padding-right:54px}
.hero-logo{width:min(470px,100%)}
.hero-copy h1{font-size:clamp(3.1rem,5.5vw,6.25rem);line-height:1.08!important;letter-spacing:-.03em;margin-bottom:24px}
.hero-copy .eyebrow{margin-bottom:14px}
.hero-meta{font-size:.69rem;letter-spacing:.15em}
.hero-manifesto{margin:34px 0 27px;font-size:.98rem;line-height:1.65;max-width:590px}
.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.67) 50%,rgba(0,0,0,.24) 100%)}

/* About and manifesto: more editorial spacing. */
.split-intro{gap:110px}
.prose.large{font-size:1.02rem;line-height:1.72}
.prose p{margin-bottom:20px}
.manifesto{padding:72px 0}
.manifesto-grid{gap:42px}
.manifesto p{font-size:clamp(1.85rem,2.8vw,3.4rem);line-height:1.12;padding-right:34px}

/* Team: reduce density and improve legibility. */
.team-card{padding-top:26px;padding-bottom:10px}
.team-card h3{font-size:1.55rem;margin:28px 0 7px;line-height:1.22!important}
.team-card p:last-child{font-size:.91rem;line-height:1.68}
.team-card .role{font-size:.69rem;margin-bottom:18px}

/* Expertise: 2x2 premium editorial cards; compact images, generous text width. */
.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;background:transparent!important;border:0!important}
.expertise-card.expertise-card--visual{padding:30px 32px 28px!important;border:1px solid var(--line);background:#f8f6f1;min-height:0}
.expertise-card.expertise-card--visual .expertise-thumb{height:148px;margin:-30px -32px 24px;border-bottom:1px solid var(--line)}
.expertise-card.expertise-card--visual .number{margin-top:2px}
.expertise-card.expertise-card--visual h3{font-size:1.72rem;line-height:1.2!important;margin:12px 0 20px;max-width:420px}
.expertise-card.expertise-card--visual ul{margin-top:0}
.expertise-card.expertise-card--visual li{padding:9px 0;font-size:.88rem;line-height:1.45}
.expertise-card.expertise-card--visual .expertise-thumb img{filter:saturate(.82) contrast(.98);transition:transform .7s var(--ease),filter .7s var(--ease)}
.expertise-card.expertise-card--visual:hover .expertise-thumb img{transform:scale(1.025);filter:saturate(.95) contrast(1)}

/* Statement: retain impact but avoid billboard scale. */
.statement{min-height:610px}
.statement-copy{padding-bottom:78px}
.statement-copy p{font-size:1rem}
.statement-copy h2{font-size:clamp(2.9rem,5.2vw,5.8rem);line-height:1.08!important;max-width:960px}

/* Who we support: controlled image proportions and cleaner information hierarchy. */
.audience-tabs{margin-bottom:48px}
.audience-tab{font-size:.7rem;padding-top:14px;padding-bottom:14px}
.audience-panel{grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);gap:54px;align-items:stretch}
.audience-media{height:100%;min-height:470px;overflow:hidden}
.audience-media img{width:100%;height:100%;min-height:470px!important;max-height:none!important;object-fit:cover;transform:none!important}
#owner .audience-media img{object-position:center center}
#shipyard .audience-media img{object-position:center center}
#contractor .audience-media img{object-position:center center}
.audience-copy{column-gap:64px}
.audience-copy h3{font-size:clamp(2.4rem,3.5vw,4.15rem);line-height:1.12!important;margin-bottom:26px}
.audience-copy>p:not(.eyebrow){font-size:.98rem;line-height:1.68}
.audience-copy .callout{font-size:1.15rem!important;line-height:1.55;margin:26px 0}
.scope h4{font-size:.68rem;letter-spacing:.18em}
.scope li{font-size:.86rem;line-height:1.45;padding:9px 0}

/* Engagement and contact: more restrained typography. */
.engagement-grid{gap:110px}
.continuum{margin-top:70px;font-size:.7rem;letter-spacing:.1em}
.contact{padding:112px 0 82px}
.contact h2{font-size:clamp(2.8rem,5vw,5.7rem);line-height:1.1!important;max-width:940px}
.contact-inner>p:not(.eyebrow){font-size:.98rem;line-height:1.7}
.contact-details{margin-top:58px}
.contact-details div{padding-top:20px}
.contact-details span{font-size:.64rem;letter-spacing:.15em}
.contact-details strong,.contact-details a{font-size:.96rem}
.button-primary,.button-secondary{min-height:46px;font-size:.67rem;letter-spacing:.1em}

/* Footer: reduce visual weight. */
.footer{padding:36px 0}
.footer-brand img{width:155px;height:52px}
.footer p{font-size:.68rem}

/* Tablet */
@media(max-width:1180px){
  :root{--shell:min(100% - 48px,1040px)}
  .section{padding:92px 0}
  .expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .audience-panel{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:38px}
  .audience-copy{grid-template-columns:1fr;row-gap:0}
  .audience-copy>.scope{grid-column:1;grid-row:auto;margin-top:32px}
}

/* Mobile/tablet portrait */
@media(max-width:900px){
  :root{--shell:min(100% - 34px,760px)}
  .section{padding:78px 0}
  .display{font-size:clamp(2.45rem,8vw,4rem)}
  .split-intro,.engagement-grid{gap:46px}
  .expertise-grid{grid-template-columns:1fr!important;gap:14px!important}
  .expertise-card.expertise-card--visual .expertise-thumb{height:185px}
  .audience-panel{grid-template-columns:1fr;gap:30px}
  .audience-media{min-height:0;height:auto;aspect-ratio:16/9}
  .audience-media img{min-height:0!important;height:100%!important}
  .audience-copy h3{font-size:clamp(2.25rem,7vw,3.4rem)}
  .contact-details{grid-template-columns:1fr 1fr!important}
}

/* Phone */
@media(max-width:560px){
  :root{--shell:calc(100% - 28px)}
  .section{padding:66px 0}
  .hero-content{padding-top:100px;padding-bottom:44px;gap:30px}
  .hero-logo{width:250px}
  .hero-copy h1{font-size:clamp(2.8rem,13vw,4.2rem);line-height:1.1!important}
  .hero-manifesto{margin-top:25px}
  .manifesto{padding:58px 0}
  .manifesto p{font-size:2rem}
  .expertise-card.expertise-card--visual{padding:24px!important}
  .expertise-card.expertise-card--visual .expertise-thumb{height:165px;margin:-24px -24px 20px}
  .expertise-card.expertise-card--visual h3{font-size:1.55rem}
  .audience-tabs{justify-content:space-between;gap:10px;overflow-x:auto}
  .audience-tab{flex:0 0 auto;font-size:.65rem}
  .audience-media{aspect-ratio:4/3}
  .contact-details{grid-template-columns:1fr!important}
  .contact h2{font-size:2.75rem}
}


/* V5.3: contact block without personal/direct email */
.contact-details{grid-template-columns:repeat(3,1fr)!important}
@media(max-width:1100px){.contact-details{grid-template-columns:1fr!important}}


/* V5.4: NOVAMAREA wordmark + hero title update + mobile hero centering */
html,body{overflow-x:hidden}
.brand{width:auto!important;height:auto!important;overflow:visible!important;display:flex;align-items:center}
.brand-wordmark,.footer-wordmark,.hero-wordmark{display:block;color:#fff;text-transform:uppercase;white-space:nowrap}
.brand-wordmark{font-size:1.02rem;letter-spacing:.28em;font-weight:500;line-height:1}
.hero-wordmark{font-size:clamp(2rem,3.2vw,2.7rem);letter-spacing:.38em;font-weight:500;line-height:1.05}
.footer-wordmark{font-size:.98rem;letter-spacing:.26em;font-weight:500;margin-bottom:12px}
.hero-logo-wrap{display:flex;align-items:center;justify-content:center}
.hero-copy,.hero-logo-wrap{min-width:0}
.hero-copy h1{max-width:10.8ch}

@media(max-width:980px){
  .brand-wordmark{font-size:.92rem;letter-spacing:.24em}
  .hero-wordmark{font-size:2.05rem;letter-spacing:.3em}
  .hero-content{justify-items:start}
}
@media(max-width:560px){
  .brand{width:auto!important}
  .brand-wordmark{font-size:.88rem;letter-spacing:.18em}
  .hero-content{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:96px;padding-bottom:40px;gap:24px}
  .hero-logo-wrap,.hero-copy{width:100%;max-width:100%;padding-right:0}
  .hero-wordmark{font-size:1.45rem;letter-spacing:.22em}
  .hero-copy h1{font-size:clamp(2.2rem,10.4vw,3.55rem)!important;line-height:1.08!important;max-width:100%;text-wrap:balance}
  .hero-meta,.hero-manifesto{max-width:100%}
  .hero-manifesto{font-size:.96rem;line-height:1.58;margin-bottom:24px}
  .text-link{display:inline-flex;max-width:fit-content}
}


/* V5.5: mobile menu tools */
.nav-mobile-tools{display:none}
.nav-download{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);padding:11px 14px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.nav-lang-switch{justify-content:flex-start}
@media(max-width:980px){
  .nav-mobile-tools{display:flex;flex-direction:column;gap:18px;padding-top:8px;margin-top:6px;border-top:1px solid rgba(255,255,255,.1)}
  .nav-lang-switch{font-size:.78rem}
  .nav-download{width:100%;max-width:280px}
}
@media(min-width:981px){
  .nav-mobile-tools{display:none!important}
}


/* V5.6: brochure CTA visible but intentionally inactive until brochure freeze */
.brochure-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
.brochure-disabled:hover{background:inherit!important;color:inherit!important;border-color:inherit!important}


/* V5.7: approved lunar NOVAMAREA logo in hero */
.hero-logo-wrap{display:flex;align-items:center;justify-content:center;min-width:0}
.hero-brand-logo{display:block;width:min(560px,100%);height:auto;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.22))}
@media(max-width:980px){
  .hero-brand-logo{width:min(440px,88vw);margin:0}
}
@media(max-width:560px){
  .hero-logo-wrap{width:100%;justify-content:flex-start}
  .hero-brand-logo{width:min(320px,82vw);margin:0}
}


/* V5.8: centered mobile hero logo + 3-second entry splash */
.site-splash{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#050505;
  opacity:1;
  visibility:visible;
  transition:opacity 1.6s cubic-bezier(.22,.61,.36,1),visibility 1.6s cubic-bezier(.22,.61,.36,1);
}
.site-splash img{
  display:block;
  width:min(560px,68vw);
  max-height:48vh;
  object-fit:contain;
  filter:drop-shadow(0 2px 12px rgba(0,0,0,.22));
}
.site-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:560px){
  .hero-logo-wrap{width:100%!important;justify-content:center!important;text-align:center}
  .hero-brand-logo{width:min(320px,82vw)!important;margin-left:auto!important;margin-right:auto!important}
  .site-splash img{width:min(330px,78vw)}
}
@media(prefers-reduced-motion:reduce){
  .site-splash{transition:none}
}

/* V5.12: move only the visible hero logo upward on phones; keep text block fixed */
@media(max-width:560px){
  .hero-logo-wrap{margin-top:0!important;}
  .hero-brand-logo{transform:translateY(-22px)!important;}
}


/* --- STAGING PROJECTS / SELECTED EXPERIENCE --------------------------- */
.projects{background:#0a0a0a;color:#f3f0e8}
.projects .lead{color:#aaa69c}
.projects-heading{display:grid;grid-template-columns:1.05fr .75fr;gap:80px;align-items:end;max-width:none}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#2b2a27;border:1px solid #2b2a27}
.project-card{background:#0e0e0e;padding:34px;min-height:365px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.project-card::after{content:"";position:absolute;inset:auto -30% -70% 30%;height:70%;background:radial-gradient(circle at center,rgba(255,255,255,.055),transparent 65%);pointer-events:none}
.project-card--featured{background:#12110f}
.project-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:46px}
.project-index{font-size:.68rem;letter-spacing:.16em;color:#77736b}
.project-badge{border:1px solid #37342f;padding:6px 9px;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#aaa69c;white-space:nowrap}
.project-badge.award{border-color:#8d7a4f;color:#d8c491}
.project-card h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3vw,3.2rem);font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:0 0 14px;max-width:95%}
.project-card h3 small{display:block;font-family:Arial,Helvetica,sans-serif;font-size:.67rem;letter-spacing:.13em;font-weight:400;margin-top:9px;color:#8f8b82}
.project-meta{margin:0 0 6px;color:#d6d2c8;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.project-type{margin:0 0 28px;color:#8e8a82;font-size:.67rem;letter-spacing:.14em;text-transform:uppercase}
.project-award{margin:0;color:#aaa69c;font-size:.87rem;line-height:1.55;max-width:620px}
.project-role{margin-top:auto;padding-top:28px;border-top:1px solid #282724;display:flex;justify-content:space-between;align-items:center;gap:20px;text-transform:uppercase}
.project-role span{font-size:.62rem;letter-spacing:.14em;color:#77736b}
.project-role strong{font-size:.63rem;letter-spacing:.13em;font-weight:500;color:#d8c491}
.projects-note{display:flex;gap:20px;align-items:flex-start;margin-top:28px;padding:18px 0;border-top:1px solid #2b2a27}
.projects-note span{font-size:.62rem;letter-spacing:.15em;color:#d8c491;border:1px solid #695b3b;padding:5px 8px}
.projects-note p{margin:0;color:#8f8b82;font-size:.78rem;line-height:1.55;max-width:900px}
@media(max-width:1180px){.projects-heading{grid-template-columns:1fr;gap:28px}}
@media(max-width:760px){.projects-grid{grid-template-columns:1fr}.project-card{min-height:330px;padding:28px}.project-top{margin-bottom:32px}.project-card h3{font-size:2.25rem}.projects-note{flex-direction:column;gap:12px}}


/* V6.1 — representative staging images in projects */
.project-card{padding:34px;min-height:520px}
.project-card--featured{min-height:560px}
.project-thumb{position:relative;aspect-ratio:16/9;margin:-34px -34px 26px;overflow:hidden;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.08)}
.project-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(1.02) brightness(.92)}
.project-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,9,.05),rgba(9,9,9,.3) 60%,rgba(9,9,9,.5) 100%)}
.project-thumb-badge{position:absolute;left:16px;bottom:14px;z-index:2;display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.34);backdrop-filter:blur(8px);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#f3eee4}
.project-card--featured .project-thumb{aspect-ratio:16/8.6}
.project-card h3{max-width:100%}
@media(max-width:760px){.project-card{min-height:unset;padding:28px}.project-card--featured{min-height:unset}.project-thumb{margin:-28px -28px 22px}.project-thumb-badge{left:12px;bottom:12px;font-size:.54rem;padding:5px 9px}}


/* V6.2 — integrated projects imagery */
.project-thumb-badge{display:none!important}
.project-thumb img{transition:transform .7s var(--ease),filter .7s var(--ease)}
.project-card:hover .project-thumb img{transform:scale(1.025);filter:saturate(1) contrast(1.03) brightness(.96)}

/* V6.9 — local M5 image framing */
.project-thumb--m5 img.project-thumb__img--m5{object-position:center 54%;transform:scale(1.01)}
@media (max-width: 980px){.project-thumb--m5 img.project-thumb__img--m5{object-position:center 53%}}
@media (max-width: 640px){.project-thumb--m5 img.project-thumb__img--m5{object-position:center 52%}}
