:root{--color-primary:var(--ghost-accent-color,#00529A);--color-base:#131313;--color-border:#ddd;--color-bg:#f5f5f5;--color-success:#80b912;--color-error:#f05230;--font-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:Georgia,Times,serif;--font-mono:Menlo,Courier,monospace;--font-light:300;--font-normal:400;--font-bold:700;--font-heavy:800;--xlarge:1680px;--large:1280px;--medium:980px;--small:740px;--xsmall:480px;--height:4rem;--margin:2rem;--radius:0.5rem}*,:after,:before{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#333;font-family:var(--font-sans-serif);font-size:1.6rem;font-style:normal;font-weight:400;line-height:1.6em;min-height:100vh;scroll-behavior:smooth}blockquote,body,dd,dl,figcaption,figure,form,hr,li,ol,p,pre,table,ul,video{margin:0;padding:0}ol[class],ul[class]{list-style:none;padding:0}img{display:block;height:auto;max-width:100%}button,input,select,textarea{-webkit-appearance:none;font:inherit}fieldset{border:0;margin:0;padding:0}label{font-size:.9em;font-weight:700}hr,label{display:block}hr{border:0;border-top:1px solid;height:1px;opacity:.2;position:relative;width:100%}::-moz-selection{background:#cbeafb;text-shadow:none}::selection{background:#cbeafb;text-shadow:none}mark{background-color:#fdffb6}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ul:not([class]) li+li{margin-top:.6em}a:not([class]){-webkit-text-decoration-skip:ink;color:var(--color-primary);text-decoration-skip-ink:auto}a[class]{color:inherit;-webkit-text-decoration:none;text-decoration:none;transition:.4s ease}a[class]:hover{opacity:.8}h1,h2,h3,h4,h5,h6{font-feature-settings:"kern" 1;font-weight:700;line-height:1.2em;margin:1.2em 0 .6em}h1{font-size:3.8rem}h2{font-size:3.2rem}h3{font-size:2.4rem}h4{font-size:2rem}h5{font-size:1.8rem}h6{font-size:1.6rem}p{line-height:1.6em;margin:.6em 0 1.2em}.gh-container{margin:0 auto;max-width:var(--large);padding:0 4vmin}.gh-main{padding:0}.gh-postfeed{display:grid;grid-gap:4vmin;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:4vmin}.gh-card{position:relative}.gh-card-link{display:block;position:relative}.gh-card-image{aspect-ratio:16/9;background:#c5d2d9 no-repeat 50%;background-size:cover;border-radius:.5rem .5rem 0 0;border-radius:var(--radius) var(--radius) 0 0;margin:0;width:100%}.gh-card-content{padding:4vmin 0}.gh-card-title{font-size:2.1rem;font-weight:700;line-height:1.3em;margin:.6em 0}.gh-card-title:hover{color:var(--color-primary)}.gh-card-excerpt{display:-webkit-box;font-size:1.6rem;line-height:1.5em;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;opacity:.8;overflow:hidden}.gh-card-meta{align-items:center;display:flex;font-size:1.4rem;margin-top:1.2em;opacity:.8}.gh-card-author{align-items:center;display:grid;grid-gap:1rem;grid-template-columns:auto 1fr}.gh-card-author-image{background:#c5d2d9 no-repeat 50%;background-size:cover;border-radius:50%;height:3rem;width:3rem}.gh-card-author-name{font-weight:700}.gh-card-date{margin-left:auto}.gh-pagination{margin-top:4vmin;text-align:center}.gh-pagination .newer-posts,.gh-pagination .older-posts,.gh-pagination .page-number{display:inline-block;padding:1rem;text-transform:uppercase}.gh-pagination .page-number{font-size:1.4rem;font-weight:700}.gh-post{word-break:break-word}.gh-post-meta{align-items:center;display:flex;font-size:1.4rem;margin-top:1.2em;opacity:.8}.gh-post-author{align-items:center;display:grid;grid-gap:1rem;grid-template-columns:auto 1fr}.gh-post-author-image{background:#c5d2d9 no-repeat 50%;background-size:cover;border-radius:50%;height:3rem;width:3rem}.gh-post-author-name{font-weight:700}.gh-post-date{margin-left:auto}.gh-post-header{margin-bottom:4vmin}.gh-post-title{font-size:4.2rem;font-weight:700;line-height:1.2em;margin:0 0 .6em}.gh-post-image{aspect-ratio:16/9;background:#c5d2d9 no-repeat 50%;background-size:cover;border-radius:.5rem;border-radius:var(--radius);margin:0;width:100%}.gh-post-content{font-size:1.8rem;line-height:1.6em;padding:4vmin 0}.gh-post-content>:first-child{margin-top:0}.gh-post-content>:last-child{margin-bottom:0}.gh-post-content a{word-break:break-all}.gh-post-content a:not([class]){box-shadow:inset 0 -1px 0 var(--color-primary);transition:background .4s ease,color .4s ease}.gh-post-content a:not([class]):hover{background:var(--color-primary);color:#fff}.gh-post-content h1,.gh-post-content h2,.gh-post-content h3,.gh-post-content h4,.gh-post-content h5,.gh-post-content h6{font-weight:700}.gh-post-content img{border-radius:.5rem;border-radius:var(--radius);margin:1.2em 0}.gh-post-content figure{margin:1.6em 0}.gh-post-content figcaption{font-size:1.4rem;font-style:italic;margin:.6em 0 0;text-align:center}.gh-post-content blockquote{border-left:4px solid var(--color-primary);font-style:italic;margin:1.6em 0;padding:.6em 1.6em}.gh-post-content code{font-family:var(--font-mono);font-size:.9em;font-weight:400;vertical-align:middle}.gh-post-content pre code{background:0 0;font-size:1.4rem;padding:0;vertical-align:unset}.gh-post-content pre{background:var(--color-bg);border-radius:var(--radius);line-height:1.6em;overflow-x:auto;padding:1.6em}.gh-post-content .kg-card{margin:1.6em 0}.gh-post-content .kg-width-wide img{width:1040px}.gh-post-content .kg-width-full img{width:100vw}.gh-post-content .kg-image-card{margin:1.6em 0}.gh-post-content .kg-image-card.kg-width-full{margin:1.6em -4vmin}.gh-post-content .kg-gallery-card{margin:1.6em 0}.gh-post-content .kg-gallery-container{display:grid;grid-gap:1rem;grid-template-columns:repeat(3,1fr)}.gh-post-content .kg-gallery-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.gh-post-content .kg-bookmark-card{margin:1.6em 0;width:100%}.gh-post-content .kg-bookmark-container{align-items:stretch;border:1px solid rgba(0,0,0,.1);display:flex;min-height:148px;text-decoration:none}.gh-post-content .kg-bookmark-content{display:flex;flex-direction:column;flex-grow:1;flex-basis:100%;align-items:flex-start;justify-content:flex-start;padding:20px}.gh-post-content .kg-bookmark-title{font-size:1.6rem;font-weight:600;line-height:1.3em}.gh-post-content .kg-bookmark-description{display:-webkit-box;font-size:1.5rem;line-height:1.5em;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#626d79;margin-top:12px;max-height:48px;overflow:hidden;opacity:.8}.gh-post-content .kg-bookmark-metadata{align-items:center;display:flex;margin-top:22px;width:100%}.gh-post-content .kg-bookmark-icon{width:22px;height:22px;margin-right:8px}.gh-post-content .kg-bookmark-author{font-size:1.5rem;line-height:1.5em;font-weight:400;color:#626d79}.gh-post-content .kg-bookmark-publisher{font-size:1.5rem;line-height:1.5em;font-weight:400;color:#626d79;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.gh-post-content .kg-bookmark-thumbnail{position:relative;min-width:33%;max-height:100%}.gh-post-content .kg-bookmark-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;border-radius:0 .4rem .4rem 0}.gh-post-content .kg-button-card a{font-weight:700;font-size:1.8rem;display:inline-block;margin:1.6em 0;padding:1.2em 2.4em;color:#fff;background:var(--color-primary);border-radius:var(--radius)}.gh-post-content .kg-callout-card{background:rgba(0,82,154,.1);padding:1.6em}.gh-post-content .kg-callout-emoji{font-size:2.1rem;margin-right:.6em}.gh-post-content .kg-callout-text{font-size:1.8rem}.gh-post-content .kg-header-card{margin:1.6em 0}.gh-post-content .kg-header-card h1,.gh-post-content .kg-header-card h2,.gh-post-content .kg-header-card h3,.gh-post-content .kg-header-card h4,.gh-post-content .kg-header-card h5,.gh-post-content .kg-header-card h6{text-align:center}.gh-post-content .kg-header-card.kg-size-large h1,.gh-post-content .kg-header-card.kg-size-large h2{font-size:4.2rem}.gh-post-content .kg-header-card.kg-style-accent{color:#fff;background:var(--color-primary);padding:4vmin}.gh-post-content .kg-toggle-card{margin:1.6em 0}.gh-post-content .kg-toggle-heading{font-size:1.8rem}.gh-post-content .kg-toggle-content{margin-top:1.2em}.gh-post-content .kg-embed-card{margin:1.6em 0}.gh-post-content .kg-embed-card iframe{height:320px}.gh-post-content .kg-video-card{margin:1.6em 0}.gh-post-content .kg-audio-card{margin:1.6em 0}.gh-page{word-break:break-word}.gh-page-header{margin-bottom:4vmin}.gh-page-title{font-size:4.2rem;font-weight:700;line-height:1.2em;margin:0 0 .6em}.gh-page-image{aspect-ratio:16/9;background:#c5d2d9 no-repeat 50%;background-size:cover;border-radius:var(--radius);margin:0;width:100%}.gh-page-content{font-size:1.8rem;line-height:1.6em;padding:4vmin 0}.gh-page-content>:first-child{margin-top:0}.gh-page-content>:last-child{margin-bottom:0}.gh-page-content a{word-break:break-all}.gh-page-content a:not([class]){box-shadow:inset 0 -1px 0 var(--color-primary);transition:background .4s ease,color .4s ease}.gh-page-content a:not([class]):hover{background:var(--color-primary);color:#fff}.gh-page-content h1,.gh-page-content h2,.gh-page-content h3,.gh-page-content h4,.gh-page-content h5,.gh-page-content h6{font-weight:700}.gh-page-content img{border-radius:var(--radius);margin:1.2em 0}.gh-page-content figure{margin:1.6em 0}.gh-page-content figcaption{font-size:1.4rem;font-style:italic;margin:.6em 0 0;text-align:center}.gh-page-content blockquote{border-left:4px solid var(--color-primary);font-style:italic;margin:1.6em 0;padding:.6em 1.6em}.gh-page-content code{font-family:var(--font-mono);font-size:.9em;font-weight:400;vertical-align:middle}.gh-page-content pre code{background:0 0;font-size:1.4rem;padding:0;vertical-align:unset}.gh-page-content pre{background:var(--color-bg);border-radius:var(--radius);line-height:1.6em;overflow-x:auto;padding:1.6em}.gh-page-content .kg-card{margin:1.6em 0}.gh-page-content .kg-width-wide img{width:1040px}.gh-page-content .kg-width-full img{width:100vw}.gh-page-content .kg-image-card{margin:1.6em 0}.gh-page-content .kg-image-card.kg-width-full{margin:1.6em -4vmin}.gh-page-content .kg-gallery-card{margin:1.6em 0}.gh-page-content .kg-gallery-container{display:grid;grid-gap:1rem;grid-template-columns:repeat(3,1fr)}.gh-page-content .kg-gallery-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.gh-page-content .kg-bookmark-card{margin:1.6em 0;width:100%}.gh-page-content .kg-bookmark-container{align-items:stretch;border:1px solid rgba(0,0,0,.1);display:flex;min-height:148px;text-decoration:none}.gh-page-content .kg-bookmark-content{display:flex;flex-direction:column;flex-grow:1;flex-basis:100%;align-items:flex-start;justify-content:flex-start;padding:20px}.gh-page-content .kg-bookmark-title{font-size:1.6rem;font-weight:600;line-height:1.3em}.gh-page-content .kg-bookmark-description{display:-webkit-box;font-size:1.5rem;line-height:1.5em;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#626d79;margin-top:12px;max-height:48px;overflow:hidden;opacity:.8}.gh-page-content .kg-bookmark-metadata{align-items:center;display:flex;margin-top:22px;width:100%}.gh-page-content .kg-bookmark-icon{width:22px;height:22px;margin-right:8px}.gh-page-content .kg-bookmark-author{font-size:1.5rem;line-height:1.5em;font-weight:400;color:#626d79}.gh-page-content .kg-bookmark-publisher{font-size:1.5rem;line-height:1.5em;font-weight:400;color:#626d79;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.gh-page-content .kg-bookmark-thumbnail{position:relative;min-width:33%;max-height:100%}.gh-page-content .kg-bookmark-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;border-radius:0 .4rem .4rem 0}.gh-page-content .kg-button-card a{font-weight:700;font-size:1.8rem;display:inline-block;margin:1.6em 0;padding:1.2em 2.4em;color:#fff;background:var(--color-primary);border-radius:var(--radius)}.gh-page-content .kg-callout-card{background:rgba(0,82,154,.1);padding:1.6em}.gh-page-content .kg-callout-emoji{font-size:2.1rem;margin-right:.6em}.gh-page-content .kg-callout-text{font-size:1.8rem}.gh-page-content .kg-header-card{margin:1.6em 0}.gh-page-content .kg-header-card h1,.gh-page-content .kg-header-card h2,.gh-page-content .kg-header-card h3,.gh-page-content .kg-header-card h4,.gh-page-content .kg-header-card h5,.gh-page-content .kg-header-card h6{text-align:center}.gh-page-content .kg-header-card.kg-size-large h1,.gh-page-content .kg-header-card.kg-size-large h2{font-size:4.2rem}.gh-page-content .kg-header-card.kg-style-accent{color:#fff;background:var(--color-primary);padding:4vmin}.gh-page-content .kg-toggle-card{margin:1.6em 0}.gh-page-content .kg-toggle-heading{font-size:1.8rem}.gh-page-content .kg-toggle-content{margin-top:1.2em}.gh-page-content .kg-embed-card{margin:1.6em 0}.gh-page-content .kg-embed-card iframe{height:320px}.gh-page-content .kg-video-card{margin:1.6em 0}.gh-page-content .kg-audio-card{margin:1.6em 0}.no-js .gh-postfeed{margin-top:0}.no-js .gh-card-meta,.no-js .gh-card-title{display:none}.error-content{padding:10vmin 4vmin;text-align:center}.error-code{font-size:12vmin;line-height:1em;margin:0 0 .2em}.error-description{font-size:2.1rem;margin:0;opacity:.8}.search-input{border:0;font-size:3.2rem;font-weight:700;padding:1.6rem 0;width:100%}.search-input:focus{outline:none}.search-result{margin:4vmin 0 0}.search-result-title{font-size:1.4rem;text-transform:uppercase}main.search-main{padding-top:0}.gh-viewport{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.gh-head{background:#fff;z-index:1000}.gh-head-inner{
    display:flex;
    align-items:center;
    height:8rem; /* Increased from 4rem to accommodate larger logo */
}.gh-head-brand{flex:1 1 auto;display:flex;align-items:center}.gh-head-logo{font-size:1.8rem;font-weight:700;text-decoration:none}.gh-head-logo img{max-height:calc(var(--height) - 2rem)}.gh-head-menu{display:none}.gh-head-actions{flex:0 0 auto;display:flex;align-items:center;padding-left:var(--margin)}.gh-head-actions-list{display:flex;align-items:center}.gh-search{display:flex;align-items:center;padding:0;background:0 0;border:0;color:inherit;cursor:pointer}.gh-search svg{height:1.8rem;width:1.8rem;fill:#000}.gh-burger{display:flex;align-items:center;height:100%;padding:0;background:0 0;border:0;color:inherit;cursor:pointer}.gh-burger svg{height:1.8rem;width:1.8rem;fill:#000}.gh-main{flex:1 1 auto}.gh-foot{background:#1a1a1a;color:#a8a8a8;padding:6rem 0}.gh-foot-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:4rem;border-bottom:1px solid #333}.gh-foot-brand .gh-head-logo{color:#fff;font-size:2.4rem}.gh-foot-social a{color:#fff;margin-left:2rem;text-decoration:none}.gh-foot-social a:hover{opacity:.8}.gh-foot-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4rem;padding:4rem 0;border-bottom:1px solid #333}.gh-foot-nav-col h4{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:2rem}.gh-foot-nav-col ul{list-style:none;padding:0}.gh-foot-nav-col li{margin-bottom:1rem}.gh-foot-nav-col a{color:#a8a8a8;text-decoration:none}.gh-foot-nav-col a:hover{color:#fff}.gh-foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:4rem;font-size:1.4rem}.gh-foot-legal a{color:#a8a8a8;margin-left:2rem;text-decoration:none}.gh-foot-legal a:hover{color:#fff}.gh-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;padding:4vmin;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.gh-screen.gh-screen-open{opacity:1;visibility:visible}.gh-screen-close{position:absolute;top:0;right:0;padding:4vmin;background:0 0;border:0;color:inherit;cursor:pointer}.gh-screen-close svg{height:1.8rem;width:1.8rem;fill:#000}.gh-screen-content{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;text-align:center}.gh-screen-menu .nav{display:flex;flex-direction:column;align-items:center;list-style:none;margin:0;padding:0}.gh-screen-menu a{display:block;font-size:2.4rem;font-weight:700;margin:0 0 .6em;padding:.2em 0}.gh-screen-search{margin-top:var(--margin)}.gh-screen-search .search-input{text-align:center}@media (max-width:740px){.gh-post-content .kg-width-wide img,.gh-post-content .kg-width-full img,.gh-page-content .kg-width-wide img,.gh-page-content .kg-width-full img{width:auto;max-width:100%}.gh-post-content .kg-image-card.kg-width-full,.gh-page-content .kg-image-card.kg-width-full{margin:1.6em 0;border-radius:0}}@media (min-width:741px){.gh-head-menu{display:block}.gh-burger{display:none}}.gh-hero-section{background:#001f3f;color:#fff;padding:10rem 0;text-align:center}.gh-hero-content{max-width:800px;margin:0 auto}.gh-hero-title{font-size:5.2rem;font-weight:700;line-height:1.1;margin-bottom:2rem}.gh-hero-subtitle{font-size:2rem;font-weight:300;opacity:.9;margin-bottom:3rem}.gh-button{display:inline-block;background:var(--color-primary);color:#fff;padding:1.2rem 2.4rem;border-radius:5px;text-decoration:none;font-weight:700;transition:.3s}.gh-button.primary{background:#fff;color:var(--color-primary)}.gh-button:hover{transform:translateY(-2px)}.gh-section{padding:8rem 0}.gh-services-section{background:#f8f9fa}.gh-section-title{text-align:center;font-size:3.6rem;font-weight:700;margin-bottom:5rem}.gh-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem}.gh-service-col h3{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--color-primary)}.gh-service-col ul{list-style:none;padding:0}.gh-service-col li{margin-bottom:1rem}.gh-service-col a{text-decoration:none;color:#333}.gh-service-col a:hover{color:var(--color-primary)}.gh-insights-section .gh-postfeed{grid-template-columns:repeat(3,1fr)}.gh-section-footer{text-align:center;margin-top:5rem}.gh-about-section{background:#001f3f;color:#fff;text-align:center}.gh-about-content{max-width:800px;margin:0 auto}.gh-about-content h2{font-size:3.6rem;margin-bottom:2rem}.gh-about-content p{font-size:1.8rem;margin-bottom:3rem}.gh-about-content .gh-button{background:var(--color-primary);color:#fff}/* --- Header Navigation Fix (2026-03-26 v2) --- */
.gh-head-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gh-head-brand {
    flex-shrink: 0;
}

.gh-head-menu {
    display: flex !important; /* Override default */
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.gh-head-menu .nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gh-head-menu .nav li {
    margin: 0 0 0 3.2rem;
    padding: 0;
    line-height: 1;
}

.gh-head-menu .nav a {
    text-decoration: none;
    color: var(--color-base);
    font-size: 1.7rem;
    font-weight: 500;
    padding: 1rem 0;
    transition: color 0.3s ease;
}

.gh-head-menu .nav a:hover {
    color: var(--color-primary);
}

.gh-head-actions {
    padding-left: 2rem;
}

/* --- Logo Styles --- */
.gh-head-logo {
    display: flex;
    align-items: center;
    color: var(--color-primary);
}

.gh-head-logo svg {
    height: 28px;
    width: auto;
    margin-right: 12px;
}

.gh-logo-text {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--color-base);
}

/* --- Cookie Banner (2026-03-26) --- */
.cookie-banner {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1a1a1a;
    color: #fff;
    padding: 2rem 4vmin;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
    font-size: 1.5rem;
}

.cookie-banner p {
    margin: 0;
    padding-right: 2rem;
    line-height: 1.4;
}

.cookie-banner a {
    color: #fff;
    text-decoration: underline;
}

.cookie-banner .gh-button {
    background: var(--color-primary);
    color: #fff;
    padding: 0.8rem 1.6rem;
    flex-shrink: 0;
    border-radius: 5px;
}


/* --- Cookie Banner v2 (2026-03-26) --- */
.cookie-banner-actions {
    display: flex;
    gap: 1.5rem;
    flex-shrink: 0;
}

.gh-button.secondary {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.gh-button.secondary:hover {
    background: #fff;
    color: #1a1a1a;
}


/* --- Logo Size Adjustment (2026-03-26) --- */
.gh-head-logo img {
    max-height: 6.5rem !important;
}


/* --- Logo Size & Dropdown Menu (2026-03-26) --- */
.gh-head-logo img {
    max-height: 3.5rem;
}

.nav li.has-dropdown {
    position: relative;
}

.nav li.has-dropdown > a::after {
    content: '\25BC';
    font-size: 0.8rem;
    margin-left: 0.5rem;
    display: inline-block;
    vertical-align: middle;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: -1.5rem;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    padding: 1rem 0;
    min-width: 240px;
    z-index: 1000;
    list-style: none;
}

.nav li.has-dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu li {
}

.dropdown-menu a {
    display: block;
    width: 100%;
}

.dropdown-menu a:hover {
    background: #f5f5f5;
}

/* Mobile dropdown behavior */
@media (max-width: 980px) {
    .nav li.has-dropdown.is-open .dropdown-menu {
        display: block;
        position: static;
        box-shadow: none;
        border: 0;
        background: #f8f8f8;
        padding-left: 1rem;
    }
}


/* --- Logo Size & Dropdown Menu (2026-03-26) --- */
.gh-head-logo img {
    max-height: 3.5rem;
}

.nav li.has-dropdown {
    position: relative;
}

.nav li.has-dropdown > a::after {
    content: '\25BC';
    font-size: 0.8rem;
    margin-left: 0.5rem;
    display: inline-block;
    vertical-align: middle;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: -1.5rem;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    padding: 1rem 0;
    min-width: 240px;
    z-index: 1000;
    list-style: none;
}

.nav li.has-dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu li {
    margin: 0 !important;
    line-height: 1.4 !important;
}

.dropdown-menu a {
    padding: 0.8rem 1.5rem !important;
    display: block;
    width: 100%;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
}

.dropdown-menu a:hover {
    background: #f5f5f5;
}

/* Mobile dropdown behavior */
@media (max-width: 980px) {
    .nav li.has-dropdown.is-open .dropdown-menu {
        display: block;
        position: static;
        box-shadow: none;
        border: 0;
        background: #f8f8f8;
        padding-left: 1rem;
    }
}

/* --- Custom Styles: Infocean Refactor (2026-03-28) --- */

/* --- 1. Brand Palette & Typography --- */
:root {
    --strategic-blue: #0A2B4C;
    --signal-gold: #2E86C1;
    --deep-rock-gray: #333333;
    --light-gray: #f5f5f5;
    --white: #ffffff;
}

/* --- 2. Hero Section Overhaul --- */
.gh-hero-section {
    background-color: var(--strategic-blue);
    color: var(--white);
    padding: 8rem 0;
}

.gh-hero-content .gh-hero-title {
    font-size: 3.2rem; /* Make title more prominent */
    color: var(--white);
}

.gh-hero-content .gh-hero-subtitle {
    font-size: 1.2rem;
    color: var(--light-gray);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* --- 3. Dual CTA Buttons --- */
.gh-hero-cta {
    display: flex;
    justify-content: center;
    gap: 20px; /* Space between buttons */
    margin-top: 30px;
}

/* Overriding default button styles */
.gh-hero-cta .gh-button {
    border-color: var(--signal-gold);
    color: var(--signal-gold);
    background: transparent;
}

.gh-hero-cta .gh-button:hover {
    background-color: var(--signal-gold);
    color: var(--strategic-blue) !important;
    border-color: var(--signal-gold);
}

.gh-hero-cta .gh-button.primary {
    background-color: var(--signal-gold);
    border-color: var(--signal-gold);
    color: var(--strategic-blue) !important;
}

.gh-hero-cta .gh-button.primary:hover {
    background-color: transparent;
    color: var(--signal-gold) !important;
}

/* --- Custom Styles: Cookie Banner (2026-03-28) --- */
.cookie-banner {
    display: none; /* Hidden by default, shown by JS */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1a1a1a;
    color: #fff;
    padding: 2rem 4vmin;
    justify-content: space-between;
    align-items: center;
    z-index: 9999;
    font-size: 1.5rem;
}

.cookie-banner p {
    margin: 0;
    padding-right: 2rem;
    line-height: 1.4;
}

.cookie-banner a {
    color: #fff;
    text-decoration: underline;
}

.cookie-banner .gh-button {
    background: var(--signal-gold);
    color: var(--strategic-blue) !important;
    padding: 0.8rem 1.6rem;
    flex-shrink: 0;
    border-radius: 5px;
}

/* --- Infocean Full Restructure (2026-04-02) --- */

/* Page Feature Image */
.gh-page-feature-image {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
    margin: 0;
}
.gh-page-feature-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}

/* Stats Section */
.gh-stats-section {
    background-color: var(--signal-gold);
    padding: 4rem 0;
}
.gh-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    text-align: center;
}
.gh-stat-number {
    display: block;
    font-size: 3.6rem;
    font-weight: 800;
    color: var(--strategic-blue);
    line-height: 1.2;
}
.gh-stat-label {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--strategic-blue);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.5rem;
}

/* Section Subtitle */
.gh-section-subtitle {
    text-align: center;
    font-size: 1.8rem;
    color: #666;
    max-width: 700px;
    margin: -1rem auto 3rem;
}

/* Why Infocean Section */
.gh-why-section {
    background-color: var(--light-gray);
    padding: 6rem 0;
}
.gh-why-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 2rem;
}
.gh-why-item {
    background: var(--white);
    padding: 3rem;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    border-left: 4px solid var(--signal-gold);
}
.gh-why-item h3 {
    font-size: 2rem;
    color: var(--strategic-blue);
    margin-bottom: 1rem;
}
.gh-why-item p {
    font-size: 1.6rem;
    color: #555;
    line-height: 1.6;
}

