/*
Theme Name: 17 Marine & Aquatics Luxury V4
Theme URI: https://seventeenmarine.com
Author: 17 Marine & Aquatics
Description: Custom luxury yacht-management website for 17 Marine & Aquatics with Marine, Aquatics, Locations, Gallery, About, Contact, and Client Portal pages.
Version: 4.0
License: Proprietary
Text Domain: seventeen-marine
*/
:root{--navy:#061b42;--navy2:#020b1d;--blue:#0b2b63;--red:#9f1017;--gold:#b89b5e;--light:#f5f6f8;--ink:#172033;--muted:#677386;--white:#fff;--line:rgba(255,255,255,.16);--shadow:0 30px 70px rgba(0,0,0,.20);--radius:18px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Open Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}h1,h2,h3,h4,.nav,.btn,.eyebrow{font-family:Montserrat,Arial,sans-serif}h1{font-size:clamp(42px,7vw,88px);line-height:.95;margin:0 0 22px;letter-spacing:-.045em}h2{font-size:clamp(30px,4.5vw,56px);line-height:1.05;margin:0 0 18px;letter-spacing:-.035em;color:var(--navy)}h3{font-size:clamp(20px,2.2vw,30px);line-height:1.2;margin:0 0 12px;color:var(--navy)}p{margin:0 0 18px}.lead{font-size:clamp(18px,2vw,23px);color:#dce7ff;max-width:820px}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:1000;background:rgba(2,11,29,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12)}.topbar{background:#061534;color:#e6edff;font-size:13px;letter-spacing:.04em}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.topbar a{color:#fff;text-decoration:none}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand img{height:66px;width:auto;display:block;background:#fff;border-radius:8px;padding:6px;box-shadow:0 10px 25px rgba(0,0,0,.22)}.nav{display:flex;align-items:center;gap:24px;text-transform:uppercase;font-weight:800;font-size:13px;letter-spacing:.08em}.nav a{color:#eef4ff;text-decoration:none;opacity:.92}.nav a:hover{color:#fff}.portal-link{background:var(--red);color:#fff!important;padding:13px 17px;border-radius:999px;box-shadow:0 14px 30px rgba(159,16,23,.32)}.hero{min-height:92vh;display:flex;align-items:center;position:relative;color:#fff;overflow:hidden;background:#031331}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,29,.94),rgba(2,11,29,.62) 46%,rgba(2,11,29,.22)),linear-gradient(0deg,rgba(2,11,29,.84),rgba(2,11,29,.08) 55%);z-index:1}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);filter:saturate(.95) contrast(1.08)}.hero-content{position:relative;z-index:2;padding:95px 0 80px}.eyebrow{display:inline-block;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.22em;color:#fff;border-left:5px solid var(--red);padding-left:14px;margin-bottom:20px}.hero .tagline{font-family:Montserrat,Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#fff;margin-top:28px}.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:999px;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px;border:2px solid transparent;transition:.2s ease}.btn-primary{background:var(--red);color:#fff;box-shadow:0 18px 40px rgba(159,16,23,.32)}.btn-light{border-color:rgba(255,255,255,.8);color:#fff}.btn-dark{background:var(--navy);color:#fff}.btn:hover{transform:translateY(-2px)}.section{padding:90px 0}.section.dark{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff}.section.dark h2,.section.dark h3{color:#fff}.section.light{background:var(--light)}.intro{text-align:center;max-width:900px;margin:0 auto 50px}.intro p{color:var(--muted);font-size:18px}.section.dark .intro p,.section.dark p{color:#dce7ff}.grid{display:grid;gap:28px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:0 16px 50px rgba(6,27,66,.08);border:1px solid #e5e9f0}.dark .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none;color:#fff}.card .num{font-family:Montserrat,Arial,sans-serif;font-weight:900;color:var(--red);font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.split.reverse{grid-template-columns:.95fr 1.05fr}.image-stack{position:relative}.image-card{border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#ddd}.image-card img{width:100%;height:100%;object-fit:cover;display:block}.image-card.tall{height:560px}.image-card.medium{height:430px}.badge-panel{position:absolute;right:-18px;bottom:28px;background:#fff;border-left:7px solid var(--red);border-radius:14px;padding:22px;box-shadow:0 24px 55px rgba(0,0,0,.22);max-width:280px}.badge-panel strong{display:block;color:var(--navy);font-family:Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.service-list{columns:2;list-style:none;padding:0;margin:24px 0 0}.service-list li{break-inside:avoid;margin:0 0 12px;padding-left:28px;position:relative}.service-list li:before{content:"";position:absolute;left:0;top:10px;width:12px;height:12px;background:var(--red);border-radius:50%}.quote-block{background:linear-gradient(135deg,#fff,#f5f6f8);border-top:4px solid var(--red);border-radius:22px;padding:46px;box-shadow:var(--shadow)}.quote-block p{font-size:clamp(23px,3vw,38px);font-family:Montserrat,Arial,sans-serif;line-height:1.14;color:var(--navy);font-weight:900;letter-spacing:-.03em}.locations{display:grid;grid-template-columns:1fr 1fr;gap:28px}.location-box{border-radius:22px;padding:34px;background:#fff;border:1px solid #e4e8f0;box-shadow:0 14px 45px rgba(6,27,66,.08)}.loc-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.loc-list span{border:1px solid #dbe2ee;border-radius:999px;padding:8px 13px;background:#fff;color:var(--navy);font-weight:700}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery figure{margin:0;position:relative;overflow:hidden;border-radius:18px;background:#0c1d3d;min-height:240px}.gallery figure:nth-child(1),.gallery figure:nth-child(6){grid-column:span 2;min-height:340px}.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.gallery figure:hover img{transform:scale(1.05)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;font-family:Montserrat,Arial,sans-serif;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.12em;background:linear-gradient(0deg,rgba(2,11,29,.86),transparent)}.page-hero{padding:130px 0 86px;background:linear-gradient(135deg,rgba(2,11,29,.94),rgba(6,27,66,.78)),var(--hero-img);background-size:cover;background-position:center;color:#fff}.page-hero h1{max-width:920px}.page-hero p{max-width:760px;color:#dce7ff;font-size:20px}.founder{font-size:18px}.founder h2{margin-top:44px}.form-box{background:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.fake-form{display:grid;gap:14px}.fake-form input,.fake-form select,.fake-form textarea{width:100%;padding:15px 16px;border:1px solid #dbe2ee;border-radius:12px;font:inherit}.fake-form textarea{min-height:130px}.portal-preview{background:linear-gradient(135deg,#071b42,#020b1d);border-radius:28px;padding:26px;color:#fff;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.dash-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px}.dash-card span{display:block;color:#9fb1d4;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.dash-card strong{font-size:22px;color:#fff}.site-footer{background:#020b1d;color:#d8e4fb;padding:64px 0 26px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr .8fr;gap:30px}.site-footer h3{color:#fff;font-size:16px;text-transform:uppercase;letter-spacing:.12em}.site-footer a{color:#d8e4fb;text-decoration:none}.footer-logo{max-width:360px;background:#fff;border-radius:10px;padding:8px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:22px;color:#9fb1d4;font-size:13px}.mobile-menu{display:none}.divider{height:5px;background:linear-gradient(90deg,var(--navy),var(--red),var(--navy));margin:0}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:28px;border-radius:18px;background:#fff;border:1px solid #e5e9f0}.feature strong{display:block;font-family:Montserrat,Arial,sans-serif;color:var(--navy);font-size:20px;margin-bottom:8px}.wp-admin .site-header{top:32px}@media(max-width:980px){.nav{display:none}.mobile-menu{display:block;color:#fff}.topbar .container{flex-direction:column;gap:4px}.split,.split.reverse,.grid-2,.grid-3,.grid-4,.locations,.footer-grid{grid-template-columns:1fr}.hero{min-height:820px}.gallery{grid-template-columns:1fr 1fr}.gallery figure:nth-child(1),.gallery figure:nth-child(6){grid-column:span 1}.image-card.tall,.image-card.medium{height:380px}.badge-panel{position:relative;right:auto;bottom:auto;margin-top:-40px;margin-left:22px}.service-list{columns:1}.feature-row{grid-template-columns:1fr}.brand img{height:56px}.nav-wrap{height:80px}}@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.section{padding:68px 0}.hero-content{padding:70px 0}.gallery{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.btn-row{flex-direction:column}.btn{width:100%}.footer-logo{max-width:100%}}
.nav li{list-style:none;margin:0;padding:0;display:inline-flex}.nav ul{display:flex;gap:24px;margin:0;padding:0;align-items:center}.nav .menu-item a{color:#eef4ff;text-decoration:none}.nav .menu-item a:hover{color:#fff}.nav .menu-item:last-child{display:none}