:root { --ink:#123637; --water:#0a7c7a; --aqua:#bde9df; --foam:#eef8f4; --sand:#e9d4b6; --coral:#e9714d; --paper:#fffdf8; --muted:#567170; --line:rgba(18,54,55,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; font-size:16px; line-height:1.55; }
a { color:inherit; } button { font:inherit; } .skip-link { position:absolute; transform:translateY(-150%); background:#fff; padding:10px; z-index:10; } .skip-link:focus { transform:translateY(0); }
.site-header { min-height:84px; display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:clamp(28px,4vw,64px); align-items:center; padding:16px clamp(22px,5vw,80px); border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-weight:800; line-height:1.03; letter-spacing:-.045em; text-transform:uppercase; font-size:14px; } .brand-mark { color:var(--coral); font:700 40px/20px Georgia,serif; transform:rotate(-11deg); }
nav { display:flex; justify-content:flex-end; align-items:center; gap:clamp(18px,2.5vw,28px); font-size:14px; font-weight:700; } nav a { text-decoration:none; } nav a:not(.nav-cta):hover { color:var(--water); } .nav-cta { padding:10px 15px; border:1px solid var(--ink); border-radius:99px; }
.menu-toggle { display:none; border:0; background:none; color:var(--ink); font-weight:800; }
.hero { display:grid; grid-template-columns:1.05fr .95fr; min-height:640px; } .hero-copy { padding:clamp(70px,10vw,150px) clamp(22px,9vw,150px) 75px max(22px,10vw); } .eyebrow { margin:0 0 16px; color:var(--coral); text-transform:uppercase; letter-spacing:.13em; font:500 11px/1.2 "DM Mono",monospace; } h1,h2,h3,p { margin-top:0; } h1,h2,h3 { line-height:.98; letter-spacing:-.055em; } h1 { font:400 clamp(58px,7.5vw,110px)/.98 "DM Serif Display",Georgia,serif; letter-spacing:-.045em; } h1 em { color:var(--water); } .hero-intro { max-width:490px; font-size:18px; color:var(--muted); margin:30px 0; } .hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; } .button { display:inline-flex; align-items:center; gap:21px; padding:14px 18px; border:0; border-radius:4px; cursor:pointer; font-weight:800; text-decoration:none; } .button-primary { background:var(--coral); color:white; } .button-primary:hover { background:#ce5e3e; } .button-text { padding-left:0; background:transparent; color:var(--ink); } .small-note,.form-note { font-size:12px; color:var(--muted); margin-top:21px; }
.hero-visual { position:relative; overflow:hidden; min-height:470px; margin:0; background:#315a58; } .hero-visual img { display:block; width:100%; height:100%; min-height:470px; object-fit:cover; object-position:50% 53%; } .hero-visual figcaption { position:absolute; left:clamp(22px,5vw,54px); bottom:26px; max-width:245px; padding:9px 11px; background:rgba(8,43,43,.86); color:#fff; font:500 10px/1.35 "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; }
.status-bar { background:var(--ink); color:#fff; display:flex; justify-content:space-between; gap:20px; padding:16px max(22px,10vw); font-size:14px; } .status-bar p { margin:0; } .status-bar a { color:var(--aqua); text-decoration:none; font-weight:800; white-space:nowrap; }
.section { padding:clamp(72px,9vw,135px) max(22px,10vw); } .section-heading { max-width:740px; } h2 { font:700 clamp(38px,5vw,68px)/.94 "Playfair Display",Georgia,serif; margin-bottom:0; } .section-lede { max-width:560px; color:var(--muted); margin:26px 0 43px; font-size:18px; }.tracks { display:grid; grid-template-columns:1fr 1fr; max-width:1060px; }.track-card { min-height:350px; padding:38px; }.track-card-dark { background:var(--ink); color:#fff; }.track-card-light { background:var(--aqua); }.card-number,.action-label { color:var(--coral); font:500 11px "DM Mono",monospace; letter-spacing:.11em; text-transform:uppercase; }.track-card h3,.action-card h3,.meeting-card h3 { font:700 34px/1 "Playfair Display",serif; }.track-card p:not(.card-number) { max-width:390px; }.track-card ul { padding-left:18px; color:inherit; font-size:14px; }.track-card-light .card-number { color:#39726f; }
.research-section { background:#f5f0e7; }.name-note { display:flex; align-items:flex-start; gap:18px; max-width:1000px; margin:0 0 30px; padding:16px 19px; border-left:4px solid var(--coral); background:#fffaf2; font-size:14px; }.name-note span { color:var(--muted); }.research-grid { display:grid; grid-template-columns:repeat(2,1fr); max-width:1060px; border-top:1px solid var(--line); border-left:1px solid var(--line); }.research-card { min-height:255px; padding:29px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--paper); }.research-card h3 { margin:12px 0; font:700 28px/1 "Playfair Display",serif; }.research-card p:not(.card-number) { color:var(--muted); font-size:14px; }.research-card a { color:var(--water); font-size:13px; font-weight:800; text-decoration:none; }.research-card a:hover { text-decoration:underline; }.research-gap { display:grid; grid-template-columns:.8fr 1.2fr auto; align-items:center; gap:30px; max-width:1060px; padding:31px; background:var(--ink); color:#fff; }.research-gap .eyebrow { margin-bottom:10px; }.research-gap h3 { margin:0; font:700 28px/1 "Playfair Display",serif; }.research-gap p:not(.eyebrow) { margin:0; color:#c7e5df; font-size:14px; }.button-outline { background:transparent; color:#fff; border:1px solid #9bd7ce; white-space:nowrap; }.button-outline:hover { background:#1c4947; }
.imagery-section { max-width:1060px; margin-top:60px; padding-top:54px; border-top:1px solid var(--line); }.imagery-heading { display:grid; grid-template-columns:.75fr 1.25fr; column-gap:38px; align-items:end; margin-bottom:28px; }.imagery-heading .eyebrow { grid-column:1; grid-row:1; margin-bottom:10px; }.imagery-heading h3 { grid-column:1; grid-row:2; margin:0; font:700 36px/1 "Playfair Display",serif; }.imagery-heading p:last-child { grid-column:2; grid-row:2; margin:0; color:var(--muted); font-size:14px; }.imagery-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; }.imagery-card { min-height:248px; padding:28px; display:flex; flex-direction:column; border:1px solid var(--line); border-left:0; background:#fffaf2; text-decoration:none; transition:transform .15s ease, box-shadow .15s ease; }.imagery-card:first-child { border-left:1px solid var(--line); }.imagery-card:hover { transform:translateY(-3px); box-shadow:0 10px 22px rgba(18,54,55,.1); }.imagery-card-featured { background:var(--aqua); }.imagery-tag { color:#39726f; font:500 10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.1em; }.imagery-card-featured .imagery-tag { color:#286361; }.imagery-card h4 { margin:14px 0 11px; font:700 25px/1 "Playfair Display",serif; letter-spacing:-.04em; }.imagery-card p { margin:0; color:var(--muted); font-size:13px; }.imagery-link { margin-top:auto; padding-top:21px; color:var(--water); font-size:13px; font-weight:800; }.imagery-link b { color:var(--coral); }.imagery-note { margin:19px 0 0; padding:14px 17px; background:#fff; color:var(--muted); font-size:13px; }.imagery-note strong { color:var(--ink); }
.actions-section { background:var(--foam); }.narrow { max-width:600px; }.action-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:54px; }.action-card { min-height:285px; padding:27px; border:1px solid var(--line); border-left:0; background:var(--paper); display:flex; flex-direction:column; align-items:flex-start; }.action-card:first-child { border-left:1px solid var(--line); }.featured-action { background:var(--coral); color:#fff; }.featured-action .action-label { color:#ffe0c2; }.action-card h3 { font-size:27px; }.action-card p { color:var(--muted); font-size:14px; }.featured-action p { color:#fff7f0; }.text-link { background:none; border:0; padding:0; margin-top:auto; color:inherit; cursor:pointer; text-align:left; font-weight:800; text-decoration:none; }.text-link span { color:var(--coral); }.featured-action .text-link span { color:#fff; }
.contacts-section { background:var(--sand); }.contact-list { margin-top:48px; max-width:1000px; border-top:1px solid var(--line); }.contact-row { display:grid; grid-template-columns:160px 1fr 20px; gap:16px; align-items:center; border-bottom:1px solid var(--line); padding:19px 0; text-decoration:none; }.contact-row:hover { color:var(--water); }.contact-kind { color:#6e5d48; font:11px "DM Mono",monospace; text-transform:uppercase; }.contact-row strong,.contact-row small { display:block; }.contact-row small { color:#567170; font-size:13px; }.disclaimer { max-width:700px; margin:28px 0 0; font-size:13px; color:#5d564c; }
.updates-layout { display:grid; grid-template-columns:1fr 330px; gap:65px; margin-top:55px; }.timeline-item { display:grid; grid-template-columns:80px 1fr; gap:30px; padding:0 0 33px 25px; border-left:1px solid var(--line); position:relative; }.timeline-item:before { content:""; position:absolute; left:-5px; top:3px; width:9px; height:9px; background:var(--sand); border-radius:50%; }.timeline-item.active:before { background:var(--coral); }.timeline-item span { color:var(--water); font:500 11px "DM Mono",monospace; text-transform:uppercase; }.timeline-item h3 { font:700 25px/1 "Playfair Display",serif; margin-bottom:8px; }.timeline-item p { margin:0; color:var(--muted); font-size:14px; }.meeting-card { align-self:start; padding:31px; background:var(--ink); color:#fff; }.meeting-card p:not(.eyebrow) { color:#cae8e1; }.button-dark { background:var(--aqua); color:var(--ink); margin-top:6px; }
.join-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(40px,8vw,125px); padding:clamp(72px,9vw,130px) max(22px,10vw); background:var(--water); color:#fff; }.join-copy h2 { color:#fff; }.join-copy p:not(.eyebrow) { color:#d6f1eb; max-width:390px; }.join-section .eyebrow { color:#ffc4aa; }.join-form { display:grid; gap:15px; }.join-form label { color:#e7f6f2; font-size:13px; font-weight:700; }.join-form label span { font-weight:400; opacity:.8; }.join-form input:not([type="checkbox"]),.join-form select,.join-form textarea { width:100%; display:block; margin-top:6px; padding:12px; background:#fff; color:var(--ink); border:1px solid transparent; border-radius:3px; font:16px Manrope,sans-serif; }.join-form input:focus,.join-form select:focus,.join-form textarea:focus { outline:3px solid #ffc4aa; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.consent { display:flex; align-items:flex-start; gap:9px; font-weight:400!important; }.consent input { margin-top:4px; accent-color:var(--coral); }.hidden { display:none; }.join-form .button { justify-self:start; margin-top:4px; }.join-form .form-note { color:#c5e7df; margin:0; }
footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:27px max(22px,10vw); background:#082b2b; color:#e5f4f0; font-size:13px; } footer p { margin:0; } footer > a:last-child { color:#bce9df; }.toast { position:fixed; left:50%; bottom:24px; transform:translate(-50%,130px); transition:transform .25s ease; padding:12px 18px; background:var(--ink); color:#fff; border-radius:3px; box-shadow:0 7px 30px #0003; font-size:14px; z-index:20; }.toast.show { transform:translate(-50%,0); }
@media (max-width:850px) { .hero { grid-template-columns:1fr; }.hero-copy { padding-left:clamp(22px,9vw,75px); }.hero-visual { min-height:380px; }.action-grid { grid-template-columns:1fr 1fr; }.action-card:nth-child(3) { border-left:1px solid var(--line); }.updates-layout,.join-section,.research-gap,.imagery-heading,.imagery-grid { grid-template-columns:1fr; }.research-gap { align-items:start; }.imagery-heading { gap:16px; }.imagery-heading .eyebrow,.imagery-heading h3,.imagery-heading p:last-child { grid-column:auto; grid-row:auto; }.imagery-card { min-height:0; border-left:1px solid var(--line); border-top:0; }.imagery-card:first-child { border-top:1px solid var(--line); }.join-section { gap:35px; } }
@media (max-width:620px) { .site-header { min-height:67px; display:flex; }.menu-toggle { display:block; }.menu-toggle span { display:inline-block; font-size:20px; margin-left:4px; }.menu-toggle[aria-expanded="true"] span { transform:rotate(45deg); } nav { display:none; position:absolute; top:67px; left:0; right:0; z-index:5; padding:22px; background:var(--paper); border-bottom:1px solid var(--line); flex-direction:column; align-items:flex-start; gap:16px; } nav.open { display:flex; }.nav-cta { padding:0; border:0; }.hero-copy { padding-top:72px; }.hero-visual { min-height:300px; }.status-bar { align-items:flex-start; flex-direction:column; }.tracks,.action-grid,.research-grid { grid-template-columns:1fr; }.track-card { min-height:0; }.action-card,.action-card:nth-child(3) { min-height:220px; border-left:1px solid var(--line); border-top:0; }.action-card:first-child { border-top:1px solid var(--line); }.name-note { flex-direction:column; gap:4px; }.research-card { min-height:0; }.research-gap { gap:20px; padding:26px; }.imagery-section { margin-top:44px; padding-top:42px; }.imagery-heading h3 { font-size:31px; }.imagery-card { padding:25px; }.button-outline { white-space:normal; }.contact-row { grid-template-columns:1fr 18px; }.contact-kind { grid-column:1 / -1; }.form-row { grid-template-columns:1fr; } footer { align-items:flex-start; flex-direction:column; } }