/* About Section Enhancement */
.gh-about-section {
    background-color: var(--strategic-blue);
    color: var(--white);
    padding: 6rem 0;
    text-align: center;
}
.gh-about-content h2 {
    color: var(--signal-gold);
    font-size: 2.8rem;
}
.gh-about-content p {
    font-size: 1.8rem;
    max-width: 800px;
    margin: 1.5rem auto;
    line-height: 1.7;
    color: rgba(255,255,255,0.9);
}
.gh-about-content .gh-button {
    border-color: var(--signal-gold);
    color: var(--signal-gold);
    margin-top: 1rem;
}
.gh-about-content .gh-button:hover {
    background: var(--signal-gold);
    color: var(--strategic-blue) !important;
}

/* Services Section Enhancement */
.gh-services-section {
    padding: 6rem 0;
}
.gh-service-col h3 {
    color: var(--strategic-blue);
    font-size: 2rem;
    border-bottom: 2px solid var(--signal-gold);
    padding-bottom: 0.8rem;
    margin-bottom: 1.5rem;
}
.gh-service-col ul {
    list-style: none;
    padding: 0;
}
.gh-service-col ul li {
    margin-bottom: 0.8rem;
}
.gh-service-col ul li a {
    color: #444;
    font-size: 1.6rem;
    text-decoration: none;
    transition: color 0.2s;
}
.gh-service-col ul li a:hover {
    color: var(--signal-gold);
}

