:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#263a34;background:#f7f8f4}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:17px max(24px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid #dce4d9;gap:20px}.brand{display:flex;align-items:center;font-weight:850;font-size:25px;gap:12px;color:#163f32}.brand small{display:block;font-size:9px;letter-spacing:2.5px;color:#738175}.mark{display:grid;place-items:center;border-radius:50%;background:#d7e9cf;width:44px;height:44px;font-size:33px}nav{display:flex;gap:6px;flex-wrap:wrap}button{cursor:pointer;font:inherit;border:0;border-radius:8px;padding:12px 17px;background:transparent;color:#245341;font-weight:700}nav button.selected{background:#e6eee1}.primary{color:white;background:#24583e}.outline{border:1px solid #ddd;background:white}.hero{background:#183f32;color:#f9faf5;padding:76px max(24px,calc((100vw - 1120px)/2)) 85px}.hero h1{font:700 clamp(32px,5vw,56px)/1.07 Georgia,serif;max-width:790px;margin:14px 0}.hero>p:not(.eyebrow){font-size:19px;max-width:620px;color:#d7e6d9}.hero .eyebrow{color:#c2df9d}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#628355}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}main .view{max-width:1120px;margin:0 auto;padding:54px 24px 70px}.hidden{display:none!important}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:24px}.section-head h2{font:700 36px Georgia,serif;margin:6px 0}.section-head>p{font-size:13px;color:#66776e;max-width:320px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:13px;margin-bottom:25px}.filters label,.formgrid>label{font-size:13px;font-weight:700}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #cad4ca;border-radius:8px;background:white;font:inherit;color:#263a34;margin-top:7px}input:focus,textarea:focus,select:focus{outline:2px solid #77a87d}textarea{min-height:87px;resize:vertical}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.panel{background:white;border:1px solid #e0e5db;border-radius:13px;overflow:hidden}.card .art{height:125px;background:linear-gradient(120deg,#c7d8bc,#edf1e4);display:flex;align-items:center;justify-content:center;font-size:38px}.card .inside{padding:18px}.card h3{font-size:21px;margin:10px 0 6px}.card p{color:#65736b;font-size:14px;line-height:1.5}.tag{background:#edf2e7;color:#3b664e;padding:5px 9px;font-size:11px;font-weight:800;border-radius:30px;display:inline-block;margin-right:5px}.details{font-size:13px;color:#53635b;margin:16px 0}.details div{margin:5px 0}.card button{width:100%;background:#24583e;color:white}.formgrid{padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.formgrid .wide{grid-column:1/-1}fieldset{border:1px solid #cad4ca;border-radius:8px;padding:16px;display:flex;gap:24px;flex-wrap:wrap}fieldset label{font-size:14px}fieldset input,.formgrid input[type=checkbox]{width:auto;display:inline;margin-right:5px}.actions{display:flex;justify-content:flex-end}.fine{font-size:12px;color:#68796f}#status{max-width:1100px;margin:0 auto 25px;padding:0 24px}#status:not(:empty){padding:18px 24px;background:#e7f0de;border-radius:8px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:35px max(24px,calc((100vw - 1120px)/2));border-top:1px solid #dde5d9;color:#66786c;font-size:12px}footer strong{font-size:19px;color:#24583e}@media(max-width:800px){header{display:block}nav{margin-top:12px}.cards{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}}@media(max-width:570px){.hero{padding-top:48px;padding-bottom:55px}.cards,.filters,.formgrid{grid-template-columns:1fr}.section-head{display:block}.formgrid{padding:18px}}
/* Trajectory brand reference: Oregon-shaped cyan mark, black typography, "Educate Train Celebrate".
   Accessible neutral UI with documentary field photography. */
