/* Studio Blocks: page-titles. Generated by tools/studio-blocks/extract.mjs from the Studio block library; edit the library, then re-run. */
body .sb-page-titles h1,body .sb-page-titles h2,body .sb-page-titles h3,body .sb-page-titles h4,body .sb-page-titles h5,body .sb-page-titles h6,body .sb-page-titles a{color:inherit}
body .sb-page-titles h1,body .sb-page-titles h2,body .sb-page-titles h3,body .sb-page-titles h4,body .sb-page-titles h5,body .sb-page-titles h6{text-transform:none}
body .sb-page-titles p,body .sb-page-titles li{font-size:inherit !important;line-height:inherit !important}

/* Demo theme. Every variant reads only these tokens, so any site's brand restyles it. */
body .sb-page-titles{ --st-space:var(--section-padding); --st-stack-gap:clamp(16px,12px + 1vw,28px);
  --gut:clamp(20px,4vw,56px);
}
body .sb-page-titles html[data-theme="b"]{
  --pb-bg:#f1f3f6; --pb-surface:#ffffff; --pb-text:#121826; --pb-muted:#4b5466;
  --pb-primary:#8c2f1c; --pb-secondary:#9fb3d1; --pb-border:rgba(18,24,38,.15); --pb-on-dark:#ffffff;
  --pb-heading-font:"Bricolage Grotesque",system-ui,sans-serif;
}
body .sb-page-titles html[data-r="12"]{--st-photo-r:12px} body .sb-page-titles html[data-r="28"]{--st-photo-r:28px}

body .sb-page-titles *{box-sizing:border-box;margin:0;padding:0}
body .sb-page-titles{background:var(--pb-bg);color:var(--pb-text);font:400 var(--st-type-body)/var(--st-lh-body) var(--pb-body-font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body .sb-page-titles img{display:block;width:100%;height:100%;object-fit:cover}
body .sb-page-titles a{color:inherit}
body .sb-page-titles :focus-visible{outline:var(--st-focus-w) solid var(--st-focus-color);outline-offset:var(--st-focus-offset)}

/* page chrome (not part of the blocks) */
body .sb-page-titles .intro{padding:56px var(--gut) 40px;max-width:1240px;margin:auto}
body .sb-page-titles .intro h1{font:var(--pb-heading-weight) clamp(36px,25.6px + 2.5vw,56px)/var(--st-lh-head) var(--pb-heading-font);letter-spacing:-.02em}
body .sb-page-titles .intro p{color:var(--pb-muted);max-width:68ch;margin-top:14px}
body .sb-page-titles .ctl{display:flex;flex-wrap:wrap;gap:10px var(--st-gap-grid);margin-top:22px;font-size:var(--st-type-small) !important}
body .sb-page-titles .ctl div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
body .sb-page-titles .ctl button{font:var(--pb-ui-weight) var(--st-type-small) var(--pb-body-font);min-height:44px;padding:0 16px;border:1px solid var(--pb-border);background:var(--pb-surface);color:var(--pb-text);cursor:pointer}
body .sb-page-titles .ctl button[aria-pressed="true"]{background:var(--pb-text);color:var(--pb-bg)}
body .sb-page-titles .variant{position:relative}

/* shared block atoms */
body .sb-page-titles .wrap{width:min(100% - 2*var(--gut),1240px);margin-inline:auto}
body .sb-page-titles .t{font-family:var(--pb-heading-font);font-weight:var(--pb-heading-weight);font-size:var(--st-type-h1) !important;line-height:var(--st-lh-display) !important;letter-spacing:-.02em;text-wrap:balance;font-optical-sizing:auto}
body .sb-page-titles .t em{font-style:italic;font-weight:300}
body .sb-page-titles .lead{font-size:var(--st-type-lead) !important;line-height:1.5 !important;color:var(--pb-muted);max-width:56ch;text-wrap:pretty}
body .sb-page-titles .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:var(--st-type-small) !important;color:var(--pb-muted)}
body .sb-page-titles .crumbs li+li::before{content:"/";margin-right:10px;opacity:.55}
body .sb-page-titles .crumbs a{text-decoration:none;display:inline-block;padding-block:10px}
body .sb-page-titles .crumbs a:hover{text-decoration:underline}
body .sb-page-titles .crumbs [aria-current]{color:var(--pb-text);padding-block:10px;display:inline-block}
body .sb-page-titles .eyebrow{font-size:var(--st-type-label) !important;letter-spacing:var(--st-track-label);text-transform:var(--small-titles-caps);font-weight:var(--pb-ui-weight);color:var(--pb-eyebrow)}
body .sb-page-titles .acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}
body .sb-page-titles .btn{display:inline-flex;align-items:center;justify-content:center;height:var(--st-btn-h);padding:0 var(--st-btn-px);background:var(--pb-primary);color:var(--pb-on-dark);font-weight:var(--pb-ui-weight);text-decoration:none;font-size:16px !important}
body .sb-page-titles .tlink{display:inline-flex;align-items:center;min-height:var(--st-btn-h-sm);font-weight:var(--pb-ui-weight);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
body .sb-page-titles .ph{border-radius:var(--st-photo-r);overflow:hidden;background:var(--pb-border)}
body .sb-page-titles .dark{color:var(--pb-on-dark)}
body .sb-page-titles .dark .lead,body .sb-page-titles .dark .crumbs ol{color:var(--pb-on-dark)}
body .sb-page-titles .dark .crumbs [aria-current]{color:var(--pb-on-dark)}
body .sb-page-titles .dark .eyebrow{color:var(--pb-on-dark)}
body .sb-page-titles .dark .btn{background:var(--pb-on-dark);color:var(--pb-text)}
body .sb-page-titles .sibs{display:flex;flex-wrap:wrap;gap:4px 28px;font-size:var(--st-type-small) !important;font-weight:var(--pb-ui-weight)}
body .sb-page-titles .sibs a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;color:var(--pb-muted);border-bottom:2px solid transparent}
body .sb-page-titles .sibs a:hover{color:var(--pb-text)}
body .sb-page-titles .sibs a[aria-current]{color:var(--pb-text);border-color:currentColor}
body .sb-page-titles .shade{position:absolute;inset:0;background:var(--st-hero-scrim)}
body .sb-page-titles .bg{position:absolute;inset:0}

