:root{--black:#08090a;--black2:#101214;--gold:#bda78f;--gold-hi:#e0c7a7;--silver:#e6e7e8;--muted:#9d9d9a;--line:rgba(189,167,143,.26)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--silver);font-family:Arial,sans-serif;font-size:16px}
a{color:inherit;text-decoration:none}
em{font-style:normal;color:var(--gold-hi)}
.site-header{height:92px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid var(--line);background:linear-gradient(#000b,transparent)}
.brand img{width:220px;height:78px;object-fit:contain}
.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px;letter-spacing:.08em}
.site-header nav a:hover{color:var(--gold-hi)}
.nav-cta{border:1px solid var(--gold);padding:13px 18px}
.menu-button{display:none}
.hero{min-height:100vh;display:grid;grid-template-columns:56% 44%;position:relative;overflow:hidden;background:radial-gradient(circle at 22% 44%,#24201d 0,transparent 34%),var(--black)}
.hero-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:145px 6vw 80px;position:relative;z-index:2}
.hero-logo{width:min(730px,95%);max-height:570px;object-fit:contain;filter:drop-shadow(0 28px 55px #000)}
.hero-kicker{margin:10px 0 0;color:var(--gold-hi);text-transform:uppercase;letter-spacing:.34em;font-size:12px}
.hero-lead{margin:16px 0 0;text-transform:uppercase;letter-spacing:.16em;color:#aaa;font-size:13px;text-align:center}
.hero-actions{display:flex;gap:14px;margin-top:30px}
.hero-photo{background:linear-gradient(90deg,var(--black) 0,transparent 32%),url('assets/cire-hero.png') right center/cover no-repeat;position:relative}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(#0004,transparent 45%,#000b)}
.metal-orbit{position:absolute;width:560px;height:560px;border:1px solid #bda78f26;border-radius:50%;box-shadow:0 0 90px #bda78f14}
.side-note{position:absolute;right:42px;bottom:35px;z-index:3;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.25em;font-size:10px;color:var(--gold)}
.button{display:inline-flex;justify-content:center;padding:17px 24px;text-transform:uppercase;letter-spacing:.15em;font-size:11px;border:1px solid #e6e7e847;transition:.25s}
.button:hover{transform:translateY(-2px);border-color:var(--gold-hi)}
.primary{background:linear-gradient(115deg,#826c56,#c6aa8d,#8b745d);color:#08090a;border:0;font-weight:bold}
.ghost{background:#0005}
.section-index{text-transform:uppercase;color:var(--gold);letter-spacing:.28em;font-size:12px}
.statement{padding:130px clamp(24px,7vw,110px);display:grid;grid-template-columns:.5fr 1.8fr;gap:70px;border-top:1px solid var(--line);background:linear-gradient(135deg,#0b0c0d,#141516)}
.statement h1,.section-heading h2,.image-band h2,.cta h2,.page-hero h1{font-family:Georgia,serif;font-size:clamp(40px,5vw,78px);font-weight:400;line-height:1.08;letter-spacing:-.03em;margin:0}
.statement>div>p{max-width:720px;font-size:18px;line-height:1.8;color:#aaa}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
.pillars article{padding:60px clamp(24px,5vw,75px);border-right:1px solid var(--line)}
.pillars article:last-child{border-right:0}
.pillar-icon{font-size:45px;color:var(--gold)}
.pillars p{text-transform:uppercase;letter-spacing:.25em;font-size:11px;color:var(--gold);margin-top:30px}
.pillars h2{font-family:Georgia;font-weight:400;font-size:30px;line-height:1.25}
.services-preview,.page-section{padding:130px clamp(24px,7vw,110px)}
.section-heading{display:grid;grid-template-columns:1.5fr .7fr;align-items:end;gap:70px;margin-bottom:65px}
.section-heading>p{color:#999;line-height:1.75}
.service-links{border-top:1px solid var(--line)}
.service-links a{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;padding:33px 15px;border-bottom:1px solid var(--line);transition:.25s}
.service-links a:hover{background:linear-gradient(90deg,#bda78f24,transparent);padding-left:28px}
.service-links span{color:var(--gold);font-size:12px}
.service-links strong{font-family:Georgia;font-size:clamp(23px,3vw,40px);font-weight:400}
.service-links b{color:var(--gold-hi);font-size:22px}
.image-band{min-height:620px;padding:100px clamp(24px,7vw,110px);display:flex;align-items:end;background:linear-gradient(90deg,#08090af2,#08090a4d),url('assets/cire-hero.png') center/cover no-repeat;border-top:1px solid var(--line)}
.image-band>div{max-width:850px}
.text-link{display:inline-block;margin-top:35px;color:var(--gold-hi);text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.cta{text-align:center;padding:140px 24px;background:radial-gradient(circle at 50% 0,#2b241e,transparent 48%),#0b0c0d}
.cta p:not(.section-index){max-width:650px;color:#aaa;line-height:1.7;margin:28px auto 36px}
.cta .button{min-width:220px}
footer{padding:55px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.2fr 1fr 1fr .5fr;gap:30px;align-items:end;border-top:1px solid var(--line);font-size:12px;color:#888;line-height:1.7}
footer img{width:175px;height:90px;object-fit:contain}
footer a:hover{color:var(--gold-hi)}
.page-hero{min-height:64vh;padding:180px clamp(24px,7vw,110px) 90px;display:flex;align-items:end;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#2a241f 0,transparent 35%),#090a0b;border-bottom:1px solid var(--line)}
.page-hero:after{content:"CIRE";position:absolute;right:-20px;bottom:-70px;font-family:Arial;font-size:clamp(150px,25vw,390px);letter-spacing:.12em;color:transparent;-webkit-text-stroke:1px #bda78f1a}
.page-hero>div{position:relative;z-index:1;max-width:1000px}
.page-hero p:last-child{max-width:720px;color:#aaa;line-height:1.8;font-size:18px}
.content-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.content-card{padding:48px;min-height:340px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,#fff0009,transparent)}
.content-card .num{color:var(--gold);font-size:12px;letter-spacing:.2em}
.content-card h2{font-family:Georgia;font-weight:400;font-size:clamp(27px,3vw,42px);margin:45px 0 18px}
.content-card p,.content-card li{color:#aaa;line-height:1.7}
.content-card ul{padding-left:20px}
.wide-copy{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}
.wide-copy h2{font-family:Georgia;font-weight:400;font-size:clamp(36px,4.5vw,66px);margin:0}
.wide-copy p{color:#aaa;line-height:1.85;font-size:17px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.contact-list{border-top:1px solid var(--line)}
.contact-list a,.contact-list div{display:block;padding:28px 0;border-bottom:1px solid var(--line)}
.contact-list small{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;margin-bottom:8px}
.contact-list strong{font-family:Georgia;font-size:24px;font-weight:400}

@media(max-width:900px){.site-header{height:76px}
.brand img{width:170px;height:64px}
.menu-button{display:block;background:none;color:#fff;border:1px solid var(--gold);padding:10px 14px}
.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#090a0b;padding:25px;flex-direction:column;align-items:stretch}
.site-header nav.open{display:flex}
.hero{grid-template-columns:1fr}
.hero-visual{min-height:760px;padding:120px 24px 65px}
.hero-photo{position:absolute;inset:0;opacity:.27}
.metal-orbit{width:440px;height:440px}
.side-note{display:none}
.statement,.section-heading,.wide-copy,.contact-grid{grid-template-columns:1fr;gap:30px}
.pillars{grid-template-columns:1fr}
.pillars article{border-right:0;border-bottom:1px solid var(--line)}
footer{grid-template-columns:1fr 1fr}
.page-hero{min-height:58vh;padding-top:140px}
}
@media(max-width:560px){.hero-visual{min-height:700px}
.hero-logo{width:110%;max-width:none}
.metal-orbit{width:330px;height:330px}
.hero-actions{width:100%;flex-direction:column}
.statement,.services-preview,.page-section{padding:85px 22px}
.pillars article{padding:45px 24px}
.content-grid{grid-template-columns:1fr}
.content-card{padding:35px 25px;min-height:auto}
.service-links a{grid-template-columns:45px 1fr 25px;padding:25px 5px}
.image-band{min-height:520px;padding:65px 22px}
.cta{padding:95px 22px}
footer{grid-template-columns:1fr}
.page-hero{padding:135px 22px 65px}
.page-hero:after{font-size:160px}
.hero-kicker{letter-spacing:.22em}
.hero-lead{line-height:1.7}
}

/* Navigation, readable controls and narrow-screen layout. */
.skip-link{position:fixed;top:12px;left:12px;z-index:30;transform:translateY(-180%);padding:14px 20px;background:var(--gold-hi);color:var(--black)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:5px}
.site-header nav{font-size:.875rem;gap:clamp(16px,2vw,32px)}
.site-header nav a[aria-current="page"]{color:var(--gold-hi);text-decoration:underline;text-underline-offset:7px}
.button,.text-link,.menu-button{font-size:.875rem;line-height:1.5}
.hero-lead{font-size:.875rem;line-height:1.8}
.hero-kicker{text-align:center;line-height:1.8}
.pillars p{font-size:.875rem}
.side-note{font-size:.75rem}
footer{font-size:.875rem}
.content-card:last-child:nth-child(odd){grid-column:1/-1;min-height:0}
.contact-list strong{overflow-wrap:anywhere}
[id]{scroll-margin-top:32px}
@media(max-width:1100px) and (min-width:901px){.site-header{padding-inline:24px}.brand img{width:180px}.hero-actions{flex-wrap:wrap;justify-content:center}}
@media(max-width:560px){.hero-logo{width:100%;max-width:100%}.hero-visual{min-height:680px}.hero-kicker{letter-spacing:.15em}.content-card:last-child:nth-child(odd){grid-column:auto}.page-hero h1{font-size:clamp(2rem,9vw,2.8rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Project case studies share the established black and bronze theme. */
.project-heading h2{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:400;line-height:1.1;margin:20px 0}
.project-subtitle{font-size:1.25rem;color:var(--gold-hi);line-height:1.5}
.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:44px 0 64px;border-block:1px solid var(--line)}
.project-facts>div{padding:28px 24px 28px 0}
.project-facts dt{font-size:.875rem;color:var(--gold);margin-bottom:12px}
.project-facts dd{margin:0;font-size:1.125rem;line-height:1.6}
.project-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,6vw,90px)}
.project-story h3{font-family:Georgia,serif;font-size:1.875rem;font-weight:400;margin:0 0 24px}
.project-story p{font-size:1.0625rem;line-height:1.85;color:#aaa}
.project-source{display:inline-block;margin-top:16px;font-size:.875rem;line-height:1.7;text-decoration:underline;text-underline-offset:4px;color:var(--gold-hi)}
@media(max-width:700px){.project-facts,.project-story{grid-template-columns:1fr}.project-facts{margin-bottom:40px}.project-facts>div{padding:20px 0}.project-facts>div+div{border-top:1px solid var(--line)}}

.project-photographs{margin-top:72px;padding-top:44px;border-top:1px solid var(--line)}
.project-photographs h3{font-family:Georgia,serif;font-size:clamp(1.875rem,3vw,2.75rem);font-weight:400;line-height:1.2;margin:0 0 20px}
.gallery-intro{color:#aaa;line-height:1.8;margin-bottom:32px}
@media(max-width:1000px){}
@media(max-width:560px){.project-photographs{margin-top:48px}}

.specialist-intro{max-width:620px;font-size:1.125rem;line-height:1.8;color:var(--silver)}
.specialist-links{display:flex;flex-wrap:wrap;gap:16px 28px}.specialist-links .text-link{margin-top:16px;line-height:1.7;text-decoration:underline;text-underline-offset:5px}

.sector-list{list-style:none;padding:0;margin:0}.sector-list li{font-size:1.125rem;line-height:1.6;padding:16px 0;border-bottom:1px solid var(--line);color:var(--silver)}

.project-jump{display:flex;flex-wrap:wrap;gap:20px;padding:28px clamp(24px,7vw,110px);border-bottom:1px solid var(--line)}.project-jump a{color:var(--gold-hi);font-size:1rem;line-height:1.6;text-decoration:underline;text-underline-offset:5px}.project-case+.project-case{border-top:1px solid var(--line)}

.project-category{padding:64px clamp(24px,7vw,110px);border-bottom:1px solid var(--line)}.project-category h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1.2;margin:20px 0}.project-category>p:not(.section-index){max-width:720px;line-height:1.8;color:#aaa}.case-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px}.case-links a{color:var(--gold-hi);line-height:1.6;text-decoration:underline;text-underline-offset:5px}.domestic-projects{border-top:1px solid var(--line);background:var(--black2)}.domestic-projects .domestic-note{font-size:.875rem}.domestic-projects .text-link{margin-top:16px}

.services-menu{position:relative}.services-menu summary{cursor:pointer;list-style:revert;padding:12px 0;color:inherit}.services-dropdown{position:absolute;top:100%;left:0;min-width:270px;padding:16px;background:#101214;border:1px solid var(--line);box-shadow:0 16px 30px #0008;display:grid;gap:0;letter-spacing:normal}.services-dropdown a{display:block;padding:12px;line-height:1.5}.services-dropdown a:hover{background:#24201d}.services-menu summary:focus-visible{outline:2px solid var(--gold-hi);outline-offset:5px}.service-reference{font-size:.875rem;line-height:1.8;color:#aaa;margin-top:32px}.service-reference a{color:var(--gold-hi);text-decoration:underline}@media(max-width:900px){.services-dropdown{position:static;min-width:0;box-shadow:none;margin-top:8px}.services-menu{width:100%}}

/* Compact, consistently aligned UKAEA project photographs. */
#ukaea .ukaea-compact-gallery{margin-top:32px;padding-top:28px}
@media(max-width:1000px){}
@media(max-width:720px){}
@media(max-width:400px){}
@media(max-width:900px){}
@media(max-width:400px){}
@media(max-width:1000px){}
@media(max-width:720px){}
@media(max-width:400px){}
@media(max-width:720px){}
@media(max-width:400px){}
@media(max-width:720px){}
@media(max-width:400px){}
@media(max-width:1000px){}
@media(max-width:720px){}
@media(max-width:400px){}

/* Clear, text-only sector overview: no lettering embedded behind page copy. */
.home-sectors{padding:90px clamp(24px,7vw,110px);background:#0d0e10;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-sectors-heading{max-width:850px;margin-bottom:44px}.home-sectors h2{font:400 clamp(36px,4.5vw,66px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:20px 0 24px}.home-sectors-heading>p:last-child{max-width:720px;color:var(--silver);font-size:18px;line-height:1.8}.home-sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.home-sector-grid article{min-width:0;border-top:1px solid var(--line);padding-top:26px}.home-sector-grid h3{font:400 26px/1.3 Georgia,serif;margin:0 0 20px;color:var(--gold-hi)}.home-sector-grid ul{list-style:none;padding:0;margin:0 0 25px}.home-sector-grid li{padding:10px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.6;color:var(--silver);overflow-wrap:anywhere}.home-sector-grid .text-link{display:inline-block;line-height:1.6;margin-top:0}
@media(max-width:1000px){.home-sector-grid{grid-template-columns:1fr;gap:36px}.home-sectors{padding:65px 24px}.home-sectors-heading{margin-bottom:32px}}

/* Shared photo grid for every commercial and domestic project. */
.project-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:24px 18px;align-items:start}
.project-gallery figure{margin:0;min-width:0}
.project-gallery a{display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);background:var(--black2)}
.project-gallery img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}
.project-gallery figcaption{font-size:.875rem;color:var(--gold-hi);line-height:1.45;margin-top:8px}
@media(max-width:900px){.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}}
@media(max-width:480px){.project-gallery{grid-template-columns:1fr}}

/* Preserve complete project photographs without cropping or stretching. */
.residence-gallery a{background:#080909}
.residence-gallery img{object-fit:contain}

/* Keep the full Stripey Stork portraits and thermometer displays visible. */
#stripey-stork .stork-added-photo img{object-fit:contain}

/* Preserve complete Telford installation and team photographs. */
#nhs-telford .telford-added-photo img{object-fit:contain}