
:root{--ink:#24232A;--champagne:#D7BBA7;--peach:#F2E3D5;--ivory:#F8F5F1;--rule:#ded5cc;--font-primary:'Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--font-primary);-webkit-font-smoothing:antialiased}a{color:inherit}header{max-width:1440px;margin:auto;height:125px;display:flex;align-items:center;justify-content:space-between;padding:0 6.3%;border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:16px;text-decoration:none}.brand img{width:112px;height:112px;object-fit:contain;mix-blend-mode:multiply}.brand-word{font-size:18px;font-weight:400;letter-spacing:-.6px}.brand-word span{font-size:9px;display:block;letter-spacing:5px;margin-bottom:6px}.header-note{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.dot{width:6px;height:6px;background:#a9886f;border-radius:50%}main{overflow:hidden}.hero{max-width:1440px;margin:auto;padding:80px 6.3% 78px;display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:center;min-height:660px}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;gap:14px;margin:0 0 32px}.eyebrow:before{content:'';width:34px;height:1px;background:#b39177}h1{font-size:clamp(54px,6.4vw,92px);font-weight:300;line-height:1.06;letter-spacing:-4px;margin:0 0 30px}h1 span{display:block}h1 .purpose{color:#96735a}.intro{font-size:18px;line-height:1.75;font-weight:400;max-width:440px;margin:0 0 37px}.explore{display:inline-flex;align-items:center;gap:28px;font-size:12px;text-decoration:none;border-bottom:1px solid var(--ink);padding:0 0 12px}.explore span{font-size:20px;line-height:1;transition:transform .2s}.explore:hover span{transform:translateY(4px)}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.visual{position:relative;width:100%;aspect-ratio:1/1;display:grid;place-items:center;background:linear-gradient(145deg,#f4eae1,#ead7c7);border-radius:50%;max-width:460px;justify-self:end}.visual:before{content:'';position:absolute;inset:23px;border:1px solid #fff9;border-radius:50%}.visual:after{content:'';position:absolute;width:112%;height:48%;border:1px solid #b99b8066;border-radius:50%;transform:rotate(-34deg);pointer-events:none}.logo-panel{width:61%;aspect-ratio:1;background:transparent;mix-blend-mode:multiply;border-radius:50%;display:grid;place-items:center;z-index:1}.logo-panel img{width:82%;height:82%;object-fit:contain}.orbit-dot{position:absolute;right:2%;top:17%;height:15px;width:15px;background:var(--ink);border:4px solid var(--ivory);border-radius:50%;z-index:2}.visual-caption{position:absolute;bottom:-40px;font-size:9px;letter-spacing:3px;text-transform:uppercase;white-space:nowrap}.vision{background:var(--peach);border-top:1px solid #e5d4c5;border-bottom:1px solid #e5d4c5;scroll-margin-top:32px}.vision-inner{max-width:1440px;margin:auto;padding:58px 6.3% 55px}.section-intro{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:38px}.section-intro h2{font-size:31px;line-height:1.3;font-weight:300;letter-spacing:-.8px;margin:0}.section-intro p{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:0}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.pillar{border-top:1px solid #cdb8a6;padding-top:21px;display:flex;align-items:baseline;gap:18px}.number{font-size:10px;color:#755b49;letter-spacing:1px}.pillar h3{font-size:18px;font-weight:400;margin:0 0 10px;letter-spacing:-.3px}.pillar p{font-size:13px;line-height:1.8;margin:0;max-width:280px;color:#565057}footer{max-width:1440px;margin:auto;padding:28px 6.3%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#5e585e}.footer-brand{letter-spacing:1px}.footer-brand b{font-weight:500}.footer-purpose{letter-spacing:2px;text-transform:uppercase;font-size:9px}@media(min-width:1600px){.hero{min-height:720px}}@media(max-width:800px){header{height:100px;padding:0 7%}.header-note{font-size:8px;letter-spacing:1.5px}.brand-word{display:none}.hero{padding:58px 7% 68px;grid-template-columns:1fr;gap:60px}.eyebrow{margin-bottom:25px}h1{font-size:clamp(54px,10vw,78px);letter-spacing:-2.5px}.intro{font-size:16px;max-width:460px}.visual{max-width:330px;justify-self:center;width:85%;margin:0 0 25px}.section-intro{display:block}.section-intro p{margin-top:16px}.vision-inner{padding:42px 7%}.pillars{grid-template-columns:1fr;gap:25px}.pillar p{max-width:none}.section-intro h2{font-size:28px}footer{padding:25px 7%;align-items:flex-start}.footer-purpose{max-width:130px;text-align:right;line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.explore span{transition:none}}
.coming-soon{display:inline-block;margin:0;padding:13px 20px;border:1px solid #bba28e;font-size:11px;letter-spacing:3px;font-weight:500}header{height:145px}@media(max-width:800px){header{height:130px}}

/* Centred announcement layout */
header{justify-content:center}
.hero{display:flex;flex-direction:column;text-align:center;gap:46px;padding-top:56px;padding-bottom:64px;min-height:0}
.hero>div:first-child{width:100%;max-width:850px}
.eyebrow{justify-content:center;margin-bottom:25px}
.eyebrow:before{display:none}
h1{font-size:clamp(52px,6vw,82px);letter-spacing:-2.8px;line-height:1.1;margin-bottom:24px}
.intro{max-width:610px;margin:0 auto 26px;font-size:19px;line-height:1.7}
.coming-soon{margin:0}
.visual{flex:none;width:240px;max-width:65vw;align-self:center;justify-self:center;margin:0}
.visual:before{inset:14px}
.orbit-dot{height:12px;width:12px;border-width:3px}
.section-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:34px}
.section-intro p{margin:0}
.pillars{text-align:center;gap:40px}
.pillar{display:flex;flex-direction:column;align-items:center;gap:13px}
.pillar p{max-width:300px;margin-inline:auto}
footer{flex-direction:column;justify-content:center;text-align:center;gap:12px}
.footer-purpose{max-width:none;text-align:center}
@media(max-width:800px){.hero{padding-top:38px;padding-bottom:50px;gap:40px}.intro{font-size:17px;max-width:520px}.visual{width:215px}.section-intro{gap:14px}.pillars{gap:30px}.pillar p{max-width:360px}h1{letter-spacing:-2px}}

#hero-heading{font-weight:300;font-size:clamp(18px,5.1vw,64px);line-height:1.2;letter-spacing:-.03em;white-space:nowrap}#hero-heading .purpose{display:inline}



/* Refined original landing page */
#hero-heading{font-weight:500}
.brand img{width:144px;height:144px}
header{height:177px}
.pillar{border-top:0;padding-top:0}
@media(max-width:800px){header{height:162px}}

/* WordPress accessibility and future-page support; landing-page rules above are the client's original CSS. */
.skip-link{position:absolute;left:16px;top:8px;transform:translateY(-200%);z-index:99999;background:var(--ink);color:var(--ivory);padding:12px 16px}.skip-link:focus{transform:none}
.content{max-width:1040px;margin:auto;padding:56px 7%;min-height:60vh;overflow-wrap:anywhere}.content h1{white-space:normal;font-size:clamp(32px,6vw,60px)}.content img{max-width:100%;height:auto}.content iframe{max-width:100%}.content pre{overflow-x:auto}.content article{margin-bottom:32px}.page-navigation{max-width:1440px;padding:16px 7%;margin:auto}.page-navigation ul{list-style:none;display:flex;flex-wrap:wrap;gap:24px;padding:0}.page-navigation a{display:inline-flex;align-items:center;min-height:44px}

/* Full screen height layout without scrollbar */
html:has(body.home) {
  height: 100%;
  overflow: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html:has(body.home)::-webkit-scrollbar {
  display: none;
}

body.home {
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body.home::-webkit-scrollbar {
  display: none;
}

body.home header {
  flex: 0 0 auto;
}

body.home main#main {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

body.home .hero {
  flex: 1 1 auto;
  min-height: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  gap: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

body.home footer {
  flex: 0 0 auto;
  margin-top: auto;
  padding-top: 16px;
  padding-bottom: 22px;
}