/* 01 Centered band with sibling links */
body .sb-page-titles .p01{background:color-mix(in srgb,var(--pb-secondary) 24%,var(--pb-bg));padding-top:var(--st-space);text-align:center}
body .sb-page-titles .p01 .crumbs ol{justify-content:center}
body .sb-page-titles .p01 .t{margin:12px auto 0;max-width:16ch}
body .sb-page-titles .p01 .lead{margin:22px auto 0}
body .sb-page-titles .p01 .sibs{justify-content:center;margin-top:calc(var(--st-space)*.7);border-top:var(--st-line-w) solid var(--pb-border);padding-top:6px}

/* 02 Ruled title grid */
body .sb-page-titles .p02{padding-block:var(--st-space)}
body .sb-page-titles .p02 .top{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--st-line-w) solid var(--pb-text);padding-bottom:6px;gap:16px}
body .sb-page-titles .p02 .top .eyebrow{color:var(--pb-muted);font-weight:500}
body .sb-page-titles .p02 .grid{display:grid;grid-template-columns:7fr 4fr;gap:48px;padding-top:40px;align-items:end}
body .sb-page-titles .p02 .t{font-size:clamp(44px,24px + 4.6vw,100px) !important;line-height:.98 !important}
body .sb-page-titles .p02 .side{border-left:var(--st-line-w) solid var(--pb-border);padding-left:28px}
body .sb-page-titles .p02 .side .tlink{margin-top:14px}
body .sb-page-titles .p02 .rule{border-top:var(--st-line-w) solid var(--pb-border);margin-top:40px}
@media(max-width:820px){body .sb-page-titles .p02 .grid{grid-template-columns:1fr;gap:20px;padding-top:24px}body .sb-page-titles .p02 .side{border-left:0;padding-left:0}body .sb-page-titles .p02 .top .eyebrow{display:none}}

