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

/* Theme tokens: the only values variants read. A site's brand replaces this block. */
body .sb-offset{
  --st-space:var(--section-padding);
  --st-stack-gap:var(--st-gap-stack);
}
body .sb-offset :root[data-theme="ink"]{
  --pb-bg:#121418; --pb-surface:#1D2027; --pb-text:#EFEBE3; --pb-muted:#ACA79D;
  --pb-primary:#3346C8; --pb-secondary:#E7B04A; --pb-border:#343842; --pb-on-dark:#FFFFFF;
  --pb-heading-font:"Bricolage Grotesque", "Helvetica Neue", sans-serif;
  --pb-body-font:"Figtree", "Helvetica Neue", sans-serif;
}
body .sb-offset :root[data-r="rounded"]{--st-photo-r:18px}
body .sb-offset :root[data-r="arch"]{--st-photo-r:50% 50% 0 0 / 28% 28% 0 0}

body .sb-offset *,body .sb-offset *::before,body .sb-offset *::after{box-sizing:border-box}
body .sb-offset{-webkit-text-size-adjust:100%}
body .sb-offset{margin:0;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-offset img{display:block;max-width:100%}
body .sb-offset a{color:inherit}
body .sb-offset h1,body .sb-offset h2,body .sb-offset h3,body .sb-offset h4,body .sb-offset p,body .sb-offset figure,body .sb-offset blockquote,body .sb-offset ul,body .sb-offset ol,body .sb-offset dl,body .sb-offset dd{margin:0}
body .sb-offset ul,body .sb-offset ol{padding:0;list-style:none}

/* demo chrome (not part of the blocks) */
body .sb-offset .demo-top{padding:28px clamp(20px,4vw,48px);border-bottom:var(--st-line-w) solid var(--pb-border);display:flex;flex-wrap:wrap;gap:16px 32px;align-items:baseline;justify-content:space-between}
body .sb-offset .demo-top h1{font:var(--pb-card-weight) var(--st-type-h3)/var(--st-lh-h3) var(--pb-heading-font)}
body .sb-offset .demo-top p{color:var(--pb-muted);font-size:var(--st-type-small) !important;max-width:70ch}
body .sb-offset .demo-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--st-type-small) !important}
body .sb-offset .demo-ctl button{font:var(--pb-ui-weight) var(--st-type-small)/1 var(--pb-body-font);min-height:44px;padding:0 14px;border:1px solid var(--pb-border);background:var(--pb-surface);color:var(--pb-text);cursor:pointer}
body .sb-offset .demo-ctl button[aria-pressed="true"]{background:var(--pb-text);color:var(--pb-bg)}

