.cslr { --cslr-accent: #692a36; --cslr-accent-text: #692a36; --cslr-on-accent: #fff; --cslr-focus: #692a36; --cslr-paper: #f6f1e8; --cslr-surface-text: #211d1a; --cslr-ui: var(--lf-font-ui, var(--font-body-family, Jost, "Noto Sans SC", "Helvetica Neue", Arial, sans-serif)); --cslr-display: var(--lf-font-editorial, var(--font-heading-family, "Cormorant Garamond", "Noto Serif SC", Garamond, Georgia, serif)); background: linear-gradient(135deg, color-mix(in srgb, var(--cslr-paper) 96%, #fff) 0%, var(--cslr-paper) 68%, color-mix(in srgb, var(--cslr-accent) 5%, var(--cslr-paper)) 100%); color: var(--cslr-surface-text); container-type: inline-size; font-family: var(--cslr-ui); margin: 0 auto; max-width: var(--cslr-max, 1480px); overflow: hidden; position: relative; }
.cslr[data-display-font="modern"] { --cslr-display: var(--cslr-ui); }
.cslr[data-display-font="heritage"] { --cslr-display: Baskerville, "Baskerville Old Face", "Iowan Old Style", Georgia, serif; }
.cslr * { box-sizing: border-box; }.cslr button { font: inherit; }
html.coord-studio-entry-visible .react-responsive-modal-root:has(.pp-modal),
html.coord-studio-entry-visible [data-testid="modal-container"]:has([role="dialog"]),
html.coord-studio-entry-visible [data-coord-studio-promotion-tab="true"] { display: none !important; }
.cslr-inner { display: grid; grid-template-columns: minmax(340px, .88fr) minmax(420px, 1.12fr); min-height: 570px; }
.cslr-copy { display: flex; flex-direction: column; padding: clamp(30px, 5vw, 78px); }
.cslr-brand { align-items: center; display: flex; gap: 13px; }.cslr-brand img { display: block; height: 34px; max-width: 170px; object-fit: contain; width: auto; }.cslr-brand strong { font-family: var(--cslr-display); font-size: 20px; font-weight: 600; }.cslr-brand span { border-left: 1px solid rgba(33,29,26,.18); color: #746b65; font-size: 9px; font-weight: 750; letter-spacing: .17em; padding-left: 13px; }
.cslr-brand img.cslr-logo--square { height: 54px; margin-block: -8px; max-width: 54px; }
.cslr-kicker { color: var(--cslr-accent-text); font-size: 9px; font-weight: 800; letter-spacing: .2em; margin: auto 0 14px; text-transform: uppercase; }
.cslr h2, .cslr-copy h1 { font-family: var(--cslr-display); font-size: clamp(44px, 5.7vw, 78px); font-weight: 500; letter-spacing: -.06em; line-height: .94; margin: 0; max-width: 650px; }.cslr[data-display-font="modern"] h2, .cslr[data-display-font="modern"] .cslr-copy h1 { font-weight: 620; letter-spacing: -.075em; }.cslr-lede { color: #655e58; font-size: clamp(13px, 1.2vw, 16px); line-height: 1.65; margin: 22px 0 0; max-width: 510px; }
.cslr-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px; }.cslr-actions button { align-items: center; appearance: none; background: transparent; border: 1px solid var(--cslr-surface-text); color: var(--cslr-surface-text); cursor: pointer; display: flex; font-size: 10px; font-weight: 780; gap: 16px; justify-content: space-between; letter-spacing: .06em; min-height: 51px; padding: 0 18px; text-transform: uppercase; transition: border-color .18s ease, box-shadow .18s ease; }.cslr-actions button:first-child { background: var(--cslr-accent); border-color: var(--cslr-accent); color: var(--cslr-on-accent); min-width: 215px; }.cslr-actions button:hover { background: var(--cslr-surface-text); border-color: var(--cslr-surface-text); color: var(--cslr-on-surface-text, #fff); }.cslr-actions button:first-child:hover { background: var(--cslr-accent); border-color: var(--cslr-accent); box-shadow: inset 0 0 0 999px rgba(33,29,26,.045); color: var(--cslr-on-accent); }.cslr-actions button:focus-visible { outline: 2px solid var(--cslr-focus); outline-offset: 3px; }
.cslr-actions button:only-child { grid-column: 1 / -1; }
.cslr-resume { align-items: center; appearance: none; background: transparent; border: 0; border-top: 1px solid rgba(33,29,26,.16); color: #4f4742; cursor: pointer; display: flex; font-size: 10px; gap: 24px; justify-content: space-between; margin-top: 14px; max-width: 430px; padding: 11px 1px 0; text-align: left; width: 100%; }.cslr-resume[hidden] { display: none; }.cslr-resume span { align-items: baseline; display: flex; gap: 9px; }.cslr-resume small { color: var(--cslr-accent-text); font-size: 7px; font-weight: 850; letter-spacing: .14em; }.cslr-resume b { color: var(--cslr-accent-text); font-size: 13px; transition: transform .18s ease; }.cslr-resume:hover b { transform: translateX(4px); }.cslr-resume:focus-visible { outline: 2px solid var(--cslr-focus); outline-offset: 4px; }
.cslr-starts { border-top: 1px solid rgba(33,29,26,.16); display: grid; gap: 9px; margin-top: 14px; max-width: 510px; padding-top: 11px; }.cslr-starts > div:first-child { align-items: baseline; display: flex; gap: 9px; }.cslr-starts small { color: var(--cslr-accent-text); font-size: 7px; font-weight: 850; letter-spacing: .14em; }.cslr-starts > div:first-child span { color: #746b65; font-family: var(--cslr-display); font-size: 11px; }.cslr-starts [role="group"] { display: grid; gap: 5px; grid-template-columns: repeat(3,minmax(0,1fr)); }.cslr-starts button { align-items: baseline; appearance: none; background: rgba(255,253,248,.48); border: 1px solid rgba(33,29,26,.18); color: #211d1a; cursor: pointer; display: flex; gap: 7px; min-height: 33px; padding: 8px; text-align: left; }.cslr-starts button b { color: var(--cslr-accent-text); font-family: var(--cslr-display); font-size: 11px; font-style: italic; font-weight: 500; }.cslr-starts button span { font-size: 7px; font-weight: 800; letter-spacing: .04em; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }.cslr-starts button:hover { background: #fffdf8; border-color: var(--cslr-accent-text); }.cslr-starts button:focus-visible { outline: 2px solid var(--cslr-focus); outline-offset: 2px; }
.cslr-proof { align-items: center; color: #746b65; display: flex; flex-wrap: wrap; font-size: 9px; gap: 10px; margin-top: 18px; }.cslr-proof i { background: var(--cslr-accent); border-radius: 50%; height: 5px; opacity: .72; width: 5px; }.cslr-status { color: var(--cslr-accent-text); font-size: 10px; min-height: 15px; }
.cslr-opening { align-content: center; background: var(--cslr-paper); display: grid; gap: 9px 18px; grid-template-columns: auto minmax(0,420px); inset: 0; justify-content: center; opacity: 0; padding: 34px; pointer-events: none; position: absolute; transform: translateY(8px); transition: transform .18s ease, visibility 0s linear .18s; visibility: hidden; z-index: 12; }.cslr-opening::before { border: 1px solid rgba(33,29,26,.14); content: ""; inset: 22px; position: absolute; }.cslr[aria-busy="true"] .cslr-opening { opacity: 1; transform: none; transition-delay: 0s; visibility: visible; }.cslr-opening-index { color: var(--cslr-accent-text); font-family: var(--cslr-display); font-size: clamp(42px,6vw,72px); font-style: italic; line-height: .9; }.cslr-opening-copy { align-self: center; display: grid; gap: 4px; }.cslr-opening-copy strong { font-family: var(--cslr-display); font-size: clamp(20px,2.6vw,34px); font-weight: 500; letter-spacing: -.035em; }.cslr-opening-copy small { color: #655e58; font-size: 10px; line-height: 1.5; }.cslr-opening-rule { background: rgba(33,29,26,.13); grid-column: 1 / -1; height: 1px; margin-top: 13px; overflow: hidden; position: relative; }.cslr-opening-rule i { animation: cslr-opening-progress 1.15s cubic-bezier(.65,0,.35,1) infinite; background: var(--cslr-accent); height: 1px; left: 0; position: absolute; top: 0; transform-origin: left; width: 38%; }
.cslr[data-cs-editor-open] .cslr-opening { opacity: 0; transition: none; visibility: hidden; }
@keyframes cslr-opening-progress { 0% { transform: translateX(-105%); } 55%, 100% { transform: translateX(270%); } }
@keyframes cslr-preview-breathe { 0%, 100% { opacity: .45; transform: scale(.96); } 50% { opacity: .9; transform: scale(1); } }
.cslr-visual { background: #ddd7d0; min-height: 570px; overflow: hidden; padding: clamp(24px, 4vw, 56px); position: relative; }.cslr-visual::before { border: 1px solid rgba(33,29,26,.14); content: ""; inset: 22px; pointer-events: none; position: absolute; }.cslr-board { background: #fffdf8; box-shadow: 0 28px 65px rgba(48,37,33,.19), 0 1px 0 rgba(255,255,255,.8); height: 100%; margin: 0 auto; max-height: 590px; max-width: 470px; min-height: 455px; overflow: hidden; position: relative; transform: rotate(.7deg); }.cslr-board::before { background-image: linear-gradient(rgba(33,29,26,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(33,29,26,.035) 1px, transparent 1px); background-size: 25% 20%; content: ""; inset: 15px; pointer-events: none; position: absolute; }
.cslr-piece { background: rgba(255,253,248,.9); border: 1px solid rgba(63,43,40,.12); border-radius: 5px; box-shadow: 0 14px 32px rgba(48,37,33,.12); margin: 0; overflow: hidden; padding: 6px; position: absolute; text-align: left; transition: height .34s cubic-bezier(.22,1,.36,1), left .34s cubic-bezier(.22,1,.36,1), opacity .24s ease, top .34s cubic-bezier(.22,1,.36,1), transform .34s cubic-bezier(.22,1,.36,1), width .34s cubic-bezier(.22,1,.36,1); }.cslr-piece:nth-of-type(1) { height: 58%; left: 28%; top: 18%; width: 46%; }.cslr-piece:nth-of-type(2) { height: 33%; left: 4%; top: 7%; transform: rotate(-7deg); width: 32%; }.cslr-piece:nth-of-type(3) { bottom: 6%; height: 30%; right: 3%; transform: rotate(6deg); width: 31%; }.cslr-piece::before { background: linear-gradient(145deg, color-mix(in srgb, var(--cslr-accent) 7%, transparent), rgba(33,29,26,.025)); border: 1px solid rgba(33,29,26,.09); border-radius: 48% 52% 43% 57% / 28% 31% 69% 72%; content: ""; inset: 10%; opacity: 0; position: absolute; transform: scale(.97); transition: opacity .24s ease, transform .34s cubic-bezier(.22,1,.36,1); }.cslr-piece:nth-of-type(2)::before { border-radius: 50% 50% 42% 42% / 22% 22% 74% 74%; inset: 12% 19%; }.cslr-piece:nth-of-type(3)::before { border-radius: 50%; inset: 18%; }.cslr-piece[data-preview-slot="empty"]::before, .cslr-piece[data-preview-slot="loading"]::before, .cslr-piece[data-preview-slot="error"]::before { opacity: 1; }.cslr[data-preview-state="loading"] .cslr-piece:not([data-preview-slot="ready"])::before { animation: cslr-preview-breathe 1.8s ease-in-out infinite; }.cslr[data-preview-state="unavailable"] .cslr-piece::before { background: color-mix(in srgb, var(--cslr-accent) 3%, transparent); border-style: dashed; opacity: .55; }.cslr-piece img { filter: drop-shadow(0 12px 10px rgba(33,29,26,.13)); height: 100%; object-fit: contain; opacity: 0; transition: opacity .28s ease; width: 100%; }.cslr-piece[data-preview-slot="ready"] img { opacity: 1; }.cslr-piece figcaption { background: rgba(255,253,248,.88); bottom: 0; display: grid; gap: 1px; left: 0; max-width: 130px; opacity: 0; padding: 5px 7px; position: absolute; transform: translateY(3px); transition: opacity .2s ease, transform .25s ease; }.cslr-piece figcaption[hidden] { display: none; }.cslr-piece[data-preview-slot="ready"] figcaption { opacity: 1; transform: none; }.cslr-piece span { color: var(--cslr-accent-text); font-size: 6px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.cslr-piece strong { font-family: var(--cslr-display); font-size: 9px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cslr[data-preview-count="1"] .cslr-piece[data-preview-slot="ready"] { bottom: auto; height: 64%; left: 20%; right: auto; top: 17%; transform: rotate(.8deg); width: 60%; }.cslr[data-preview-count="1"] .cslr-piece:not([data-preview-slot="ready"]) { opacity: .32; }.cslr[data-preview-count="2"] .cslr-piece[data-preview-order="1"] { bottom: auto; height: 58%; left: 10%; right: auto; top: 22%; transform: rotate(-4deg); width: 48%; }.cslr[data-preview-count="2"] .cslr-piece[data-preview-order="2"] { bottom: auto; height: 39%; left: 59%; right: auto; top: 13%; transform: rotate(6deg); width: 34%; }.cslr[data-preview-count="2"] .cslr-piece:not([data-preview-slot="ready"]) { opacity: .24; }
.cslr-board-note { color: #746b65; font-family: var(--cslr-display); font-size: 11px; left: 22px; position: absolute; top: 20px; }.cslr-board-mark { align-items: center; bottom: 20px; color: rgba(33,29,26,.48); display: flex; font-family: var(--cslr-display); font-size: 10px; gap: 7px; left: 22px; position: absolute; }.cslr-board-mark img { height: 22px; max-width: 100px; object-fit: contain; width: auto; }.cslr-board-mark::before { background: currentColor; content: ""; height: 1px; width: 17px; }
.cslr-board-mark img.cslr-logo--square { height: 34px; margin-block: -6px; max-width: 34px; }
.cslr[data-layout="compact"] .cslr-inner { grid-template-columns: minmax(360px, 1.08fr) minmax(340px, .92fr); min-height: 430px; }
.cslr[data-layout="compact"] .cslr-copy { min-height: 430px; padding: clamp(32px, 4vw, 54px); }
.cslr[data-layout="compact"] .cslr-brand img { height: 29px; max-width: 150px; }
.cslr[data-layout="compact"] h2, .cslr[data-layout="compact"] .cslr-copy h1 { font-size: clamp(42px, 4.7vw, 61px); line-height: .96; max-width: 560px; }
.cslr[data-layout="compact"] .cslr-lede { font-size: clamp(12px, 1.05vw, 14px); line-height: 1.58; margin-top: 16px; max-width: 470px; }
.cslr[data-layout="compact"] .cslr-actions { margin-top: 22px; }
.cslr[data-layout="compact"] .cslr-actions button { min-height: 46px; }
.cslr[data-layout="compact"] .cslr-actions button:first-child { min-width: 190px; }
.cslr[data-layout="compact"] .cslr-proof { font-size: 8px; margin-top: 14px; }
.cslr[data-layout="compact"] .cslr-visual { min-height: 430px; padding: clamp(26px, 3.2vw, 42px); }
.cslr[data-layout="compact"] .cslr-visual::before { inset: 17px; }
.cslr[data-layout="compact"] .cslr-board { max-height: 390px; max-width: 360px; min-height: 348px; transform: rotate(.45deg); }
.cslr[data-layout="compact"] .cslr-board-note { font-size: 10px; left: 18px; top: 17px; }
.cslr[data-layout="compact"] .cslr-board-mark { bottom: 16px; left: 18px; }

/* Editorial storefront polish. Kept entirely inside the app block boundary. */
.cslr:not(.cslr--product) { border: 1px solid rgba(33,29,26,.16); isolation: isolate; }
.cslr:not(.cslr--product)::after { border: 1px solid rgba(255,253,248,.34); content: ""; inset: 8px; pointer-events: none; position: absolute; z-index: 8; }
.cslr-inner { grid-template-columns: minmax(360px,.94fr) minmax(430px,1.06fr); }
.cslr-copy { overflow: hidden; position: relative; }
.cslr-copy::before { border: 1px solid color-mix(in srgb, var(--cslr-accent) 20%, transparent); border-radius: 50%; content: ""; height: 210px; pointer-events: none; position: absolute; right: -142px; top: -126px; width: 210px; }
.cslr-copy::after { background: var(--cslr-accent); bottom: 0; content: ""; height: 5px; left: 0; position: absolute; width: 82px; }
.cslr-edition { color: color-mix(in srgb, var(--cslr-accent-text) 72%, transparent); font-family: var(--cslr-display); font-size: 12px; font-style: italic; line-height: 1; position: absolute; right: 30px; top: 30px; }
.cslr-edition::before { background: currentColor; content: ""; height: 1px; position: absolute; right: 28px; top: 50%; width: 26px; }
.cslr-brand { position: relative; z-index: 1; }
.cslr-brand img { height: 38px; max-width: 184px; }
.cslr-kicker { margin-bottom: 17px; }
.cslr h2, .cslr-copy h1 { text-wrap: balance; }
.cslr-lede { max-width: 470px; }
.cslr-flow { align-items: center; display: flex; gap: 0; list-style: none; margin: 24px 0 0; max-width: 470px; padding: 0; }
.cslr-flow li { align-items: center; color: #746b65; display: flex; flex: 1; font-size: 8px; font-weight: 780; gap: 7px; letter-spacing: .08em; min-width: 0; text-transform: uppercase; }
.cslr-flow li:not(:last-child)::after { background: color-mix(in srgb, var(--cslr-accent) 24%, transparent); content: ""; flex: 1; height: 1px; margin-inline: 8px; }
.cslr-flow b { align-items: center; border: 1px solid color-mix(in srgb, var(--cslr-accent) 28%, transparent); border-radius: 50%; color: var(--cslr-accent-text); display: inline-flex; flex: 0 0 24px; font-family: var(--cslr-display); font-size: 9px; font-style: italic; font-weight: 500; height: 24px; justify-content: center; letter-spacing: 0; }
.cslr-flow span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cslr-actions button { position: relative; }
.cslr-actions button::after { border: 1px solid transparent; content: ""; inset: 3px; pointer-events: none; position: absolute; }
.cslr-actions button:first-child::after { border-color: rgba(255,255,255,.2); }
.cslr-share-promise { align-items: center; color: color-mix(in srgb, var(--cslr-surface-text) 66%, transparent); display: flex; font-size: 9px; gap: 7px; letter-spacing: .025em; line-height: 1.4; margin: 10px 0 0; }
.cslr-share-promise span { color: var(--cslr-accent-text); font-family: var(--cslr-display); font-size: 13px; }
.cslr-proof { border-top: 1px solid rgba(33,29,26,.13); max-width: 510px; padding-top: 14px; }
.cslr-visual { background: #d8cec4; isolation: isolate; }
.cslr-visual::after { background: var(--cslr-accent); bottom: 0; content: ""; height: 94px; opacity: .9; position: absolute; right: 0; width: 88px; z-index: -1; }
.cslr-board { border: 1px solid rgba(33,29,26,.14); box-shadow: 0 34px 72px rgba(48,37,33,.22), 11px 13px 0 rgba(255,253,248,.33); transform: rotate(-1.15deg); }
.cslr-board::before { background-size: 33.333% 25%; inset: 25px; opacity: .75; }
.cslr-board::after { border: 1px solid rgba(105,42,54,.13); content: ""; inset: 12px; pointer-events: none; position: absolute; z-index: 5; }
.cslr-board-note { color: var(--cslr-accent-text); font-family: var(--cslr-ui); font-size: 7px; font-style: normal; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; z-index: 6; }
.cslr-board-ribbon { background: var(--cslr-accent); color: var(--cslr-on-accent); font-size: 7px; font-weight: 850; letter-spacing: .14em; padding: 8px 26px; position: absolute; right: -29px; text-transform: uppercase; top: 48px; transform: rotate(45deg); z-index: 8; }
.cslr-piece { z-index: 2; }
.cslr-piece:nth-of-type(1) { height: 61%; left: 25%; top: 17%; width: 50%; z-index: 2; }
.cslr-piece:nth-of-type(2) { height: 35%; left: 2%; top: 9%; transform: rotate(-8deg); width: 34%; z-index: 3; }
.cslr-piece:nth-of-type(3) { bottom: 7%; height: 31%; right: 2%; transform: rotate(7deg); width: 32%; z-index: 3; }
.cslr-piece figcaption { background: rgba(255,253,248,.94); border-left: 2px solid var(--cslr-accent); box-shadow: 0 5px 16px rgba(48,37,33,.08); max-width: 124px; padding: 5px 7px; }
.cslr-piece strong { font-size: 8px; }
.cslr-board-sticker { filter: drop-shadow(0 7px 8px rgba(48,37,33,.12)); height: 64px; object-fit: contain; position: absolute; right: 20px; top: 17px; transform: rotate(9deg); width: 64px; z-index: 7; }
.cslr-board-index { bottom: 24px; color: var(--cslr-accent-text); font-size: 6px; font-weight: 850; letter-spacing: .18em; position: absolute; right: 24px; z-index: 6; }
.cslr-board-format { bottom: 34px; color: color-mix(in srgb, var(--cslr-surface-text) 54%, transparent); font-family: var(--cslr-display); font-size: 8px; font-style: italic; letter-spacing: .08em; position: absolute; right: 24px; z-index: 6; }
.cslr-board-mark { z-index: 6; }
.cslr[data-layout="compact"] .cslr-board { transform: rotate(-.7deg); }
.cslr:not(.cslr--product) { border-radius: clamp(0px, 1.7vw, 26px); box-shadow: 0 18px 60px rgba(48,37,33,.08); }
.cslr:not(.cslr--product) .cslr-inner { overflow: hidden; }
.cslr:not(.cslr--product) .cslr-visual { background: radial-gradient(circle at 22% 18%, color-mix(in srgb, var(--cslr-paper) 84%, #fff) 0 10%, transparent 44%), linear-gradient(145deg, #e4ddd5, color-mix(in srgb, var(--cslr-accent) 8%, #d7cec5)); }
.cslr:not(.cslr--product) .cslr-board { border-radius: 3px 3px 34px 3px; }
@container (max-width: 820px) { .cslr-inner { grid-template-columns: 1fr; }.cslr-copy { min-height: 500px; }.cslr-visual { min-height: 520px; } }
@container (max-width: 820px) { .cslr[data-layout="compact"] .cslr-inner { grid-template-columns: 1fr; }.cslr[data-layout="compact"] .cslr-copy { min-height: 410px; }.cslr[data-layout="compact"] .cslr-visual { min-height: 440px; }.cslr[data-layout="compact"] .cslr-board { max-width: 380px; min-height: 360px; } }
@container (max-width: 520px) { .cslr-copy { min-height: 450px; padding: 27px 22px 34px; }.cslr-brand span { display: none; }.cslr-kicker { margin-top: 16px; }.cslr h2, .cslr-copy h1 { font-size: 47px; }.cslr-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.cslr-actions button, .cslr-actions button:first-child { min-width: 0; width: 100%; }.cslr-resume span { align-items: flex-start; flex-direction: column; gap: 2px; }.cslr-starts button { align-items: flex-start; flex-direction: column; gap: 1px; }.cslr-opening { gap: 10px 13px; grid-template-columns: auto minmax(0,1fr); justify-content: stretch; padding: 34px; }.cslr-opening::before { inset: 14px; }.cslr-opening-copy small { font-size: 9px; }.cslr-visual { min-height: 470px; padding: 38px 30px; }.cslr-board { min-height: 390px; }.cslr[data-layout="compact"] .cslr-copy { min-height: 420px; }.cslr[data-layout="compact"] .cslr-visual { min-height: 430px; padding: 34px 28px; }.cslr[data-layout="compact"] .cslr-board { min-height: 350px; } }
@container (max-width: 520px) { .cslr:not(.cslr--product) { border-inline: 0; }.cslr:not(.cslr--product)::after { inset: 6px; }.cslr-copy { min-height: 360px; padding: 20px 22px 24px; }.cslr-copy::before { height: 150px; right: -104px; top: -96px; width: 150px; }.cslr-edition { right: 22px; top: 22px; }.cslr-brand img { height: 33px; max-width: 160px; }.cslr-kicker { margin-bottom: 9px; margin-top: 14px; }.cslr h2, .cslr-copy h1 { font-size: 43px; line-height: .95; }.cslr-lede { font-size: 12px; line-height: 1.5; margin-top: 13px; }.cslr-actions { gap: 7px; margin-top: 16px; }.cslr-actions button, .cslr-actions button:first-child { font-size: 8px; gap: 8px; min-height: 46px; padding-inline: 11px; }.cslr-proof { font-size: 8px; margin-top: 12px; padding-top: 9px; }.cslr-proof span:nth-of-type(n+2), .cslr-proof i:nth-of-type(n+1) { display: none; }.cslr-visual { min-height: 420px; padding: 30px 24px; }.cslr-board { box-shadow: 0 24px 48px rgba(48,37,33,.19), 7px 8px 0 rgba(255,253,248,.3); min-height: 356px; }.cslr-board-note { left: 18px; top: 17px; }.cslr-board-sticker { height: 51px; right: 15px; top: 13px; width: 51px; }.cslr-board-index { bottom: 19px; right: 19px; }.cslr-piece figcaption { display: none; }.cslr[data-layout="compact"] .cslr-copy { min-height: 344px; }.cslr[data-layout="compact"] .cslr-visual { min-height: 390px; padding: 28px 23px; }.cslr[data-layout="compact"] .cslr-board { min-height: 328px; } }
@media (max-width: 560px) and (max-height: 720px) {
  .cslr:not(.cslr--product) .cslr-copy { min-height: 330px; padding: 20px 20px 22px; }
  .cslr:not(.cslr--product) .cslr-brand img { height: 27px; max-width: 142px; }
  .cslr:not(.cslr--product) .cslr-brand img.cslr-logo--square { height: 44px; margin-block: -9px; max-width: 44px; }
  .cslr:not(.cslr--product) .cslr-kicker { margin-bottom: 8px; margin-top: 12px; }
  .cslr:not(.cslr--product) h2, .cslr:not(.cslr--product) .cslr-copy h1 { font-size: 42px; line-height: .95; }
  .cslr:not(.cslr--product) .cslr-lede { font-size: 11px; line-height: 1.45; margin-top: 12px; }
  .cslr:not(.cslr--product) .cslr-flow { display: none; }
  .cslr:not(.cslr--product) .cslr-actions { display: grid; gap: 6px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 14px; }
  .cslr:not(.cslr--product) .cslr-actions button,
  .cslr:not(.cslr--product) .cslr-actions button:first-child { font-size: 8px; gap: 8px; min-height: 42px; min-width: 0; padding-inline: 10px; width: 100%; }
  .cslr:not(.cslr--product) .cslr-proof { display: none; }
  .cslr:not(.cslr--product) .cslr-visual { min-height: 380px; padding: 25px 20px; }
  .cslr:not(.cslr--product) .cslr-board { min-height: 320px; }
}
.cslr--product { border: 1px solid rgba(33,29,26,.14); border-radius: 20px; box-shadow: 0 16px 50px rgba(48,37,33,.08); max-width: none; }
.cslp-inner { align-items: stretch; display: grid; grid-template-columns: minmax(120px, 210px) minmax(0, 1fr); min-height: 260px; }
.cslp-image { background: radial-gradient(circle at 50% 42%, #fffaf2 0 27%, transparent 28%), color-mix(in srgb, var(--cslr-accent) 7%, #e7ded4); border-right: 1px solid rgba(33,29,26,.12); min-height: 260px; padding: 18px; position: relative; }
.cslp-image::after { border: 1px solid rgba(255,255,255,.46); border-radius: 999px 999px 18px 18px; content: ""; inset: 14px; pointer-events: none; position: absolute; }
.cslp-image img { filter: drop-shadow(0 12px 14px rgba(48,37,33,.13)); height: 100%; object-fit: contain; position: relative; width: 100%; z-index: 1; }
.cslp-copy { align-content: center; display: grid; padding: clamp(24px, 4vw, 46px); }
.cslp-copy .cslr-brand { margin-bottom: 18px; }.cslp-copy .cslr-brand img { height: 27px; }
.cslp-kicker { color: var(--cslr-accent-text); font-size: 8px; font-weight: 800; letter-spacing: .18em; margin: 0 0 7px; text-transform: uppercase; }
.cslp-copy h2 { font-size: clamp(30px, 4vw, 48px); line-height: .96; margin: 0; }
.cslp-description { color: #655e58; font-size: 12px; line-height: 1.55; margin: 12px 0 19px; max-width: 590px; }
.cslp-journey { align-items: center; color: #746b65; display: flex; flex-wrap: wrap; font-size: 7px; font-weight: 800; gap: 8px; letter-spacing: .1em; margin: -3px 0 16px; text-transform: uppercase; }
.cslp-journey i { background: var(--cslr-accent); border-radius: 50%; height: 4px; opacity: .6; width: 4px; }
.cslp-button { align-items: center; background: var(--cslr-accent); border: 1px solid var(--cslr-accent); color: var(--cslr-on-accent); cursor: pointer; display: flex; font-size: 9px; font-weight: 800; gap: 22px; justify-content: space-between; letter-spacing: .08em; min-height: 46px; padding: 0 16px; text-transform: uppercase; white-space: nowrap; width: min(100%, 245px); }
.cslp-button:hover { background: var(--cslr-accent); border-color: var(--cslr-accent); box-shadow: inset 0 0 0 999px rgba(33,29,26,.045); color: var(--cslr-on-accent); }.cslp-button:focus-visible { outline: 2px solid var(--cslr-focus); outline-offset: 3px; }
.cslp-share-note { align-items: center; color: #746b65; display: flex; font-size: 8px; gap: 6px; margin: 8px 0 0; }
.cslp-share-note span { color: var(--cslr-accent-text); font-family: var(--cslr-display); font-size: 12px; }
@container (max-width: 520px) { .cslp-inner { grid-template-columns: 104px minmax(0,1fr); min-height: 220px; }.cslp-image { min-height: 220px; padding: 10px; }.cslp-copy { padding: 21px 18px; }.cslp-copy .cslr-brand { margin-bottom: 13px; }.cslp-description { font-size: 10px; margin-bottom: 14px; }.cslp-button { min-height: 43px; width: 100%; } }
.cslr-dedicated-page { align-items: center; background: #e5ddd3; display: grid; min-height: 100dvh; padding: clamp(18px,4vw,56px); }
.cslr--dedicated { border: 1px solid rgba(33,29,26,.16); box-shadow: 0 28px 80px rgba(48,37,33,.2); width: 100%; }
.cslr-dedicated-inner { align-content: center; display: grid; min-height: min(720px, calc(100dvh - 112px)); padding: clamp(36px,8vw,110px); }
.cslr-dedicated-inner .cslr-brand { margin-bottom: clamp(70px,12vh,140px); }.cslr-dedicated-inner .cslr-kicker { margin: 0 0 13px; }
.cslr-dedicated-inner h1 { font-family: var(--cslr-display); font-size: clamp(52px,8vw,108px); font-weight: 500; letter-spacing: -.065em; line-height: .88; margin: 0; max-width: 950px; }
.cslr-dedicated-inner > p:not(.cslr-kicker):not(.cslr-status) { color: #655e58; font-size: clamp(13px,1.4vw,17px); line-height: 1.65; max-width: 620px; }
@media (max-width: 560px) { .cslr-dedicated-page { padding: 0; }.cslr--dedicated { border: 0; box-shadow: none; }.cslr-dedicated-inner { min-height: 100dvh; padding: 28px 22px; }.cslr-dedicated-inner .cslr-brand { margin-bottom: auto; }.cslr-dedicated-inner h1 { font-size: 58px; } }
@media (prefers-reduced-motion: reduce) { .cslr-actions button, .cslr-resume b, .cslr-starts button, .cslp-button, .cslr-opening, .cslr-piece, .cslr-piece::before, .cslr-piece img, .cslr-piece figcaption { transition: none; }.cslr-opening-rule i, .cslr-piece::before { animation: none; transform: none; }.cslr-opening-rule i { width: 100%; } }