/* 03 Label gutter field note */
body .sb-page-titles .p03{padding-block:var(--st-space);border-bottom:var(--st-line-w) solid var(--pb-border)}
body .sb-page-titles .p03 .grid{display:grid;grid-template-columns:3fr 9fr;gap:40px}
body .sb-page-titles .p03 .gutter{border-top:2px solid var(--pb-primary);padding-top:14px;display:flex;flex-direction:column;gap:6px}
body .sb-page-titles .p03 .gutter .crumbs ol{flex-direction:column;gap:0}
body .sb-page-titles .p03 .gutter .crumbs li+li::before{content:none}
body .sb-page-titles .p03 .main{border-top:var(--st-line-w) solid var(--pb-border);padding-top:14px}
body .sb-page-titles .p03 .t{max-width:15ch}
body .sb-page-titles .p03 .lead{margin-top:24px}
body .sb-page-titles .p03 dl{display:flex;flex-wrap:wrap;gap:12px 48px;margin-top:36px;font-size:var(--st-type-small) !important}
body .sb-page-titles .p03 dt{color:var(--pb-muted)} body .sb-page-titles .p03 dd{font-weight:var(--pb-ui-weight)}
@media(max-width:820px){body .sb-page-titles .p03 .grid{grid-template-columns:1fr;gap:var(--st-gap-grid)}body .sb-page-titles .p03 .gutter .crumbs ol{flex-direction:row;gap:4px 10px}body .sb-page-titles .p03 .gutter .crumbs li+li::before{content:"/";margin-right:10px}}

/* 04 Panorama, title bottom left */
body .sb-page-titles .p04{position:relative;min-height:clamp(340px,34vw,480px);display:flex;align-items:flex-end;isolation:isolate}
body .sb-page-titles .p04 .bg{z-index:-1}
body .sb-page-titles .p04 .shade{background:linear-gradient(180deg,var(--st-hero-scrim),rgba(0,0,0,.66))}
body .sb-page-titles .p04 .wrap{padding-block:var(--st-space) calc(var(--st-space)*.8);display:grid;grid-template-columns:1fr auto;gap:var(--st-gap-grid) 64px;align-items:end}
body .sb-page-titles .p04 .crumbs{position:absolute;top:24px;left:var(--gut)}
body .sb-page-titles .p04 .t{font-size:clamp(44px,22.4px + 5vw,104px) !important;max-width:12ch}
body .sb-page-titles .p04 .lead{max-width:36ch;padding-bottom:10px}
@media(max-width:820px){body .sb-page-titles .p04 .wrap{grid-template-columns:1fr}body .sb-page-titles .p04 .crumbs{top:12px}}

/* 05 Photo band with a sibling bar on the photo */
body .sb-page-titles .p05{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(320px,30vw,440px)}
body .sb-page-titles .p05 .bg{z-index:-1}
body .sb-page-titles .p05 .wrap{padding-top:calc(var(--st-space)*1.2);padding-bottom:clamp(24px,3vw,40px);text-align:center}
body .sb-page-titles .p05 .t{text-transform:uppercase;letter-spacing:.04em;font-size:clamp(36px,20.8px + 3.6vw,76px) !important;line-height:1 !important;margin:6px auto 0;max-width:18ch}
body .sb-page-titles .p05 .crumbs ol{justify-content:center}
body .sb-page-titles .p05 .bar{border-top:var(--st-line-w) solid var(--pb-rule-on-dark);background:var(--st-scrim)}
body .sb-page-titles .p05 .sibs{justify-content:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-inline:var(--gut);gap:0}
body .sb-page-titles .p05 .sibs a{white-space:nowrap;color:var(--pb-on-dark);padding:0 18px;min-height:56px;border-bottom:0;border-top:2px solid transparent;margin-top:-1px}
body .sb-page-titles .p05 .sibs a[aria-current]{color:var(--pb-on-dark);border-top-color:var(--pb-on-dark)}
@media(max-width:820px){body .sb-page-titles .p05 .sibs{justify-content:flex-start}}

