:root { --ink:#10243a; --navy:#153d5b; --sea:#276a87; --pale:#eaf3f7; --mist:#f6f9fa; --line:#c8d9e3; --muted:#617283; --white:#fff; --gold:#c3a16f; --success:#2a6d5b; --radius:3px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.5; }
a { color:inherit; text-decoration:none; }
button, input, select, textarea { font:inherit; }
button { cursor:pointer; }
.site-header { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:28px; padding:0 6vw; border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); }
.brand { letter-spacing:.15em; font-size:.86rem; font-weight:800; white-space:nowrap; }.brand span { font-weight:400; }
.site-header nav { display:flex; gap:24px; color:#3c5264; font-size:.92rem; }.site-header nav a { padding:26px 0 21px; border-bottom:3px solid transparent; }.site-header nav a:hover, .site-header nav a.active { border-color:var(--sea); color:var(--ink); }
.text-link { font-size:.9rem; color:var(--sea); font-weight:700; }
.hero { position:relative; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr); gap:64px; overflow:hidden; padding:118px 9vw 104px; color:var(--white); background:linear-gradient(90deg,rgba(5,18,31,.92) 0%,rgba(7,25,40,.74) 48%,rgba(7,24,39,.25) 100%),url('assets/ocean-capital-hero-v1.png') center/cover no-repeat; }.hero::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(4,14,23,.52)); }.hero > * { position:relative; z-index:1; }.eyebrow { margin:0 0 13px; color:var(--sea); font-size:.73rem; letter-spacing:.13em; font-weight:800; text-transform:uppercase; }.hero .eyebrow { color:#cfe1e8; }.hero h1 { max-width:780px; margin:0; font-family:Georgia, 'Times New Roman', serif; font-size:clamp(2.75rem,5vw,5.5rem); font-weight:400; line-height:.98; letter-spacing:-.05em; }.intro { max-width:640px; margin:30px 0; color:#42586b; font-size:1.14rem; }.hero .intro { color:#e1eaed; }.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:11px 18px; color:var(--white); background:var(--navy); border:1px solid var(--navy); border-radius:var(--radius); font-weight:700; font-size:.91rem; }.button:hover { background:#0d2d47; }.button.ghost { color:var(--navy); background:transparent; }.hero .button { background:#e4eff3; border-color:#e4eff3; color:var(--ink); }.hero .button.ghost { color:var(--white); background:transparent; border-color:rgba(255,255,255,.65); }.button.small { min-height:36px; padding:7px 12px; font-size:.82rem; }
.hero-panel { align-self:end; padding:30px; border:1px solid rgba(255,255,255,.25); background:rgba(9,27,42,.53); box-shadow:0 18px 60px rgba(0,0,0,.22); color:var(--white); backdrop-filter:blur(7px); }.panel-label { margin:0 0 22px; color:#b7d8e6; letter-spacing:.13em; text-transform:uppercase; font-size:.72rem; font-weight:700; }.hero-panel ol { padding:0; margin:0; list-style:none; counter-reset:item; }.hero-panel li { position:relative; padding:0 0 22px 42px; counter-increment:item; }.hero-panel li:last-child { padding-bottom:0; }.hero-panel li::before { content:counter(item, decimal-leading-zero); position:absolute; left:0; top:1px; color:var(--gold); font-size:.72rem; font-weight:700; }.hero-panel strong,.hero-panel span { display:block; }.hero-panel span { margin-top:4px; color:#d7e7ee; font-size:.9rem; line-height:1.4; }
.ownership-section { padding:84px 9vw 52px; background:#edf4f6; }.ownership-intro { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr); column-gap:9%; align-items:end; max-width:1180px; }.ownership-intro .eyebrow,.ownership-intro h2 { grid-column:1; }.ownership-intro h2 { margin:0 0 20px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(2.2rem,4vw,4rem); font-weight:400; line-height:1.02; letter-spacing:-.045em; }.ownership-intro p:not(.eyebrow) { grid-column:2; margin:0 0 16px; color:#4f6471; font-size:1rem; }.ownership-model { display:grid; grid-template-columns:1fr 92px 1fr 92px 1fr; align-items:center; margin:58px 0 21px; }.model-node { min-height:220px; padding:27px 25px; border:1px solid var(--line); background:var(--white); box-shadow:0 10px 30px rgba(19,54,76,.06); }.model-node span,.owner-journey-grid > article > span { display:block; margin-bottom:24px; color:var(--sea); font-size:.72rem; font-weight:800; letter-spacing:.12em; }.model-node strong { display:block; margin-bottom:10px; font-family:Georgia,'Times New Roman',serif; font-size:1.5rem; font-weight:400; line-height:1.08; }.model-node p { margin:0; color:#546978; font-size:.9rem; }.digital-node { border-color:#8eb7c7; background:#f7fbfc; }.governance-node { background:var(--navy); border-color:var(--navy); color:var(--white); }.governance-node span { color:#a6cedd; }.governance-node p { color:#d3e4ea; }.model-connector { position:relative; height:1px; margin:0 13px; background:#8bb4c3; }.model-connector::after { content:'›'; position:absolute; right:-2px; top:-15px; color:var(--sea); font-size:1.6rem; }.model-connector span { position:absolute; top:-24px; left:50%; transform:translateX(-50%); color:#65808f; font-size:.66rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; }.ownership-note { max-width:780px; margin:0; color:#607887; font-size:.84rem; }
.ownership-detail { padding-top:74px; }.owner-journey-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.owner-journey-grid article { min-height:238px; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.owner-journey-grid > article > span { margin-bottom:38px; }.owner-journey-grid h3 { margin:0 0 9px; font-family:Georgia,'Times New Roman',serif; font-size:1.35rem; font-weight:400; }.owner-journey-grid p { margin:0; color:#576b79; font-size:.9rem; }
.role-clarity { padding:84px 9vw; background:#0b263b; color:var(--white); }.role-clarity .section-heading { margin-bottom:38px; }.role-clarity .eyebrow { color:#9ac5d6; }.role-clarity .section-heading > p:last-child { color:#d5e5eb; }.role-clarity-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(187,216,227,.28); border-left:1px solid rgba(187,216,227,.28); }.role-clarity-grid article { min-height:220px; padding:28px; border-right:1px solid rgba(187,216,227,.28); border-bottom:1px solid rgba(187,216,227,.28); }.role-clarity-grid span { color:#9fc8d7; font-size:.72rem; font-weight:800; letter-spacing:.12em; }.role-clarity-grid h3 { margin:2rem 0 .7rem; font-family:Georgia,'Times New Roman',serif; font-size:1.55rem; font-weight:400; }.role-clarity-grid p,.role-clarity-note { margin:0; color:#d5e5eb; font-size:.93rem; line-height:1.6; }.role-clarity-note { max-width:62rem; margin-top:1.5rem; color:#a9c9d8; }
.dao-section { padding-top:84px; }.dao-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.dao-card { padding:32px; border:1px solid var(--line); }.dao-card.eligible { background:#f4f9fa; }.dao-card.protected { background:#f7f7f4; }.dao-label { margin:0 0 28px; color:var(--sea); font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.dao-card h3 { margin:0 0 14px; font-family:Georgia,'Times New Roman',serif; font-size:1.75rem; font-weight:400; }.dao-card li { padding:12px 0; border-top:1px solid var(--line); color:#4e6472; font-size:.93rem; }
.open-books-section { padding:84px 9vw; color:var(--white); background:#17445e; }.open-books-section > div:first-child { display:grid; grid-template-columns:minmax(0,.9fr) minmax(280px,.75fr); gap:8%; align-items:end; }.open-books-section .eyebrow { grid-column:1; color:#abd1df; }.open-books-section h2 { grid-column:1; margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(2.15rem,3.6vw,3.5rem); font-weight:400; line-height:1.03; letter-spacing:-.04em; }.open-books-section > div:first-child > p:last-child { grid-column:2; margin:0; color:#d6e6ec; font-size:1rem; }.open-books-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:48px; }.open-books-grid article { padding:27px; border-top:1px solid #9bc6d5; background:rgba(3,22,36,.19); }.open-books-grid span { color:#a9d4e1; font-size:.72rem; font-weight:800; letter-spacing:.12em; }.open-books-grid h3 { margin:21px 0 8px; font-family:Georgia,'Times New Roman',serif; font-size:1.45rem; font-weight:400; }.open-books-grid p { margin:0; color:#d4e5eb; font-size:.91rem; }.open-books-note { max-width:920px; margin:26px 0 0; color:#bed8e2; font-size:.83rem; }
.section { padding:84px 9vw; }.section-heading { max-width:680px; margin-bottom:34px; }.section-heading h2, .request-section h2 { margin:0; font-family:Georgia, 'Times New Roman', serif; font-size:clamp(2rem,3.5vw,3.45rem); font-weight:400; line-height:1.05; letter-spacing:-.035em; }.section-heading > p:last-child { color:var(--muted); }
.project-team-section { display:grid; grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr); gap:74px; align-items:start; padding:92px 9vw; color:var(--white); background:linear-gradient(120deg,#09263c,#153d5b); }.project-team-intro .eyebrow { color:#a8ccdb; }.project-team-intro h2 { max-width:650px; margin:0 0 24px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(2.35rem,4vw,4rem); font-weight:400; line-height:1.01; letter-spacing:-.045em; }.project-team-intro > p:not(.eyebrow) { max-width:620px; color:#d9e8ef; font-size:1.04rem; line-height:1.68; }.project-team-intro .service-note { padding:15px 17px; border-left:3px solid var(--gold); background:rgba(255,255,255,.07); font-size:.92rem; line-height:1.55; }.project-team-intro .service-note strong { color:#f1d39d; }.project-team-intro .button { margin-top:14px; color:var(--ink); background:var(--gold); border-color:var(--gold); }.project-team-intro .button:hover { color:var(--ink); background:#d3b27f; border-color:#d3b27f; }.project-team-grid { display:grid; border-top:1px solid rgba(210,230,239,.35); border-left:1px solid rgba(210,230,239,.35); }.project-team-grid article { min-height:190px; padding:27px 28px; border-right:1px solid rgba(210,230,239,.35); border-bottom:1px solid rgba(210,230,239,.35); }.project-team-grid span { color:var(--gold); font-size:.78rem; font-weight:800; letter-spacing:.13em; }.project-team-grid h3 { margin:36px 0 8px; font-size:1.25rem; }.project-team-grid p { margin:0; color:#d6e7ee; line-height:1.55; }
.oc-custom-section { display:grid; grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr); gap:74px; align-items:start; padding:92px 9vw; background:#f2f6f7; }.oc-custom-copy h2 { max-width:650px; margin:0 0 24px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(2.25rem,3.8vw,3.8rem); font-weight:400; line-height:1.03; letter-spacing:-.045em; }.oc-custom-copy > p:not(.eyebrow) { max-width:620px; color:#4d6370; font-size:1.04rem; line-height:1.68; }.oc-custom-copy .button { margin-top:14px; color:var(--ink); background:var(--gold); border-color:var(--gold); }.oc-custom-copy .button:hover { color:var(--ink); background:#d3b27f; border-color:#d3b27f; }.oc-custom-route { border-top:1px solid var(--line); border-left:1px solid var(--line); }.oc-custom-route article { min-height:154px; padding:24px 27px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.oc-custom-route span { color:var(--sea); font-size:.78rem; font-weight:800; letter-spacing:.13em; }.oc-custom-route h3 { margin:21px 0 7px; font-size:1.18rem; }.oc-custom-route p { margin:0; color:#526773; line-height:1.55; }.oc-custom-route .oc-custom-note { padding:18px 22px; background:#e6eff2; border-right:1px solid var(--line); border-bottom:1px solid var(--line); font-size:.89rem; }.oc-custom-note strong { color:var(--ink); }.project-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }.project-card { display:flex; min-height:330px; flex-direction:column; padding:23px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--white); }.project-card.featured { background:var(--pale); }.card-top,.panel-title { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; font-size:.76rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.status { display:inline-flex; align-items:center; max-width:max-content; padding:3px 6px; background:#edf1f3; color:#4a5d68; font-size:.67rem; letter-spacing:.04em; font-weight:700; text-transform:uppercase; white-space:nowrap; }.status-live { background:#dcefe8; color:var(--success); }.project-card h3 { margin:29px 0 10px; font-family:Georgia, 'Times New Roman', serif; font-size:1.65rem; font-weight:400; line-height:1.1; }.project-card p { margin:0; color:#4f6270; font-size:.92rem; }.project-card dl { margin:auto 0 18px; padding-top:22px; }.project-card dl div { margin-top:10px; }.project-card dt { color:var(--muted); font-size:.72rem; }.project-card dd { margin:2px 0 0; font-size:.85rem; font-weight:700; }.card-link { display:flex; align-items:center; justify-content:space-between; padding:0; color:var(--sea); background:none; border:0; font-weight:700; text-align:left; }.card-link span { font-size:1.35rem; }
.belong-section { display:grid; grid-template-columns:1.05fr .95fr; min-height:640px; background:#0e2d45; color:var(--white); }.belong-image { min-height:470px; overflow:hidden; }.belong-image img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }.belong-copy { align-self:center; max-width:570px; padding:80px 10%; }.belong-copy .eyebrow { color:#adcfde; }.belong-copy h2 { margin:0 0 24px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(2rem,3.5vw,3.5rem); font-weight:400; line-height:1.05; letter-spacing:-.04em; }.belong-copy p:not(.eyebrow) { color:#d8e5eb; font-size:1.04rem; }.belong-copy .button { margin-top:12px; color:var(--white); border-color:#97bdce; }
.process-section { background:var(--navy); color:var(--white); }.process-section .eyebrow { color:#a7cadb; }.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }.process-grid article { border-top:1px solid #5e89a0; padding-top:19px; }.process-grid span { color:#9fc4d5; font-size:.75rem; font-weight:800; letter-spacing:.1em; }.process-grid h3 { margin:17px 0 8px; font-size:1rem; }.process-grid p { margin:0; color:#d3e1e8; font-size:.91rem; }
.standards { background:var(--mist); }.standards-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; }.standards-grid h3 { margin-top:0; }.standards-grid ul { margin:0; padding:0; list-style:none; }.standards-grid li { padding:12px 0; border-top:1px solid var(--line); }.standards-grid li::before { content:'—'; margin-right:9px; color:var(--sea); }
.request-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; padding:84px 9vw; color:var(--white); background:#10324d; }.request-section .eyebrow { color:#a7cadb; }.request-section > div > p:last-child { color:#cfdee7; }.interest-form { display:grid; gap:13px; }.interest-form label { display:grid; gap:6px; font-size:.82rem; font-weight:700; }.interest-form input,.interest-form select,.interest-form textarea { width:100%; padding:10px; color:var(--ink); background:var(--white); border:1px solid #b9cfda; border-radius:2px; font-weight:400; }.interest-form .check { display:flex; align-items:flex-start; gap:8px; color:#d8e5eb; font-weight:400; }.interest-form .check input { width:auto; margin-top:4px; }.interest-form .button { width:max-content; background:#4a849d; border-color:#4a849d; }.form-message { min-height:20px; margin:0; color:#b7d8e6; font-size:.86rem; }
footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 6vw; color:#536777; font-size:.83rem; } footer p { margin:0; } footer > a:last-child { color:var(--sea); }
.project-hero { padding:42px 9vw 70px; background:linear-gradient(120deg,var(--mist),#fff 72%); }.back-link { display:inline-block; margin-bottom:52px; color:var(--sea); font-size:.85rem; font-weight:700; }.project-kicker { display:flex; align-items:center; gap:11px; margin-bottom:16px; font-size:.82rem; font-weight:800; letter-spacing:.12em; }.project-headline { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.52fr); gap:60px; align-items:end; }.project-headline h1 { max-width:760px; margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(3rem,5.2vw,5.5rem); font-weight:400; line-height:.96; letter-spacing:-.05em; }.partnership-summary { padding:24px; background:var(--navy); color:var(--white); }.partnership-summary p { margin:0; color:#afd0df; font-size:.74rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.partnership-summary strong { display:block; margin:10px 0 16px; font-family:Georgia,'Times New Roman',serif; font-size:1.65rem; font-weight:400; }.partnership-bar { height:7px; overflow:hidden; background:#4d7188; }.partnership-bar span { display:block; height:100%; background:#a9d1df; }.partnership-summary > div:last-child { display:flex; justify-content:space-between; gap:15px; margin-top:10px; color:#d6e7ee; font-size:.76rem; }.partnership-summary > div:last-child span:last-child { text-align:right; }.project-main { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(265px,.55fr); gap:65px; padding:76px 9vw; }.project-block { padding-bottom:48px; margin-bottom:48px; border-bottom:1px solid var(--line); }.project-block h2 { margin:0 0 26px; font-family:Georgia,'Times New Roman',serif; font-size:2.2rem; font-weight:400; letter-spacing:-.035em; }.public-timeline { border-top:1px solid var(--line); }.public-timeline article { display:grid; grid-template-columns:50px 1fr; gap:20px; padding:19px 0; border-bottom:1px solid var(--line); }.public-timeline article > span { color:#80909c; font-size:.74rem; font-weight:800; letter-spacing:.1em; }.public-timeline article.current > span { color:var(--sea); }.public-timeline article.complete > span { color:var(--success); }.public-timeline h3 { margin:0; font-size:1rem; }.public-timeline p { margin:4px 0 0; color:var(--muted); font-size:.9rem; }.fact-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); border-left:1px solid var(--line); }.fact-grid div { padding:16px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.fact-grid dt { color:var(--muted); font-size:.76rem; }.fact-grid dd { margin:4px 0 0; font-weight:700; }.performance-empty { display:flex; gap:18px; align-items:flex-start; padding:25px; background:var(--pale); }.performance-empty .lock { color:var(--sea); font-size:1.7rem; }.performance-empty h3 { margin:0 0 6px; }.performance-empty p { margin:0; color:#506373; font-size:.9rem; }.project-side { display:grid; align-content:start; gap:14px; }.side-panel { padding:24px; border:1px solid var(--line); background:var(--white); }.side-panel h3 { margin:0 0 10px; font-family:Georgia,'Times New Roman',serif; font-size:1.45rem; font-weight:400; }.side-panel p { color:var(--muted); font-size:.9rem; }.side-panel .button { margin-top:5px; }.record-list { margin:0; padding:0; list-style:none; }.record-list li { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--line); font-size:.85rem; }.record-list span { color:var(--sea); }
.profile-button { padding:8px 11px; color:var(--ink); background:var(--pale); border:1px solid var(--line); border-radius:2px; font-size:.78rem; font-weight:700; }.profile-button span { margin-left:7px; }
.app-shell { display:grid; min-height:calc(100vh - 77px); grid-template-columns:250px 1fr; background:var(--mist); }.app-sidebar { padding:34px 25px; background:var(--navy); color:var(--white); }.app-sidebar h1 { margin:3px 0 0; font-family:Georgia, 'Times New Roman', serif; font-size:2rem; font-weight:400; }.app-sidebar .eyebrow { color:#a7cadb; }.muted { margin:2px 0; color:#bed6e1; font-size:.84rem; }.app-nav { display:grid; gap:4px; margin:34px 0; }.app-nav button { padding:10px 10px; color:#d5e2e8; background:transparent; border:0; border-left:2px solid transparent; text-align:left; font-size:.88rem; }.app-nav button:hover,.app-nav button.active { color:var(--white); border-color:#90c0d4; background:rgba(255,255,255,.08); }.sidebar-note { padding:14px; color:#d1e1e8; background:rgba(255,255,255,.07); font-size:.8rem; }.sidebar-note strong,.sidebar-note span { display:block; }.sidebar-note span { margin-top:2px; color:#a9c9d8; }.sidebar-note p { margin:8px 0 0; }.app-content { min-width:0; padding:44px 5vw; }.app-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:30px; }.app-heading h2 { margin:0; font-family:Georgia, 'Times New Roman', serif; font-size:2.2rem; font-weight:400; }.app-view { display:none; }.app-view.active { display:block; }.metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:16px; }.metric-grid article,.panel { padding:22px; background:var(--white); border:1px solid var(--line); }.metric-grid span { display:block; color:var(--muted); font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }.metric-grid strong { display:block; margin:9px 0 5px; font-family:Georgia, 'Times New Roman', serif; font-size:1.8rem; font-weight:400; }.metric-grid p { margin:0; color:#526573; font-size:.86rem; }.two-column { display:grid; grid-template-columns:1.2fr .8fr; gap:16px; }.panel h3 { margin:0 0 18px; font-size:1rem; }.timeline { padding:0; margin:0; list-style:none; }.timeline li { display:flex; gap:14px; align-items:flex-start; padding:13px 0; border-top:1px solid var(--line); }.timeline span { display:flex; flex:0 0 26px; align-items:center; justify-content:center; height:26px; color:var(--sea); background:var(--pale); border-radius:50%; font-size:.73rem; font-weight:800; }.timeline p,.mini-list dd { margin:2px 0 0; color:#576977; font-size:.85rem; }.mini-list { margin:18px 0 0; }.mini-list div { padding:11px 0; border-top:1px solid var(--line); }.mini-list dt { font-size:.75rem; font-weight:700; }.empty-state { max-width:650px; padding:64px 30px; margin:40px auto; text-align:center; background:var(--white); border:1px solid var(--line); }.empty-state .lock { font-size:2rem; color:var(--sea); }.empty-state h3 { margin:9px 0; font-family:Georgia, 'Times New Roman', serif; font-size:1.7rem; font-weight:400; }.empty-state p { color:var(--muted); }.notice { margin-top:18px; padding:13px; color:#4b606d; background:var(--pale); font-size:.88rem; }.panel table { width:100%; border-collapse:collapse; font-size:.88rem; }.panel th,.panel td { padding:12px 10px; border:1px solid var(--line); text-align:left; vertical-align:top; }.panel th { color:var(--white); background:var(--navy); font-size:.76rem; letter-spacing:.04em; }.panel-title { margin-bottom:18px; }.task-list { border-top:1px solid var(--line); }.task-list label { display:grid; grid-template-columns:20px 1fr 120px; gap:10px; align-items:center; padding:13px 4px; border-bottom:1px solid var(--line); font-size:.9rem; }.task-list em { color:var(--muted); font-size:.77rem; font-style:normal; }.task-list input { accent-color:var(--sea); }.record-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); }.record-grid div { padding:18px; background:var(--white); }.record-grid strong,.record-grid span { display:block; }.record-grid span { margin-top:3px; color:var(--muted); font-size:.85rem; }
@media (max-width:900px) { .site-header { padding:0 5vw; }.site-header nav { display:none; }.hero,.request-section,.project-headline { grid-template-columns:1fr; gap:35px; padding:64px 7vw; }.hero { min-height:720px; background-position:66% center; }.ownership-section { padding:64px 7vw 45px; }.ownership-intro { grid-template-columns:1fr; }.ownership-intro .eyebrow,.ownership-intro h2,.ownership-intro p:not(.eyebrow) { grid-column:auto; }.ownership-intro p:not(.eyebrow) { max-width:650px; }.ownership-model { grid-template-columns:1fr; gap:12px; margin-top:38px; }.model-node { min-height:auto; }.model-connector { width:1px; height:35px; margin:0 auto; }.model-connector::after { right:-7px; top:20px; transform:rotate(90deg); }.model-connector span { top:7px; left:18px; transform:none; }.owner-journey-grid { grid-template-columns:repeat(2,1fr); }.role-clarity { padding:64px 7vw; }.role-clarity-grid { grid-template-columns:1fr; }.dao-grid { grid-template-columns:1fr; }.open-books-section { padding:64px 7vw; }.open-books-section > div:first-child { grid-template-columns:1fr; gap:18px; }.open-books-section .eyebrow,.open-books-section h2,.open-books-section > div:first-child > p:last-child { grid-column:auto; }.open-books-grid { grid-template-columns:repeat(3,1fr); }.belong-section { grid-template-columns:1fr; }.belong-image { min-height:440px; }.belong-copy { max-width:none; padding:68px 7vw; }.project-hero { padding:34px 7vw 60px; }.project-main { grid-template-columns:1fr; gap:30px; padding:62px 7vw; }.project-side { grid-template-columns:repeat(3,1fr); }.section { padding:64px 7vw; }.project-grid,.process-grid { grid-template-columns:repeat(2,1fr); }.standards-grid { gap:25px; }.app-shell { grid-template-columns:1fr; }.app-sidebar { padding:25px 6vw; }.app-nav { grid-template-columns:repeat(3,auto); overflow:auto; margin:22px 0 0; }.app-nav button { white-space:nowrap; }.sidebar-note { display:none; }.app-content { padding:32px 6vw; }.two-column { grid-template-columns:1fr; } }
@media (max-width:600px) { .project-grid,.process-grid,.standards-grid,.metric-grid,.fact-grid,.project-side,.owner-journey-grid,.role-clarity-grid,.open-books-grid { grid-template-columns:1fr; }.oc-custom-card { grid-column:span 1; }.hero { min-height:690px; background-position:62% center; }.hero h1 { font-size:2.8rem; }.project-headline h1 { font-size:3rem; }.ownership-section { padding-top:54px; }.model-node { padding:24px; }.owner-journey-grid article { min-height:auto; }.role-clarity { padding-top:54px; padding-bottom:54px; }.dao-card { padding:25px; }.open-books-section { padding-top:54px; padding-bottom:54px; }.belong-image { min-height:340px; }.belong-copy { padding:54px 7vw; }.project-hero { padding-top:28px; }.back-link { margin-bottom:35px; }.app-heading { align-items:flex-start; flex-direction:column; }.task-list label { grid-template-columns:20px 1fr; }.task-list em { grid-column:2; }.panel { overflow:auto; }.site-header { gap:10px; }.profile-button { font-size:.7rem; } footer { align-items:flex-start; flex-direction:column; } }

.project-card.oc-custom-card { grid-column:span 2; background:linear-gradient(125deg,#e9f1f3,#f7f9f9); }.project-card.oc-custom-card h3 { max-width:42rem; }.project-card.oc-custom-card > p { max-width:44rem; }.project-card.oc-custom-card dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:46rem; }.project-card.oc-custom-card dl div { margin:0; }
@media (max-width:600px) { .project-card.oc-custom-card { grid-column:span 1; } }

.login-main{display:grid;min-height:calc(100vh - 77px);grid-template-columns:1.05fr .95fr;gap:7vw;padding:9vw;background:linear-gradient(128deg,#061c2d 0%,#103a54 59%,#1b5870 100%);color:#fff}.login-intro{align-self:center;max-width:36rem}.login-intro .eyebrow,.login-card .eyebrow{color:#a9d4e2}.login-intro h1{margin:0 0 1.4rem;font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,5.5vw,5.5rem);font-weight:400;line-height:.96;letter-spacing:-.055em}.login-intro>p:not(.eyebrow){max-width:32rem;color:#d5e4e9;font-size:1.1rem;line-height:1.65}.login-intro ul{margin:2.3rem 0 0;padding:0;list-style:none;border-top:1px solid rgba(207,230,237,.3)}.login-intro li{padding:1rem 0;border-bottom:1px solid rgba(207,230,237,.3);color:#deedf1}.login-intro li::before{content:'—';margin-right:.6rem;color:#c3a062}.login-card{align-self:center;padding:2.7rem;background:#fff;color:var(--ink);box-shadow:0 1.5rem 4rem rgba(0,0,0,.22)}.login-card h2{margin:.2rem 0 1.25rem;font-family:Georgia,'Times New Roman',serif;font-size:2.35rem;font-weight:400}.login-card>p:not(.eyebrow),.login-note{color:#5d7180;line-height:1.55}.access-route{padding:1rem 0;border-top:1px solid var(--line)}.access-route strong{display:block;color:#123047;font-size:.94rem}.access-route p{margin:.42rem 0 0;color:#5d7180;font-size:.9rem;line-height:1.5}.login-card>.button{margin-top:1.25rem}.login-form{display:grid;gap:1rem;margin-top:1.8rem}.login-form>label{display:grid;gap:.45rem;color:#375264;font-size:.83rem;font-weight:700}.login-form input{width:100%;padding:.78rem;color:var(--ink);border:1px solid #b9cfda;border-radius:2px;font:inherit}.login-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8rem}.login-actions a{color:var(--sea);font-weight:700}.login-form .button{justify-self:start}.login-note{margin:1.5rem 0 0;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.78rem}.login-card .form-message{color:#30647d}.login-card .check{color:#536b79;font-size:.78rem}@media (max-width:760px){.login-main{grid-template-columns:1fr;gap:3rem;padding:4rem 7vw}.login-card{padding:1.8rem}.login-intro h1{font-size:clamp(2.7rem,13vw,4.2rem)}}

/* Responsive refinement: these rules intentionally sit after the desktop system.
   Keeping the breakpoints here prevents mobile declarations from being overridden
   by the base layouts above. */
@media (max-width:900px) {
  .project-team-section,.oc-custom-section { grid-template-columns:1fr; gap:38px; padding:64px 7vw; }
  .project-team-grid { grid-template-columns:1fr; }
  .project-team-grid article { min-height:0; }
}

@media (max-width:600px) {
  body { font-size:15px; }
  .site-header { min-height:66px; padding-inline:6vw; }
  .brand { font-size:.72rem; letter-spacing:.12em; }
  .text-link { font-size:.78rem; }
  .hero { min-height:0; gap:28px; padding:58px 7vw 48px; background-position:61% center; }
  .hero h1 { max-width:9.5ch; font-size:clamp(2.55rem,12.5vw,3.35rem); line-height:.96; }
  .hero .intro { margin:22px 0; font-size:1rem; line-height:1.56; }
  .hero-panel { padding:21px 19px; }
  .hero-panel li { padding:0 0 18px 34px; }
  .hero-panel span { font-size:.86rem; line-height:1.45; }
  .hero-actions { gap:10px; }
  .hero-actions .button { width:100%; }
  .button { min-height:44px; padding:10px 15px; font-size:.86rem; }

  .project-team-section,.oc-custom-section { gap:30px; padding:52px 7vw; }
  .project-team-intro h2,.oc-custom-copy h2 { margin-bottom:18px; font-size:clamp(2.25rem,11vw,3.25rem); }
  .project-team-intro > p:not(.eyebrow),.oc-custom-copy > p:not(.eyebrow) { font-size:1rem; line-height:1.62; }
  .project-team-intro .service-note { padding:14px 15px; font-size:.88rem; }
  .project-team-intro .button,.oc-custom-copy .button { width:100%; margin-top:10px; }
  .project-team-grid article { padding:22px 20px; }
  .project-team-grid h3 { margin-top:24px; font-size:1.16rem; }

  .section { padding:52px 7vw; }
  .section-heading { margin-bottom:27px; }
  .section-heading h2,.request-section h2 { font-size:clamp(2rem,10.5vw,3rem); }
  .project-card { min-height:0; padding:21px 19px; }
  .project-card h3 { margin-top:24px; font-size:1.55rem; }
  .project-card dl { margin:23px 0 17px; padding-top:0; }
  .project-card.oc-custom-card dl { grid-template-columns:1fr; gap:10px; }
  .project-card.oc-custom-card { grid-column:span 1; }

  .ownership-section,.role-clarity,.open-books-section,.request-section { padding:52px 7vw; }
  .ownership-intro h2,.open-books-section h2 { font-size:clamp(2.1rem,10.5vw,3rem); }
  .ownership-model { margin-top:32px; }
  .model-node { padding:22px 20px; }
  .owner-journey-grid article,.role-clarity-grid article { padding:22px 20px; }
  .owner-journey-grid > article > span { margin-bottom:25px; }
  .role-clarity-grid h3 { margin-top:1.4rem; font-size:1.4rem; }
  .dao-section { padding-top:52px; }
  .dao-card { padding:22px 20px; }
  .open-books-grid { gap:0; margin-top:30px; }
  .open-books-grid article { padding:22px 20px; }
  .belong-image { min-height:285px; }
  .belong-copy { padding:48px 7vw; }
  .belong-copy h2 { font-size:clamp(2.2rem,11vw,3.2rem); }
  .process-grid { gap:0; }
  .process-grid article { padding:17px 0; }
  .standards-grid { gap:28px; }
  .standards-grid li { padding:11px 0; }
  .request-section { gap:32px; }
  .interest-form .button { width:100%; }
  footer { gap:11px; padding:25px 7vw; font-size:.78rem; }
}