:root{font-family:Arial,Helvetica,sans-serif;color:#172c2b;background:#f5f7f5}
.brand{color:#172c2b;font-weight:700;letter-spacing:-.02em}
.brand-logo{height:60px;width:72px;object-fit:contain;flex-shrink:0}
.brand small{color:#277e8e;letter-spacing:1.5px}
.hero{background:linear-gradient(90deg,rgba(11,45,48,.95),rgba(11,45,48,.65)),none center 43%/cover no-repeat}
.hero h1,.section-head h2{font-family:Georgia,"Times New Roman",serif}
.primary,.card button{background:#146879;color:#fff}
button{color:#135c68}
nav button.selected{background:#d9eff1}
.eyebrow{color:#267e8c}
.hero .eyebrow{color:#a6e9ef}
.tag{background:#e0f1f2;color:#145d67}
.card .art{height:160px;background-size:cover;background-position:center}
.card .art.photo-forestry{background-image:none}
.card .art.photo-production{background-image:none}
.card .art.photo-mechanics{background-image:none}
.card .art.photo-conservation{background-image:none}
.card .art.photo-forestry,.card .art.photo-production,.card .art.photo-mechanics,.card .art.photo-conservation{font-size:0}
@media(max-width:570px){.brand-logo{width:55px;height:48px}.hero{background-position:55% center}}

/* Brand correction: teal palette throughout, including legacy selectors. */
:root{color:#172f34;background:#f4f9fa}
header{border-bottom-color:#d2e5e8}
.brand{color:#173d46}
.brand small{color:#167a8c}
.mark{background:#d9f0f3;color:#146879}
nav button.selected{background:#d9f0f3;color:#125d6e}
button{color:#146879}
.primary,.card button{background:#146879;color:#fff}
.primary:hover,.card button:hover{background:#0e5060}
.hero{background:linear-gradient(115deg,#103f4d,#176d7d);color:#fff}
.hero>p:not(.eyebrow){color:#e0f1f4}
.hero .eyebrow{color:#b6edf2}
.eyebrow{color:#197b8c}
.section-head>p,.card p,.fine,footer{color:#56747b}
input:not([type=checkbox]),select,textarea,fieldset{border-color:#bdd5da;color:#17383e}
input:focus,textarea:focus,select:focus{outline-color:#44a8b9}
.card,.panel{border-color:#d6e7e9}
.card .art{background:linear-gradient(120deg,#c4e7ec,#eff8f9)}
.tag{background:#dff2f4;color:#155d6b}
.details{color:#476a73}
#status:not(:empty){background:#dff3f5;color:#174a57}
footer{border-top-color:#d6e7e9}
footer strong{color:#146879}
/* The official logo image must be copied to assets/trajectory-logo.png. */
.brand-logo{display:block;width:72px;height:60px;object-fit:contain}

/* Official square Oregon Trajectory logo, with full mark and tagline visible. */
.brand-logo{width:98px;height:98px;object-fit:contain}
@media(max-width:570px){.brand-logo{width:76px;height:76px}}

/* Private demo photography. Photo permissions must be confirmed before launch. */
.hero{background:linear-gradient(90deg,rgba(10,43,52,.92) 0%,rgba(10,43,52,.72) 52%,rgba(10,43,52,.25) 100%),url("assets/field-photo-17.jpg") center 46%/cover no-repeat}
.card .art{background-size:cover;background-position:center;position:relative}
.card .art.photo-forestry{background-image:url("assets/field-photo-16.jpg")}
.card .art.photo-production{background-image:url("assets/field-photo-14.jpg")}
.card .art.photo-mechanics{background-image:url("assets/field-photo-06.jpg")}
.card .art.photo-conservation{background-image:url("assets/field-photo-12.jpg")}
@media(max-width:570px){.hero{background-position:60% center}}

/* Honeypot: hidden from people, present for basic form-filling bots. */
.spam-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.preview-notice{padding:15px max(24px,calc((100vw - 1120px)/2));background:#fff2cf;color:#573f10;border-bottom:2px solid #b78a26;font-size:14px;line-height:1.5}