
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --teal-dark:  #0D4040;
      --teal:       #1A6B6B;
      --teal-mid:   #1F7A7A;
      --teal-light: #E8F4F4;
      --gold:       #C9A84C;
      --white:      #FFFFFF;
      --off-white:  #F7F9F9;
      --dark:       #1A1A1A;
      --gray:       #4A4A4A;
      --lgray:      #888888;
      --font-serif: Georgia, 'Times New Roman', serif;
      --font-sans:  system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
    }
    html { scroll-behavior: smooth; }
    body { font-family: var(--font-sans); color: var(--dark); background: var(--white); line-height: 1.6; }

    /* NAV */
    nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 2.5rem; background: rgba(13,64,64,0.97); backdrop-filter: blur(8px); min-height: 80px; }
    .nav-logo img { height: 60px; width: auto; display: block; mix-blend-mode: lighten; filter: brightness(1.1); }
    .nav-links { display: flex; gap: 2rem; list-style: none; }
    .nav-links a { color: rgba(255,255,255,0.75); text-decoration: none; font-size: 0.875rem; letter-spacing: 0.04em; text-transform: uppercase; transition: color 0.2s; padding-bottom: 2px; }
    .nav-links a:hover, .nav-links a.active { color: var(--gold); border-bottom: 1px solid var(--gold); }

    /* PAGE HERO */
    .page-hero { background: var(--teal-dark); padding: 9rem 2.5rem 4rem; position: relative; overflow: hidden; }
    .page-hero::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--gold); }
    .page-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 70% 80% at 80% 50%, rgba(26,107,107,0.4) 0%, transparent 65%); pointer-events: none; }
    .page-hero-inner { position: relative; max-width: 1080px; margin: 0 auto; }
    .page-eyebrow { font-size: 0.78rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); margin-bottom: 1rem; }
    .page-title { font-family: var(--font-serif); font-size: clamp(2rem, 4vw, 3.2rem); color: var(--white); font-weight: normal; line-height: 1.2; }
    .page-subtitle { font-size: 1rem; color: rgba(255,255,255,0.65); margin-top: 1rem; max-width: 580px; line-height: 1.75; }

    /* SECTIONS */
    .section { padding: 5.5rem 2.5rem; }
    .section-inner { max-width: 1080px; margin: 0 auto; }
    .section-label { font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--teal); margin-bottom: 0.9rem; font-weight: 600; }
    .section-title { font-family: var(--font-serif); font-size: clamp(1.6rem, 3vw, 2.3rem); color: var(--teal-dark); margin-bottom: 1.25rem; font-weight: normal; line-height: 1.25; }
    .section-body { font-size: 0.95rem; color: var(--gray); line-height: 1.85; max-width: 720px; margin-bottom: 1.2rem; }
    .bg-off { background: var(--off-white); }
    .bg-dark { background: var(--teal-dark); }
    .bg-dark .section-label { color: var(--gold); }
    .bg-dark .section-title { color: var(--white); }
    .bg-dark .section-body { color: rgba(255,255,255,0.72); max-width: 720px; }

    /* GOLD RULE */
    .gold-rule { width: 48px; height: 3px; background: var(--gold); margin: 1.25rem 0 1.75rem; }

    /* CARDS */
    .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; margin-top: 2.5rem; }
    .card { background: var(--white); border-top: 3px solid var(--teal); padding: 2rem 1.75rem; transition: box-shadow 0.2s, transform 0.2s; }
    .card:hover { box-shadow: 0 8px 32px rgba(13,64,64,0.1); transform: translateY(-2px); }
    .card-icon { width: 40px; height: 40px; background: var(--teal-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; }
    .card-icon svg { width: 20px; height: 20px; stroke: var(--teal); fill: none; stroke-width: 1.8; }
    .card h3 { font-family: var(--font-serif); font-size: 1.1rem; color: var(--teal-dark); margin-bottom: 0.7rem; font-weight: normal; }
    .card p { font-size: 0.875rem; color: var(--gray); line-height: 1.7; }

    /* STATS */
    .stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; margin-top: 2.5rem; }
    .stat-box { border-left: 3px solid var(--gold); padding: 1.25rem 1.5rem; background: rgba(255,255,255,0.05); }
    .stat-number { font-family: var(--font-serif); font-size: 2.4rem; color: var(--gold); line-height: 1; margin-bottom: 0.5rem; }
    .stat-label { font-size: 0.85rem; color: rgba(255,255,255,0.6); line-height: 1.5; }

    /* FOCUS LIST */
    .focus-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin-top: 2rem; }
    .focus-item { display: flex; align-items: flex-start; gap: 1rem; padding: 1.25rem; background: var(--white); }
    .focus-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--gold); flex-shrink: 0; margin-top: 5px; }
    .focus-item p { font-size: 0.875rem; color: var(--gray); line-height: 1.65; }
    .focus-item strong { display: block; font-size: 0.925rem; color: var(--teal-dark); margin-bottom: 0.2rem; }

    /* BUTTONS */
    .btn { display: inline-block; background: var(--gold); color: var(--teal-dark); text-decoration: none; padding: 0.85rem 2rem; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; transition: background 0.2s, transform 0.2s; border: none; cursor: pointer; }
    .btn:hover { background: #b8962e; transform: translateY(-1px); }
    .btn-outline { display: inline-block; border: 1.5px solid var(--gold); color: var(--gold); text-decoration: none; padding: 0.8rem 1.8rem; font-size: 0.875rem; letter-spacing: 0.06em; text-transform: uppercase; transition: background 0.2s, color 0.2s; }
    .btn-outline:hover { background: var(--gold); color: var(--teal-dark); }

    /* FOOTER */
    footer { background: #081F1F; display: grid; grid-template-columns: minmax(300px, 38%) 1fr; min-height: 150px; }
    .footer-brand { background: var(--white); display: flex; align-items: center; padding: 2rem 2.5rem; }
    .footer-brand a { display: block; line-height: 0; }
    .footer-brand img { display: block; width: min(100%, 360px); height: auto; }
    .footer-right { display: flex; flex-direction: column; justify-content: center; padding: 2rem 2.5rem; text-align: right; }
    .footer-tagline { font-size: 0.8rem; color: rgba(255,255,255,0.5); letter-spacing: 0.08em; margin-bottom: 0.35rem; }
    .footer-copy { font-size: 0.75rem; color: rgba(255,255,255,0.3); }
    .footer-nav { display: flex; gap: 1.5rem; justify-content: flex-end; margin-bottom: 0.65rem; }
    .footer-nav a { font-size: 0.8rem; color: rgba(255,255,255,0.72); text-decoration: none; transition: color 0.2s; }
    .footer-nav a:hover { color: var(--gold); }

    /* RESPONSIVE */
    @media (max-width: 640px) {
      nav { padding: 0.6rem 1.25rem; }
      .nav-links { display: none; }
      .section { padding: 3.5rem 1.25rem; }
      .page-hero { padding: 7rem 1.25rem 3rem; }
      footer { grid-template-columns: 1fr; }
      .footer-brand { justify-content: center; padding: 1.75rem 1.25rem; }
      .footer-brand img { width: min(100%, 300px); }
      .footer-right { text-align: center; padding: 1.75rem 1.25rem; }
      .footer-nav { justify-content: center; flex-wrap: wrap; gap: 1rem 1.25rem; }
    }
    @media (prefers-reduced-motion: reduce) { * { transition: none !important; } }
  


    .hero { min-height:100vh; background:var(--teal-dark); display:flex; align-items:center; position:relative; overflow:hidden; padding:9rem 2.5rem 5rem; }
    .hero::before { content:''; position:absolute; inset:0; background: radial-gradient(ellipse 80% 60% at 70% 40%, rgba(26,107,107,0.45) 0%, transparent 65%), radial-gradient(ellipse 40% 40% at 10% 90%, rgba(26,107,107,0.3) 0%, transparent 60%); pointer-events:none; }
    .hero::after { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--gold); }
    .hero-inner { position:relative; max-width:800px; }
    .hero-eyebrow { font-size:0.8rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold); margin-bottom:1.5rem; }
    .hero-headline { font-family:var(--font-serif); font-size:clamp(2.2rem,5vw,3.8rem); line-height:1.15; color:var(--white); margin-bottom:1.5rem; font-weight:normal; }
    .hero-headline em { color:var(--gold); font-style:normal; }
    .hero-sub { font-size:1.05rem; color:rgba(255,255,255,0.72); max-width:560px; line-height:1.75; margin-bottom:2.5rem; }
    .hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
  


    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    :root{--teal-dark:#0D4040;--teal:#1A6B6B;--teal-light:#E8F4F4;--gold:#C9A84C;--white:#FFFFFF;--off-white:#F7F9F9;--dark:#1A1A1A;--gray:#4A4A4A;--lgray:#888888;--font-serif:Georgia,'Times New Roman',serif;--font-sans:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;}
    html{scroll-behavior:smooth;}
    body{font-family:var(--font-sans);color:var(--dark);background:var(--white);line-height:1.6;}
    nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0.75rem 2.5rem;background:rgba(13,64,64,0.97);backdrop-filter:blur(8px);min-height:80px;}
    .nav-logo img{height:60px;width:auto;display:block;mix-blend-mode:lighten;filter:brightness(1.1);}
    .nav-links{display:flex;gap:2rem;list-style:none;}
    .nav-links a{color:rgba(255,255,255,0.75);text-decoration:none;font-size:0.875rem;letter-spacing:0.04em;text-transform:uppercase;transition:color 0.2s;padding-bottom:2px;}
    .nav-links a:hover,.nav-links a.active{color:var(--gold);border-bottom:1px solid var(--gold);}
    .page-hero{background:var(--teal-dark);padding:9rem 2.5rem 4rem;position:relative;overflow:hidden;}
    .page-hero::after{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold);}
    .page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 80% 50%,rgba(26,107,107,0.4) 0%,transparent 65%);pointer-events:none;}
    .page-hero-inner{position:relative;max-width:1080px;margin:0 auto;}
    .page-eyebrow{font-size:0.78rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;}
    .page-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.2rem);color:var(--white);font-weight:normal;line-height:1.2;}
    .page-subtitle{font-size:1rem;color:rgba(255,255,255,0.65);margin-top:1rem;max-width:580px;line-height:1.75;}
    .section{padding:5.5rem 2.5rem;}
    .section-inner{max-width:1080px;margin:0 auto;}
    .section-label{font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);margin-bottom:0.9rem;font-weight:600;}
    .section-title{font-family:var(--font-serif);font-size:clamp(1.6rem,3vw,2.3rem);color:var(--teal-dark);margin-bottom:1.25rem;font-weight:normal;line-height:1.25;}
    .section-body{font-size:0.95rem;color:var(--gray);line-height:1.85;max-width:720px;margin-bottom:1.2rem;}
    .bg-off{background:var(--off-white);}
    .bg-dark{background:var(--teal-dark);}
    .bg-dark .section-label{color:var(--gold);}
    .bg-dark .section-title{color:var(--white);}
    .bg-dark .section-body{color:rgba(255,255,255,0.72);}
    .gold-rule{width:48px;height:3px;background:var(--gold);margin:1.25rem 0 1.75rem;}
    .btn{display:inline-block;background:var(--gold);color:var(--teal-dark);text-decoration:none;padding:0.85rem 2rem;font-size:0.875rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;transition:background 0.2s,transform 0.2s;}
    .btn:hover{background:#b8962e;transform:translateY(-1px);}
    .btn-outline{display:inline-block;border:1.5px solid var(--gold);color:var(--gold);text-decoration:none;padding:0.8rem 1.8rem;font-size:0.875rem;letter-spacing:0.06em;text-transform:uppercase;transition:background 0.2s,color 0.2s;}
    .btn-outline:hover{background:var(--gold);color:var(--teal-dark);}
    .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2.5rem;}
    .card{background:var(--white);border-top:3px solid var(--teal);padding:2rem 1.75rem;transition:box-shadow 0.2s,transform 0.2s;}
    .card:hover{box-shadow:0 8px 32px rgba(13,64,64,0.1);transform:translateY(-2px);}
    .card-icon{width:40px;height:40px;background:var(--teal-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;}
    .card-icon svg{width:20px;height:20px;stroke:var(--teal);fill:none;stroke-width:1.8;}
    .card h3{font-family:var(--font-serif);font-size:1.1rem;color:var(--teal-dark);margin-bottom:0.7rem;font-weight:normal;}
    .card p{font-size:0.875rem;color:var(--gray);line-height:1.7;}
    .article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;}
    .article-card{background:var(--white);border-top:3px solid var(--teal);padding:2rem;}
    .article-tag{font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--teal);font-weight:600;margin-bottom:0.75rem;}
    .article-title{font-family:var(--font-serif);font-size:1.25rem;color:var(--teal-dark);margin-bottom:1rem;font-weight:normal;line-height:1.35;}
    .article-body{font-size:0.875rem;color:var(--gray);line-height:1.8;margin-bottom:0.75rem;}
    .article-source{font-size:0.78rem;color:var(--lgray);font-style:italic;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(26,107,107,0.15);}
    .focus-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:2rem;}
    .focus-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--white);}
    .focus-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:5px;}
    .focus-item p{font-size:0.875rem;color:var(--gray);line-height:1.65;}
    .focus-item strong{display:block;font-size:0.925rem;color:var(--teal-dark);margin-bottom:0.2rem;}
    footer{background:#081F1F;display:grid;grid-template-columns:minmax(300px,38%) 1fr;min-height:150px;}
    .footer-brand{background:var(--white);display:flex;align-items:center;padding:2rem 2.5rem;}
    .footer-brand a{display:block;line-height:0;}
    .footer-brand img{display:block;width:min(100%,360px);height:auto;}
    .footer-right{display:flex;flex-direction:column;justify-content:center;padding:2rem 2.5rem;text-align:right;}
    .footer-tagline{font-size:0.8rem;color:rgba(255,255,255,0.5);letter-spacing:0.08em;margin-bottom:0.35rem;}
    .footer-copy{font-size:0.75rem;color:rgba(255,255,255,0.3);}
    .footer-nav{display:flex;gap:1.5rem;justify-content:flex-end;margin-bottom:0.65rem;}
    .footer-nav a{font-size:0.8rem;color:rgba(255,255,255,0.72);text-decoration:none;transition:color 0.2s;}
    .footer-nav a:hover{color:var(--gold);}
    @media(max-width:640px){nav{padding:0.6rem 1.25rem;}.nav-links{display:none;}.section{padding:3.5rem 1.25rem;}.page-hero{padding:7rem 1.25rem 3rem;}footer{grid-template-columns:1fr;}.footer-brand{justify-content:center;padding:1.75rem 1.25rem;}.footer-brand img{width:min(100%,300px);}.footer-right{text-align:center;padding:1.75rem 1.25rem;}.footer-nav{justify-content:center;flex-wrap:wrap;gap:1rem 1.25rem;}}
    @media(prefers-reduced-motion:reduce){*{transition:none!important;}}
  


    .contact-wrap{background:var(--teal-dark);padding:6rem 2.5rem;position:relative;overflow:hidden;}
    .contact-wrap::before{content:'';position:absolute;right:-100px;bottom:-100px;width:500px;height:500px;border-radius:50%;background:rgba(26,107,107,0.25);pointer-events:none;}
    .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;position:relative;max-width:1080px;margin:0 auto;}
    .contact-detail{margin-bottom:1.5rem;}
    .contact-detail-label{font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:0.3rem;}
    .contact-detail a,.contact-detail span{color:var(--white);text-decoration:none;font-size:1rem;transition:color 0.2s;}
    .contact-detail a:hover{color:var(--gold);}
    .enquiry-type{padding:1.25rem 1.5rem;background:rgba(255,255,255,0.06);border-left:3px solid var(--gold);margin-bottom:1rem;}
    .enquiry-type h4{font-family:var(--font-serif);color:var(--white);font-weight:normal;font-size:1rem;margin-bottom:0.3rem;}
    .enquiry-type p{font-size:0.85rem;color:rgba(255,255,255,0.6);line-height:1.6;}
    @media(max-width:720px){.contact-grid{grid-template-columns:1fr;gap:2.5rem;}}
  

