:root{--indigo:#171d3b;--indigo2:#242b4d;--ochre:#c28a3a;--gold:#e0b76e;--grey:#77766f;--ink:#20222b;--muted:#686a72;--off:#f6f4ef;--paper:#fffefa;--line:rgba(23,29,59,.15);--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.6;background:var(--paper)}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:white;padding:10px}.skip-link:focus{left:8px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,254,250,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,29,59,.08)}
.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;color:var(--indigo);letter-spacing:.12em;font-size:1.25rem;font-weight:800;flex-shrink:0}
.brand-symbol{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--indigo);color:white;font-size:1rem;font-weight:500;letter-spacing:0}
.brand-symbol:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--ochre);right:-2px;bottom:-1px}
.primary-nav{display:flex;gap:clamp(12px,2vw,26px);align-items:center;font-size:.82rem;font-weight:600;color:#454754}
.primary-nav a:hover{color:var(--ochre)}.primary-nav .nav-contact{border:1px solid var(--indigo);padding:9px 14px}
.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:9px 12px;color:var(--indigo)}
.eyebrow{font-size:.7rem;letter-spacing:.13em;font-weight:750;color:var(--gold);margin:0 0 22px;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:22px;height:2px;background:var(--ochre);vertical-align:middle;margin:0 10px 3px 0}.eyebrow.muted{color:var(--grey)}
h1{font-size:clamp(3rem,6.4vw,6rem);line-height:1.02;letter-spacing:-.055em;font-weight:650;margin:24px 0}h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.08;letter-spacing:-.045em;font-weight:620;color:var(--indigo);margin:0}h1 em,h2 em{font-style:normal;color:var(--ochre)}
p{margin-top:0}.btn{display:inline-flex;padding:14px 18px;gap:20px;font-weight:700;font-size:.86rem;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:var(--indigo)}.btn-outline{border:1px solid rgba(255,255,255,.35);color:white}.btn-dark{background:var(--indigo);color:white}
.hero{position:relative;overflow:hidden;background:var(--indigo);color:white;min-height:630px;display:flex;align-items:center}.hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(224,183,110,.3);border-radius:50%;right:6%;top:16%;box-shadow:0 0 0 48px rgba(255,255,255,.02),0 0 0 96px rgba(255,255,255,.015)}
.hero-inner{position:relative;z-index:1;padding:80px 0}.hero .intro{max-width:590px;font-size:1.12rem;color:rgba(255,255,255,.76);margin:28px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-footnote{margin-top:48px;font-size:.82rem;color:rgba(255,255,255,.55)}
.section{padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.copy{max-width:560px;color:var(--muted);padding-top:28px}.copy .lead{font-size:1.2rem;color:var(--ink)}.copy p{margin-bottom:16px}
.shaded{background:var(--off)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}.section-heading>p{max-width:365px;color:var(--muted);margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);gap:1px;background:var(--line)}.cards article{background:var(--paper);padding:30px;min-height:340px;display:flex;flex-direction:column;align-items:flex-start}.cards .featured{background:var(--indigo);color:white}.cards small,.teasers small{font-size:.66rem;letter-spacing:.11em;color:var(--grey);font-weight:750}.cards .featured small{color:var(--gold)}.glyph{font-size:2.6rem;color:var(--ochre);margin:24px 0 12px}.cards h3{font-size:1.5rem;line-height:1.25;margin:0 0 12px}.cards p{color:var(--muted);font-size:.9rem;margin:0 0 20px}.cards .featured p{color:rgba(255,255,255,.7)}.cards a{margin-top:auto;border-bottom:1px solid var(--ochre);padding-bottom:6px;font-size:.85rem;font-weight:700}
.dark-section{background:var(--indigo);color:white}.dark-section h2{color:white}.subcopy{max-width:470px;color:var(--muted);margin-top:24px}.dark-section .subcopy{color:rgba(255,255,255,.64)}.rows{border-top:1px solid rgba(255,255,255,.2)}.rows article{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.2)}.rows article>span{color:var(--gold);font-size:.75rem}.rows h3{margin:0 0 4px;font-size:1.08rem}.rows p{margin:0;color:rgba(255,255,255,.62);font-size:.88rem}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:35px}.audience-grid a{min-height:90px;padding:20px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.92rem;font-weight:600}.audience-grid b{color:var(--ochre)}
.initiative-rows{border-color:var(--line)}.initiative-rows article{grid-template-columns:60px 1fr;align-items:center;border-color:var(--line)}.initiative-rows h3{color:var(--indigo)}.initiative-rows p{color:var(--muted)}.mark{display:grid;place-items:center;width:54px;height:54px;background:var(--indigo);color:white;font-weight:800}.mark.ochre{background:var(--ochre);color:var(--indigo)}
.teasers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.teasers article{background:var(--off);padding:25px;min-height:220px}.teasers h3{font-size:1.3rem;line-height:1.3;color:var(--indigo);margin:24px 0 10px}.teasers p{color:var(--muted);font-size:.88rem}
.closing{background:var(--ochre);padding:90px 0;color:var(--indigo)}.closing h2{color:var(--indigo)}.closing h2 em{color:rgba(23,29,59,.65)}.closing p:not(.eyebrow){max-width:580px;color:rgba(23,29,59,.78);margin:24px 0}
.site-footer{background:#11162e;color:white;padding:55px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;padding-bottom:38px}.brand-inverse{color:white}.brand-inverse .brand-symbol{background:white;color:var(--indigo)}.footer-grid p{font-size:.83rem;color:rgba(255,255,255,.58)}.footer-grid strong{font-size:.8rem;color:var(--gold);font-weight:500}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:.83rem;color:rgba(255,255,255,.7)}.footer-links small{color:var(--gold);letter-spacing:.12em;margin-bottom:8px}.footer-links a:hover{color:white}.copyright{border-top:1px solid rgba(255,255,255,.15);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:rgba(255,255,255,.45)}
.page-hero{background:var(--indigo);color:white;padding:82px 0 76px}.page-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);max-width:900px}.page-hero .intro{max-width:760px;color:rgba(255,255,255,.74);font-size:1.05rem}.content-section{padding:70px 0}.content-section h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:20px}.content-section p,.content-section li{color:var(--muted)}.content-section h3{color:var(--indigo)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.content-panel{padding:26px;background:var(--off)}.content-panel h3{margin-top:0}.plain-list{padding-left:20px}
.form-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:650;font-size:.86rem}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #c9c9c5;border-radius:2px;background:white;font:inherit;color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.field-note{font-size:.78rem;color:var(--muted)}.notice{padding:16px;background:var(--off);font-size:.84rem;color:var(--muted)}.status-message{padding:12px;background:#f4f0e7;border-left:3px solid var(--ochre)}
@media(max-width:900px){.primary-nav{gap:12px;font-size:.75rem}.hero:after{right:-15%}.cards article{padding:23px}}
@media(max-width:720px){.container{width:calc(100% - 36px)}.nav-wrap{min-height:70px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:16px 22px;background:var(--paper);flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);font-size:.95rem}.primary-nav.open{display:flex}.primary-nav a{padding:8px}.hero{min-height:570px}.hero-inner{padding:68px 0}.hero:after{width:260px;height:260px;right:-25%;top:12%}.section{padding:72px 0}.split,.section-heading,.form-shell{display:grid;grid-template-columns:1fr;gap:28px}.copy{padding-top:0}.section-heading>p{margin-top:18px}.cards,.teasers,.content-grid{grid-template-columns:1fr}.cards article{min-height:290px}.audience-grid{grid-template-columns:1fr}.audience-grid a{min-height:70px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{flex-direction:column;gap:7px}.closing{padding:72px 0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



/* =========================================
   FOOTER SOCIAL MEDIA ICONS
========================================= */

.footer-social {
    margin-top: 22px;
}

.footer-social small {
    display: block;
    margin-bottom: 12px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,0.65);
}

.social-icons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    color: #77766f !important;
    transition: color 0.25s ease, transform 0.25s ease;
}

.social-link svg {
    display: block;
    width: 23px;
    height: 23px;
    fill: currentColor;
}

/* Platform hover colours */

.social-link.linkedin:hover {
    color: #0A66C2 !important;
}

.social-link.instagram:hover {
    color: #E4405F !important;
}

.social-link.facebook:hover {
    color: #1877F2 !important;
}

.social-link.youtube:hover {
    color: #FF0000 !important;
}

.social-link.x-social:hover {
    color: #ffffff !important;
}

.social-link:hover {
    transform: translateY(-3px);
}

/* Temporary placeholder links */

.social-link.is-placeholder {
    cursor: default;
    pointer-events: auto;
}

/* Keyboard accessibility */

.social-link:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 5px;
}

/* =========================================
   T-IDEAS HEADER LOGO
========================================= */

.brand-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.site-logo {
    display: block;
    width: auto;
    height: 48px;
    max-width: 230px;
    object-fit: contain;
}

/* Responsive logo */

@media (max-width: 768px) {
    .site-logo {
        height: 42px;
        max-width: 190px;
    }
}