/* Outremer Global website styles
   Colours: ivory #F7F4EF, card #FCFAF5, charcoal #1F2428, gold #C89D4C, light gold #D8C08A, dark gold (text) #8A6A2E, taupe #6E6A64
   Fonts: Cormorant Garamond (headings), Montserrat (body) */
body{margin:0;background:#F7F4EF;font-family:'Montserrat',sans-serif;color:#1F2428;-webkit-font-smoothing:antialiased}

a{color:#1F2428}
a:hover{color:#8A6A2E}

.wrap{max-width:1160px;margin:0 auto;padding:0 32px}

.sec{padding:104px 0}

.eyebrow{font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8A6A2E;margin:0 0 18px}

.h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(36px,4.2vw,52px);line-height:1.08;margin:0 0 18px;color:#1F2428}

.lead{font-size:18px;line-height:1.75;color:#3F4448;margin:0;max-width:680px}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;font-size:15px;font-weight:600;letter-spacing:.04em;text-decoration:none;border-radius:2px;background:#1F2428;color:#F7F4EF}

.btn:hover{background:#000;color:#F7F4EF}

.btn-o{background:transparent;color:#1F2428;border:1.5px solid #C89D4C}

.btn-o:hover{background:#C89D4C;color:#1F2428}

.card{background:#FCFAF5;border:1px solid #E6DDCB;border-radius:4px;padding:26px 24px 22px;display:flex;flex-direction:column;gap:12px}

.cname{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;font-weight:600;line-height:1.15;margin:0;color:#1F2428}

.lbl{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#6E6A64;margin:0 0 3px}

.ctext{font-size:15px;line-height:1.6;color:#3F4448;margin:0}

.clink{margin-top:auto;padding-top:10px;border-top:1px solid #EFE7D6;font-size:14px;font-weight:600;color:#8A6A2E;text-decoration:none}

.new{display:inline-block;font-family:'Montserrat',sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;color:#1F2428;background:#D8C08A;padding:3px 7px;border-radius:2px;vertical-align:5px;margin-left:8px}

.grp{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:40px;padding:48px 0;border-top:1px solid #E0D6C2}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}

.gname{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:600;margin:0 0 8px}

.gnum{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;color:#C89D4C;margin:0 0 6px}

.gdesc{font-size:15px;line-height:1.6;color:#6E6A64;margin:0}

.cmp{width:100%;border-collapse:collapse;min-width:720px;font-size:15px;line-height:1.5}

.cmp th,.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid #E0D6C2;vertical-align:top}

.cmp th{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#6E6A64}

.cmp td:first-child{font-weight:600;color:#1F2428;width:22%}

.cmp .og{background:#1F2428;color:#F7F4EF}

.cmp th.og{color:#D8C08A}

.faq{border-top:1px solid #E0D6C2;padding:26px 0}

.faq h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:600;margin:0 0 10px}

@media (max-width:820px){.grp{grid-template-columns:minmax(0,1fr);gap:20px}
.sec{padding:72px 0}
}


.fld{display:flex;flex-direction:column;gap:8px}

.fld label{font-size:13px;font-weight:600;letter-spacing:.06em;color:#3F4448}

.fld input,.fld select,.fld textarea{font-family:'Montserrat',sans-serif;font-size:16px;color:#1F2428;background:#FCFAF5;border:1px solid #CFC4AE;border-radius:2px;padding:14px 14px;min-height:50px;box-sizing:border-box;width:100%}

.fld textarea{min-height:150px;resize:vertical}
button.btn{border:0;font-family:"Montserrat",sans-serif;cursor:pointer}

html{scroll-behavior:smooth}
section[id]{scroll-margin-top:12px}
.navlinks{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:500;letter-spacing:.04em}
.navtoggle{display:none;width:46px;height:46px;border:1.5px solid #C89D4C;border-radius:2px;background:transparent;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.navtoggle span{display:block;width:20px;height:2px;background:#1F2428;transition:transform .25s,opacity .25s}
.navtoggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navtoggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.navtoggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid #C89D4C;outline-offset:1px}
.fld input.err,.fld textarea.err{border-color:#9B2C2C}
@media (max-width:820px){
  .navtoggle{display:inline-flex;margin-left:auto}
  .navlinks{display:none;order:5;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:0;padding:4px 0 16px;border-top:1px solid #E0D6C2}
  .navlinks.open{display:flex}
  .navlinks a{padding:14px 0;width:100%;font-size:16px;border-bottom:1px solid #EFE7D6}
}
@media (max-width:600px){.hdrcta{display:none}}