/* Insights Section Enhancement */
.gh-insights-section {
    background-color: var(--light-gray);
    padding: 6rem 0;
}

/* Page Header Enhancement */
.gh-page-header {
    padding: 3rem 0 2rem;
}
.gh-page-title {
    color: var(--strategic-blue);
}
.gh-page-excerpt {
    font-size: 1.8rem;
    color: #666;
}

/* Responsive */
@media (max-width: 768px) {
    .gh-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .gh-why-grid {
        grid-template-columns: 1fr;
    }
    .gh-hero-content .gh-hero-title {
        font-size: 2.4rem;
    }
    .gh-page-feature-image img {
        height: 250px;
    }
}

/* --- Fix: Post Navigation Arrows Size (2026-04-02) --- */
.gh-readmore svg {
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px;
    vertical-align: middle;
}
.gh-readmore-next a,
.gh-readmore-prev a {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.gh-readmore h4 {
    margin: 0 !important;
}

/* --- Comprehensive Article Typography Enhancement (2026-04-02) --- */

/* Article Container */
.gh-article {
    max-width: 820px;
    margin: 0 auto;
}

/* Article Header */
.gh-header.gh-canvas {
    padding: 4rem 0 3rem;
}

.gh-post-meta {
    font-size: 1.5rem;
    color: #666;
    margin-bottom: 1.5rem;
    font-weight: 500;
}

.gh-post-meta .bull {
    margin: 0 0.8rem;
    opacity: 0.5;
}

.gh-title {
    font-size: 4.2rem;
    font-weight: 800;
    line-height: 1.25;
    color: var(--strategic-blue);
    margin: 0 0 1.5rem;
    letter-spacing: -0.02em;
}

.gh-excerpt {
    font-size: 2rem;
    line-height: 1.6;
    color: #555;
    margin: 1.5rem 0 2.5rem;
    font-weight: 400;
}

/* Feature Image Enhancement */
.gh-feature-image {
    margin: 3rem 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.gh-feature-image img {
    width: 100%;
    height: auto;
    display: block;
}

.gh-feature-image figcaption {
    text-align: center;
    font-size: 1.4rem;
    color: #666;
    font-style: italic;
    margin-top: 1rem;
    padding: 0 2rem;
}

/* Article Content Typography */
.gh-content.gh-canvas {
    font-size: 1.9rem;
    line-height: 1.75;
    color: #333;
    padding: 2rem 0;
}

.gh-content p {
    margin: 0 0 2rem;
    line-height: 1.8;
}

.gh-content p:last-child {
    margin-bottom: 0;
}

/* Headings in Content */
.gh-content h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--strategic-blue);
    margin: 4rem 0 1.5rem;
    letter-spacing: -0.01em;
}

