@import url('compact.css');
.page-main { padding:72px 10vw 110px; border-top:1px solid rgba(237,240,232,.25); }.page-kicker { color:var(--cyan); font:700 10px var(--mono); letter-spacing:.1em; text-transform:uppercase; }.page-title { max-width:950px; margin:18px 0 65px; font:700 clamp(75px,11vw,165px)/.7 var(--sans); letter-spacing:-.08em; text-transform:uppercase; }.page-title em { color:var(--orange); font-style:normal; }.page-lead { max-width:560px; margin:-30px 0 62px; color:var(--muted); font:14px/1.7 var(--mono); }.page-list { border-top:1px solid rgba(237,240,232,.25); }.page-list article { display:grid; grid-template-columns:130px 1.2fr 1fr; gap:25px; align-items:start; padding:27px 0; border-bottom:1px solid rgba(237,240,232,.25); }.page-list article>span { color:var(--orange); font:10px var(--mono); }.page-list h2 { margin:0 0 8px; font-size:clamp(25px,3vw,43px); letter-spacing:-.06em; }.page-list p { margin:0; color:var(--muted); }.page-list .date { text-align:right; font:10px var(--mono); }.page-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(237,240,232,.25); }.page-card { min-height:260px; padding:24px; background:var(--panel); }.page-card:nth-child(2) { background:var(--cyan); color:var(--black); }.page-card:nth-child(3) { background:var(--orange); color:var(--black); }.page-card .code { color:var(--orange); font:10px var(--mono); }.page-card:nth-child(2) .code,.page-card:nth-child(3) .code { color:var(--black); }.page-card h2 { margin:60px 0 12px; font-size:clamp(27px,3vw,48px); letter-spacing:-.07em; }.page-card p { max-width:290px; margin:0; color:var(--muted); }.page-card:nth-child(2) p,.page-card:nth-child(3) p { color:rgba(17,20,22,.72); }.award-table { border-top:2px solid var(--cyan); }.award-row { display:grid; grid-template-columns:130px 1.3fr 1fr; gap:20px; align-items:center; padding:22px 0; border-bottom:1px solid rgba(237,240,232,.25); }.award-row strong { font:700 27px var(--sans); letter-spacing:-.08em; }.award-row span { color:var(--cyan); font:10px var(--mono); text-transform:uppercase; }.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(237,240,232,.25); }.team-member { min-height:260px; padding:24px; background:var(--panel); }.team-member:nth-child(2) { background:var(--cyan); color:var(--black); }.team-member:nth-child(3) { background:var(--orange); color:var(--black); }.team-member b { color:var(--orange); font:10px var(--mono); }.team-member:nth-child(2) b,.team-member:nth-child(3) b { color:var(--black); }.team-member h2 { margin:80px 0 8px; font-size:29px; letter-spacing:-.06em; }.team-member p { margin:0; color:var(--muted); font:12px var(--mono); }.team-member:nth-child(2) p,.team-member:nth-child(3) p { color:rgba(17,20,22,.72); }.page-contact { display:grid; grid-template-columns:1.2fr 1fr; gap:8vw; align-items:end; padding:68px 0 0; border-top:1px solid rgba(237,240,232,.25); }.page-contact h2 { margin:0; font:700 clamp(60px,9vw,135px)/.7 var(--sans); letter-spacing:-.08em; text-transform:uppercase; }.page-contact h2 em { color:var(--orange); font-style:normal; }.page-contact p { color:var(--muted); font:13px/1.8 var(--mono); }.page-contact a { color:var(--cyan); text-decoration:underline; text-underline-offset:5px; }
@media (max-width:800px) { .page-main { padding:52px 6vw 80px; }.page-title { margin-bottom:50px; font-size:clamp(70px,19vw,125px); }.page-lead { margin:-22px 0 45px; }.page-list article { grid-template-columns:50px 1fr; gap:10px; }.page-list .date { grid-column:2; text-align:left; }.page-grid,.team-grid,.page-contact { display:block; }.page-card,.team-member { margin-bottom:1px; }.page-contact>div:last-child { margin-top:45px; } }
