/* Cuthbertson Marine - vintage boatyard americana */
*{box-sizing:border-box}
:root{--navy:#1b3a5b;--rust:#a23b2e;--paper:#f6f1e7;--ink:#2e2a24}
body{margin:0;font-family:'Lora',Georgia,serif;background:var(--paper);color:var(--ink);line-height:1.75}
a{color:var(--rust);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
.wrap{max-width:1000px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:'Playfair Display',serif;color:var(--navy);line-height:1.15;margin:0 0 .5em}
h2{font-size:1.65rem;margin-top:1.6em}
h3{font-size:1.2rem}
.cm-topline{background:var(--navy);color:#e8dfcf;text-align:center;font-size:.78rem;letter-spacing:2px;padding:.45rem 12px;text-transform:uppercase}
.cm-head{background:var(--paper);border-bottom:3px double var(--navy);position:sticky;top:0;z-index:40}
.cm-head-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.cm-brand{font-family:'Playfair Display',serif;font-weight:900;color:var(--navy);font-size:1.35rem;letter-spacing:1px;display:flex;align-items:center;gap:.5rem}
.cm-anchor{color:var(--rust);font-size:1.5rem}
.cm-marine{color:var(--rust);margin-left:.45rem;letter-spacing:5px;font-weight:600;font-size:1rem}
.cm-brand:hover{text-decoration:none}
.cm-nav{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem}
.cm-nav a{color:var(--ink);font-size:.86rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}
.cm-nav a:hover{color:var(--rust);text-decoration:none}
.cm-hero{background:linear-gradient(180deg,rgba(32,69,107,.7),rgba(27,58,91,.86)),url(/images/hero-tallship.jpg) center/cover no-repeat;color:#fff;text-align:center;padding:5rem 0 4.4rem;border-bottom:6px solid var(--rust);position:relative}
.cm-hero::before,.cm-hero::after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(232,223,207,.35)}
.cm-hero::before{top:14px}.cm-hero::after{bottom:14px}
.cm-est{letter-spacing:6px;font-size:.75rem;color:#d8c9a8;margin:0 0 1rem}
.cm-title{font-size:clamp(2.8rem,7vw,4.6rem);color:#fff;font-weight:900}
.cm-sub{color:#cfd9e4;font-size:1.05rem;margin:1rem auto 2rem;font-style:italic}
.btn{display:inline-block;background:var(--rust);color:#fff;padding:.8rem 2rem;font-family:'Lora',serif;letter-spacing:2px;font-size:.85rem;text-transform:uppercase;border:1px solid #7f2c22}
.btn:hover{background:#8a2f24;text-decoration:none}
.cm-tri{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem;margin-top:-1.8rem;position:relative;z-index:3;padding:0 24px}
.cm-tri-item{background:#fffdf8;border:1px solid #d9cfba;border-top:4px solid var(--navy);padding:1.6rem 1.4rem;color:var(--ink);box-shadow:0 10px 26px rgba(27,58,91,.12);transition:.15s}
.cm-tri-item:hover{text-decoration:none;transform:translateY(-3px);border-top-color:var(--rust)}
.cm-tri-item h3{margin-bottom:.35em}
.cm-tri-item p{margin:0;font-size:.92rem;color:#5a5346}
.cm-body{padding:3.2rem 24px 4rem;max-width:800px}
.cm-page{padding:3.2rem 24px 4.2rem;max-width:800px}
.crumbs{font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;color:#9a8f7a;margin-bottom:1.2rem}
.post-title{font-size:clamp(2rem,5vw,3rem)}
.cm-rule{width:90px;height:3px;background:var(--rust);margin:0 0 1.6rem;position:relative}
.cm-rule::after{content:"";position:absolute;top:6px;left:0;width:50px;height:1px;background:var(--navy)}
.post-body{font-size:1.03rem}
.post-body .lead{font-size:1.16rem;font-style:italic;color:#4a4436}
.post-body ul{padding-left:1.25rem}
.post-body li{margin:.4rem 0}
.notice{background:#e9f2e4;border:1px solid #4a7c3f;padding:.9rem 1.1rem;margin-bottom:1.2rem}
.cform label{display:block;margin:1rem 0;font-weight:600;color:var(--navy);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}
.cform input,.cform textarea{width:100%;padding:.75rem;border:1px solid #b7ab92;background:#fffdf8;font:inherit;margin-top:.4rem}
.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--rust)}
.cform button{margin-top:.6rem;border:1px solid #7f2c22;cursor:pointer;background:var(--rust);color:#fff;padding:.85rem 2.2rem;font:inherit;letter-spacing:2px;text-transform:uppercase;font-size:.85rem}
.cform button:hover{background:#8a2f24}
.cm-foot{background:var(--navy);color:#c9d4e0;margin-top:2.5rem}
.cm-foot-inner{padding:2.6rem 24px;text-align:center}
.cm-foot-rule{width:60px;height:2px;background:var(--rust);margin:0 auto 1.2rem}
.cm-foot-brand{font-family:'Playfair Display',serif;letter-spacing:4px;color:#fff;font-size:1.05rem;margin:0 0 .3rem}
.cm-foot-small{font-size:.8rem;color:#8fa2b5;margin-top:1rem}
@media(max-width:640px){.cm-head-inner{justify-content:center}.cm-nav{justify-content:center}}

.post-hero{width:100%;height:auto;border:1px solid #d9cfba;margin:0 0 1.6rem;box-shadow:0 12px 30px rgba(27,58,91,.14)}
.post-figrow{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:0 0 1.6rem}
.post-figrow img{width:100%;height:100%;object-fit:cover;border:1px solid #d9cfba}
@media(max-width:560px){.post-figrow{grid-template-columns:1fr}}