.gh-content h3 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.35;
    color: #222;
    margin: 3rem 0 1.2rem;
}

.gh-content h4 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    color: #333;
    margin: 2.5rem 0 1rem;
}

.gh-content h5 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.4;
    color: #444;
    margin: 2rem 0 0.8rem;
}

.gh-content h6 {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4;
    color: #555;
    margin: 1.5rem 0 0.8rem;
}

/* Blockquote Enhancement */
.gh-content blockquote {
    border-left: 4px solid var(--signal-gold);
    background: rgba(46, 134, 193, 0.05);
    font-style: italic;
    font-size: 1.8rem;
    line-height: 1.7;
    margin: 2.5rem 0;
    padding: 1.5rem 2rem;
    color: #444;
    border-radius: 0 4px 4px 0;
}

.gh-content blockquote p {
    margin: 0;
}

.gh-content blockquote cite {
    display: block;
    margin-top: 1rem;
    font-size: 1.5rem;
    color: #666;
    font-style: normal;
}

/* Links Enhancement */
.gh-content a {
    color: var(--color-primary);
    text-decoration: none;
    border-bottom: 2px solid rgba(0, 82, 154, 0.3);
    transition: all 0.2s ease;
}

.gh-content a:hover {
    border-bottom-color: var(--color-primary);
    background: rgba(0, 82, 154, 0.05);
}

