/*
Theme Name: Dynamic Maritime - Coming Soon
Theme URI: https://www.dynamicmaritime.net
Author: Havilah Design
Author URI: https://havilahdesign.com
Description: A branded "coming soon" holding page for Dynamic Maritime Ltd - deep navy and gold, white logo, an optional launch countdown and live contact details. Activate it while the full site is being built, then switch to the main Dynamic Maritime theme at launch. Everything is editable from Appearance > Customize.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dml-coming-soon
*/


:root{--navy:#0B1D3A;--navy-900:#081730;--navy-800:#11264A;--navy-700:#1C3461;--gold:#C7A24E;--gold-soft:#E3C988;--on-dark:#C2CFE3;--on-dark-soft:#8D9CB8;--f-head:'Montserrat',-apple-system,sans-serif;--f-body:'Open Sans',-apple-system,sans-serif;}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{font-family:var(--f-body);background:#0B1D3A;color:var(--on-dark);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;}
.cs-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(120deg,#081730 0%,#0E2547 55%,#0B1D3A 100%);padding:48px 24px;}
.cs-arcs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:920px;height:920px;opacity:.38;pointer-events:none;}
.cs-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(199,162,78,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(199,162,78,.05) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at center,#000 25%,transparent 72%);mask-image:radial-gradient(circle at center,#000 25%,transparent 72%);}
.cs-inner{position:relative;z-index:2;max-width:760px;text-align:center;}
.cs-logo{height:78px;width:auto;margin:0 auto 40px;display:block;}
.cs-eyebrow{display:inline-flex;align-items:center;gap:13px;font-family:var(--f-head);font-size:.78rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold-soft);margin-bottom:24px;}
.cs-eyebrow::before,.cs-eyebrow::after{content:"";width:30px;height:1px;background:rgba(199,162,78,.5);}
h1.cs-title{font-family:var(--f-head);font-weight:800;color:#fff;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.1;letter-spacing:-.5px;margin-bottom:20px;}
.cs-sub{font-size:clamp(1rem,1.6vw,1.14rem);color:var(--on-dark);line-height:1.65;max-width:600px;margin:0 auto 38px;}
.cs-count{display:flex;justify-content:center;gap:14px;margin-bottom:40px;flex-wrap:wrap;}
.cs-unit{background:rgba(255,255,255,.04);border:1px solid var(--navy-700);border-radius:10px;padding:16px 8px;min-width:86px;}
.cs-num{font-family:var(--f-head);font-size:2.2rem;font-weight:700;color:var(--gold);line-height:1;}
.cs-lab{font-size:.68rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--on-dark-soft);margin-top:8px;}
.cs-contact{border-top:1px solid var(--navy-700);padding-top:30px;}
.cs-contact .lead{font-size:.74rem;letter-spacing:1.6px;color:var(--on-dark-soft);margin-bottom:18px;text-transform:uppercase;font-family:var(--f-head);font-weight:600;}
.cs-rows{display:flex;justify-content:center;gap:14px 28px;flex-wrap:wrap;}
.cs-item{display:inline-flex;align-items:center;gap:9px;color:var(--on-dark);font-size:.95rem;}
.cs-item svg{width:18px;height:18px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.cs-item a{color:var(--on-dark);text-decoration:none;}
.cs-item a:hover{color:var(--gold-soft);}
.cs-foot{position:relative;z-index:2;text-align:center;padding:18px;background:var(--navy-900);font-size:.76rem;color:var(--on-dark-soft);font-family:var(--f-head);letter-spacing:.4px;}
.cs-foot .tag{color:var(--gold-soft);}
@media(max-width:560px){.cs-logo{height:60px;margin-bottom:30px;}.cs-unit{min-width:68px;padding:13px 6px;}.cs-num{font-size:1.7rem;}.cs-eyebrow{font-size:.7rem;letter-spacing:2px;}}