/* Existing STORYBOOK artwork, framed as a keepsake and a letter from its founder. */
.sbkr-purchase-section{padding:64px 0 88px;background:var(--sbkr-paper)}
.sbkr-purchase-intro{max-width:850px;margin:0 auto 36px;text-align:center}
.sbkr-subpage .sbkr-purchase-intro h2{font-size:28px;line-height:1.8;margin:0 0 20px}
.sbkr-purchase-intro>p:last-child{font-size:14px;line-height:2.1;color:var(--sbkr-muted);margin:0}
.sbkr-keepsake{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:45px 65px;min-height:420px;background:#060e22;box-shadow:0 16px 44px #1220351a;border:1px solid #c7af7726}
.sbkr-keepsake-bg{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.sbkr-keepsake::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 45%,#02061138)}
.sbkr-keepsake-brand{display:flex;align-items:center;justify-content:center}
.sbkr-keepsake-brand img{display:block;width:100%;max-width:440px;height:auto;filter:drop-shadow(0 2px 16px #060c1b88)}
.sbkr-keepsake-product{text-align:center;max-width:370px;width:100%;justify-self:center}
.sbkr-subpage .sbkr-keepsake-exclusive{display:flex;align-items:center;justify-content:center;gap:12px;font:500 19px/1.7 var(--sbkr-serif);color:#efd185;margin:0 0 23px;white-space:nowrap}
.sbkr-keepsake-exclusive::before,.sbkr-keepsake-exclusive::after{content:'';height:16px;border-left:1px solid #d9be8699;transform:rotate(-18deg)}
.sbkr-keepsake-exclusive::after{transform:rotate(18deg)}
.sbkr-keepsake-pages{display:block;width:min(100%,275px);height:auto;margin:0 auto;filter:drop-shadow(0 8px 16px #0006)}
.sbkr-subpage .sbkr-keepsake-detail{color:#fffaf0;font:400 12px/1.9 var(--sbkr-sans);margin:23px 0 0;text-shadow:0 1px 6px #000}

.sbkr-message{background:var(--sbkr-paper)}
.sbkr-message-hero{position:relative;isolation:isolate;overflow:hidden;min-height:570px;background:#102c3f;color:var(--sbkr-paper);border-bottom:1px solid #c1a56d}
.sbkr-message-hero-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.sbkr-message-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061c30ed 0%,#0d293dbb 37%,#0d293d26 70%,transparent),linear-gradient(0deg,#0b25353b,transparent 50%)}
.sbkr-message-hero .sbkr-breadcrumb{padding-top:25px;margin-bottom:0;color:#d0d8db}
.sbkr-message-hero-copy{padding:58px 0 62px;max-width:650px}
.sbkr-message-hero .sbkr-eyebrow{color:#e2c990;font-size:12px}
.sbkr-message-label{font-size:12px;letter-spacing:.13em;color:#dbd9cf;margin:0 0 20px}
.sbkr-subpage .sbkr-message h1{font:400 clamp(34px,3.6vw,48px)/1.85 var(--sbkr-serif);letter-spacing:.09em;color:#fff9ed;margin:0}
.sbkr-message-hero .sbkr-heading-ornament{margin-top:24px}
.sbkr-message-hero-lead{font-size:15px;line-height:2.1;color:#e2e4df;margin:22px 0 0}
.sbkr-message-read{display:inline-flex;align-items:center;gap:30px;font-size:13px;letter-spacing:.06em;color:#e5cca0;text-decoration:none;border-bottom:1px solid #e5cca055;padding:0 0 8px;margin-top:27px}
.sbkr-message-read:hover{color:#fff4d9;border-color:currentColor}
.sbkr-letter{max-width:1080px;padding-top:64px}
.sbkr-founder{display:grid;grid-template-columns:180px minmax(0,1fr);gap:50px;align-items:center;padding:0 48px 52px}
.sbkr-founder-portrait{position:relative;max-width:180px;aspect-ratio:1;margin:0}
.sbkr-founder-portrait::after{content:'';position:absolute;inset:-8px;border:1px solid #b69a5d88;border-radius:50%;pointer-events:none}
.sbkr-founder-portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.sbkr-founder-copy .sbkr-eyebrow{margin:0 0 10px}
.sbkr-founder-role{font-size:11px;color:var(--sbkr-muted);margin:0}
.sbkr-subpage .sbkr-founder h2{font:400 28px/1.6 var(--sbkr-serif);letter-spacing:.15em;margin:7px 0 14px}
.sbkr-founder-profile{font-size:14px;line-height:2;color:#354958;margin:0}
.sbkr-letter-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #d7c9ae;margin-bottom:75px}
.sbkr-letter-index a{display:flex;align-items:center;gap:16px;padding:25px 20px;color:var(--sbkr-ink);text-decoration:none;font-size:13px;line-height:1.9}
.sbkr-letter-index a+a{border-left:1px solid #d7c9ae}
.sbkr-letter-index a:hover{background:#eee5d44d}
.sbkr-letter-index span{font:400 29px/1 var(--sbkr-display);color:#997943;flex-shrink:0}
.sbkr-letter-chapter{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:64px;padding:0 0 68px;margin-bottom:66px;border-bottom:1px solid var(--sbkr-line);scroll-margin-top:70px}
.sbkr-letter-chapter-aside{align-self:start}
.sbkr-letter-number{font:400 45px/1 var(--sbkr-display);color:#a68a56;margin:0 0 20px;display:flex;align-items:center;gap:20px}
.sbkr-letter-number span{font:400 9px/1.7 var(--sbkr-sans);letter-spacing:.14em;color:#93794f}
.sbkr-subpage .sbkr-letter-chapter h2{font:400 clamp(22px,2.1vw,28px)/1.9 var(--sbkr-serif);color:var(--sbkr-ink);margin:0;letter-spacing:.03em;text-wrap:balance}
.sbkr-letter-art{margin:28px 0 0;position:relative;isolation:isolate}
.sbkr-letter-art::after{content:'';position:absolute;inset:9px;border:1px solid #f6e6c480;pointer-events:none}
.sbkr-letter-art img{width:100%;height:auto;display:block;aspect-ratio:1.2;object-fit:cover;object-position:66% center;border-radius:2px}
.sbkr-letter-art.sbkr-letter-art--future img{aspect-ratio:6/5;object-position:center}
.sbkr-letter-motto{display:flex;flex-direction:column;gap:25px;border-left:1px solid #c9b17c;margin-top:32px;padding:0 0 0 24px;color:#a08652}
.sbkr-letter-motto>span:first-child{font:italic 36px/1.3 var(--sbkr-display);color:#ac9160}
.sbkr-letter-motto>span:last-child{font-size:14px}
.sbkr-letter-prose{font-size:17px;color:#283e4d;line-height:2.05;max-width:650px}
.sbkr-letter-paragraph{margin:0 0 1.55em;font-weight:400;letter-spacing:.015em}
.sbkr-letter-paragraph:last-child{margin-bottom:0}
.sbkr-letter-prose .sbkr-letter-paragraph:nth-child(3){color:var(--sbkr-ink)}
.sbkr-letter-signoff{display:flex;justify-content:flex-end;align-items:center;gap:28px;margin:-16px 0 65px}
.sbkr-signoff-rule{width:60px;height:1px;background:#b9a06e}
.sbkr-letter-signoff p{margin:0;text-align:right;font:400 12px/2.1 var(--sbkr-sans);letter-spacing:.1em;color:#6c725f}
.sbkr-letter-signoff p span{font:400 21px/2 var(--sbkr-serif);letter-spacing:.08em;color:var(--sbkr-ink)}
.sbkr-company{padding:64px 0 70px;background:#ede6d9;border-block:1px solid #d9ccb6}
.sbkr-company-layout{display:grid;grid-template-columns:1fr 2fr;gap:64px;max-width:1080px}
.sbkr-subpage .sbkr-company h2{font-size:28px;margin:0}
.sbkr-company .sbkr-heading-ornament{color:#a08652}
.sbkr-company .sbkr-heading-ornament::before,.sbkr-company .sbkr-heading-ornament::after{background:#b8a377}
.sbkr-company-list{margin:0}
.sbkr-company-list>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:22px;padding:18px 0;border-bottom:1px solid #d0c4af;font-size:14px;line-height:2}
.sbkr-company-list>div:first-child{padding-top:0}
.sbkr-company-list dt{color:#686b63;font-weight:400}
.sbkr-company-list dd{margin:0;color:var(--sbkr-ink)}
.sbkr-company-list a{color:#725926;text-decoration:underline;text-underline-offset:4px}
.sbkr-message-next{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-block:38px 48px;max-width:1080px}
.sbkr-message-next a{display:flex;align-items:center;gap:24px;font-size:13px;color:var(--sbkr-ink);text-decoration:none;border-bottom:1px solid #bfa879;padding-bottom:8px}

@media(max-width:950px){
    .sbkr-keepsake{gap:32px;padding:40px 35px;min-height:390px}
.sbkr-subpage .sbkr-keepsake-exclusive{font-size:16px;gap:8px}
    .sbkr-keepsake-pages{max-width:240px}
    .sbkr-message-hero-copy{max-width:580px}
    .sbkr-founder{padding-inline:12px;gap:32px;grid-template-columns:150px minmax(0,1fr)}
    .sbkr-letter-index a{padding:20px 14px;gap:10px;font-size:12px}
    .sbkr-letter-chapter{gap:36px;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}
    .sbkr-letter-motto>span:first-child{font-size:30px}
    .sbkr-company-layout{gap:30px;grid-template-columns:.8fr 1.6fr}
    .sbkr-company-list>div{grid-template-columns:90px minmax(0,1fr);gap:14px}
}
@media(max-width:700px){
    .sbkr-purchase-section{padding:38px 0 52px}
    .sbkr-subpage .sbkr-purchase-intro h2{font-size:25px;margin-bottom:15px}
    .sbkr-purchase-intro>p:last-child{font-size:12px;line-height:2}
    .sbkr-keepsake{grid-template-columns:1fr;gap:36px;padding:40px 25px 35px;border-radius:14px;min-height:0}
    .sbkr-keepsake-bg{object-position:38% center}
    .sbkr-keepsake::before{background:linear-gradient(0deg,#010710d9,transparent 85%)}
    .sbkr-keepsake-brand img{max-width:295px}
    .sbkr-keepsake-product{max-width:330px}
    .sbkr-subpage .sbkr-keepsake-exclusive{font-size:16px;white-space:normal;margin-bottom:21px;gap:10px}
    .sbkr-keepsake-pages{max-width:240px}
    .sbkr-subpage .sbkr-keepsake-detail{font-size:11px;margin-top:23px;line-height:2}
    .sbkr-message-hero{min-height:660px}
    .sbkr-message-hero-art{object-position:67% bottom}
    .sbkr-message-hero::after{background:linear-gradient(180deg,#071f34e8 0%,#0a233ac9 34%,#0926392b 72%,#09263926),linear-gradient(90deg,#09243955,transparent)}
    .sbkr-message-hero-copy{padding:42px 0 175px}
    .sbkr-message-hero .sbkr-eyebrow{font-size:11px;letter-spacing:.12em}
    .sbkr-message-label{font-size:11px;margin-bottom:16px}
    .sbkr-subpage .sbkr-message h1{font-size:34px;line-height:1.95;letter-spacing:.03em}
    .sbkr-message-hero-lead{font-size:14px;line-height:2.1}
    .sbkr-message-read{margin-top:20px}
    .sbkr-letter{padding-top:44px}
    .sbkr-founder{grid-template-columns:86px minmax(0,1fr);gap:24px;padding:0 0 35px;align-items:start}
    .sbkr-founder-portrait{margin-top:10px}
    .sbkr-founder-copy{display:contents}
    .sbkr-founder-copy>.sbkr-eyebrow{grid-column:2;grid-row:1;margin:0;align-self:start;font-size:10px}
    .sbkr-founder-role{grid-column:2;grid-row:1;align-self:start;margin-top:26px;font-size:10px}
    .sbkr-subpage .sbkr-founder h2{grid-column:2;grid-row:1;align-self:start;margin:58px 0 0;font-size:25px}
    .sbkr-founder-profile{grid-column:1/-1;font-size:14px;line-height:2}
    .sbkr-letter-index{display:block;margin-bottom:45px}
    .sbkr-letter-index a{padding:17px 6px;gap:20px;font-size:13px}
    .sbkr-letter-index a+a{border-left:0;border-top:1px solid #d7c9ae}
    .sbkr-letter-index span{font-size:25px}
    .sbkr-letter-chapter{grid-template-columns:1fr;gap:25px;padding-bottom:38px;margin-bottom:38px}
    .sbkr-letter-number{font-size:37px;margin-bottom:16px}
    .sbkr-subpage .sbkr-letter-chapter h2{font-size:24px;text-wrap:initial}
    .sbkr-letter-art{margin-top:24px}
    .sbkr-letter-art img{aspect-ratio:1.55;object-position:center}
    .sbkr-letter-motto{display:none}
    .sbkr-letter-prose{font-size:16px;line-height:2}
    .sbkr-letter-signoff{margin:0 0 45px}
    .sbkr-company{padding:38px 0 45px}
    .sbkr-company-layout{grid-template-columns:1fr;gap:28px}
    .sbkr-company .sbkr-heading-ornament{display:none}
    .sbkr-subpage .sbkr-company h2{font-size:25px}
    .sbkr-company-list>div{grid-template-columns:78px minmax(0,1fr);gap:18px;font-size:13px;padding-block:16px}
    .sbkr-message-next{padding-block:30px 40px}
    .sbkr-message-next a{font-size:13px;gap:15px}
}
@media(prefers-reduced-motion:reduce){.sbkr-message{scroll-behavior:auto}}