/* PEATLAND BRAND ASSETS */
.nav-logo { display:flex; align-items:center; min-width:0; }
.nav-logo img { height:48px; width:auto; max-width:220px; object-fit:contain; }
.nav-toggle { display:none; border:1px solid rgba(255,255,255,.35); background:transparent; color:#fff; width:44px; height:40px; align-items:center; justify-content:center; cursor:pointer; }
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after { display:block; width:20px; height:1.5px; background:#fff; position:relative; transition:transform .2s, opacity .2s; }
.nav-toggle span::before, .nav-toggle span::after { content:''; position:absolute; left:0; }
.nav-toggle span::before { top:-6px; } .nav-toggle span::after { top:6px; }
.nav-toggle[aria-expanded="true"] span { background:transparent; }
.nav-toggle[aria-expanded="true"] span::before { transform:translateY(6px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span::after { transform:translateY(-6px) rotate(-45deg); }
.skip-link { position:absolute; left:-9999px; top:auto; }
.skip-link:focus { left:1rem; top:1rem; z-index:1000; background:#fff; color:var(--teal-dark); padding:.7rem 1rem; }
@media (max-width:760px) {
 nav { min-height:72px; padding:.55rem 1rem; }
 .nav-logo img { height:42px; max-width:190px; }
 .nav-toggle { display:flex; }
 .nav-links { display:none; position:absolute; top:72px; left:0; right:0; flex-direction:column; gap:0; background:rgba(8,31,31,.99); padding:.5rem 1rem 1rem; box-shadow:0 10px 25px rgba(0,0,0,.18); }
 .nav-links.is-open { display:flex; } .nav-links li { width:100%; } .nav-links a { display:block; padding:.8rem .25rem; }
 .hero { padding-top:8rem !important; }
}
@media (max-width:420px) {
 .nav-logo img { height:38px; max-width:165px; } .hero-headline { font-size:2rem !important; }
 .hero-actions { flex-direction:column; align-items:stretch; } .hero-actions .btn, .hero-actions .btn-outline { text-align:center; }
}
:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }

/* HOMEPAGE REFINEMENTS */
.approach-row .stat-label strong { color: var(--white); font-size: 0.95rem; font-weight: 600; }
.home-cta .section-inner { max-width: 900px; }
@media (max-width: 640px) {
  .hero-headline br { display: none; }
}

/* SERVICE LAYOUT */
.service-item { display:grid; grid-template-columns:200px minmax(0,1fr); gap:3rem; align-items:start; }
@media (max-width: 760px) {
  .service-item { grid-template-columns:1fr; gap:1.25rem; }
  .service-item > div:first-child { display:grid; grid-template-columns:56px 1fr; column-gap:1rem; align-items:center; }
  .service-item > div:first-child .card-icon { margin-bottom:0 !important; }
  .service-item > div:first-child .gold-rule { grid-column:1 / -1; margin:0.9rem 0 0; }
}
