*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:#111;background:#fff;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.03}h1{font-size:clamp(58px,7.15vw,112px);letter-spacing:-.025em}h2{font-size:clamp(38px,3.55vw,58px);letter-spacing:-.018em}h3{font-size:32px}img{display:block;width:100%;height:auto}.skip-link{position:fixed;top:-100px;left:16px;background:white;padding:12px;z-index:50}.skip-link:focus{top:10px}.site-header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:10px 3%;height:80px;z-index:20;color:white;transition:background .3s,color .3s;border-bottom:1px solid transparent}.site-header.scrolled,.site-header.menu-open{background:rgba(255,255,255,.96);color:#111;border-color:#eee;backdrop-filter:blur(12px)}.brand{flex-shrink:0}.wordmark{display:inline-flex;align-items:baseline;gap:9px;white-space:nowrap}.wordmark-main{font:400 44px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.035em}.wordmark-small{font:400 10px/1 'Cormorant Garamond',Georgia,serif;text-transform:uppercase;letter-spacing:.26em;opacity:.7}.brand-tagline{display:block;font:italic 16px/1.3 'Cormorant Garamond',Georgia,serif;margin-top:7px;opacity:.7}.custom-logo{width:auto;max-width:280px;max-height:48px;object-fit:contain}.site-nav{display:flex;gap:36px;align-items:center}.site-nav a{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:12px 0;opacity:.85}.site-nav a:hover{opacity:1;color:var(--accent)}.menu-toggle{display:none;border:0;background:transparent;padding:12px;color:inherit}.menu-toggle span{display:block;width:24px;height:1px;background:currentColor;margin:6px 0}.hero{position:relative;min-height:720px;height:100svh;color:white;overflow:hidden;background:#171a1c}.hero-images,.hero-slide,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-slide{object-fit:cover;object-position:center;opacity:0;transition:opacity 1.8s ease}.hero-slide.is-active{opacity:1}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.23),rgba(0,0,0,.03) 42%,rgba(0,0,0,.84))}.hero-copy{position:absolute;left:3%;right:3%;bottom:12%;z-index:2}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.34em;text-transform:uppercase;line-height:1.7;margin-bottom:28px}.hero-location{color:rgba(255,255,255,.8);margin-bottom:28px}.hero h1{max-width:1150px}.hero-caption{font:400 15px/1.5 'Cormorant Garamond',Georgia,serif;letter-spacing:.3em;text-transform:uppercase;margin-top:24px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:17px 32px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;border:1px solid transparent;transition:background .2s,color .2s;line-height:1.5}.button-light{background:white;color:#111}.button-light:hover{background:#ede9e0}.button-dark{background:#111;color:white}.button-dark:hover{background:#373328}.text-button{font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.35);padding:12px 0;display:flex;gap:26px;align-items:center}.text-button:hover{border-color:white}.hero-company{position:absolute;bottom:27px;left:3%;font-size:10px;letter-spacing:.25em;text-transform:uppercase;opacity:.5}.slideshow-controls{position:absolute;right:3%;bottom:25px;display:flex;align-items:center;gap:9px;z-index:3}.slide-dot{border:1px solid #fff6;border-radius:50%;background:none;width:7px;height:7px;padding:0;box-sizing:content-box}.slide-dot.is-active{background:#fff;border-color:#fff}.slide-pause{border:0;background:transparent;color:#fffb;font-size:10px;letter-spacing:.1em;padding:10px;margin-left:5px}.firm{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.firm-image{overflow:hidden}.firm-image img{height:100%;object-fit:cover}.firm-copy{padding:80px 14%;display:flex;flex-direction:column;justify-content:center}.gold-rule{height:1px;background:var(--accent);width:64px;margin:32px 0}.prose{color:#666;line-height:1.75}.prose p+p{margin-top:25px}.section-pad{padding:112px 3%}.expertise h2{max-width:750px}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;margin-top:64px}.expertise-card{border-top:1px solid #e4dfd6;padding-top:32px}.line-icon{width:29px;height:29px;color:var(--accent);display:block;margin-bottom:27px}.expertise-card h3{margin-bottom:21px}.expertise-card p{color:#6b6b6b;max-width:440px}.expertise-card ul{list-style:none;padding:0;margin:26px 0 0;color:#777;font-size:13px;line-height:1.65}.expertise-card li{padding-left:17px;margin:11px 0;position:relative}.expertise-card li:before{content:'•';position:absolute;left:0;color:var(--accent)}.leadership{position:relative;min-height:560px;color:#fff;overflow:hidden;padding-top:74px;padding-bottom:94px;background:#0a0a0a}.leadership-image{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.leadership-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,9,.96),rgba(7,9,9,.84) 50%,rgba(7,9,9,.77))}.leadership-copy{position:relative;max-width:730px}.leadership h2{margin-bottom:36px}.leadership .prose{max-width:600px;color:#aaa}.leadership-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:52px}.leadership-facts>div{border-left:1px solid #aa987280;padding-left:20px}.leadership-facts h3{font-size:30px;margin-bottom:15px}.leadership-facts p{font-size:13px;line-height:1.75;color:#999}.enquiry{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:112px;padding-bottom:100px}.enquiry-copy .prose{max-width:550px}.contact-details{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;gap:26px;font-size:14px}.detail-label{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:13px;color:#999}.contact-details a{border-bottom:1px solid #d4c9b2}.enquiry-form{align-self:start}.enquiry-form label:not(.consent){display:block;color:#888;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:29px 30px}.enquiry-form input:not([type=checkbox]),.enquiry-form textarea,.enquiry-form select{display:block;width:100%;border:0;border-bottom:1px solid #ddd;padding:19px 0 13px;background:transparent;border-radius:0;color:#222;font-size:14px;letter-spacing:0;text-transform:none}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#aaa}.enquiry-form>label:not(.consent){margin-top:29px}.enquiry-form textarea{resize:vertical;min-height:120px}.enquiry-form .consent{display:flex;align-items:start;gap:11px;color:#888;font-size:12px;line-height:1.6;margin:25px 0;text-transform:none;letter-spacing:0}.consent input{width:14px;height:14px;margin-top:3px;flex-shrink:0;accent-color:#aa9872}.form-hint{font-size:11px;color:#999;margin-top:15px}.form-status{font-size:13px;margin-top:12px;color:#5c5140}.form-status.error{color:#9b2f2f}.form-trap{position:absolute;left:-10000px;height:1px;overflow:hidden}.site-footer{background:#0d0f0f;color:#aaa;padding:65px 3% 25px}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:8%}.footer-brand .wordmark{color:white}.footer-brand p{font-size:13px;line-height:1.75;margin-top:24px;max-width:360px}.site-footer .detail-label{color:var(--accent)}.site-footer nav{display:flex;flex-direction:column;gap:12px;font-size:13px}.site-footer nav a:hover{color:white}.site-footer ul{list-style:none;margin:0;padding:0;font-size:13px;line-height:2.65}.footer-bottom{border-top:1px solid #ffffff15;margin-top:50px;padding-top:23px;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:10px;line-height:1.6}.editor-entry{color:#aaa;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.site-header,.section-pad,.site-footer{padding-left:max(3%,calc((100vw - 1550px)/2));padding-right:max(3%,calc((100vw - 1550px)/2))}.hero-copy{left:max(3%,calc((100vw - 1550px)/2))}.firm-copy{padding-left:13%;padding-right:18%}}
@media(max-width:1000px){.site-nav{gap:23px}.brand-tagline{font-size:14px}.wordmark-main{font-size:36px}.wordmark-small{font-size:9px}.firm{min-height:650px}.firm-copy{padding:64px 10%}.section-pad{padding:80px 5%}.expertise-grid{gap:30px}.enquiry{gap:7%}.leadership{padding-top:75px;padding-bottom:75px}.contact-details{grid-template-columns:1fr}}
@media(max-width:720px){html{scroll-padding-top:78px}.site-header{padding:12px 6%;height:78px}.wordmark-main{font-size:36px}.brand-tagline{font-size:13px}.wordmark{gap:7px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:78px;left:0;right:0;padding:18px 6% 26px;background:#fff;color:#111;border-bottom:1px solid #eee;flex-direction:column;align-items:start;gap:3px}.site-nav.is-open{display:flex}.site-nav a{width:100%;font-size:12px;padding:14px 0}.hero{height:94svh;min-height:620px;max-height:960px}.hero-copy{left:6%;right:6%;bottom:15%}.hero h1{font-size:clamp(56px,13vw,82px);max-width:600px}.eyebrow{font-size:10px;letter-spacing:.27em}.hero-location{max-width:300px;margin-bottom:24px}.hero-caption{font-size:13px;margin-top:22px}.hero-actions{gap:18px;margin-top:31px}.button{padding:16px 23px;font-size:10px}.text-button{font-size:10px;gap:17px}.hero-company{left:6%;bottom:22px;font-size:8px;letter-spacing:.17em;max-width:220px}.slideshow-controls{right:5%;bottom:15px;gap:7px}.slide-pause{font-size:9px}.firm{grid-template-columns:1fr;min-height:0}.firm-image{height:440px;max-height:70svh}.firm-copy{padding:64px 6% 72px}.firm-copy h2{font-size:44px;max-width:580px}.section-pad{padding:70px 6%}.expertise h2{font-size:44px}.expertise-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.expertise-card{padding-top:25px}.line-icon{margin-bottom:22px}.expertise-card p{max-width:100%}.expertise-card ul{margin-top:19px}.leadership{min-height:650px}.leadership h2{font-size:44px;max-width:480px}.leadership-facts{grid-template-columns:1fr;gap:27px;margin-top:35px}.leadership-facts h3{font-size:28px;margin-bottom:6px}.leadership-facts p{max-width:350px}.enquiry{grid-template-columns:1fr;gap:55px}.contact-details{grid-template-columns:1fr 1fr;gap:20px}.enquiry h2{font-size:44px}.form-two{gap:25px 20px}.site-footer{padding:55px 6% 26px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:440px}.footer-bottom{margin-top:38px;flex-direction:column;align-items:start;gap:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide,.site-header{transition:none}}

/* Hero typography and white/gold framing from the original What Else project. */
.hero,.site-header{font-family:Arial,Helvetica,sans-serif}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,6.6vw,108px);font-weight:400;line-height:1.12;letter-spacing:-.055em;color:#fff}
.hero-location{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:.16em;color:#eef1f4}
.location-rule{width:38px;height:1px;flex:0 0 38px;background:var(--accent)}
.hero-caption{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.75;letter-spacing:.08em;color:var(--accent)}
.site-header .wordmark{align-items:center}
.site-header .wordmark-main{font-family:Georgia,'Times New Roman',serif;font-size:43px;letter-spacing:-1.5px}
.site-header .wordmark-small{font-family:Georgia,'Times New Roman',serif;font-size:14px;letter-spacing:.13em;text-transform:lowercase;color:var(--accent);opacity:1;padding-top:6px}
.brand-tagline{font-family:Georgia,'Times New Roman',serif;font-size:13px;opacity:.85}
.site-nav a{font-family:Arial,Helvetica,sans-serif;letter-spacing:.075em;font-size:12px}
.site-header.scrolled,.site-header.menu-open{border-bottom-color:transparent}
.site-header::after{content:'';position:absolute;left:3%;right:3%;bottom:0;height:1px;background:var(--accent);opacity:.65;pointer-events:none}
.hero::after{content:'';position:absolute;left:3%;right:3%;bottom:76px;height:1px;background:var(--accent);opacity:.65;pointer-events:none}
.hero-company{color:var(--accent);opacity:1;letter-spacing:.16em}
.hero .button-light{background:transparent;color:#fff;border-color:var(--accent);font-size:13px;letter-spacing:.075em;padding:17px 30px}
.hero .button-light:hover{background:#fff;color:#132433;border-color:#fff}
.hero .text-button{font-size:12px;letter-spacing:.08em;border-bottom-color:var(--accent)}
.hero .text-button span{color:var(--accent)}
.slide-dot{border-color:var(--accent)}
.slide-dot.is-active{background:var(--accent);border-color:var(--accent)}
.site-footer{border-top:1px solid var(--accent)}
.site-footer .wordmark-small{color:var(--accent);opacity:1}
.footer-bottom{border-top-color:var(--accent)}
.site-footer .footer-licence{color:var(--accent);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.site-footer .footer-licence:hover{color:#fff}
@media(min-width:1600px){.site-header::after,.hero::after{left:max(3%,calc((100vw - 1550px)/2));right:max(3%,calc((100vw - 1550px)/2))}}
@media(max-width:1000px){.site-header .wordmark-main{font-size:35px}.site-header .wordmark-small{font-size:12px}}
@media(max-width:720px){.hero h1{font-size:clamp(56px,12vw,86px);line-height:1.13}.hero-location{font-size:10px;gap:12px;max-width:none}.hero-caption{font-size:16px}.site-header .wordmark-main{font-size:33px}.site-header .wordmark-small{font-size:11px}.brand-tagline{font-size:11px}.site-header::after,.hero::after{left:6%;right:6%}.hero::after{bottom:68px}.hero .button-light{font-size:11px;padding:16px 23px}.hero .text-button{font-size:10px}}

/* Shared content width and positioning from the first What Else website. */
:root{--content-width:1320px;--page-gutter:56px;--page-inset:max(var(--page-gutter),calc((100% - var(--content-width))/2));--header-height:126px}
html{scroll-padding-top:calc(var(--header-height) + 24px)}
.site-header{height:var(--header-height);padding:34px var(--page-inset) 25px}
.site-header::after{left:var(--page-inset);right:var(--page-inset)}
.hero{display:flex;flex-direction:column;height:auto;min-height:max(720px,100svh);max-height:none;padding-top:var(--header-height)}
.hero-shade{background:linear-gradient(90deg,rgba(8,22,35,.66) 0%,rgba(8,22,35,.36) 60%,rgba(8,22,35,.2) 100%),linear-gradient(0deg,rgba(5,16,25,.5),transparent 28%,transparent 60%,rgba(5,16,25,.4))}
.hero-copy,.hero-bottom{width:min(var(--content-width),calc(100% - var(--page-gutter) - var(--page-gutter)));margin-inline:auto}
.hero-copy{position:relative;inset:auto;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:100px 0 86px}
.hero h1{max-width:1100px;text-wrap:balance}
.hero-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid var(--accent);padding:22px 0 27px}
.hero-company{position:static;max-width:none}
.slideshow-controls{position:static}
.hero::after{content:none}
.section-pad{padding:100px var(--page-inset)}
.firm-copy{padding:100px var(--page-gutter) 100px 45px}
.firm-copy h2,.firm-copy .prose{max-width:615px}
.enquiry{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:100px}
.enquiry-copy,.enquiry-form,.expertise-card{min-width:0}
.site-footer{padding:50px var(--page-inset) 20px}
@media(min-width:1600px){.hero-copy{padding-top:145px;padding-bottom:125px}}
@media(max-width:1100px){
  :root{--page-gutter:32px}
  .section-pad{padding-top:80px;padding-bottom:80px}
  .firm-copy{padding-top:80px;padding-bottom:80px;padding-left:24px}
  .enquiry{gap:48px}
}
@media(max-width:1000px){
  :root{--header-height:110px}
  .site-header{padding-top:24px;padding-bottom:22px}
  .menu-toggle{display:block}
  .site-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;padding:18px var(--page-inset) 26px;background:#fff;color:#111;border-bottom:1px solid #eee;flex-direction:column;align-items:flex-start;gap:3px}
  .site-nav.is-open{display:flex}
  .site-nav a{width:100%;font-size:12px;padding:14px 0}
}
@media(max-width:780px){
  :root{--page-gutter:20px;--header-height:100px}
  .site-header{padding-top:22px;padding-bottom:22px}
  .site-header .wordmark-main{font-size:33px}
  .site-header .wordmark-small{font-size:11px}
  .brand-tagline{font-size:11px}
  .hero-copy{padding:75px 0}
  .hero-shade{background:linear-gradient(90deg,#0a1b2b9e,#0a1b2b63),linear-gradient(0deg,#06142175,transparent 60%,#0614216b)}
  .hero h1{font-size:clamp(56px,12vw,86px);line-height:1.13}
  .hero-location{font-size:10px;gap:12px;max-width:none}
  .hero-caption{font-size:16px}
  .hero-bottom{gap:14px;padding:20px 0}
  .hero-company{flex:1 1 150px}
  .section-pad{padding-top:70px;padding-bottom:70px}
  .firm{grid-template-columns:1fr;min-height:0}
  .firm-image{height:440px;max-height:70svh}
  .firm-copy{padding:70px var(--page-gutter)}
  .expertise-grid{grid-template-columns:1fr;gap:35px}
  .leadership-facts{grid-template-columns:1fr;gap:27px}
  .enquiry{grid-template-columns:minmax(0,1fr);gap:44px}
  .footer-main{grid-template-columns:1fr 1fr;gap:35px 20px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:13px}
  .site-footer{padding-top:40px}
}
@media(max-width:420px){.form-two,.contact-details{grid-template-columns:1fr}}

/* ERP access remains visible beside the navigation on desktop and mobile. */
.header-actions{display:flex;align-items:center;gap:28px;margin-left:auto;flex-shrink:0}
.erp-login{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:42px;padding:10px 16px;border:1px solid var(--accent);color:var(--accent);font:500 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}
.site-header.scrolled .erp-login,.site-header.menu-open .erp-login,body:not(.home) .erp-login{color:#725d34}
.site-header .erp-login:hover{background:var(--accent);color:#111}
@media(max-width:1000px){.header-actions{gap:12px}.header-actions .menu-toggle{padding:10px}}
@media(max-width:600px){
  .site-header{gap:12px}
  .site-header .brand{min-width:0;flex-shrink:1}
  .site-header .brand-tagline{max-width:100%;font-size:10px}
  .site-header .wordmark{gap:5px}
  .site-header .wordmark-main{font-size:27px}
  .site-header .wordmark-small{font-size:9px}
  .header-actions{gap:4px}
  .header-actions .menu-toggle{padding:10px 4px}
  .erp-login{min-height:40px;padding:9px 10px;font-size:10px;letter-spacing:.04em}
}
@media(max-width:380px){.site-header .wordmark-main{font-size:23px}.site-header .wordmark-small{font-size:8px}.erp-login{padding:9px 8px}.header-actions .menu-toggle{padding-inline:2px}}