/* List Styles */
.gh-content ul,
.gh-content ol {
    margin: 2rem 0;
    padding-left: 3rem;
}

.gh-content ul li,
.gh-content ol li {
    margin-bottom: 0.8rem;
    line-height: 1.75;
}

.gh-content ul li:last-child,
.gh-content ol li:last-child {
    margin-bottom: 0;
}

.gh-content ul {
    list-style-type: disc;
}

.gh-content ul ul {
    list-style-type: circle;
    margin-top: 0.8rem;
}

.gh-content ol {
    list-style-type: decimal;
}

.gh-content ol ol {
    list-style-type: lower-alpha;
    margin-top: 0.8rem;
}

/* Code Blocks */
.gh-content pre {
    background: #f6f8fa;
    border: 1px solid #e1e4e8;
    border-radius: 6px;
    padding: 1.6rem;
    overflow-x: auto;
    margin: 2rem 0;
    line-height: 1.6;
}

.gh-content pre code {
    background: transparent;
    padding: 0;
    font-size: 1.5rem;
    color: #24292e;
}

.gh-content code {
    background: #f6f8fa;
    padding: 0.3rem 0.6rem;
    border-radius: 3px;
    font-size: 1.6rem;
    color: #e83e8c;
    font-family: var(--font-mono);
}