/* shared block parts */
body .sb-offset .sec{position:relative;padding-block:var(--st-space);background:var(--pb-bg);color:var(--pb-text)}
body .sb-offset .sec.on-surface{background:var(--pb-surface)}
body .sb-offset .sec.on-primary{background:var(--pb-primary);color:var(--pb-on-dark)}
body .sb-offset .wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px)}
body .sb-offset .wrap-narrow{max-width:820px}
body .sb-offset .eyebrow{display:block;font:var(--pb-ui-weight) var(--st-type-label)/1.3 var(--pb-body-font);letter-spacing:var(--st-track-label);text-transform:var(--small-titles-caps);color:var(--pb-muted);margin-bottom:16px}
body .sb-offset .on-primary .eyebrow{color:inherit;opacity:.8}
body .sb-offset .h{font:var(--pb-heading-weight) var(--st-type-h2)/var(--st-lh-head) var(--pb-heading-font);letter-spacing:var(--st-track-head);text-wrap:balance}
body .sb-offset .h em,body .sb-offset .d em{font-style:italic;color:var(--pb-secondary)}
body .sb-offset .on-primary .h em,body .sb-offset .on-primary .d em{color:inherit}
body .sb-offset .d{font:var(--pb-heading-weight) var(--st-type-display)/var(--st-lh-display) var(--pb-heading-font);letter-spacing:var(--st-track-display);text-wrap:balance}
body .sb-offset .h3{font:var(--pb-card-weight) var(--st-type-h3)/var(--st-lh-h3) var(--pb-heading-font);letter-spacing:var(--st-track-h3);text-wrap:balance}
body .sb-offset .lead{font-size:var(--st-type-lead) !important;line-height:1.5 !important;color:var(--pb-muted);text-wrap:pretty;max-width:var(--st-measure)}
body .sb-offset .p{color:var(--pb-muted);text-wrap:pretty;max-width:62ch}
body .sb-offset .on-primary .p,body .sb-offset .on-primary .lead{color:inherit;opacity:.88}
body .sb-offset .cap{font-size:var(--st-type-small) !important;line-height:1.45 !important;color:var(--pb-muted)}
body .sb-offset .copy>*+*{margin-top:24px}
body .sb-offset .copy>.eyebrow+*{margin-top:0}
body .sb-offset .copy>.acts{margin-top:32px}
body .sb-offset .acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
body .sb-offset .btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--st-btn-h);padding:0 var(--st-btn-px);background:var(--pb-primary);color:var(--pb-on-dark);font:var(--pb-ui-weight) 16px/1 var(--pb-body-font);text-decoration:none}
body .sb-offset .on-primary .btn{background:var(--pb-on-dark);color:var(--pb-primary)}
body .sb-offset .tlink{display:inline-flex;align-items:center;gap:.5em;min-height:var(--st-btn-h-sm);font-weight:var(--pb-ui-weight);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
body .sb-offset .btn:focus-visible,body .sb-offset .tlink:focus-visible,body .sb-offset .demo-ctl button:focus-visible{outline:var(--st-focus-w) solid var(--st-focus-color);outline-offset:var(--st-focus-offset)}
body .sb-offset .ph{position:relative;overflow:hidden;border-radius:var(--st-photo-r);background:var(--pb-border)}
body .sb-offset .ph>img{width:100%;height:100%;object-fit:cover}
body .sb-offset .fill{position:relative}
body .sb-offset .fill>img{position:absolute;inset:0}
body .sb-offset .scrim::after{content:"";position:absolute;inset:0;background:var(--st-scrim);pointer-events:none}
body .sb-offset .rule{border:0;border-top:var(--st-line-w) solid var(--pb-border);margin:0}
body .sb-offset .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

@media (max-width:767px){
  body .sb-offset .sec{padding-block:40px}
}
@media (prefers-reduced-motion:reduce){body .sb-offset *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 12-column grid: one column on phones, variants place children at 768px and up */
body .sb-offset .g12{display:grid;grid-template-columns:minmax(0,1fr);row-gap:32px;column-gap:clamp(16px,2.2vw,32px)}
@media (min-width:768px){body .sb-offset .g12{grid-template-columns:repeat(12,minmax(0,1fr))}}

/* Owner rule: text at the bottom of a photo gets a gradient on top of the 40% overlay, darkest behind the words */
body .sb-offset .scrim-b::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,var(--st-hero-scrim) 0%,rgb(0 0 0 / .3) 38%,rgb(0 0 0 / 0) 70%),var(--st-scrim)}
body .sb-offset .scrim-55::after{background:var(--st-hero-scrim)}

/* ---- variant styles ---- */