/* 06 Edge split: panel + photo */
body .sb-page-titles .p06{display:grid;grid-template-columns:1fr 1fr;background:var(--pb-surface)}
body .sb-page-titles .p06 .txt{padding:var(--st-space) clamp(24px,5vw,96px) var(--st-space) max(var(--gut),calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center;gap:22px}
body .sb-page-titles .p06 .t{max-width:13ch}
body .sb-page-titles .p06 .acts{margin-top:8px}
body .sb-page-titles .p06 .ph{position:relative;border-radius:0;min-height:320px}
body .sb-page-titles .p06 .ph img{position:absolute;inset:0}
@media(max-width:820px){body .sb-page-titles .p06{grid-template-columns:1fr}body .sb-page-titles .p06 .txt{padding:var(--st-space) var(--gut)}body .sb-page-titles .p06 .ph{order:-1;min-height:0;aspect-ratio:var(--pb-ar-landscape)}}

/* 07 Event header: date block + uneven split */
body .sb-page-titles .p07{padding-block:var(--st-space)}
body .sb-page-titles .p07 .grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,64px)}
body .sb-page-titles .p07 .txt{display:flex;flex-direction:column;justify-content:center;gap:20px}
body .sb-page-titles .p07 .date{display:flex;align-items:stretch;border:var(--st-line-w) solid var(--pb-text);width:max-content}
body .sb-page-titles .p07 .date b{font:400 clamp(48px,32px + 3vw,72px)/1 var(--pb-heading-font);padding:12px 18px;border-right:var(--st-line-w) solid var(--pb-text);display:flex;align-items:center}
body .sb-page-titles .p07 .date span{display:flex;flex-direction:column;justify-content:center;padding:10px 18px;font-weight:var(--pb-ui-weight);line-height:1.35 !important}
body .sb-page-titles .p07 .date span small{font-size:var(--st-type-small) !important;font-weight:500;color:var(--pb-muted)}
body .sb-page-titles .p07 .t{font-size:clamp(36px,24px + 2.8vw,68px) !important}
body .sb-page-titles .p07 dl{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;font-size:var(--st-type-small) !important;border-top:var(--st-line-w) solid var(--pb-border);padding-top:16px}
body .sb-page-titles .p07 dt{color:var(--pb-muted)} body .sb-page-titles .p07 dd{font-weight:var(--pb-ui-weight)}
body .sb-page-titles .p07 .ph{position:relative;min-height:300px}
body .sb-page-titles .p07 .ph img{position:absolute;inset:0}
@media(max-width:820px){body .sb-page-titles .p07 .grid{grid-template-columns:1fr}body .sb-page-titles .p07 .ph{order:-1;min-height:0;aspect-ratio:var(--pb-ar-landscape)}}

/* 08 Title over a cinema photo */
body .sb-page-titles .p08{padding-top:var(--st-space)}
body .sb-page-titles .p08 .row{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--st-gap-grid) 64px;align-items:end;padding-bottom:clamp(28px,4vw,56px)}
body .sb-page-titles .p08 .t{font-size:clamp(44px,24px + 4.6vw,100px) !important;line-height:.98 !important;margin-top:10px}
body .sb-page-titles .p08 .ph{aspect-ratio:21/9;width:min(100% - 2*var(--gut),1240px);margin-inline:auto}
@media(max-width:820px){body .sb-page-titles .p08 .row{grid-template-columns:1fr}body .sb-page-titles .p08 .ph{aspect-ratio:var(--pb-ar-landscape)}}

/* 09 Centered statement + offset photo strip */
body .sb-page-titles .p09{padding-block:var(--st-space);text-align:center;overflow:hidden}
body .sb-page-titles .p09 .t{margin:10px auto 0;max-width:18ch}
body .sb-page-titles .p09 .lead{margin:20px auto 0}
body .sb-page-titles .p09 .strip{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,28px);margin-top:clamp(40px,6vw,80px);padding-bottom:64px}
body .sb-page-titles .p09 .strip .ph{aspect-ratio:var(--pb-ar-portrait)}
body .sb-page-titles .p09 .strip .ph:nth-child(2){transform:translateY(64px)}
body .sb-page-titles .p09 .strip .ph:nth-child(1){transform:translateY(16px)}
@media(max-width:820px){body .sb-page-titles .p09 .strip{grid-template-columns:1fr 1fr;padding-bottom:32px}body .sb-page-titles .p09 .strip .ph:nth-child(3){display:none}body .sb-page-titles .p09 .strip .ph:nth-child(2){transform:translateY(32px)}body .sb-page-titles .p09 .strip .ph:nth-child(1){transform:none}}

