:root{--bp-table: 768px;--bp-mobile: 480px}html,.container{background-color:#fafaf8;min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background-image:linear-gradient(#070a10,#061120e8,#000)}.container .header{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:clamp(16px,3vw,40px);padding:clamp(12px,4.5vw,24px)}.container .header:after{content:"";position:absolute;left:0;right:0;top:0;height:160px;z-index:-1;background:linear-gradient(180deg,rgb(5 7 10 / .85) 0%,rgb(5 7 10 / .35) 55%,transparent 100%);pointer-events:none}.container .header .logo{flex:1}.container .header .logo img{display:block;height:clamp(40px,4.5vw,64px);width:auto}.container .header .logo img{cursor:pointer}.container .header .header-title{display:flex;flex-direction:row;align-items:center;gap:clamp(12px,2vw,28px)}.container .header .header-title h1{margin:0;color:#e8e6e2;font-size:24px;font-weight:400;letter-spacing:.01em;position:relative;padding-bottom:6px}.container .header .header-title h1{cursor:pointer}.container .header .header-title h1:hover,.container .header .header-title h1.active{color:#f0d99b}.container .header .header-title h1:after{content:"";position:absolute;left:50%;bottom:0;height:2px;width:100%;transform:translate(-50%) scaleX(0);transform-origin:center;background:#f0d99b;transition:transform .25s ease}.container .header .header-title h1:hover:after,.container .header .header-title h1.active:after{transform:translate(-50%) scaleX(1)}@media(prefers-reduced-motion:reduce){.container .header .header-title h1:after{transition:none}}@media(max-width:600px){.container .header{flex-wrap:wrap;gap:12px;padding:12px 16px}.container .header .logo{order:1}.container .header .enquire{order:2}.container .header .menu-toggle{order:3}.container .header .header-title{order:4;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;max-height:0;visibility:hidden;overflow:hidden;transition:max-height .28s ease,visibility .28s}.container .header .header-title.open{max-height:70vh;visibility:visible;overflow-y:auto}.container .header .header-title h1{padding:14px 2px;font-size:16px;border-top:1px solid rgb(255 255 255 / .1)}}@media(prefers-reduced-motion:reduce){.container .header .header-title{transition:none}}body{margin:0}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}