/* color field anchored to a photo's midpoint: phones fill above the photo's middle, desktop fills one side of it */
body .sb-offset .o13s,body .sb-offset .o17s{overflow:hidden;isolation:isolate}
body .sb-offset .cfield{position:relative}
body .sb-offset .cfield::before{content:"";position:absolute;z-index:-1;top:-200vh;bottom:50%;left:-100vw;right:-100vw}
body .sb-offset .o01-m{aspect-ratio:var(--pb-ar-landscape)}
body .sb-offset .o01-c{background:var(--pb-surface);padding:28px 24px;margin:-32px 20px 0;position:relative}
@media (min-width:768px){
  body .sb-offset .o01{padding-bottom:calc(var(--st-space) + 64px)}
  body .sb-offset .o01-g{row-gap:0}
  body .sb-offset .o01-m{grid-column:1/10;grid-row:1;aspect-ratio:var(--pb-ar-landscape)}
  body .sb-offset .o01-c{grid-column:9/13;grid-row:1;align-self:end;margin:0 0 -64px;padding:clamp(28px,3vw,44px)}
}
body .sb-offset .o02-top{margin-bottom:clamp(40px,5vw,72px);align-items:end}
body .sb-offset .o02-row{display:grid;gap:var(--st-stack-gap)}
body .sb-offset .o02-row .ph{aspect-ratio:var(--pb-ar-landscape)}
body .sb-offset .o02-row figcaption{margin-top:16px}
body .sb-offset .o02-row .cap{margin-top:6px}
body .sb-offset .o02-row figure:last-child{margin-left:32px}
@media (min-width:768px){
  body .sb-offset .o02-h{grid-column:1/7}
  body .sb-offset .o02-t{grid-column:8/13}
  body .sb-offset .o02-row{grid-template-columns:7fr 5fr;gap:clamp(24px,3vw,48px);align-items:start}
  body .sb-offset .o02-row .ph{aspect-ratio:auto;height:clamp(320px,36vw,540px)}
  body .sb-offset .o02-row figure:last-child{margin:96px 0 0}
}
body .sb-offset .o03{display:grid;gap:var(--st-stack-gap)}
body .sb-offset .o03-hd{margin-bottom:16px}
body .sb-offset .o03 article .ph{aspect-ratio:var(--pb-ar-portrait);margin-bottom:20px}
body .sb-offset .o03 article .p{margin:8px 0 4px}
@media (min-width:768px){
  body .sb-offset .o03{grid-template-columns:repeat(3,1fr);column-gap:clamp(20px,2.6vw,40px);row-gap:0;align-items:start}
  body .sb-offset .o03-hd{grid-column:1/-1;margin-bottom:clamp(40px,5vw,64px)}
  body .sb-offset .o03 article:nth-child(2),body .sb-offset .o03 article:nth-child(4){margin-top:96px}
}
body .sb-offset .o04{display:grid;gap:40px}
body .sb-offset .o04-r{display:grid;gap:var(--st-gap-grid)}
body .sb-offset .o04-r .ph{aspect-ratio:var(--pb-ar-landscape)}
@media (min-width:768px){
  body .sb-offset .o04{gap:clamp(72px,8vw,128px)}
  body .sb-offset .o04-r{grid-template-columns:repeat(12,1fr);column-gap:clamp(16px,2.2vw,32px);align-items:center}
  body .sb-offset .o04-r:nth-child(1) .ph{grid-column:1/8}
  body .sb-offset .o04-r:nth-child(1) .copy{grid-column:9/12}
  body .sb-offset .o04-r:nth-child(2) .ph{grid-column:8/13;grid-row:1;aspect-ratio:var(--pb-ar-portrait)}
  body .sb-offset .o04-r:nth-child(2) .copy{grid-column:3/7;grid-row:1}
  body .sb-offset .o04-r:nth-child(3) .ph{grid-column:2/8}
  body .sb-offset .o04-r:nth-child(3) .copy{grid-column:9/13}
}
body .sb-offset .o05{display:grid;gap:var(--st-stack-gap)}
body .sb-offset .o05-r{display:grid;gap:var(--st-stack-gap)}
body .sb-offset .o05-t{background:var(--pb-surface);padding:32px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
body .sb-offset .o05-m{aspect-ratio:var(--pb-ar-landscape)}
@media (max-width:767px){body .sb-offset .o05-r .o05-m{order:2}}
@media (min-width:768px){
  body .sb-offset .o05-r{grid-template-columns:5fr 7fr}
  body .sb-offset .o05-r:nth-child(2){grid-template-columns:7fr 5fr}
  body .sb-offset .o05-t{padding:clamp(32px,4vw,56px);min-height:0}
  body .sb-offset .o05-m{aspect-ratio:auto;min-height:100%}
}
body .sb-offset .o06{background:var(--pb-bg)}
body .sb-offset .o06-band{padding-bottom:160px}
body .sb-offset .o06-t .p{max-width:46ch}
body .sb-offset .o06-cards{padding-top:0;background:transparent}
body .sb-offset .o06-row{display:grid;gap:var(--st-stack-gap);margin-top:-120px;position:relative}
body .sb-offset .o06-row .ph{aspect-ratio:var(--pb-ar-landscape);margin-bottom:16px}
body .sb-offset .o06-row .cap{margin-top:6px}
@media (min-width:768px){
  body .sb-offset .o06-band{padding-bottom:calc(clamp(160px,16vw,240px) + 48px)}
  body .sb-offset .o06-h{grid-column:1/7}
  body .sb-offset .o06-t{grid-column:8/13;align-self:end}
  body .sb-offset .o06-row{grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,48px);margin-top:calc(-1 * clamp(160px,16vw,240px))}
}
body .sb-offset .o07-g{display:grid;gap:32px}
body .sb-offset .o07-t{padding-inline:clamp(20px,4vw,48px)}
body .sb-offset .o07-m{position:relative;padding-left:20px}
body .sb-offset .o07-big{aspect-ratio:var(--pb-ar-landscape);border-top-right-radius:0;border-bottom-right-radius:0}
body .sb-offset .o07-small{width:42%;margin:-32px 0 0 0;position:relative;background:var(--pb-bg);padding:8px 8px 0}
body .sb-offset .o07-small .ph{aspect-ratio:var(--pb-ar-portrait)}
body .sb-offset .o07-small figcaption{padding:8px 0}
@media (min-width:768px){
  body .sb-offset .o07{padding-bottom:calc(var(--st-space) + 32px)}
  body .sb-offset .o07-g{grid-template-columns:max(0px,calc(max(clamp(20px,4vw,48px),(100vw - 1280px) / 2 + 48px) - clamp(32px,4vw,72px))) minmax(0,5fr) minmax(0,7fr);gap:0 clamp(32px,4vw,72px);align-items:center}
  body .sb-offset .o07-t{grid-column:2;padding:0}
  body .sb-offset .o07-m{grid-column:3;padding-left:0}
  body .sb-offset .o07-big{aspect-ratio:var(--pb-ar-landscape)}
  body .sb-offset .o07-small{position:absolute;left:calc(64px - min(240px,32%));bottom:-96px;width:min(240px,32%);margin:0;padding:10px 10px 0}
}
body .sb-offset .o08-m{position:relative;padding:8px 8px 24px}
body .sb-offset .o08-p{background:var(--pb-bg);padding:10px 10px 0;box-shadow:0 1px 2px rgb(0 0 0 / .08),0 10px 24px -12px rgb(0 0 0 / .25)}
body .sb-offset .o08-p .ph{aspect-ratio:var(--pb-ar-landscape)}
body .sb-offset .o08-p figcaption{font:italic 400 var(--st-type-small)/1.3 var(--pb-heading-font);padding:12px 4px 14px;color:var(--pb-text)}
body .sb-offset .o08-a{width:78%;transform:rotate(-1.5deg)}
body .sb-offset .o08-b{width:62%;margin:-32px 0 0 auto;transform:rotate(2deg);position:relative}
@media (min-width:768px){
  body .sb-offset .o08{align-items:center}
  body .sb-offset .o08-m{grid-column:1/7;padding:24px 24px 48px}
  body .sb-offset .o08-a{transform:rotate(-3deg)}
  body .sb-offset .o08-b{margin-top:-80px;transform:rotate(4deg)}
  body .sb-offset .o08-t{grid-column:8/13}
}
body .sb-offset .o09-m{position:relative;margin:0 20px 20px 0}
body .sb-offset .o09-m::before{content:"";position:absolute;inset:20px -20px -20px 20px;background:var(--pb-primary);border-radius:var(--st-photo-r)}
body .sb-offset .o09-m .ph{aspect-ratio:var(--pb-ar-landscape)}
@media (min-width:768px){
  body .sb-offset .o09{align-items:center;padding-bottom:48px}
  body .sb-offset .o09-t{grid-column:1/6}
  body .sb-offset .o09-m{grid-column:7/13;margin:0 48px 48px 0}
  body .sb-offset .o09-m::before{inset:48px -48px -48px 48px}
}
body .sb-offset .o10-t{text-align:center}
body .sb-offset .o10-t .lead{margin-inline:auto}
body .sb-offset .o10-band{padding-bottom:calc(40px + 48px)}
body .sb-offset .o10{background:var(--pb-bg)}
body .sb-offset .o10-b{padding-top:0;background:transparent}
body .sb-offset .o10-m{aspect-ratio:var(--pb-ar-landscape);margin-top:-48px}
body .sb-offset .o10-caps{display:grid;gap:12px;border-bottom:var(--st-line-w) solid var(--pb-border);padding-block:16px}
body .sb-offset .o10-caps strong{color:var(--pb-text)}
@media (min-width:768px){
  body .sb-offset .o10-band{padding-bottom:calc(var(--st-space) + 96px)}
  body .sb-offset .o10-m{aspect-ratio:21/9;margin:-96px auto 0;width:calc(100% * 10 / 12)}
  body .sb-offset .o10-caps{width:calc(100% * 10 / 12);margin-inline:auto;grid-template-columns:1fr 1fr auto;align-items:center;gap:32px}
}
body .sb-offset .o11-hd{margin-bottom:40px}
body .sb-offset .o11{display:grid;gap:var(--st-stack-gap)}
body .sb-offset .o11 .ph{aspect-ratio:var(--pb-ar-portrait);margin-bottom:16px}
body .sb-offset .o11 .p{margin-top:6px}
@media (min-width:768px){
  body .sb-offset .o11-hd{margin-bottom:clamp(40px,5vw,64px)}
  body .sb-offset .o11{grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);align-items:start}
  body .sb-offset .o11 li:nth-child(2){margin-top:48px}
  body .sb-offset .o11 li:nth-child(3){margin-top:96px}
  body .sb-offset .o11 li:nth-child(4){margin-top:144px}
}
body .sb-offset .o12 .ph{aspect-ratio:var(--pb-ar-landscape)}
body .sb-offset .o12-b{margin-left:32px}
@media (min-width:768px){
  body .sb-offset .o12{padding-bottom:128px;align-items:center}
  body .sb-offset .o12 .ph{aspect-ratio:var(--pb-ar-portrait)}
  body .sb-offset .o12-a{grid-column:1/5;align-self:start}
  body .sb-offset .o12-t{grid-column:5/9;padding-inline:clamp(0px,1.5vw,24px)}
  body .sb-offset .o12-b{grid-column:9/13;align-self:start;margin:128px 0 -128px}
}
body .sb-offset .o13{row-gap:0}
body .sb-offset .o13-m{aspect-ratio:var(--pb-ar-landscape)}
body .sb-offset .o13-mw::before{background:var(--pb-primary)}
body .sb-offset .o13-c{background:var(--pb-surface);padding:28px 24px;margin:-32px 20px 0;position:relative}
@media (min-width:768px){
  body .sb-offset .o13{align-items:center}
  body .sb-offset .o13-mw{grid-column:1/9;grid-row:1}
  body .sb-offset .o13-mw::before{left:50%;right:-100vw;bottom:-200vh}
  body .sb-offset .o13-m{aspect-ratio:var(--pb-ar-landscape)}
  body .sb-offset .o13-c{grid-column:8/13;grid-row:1;margin:0;padding:clamp(32px,4vw,56px)}
}
body .sb-offset .o14{display:flex;flex-direction:column;gap:var(--st-stack-gap)}
body .sb-offset .o14-col{display:contents}
body .sb-offset .o14-hd{order:-1;margin-bottom:16px}
body .sb-offset .o14 article .ph{aspect-ratio:var(--pb-ar-landscape);margin-bottom:16px}
body .sb-offset .o14 article .p{margin-top:6px}
@media (min-width:768px){
  body .sb-offset .o14{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,96px);align-items:start}
  body .sb-offset .o14-col{display:grid;gap:clamp(56px,6vw,96px)}
  body .sb-offset .o14-hd{order:0;margin:0;padding-top:24px}
}
body .sb-offset .o15-hd{margin-bottom:40px}
body .sb-offset .o15{display:grid;gap:var(--st-stack-gap)}
body .sb-offset .o15 .ph{aspect-ratio:var(--pb-ar-landscape)}
body .sb-offset .o15-c{position:relative;background:var(--pb-bg);margin:-24px 20px 0;padding:24px}
body .sb-offset .o15-c .cap{margin-top:6px}
@media (min-width:768px){
  body .sb-offset .o15{grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,48px);align-items:start}
  body .sb-offset .o15-c{margin:-48px 0 0 32px;max-width:min(380px,80%);padding:28px 32px 20px}
}
body .sb-offset .o16{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body .sb-offset .o16-main{grid-column:1/-1;aspect-ratio:var(--pb-ar-landscape)}
body .sb-offset .o16 .o16-s1,body .sb-offset .o16 .o16-s2{aspect-ratio:var(--pb-ar-portrait)}
body .sb-offset .o16-s1{margin-top:-32px;margin-left:20px;outline:8px solid var(--pb-bg)}
body .sb-offset .o16-s2{margin-right:20px}
body .sb-offset .o16-b{margin-top:40px;align-items:end}
@media (min-width:768px){
  body .sb-offset .o16{display:block;position:relative;padding-block:64px;width:calc(100% * 10 / 12);margin-inline:auto}
  body .sb-offset .o16-main{width:76%;margin-inline:auto;aspect-ratio:var(--pb-ar-landscape)}
  body .sb-offset .o16-s1,body .sb-offset .o16-s2{position:absolute;width:18%;margin:0}
  body .sb-offset .o16-s1{left:0;bottom:0;outline:12px solid var(--pb-bg)}
  body .sb-offset .o16-s2{right:0;top:0;outline:12px solid var(--pb-bg)}
  body .sb-offset .o16-b{margin-top:clamp(48px,5vw,72px)}
  body .sb-offset .o16-h{grid-column:2/7}
  body .sb-offset .o16-t{grid-column:8/12}
}
body .sb-offset .o17-mw::before{background:var(--pb-primary)}
body .sb-offset .o17-t{color:var(--pb-on-dark)}
body .sb-offset .o17-t .eyebrow{color:inherit;opacity:.8}
body .sb-offset .o17-t .p{color:inherit;opacity:.88}
body .sb-offset .o17-t .btn{background:var(--pb-on-dark);color:var(--pb-primary)}
body .sb-offset .o17-m{aspect-ratio:var(--pb-ar-landscape)}
@media (min-width:768px){
  body .sb-offset .o17-g{align-items:center}
  body .sb-offset .o17-t{grid-column:1/5}
  body .sb-offset .o17-mw{grid-column:6/12}
  body .sb-offset .o17-mw::before{left:-100vw;right:50%;bottom:-200vh}
  body .sb-offset .o17-m{aspect-ratio:var(--pb-ar-portrait)}
}
body .sb-offset .o18-hd{margin-bottom:40px}
body .sb-offset .o18-hd .h{max-width:16ch}
/* spine is drawn per item, from this dot to the next dot, so it never runs past the first or last dot */
body .sb-offset .o18{--g:var(--st-stack-gap);display:grid;gap:var(--g);padding-left:20px}
body .sb-offset .o18 li{display:grid;grid-template-columns:88px 1fr;gap:16px;align-items:start;position:relative}
body .sb-offset .o18 li::before{content:"";position:absolute;left:-25px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--pb-secondary);z-index:1}
body .sb-offset .o18 li::after{content:"";position:absolute;left:-21px;top:14px;width:1px;height:calc(100% + var(--g));background:var(--pb-border)}
body .sb-offset .o18 li:last-child::after{display:none}
body .sb-offset .o18 .ph{aspect-ratio:1}
body .sb-offset .o18 .p{margin-top:6px}
@media (min-width:768px){
  body .sb-offset .o18-hd{text-align:center;margin-bottom:64px}
  body .sb-offset .o18-hd .h{margin-inline:auto;max-width:24ch}
  body .sb-offset .o18{--g:32px;padding:0}
  body .sb-offset .o18 li{width:50%;grid-template-columns:clamp(96px,10vw,140px) 1fr;gap:var(--st-gap-grid);padding-right:clamp(32px,5vw,72px)}
  body .sb-offset .o18 li:nth-child(even){margin-left:50%;padding:0 0 0 clamp(32px,5vw,72px)}
  body .sb-offset .o18 li::before{left:auto;right:-5px;top:12px}
  body .sb-offset .o18 li:nth-child(even)::before{right:auto;left:-4px}
  body .sb-offset .o18 li::after{left:auto;right:-1px;top:16px}
  body .sb-offset .o18 li:nth-child(even)::after{right:auto;left:0}
}
body .sb-offset .o19{padding-top:0}
body .sb-offset .o19-m{border-radius:0;aspect-ratio:var(--pb-ar-landscape)}
body .sb-offset .o19-c{position:relative;background:var(--pb-surface);margin:-32px 0 0;padding:28px 24px;text-align:left}
@media (min-width:768px){
  body .sb-offset .o19-m{aspect-ratio:21/9;max-height:680px;width:100%}
  body .sb-offset .o19-c{width:min(720px,100%);margin:-64px auto 0;padding:clamp(40px,4vw,56px);text-align:center}
  body .sb-offset .o19-c .p{margin-inline:auto}
  body .sb-offset .o19-c .acts{justify-content:center}
}
body .sb-offset .o20 .ph{aspect-ratio:var(--pb-ar-landscape)}
@media (min-width:768px){
  body .sb-offset .o20{row-gap:0}
  body .sb-offset .o20-m1{grid-column:1/8;grid-row:1}
  body .sb-offset .o20-t1{grid-column:9/13;grid-row:1;align-self:start;padding-top:clamp(24px,4vw,64px)}
  body .sb-offset .o20-m2{grid-column:8/13;grid-row:2;aspect-ratio:var(--pb-ar-portrait);margin-top:-96px}
  body .sb-offset .o20-t2{grid-column:1/5;grid-row:2;align-self:end;padding-bottom:clamp(8px,2vw,32px)}
}