/* 10 Blog / category header */
body .sb-page-titles .p10{padding-top:var(--st-space);border-bottom:var(--st-line-w) solid var(--pb-border)}
body .sb-page-titles .p10 .row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--st-gap-grid);flex-wrap:wrap}
body .sb-page-titles .p10 .t{font-size:clamp(48px,24px + 6vw,128px) !important;line-height:.92 !important;letter-spacing:-.035em}
body .sb-page-titles .p10 .count{font-family:var(--pb-heading-font);font-size:var(--st-type-h3) !important;color:var(--pb-muted);padding-bottom:12px}
body .sb-page-titles .p10 .lead{margin-top:20px}
body .sb-page-titles .p10 .sibs{margin-top:clamp(28px,4vw,48px);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0;border-top:var(--st-line-w) solid var(--pb-border)}
body .sb-page-titles .p10 .sibs a{white-space:nowrap;padding:0 18px;border-bottom:0;border-top:2px solid transparent;margin-top:-1px;min-height:56px}
body .sb-page-titles .p10 .sibs a:first-child{padding-left:0}
body .sb-page-titles .p10 .sibs a[aria-current]{border-top-color:var(--pb-text)}

/* 11 Letter with framed portrait */
body .sb-page-titles .p11{padding-block:var(--st-space)}
body .sb-page-titles .p11 .grid{display:grid;grid-template-columns:1fr 320px;gap:clamp(32px,6vw,112px);align-items:center}
body .sb-page-titles .p11 .t{font-style:italic;font-weight:300;max-width:16ch;margin-top:12px}
body .sb-page-titles .p11 .lead{margin-top:24px}
body .sb-page-titles .p11 .sig{margin-top:26px;font-weight:var(--pb-ui-weight)}
body .sb-page-titles .p11 .sig small{display:block;font-weight:400;color:var(--pb-muted);font-size:var(--st-type-small) !important}
body .sb-page-titles .p11 figure{background:var(--pb-surface);border:var(--st-line-w) solid var(--pb-border);padding:12px 12px 14px;transform:rotate(1.5deg)}
body .sb-page-titles .p11 figure .ph{aspect-ratio:var(--pb-ar-portrait)}
body .sb-page-titles .p11 figcaption{font-size:var(--st-type-small) !important;color:var(--pb-muted);margin-top:10px}
@media(max-width:820px){body .sb-page-titles .p11 .grid{grid-template-columns:1fr}body .sb-page-titles .p11 figure{max-width:260px;order:-1}}

/* 12 Giant word */
body .sb-page-titles .p12{padding-top:var(--st-space);overflow:hidden}
body .sb-page-titles .p12 .t{font-size:clamp(72px,16px + 12vw,208px) !important;line-height:.82 !important;letter-spacing:-.045em;max-width:none;margin-left:-.04em}
body .sb-page-titles .p12 .row{display:grid;grid-template-columns:1fr 1fr;gap:var(--st-gap-grid) 64px;border-top:var(--st-line-w) solid var(--pb-text);margin-top:clamp(16px,2vw,28px);padding-block:24px var(--st-space)}
body .sb-page-titles .p12 .row .acts{justify-self:end;align-self:start}
@media(max-width:820px){body .sb-page-titles .p12 .row{grid-template-columns:1fr}body .sb-page-titles .p12 .row .acts{justify-self:start}}

/* 13 Sibling tabs on a tinted band */
body .sb-page-titles .p13{background:var(--pb-surface);padding-top:var(--st-space);border-bottom:var(--st-line-w) solid var(--pb-border)}
body .sb-page-titles .p13 .row{display:grid;grid-template-columns:1fr 1fr;gap:20px 64px;align-items:end}
body .sb-page-titles .p13 .t{margin-top:8px}
body .sb-page-titles .p13 .sibs{margin-top:clamp(32px,5vw,64px);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:32px}
body .sb-page-titles .p13 .sibs a{white-space:nowrap;border-bottom-width:3px}
body .sb-page-titles .p13 .sibs a[aria-current]{color:var(--pb-primary)}
@media(max-width:820px){body .sb-page-titles .p13 .row{grid-template-columns:1fr}}

