.member-stories{
  /* Colours */
  --oh-ink:#144444;
  --oh-deep:#0A2A2A;
  --oh-lime:#A4CD3A;
  --oh-muted:#56635F;
  --oh-mist:#F1F5F2;
  --oh-line:#DEE5E5;
  --oh-line-dark:rgb(255 255 255 / 18%);
  --oh-soft-dark:rgb(255 255 255 / 76%);
  --oh-track:rgb(20 68 68 / 7%);
  --oh-plus:linear-gradient(currentColor,currentColor) center/14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 14px no-repeat;
  --oh-font:"Work Sans",sans-serif;
  /* Type and space on a phone */
  --oh-moment:clamp(30px,10.26vw,44px);
  --oh-head:clamp(29px,8.72vw,38px);
  --oh-sub:24px;
  --oh-item:20px;
  --oh-row:17px;
  --oh-body:16px;
  --oh-small:14px;
  --oh-button:13px;
  --oh-micro:12px;
  --oh-quote:16px;
  --oh-price:16px;
  --oh-table:14px;
  --oh-gutter:20px;
  --oh-space:56px;
  --oh-corner:20px;
}
@media (min-width:700px){
  .member-stories{
    --oh-moment:60px;
    --oh-head:44px;
    --oh-sub:28px;
    --oh-row:18px;
    --oh-body:18px;
    --oh-quote:20px;
    --oh-price:20px;
    --oh-table:18px;
    --oh-gutter:48px;
    --oh-space:72px;
  }
}
@media (min-width:1000px){
  .member-stories{
    --oh-moment:72px;
    --oh-head:52px;
    --oh-sub:32px;
    --oh-space:88px;
  }
}