/* Tables */
.gh-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 2.5rem 0;
    font-size: 1.7rem;
}

.gh-content table th,
.gh-content table td {
    padding: 1.2rem 1.5rem;
    text-align: left;
    border-bottom: 1px solid #e1e4e8;
}

.gh-content table th {
    background: #f6f8fa;
    font-weight: 700;
    color: #333;
}

.gh-content table tr:hover {
    background: #f9fafb;
}

/* Images in Content */
.gh-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 2.5rem 0;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

.gh-content figure {
    margin: 2.5rem 0;
}

.gh-content figcaption {
    text-align: center;
    font-size: 1.5rem;
    color: #666;
    font-style: italic;
    margin-top: 1rem;
}

/* Horizontal Rule */
.gh-content hr {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, #ddd, transparent);
    margin: 4rem 0;
}

/* Article Footer */
.gh-footer.gh-canvas {
    padding: 3rem 0;
    border-top: 1px solid #e1e4e8;
    margin-top: 4rem;
}

.gh-post-authors {
    font-size: 1.6rem;
    color: #666;
}

.gh-post-authors a {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 600;
}

.gh-post-authors a:hover {
    text-decoration: underline;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .gh-title {
        font-size: 3.2rem;
    }
    
    .gh-excerpt {
        font-size: 1.8rem;
    }
    
    .gh-content.gh-canvas {
        font-size: 1.7rem;
    }
    
    .gh-content h2 {
        font-size: 2.6rem;
        margin: 3rem 0 1.2rem;
    }
    
    .gh-content h3 {
        font-size: 2.2rem;
        margin: 2.5rem 0 1rem;
    }
    
    .gh-content h4 {
        font-size: 1.9rem;
    }
    
    .gh-content ul,
    .gh-content ol {
        padding-left: 2rem;
    }
    
    .gh-content blockquote {
        padding: 1.2rem 1.5rem;
        font-size: 1.7rem;
    }
    
    .gh-content table {
        font-size: 1.5rem;
    }
    
    .gh-content table th,
    .gh-content table td {
        padding: 0.8rem 1rem;
    }
}

