@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-garamond-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-garamond-italic-latin.woff2) format("woff2");font-style:italic;font-weight:300 700;font-display:swap}
@font-face{font-family:"Jost";src:url(/fonts/jost-latin.woff2) format("woff2");font-weight:300 600;font-display:swap}
:root{--white:#FBFAF7;--paper:#F5F2EC;--navy:#1F2C4F;--brand-blue:#284A79;--cobalt:#2A3F86;--gold:#B0915A;--ink:#3A3F4E;--line:#DDD6CA;
--serif:"Cormorant Garamond",Georgia,serif;--sans:"Jost","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--white);color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.caps{font-family:var(--sans);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:400}
.wrap{max-width:1440px;margin:0 auto}

header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:30px 64px 24px;background:var(--white)}
header nav{display:flex;gap:44px;color:var(--navy)}
header nav.r{justify-content:flex-end;align-items:center}
.mark{text-align:center;color:var(--navy)}
.mark{display:block}
.btn{display:inline-block;border:1px solid var(--navy);color:var(--navy);padding:15px 30px;font-family:var(--sans);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;background:transparent;cursor:pointer}
.btn.sm{padding:10px 18px;font-size:10.5px}
.btn.gold{border-color:var(--gold);color:var(--navy)}
.btn.fill{background:var(--navy);color:#fff}
.menu,.mjoin{display:none}

.hero{position:relative;height:640px;overflow:hidden}
.hero picture img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,250,247,.86) 0%,rgba(251,250,247,.55) 34%,rgba(251,250,247,0) 55%)}
.hero .copy{position:absolute;z-index:2;left:96px;top:50%;transform:translateY(-50%);max-width:560px;color:var(--navy)}
.hero h1{font-weight:400;font-size:76px;line-height:1.02;letter-spacing:.12em;text-transform:uppercase}
.hero p{font-size:23px;line-height:1.4;margin:26px 0 12px;color:var(--ink)}
.hero .soon{color:var(--gold);margin-bottom:34px;display:block}

.pillars{display:grid;grid-template-columns:repeat(4,1fr);padding:46px 64px;background:var(--white)}
.pillar{text-align:center;color:var(--navy);padding:0 20px;border-left:1px solid var(--line)}
.pillar:first-child{border-left:0}
.pillar svg{width:40px;height:40px;stroke:var(--navy);fill:none;stroke-width:1.1;margin:0 auto 14px}
.pillar h3{font-family:var(--sans);font-weight:400;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase}
.pillar p{font-size:18px;margin-top:4px;color:var(--ink)}
.pillar .s{display:block;margin-top:6px;color:var(--gold);font-size:10px}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 64px 72px}
.card{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--paper)}
.card img{width:100%;height:100%;object-fit:cover}
.card .lab{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(251,250,247,.94);padding:16px 18px;color:var(--navy)}
.card .lab h4{font-family:var(--sans);font-weight:400;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase}
.card .lab span{display:block;margin-top:6px;font-size:10px;color:var(--gold)}
.card.live .lab span{color:var(--navy)}

.story{display:grid;grid-template-columns:5fr 7fr;background:var(--paper);min-height:560px}
.story .txt{padding:90px 40px 90px 96px;color:var(--navy);align-self:center}
.story h2{font-weight:400;font-size:46px;line-height:1.12;letter-spacing:.12em;text-transform:uppercase}
.story hr{width:56px;border:0;border-top:1px solid var(--gold);margin:28px 0}
.story p{color:var(--ink);margin-bottom:18px;max-width:470px}
.story p em{font-style:italic}
.story .img{position:relative;overflow:hidden}
.story .img img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}