.sr-content,.sr-dialog{font-family:var(--oh-font);color:var(--oh-ink)}
.sr-content{width:min(calc(100% - 2 * var(--sr-gutter,20px)),1200px);margin-inline:auto}
.sr-content p,.sr-content figure,.sr-content blockquote{margin:0}
.sr-content button,.sr-dialog button{font:inherit;color:inherit;cursor:pointer}
.sr-content button:focus-visible,.sr-dialog :focus-visible{outline:3px solid var(--oh-lime);outline-offset:4px}
.sr-label{font-size:var(--oh-micro);font-weight:600;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:var(--oh-muted)}
.sr-content .sr-kicker{margin-bottom:20px}
.sr-feature{display:grid;grid-template-columns:minmax(116px,36%) minmax(0,1fr);gap:18px;align-items:start}
.sr-lead{display:block;position:relative;width:100%;border:0;padding:0;overflow:hidden;border-radius:var(--oh-corner);background:var(--oh-deep)}
.sr-lead>img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.sr-lead-control{position:absolute;bottom:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 5px;background:rgb(10 42 42 / 87%);color:white;border-radius:999px;font-size:var(--oh-micro);font-weight:500}
.sr-lead-control svg{flex:none;width:16px;height:16px}.sr-lead-control>span:first-of-type{display:none}.sr-time{white-space:nowrap}
.sr-opening{display:contents}
#members.member-stories .sr-opening h2{margin:0 0 12px;font-size:var(--oh-head);font-weight:500;letter-spacing:-.043em;line-height:1.06;color:var(--oh-ink)}
.sr-dot{color:var(--oh-lime)}
.sr-lead-quote{font-size:var(--oh-body);line-height:1.45;max-width:520px}
.sr-content .sr-byline{margin-top:10px;font-size:var(--oh-small);color:var(--oh-muted)}
.sr-quotes{grid-column:1/-1;display:grid;gap:13px}
.sr-quote{display:grid;gap:8px;padding-top:13px;border-top:1px solid var(--oh-line)}
.sr-quote blockquote{font-size:var(--oh-body);font-weight:500;line-height:1.36;color:var(--oh-ink);letter-spacing:-.018em}
.sr-quote figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;color:var(--oh-muted);font-size:var(--oh-micro);line-height:1.4}
.sr-link,.sr-content .sr-link{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:3px;font-size:var(--oh-small);font-weight:500;color:var(--oh-ink)}
.sr-proof-grid{display:grid;gap:26px;margin-top:28px;min-width:0}
.sr-proof-grid>section{min-width:0}
#members.member-stories .sr-proof-grid h3{margin:0 0 12px;font-size:var(--oh-item);font-weight:500;letter-spacing:-.025em;color:var(--oh-ink)}
.sr-clips,.sr-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sr-content .sr-clip{display:flex;flex-direction:column;min-width:0;border:1px solid var(--oh-line);background:white;padding:0;border-radius:var(--oh-corner);overflow:hidden;text-align:left}
.sr-thumb,.sr-photo button{display:block;position:relative;overflow:hidden;background:var(--oh-deep)}
.sr-thumb{aspect-ratio:1.29}
.sr-thumb img,.sr-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 30%}
.sr-play{position:absolute;bottom:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgb(10 42 42 / 82%);color:white;border:1px solid rgb(255 255 255 / 65%)}
.sr-play svg{width:16px;height:16px}
.sr-clip-copy{display:flex;flex-direction:column;flex:1;gap:10px;width:100%;padding:11px}
.sr-clip q{font-size:var(--oh-small);font-weight:500;line-height:1.35;quotes:'“' '”'}
.sr-credit{margin-top:auto;font-size:var(--oh-micro);font-weight:500;line-height:1.35}
.sr-credit span{display:block;color:var(--oh-muted);font-weight:400}
.sr-photo button{width:100%;aspect-ratio:1;border:0;padding:0;border-radius:var(--oh-corner)}
.sr-photo img{object-position:center}
.sr-photo figcaption{font-size:var(--oh-micro);line-height:1.4;color:var(--oh-muted);margin-top:7px;text-align:left}
.sr-footer{display:flex;justify-content:flex-start;margin-top:24px}
.sr-content .sr-all{border:1px solid var(--oh-ink);background:transparent;border-radius:var(--oh-corner);min-height:54px;width:100%;padding:0 20px;font-size:var(--oh-button);font-weight:700;text-transform:uppercase;white-space:normal}
.sr-all:hover{background:white}
.sr-dialog{max-width:min(780px,calc(100% - 24px));width:100%;max-height:93dvh;border:1px solid var(--oh-line);border-radius:var(--oh-corner);padding:0;background:white}
.sr-dialog::backdrop{background:rgb(10 42 42 / 74%)}
.sr-dialog-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:white;border-bottom:1px solid var(--oh-line);z-index:1}
.sr-dialog-head h3{margin:0;font-size:var(--oh-item);line-height:1.25;font-weight:500}
.sr-dialog .sr-close{border:1px solid var(--oh-line);border-radius:50%;background:white;font-size:24px;width:42px;height:42px;flex:none}
.sr-dialog-body{padding:16px 18px;font-size:var(--oh-body);line-height:1.5}
.sr-dialog-body video,.sr-original-photo{display:block;width:100%;max-height:65dvh;object-fit:contain;background:var(--oh-deep);border-radius:14px}
.sr-original-text{white-space:pre-wrap;overflow-wrap:anywhere}
.sr-dialog-body details{margin-top:16px}.sr-dialog-body summary{cursor:pointer}
@media(min-width:700px){
 .sr-content{--sr-gutter:48px}.sr-feature{grid-template-columns:200px minmax(0,1fr);gap:24px}.sr-opening{display:grid;gap:26px}.sr-quotes{grid-column:auto}.sr-content .sr-all{width:auto;min-width:214px}.sr-footer{justify-content:flex-end}
 .sr-photos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1000px){
 .sr-content{--sr-gutter:max(48px,calc((100vw - 1200px)/2))}.sr-feature{grid-template-columns:minmax(242px,22.5%) minmax(0,1fr);gap:clamp(28px,4vw,52px);align-items:stretch}
 .sr-opening{display:flex;flex-direction:column;justify-content:space-between;padding:2px 0 0;gap:24px}.sr-opening h2{margin-bottom:20px!important}.sr-lead-quote{font-size:var(--oh-item)}
 .sr-lead{align-self:start}.sr-lead-control{bottom:15px;left:15px;right:15px;justify-content:flex-start;gap:8px;padding:11px 13px}.sr-lead-control>span:first-of-type{display:inline}.sr-time{margin-left:auto}
 .sr-quotes{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.sr-quote{grid-template-rows:auto 1fr auto;gap:12px;padding-top:16px}.sr-quote figcaption{display:grid;gap:5px}.sr-quote .sr-link{justify-self:start;text-align:left}
 .sr-proof-grid{grid-template-columns:1.42fr 1fr;gap:22px;margin-top:30px}.sr-clips,.sr-photos{gap:12px}.sr-clip-copy{padding:12px}.sr-clip q{font-size:var(--oh-body);letter-spacing:-.02em}.sr-credit span{margin-top:3px}.sr-photo button{aspect-ratio:.93}.sr-kitchens{display:flex;flex-direction:column}.sr-kitchens .sr-footer{margin-top:auto;padding-top:20px;justify-content:flex-start}
}
@media(max-width:520px){
 .sr-clips{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(156px,58%);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 2px 6px}.sr-clip{scroll-snap-align:start}.sr-thumb{aspect-ratio:1.56}.sr-photo button{border-radius:13px}
}

/* Keep the face and product visible in the full portrait. */
#members.member-stories .sr-opening h2{max-width:14ch;text-wrap:balance}
@media(max-width:699px){
  #members.member-stories .sr-opening h2{font-size:var(--oh-sub);max-width:16ch}
}
.sr-clip[data-702-story='member'] .sr-thumb img{object-position:center top}

#members.member-stories{display:block;background:var(--oh-mist);padding:var(--oh-space) 0;color:var(--oh-ink);scroll-margin-top:90px}
.member-stories .sr-content,.member-stories .sr-dialog{font-family:"702 Stories Work Sans",var(--oh-font);letter-spacing:normal;text-align:left}
.member-stories :is(.sr-content,.sr-dialog) *{box-sizing:border-box}
.member-stories .sr-kicker{display:block}
#members.member-stories .sr-opening h2{max-width:21ch}
.member-stories .sr-feature .sr-quote figcaption{display:grid;justify-items:start;gap:4px}
.member-stories .sr-feature .sr-link{min-height:24px;text-align:left}
.member-stories .sr-quote .sr-credit{color:var(--oh-muted);font-weight:400}
.member-stories .sr-photo{display:grid;grid-template-rows:1fr auto;border:1px solid var(--oh-line);border-radius:var(--oh-corner);background:white;overflow:hidden}
.member-stories .sr-photo button{border-radius:0}
.member-stories .sr-photo button:focus-visible{outline-offset:-5px}
.member-stories .sr-photo figcaption{display:grid;gap:3px;padding:9px 10px;margin:0}
.member-stories .sr-dish{color:var(--oh-ink);font-size:var(--oh-small);font-weight:500;line-height:1.3}
.member-stories .sr-dialog{margin:auto}
.member-stories .sr-dialog form{margin:0}
.member-stories .sr-dialog-body p+p{margin-top:10px}
.member-stories .sr-dialog-body .sr-original-text{font-size:var(--oh-body);line-height:1.5;color:var(--oh-ink)}
.member-stories .sr-dialog-body .sr-credit{color:var(--oh-muted);margin-bottom:0}
.member-stories .sr-more{margin:24px 0 0}
.member-stories .sr-more>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;min-height:54px;border:1px solid rgb(20 68 68 / 24%);border-radius:999px;color:var(--oh-ink);font-size:var(--oh-small);font-weight:500;cursor:pointer}
.member-stories .sr-more>summary::-webkit-details-marker{display:none}
.member-stories .sr-more>summary svg{width:16px;height:16px;flex:none}
.member-stories .sr-more[open]>summary svg{transform:rotate(180deg)}
.member-stories .sr-more>summary:focus-visible{outline:2px solid var(--oh-ink);outline-offset:3px}
.member-stories .sr-more .sr-quote{display:block;padding-block:14px}
.member-stories .sr-more .sr-quote figcaption{display:flex;margin-top:8px}
.member-stories .sr-more .sr-quotes{margin-top:18px}
@media(min-width:700px){
 .member-stories .sr-more>summary{width:max-content;min-width:214px}
 .member-stories .sr-more .sr-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1000px){
 .member-stories .sr-proof-grid>section{display:flex;flex-direction:column}
 .member-stories :is(.sr-clips,.sr-photos){flex:1}
 .member-stories .sr-photo{grid-template-rows:minmax(0,1fr) auto}
 .member-stories .sr-photo button{aspect-ratio:auto;min-height:0}
 .member-stories .sr-photo img{position:absolute;inset:0}
 .member-stories .sr-more .sr-quotes{grid-template-columns:repeat(3,minmax(0,1fr))}
}