@media (max-width: 480px) {
    .gh-header.gh-canvas {
        padding: 3rem 0 2rem;
    }
    
    .gh-title {
        font-size: 2.8rem;
    }
    
    .gh-content h2 {
        font-size: 2.4rem;
    }
    
    .gh-content h3 {
        font-size: 2rem;
    }
}

/* ============================================================
   MOBILE RESPONSIVE FIX — INFOCEAN THEME
   Updated: 2026-04-02
   ============================================================ */

/* ---- GLOBAL BOX MODEL FIX ---- */
*, *::before, *::after {
    box-sizing: border-box !important;
}
html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}
.gh-viewport {
    overflow-x: hidden !important;
    width: 100% !important;
}

/* ---- NAVIGATION BAR BASE ---- */
#gh-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: #fff !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
.gh-head-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 6.4rem !important;
    padding: 0 4vmin !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    width: 100% !important;
}
.gh-head-brand {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
}
.gh-head-logo {
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: #001f3f !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.gh-head-logo img {
    max-height: 4rem !important;
    width: auto !important;
}
.gh-head-menu {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
}
.gh-head-menu .nav {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0.5rem !important;
}
.gh-head-menu .nav li a {
    display: block !important;
    padding: 0.6rem 1.2rem !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color 0.2s !important;
}
.gh-head-menu .nav li a:hover {
    color: #001f3f !important;
}
.gh-head-actions {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

/* ---- HAMBURGER BUTTON ---- */
.gh-burger {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 4rem !important;
    height: 4rem !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    color: #001f3f !important;
    border-radius: 4px !important;
    transition: background 0.2s !important;
}
.gh-burger:hover {
    background: rgba(0,31,63,0.06) !important;
}
.gh-burger svg {
    width: 2.2rem !important;
    height: 2.2rem !important;
    stroke: #001f3f !important;
}

/* ---- MOBILE MENU OVERLAY ---- */
.gh-mobile-menu {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(340px, 88vw) !important;
    background: #001f3f !important;
    z-index: 9999 !important;
    transform: translateX(100%) !important;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
}
.gh-mobile-menu.is-open {
    transform: translateX(0) !important;
}
.gh-mobile-menu-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding: 2rem !important;
}
.gh-mobile-menu-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 2.5rem !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
    margin-bottom: 2rem !important;
}
.gh-mobile-logo {
    color: #fff !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
}
.gh-mobile-logo img {
    max-height: 3.6rem !important;
    filter: brightness(0) invert(1) !important;
}
.gh-mobile-close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.6rem !important;
    height: 3.6rem !important;
    background: rgba(255,255,255,0.1) !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    color: #fff !important;
    transition: background 0.2s !important;
}
.gh-mobile-close:hover {
    background: rgba(255,255,255,0.2) !important;
}
.gh-mobile-close svg {
    width: 1.8rem !important;
    height: 1.8rem !important;
    stroke: #fff !important;
}
.gh-mobile-nav {
    flex: 1 1 auto !important;
}
.gh-mobile-nav ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.gh-mobile-nav ul li {
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.gh-mobile-nav ul li a {
    display: block !important;
    padding: 1.6rem 0.5rem !important;
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.9) !important;
    text-decoration: none !important;
    transition: color 0.2s, padding-left 0.2s !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
.gh-mobile-nav ul li a:hover {
    color: #2E86C1 !important;
    padding-left: 1rem !important;
}
.gh-mobile-cta {
    padding-top: 3rem !important;
}
.gh-mobile-btn {
    display: block !important;
    text-align: center !important;
    background: #2E86C1 !important;
    color: #001f3f !important;
    padding: 1.4rem 2rem !important;
    border-radius: 4px !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    transition: background 0.2s !important;
}
.gh-mobile-btn:hover {
    background: #2471A3 !important;
}

/* ---- BACKDROP ---- */
.gh-mobile-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,0.55) !important;
    z-index: 9998 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.35s ease, visibility 0.35s ease !important;
}
.gh-mobile-backdrop.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ============================================================
   RESPONSIVE BREAKPOINTS
   ============================================================ */

