/* additions.css — fixes and new sections. Loaded last so it wins over earlier override files. */

/* Header: sticky, keeps all nav links on one line, mobile-only enquiry link */
.site-header{position:sticky;top:0;z-index:20;transition:box-shadow .25s ease}
.site-header.is-scrolled{box-shadow:0 8px 24px rgba(21,42,43,.08)}
.main-nav{margin-left:auto;margin-right:36px;gap:26px}
.main-nav a{white-space:nowrap}
.main-nav .nav-enquire{display:none}
@media(min-width:901px) and (max-width:1180px){.main-nav{gap:16px;margin-right:20px}.main-nav a{font-size:11px}}
@media(max-width:900px){.main-nav{margin-right:0}.main-nav .nav-enquire{display:block;color:var(--coral)}}
.skip-link{position:absolute;left:12px;top:-60px;z-index:50;background:var(--ink);color:var(--paper);padding:10px 14px;font-size:12px;font-weight:700}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--coral);outline-offset:3px}

/* Elements toggled with the hidden attribute must stay hidden even if a class sets display */
[hidden]{display:none!important}
.chat-cta{margin-bottom:22px}

/* Floating chat button + panel */
.chat-launcher{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:10px;height:58px;padding:0 22px 0 18px;border:0;border-radius:29px;background:var(--coral);color:#fff;font:700 13px var(--sans);cursor:pointer;box-shadow:0 12px 30px rgba(21,42,43,.28);transition:transform .2s ease,background .2s ease,padding .2s ease}
.chat-launcher:hover{transform:translateY(-3px);background:#f0624a}
.chat-launcher svg{width:26px;height:26px;flex:none}
.chat-icon-open{fill:#fff}
.chat-icon-open circle{fill:var(--coral)}
.chat-icon-close{display:none;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.chat-launcher.is-open{padding:0 16px}
.chat-launcher.is-open .chat-icon-open,.chat-launcher.is-open .chat-launcher-label{display:none}
.chat-launcher.is-open .chat-icon-close{display:block}
.chat-launcher.has-unread:after{content:'';position:absolute;top:6px;right:8px;width:12px;height:12px;border-radius:50%;background:var(--sun);border:2px solid var(--coral)}
.chat-launcher{animation:chat-pop .5s ease .8s backwards}
@keyframes chat-pop{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}
.chat-panel{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 72px);z-index:60;width:360px;max-width:calc(100vw - 32px);height:min(540px,calc(100vh - 130px));display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(21,42,43,.3);animation:chat-in .22s ease}
@keyframes chat-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.chat-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--ink);color:var(--paper)}
.chat-avatar img{display:block;width:36px;height:36px;border-radius:9px;border:1px solid rgba(247,246,241,.25)}
.chat-head strong{display:block;font-size:14px}
.chat-head small{display:flex;align-items:center;gap:6px;font:10px var(--mono);color:#a5c3b9;margin-top:2px}
.chat-head small i{width:7px;height:7px;border-radius:50%;background:var(--mint)}
.chat-close{margin-left:auto;width:32px;height:32px;border:0;border-radius:50%;background:rgba(247,246,241,.1);color:var(--paper);font-size:20px;line-height:1;cursor:pointer}
.chat-close:hover{background:rgba(247,246,241,.2)}
.chat-log{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:#eef1ec}
.chat-msg{max-width:85%;margin:0;padding:11px 14px;font-size:13px;line-height:1.55;border-radius:14px;overflow-wrap:anywhere}
.chat-msg-bot{align-self:flex-start;background:#fff;color:var(--ink);border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(21,42,43,.06)}
.chat-msg-user{align-self:flex-end;background:var(--coral);color:#fff;border-bottom-right-radius:4px}
.chat-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}
.chat-chips button{border:1px solid #c9d2cb;background:var(--paper);color:var(--ink);border-radius:16px;padding:7px 12px;font:600 11px var(--sans);cursor:pointer}
.chat-chips button:hover{border-color:var(--coral);color:var(--coral)}
.chat-form{padding:12px 14px 6px;border-top:1px solid var(--line);background:var(--paper)}
.chat-form input,.chat-form textarea{width:100%;border:1px solid #d3dad4;border-radius:10px;background:#fff;color:var(--ink);font:13px var(--sans);padding:10px 12px;outline:0}
.chat-form input:focus,.chat-form textarea:focus{border-color:var(--coral)}
.chat-compose{display:flex;gap:8px;align-items:flex-end;margin-top:8px}
.chat-compose textarea{resize:none;min-height:44px;max-height:110px}
.chat-compose button{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--coral);cursor:pointer;display:grid;place-items:center}
.chat-compose button:hover{background:#f0624a}
.chat-compose svg{width:19px;height:19px;fill:#fff}
.chat-hint{min-height:16px;margin:6px 2px 0;font-size:11px;color:#c4442c}
.chat-foot{display:block;padding:9px 16px 13px;font-size:11px;color:var(--muted);background:var(--paper);text-align:center}
.chat-foot:hover{color:var(--coral)}
@media(max-width:620px){.chat-launcher{height:54px;padding:0 15px}.chat-launcher-label{display:none}.chat-panel{right:16px;left:16px;width:auto;max-width:none;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 66px);height:min(520px,calc(100vh - 110px))}}
@media(prefers-reduced-motion:reduce){.chat-launcher,.chat-panel{animation:none!important}}

/* HR / contact links: previous colour was cream-on-cream and unreadable */
.hr-contact{color:var(--coral)}
.contact .hr-contact{color:#f5e8d1}
.contact-info-grid .hr-contact{display:inline-block!important;margin-top:12px;color:var(--coral);text-decoration:underline;text-underline-offset:3px}
.office-address{font-style:normal;font-size:13px;line-height:1.7;color:var(--ink);margin:0 0 6px}
.contact-info-grid address{font-style:normal;color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:10px}
.contact-info-grid address strong{display:block;color:var(--ink);font-size:11px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}

/* AI Studio: "scroll to explore" overlapped the CTA button */
@media(min-width:901px){.ai-hero{min-height:830px}}

/* Footer */
.site-footer.site-footer-rich{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:40px;padding:70px 5.4vw 0;align-items:start;min-height:0}
.site-footer-rich .footer-brand p{margin:18px 0 0;max-width:230px;line-height:1.7}
.site-footer-rich .footer-col{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#526262}
.site-footer-rich .footer-col a{color:#526262;transition:color .2s}
.site-footer-rich .footer-col a:hover{color:var(--coral)}
.site-footer-rich .footer-col address{font-style:normal;line-height:1.65}
.site-footer-rich .footer-col address strong{display:block;color:var(--ink)}
.site-footer-rich .footer-title{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--coral);margin-bottom:6px}
.site-footer-rich .footer-bottom{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:22px 0 26px;margin-top:10px}
.back-to-top{font:10px var(--mono);letter-spacing:.08em;color:#526262}
.back-to-top:hover{color:var(--coral)}
@media(max-width:1100px){.site-footer.site-footer-rich{grid-template-columns:1fr 1fr 1fr}.site-footer-rich .footer-brand{grid-column:1 / -1}}
@media(max-width:620px){.site-footer.site-footer-rich{grid-template-columns:1fr 1fr;gap:30px;padding-top:50px}.site-footer-rich .footer-offices{grid-column:1 / -1}}

/* Enquiry form */
.enquiry-form select{display:block;width:100%;border:0;border-bottom:1px solid #b9c4bc;background-color:transparent;color:var(--ink);font:14px var(--sans);padding:12px 24px 12px 0;outline:0;border-radius:0;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.enquiry-form .field-error{display:block;min-height:14px;margin-top:5px;color:#c4442c;font-size:10px;font-weight:600}
.enquiry-form [aria-invalid="true"]{border-color:#c4442c!important}
.form-success{color:#2f7a5c;font-weight:600}

/* FAQ */
.faq-section{display:grid;grid-template-columns:38% 1fr;gap:7%;padding-top:110px;padding-bottom:110px;background:var(--paper)}
.faq-section h2{font-size:clamp(40px,4.4vw,62px);line-height:.95;letter-spacing:-.09em;margin:24px 0}
.faq-section h2 em{font-family:var(--serif);font-weight:400}
.faq-section .faq-intro p{color:var(--muted);line-height:1.75;max-width:330px}
.faq-list{border-top:1px solid var(--ink)}
.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:700;font-size:16px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';color:var(--coral);font:20px var(--mono);line-height:1;transition:transform .2s}
.faq-list details[open] summary:after{transform:rotate(45deg)}
.faq-list details p{color:var(--muted);line-height:1.75;margin:14px 0 0;max-width:560px}
@media(max-width:900px){.faq-section{grid-template-columns:1fr;gap:30px;padding-top:80px;padding-bottom:80px}}

/* Careers */
.careers-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:20px}
.careers-areas article{background:var(--paper);padding:34px 30px 38px}
.careers-areas span{font:10px var(--mono);color:var(--coral);letter-spacing:.08em}
.careers-areas h3{font-size:21px;letter-spacing:-.04em;margin:18px 0 10px}
.careers-areas p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.careers-section{padding-top:110px;padding-bottom:110px}
.careers-section>.eyebrow+h2{font-size:clamp(40px,4.4vw,62px);line-height:.95;letter-spacing:-.09em;margin:24px 0 18px}
.careers-section h2 em{font-family:var(--serif);font-weight:400}
.careers-section>p{color:var(--muted);line-height:1.75;max-width:520px}
.careers-apply{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;background:#e7ebe4;padding-top:100px;padding-bottom:100px}
.careers-apply h2{font-size:clamp(36px,4vw,54px);line-height:.98;letter-spacing:-.08em;margin:24px 0}
.careers-apply h2 em{font-family:var(--serif);font-weight:400}
.careers-apply ol{margin:0;padding:0;list-style:none;counter-reset:step;border-top:1px solid var(--ink)}
.careers-apply li{counter-increment:step;display:grid;grid-template-columns:44px 1fr;padding:18px 0;border-bottom:1px solid #cfd6cd;color:var(--muted);line-height:1.6;font-size:13px}
.careers-apply li:before{content:counter(step,decimal-leading-zero);font:10px var(--mono);color:var(--coral);padding-top:4px}
.careers-apply li strong{color:var(--ink)}
.careers-apply .button{margin-top:28px}
@media(max-width:900px){.careers-areas{grid-template-columns:1fr 1fr}.careers-apply{grid-template-columns:1fr;gap:30px}}
@media(max-width:620px){.careers-areas{grid-template-columns:1fr}.careers-section,.careers-apply{padding-top:70px;padding-bottom:70px}}

/* 404 */
.not-found{min-height:62vh;display:flex;flex-direction:column;justify-content:center}
.not-found .not-found-code{font:clamp(90px,16vw,220px)/.85 var(--sans);font-weight:800;letter-spacing:-.1em;color:var(--coral);margin:0 0 10px}
.not-found .hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}