.page-intro{box-sizing:border-box;position:relative;left:50%;transform:translateX(-50%);width:min(1280px,calc(100vw - 96px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;margin:0 0 20px;border-bottom:1px solid var(--ink,#191b19)}
.page-intro-copy{min-width:0}
.page-intro h1{font-size:clamp(38px,5.2vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0 0 6px;font-weight:600;overflow-wrap:anywhere}
.page-intro p{font-size:15px;line-height:1.6;color:var(--muted,#62665e);margin:14px 0 0;max-width:56ch}
.page-intro-actions [hidden]{display:none!important}
.page-intro-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:none}
.page-intro-action,.page-intro-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid var(--line,#d5d7cd);border-radius:10px;background:transparent;color:var(--ink,#191b19);font:inherit;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;box-shadow:none}
.page-intro-action:hover,.page-intro-actions button:hover{background:var(--surface-2,#ececec);border-color:var(--muted,#666)}
.page-intro-actions .page-intro-primary{background:var(--ink,#191b19);color:var(--paper,#fff);border-color:var(--ink,#191b19)}
.page-intro-actions .page-intro-primary:hover{background:var(--ink,#191b19);color:var(--paper,#fff);border-color:var(--ink,#191b19);opacity:.88}
@media(max-width:900px){.page-intro{width:calc(100vw - 48px)}}
@media(max-width:700px){.page-intro{width:calc(100vw - 36px);flex-wrap:wrap;padding:14px 0;margin-bottom:16px;gap:10px}.page-intro-actions{justify-content:flex-start;max-width:100%}}
@media(max-height:700px){.page-intro{padding-block:10px;margin-bottom:12px}.page-intro h1{font-size:28px}.page-intro-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 18px}.page-intro h1{margin:0}.page-intro p{line-height:1.5}}