/* ---- TABLET & BELOW (≤ 900px) ---- */
@media (max-width: 900px) {
    .gh-head-menu {
        display: none !important;
    }
    .gh-burger {
        display: flex !important;
    }
}

/* ---- MOBILE (≤ 768px) ---- */
@media (max-width: 768px) {

    /* --- Global padding --- */
    .gh-container {
        padding: 0 4vmin !important;
    }

    /* --- Hero sections --- */
    .gh-hero-section,
    .ic-about-hero,
    .ic-exp-hero,
    .ic-svc-hero,
    .ic-contact-hero {
        padding: 6rem 4vmin 5rem !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .gh-hero-title,
    .ic-about-hero h1,
    .ic-exp-hero h1,
    .ic-svc-hero h1,
    .ic-contact-hero h1 {
        font-size: 3.2rem !important;
    }
    .gh-hero-subtitle,
    .ic-about-hero-subtitle,
    .ic-exp-hero-sub,
    .ic-svc-hero-sub,
    .ic-contact-hero-sub {
        font-size: 1.7rem !important;
    }
    .gh-hero-cta,
    .ic-exp-hero-cta,
    .ic-cta-buttons {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 1.2rem !important;
    }
    .gh-hero-cta a,
    .ic-exp-hero-cta a,
    .ic-cta-buttons a {
        text-align: center !important;
    }

    /* --- Stats grids: 2x2 --- */
    .ic-stats-grid,
    .ic-stats-band .ic-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }
    .ic-stat-item-num,
    .ic-stat-num {
        font-size: 3.4rem !important;
    }

    /* --- Card grids: single column --- */
    .ic-cards-3,
    .ic-expert-grid,
    .ic-svc-cards,
    .ic-engage-grid,
    .ic-offices-grid,
    .ic-contact-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    /* --- Services grid on homepage --- */
    .gh-services-grid {
        grid-template-columns: 1fr !important;
        gap: 3rem !important;
    }

    /* --- Insights feed: single column --- */
    .gh-insights-section .gh-postfeed {
        grid-template-columns: 1fr !important;
    }

    /* --- Pillar headers --- */
    .ic-pillar-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
    }
    .ic-pillar-num {
        font-size: 4rem !important;
    }
    .ic-pillar-title {
        font-size: 2.4rem !important;
    }

    /* --- Section titles --- */
    .ic-section-title,
    .gh-section-title {
        font-size: 2.8rem !important;
    }

    /* --- Urgent box --- */
    .ic-urgent-box {
        flex-direction: column !important;
        gap: 1.5rem !important;
    }

    /* --- CTA bands --- */
    .ic-cta-band,
    .ic-highlight-section {
        padding: 5rem 4vmin !important;
    }
    .ic-cta-band h2 {
        font-size: 2.6rem !important;
    }

    /* --- Footer --- */
    .gh-foot-nav {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 3rem !important;
    }
    .gh-foot-bottom {
        flex-direction: column !important;
        gap: 1.5rem !important;
        text-align: center !important;
    }
    .gh-foot-legal a {
        margin: 0 0.8rem !important;
    }
    .gh-foot-top {
        flex-direction: column !important;
        gap: 1.5rem !important;
        text-align: center !important;
    }

    /* --- Post/page article --- */
    .gh-article-header {
        padding: 3rem 0 2rem !important;
    }
    .ic-post-title {
        font-size: 3rem !important;
    }
    .ic-post-meta {
        flex-wrap: wrap !important;
        gap: 1rem !important;
    }
    .ic-post-content {
        font-size: 1.7rem !important;
    }
    .ic-post-content h2 { font-size: 2.4rem !important; }
    .ic-post-content h3 { font-size: 2rem !important; }

    /* --- Readmore nav --- */
    .gh-readmore-inner {
        flex-direction: column !important;
        gap: 2rem !important;
    }
}

/* ---- SMALL MOBILE (≤ 480px) ---- */
@media (max-width: 480px) {
    .ic-about-hero h1,
    .ic-exp-hero h1,
    .ic-svc-hero h1,
    .ic-contact-hero h1,
    .gh-hero-title {
        font-size: 2.6rem !important;
    }
    .ic-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .ic-stat-item-num,
    .ic-stat-num {
        font-size: 2.8rem !important;
    }
    .gh-foot-nav {
        grid-template-columns: 1fr !important;
    }
    .ic-section-title {
        font-size: 2.4rem !important;
    }
    .ic-cta-band h2 {
        font-size: 2.2rem !important;
    }
    .ic-highlight-box {
        padding: 2.5rem !important;
    }
    .ic-urgent-box {
        padding: 2.5rem !important;
    }
}

/* --- Cookie Banner: Decline Button & Mobile Responsive (2026-04-02) --- */
.cookie-banner-actions {
    display: flex;
    gap: 1rem;
    flex-shrink: 0;
    align-items: center;
}
.cookie-banner .gh-button.secondary {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.7);
    padding: 0.8rem 1.6rem;
    flex-shrink: 0;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
}
.cookie-banner .gh-button.secondary:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: #fff;
}
@media (max-width: 600px) {
    .cookie-banner {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
        padding: 2rem;
    }
    .cookie-banner p {
        padding-right: 0;
    }
    .cookie-banner-actions {
        width: 100%;
        justify-content: flex-end;
    }
    .cookie-banner .gh-button,
    .cookie-banner .gh-button.secondary {
        flex: 1;
        text-align: center;
        padding: 1rem 1.2rem;
        font-size: 1.4rem;
    }
}