.join{text-align:center;padding:96px 64px;background:var(--white);color:var(--navy)}
.join h2{font-weight:400;font-size:44px;letter-spacing:.06em;line-height:1.15}
.join .lead{max-width:640px;margin:18px auto 38px;color:var(--ink)}
.join form{display:flex;gap:14px;justify-content:center;max-width:860px;margin:0 auto}
.join label{position:absolute;left:-9999px}
.join input{flex:1;min-width:0;border:0;border-bottom:1px solid var(--navy);background:transparent;padding:14px 4px;font-family:var(--serif);font-size:19px;color:var(--navy);outline:none}
.join input::placeholder{color:#8A8F9C}
.join .consent{font-size:15px;color:var(--ink);max-width:620px;margin:22px auto 0;line-height:1.5}
.join .consent a{text-decoration:underline;text-underline-offset:3px}

.quote{position:relative;text-align:center;padding:64px 64px;background:var(--paper);color:var(--navy);overflow:hidden;border-top:1px solid var(--line)}
.quote blockquote{font-weight:400;font-size:34px;letter-spacing:.12em;text-transform:uppercase}
.quote .caps{display:block;margin-top:14px;color:var(--ink)}

footer{background:var(--white);text-align:center;padding:46px 32px 40px;color:var(--navy);border-top:1px solid var(--line)}
footer p{font-family:var(--sans);font-size:12.5px;letter-spacing:.06em;color:var(--ink)}
footer p a{border-bottom:1px solid var(--line)}
footer small{display:block;margin-top:10px;font-family:var(--sans);font-size:11px;color:#8A8F9C;letter-spacing:.06em}

@media (max-width:760px){
 body{font-size:17px}
 header{grid-template-columns:44px 1fr 44px;padding:18px 18px 14px}
 header nav{display:none}
 .mjoin{display:block}
 .menu{display:block;width:22px;height:14px;border-top:1px solid var(--navy);border-bottom:1px solid var(--navy);position:relative}
 .menu:after{content:"";position:absolute;left:0;right:0;top:6px;border-top:1px solid var(--navy)}
 .mjoin{justify-self:end;color:var(--navy);font-size:9.5px!important;letter-spacing:.18em!important}
 header{grid-template-columns:44px 1fr 44px}
 .hero{height:auto;display:flex;flex-direction:column}
 .hero:after{display:none}
 .hero picture img{height:400px}
 .hero .copy{position:static;transform:none;padding:34px 24px 40px;max-width:none;text-align:center;background:var(--white)}
 .hero h1{font-size:44px;letter-spacing:.1em}
 .hero p{font-size:19px;margin-top:18px}
 .pillars{grid-template-columns:1fr 1fr;padding:12px 18px 30px;row-gap:30px;border-top:1px solid var(--line)}
 .pillar{padding:18px 8px 0;border-left:0}
 .pillar:nth-child(even){border-left:1px solid var(--line)}
 .pillar p{font-size:16px}
 .pillar h3{font-size:11px;letter-spacing:.18em}
 .cards{grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 48px}
 .card{aspect-ratio:auto;background:none;display:flex;flex-direction:column}
 .card img{aspect-ratio:3/4;height:auto}
 .card .lab{position:static;background:none;padding:10px 2px 4px;border-top:1px solid var(--line);margin-top:8px}
 .card .lab h4{font-size:10px;letter-spacing:.16em}
 .card .lab span{font-size:8.5px;letter-spacing:.16em}
 .story{grid-template-columns:1fr}
 .story .img{order:-1;height:300px}
 .story .txt{padding:44px 24px 52px}
 .story h2{font-size:32px}
 .join{padding:60px 24px}
 .join h2{font-size:32px}
 .join form{flex-direction:column;gap:6px}
 .join .btn{margin-top:18px}
 .quote{padding:48px 24px}
 .quote blockquote{font-size:24px}
}

.mark .w{display:block;font-family:var(--serif);font-weight:400;font-size:46px;letter-spacing:.2em;line-height:1;padding-left:.2em}
.mark .t{display:block;margin-top:8px;font-size:10.5px;letter-spacing:.34em}
footer .w{font-size:24px;letter-spacing:.2em}
footer .t{display:block;margin:6px 0 20px;font-size:9.5px;letter-spacing:.32em}
.skip{position:absolute;left:-9999px;top:8px;background:var(--navy);color:#fff;padding:8px 14px;z-index:10}
.skip:focus{left:8px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}
.join .eyebrow{color:var(--gold)}
.join h2{margin-top:14px}
.join .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.join button[disabled]{opacity:.6;cursor:wait}
.join .state{display:none;max-width:620px;margin:26px auto 0;padding:22px 26px;border:1px solid var(--line);background:var(--paper);color:var(--navy)}
.join .state h3{font-weight:400;font-size:28px;letter-spacing:.04em;line-height:1.2}
.join .state p{margin-top:8px;color:var(--ink);font-size:17px}
.join .state.err{border-color:#B9A27A}
.join .state:target,.join .state.on{display:block}
.join #joined:target~form,.join #joined:target~.consent,.join.done form,.join.done .consent{display:none}
.join .msg{min-height:1.4em;margin-top:12px;font-family:var(--sans);font-size:13px;letter-spacing:.04em;color:#8A4B3A}
.crumbs{padding:14px 64px 0}
.crumbs ol{list-style:none;display:flex;gap:8px;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6E7383}
.crumbs li+li:before{content:"\203A";margin-right:8px;color:var(--gold)}
.crumbs a{border-bottom:1px solid var(--line)}
.page{max-width:780px;margin:0 auto;padding:40px 24px 90px;color:var(--ink)}
.privacy-notice h1{font-weight:400;font-size:44px;letter-spacing:.06em;color:var(--navy);line-height:1.15;margin-bottom:14px}
.privacy-notice h2{font-weight:500;font-size:25px;color:var(--navy);margin:38px 0 10px}
.privacy-notice p,.privacy-notice li{font-size:18px;line-height:1.6;margin-bottom:10px}
.privacy-notice ul{padding-left:22px;margin-bottom:12px}
.privacy-notice a{color:var(--cobalt);text-decoration:underline;text-underline-offset:3px}
.notfound{text-align:center;padding:90px 24px 110px;color:var(--navy)}
.notfound h1{font-weight:400;font-size:48px;letter-spacing:.08em}
.notfound hr{width:56px;border:0;border-top:1px solid var(--gold);margin:24px auto}
.notfound p{color:var(--ink);max-width:520px;margin:0 auto 32px}
@media (max-width:760px){
 .mark .w{font-size:30px}
 .mark .t{font-size:8px;margin-top:5px}
 .crumbs{padding:12px 18px 0}
 .privacy-notice h1{font-size:32px}
 .notfound h1{font-size:34px}
}
.mark .em{display:block;height:44px;width:auto;margin:0 auto 12px}
footer .fem{display:block;height:36px;width:auto;margin:0 auto 12px}
.privacy-notice .effective{font-family:var(--sans);font-size:13px;letter-spacing:.06em;color:#6E7383}
.privacy-notice .placeholder{background:#FFF1B8;color:#5A4500;padding:1px 6px;border:1px dashed #B0915A}
.privacy-notice strong{color:var(--navy);font-weight:600}
@media (max-width:760px){
 header{grid-template-columns:1fr auto 1fr}
 .mjoin{text-align:right;line-height:1.5;max-width:92px}
 .mark .em{height:36px;margin-bottom:8px}
}
.pillars{background:#FFFFFF}
.pillar img.ic{display:block;width:64px;height:64px;margin:0 auto 14px}
/* Wordmark lockup matches the emblem blue (owner request, 28 Oct 9:13 PM AEDT). Header + footer APARA and tagline only. 8.6:1 on #FBFAF7. */
.mark .w,.mark .t,footer .w,footer .t{color:var(--brand-blue)}

/* SEO images (28 Oct 2026): <picture class="pw"> wrappers add a WebP source without changing layout. */
.pw{display:contents}

/* mobile fixes 28 Oct 2026: working menu, 44px tap areas (invisible hit-area extension, no visual change), 16px consent text */
.mmenu{display:none}
@media (max-width:760px){
 header{position:relative}
 .mmenu{display:block}
 .mmenu summary{list-style:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:flex-start;width:44px;height:44px;cursor:pointer}
 .mmenu summary::-webkit-details-marker{display:none}
 .mmenu summary:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}
 .mnav{position:absolute;left:0;right:0;top:100%;z-index:20;display:flex;flex-direction:column;background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 18px;color:var(--navy)}
 .mnav a{display:flex;align-items:center;min-height:48px;font-size:12px}
 .mnav a+a{border-top:1px solid var(--line)}
 .mjoin,footer .legal-line a,.crumbs a{position:relative}
 .mjoin:after,footer .legal-line a:after,.crumbs a:after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
 .join .consent{font-size:16px}
}