/* 14 Directory: title + destination links */
body .sb-page-titles .p14{padding-block:var(--st-space)}
body .sb-page-titles .p14 .grid{display:grid;grid-template-columns:5fr 6fr;gap:40px clamp(40px,7vw,120px)}
body .sb-page-titles .p14 .lead{margin-top:20px}
body .sb-page-titles .p14 ul{list-style:none;border-top:var(--st-line-w) solid var(--pb-text)}
body .sb-page-titles .p14 ul a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:18px 0;border-bottom:var(--st-line-w) solid var(--pb-border);text-decoration:none}
body .sb-page-titles .p14 ul b{font:400 var(--st-type-h3)/var(--st-lh-h3) var(--pb-heading-font)}
body .sb-page-titles .p14 ul small{grid-column:1;font-size:var(--st-type-small) !important;color:var(--pb-muted)}
body .sb-page-titles .p14 ul i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:var(--st-type-lead) !important;transition:transform var(--st-dur)}
body .sb-page-titles .p14 ul a:hover i{transform:translateX(4px)}
@media(max-width:820px){body .sb-page-titles .p14 .grid{grid-template-columns:1fr}}

/* 15 Contents card */
body .sb-page-titles .p15{padding-block:var(--st-space);background:color-mix(in srgb,var(--pb-primary) 7%,var(--pb-bg))}
body .sb-page-titles .p15 .grid{display:grid;grid-template-columns:7fr 4fr;gap:40px clamp(40px,6vw,96px);align-items:start}
body .sb-page-titles .p15 .t{margin-top:12px}
body .sb-page-titles .p15 .lead{margin-top:20px}
body .sb-page-titles .p15 .card{background:var(--pb-surface);border:var(--st-line-w) solid var(--pb-border);padding:var(--st-card-pad);border-radius:calc(var(--st-photo-r)*.6)}
body .sb-page-titles .p15 .card h2{font-size:var(--st-type-label) !important;text-transform:uppercase;letter-spacing:var(--st-track-label);color:var(--pb-muted);font-weight:var(--pb-ui-weight)}
body .sb-page-titles .p15 .card ol{margin-top:10px;padding-left:1.4em}
body .sb-page-titles .p15 .card li{border-bottom:var(--st-line-w) solid var(--pb-border)}
body .sb-page-titles .p15 .card li:last-child{border:0}
body .sb-page-titles .p15 .card li::marker{color:var(--pb-muted);font-size:var(--st-type-small) !important}
body .sb-page-titles .p15 .card a{display:flex;min-height:46px;align-items:center;text-decoration:none;font-weight:500}
body .sb-page-titles .p15 .card a:hover{color:var(--pb-primary)}
@media(max-width:820px){body .sb-page-titles .p15 .grid{grid-template-columns:1fr}}

/* 16 Info row */
body .sb-page-titles .p16{padding-block:var(--st-space)}
body .sb-page-titles .p16 .t{font-size:clamp(44px,22.4px + 5vw,104px) !important;line-height:.96 !important;max-width:14ch}
body .sb-page-titles .p16 .head{display:grid;grid-template-columns:1fr auto;gap:var(--st-gap-grid);align-items:end}
body .sb-page-titles .p16 dl{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(36px,5vw,72px);border-top:var(--st-line-w) solid var(--pb-text)}
body .sb-page-titles .p16 dl div{padding:18px 24px 6px 0;border-right:var(--st-line-w) solid var(--pb-border);margin-right:24px}
body .sb-page-titles .p16 dl div:last-child{border:0;margin:0}
body .sb-page-titles .p16 dt{font-size:var(--st-type-small) !important;color:var(--pb-muted)}
body .sb-page-titles .p16 dd{font:400 var(--st-type-h3)/1.25 var(--pb-heading-font);margin-top:6px}
@media(max-width:820px){body .sb-page-titles .p16 .head{grid-template-columns:1fr}body .sb-page-titles .p16 dl{grid-template-columns:1fr 1fr}body .sb-page-titles .p16 dd{font-size:18px !important}body .sb-page-titles .p16 dl div{border-right:0;margin:0;padding-right:12px;border-bottom:var(--st-line-w) solid var(--pb-border);padding-bottom:16px}}

