/* A compact editorial voice inside the product story, with one founder portrait per offer. */
.block.block-founder-note,.sunny-product-page .block.block-founder-note{padding-block:18px 44px;background:transparent}
.founder-note-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:center;padding:32px;background:#f2e9d8;border:1px solid #491f2c1b;border-radius:9px;color:#491f2c}
.founder-note-portrait{margin:0;align-self:stretch;min-height:220px;overflow:hidden;border-radius:5px;background:#e1d4be}
.founder-note-portrait img{display:block;width:100%;height:100%;min-height:220px;max-height:310px;object-fit:cover;object-position:center 38%;border-radius:0}
.founder-note-card--with-dog{grid-template-columns:260px minmax(0,1fr)}
.founder-note-card--with-dog .founder-note-portrait{align-self:center;min-height:0;aspect-ratio:4/3}
.founder-note-card--with-dog .founder-note-portrait img{height:auto;min-height:0;max-height:none;aspect-ratio:4/3;object-fit:contain;object-position:center}
.founder-note-copy{min-width:0}
.founder-note-eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}
.founder-note-copy h2{font:500 clamp(25px,2.4vw,34px)/1.15 var(--font-display);letter-spacing:-.025em;margin:0 0 14px;max-width:740px}
.founder-note-copy blockquote{padding:0;margin:0;border:0;background:transparent;color:inherit;font-style:normal}
.founder-note-copy blockquote p{font-size:16px;line-height:1.75;margin:0;max-width:820px}
.founder-note-footer{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-top:21px;padding-top:18px;border-top:1px solid #491f2c22}
.founder-note-byline{display:grid;gap:3px;margin:0;line-height:1.45}
.founder-note-byline strong{font:500 23px/1.15 var(--font-display)}
.founder-note-byline span{font-size:12px;font-weight:500}
.founder-note-byline small{font-size:11px;color:#735660}
.founder-note-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding-block:8px}
.founder-note-link:hover{text-decoration-thickness:2px}
.founder-note-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:680px){
 .block.block-founder-note,.sunny-product-page .block.block-founder-note{padding-block:12px 30px}
 .founder-note-card{grid-template-columns:86px minmax(0,1fr);gap:0 18px;padding:23px 20px;align-items:start}
 .founder-note-portrait{grid-row:1/3;min-height:110px;height:110px;align-self:start;margin-bottom:19px}
 .founder-note-portrait img{height:110px;min-height:110px;object-position:center 32%}
 .founder-note-card--with-dog{grid-template-columns:112px minmax(0,1fr)}
 .founder-note-card--with-dog .founder-note-portrait{align-self:start;height:auto;min-height:0}
 .founder-note-copy{display:contents}
 .founder-note-eyebrow{grid-column:2;margin:4px 0 9px;font-size:10px;letter-spacing:.09em}
 .founder-note-copy h2{grid-column:2;font-size:24px;margin:0 0 19px}
 .founder-note-copy blockquote{grid-column:1/-1}
 .founder-note-copy blockquote p{font-size:15px;line-height:1.75}
 .founder-note-footer{grid-column:1/-1;margin-top:18px;padding-top:17px;gap:12px;flex-wrap:wrap}
 .founder-note-byline strong{font-size:22px}
}

/* The founder still remains until the matching Skin + Coat film can play. */
.sc4-founder-photo>img,.founder-note-portrait>img{transition:opacity .25s}
.sc4-founder-photo.has-playing-video>img,.founder-note-portrait.has-playing-video>img{opacity:0}
.sc4-founder-photo video[data-founder-video],.founder-note-portrait video[data-founder-video]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s}
.sc4-founder-photo video[data-founder-video]{border-radius:8px}
.sc4-founder-photo video.is-playing,.founder-note-portrait video.is-playing{opacity:1}
.sc4-founder-photo figcaption{z-index:1}
.founder-note-portrait{position:relative}
@media(prefers-reduced-motion:reduce){.sc4-founder-photo video[data-founder-video],.founder-note-portrait video[data-founder-video]{display:none}.sc4-founder-photo>img,.founder-note-portrait>img{transition:none}}
@media print{.sc4-founder-photo video[data-founder-video],.founder-note-portrait video[data-founder-video]{display:none}.sc4-founder-photo.has-playing-video>img,.founder-note-portrait.has-playing-video>img{opacity:1}}