:root{
  --navy:#0B2D52;
  --navy-dark:#071D33;
  --gold:#C9A96B;
  --ivory:#FAF8F3;
  --cream:#F1EDE5;
  --ink:#13283E;
  --muted:#65717B;
  --line:rgba(11,45,82,.16);
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Montserrat,Arial,sans-serif}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}
.header{position:fixed;inset:0 0 auto;z-index:30;height:86px;padding:14px 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(250,248,243,.92);border-bottom:1px solid rgba(11,45,82,.08);backdrop-filter:blur(18px);transition:.3s}
.header.scrolled{height:72px;box-shadow:0 10px 35px rgba(7,29,51,.08)}
.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:82px}.brand-text{display:flex;flex-direction:column}
.brand-text strong{font:600 1.16rem/1 "Playfair Display",serif;letter-spacing:.15em;color:var(--navy)}
.brand-text small{font-size:.48rem;letter-spacing:.26em;color:var(--gold);margin-top:7px}
.nav{display:flex;align-items:center;gap:23px;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.nav a:not(.nav-cta){position:relative}.nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.25s}.nav a:hover::after{width:100%}
.nav-cta{border:1px solid var(--gold);padding:13px 15px}
.menu-toggle{display:none;background:none;border:0;width:34px;height:30px;position:relative}.menu-toggle span{position:absolute;left:3px;width:27px;height:1px;background:var(--navy);transition:.25s}.menu-toggle span:first-child{top:10px}.menu-toggle span:last-child{top:19px}
.hero{min-height:100svh;padding:150px 8vw 80px;position:relative;display:flex;align-items:center;background:
url("https://images.unsplash.com/photo-1759353720051-f8b1fb8ff78f?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=75&w=2400") center/cover no-repeat}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,29,51,.82) 0,rgba(7,29,51,.64) 40%,rgba(7,29,51,.16) 74%,rgba(7,29,51,.08))}
.hero-content{position:relative;z-index:2;max-width:770px;color:white}.kicker{font-size:.68rem;letter-spacing:.3em;font-weight:600;color:var(--gold);margin:0 0 24px}.kicker.light{color:#E7C98E}
h1,h2,h3{font-family:"Playfair Display",serif;font-weight:500}
h1{font-size:clamp(4.8rem,9vw,9.1rem);line-height:.82;letter-spacing:-.04em;margin:0 0 30px}h1 em{font-weight:500}
.hero-copy{font-size:1.04rem;line-height:1.8;max-width:610px;color:rgba(255,255,255,.88)}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:15px 20px;border:1px solid transparent;font:600 .68rem/1 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.25s}.btn-gold{background:var(--gold);color:white}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18)}.btn-ghost{border-color:rgba(255,255,255,.7);color:white}.btn-ghost:hover{background:white;color:var(--navy)}
.hero-signature{position:absolute;right:6vw;bottom:5vh;z-index:2;color:white;font:italic 500 1.35rem/1.2 "Playfair Display",serif}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:var(--ivory)}
.trust-strip>div{padding:28px 3vw;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.trust-strip>div:last-child{border-right:0}
.trust-strip span{font-size:.6rem;color:var(--gold);letter-spacing:.15em}.trust-strip strong{font:500 1.15rem "Playfair Display",serif;color:var(--navy)}.trust-strip small{grid-column:2;font-size:.7rem;color:var(--muted);margin-top:4px}
.section{padding:110px 8vw}.intro{max-width:960px}.intro h2,.feature h2,.interior h2,.standard h2,.contact h2,.founder h2,.trusted h2{font-size:clamp(2.8rem,5vw,5.6rem);line-height:1.02;color:var(--navy);margin:0 0 24px}.intro>p:last-child{max-width:760px;line-height:1.8;color:var(--muted);font-size:1rem}
.feature{display:grid;grid-template-columns:1.12fr .88fr;min-height:690px;border-top:1px solid var(--line)}.feature.reverse{grid-template-columns:.88fr 1.12fr}.feature.reverse .feature-image{order:2}
.feature-image{min-height:690px;background-position:center;background-size:cover}
.image-yacht{background-image:url("https://images.unsplash.com/photo-1759353720051-f8b1fb8ff78f?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=75&w=1800")}
.image-villa{background-image:url("https://images.unsplash.com/photo-1765999906700-2d4dfd392966?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=75&w=1800")}
.feature-copy{padding:95px 7vw;align-self:center}.feature-copy p:not(.kicker){line-height:1.8;color:var(--muted)}
.feature-copy ul{list-style:none;padding:0;margin:34px 0}.feature-copy li{padding:13px 0;border-top:1px solid var(--line);font-size:.82rem;letter-spacing:.04em}.feature-copy li:last-child{border-bottom:1px solid var(--line)}
.line-link{display:inline-block;margin-top:8px;padding-bottom:7px;border-bottom:1px solid var(--gold);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.interior{background:var(--cream)}.interior-copy{max-width:850px}.interior-copy p:not(.kicker){line-height:1.8;color:var(--muted)}.care-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.care-grid article{min-height:220px;padding:34px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.care-grid strong{font:500 1.55rem "Playfair Display",serif;color:var(--navy)}.care-grid p{font-size:.84rem;line-height:1.75;color:var(--muted);margin-top:22px}
.standard{background:var(--navy-dark);padding:120px 8vw;display:grid;grid-template-columns:1.05fr .95fr;gap:10vw;color:white}.standard h2{color:white}.standard h2 em{color:#E4C58B;font-weight:500}.standard-copy>p:last-child{line-height:1.8;color:#CED8E2;max-width:620px}.standard-values{align-self:end}.standard-values>article{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:24px 0;border-top:1px solid rgba(255,255,255,.14)}.standard-values>article:last-child{border-bottom:1px solid rgba(255,255,255,.14)}.standard-values span{color:var(--gold);font-size:.65rem;padding-top:5px}.standard-values strong{font:500 1.45rem "Playfair Display",serif}.standard-values p{margin:9px 0 0;color:#BFCBD7;line-height:1.7;font-size:.78rem}
.quote-section{text-align:center}.quote-section blockquote{font:italic 500 clamp(2.5rem,5vw,5.6rem)/1.15 "Playfair Display",serif;color:var(--navy);max-width:1100px;margin:0 auto 32px}.quote-section span{font-size:.68rem;letter-spacing:.25em;color:var(--gold)}
.contact{padding:115px 8vw;background:var(--navy);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.contact h2{color:white}.contact-copy>p:not(.kicker){color:#D0DAE4;line-height:1.8}.contact-links{display:flex;gap:25px;margin-top:32px;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.contact-links a{border-bottom:1px solid var(--gold);padding-bottom:7px}
.enquiry-form label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#D7E0E9}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;margin:8px 0 18px;padding:15px 0;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.3);color:white;font:400 .9rem Montserrat,sans-serif;outline:none}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--gold)}.enquiry-form option{color:#111}.hidden{display:none}.form-status{font-size:.8rem;color:#D5DEE7}
.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;box-shadow:0 8px 26px rgba(0,0,0,.25);z-index:25;transition:.25s}.whatsapp:hover{transform:translateY(-3px)}.whatsapp svg{width:30px;fill:white}
footer{background:#06182A;color:#C9D3DD;padding:34px 5vw;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;align-items:center;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{font:600 1rem "Playfair Display",serif;letter-spacing:.18em;color:white}.footer-brand span{font-size:.5rem;color:var(--gold);margin-top:5px}.footer-links{display:flex;gap:16px}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.js .reveal.visible{opacity:1;transform:none}

/* Founder / credibility */
.founder{display:grid;grid-template-columns:.86fr 1.14fr;gap:8vw;align-items:center;background:#F6F2EA;border-bottom:1px solid var(--line)}
.founder-photo{position:relative;max-width:560px;justify-self:center}
.founder-photo:before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid rgba(201,169,107,.7);z-index:0}
.founder-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;position:relative;z-index:1;box-shadow:0 26px 60px rgba(7,29,51,.12)}
.founder h2 em{color:var(--gold);font-weight:500}
.founder-copy>p:not(.kicker):not(.founder-signoff){color:var(--muted);line-height:1.85;max-width:760px}
.founder-signoff{font:italic 500 1.65rem/1.4 "Playfair Display",serif;color:var(--navy);margin:30px 0}
.founder-meta{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:18px;max-width:420px}
.founder-meta span{font:500 1.05rem "Playfair Display",serif;color:var(--navy)}
.founder-meta small{margin-top:5px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.hero-copy strong{font-weight:600;color:#fff}
.feature-note{font-size:.86rem;border-left:2px solid var(--gold);padding-left:18px;margin:26px 0}
.feature-emphasis{font:italic 500 1.28rem/1.55 "Playfair Display",serif!important;color:var(--navy)!important;margin:26px 0}
.proof-note{max-width:900px;margin:36px 0 0;font-size:.76rem;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:22px}
/* Trusted-service audience strip */
.trusted{text-align:center;background:var(--ivory);border-top:1px solid var(--line)}
.trusted h2{max-width:800px;margin-left:auto;margin-right:auto}
.trusted-list{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:44px auto 0;max-width:1180px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trusted-list span{padding:18px 22px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);position:relative}
.trusted-list span:not(:last-child):after{content:"·";position:absolute;right:-3px;color:var(--gold)}
.contact-cta-label{margin-top:28px!important;color:#E7C98E!important;font-size:.65rem!important;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.copyright{line-height:1.55}.copyright small{font-size:.52rem;letter-spacing:.1em;color:#8695A3}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:1040px){
  .nav{gap:14px}.nav a:not(.nav-cta){display:none}
  .feature,.feature.reverse{grid-template-columns:1fr 1fr}.care-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .header{height:74px;padding:10px 20px}.brand-mark{width:70px}.brand-text strong{font-size:.95rem}.brand-text small{display:none}
  .menu-toggle{display:block;z-index:32}.nav{position:fixed;inset:0;background:var(--ivory);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px 34px;gap:26px;transform:translateX(100%);transition:.3s;z-index:31}.nav.open{transform:none}.nav a:not(.nav-cta){display:block;font-size:1rem}.nav-cta{font-size:.85rem}.menu-toggle.open span:first-child{transform:rotate(45deg);top:15px}.menu-toggle.open span:last-child{transform:rotate(-45deg);top:15px}
  .hero{padding:130px 24px 80px;background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(7,29,51,.86),rgba(7,29,51,.55))}.hero-signature{display:none}h1{font-size:4.6rem}
  .trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div{border-bottom:1px solid var(--line)}
  .section{padding:80px 24px}.feature,.feature.reverse{display:flex;flex-direction:column}.feature.reverse .feature-image{order:0}.feature-image{min-height:52vh}.feature-copy{padding:70px 24px}
  .care-grid{grid-template-columns:1fr}.standard,.contact{grid-template-columns:1fr;padding:82px 24px}.two{grid-template-columns:1fr}
  .founder{grid-template-columns:1fr;gap:54px;padding:80px 24px}.founder-photo{max-width:420px}.trusted-list{display:block;text-align:left}.trusted-list span{display:block;border-bottom:1px solid var(--line)}.trusted-list span:not(:last-child):after{display:none}
  .standard-values>article{grid-template-columns:34px 1fr}
  footer{grid-template-columns:1fr 1fr;padding:34px 24px}.whatsapp{width:54px;height:54px}
}
@media(max-width:480px){
  h1{font-size:3.8rem}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.trust-strip{grid-template-columns:1fr}
  footer{grid-template-columns:1fr}.contact-links{flex-direction:column;align-items:flex-start}
}

.langs{display:flex;gap:7px;align-items:center;margin-left:auto;margin-right:18px;font-size:.62rem;letter-spacing:.14em}
.langs a{opacity:.5}.langs a.active{opacity:1;color:var(--gold)}
@media(max-width:760px){.langs{margin-left:auto;margin-right:8px}.header .brand{max-width:65%}}

/* Official MATTA PRIVÉ logo — transparent, tightly cropped artwork */
.brand-logo{display:block;width:220px;height:auto;object-fit:contain;object-position:left center;transition:width .3s ease}
.header.scrolled .brand-logo{width:190px}
@media(max-width:760px){
  .header{height:108px;padding:10px 20px}
  .header.scrolled{height:88px}
  .brand-logo{width:195px;height:auto}
  .header.scrolled .brand-logo{width:160px}
  .header .brand{max-width:72%}
  .hero{padding-top:164px}
}
@media(max-width:380px){.brand-logo{width:182px}.header.scrolled .brand-logo{width:154px}}