/* 17 Poster with a photo rail */
body .sb-page-titles .p17{background:var(--pb-text);color:var(--pb-on-dark)}
body .sb-page-titles .p17 .grid{display:grid;grid-template-columns:1fr minmax(220px,26%);min-height:0}
body .sb-page-titles .p17 .txt{padding:var(--st-space) var(--gut) var(--st-space) max(var(--gut),calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:space-between;gap:48px}
body .sb-page-titles .p17 .t{font-size:clamp(48px,19.2px + 6.4vw,136px) !important;line-height:.9 !important;letter-spacing:-.035em;max-width:9ch}
body .sb-page-titles .p17 .foot{display:flex;justify-content:space-between;align-items:end;gap:var(--st-gap-grid) 48px;flex-wrap:wrap}
body .sb-page-titles .p17 .rail{display:grid;grid-template-rows:2fr 1fr;gap:6px;padding:6px 6px 6px 0}
body .sb-page-titles .p17 .rail .ph{position:relative;min-height:0}
body .sb-page-titles .p17 .rail img{position:absolute;inset:0}
@media(max-width:820px){body .sb-page-titles .p17 .grid{grid-template-columns:1fr}body .sb-page-titles .p17 .rail{grid-template-rows:none;grid-template-columns:2fr 1fr;height:220px;padding:0 var(--gut) var(--st-space)}}

/* 18 Card straddling a photo */
body .sb-page-titles .p18 .photo{height:clamp(300px,38vw,520px);position:relative}
body .sb-page-titles .p18 .photo .ph{position:absolute;inset:0;border-radius:0}
body .sb-page-titles .p18 .card{position:relative;margin-top:-96px;background:var(--pb-surface);width:min(100%,760px);padding:clamp(28px,4vw,56px);border-radius:calc(var(--st-photo-r)*.6);box-shadow:0 1px 0 var(--pb-border)}
body .sb-page-titles .p18 .lead{margin-top:18px}
body .sb-page-titles .p18 .acts{margin-top:28px}
body .sb-page-titles .p18 .pad{padding-bottom:var(--st-space)}
@media(max-width:820px){body .sb-page-titles .p18 .card{margin-top:-48px}}

/* 19 Color block, photo cropped by band edge */
body .sb-page-titles .p19{background:var(--pb-primary);color:var(--pb-on-dark);overflow:hidden}
body .sb-page-titles .p19 .grid{display:grid;grid-template-columns:6fr 5fr;gap:48px clamp(40px,6vw,96px)}
body .sb-page-titles .p19 .txt{padding-block:var(--st-space);display:flex;flex-direction:column;justify-content:center;gap:22px}
body .sb-page-titles .p19 .ph{position:relative;margin-top:var(--st-space);margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;min-height:320px}
body .sb-page-titles .p19 .ph img{position:absolute;inset:0}
@media(max-width:820px){body .sb-page-titles .p19 .grid{grid-template-columns:1fr;gap:0}body .sb-page-titles .p19 .txt{padding-bottom:32px}body .sb-page-titles .p19 .ph{margin-top:0;aspect-ratio:var(--pb-ar-landscape);min-height:0}}

/* 20 Minimal title bar */
body .sb-page-titles .p20{padding-block:clamp(28px,4vw,48px);border-bottom:var(--st-line-w) solid var(--pb-border)}
body .sb-page-titles .p20 .row{display:flex;justify-content:space-between;align-items:baseline;gap:8px 32px;flex-wrap:wrap}
body .sb-page-titles .p20 .t{font-size:var(--st-type-h2) !important;line-height:var(--st-lh-head) !important}
body .sb-page-titles .p20 .meta{font-size:var(--st-type-small) !important;color:var(--pb-muted)}

/* Height option. full = screen height minus a site header that sits above (0 when the header is transparent over it), never shorter than 560px. */
body .sb-page-titles{--site-header-h:0px}
body .sb-page-titles html[data-h="full"] [data-full]{min-height:max(560px,calc(100svh - var(--site-header-h)))}
body .sb-page-titles html[data-h="full"] .p04{align-items:center}
body .sb-page-titles html[data-h="full"] .p04 .wrap{padding-block:calc(var(--st-space)*1.2)}
body .sb-page-titles html[data-h="full"] .p05 .wrap{margin-block:auto}
body .sb-page-titles .p12[data-full]{display:flex;flex-direction:column;justify-content:center}
body .sb-page-titles .p17 .grid{min-height:inherit}
body .sb-page-titles html[data-h="full"] .p17 .txt{justify-content:center}
body .sb-page-titles .p19 .grid{min-height:inherit}
body .sb-page-titles .p06{min-height:0}

@media(prefers-reduced-motion:reduce){body .sb-page-titles *{transition:none!important;animation:none!important}}