@callimacus/thamyr-shopify 4.12.0 → 4.13.0

package/dist/browser/callimacus.css

@@ -0,0 +1,1982 @@
+/*!
+ * Copyright © 2025–2026 Solomei AI SRL. All rights reserved.
+ *
+ * Proprietary software, licensed for use by Callimacus customers only.
+ * See LICENSE.md for the full terms.
+ *
+ */
+:where(:root) {
+--cal-fg: rgb(18 18 18);
+--cal-bg: rgb(255 255 255);
+--cal-shadow: var(--cal-fg);
+--cal-ink: var(--cal-fg);
+--cal-font-body: inherit;
+--cal-font-body-style: normal;
+--cal-font-body-weight: 400;
+--cal-font-body-weight-bold: 700;
+--cal-font-heading: inherit;
+--cal-font-heading-style: normal;
+--cal-font-heading-weight: 400;
+--cal-heading-scale: 1;
+--cal-radius-media: 4px;
+--cal-radius-card: 4px;
+--cal-radius-button: 4px;
+--cal-grid-gap-mobile: 8px;
+--cal-grid-gap-desktop: 16px;
+--cal-header-height: 0px;
+--cal-ease: cubic-bezier(0.2, 0, 0, 1);
+--cal-arrive: 240ms;
+--cal-collapse: 320ms;
+--cal-gutter: 16px;
+--cal-bone: color-mix(in srgb, var(--cal-fg) 6%, transparent);
+--cal-shine: color-mix(in srgb, var(--cal-bg) 60%, transparent);
+--cal-hairline: color-mix(in srgb, var(--cal-fg) 10%, transparent);
+--cal-glass: color-mix(in srgb, var(--cal-bg) 80%, transparent);
+--cal-dock-space: 96px;
+}
+:is(html,#callimacus#callimacus)[data-callimacus-on] body {
+padding-bottom: var(--cal-dock-space);
+}
+:is(html,#callimacus#callimacus) .cal-dock {
+position: fixed;
+inset-inline: 0;
+bottom: 0;
+z-index: 90;
+display: flex;
+justify-content: center;
+padding: 0 var(--cal-gutter) calc(12px + env(safe-area-inset-bottom, 0px));
+pointer-events: none;
+font-family: var(--cal-font-body);
+font-style: var(--cal-font-body-style);
+font-weight: var(--cal-font-body-weight);
+transition:
+transform var(--cal-collapse) var(--cal-ease),
+opacity 200ms ease,
+visibility 0s linear 0s;
+}
+:is(html,#callimacus#callimacus) .cal-dock__inner {
+display: grid;
+gap: 8px;
+width: min(100%, 680px);
+pointer-events: auto;
+}
+:is(html,#callimacus#callimacus) .cal-dock__chips {
+display: flex;
+flex-wrap: wrap;
+justify-content: center;
+gap: 6px;
+min-width: 0;
+}
+:is(html,#callimacus#callimacus) .cal-dock__chips[hidden] {
+display: none;
+}
+:is(html,#callimacus#callimacus) .cal-dock__chip {
+display: inline-flex;
+align-items: center;
+gap: 6px;
+max-width: 100%;
+min-height: 36px;
+margin: 0;
+padding: 0 14px;
+border: 1px solid var(--cal-hairline);
+border-radius: 990px;
+background: var(--cal-glass);
+-webkit-backdrop-filter: blur(14px) saturate(1.5);
+backdrop-filter: blur(14px) saturate(1.5);
+box-shadow: 0 6px 18px -8px color-mix(in srgb, var(--cal-shadow) 25%, transparent);
+color: var(--cal-fg);
+font: inherit;
+font-size: 13px;
+letter-spacing: 0.4px;
+line-height: 1.2;
+cursor: pointer;
+transition: border-color 100ms ease, transform 160ms var(--cal-ease);
+}
+:is(html,#callimacus#callimacus) .cal-dock__chip[hidden] {
+display: none;
+}
+:is(html,#callimacus#callimacus) button.cal-dock__chip:hover {
+border-color: color-mix(in srgb, var(--cal-fg) 35%, transparent);
+}
+:is(html,#callimacus#callimacus) button.cal-dock__chip:active {
+transform: scale(0.97);
+}
+:is(html,#callimacus#callimacus) .cal-dock__chip-label {
+overflow: hidden;
+min-width: 0;
+max-width: 32ch;
+white-space: nowrap;
+text-overflow: ellipsis;
+}
+:is(html,#callimacus#callimacus) .cal-dock__chip-icon {
+flex: none;
+width: 14px;
+height: 14px;
+opacity: 0.7;
+}
+:is(html,#callimacus#callimacus) .cal-dock__chip--next {
+border-style: dashed;
+}
+:is(html,#callimacus#callimacus) .cal-dock__chip-remove {
+display: grid;
+flex: none;
+place-items: center;
+width: 28px;
+height: 28px;
+margin: 0;
+padding: 0;
+border: 0;
+border-radius: 50%;
+background: none;
+color: inherit;
+cursor: pointer;
+}
+:is(html,#callimacus#callimacus) .cal-dock__chip-remove:hover {
+background: color-mix(in srgb, var(--cal-fg) 8%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-dock__chip-remove svg {
+width: 12px;
+height: 12px;
+}
+:is(html,#callimacus#callimacus) .cal-dock__status {
+justify-self: center;
+max-width: 100%;
+margin: 0;
+padding: 4px 12px;
+border-radius: 990px;
+background: var(--cal-glass);
+-webkit-backdrop-filter: blur(14px);
+backdrop-filter: blur(14px);
+color: color-mix(in srgb, var(--cal-fg) 75%, transparent);
+font-size: 12px;
+letter-spacing: 0.4px;
+line-height: 1.4;
+text-align: center;
+}
+:is(html,#callimacus#callimacus) .cal-dock__status:empty {
+display: none;
+}
+:is(html,#callimacus#callimacus) .cal-dock__form {
+display: flex;
+align-items: center;
+gap: 8px;
+min-width: 0;
+min-height: 56px;
+margin: 0;
+padding: 6px 6px 6px 22px;
+border: 1px solid var(--cal-hairline);
+border-radius: 990px;
+background: var(--cal-glass);
+-webkit-backdrop-filter: blur(18px) saturate(1.6);
+backdrop-filter: blur(18px) saturate(1.6);
+box-shadow:
+0 1px 2px color-mix(in srgb, var(--cal-shadow) 6%, transparent),
+0 12px 32px -8px color-mix(in srgb, var(--cal-shadow) 24%, transparent);
+transition: border-color 160ms, box-shadow 160ms;
+}
+:is(html,#callimacus#callimacus) .cal-dock__form:focus-within {
+border-color: color-mix(in srgb, var(--cal-fg) 60%, transparent);
+box-shadow:
+0 0 0 3px color-mix(in srgb, var(--cal-fg) 8%, transparent),
+0 12px 32px -8px color-mix(in srgb, var(--cal-shadow) 30%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-dock__form:has(> .cal-dock__count:not([hidden])),
+:is(html,#callimacus#callimacus) .cal-dock__form:has(> .cal-dock__token:not([hidden])) {
+padding-left: 6px;
+}
+:is(html,#callimacus#callimacus) .cal-dock__count,
+:is(html,#callimacus#callimacus) .cal-dock__token {
+display: inline-flex;
+flex: none;
+align-items: center;
+gap: 6px;
+min-width: 0;
+height: 44px;
+margin: 0;
+border: 0;
+border-radius: 990px;
+background: color-mix(in srgb, var(--cal-fg) 6%, transparent);
+color: var(--cal-fg);
+font: inherit;
+font-size: 13px;
+letter-spacing: 0.4px;
+line-height: 1.2;
+}
+:is(html,#callimacus#callimacus) .cal-dock__count[hidden],
+:is(html,#callimacus#callimacus) .cal-dock__token[hidden] {
+display: none;
+}
+:is(html,#callimacus#callimacus) .cal-dock__count {
+padding: 0 14px;
+font-variant-numeric: tabular-nums;
+cursor: pointer;
+transition: background-color 160ms ease, transform 160ms var(--cal-ease);
+}
+:is(html,#callimacus#callimacus) .cal-dock__count:hover {
+background: color-mix(in srgb, var(--cal-fg) 10%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-dock__count:active {
+transform: scale(0.96);
+}
+:is(html,#callimacus#callimacus) .cal-dock__count-icon {
+width: 14px;
+height: 14px;
+opacity: 0.7;
+}
+:is(html,#callimacus#callimacus) .cal-dock__token {
+flex-shrink: 1;
+max-width: min(40%, 280px);
+padding: 0 4px 0 14px;
+}
+:is(html,#callimacus#callimacus) .cal-dock__token-label {
+overflow: hidden;
+min-width: 0;
+white-space: nowrap;
+text-overflow: ellipsis;
+}
+@media screen and (width <= 749px) {
+:is(html,#callimacus#callimacus) .cal-dock__count {
+padding: 0 11px;
+}
+:is(html,#callimacus#callimacus) .cal-dock__token {
+max-width: 45%;
+}
+}
+@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
+:where(:root) {
+--cal-glass: var(--cal-bg);
+}
+}
+:is(html,#callimacus#callimacus) .cal-dock__input {
+flex: 1;
+min-width: 0;
+height: 44px;
+margin: 0;
+padding: 0;
+border: 0;
+background: transparent;
+color: var(--cal-fg);
+font: inherit;
+font-size: 16px;
+letter-spacing: 0.4px;
+text-overflow: ellipsis;
+-webkit-appearance: none;
+appearance: none;
+}
+:is(html,#callimacus#callimacus) .cal-dock__input::placeholder {
+color: color-mix(in srgb, var(--cal-fg) 55%, transparent);
+opacity: 1;
+}
+:is(html,#callimacus#callimacus) .cal-dock__input:focus,
+:is(html,#callimacus#callimacus) .cal-dock__input:focus-visible {
+outline: none;
+box-shadow: none;
+}
+:is(html,#callimacus#callimacus) .cal-dock__kbd {
+flex: none;
+padding: 3px 7px;
+border: 1px solid color-mix(in srgb, var(--cal-fg) 18%, transparent);
+border-radius: 6px;
+color: color-mix(in srgb, var(--cal-fg) 55%, transparent);
+font: inherit;
+font-size: 12px;
+line-height: 1.2;
+}
+:is(html,#callimacus#callimacus) .cal-dock__form:focus-within .cal-dock__kbd {
+display: none;
+}
+@media (hover: none), screen and (width <= 749px) {
+:is(html,#callimacus#callimacus) .cal-dock__kbd {
+display: none;
+}
+}
+:is(html,#callimacus#callimacus) .cal-dock__submit {
+position: relative;
+display: grid;
+flex: none;
+place-items: center;
+width: 44px;
+height: 44px;
+margin: 0;
+padding: 0;
+border: 0;
+border-radius: 50%;
+background: var(--cal-fg);
+color: var(--cal-bg);
+cursor: pointer;
+transition: transform 160ms var(--cal-ease), opacity 160ms ease;
+}
+:is(html,#callimacus#callimacus) .cal-dock__submit:hover {
+opacity: 0.88;
+}
+:is(html,#callimacus#callimacus) .cal-dock__submit:active {
+transform: scale(0.94);
+}
+:is(html,#callimacus#callimacus) .cal-dock__input:disabled,
+:is(html,#callimacus#callimacus) .cal-dock__submit:disabled {
+opacity: 0.55;
+cursor: default;
+}
+:is(html,#callimacus#callimacus) .cal-dock__submit:focus-visible {
+outline: 2px solid color-mix(in srgb, var(--cal-fg) 50%, transparent);
+outline-offset: 3px;
+box-shadow: none;
+}
+:is(html,#callimacus#callimacus) .cal-dock__submit-icon {
+width: 20px;
+height: 20px;
+transition: opacity 160ms;
+}
+:is(html,#callimacus#callimacus) .cal-dock__spinner {
+position: absolute;
+inset: 11px;
+border: 1.5px solid color-mix(in srgb, var(--cal-bg) 35%, transparent);
+border-top-color: var(--cal-bg);
+border-radius: 50%;
+opacity: 0;
+transition: opacity 160ms;
+}
+:is(html,#callimacus#callimacus):is([data-callimacus-state='connecting'], [data-callimacus-state='asking'], [data-callimacus-state='streaming'])
+.cal-dock__submit-icon {
+opacity: 0;
+}
+:is(html,#callimacus#callimacus):is([data-callimacus-state='connecting'], [data-callimacus-state='asking'], [data-callimacus-state='streaming'])
+.cal-dock__spinner {
+opacity: 1;
+animation: cal-spin 800ms linear infinite;
+}
+@media screen and (width >= 750px) {
+:is(html,#callimacus#callimacus) .cal-dock {
+padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
+}
+}
+:is(html,#callimacus#callimacus) .cal-thread {
+display: flex;
+flex-direction: column;
+}
+:is(html,#callimacus#callimacus) .cal-thread:empty {
+display: none;
+}
+:is(html,#callimacus#callimacus) [data-callimacus-stage][data-stage-kind='page'] > .cal-thread:not(:empty) {
+padding-block: 24px 16px;
+}
+:is(html,#callimacus#callimacus) .cal-thread[data-compact] > .cal-chapter ~ .cal-chapter {
+display: none;
+}
+:is(html,#callimacus#callimacus) .cal-thread__earlier {
+display: block;
+width: 100%;
+margin: 0 auto 24px;
+border: 0;
+background: none;
+color: color-mix(in srgb, var(--cal-fg) 75%, transparent);
+font: inherit;
+font-size: 14px;
+letter-spacing: 0.4px;
+text-align: left;
+text-decoration: underline;
+text-underline-offset: 3px;
+cursor: pointer;
+}
+:is(html,#callimacus#callimacus) .cal-thread__earlier:hover {
+color: var(--cal-fg);
+}
+:is(html,#callimacus#callimacus) .cal-thread__earlier[hidden] {
+display: none;
+}
+:is(html,#callimacus#callimacus) .cal-thread__trimmed {
+margin: 0 auto 24px;
+color: color-mix(in srgb, var(--cal-fg) 64%, transparent);
+font-size: 14px;
+letter-spacing: 0.4px;
+}
+:is(html,#callimacus#callimacus) .cal-thread__trimmed[hidden] {
+display: none;
+}
+:is(html,#callimacus#callimacus) .cal-chapter {
+display: grid;
+grid-template-rows: auto 1fr;
+scroll-margin-top: calc(var(--cal-header-height, 0px) + 16px);
+transition: grid-template-rows var(--cal-collapse) var(--cal-ease);
+}
+:is(html,#callimacus#callimacus) .cal-chapter + .cal-chapter {
+border-top: 1px solid var(--cal-hairline);
+}
+:is(html,#callimacus#callimacus) .cal-chapter[data-collapsed] {
+grid-template-rows: auto 0fr;
+}
+:is(html,#callimacus#callimacus) .cal-chapter__heading {
+margin: 0;
+font: inherit;
+}
+:is(html,#callimacus#callimacus) .cal-chapter__toggle {
+display: flex;
+align-items: center;
+gap: 12px;
+width: 100%;
+min-height: 44px;
+margin: 0;
+padding: 24px 0 16px;
+border: 0;
+background: none;
+color: var(--cal-fg);
+font: inherit;
+text-align: left;
+cursor: pointer;
+}
+:is(html,#callimacus#callimacus) .cal-chapter__question {
+flex: 1;
+min-width: 0;
+font-family: var(--cal-font-heading);
+font-style: var(--cal-font-heading-style);
+font-weight: var(--cal-font-heading-weight);
+font-size: calc(var(--cal-heading-scale) * 22px);
+letter-spacing: 0.2px;
+line-height: 1.25;
+overflow-wrap: anywhere;
+text-wrap: balance;
+transition: font-size var(--cal-collapse) var(--cal-ease);
+}
+:is(html,#callimacus#callimacus) .cal-chapter__about {
+flex: none;
+max-width: 40%;
+overflow: hidden;
+padding: 3px 10px;
+border: 1px solid var(--cal-hairline);
+border-radius: 990px;
+color: color-mix(in srgb, var(--cal-fg) 70%, transparent);
+font-size: 12px;
+letter-spacing: 0.4px;
+white-space: nowrap;
+text-overflow: ellipsis;
+}
+:is(html,#callimacus#callimacus) .cal-chapter__thumbs {
+display: none;
+flex: none;
+gap: 4px;
+}
+:is(html,#callimacus#callimacus) .cal-chapter__thumb {
+display: block;
+width: 32px;
+height: 40px;
+border-radius: var(--cal-radius-media, 4px);
+background: var(--cal-bone);
+object-fit: cover;
+}
+:is(html,#callimacus#callimacus) .cal-chapter__chevron {
+flex: none;
+width: 16px;
+height: 16px;
+transform: rotate(180deg);
+transition: transform var(--cal-collapse) var(--cal-ease);
+}
+:is(html,#callimacus#callimacus) .cal-chapter[data-collapsed] .cal-chapter__toggle {
+padding: 14px 0;
+}
+:is(html,#callimacus#callimacus) .cal-chapter[data-collapsed] .cal-chapter__question {
+font-size: calc(var(--cal-heading-scale) * 16px);
+}
+:is(html,#callimacus#callimacus) .cal-chapter[data-collapsed] .cal-chapter__thumbs {
+display: flex;
+}
+:is(html,#callimacus#callimacus) .cal-chapter[data-collapsed] .cal-chapter__chevron {
+transform: none;
+}
+:is(html,#callimacus#callimacus) .cal-chapter__toggle:hover .cal-chapter__question {
+text-decoration: underline;
+text-decoration-thickness: 1px;
+text-underline-offset: 4px;
+}
+:is(html,#callimacus#callimacus) .cal-chapter__body {
+display: flex;
+flex-direction: column;
+min-height: 0;
+}
+:is(html,#callimacus#callimacus) .cal-chapter[data-collapsed] > .cal-chapter__body,
+:is(html,#callimacus#callimacus) .cal-chapter[data-animating] > .cal-chapter__body {
+overflow: hidden;
+}
+@media screen and (width >= 750px) {
+:is(html,#callimacus#callimacus) .cal-chapter__question {
+font-size: calc(var(--cal-heading-scale) * 28px);
+}
+:is(html,#callimacus#callimacus) .cal-chapter__thumb {
+width: 40px;
+height: 50px;
+}
+}
+:is(html,#callimacus#callimacus) .cal-chapter__note {
+display: flex;
+flex-wrap: wrap;
+align-items: baseline;
+gap: 4px 12px;
+padding-block: 16px 32px;
+color: color-mix(in srgb, var(--cal-fg) 75%, transparent);
+font-size: 14px;
+}
+:is(html,#callimacus#callimacus) .cal-chapter__note p {
+margin: 0;
+}
+:is(html,#callimacus#callimacus) .cal-chapter__retry {
+padding: 0;
+border: 0;
+background: none;
+color: var(--cal-fg);
+font: inherit;
+text-decoration: underline;
+text-underline-offset: 3px;
+cursor: pointer;
+}
+:is(html,#callimacus#callimacus) .cal-slot {
+min-width: 0;
+}
+:is(html,#callimacus#callimacus) .cal-slot:empty {
+display: none;
+}
+:is(html,#callimacus#callimacus) .cal-block {
+min-width: 0;
+}
+:is(html,#callimacus#callimacus) .cal-block[data-arriving] {
+animation: cal-arrive var(--cal-arrive) var(--cal-ease) backwards;
+animation-delay: var(--cal-stagger, 0ms);
+}
+:is(html,#callimacus#callimacus) .cal-fallback-note__body > p {
+margin: 0 0 10px;
+color: color-mix(in srgb, var(--cal-fg) 75%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-fallback-note__body > p:last-child {
+margin-bottom: 0;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton {
+display: grid;
+grid-template-rows: 1fr;
+transition:
+grid-template-rows var(--cal-collapse) var(--cal-ease),
+opacity 200ms ease;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton[data-leaving] {
+grid-template-rows: 0fr;
+opacity: 0;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__inner {
+min-height: 0;
+overflow: hidden;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__content {
+padding-block: calc(var(--cal-gap, 48px) / 2);
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone {
+position: relative;
+overflow: hidden;
+border-radius: var(--cal-radius-media, 4px);
+background: var(--cal-bone);
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone:empty {
+display: block;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone::after {
+content: '';
+position: absolute;
+inset: 0;
+background: linear-gradient(90deg, transparent, var(--cal-shine), transparent);
+transform: translateX(-100%);
+animation: cal-shimmer 1.4s ease-in-out infinite;
+}
+:is(html,#callimacus#callimacus) .cal-chapter[data-chapter-index='0'] .cal-skeleton[data-skeleton='hero'] .cal-skeleton__content {
+padding-block: 0 calc(var(--cal-gap, 48px) / 2);
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--hero {
+aspect-ratio: 4 / 5;
+border-radius: 0;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__content--row {
+display: flex;
+align-items: center;
+gap: 24px;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--lead {
+flex: none;
+width: clamp(96px, 60px + 6vw, 160px);
+aspect-ratio: 4 / 5;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton[data-skeleton='hero'] .cal-skeleton__lines {
+flex: 1;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__lines {
+display: grid;
+gap: 12px;
+min-width: 0;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--line {
+width: min(92%, 720px);
+height: 14px;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--line:nth-child(2) {
+width: min(84%, 660px);
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--line:nth-child(3) {
+width: min(56%, 440px);
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--topic {
+height: 240px;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__card {
+display: grid;
+gap: 10px;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--media {
+aspect-ratio: 4 / 5;
+border-radius: var(--cal-radius-card, 4px);
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--title {
+width: 72%;
+height: 14px;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--price {
+width: 36%;
+height: 12px;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__chips {
+display: flex;
+flex-wrap: wrap;
+gap: 8px;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--chip {
+width: 160px;
+max-width: 100%;
+height: 40px;
+border-radius: 990px;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--chip:nth-child(2) {
+width: 210px;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--chip:nth-child(3) {
+width: 130px;
+}
+@media screen and (width >= 750px) {
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--hero {
+aspect-ratio: 16 / 10;
+}
+}
+@media screen and (width >= 1200px) {
+:is(html,#callimacus#callimacus) .cal-skeleton__bone--hero {
+aspect-ratio: 21 / 9;
+}
+}
+:is(html,#callimacus#callimacus) .cal-welcome__body {
+display: grid;
+gap: 24px;
+}
+:is(html,#callimacus#callimacus) .cal-welcome__group {
+display: grid;
+gap: 12px;
+}
+:is(html,#callimacus#callimacus) .cal-welcome__title {
+margin: 0;
+color: var(--cal-fg);
+font-family: var(--cal-font-heading);
+font-style: var(--cal-font-heading-style);
+font-weight: var(--cal-font-heading-weight);
+font-size: calc(var(--cal-heading-scale) * 15px);
+letter-spacing: 0.4px;
+line-height: 1.3;
+}
+:is(html,#callimacus#callimacus) .cal-welcome__chips {
+display: flex;
+flex-wrap: wrap;
+gap: 8px;
+}
+@keyframes cal-arrive {
+from {
+opacity: 0;
+transform: translateY(8px);
+}
+to {
+opacity: 1;
+transform: none;
+}
+}
+@keyframes cal-shimmer {
+to {
+transform: translateX(100%);
+}
+}
+@keyframes cal-spin {
+to {
+transform: rotate(1turn);
+}
+}
+@media (prefers-reduced-motion: reduce) {
+:is(html,#callimacus#callimacus) .cal-dock,
+:is(html,#callimacus#callimacus) .cal-chapter,
+:is(html,#callimacus#callimacus) .cal-chapter__chevron,
+:is(html,#callimacus#callimacus) .cal-chapter__question,
+:is(html,#callimacus#callimacus) .cal-skeleton {
+transition: none;
+}
+:is(html,#callimacus#callimacus) .cal-block[data-arriving] {
+animation: none;
+}
+:is(html,#callimacus#callimacus) .cal-skeleton__bone::after {
+display: none;
+}
+:is(html,#callimacus#callimacus):is([data-callimacus-state='connecting'], [data-callimacus-state='asking'], [data-callimacus-state='streaming'])
+.cal-dock__spinner {
+animation: none;
+border-color: color-mix(in srgb, var(--cal-bg) 60%, transparent);
+}
+}
+:is(html,#callimacus#callimacus) .cal-stage,
+:is(html,#callimacus#callimacus) [data-callimacus-stage],
+:is(html,#callimacus#callimacus) [data-callimacus-welcome] {
+--cal-gap: clamp(48px, 30px + 4.5vw, 104px);
+--cal-measure: 68ch;
+--cal-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
+--cal-display: clamp(34px, 22px + 3.6vw, 72px);
+--cal-title: clamp(26px, 20px + 1.5vw, 42px);
+--cal-subtitle: clamp(19px, 17px + 0.5vw, 24px);
+--cal-lede: clamp(18px, 15.5px + 0.7vw, 24px);
+--cal-body: 16px;
+}
+:is(html,#callimacus#callimacus) .cal-eyebrow {
+margin: 0;
+font-family: var(--cal-font-body);
+font-size: 12px;
+font-style: normal;
+font-weight: var(--cal-font-body-weight-bold);
+line-height: 1.4;
+letter-spacing: 0.16em;
+text-transform: uppercase;
+color: color-mix(in srgb, var(--cal-fg) 68%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-display,
+:is(html,#callimacus#callimacus) .cal-title,
+:is(html,#callimacus#callimacus) .cal-subtitle,
+:is(html,#callimacus#callimacus) .cal-step__title,
+:is(html,#callimacus#callimacus) .cal-faq__question,
+:is(html,#callimacus#callimacus) .cal-entry__title,
+:is(html,#callimacus#callimacus) .cal-stage__heading {
+font-family: var(--cal-font-heading);
+font-style: var(--cal-font-heading-style);
+font-weight: var(--cal-font-heading-weight);
+color: var(--cal-fg);
+overflow-wrap: break-word;
+text-wrap: balance;
+}
+:is(html,#callimacus#callimacus) .cal-display {
+margin: 0;
+font-size: var(--cal-display);
+line-height: 1.02;
+letter-spacing: -0.025em;
+}
+:is(html,#callimacus#callimacus) .cal-title {
+margin: 0;
+font-size: var(--cal-title);
+line-height: 1.08;
+letter-spacing: -0.015em;
+}
+:is(html,#callimacus#callimacus) .cal-subtitle {
+margin: 0 0 24px;
+font-size: var(--cal-subtitle);
+line-height: 1.2;
+letter-spacing: -0.005em;
+}
+@media screen and (width <= 749px) {
+:is(html,#callimacus#callimacus) .cal-display,
+:is(html,#callimacus#callimacus) .cal-title {
+hyphens: auto;
+}
+}
+:is(html,#callimacus#callimacus) .cal-icon {
+display: inline-block;
+flex: none;
+width: 14px;
+height: auto;
+}
+:is(html,#callimacus#callimacus) .cal-link {
+display: inline-flex;
+align-items: center;
+gap: 8px;
+font-size: 15px;
+}
+:is(html,#callimacus#callimacus) .cal-media {
+position: relative;
+display: block;
+overflow: hidden;
+background-color: color-mix(in srgb, var(--cal-fg) 6%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-media > img {
+position: absolute;
+inset: 0;
+width: 100%;
+height: 100%;
+object-fit: cover;
+}
+:is(html,#callimacus#callimacus) .cal-section {
+padding-block: calc(var(--cal-gap) / 2);
+}
+:is(html,#callimacus#callimacus) .cal-section__inner > :first-child {
+margin-top: 0;
+}
+:is(html,#callimacus#callimacus) .cal-head {
+display: flex;
+flex-wrap: wrap;
+align-items: baseline;
+justify-content: space-between;
+gap: 8px 24px;
+margin: 0 0 clamp(24px, 16px + 1.6vw, 40px);
+padding-top: 16px;
+border-top: 1px solid color-mix(in srgb, var(--cal-fg) 85%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-head__meta {
+margin: 0;
+font-size: 13px;
+letter-spacing: 0.6px;
+font-variant-numeric: tabular-nums;
+color: color-mix(in srgb, var(--cal-fg) 60%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-prose {
+max-width: var(--cal-measure);
+font-size: var(--cal-body);
+line-height: 1.7;
+color: color-mix(in srgb, var(--cal-fg) 86%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-prose > :is(p, ul, ol, h3) {
+margin: 0;
+}
+:is(html,#callimacus#callimacus) .cal-prose > :is(p, ul, ol, h3) + :is(p, ul, ol) {
+margin-top: 1.1em;
+}
+:is(html,#callimacus#callimacus) .cal-prose > :is(p, ul, ol, h3) + h3 {
+margin-top: 1.6em;
+}
+:is(html,#callimacus#callimacus) .cal-prose h3 {
+font-size: var(--cal-subtitle);
+line-height: 1.25;
+}
+:is(html,#callimacus#callimacus) .cal-prose strong {
+font-weight: var(--cal-font-body-weight-bold);
+color: var(--cal-fg);
+}
+:is(html,#callimacus#callimacus) .cal-prose ul,
+:is(html,#callimacus#callimacus) .cal-prose ol {
+display: grid;
+gap: 0.6em;
+padding: 0;
+list-style: none;
+}
+:is(html,#callimacus#callimacus) .cal-prose li {
+position: relative;
+padding-left: 1.8em;
+}
+:is(html,#callimacus#callimacus) .cal-prose ul > li::before {
+content: '';
+position: absolute;
+left: 0.15em;
+top: 0.85em;
+width: 0.8em;
+height: 1px;
+background: currentcolor;
+}
+:is(html,#callimacus#callimacus) .cal-prose ol {
+counter-reset: cal-item;
+}
+:is(html,#callimacus#callimacus) .cal-prose ol > li {
+counter-increment: cal-item;
+}
+:is(html,#callimacus#callimacus) .cal-prose ol > li::before {
+content: counter(cal-item, decimal-leading-zero);
+position: absolute;
+left: 0;
+top: 0;
+font-size: 0.8em;
+line-height: 2.1;
+font-variant-numeric: tabular-nums;
+color: color-mix(in srgb, var(--cal-fg) 56%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-caret {
+display: inline-block;
+width: 0.12em;
+height: 1.05em;
+margin-left: 0.12em;
+vertical-align: -0.15em;
+border-radius: 1px;
+background: currentcolor;
+opacity: 0.55;
+}
+:is(html,#callimacus#callimacus) .cal-chapter:not([data-state='streaming']) .cal-caret {
+display: none;
+}
+:is(html,#callimacus#callimacus) .cal-prose--answer > p:first-child {
+font-size: var(--cal-lede);
+line-height: 1.45;
+letter-spacing: -0.005em;
+color: var(--cal-fg);
+}
+:is(html,#callimacus#callimacus) .cal-hero--lead {
+padding-top: 0;
+}
+:is(html,#callimacus#callimacus) .cal-hero__banner {
+position: relative;
+display: grid;
+}
+:is(html,#callimacus#callimacus) .cal-hero__banner--image {
+aspect-ratio: 4 / 5;
+}
+:is(html,#callimacus#callimacus) .cal-hero__media {
+position: absolute;
+inset: 0;
+}
+:is(html,#callimacus#callimacus) .cal-hero__media::after {
+content: '';
+position: absolute;
+inset: 0;
+z-index: 1;
+background: linear-gradient(to top, rgb(0 0 0 / 68%), rgb(0 0 0 / 42%) 45%, rgb(0 0 0 / 14%) 78%, rgb(0 0 0 / 0%));
+}
+:is(html,#callimacus#callimacus) .cal-hero__content {
+position: relative;
+z-index: 2;
+display: flex;
+align-items: flex-end;
+justify-content: flex-start;
+width: 100%;
+padding-block: clamp(24px, 16px + 3vw, 64px);
+}
+:is(html,#callimacus#callimacus) .cal-hero__banner--text .cal-hero__content {
+padding-block: clamp(48px, 30px + 6vw, 120px) clamp(24px, 16px + 3vw, 64px);
+}
+:is(html,#callimacus#callimacus) .cal-hero__box {
+position: relative;
+width: 100%;
+min-width: 0;
+max-width: 760px;
+text-align: left;
+overflow-wrap: break-word;
+}
+:is(html,#callimacus#callimacus) .cal-hero__banner--image .cal-hero__box {
+--cal-fg: #fff;
+color: var(--cal-fg);
+}
+:is(html,#callimacus#callimacus) .cal-hero--lead .cal-hero__box > * {
+margin: 0;
+}
+:is(html,#callimacus#callimacus) .cal-hero--lead .cal-hero__box > * + * {
+margin-top: 16px;
+}
+:is(html,#callimacus#callimacus) .cal-hero--lead .cal-hero__box > * + .cal-hero__buttons {
+margin-top: 28px;
+}
+:is(html,#callimacus#callimacus) .cal-hero__banner--image .cal-eyebrow {
+text-shadow: 0 1px 12px rgb(0 0 0 / 35%);
+}
+:is(html,#callimacus#callimacus) .cal-hero__box .cal-eyebrow {
+color: color-mix(in srgb, var(--cal-fg) 86%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-hero__dek {
+max-width: 46ch;
+font-size: var(--cal-lede);
+line-height: 1.4;
+color: color-mix(in srgb, var(--cal-fg) 90%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-hero__buttons {
+display: inline-flex;
+flex-wrap: wrap;
+gap: 10px;
+max-width: 100%;
+}
+:is(html,#callimacus#callimacus) .cal-hero__cta {
+gap: 12px;
+max-width: 100%;
+padding-block: 12px;
+text-align: left;
+}
+:is(html,#callimacus#callimacus) .cal-hero__cta .cal-icon--arrow {
+width: 15px;
+}
+@media screen and (width >= 750px) {
+:is(html,#callimacus#callimacus) .cal-hero__banner--image {
+aspect-ratio: 16 / 10;
+}
+:is(html,#callimacus#callimacus) .cal-hero__banner--image .cal-hero__box {
+max-width: 680px;
+}
+}
+@media screen and (width >= 1200px) {
+:is(html,#callimacus#callimacus) .cal-hero__banner--image {
+aspect-ratio: 21 / 9;
+}
+}
+:is(html,#callimacus#callimacus) .cal-hero__row {
+display: flex;
+align-items: flex-end;
+gap: clamp(16px, 10px + 2vw, 40px);
+}
+:is(html,#callimacus#callimacus) .cal-hero__thumb {
+flex: none;
+width: clamp(96px, 60px + 6vw, 160px);
+aspect-ratio: 4 / 5;
+border-radius: var(--cal-radius-media);
+}
+:is(html,#callimacus#callimacus) .cal-hero__text {
+display: grid;
+flex: 1;
+justify-items: start;
+gap: 12px;
+min-width: 0;
+}
+:is(html,#callimacus#callimacus) .cal-hero--compact .cal-hero__dek {
+margin: 0;
+max-width: 60ch;
+font-size: 17px;
+line-height: 1.5;
+color: color-mix(in srgb, var(--cal-fg) 76%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-card {
+height: 100%;
+}
+:is(html,#callimacus#callimacus) .cal-card--pending .cal-card__quick-add,
+:is(html,#callimacus#callimacus) .cal-card__skeleton .cal-card__quick-add {
+visibility: hidden;
+}
+:is(html,#callimacus#callimacus) .cal-card__line {
+display: block;
+width: 70%;
+height: 1em;
+border-radius: 2px;
+background: color-mix(in srgb, var(--cal-fg) 8%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-steps {
+display: grid;
+grid-template-columns: minmax(0, 1fr);
+gap: 32px;
+margin: 0;
+padding: 0;
+list-style: none;
+}
+:is(html,#callimacus#callimacus) .cal-step {
+display: flex;
+}
+:is(html,#callimacus#callimacus) .cal-step__card {
+display: flex;
+gap: 16px;
+width: 100%;
+padding-top: 20px;
+border-top: 1px solid color-mix(in srgb, var(--cal-fg) 85%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-step__index {
+flex: none;
+width: 56px;
+font-family: var(--cal-font-heading);
+font-weight: var(--cal-font-heading-weight);
+font-size: clamp(32px, 26px + 1.8vw, 56px);
+line-height: 0.9;
+letter-spacing: -0.04em;
+font-variant-numeric: tabular-nums;
+color: var(--cal-fg);
+}
+:is(html,#callimacus#callimacus) .cal-step__info {
+display: flex;
+flex: 1;
+flex-direction: column;
+align-items: flex-start;
+gap: 12px;
+min-width: 0;
+padding: 0;
+}
+:is(html,#callimacus#callimacus) .cal-step__info > * {
+margin: 0;
+}
+:is(html,#callimacus#callimacus) .cal-step__info > :nth-child(2) {
+margin-top: 10px;
+}
+:is(html,#callimacus#callimacus) .cal-step__title {
+font-size: clamp(18px, 16px + 0.4vw, 22px);
+line-height: 1.25;
+letter-spacing: -0.005em;
+}
+:is(html,#callimacus#callimacus) .cal-step__body {
+font-size: 15px;
+line-height: 1.6;
+color: color-mix(in srgb, var(--cal-fg) 76%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-step__info > .cal-step__shop {
+margin-top: auto;
+}
+@media screen and (width >= 750px) {
+:is(html,#callimacus#callimacus) .cal-steps {
+grid-template-columns: repeat(2, minmax(0, 1fr));
+gap: 48px 24px;
+}
+:is(html,#callimacus#callimacus) .cal-step__card {
+flex-direction: column;
+gap: 24px;
+}
+:is(html,#callimacus#callimacus) .cal-step__index {
+width: auto;
+}
+}
+@media screen and (width >= 990px) {
+:is(html,#callimacus#callimacus) .cal-steps--3 {
+grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+:is(html,#callimacus#callimacus) .cal-steps--4 {
+grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+}
+:is(html,#callimacus#callimacus) .cal-chips {
+display: flex;
+flex-wrap: wrap;
+gap: 10px;
+margin: 0;
+padding: 0;
+list-style: none;
+}
+:is(html,#callimacus#callimacus) .cal-chips > li {
+max-width: 100%;
+}
+:is(html,#callimacus#callimacus) button.cal-chip {
+justify-content: space-between;
+gap: 10px;
+min-width: 0;
+max-width: 100%;
+min-height: 44px;
+padding: 10px 18px;
+font-size: 14px;
+letter-spacing: 0.4px;
+line-height: 1.3;
+text-align: left;
+}
+:is(html,#callimacus#callimacus) button.cal-chip--compact {
+min-height: 40px;
+padding: 8px 14px;
+font-size: 13px;
+}
+:is(html,#callimacus#callimacus) .cal-chip .cal-icon--arrow {
+width: 13px;
+}
+:is(html,#callimacus#callimacus) .cal-next .cal-section__inner,
+:is(html,#callimacus#callimacus) .cal-redirect .cal-section__inner {
+display: grid;
+justify-items: start;
+gap: 16px;
+}
+:is(html,#callimacus#callimacus) .cal-next__title {
+margin: 0;
+}
+:is(html,#callimacus#callimacus) .cal-redirect .cal-section__inner {
+gap: 24px;
+}
+:is(html,#callimacus#callimacus) .cal-redirect__text {
+max-width: 40ch;
+margin: 0;
+font-size: var(--cal-lede);
+line-height: 1.4;
+color: var(--cal-fg);
+text-wrap: balance;
+}
+:is(html,#callimacus#callimacus) .cal-material__feature {
+display: grid;
+grid-template-columns: minmax(0, 1fr);
+align-items: center;
+}
+:is(html,#callimacus#callimacus) .cal-material__media {
+max-height: min(84vh, 760px);
+aspect-ratio: 4 / 5;
+border-radius: var(--cal-radius-media);
+}
+:is(html,#callimacus#callimacus) .cal-material__content {
+display: flex;
+flex-direction: column;
+align-items: flex-start;
+padding: 32px 0 0;
+}
+:is(html,#callimacus#callimacus) .cal-material__feature--text .cal-material__content {
+padding-top: 0;
+}
+:is(html,#callimacus#callimacus) .cal-material__content > * {
+margin: 0;
+}
+:is(html,#callimacus#callimacus) .cal-material__content > * + * {
+margin-top: 20px;
+}
+:is(html,#callimacus#callimacus) .cal-material__content > .cal-eyebrow + .cal-material__heading {
+margin-top: 12px;
+}
+:is(html,#callimacus#callimacus) .cal-facts {
+display: grid;
+width: 100%;
+max-width: 56ch;
+margin: 0;
+padding: 0;
+list-style: none;
+}
+:is(html,#callimacus#callimacus) .cal-material__content > .cal-facts {
+margin-top: 32px;
+}
+:is(html,#callimacus#callimacus) .cal-facts__item {
+padding-block: 14px;
+border-top: 1px solid color-mix(in srgb, var(--cal-fg) 14%, transparent);
+font-size: 15px;
+line-height: 1.5;
+}
+:is(html,#callimacus#callimacus) .cal-facts__item:last-child {
+border-bottom: 1px solid color-mix(in srgb, var(--cal-fg) 14%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-material__products {
+margin-top: clamp(40px, 30px + 3vw, 72px);
+}
+@media screen and (width >= 750px) {
+:is(html,#callimacus#callimacus) .cal-material__feature:not(.cal-material__feature--text) {
+grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+:is(html,#callimacus#callimacus) .cal-material__content {
+padding: 0 0 0 clamp(32px, 10px + 4vw, 96px);
+}
+:is(html,#callimacus#callimacus) .cal-material__feature--text .cal-material__content {
+padding-left: 0;
+}
+}
+:is(html,#callimacus#callimacus) .cal-faq__layout {
+display: grid;
+gap: 24px;
+padding-top: 16px;
+border-top: 1px solid color-mix(in srgb, var(--cal-fg) 85%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-faq__header {
+display: grid;
+align-content: start;
+gap: 12px;
+}
+:is(html,#callimacus#callimacus) .cal-faq__item {
+border-bottom: 1px solid color-mix(in srgb, var(--cal-fg) 14%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-faq__summary {
+position: relative;
+display: flex;
+align-items: center;
+padding: 18px 44px 18px 0;
+list-style: none;
+cursor: pointer;
+}
+:is(html,#callimacus#callimacus) .cal-faq__summary::-webkit-details-marker {
+display: none;
+}
+:is(html,#callimacus#callimacus) .cal-faq__question {
+margin: 0;
+font-size: clamp(16px, 15px + 0.3vw, 19px);
+line-height: 1.35;
+}
+:is(html,#callimacus#callimacus) .cal-faq__summary .cal-icon--caret {
+position: absolute;
+top: 50%;
+right: 4px;
+width: 12px;
+translate: 0 -50%;
+}
+:is(html,#callimacus#callimacus) .cal-faq details[open] > .cal-faq__summary .cal-icon--caret {
+rotate: 180deg;
+}
+:is(html,#callimacus#callimacus) .cal-faq__answer {
+margin: 0;
+padding: 0 44px 24px 0;
+}
+:is(html,#callimacus#callimacus) .cal-faq__answer .cal-prose {
+font-size: 15px;
+color: color-mix(in srgb, var(--cal-fg) 76%, transparent);
+}
+@media screen and (width >= 990px) {
+:is(html,#callimacus#callimacus) .cal-faq__layout {
+grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
+gap: 64px;
+}
+}
+:is(html,#callimacus#callimacus) .cal-compare__layout {
+display: grid;
+grid-template-columns: repeat(2, minmax(0, 1fr));
+gap: 24px var(--cal-grid-gap-mobile);
+padding-top: 16px;
+border-top: 1px solid color-mix(in srgb, var(--cal-fg) 85%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-compare__intro {
+display: grid;
+grid-column: 1 / -1;
+align-content: start;
+gap: 12px;
+}
+:is(html,#callimacus#callimacus) .cal-compare__summary {
+font-size: 16px;
+}
+:is(html,#callimacus#callimacus) .cal-compare__card--first {
+grid-column: 1;
+}
+:is(html,#callimacus#callimacus) .cal-compare__card--second {
+grid-column: 2;
+}
+:is(html,#callimacus#callimacus) .cal-compare__table,
+:is(html,#callimacus#callimacus) .cal-compare__row {
+display: grid;
+grid-column: 1 / -1;
+grid-template-columns: subgrid;
+}
+:is(html,#callimacus#callimacus) .cal-compare__row {
+row-gap: 6px;
+padding-block: 14px;
+border-top: 1px solid color-mix(in srgb, var(--cal-fg) 14%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-compare__row:last-child {
+border-bottom: 1px solid color-mix(in srgb, var(--cal-fg) 14%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-compare__aspect {
+grid-column: 1 / -1;
+font-size: 12px;
+font-weight: var(--cal-font-body-weight-bold);
+line-height: 1.4;
+letter-spacing: 0.14em;
+text-transform: uppercase;
+color: color-mix(in srgb, var(--cal-fg) 64%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-compare__value {
+font-size: 15px;
+line-height: 1.5;
+overflow-wrap: break-word;
+}
+:is(html,#callimacus#callimacus) .cal-compare:not(.cal-compare--text) .cal-compare__row--head {
+position: absolute;
+width: 1px;
+height: 1px;
+overflow: hidden;
+clip-path: inset(50%);
+white-space: nowrap;
+}
+:is(html,#callimacus#callimacus) .cal-compare__row--head .cal-compare__value {
+font-weight: var(--cal-font-body-weight-bold);
+}
+@media screen and (width >= 750px) {
+:is(html,#callimacus#callimacus) .cal-compare__layout {
+column-gap: var(--cal-grid-gap-desktop);
+}
+}
+@media screen and (width >= 990px) {
+:is(html,#callimacus#callimacus) .cal-compare__layout {
+grid-template-columns: repeat(3, minmax(0, 1fr));
+column-gap: clamp(24px, 10px + 2vw, 48px);
+max-width: 1200px;
+}
+:is(html,#callimacus#callimacus) .cal-compare__intro {
+grid-column: 1;
+grid-row: 1;
+padding-right: 16px;
+}
+:is(html,#callimacus#callimacus) .cal-compare__card--first {
+grid-column: 2;
+grid-row: 1;
+}
+:is(html,#callimacus#callimacus) .cal-compare__card--second {
+grid-column: 3;
+grid-row: 1;
+}
+:is(html,#callimacus#callimacus) .cal-compare__aspect {
+grid-column: 1;
+}
+}
+:is(html,#callimacus#callimacus) .cal-set__collage {
+display: grid;
+grid-auto-flow: row;
+grid-template-columns: repeat(2, minmax(0, 1fr));
+gap: 32px var(--cal-grid-gap-mobile);
+}
+:is(html,#callimacus#callimacus) .cal-set__collage--1 {
+max-width: 480px;
+}
+:is(html,#callimacus#callimacus) .cal-set__item > * {
+width: 100%;
+}
+:is(html,#callimacus#callimacus) .cal-set__collage--1 .cal-set__item--lead,
+:is(html,#callimacus#callimacus) .cal-set__collage--3 .cal-set__item--lead {
+grid-column: 1 / -1;
+}
+:is(html,#callimacus#callimacus) .cal-set__piece {
+display: grid;
+grid-template-rows: 1fr;
+grid-auto-rows: auto;
+gap: 12px;
+height: 100%;
+margin: 0;
+}
+:is(html,#callimacus#callimacus) .cal-set__why {
+max-width: 44ch;
+margin: 0;
+padding-left: 12px;
+border-left: 2px solid color-mix(in srgb, var(--cal-fg) 85%, transparent);
+font-size: 14px;
+line-height: 1.5;
+color: color-mix(in srgb, var(--cal-fg) 76%, transparent);
+}
+@media screen and (width >= 750px) {
+:is(html,#callimacus#callimacus) .cal-set__collage {
+column-gap: var(--cal-grid-gap-desktop);
+}
+:is(html,#callimacus#callimacus) .cal-set__collage--2 {
+max-width: 960px;
+}
+}
+@media screen and (width >= 990px) {
+:is(html,#callimacus#callimacus) .cal-set__collage--3 {
+grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
+grid-template-rows: auto auto;
+gap: 32px clamp(24px, 10px + 2vw, 48px);
+}
+:is(html,#callimacus#callimacus) .cal-set__collage--3 .cal-set__item--lead {
+grid-column: 1;
+grid-row: 1 / span 2;
+}
+}
+:is(html,#callimacus#callimacus) .cal-entries {
+display: grid;
+grid-template-columns: repeat(2, minmax(0, 1fr));
+gap: clamp(24px, 16px + 1.6vw, 40px) var(--cal-grid-gap-mobile);
+margin: 0;
+padding: 0;
+list-style: none;
+}
+:is(html,#callimacus#callimacus) .cal-entries--3 {
+grid-template-columns: minmax(0, 1fr);
+}
+:is(html,#callimacus#callimacus) .cal-entries__item {
+min-width: 0;
+}
+:is(html,#callimacus#callimacus) .cal-entry {
+position: relative;
+display: flex;
+flex-direction: column;
+gap: 14px;
+height: 100%;
+}
+:is(html,#callimacus#callimacus) .cal-entry__media {
+aspect-ratio: 4 / 5;
+border-radius: var(--cal-radius-media);
+}
+:is(html,#callimacus#callimacus) .cal-entry--article .cal-entry__media {
+aspect-ratio: 3 / 2;
+}
+:is(html,#callimacus#callimacus) .cal-entry__body {
+display: grid;
+align-content: start;
+gap: 6px;
+}
+:is(html,#callimacus#callimacus) .cal-entry__body > * {
+margin: 0;
+}
+:is(html,#callimacus#callimacus) .cal-entry__meta {
+font-size: 13px;
+letter-spacing: 0.6px;
+font-variant-numeric: tabular-nums;
+color: color-mix(in srgb, var(--cal-fg) 60%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-entry__title {
+font-size: clamp(17px, 15px + 0.4vw, 20px);
+line-height: 1.3;
+letter-spacing: -0.005em;
+}
+:is(html,#callimacus#callimacus) .cal-entry__link {
+color: inherit;
+text-decoration: none;
+}
+:is(html,#callimacus#callimacus) .cal-entry__link::after {
+content: '';
+position: absolute;
+inset: 0;
+z-index: 1;
+border-radius: var(--cal-radius-card);
+}
+:is(html,#callimacus#callimacus) .cal-entry:hover .cal-entry__link {
+text-decoration: underline;
+text-underline-offset: 3px;
+}
+:is(html,#callimacus#callimacus) .cal-entry__link:focus-visible {
+outline: none;
+}
+:is(html,#callimacus#callimacus) .cal-entry__link:focus-visible::after {
+outline: 2px solid var(--cal-fg);
+outline-offset: 4px;
+}
+:is(html,#callimacus#callimacus) .cal-entry__text {
+display: -webkit-box;
+overflow: hidden;
+-webkit-box-orient: vertical;
+-webkit-line-clamp: 3;
+font-size: 15px;
+line-height: 1.55;
+color: color-mix(in srgb, var(--cal-fg) 76%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-entry--text {
+padding: clamp(20px, 16px + 1vw, 28px);
+border: 1px solid var(--cal-hairline);
+border-radius: var(--cal-radius-card);
+background: color-mix(in srgb, var(--cal-fg) 3%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-entry--text .cal-entry__title {
+font-size: clamp(19px, 17px + 0.5vw, 24px);
+line-height: 1.2;
+}
+@media screen and (width >= 750px) {
+:is(html,#callimacus#callimacus) .cal-entries {
+grid-template-columns: repeat(3, minmax(0, 1fr));
+column-gap: var(--cal-grid-gap-desktop);
+}
+}
+@media screen and (width >= 990px) {
+:is(html,#callimacus#callimacus) .cal-entries--4 {
+grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+}
+:is(html,#callimacus#callimacus) .cal-pages__list {
+display: grid;
+gap: clamp(32px, 24px + 2vw, 48px);
+}
+:is(html,#callimacus#callimacus) .cal-page {
+display: grid;
+justify-items: start;
+gap: 12px;
+max-width: var(--cal-measure);
+padding-top: 16px;
+border-top: 1px solid color-mix(in srgb, var(--cal-fg) 85%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-page > * {
+margin: 0;
+}
+:is(html,#callimacus#callimacus) .cal-page .cal-page__text {
+font-size: 16px;
+color: color-mix(in srgb, var(--cal-fg) 82%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-page > .cal-page__link {
+margin-top: 4px;
+}
+:is(html,#callimacus#callimacus) .cal-prose--note {
+padding-left: 16px;
+border-left: 2px solid color-mix(in srgb, var(--cal-fg) 20%, transparent);
+font-size: 15px;
+color: color-mix(in srgb, var(--cal-fg) 72%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-note .cal-grid,
+:is(html,#callimacus#callimacus) .cal-note .cal-entries {
+margin-top: 32px;
+}
+:is(html,#callimacus#callimacus) .cal-welcome:not([hidden]) {
+display: block;
+padding-block: calc(var(--cal-gap) / 2);
+}
+:is(html,#callimacus#callimacus) .cal-stage__intro {
+padding-block: clamp(40px, 30px + 3vw, 80px) clamp(16px, 10px + 1.6vw, 32px);
+}
+:is(html,#callimacus#callimacus) .cal-stage__heading {
+margin: 0;
+font-size: clamp(32px, 24px + 2.4vw, 56px);
+line-height: 1.04;
+letter-spacing: -0.02em;
+}
+:is(html,#callimacus#callimacus) .cal-stage__lede {
+max-width: 52ch;
+margin: 12px 0 0;
+font-size: var(--cal-lede);
+line-height: 1.45;
+color: color-mix(in srgb, var(--cal-fg) 72%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-entrance__form {
+display: flex;
+gap: 8px;
+max-width: 640px;
+margin-top: 24px;
+}
+:is(html,#callimacus#callimacus) .cal-entrance__input {
+flex: 1;
+min-width: 0;
+min-height: 44px;
+margin: 0;
+padding: 0 16px;
+border: 1px solid color-mix(in srgb, var(--cal-fg) 24%, transparent);
+border-radius: var(--cal-radius-button);
+background: transparent;
+color: var(--cal-fg);
+font: inherit;
+font-size: 16px;
+}
+:is(html,#callimacus#callimacus) .cal-entrance__input:disabled {
+opacity: 0.55;
+}
+:is(html,#callimacus#callimacus) .cal-entrance__starters {
+display: flex;
+flex-wrap: wrap;
+gap: 8px;
+margin-top: 16px;
+}
+:is(html,#callimacus#callimacus) .cal-stage__editor-note {
+margin: 24px 0;
+padding: 40px 20px;
+border: 1px dashed color-mix(in srgb, var(--cal-fg) 24%, transparent);
+border-radius: var(--cal-radius-media);
+font-size: 14px;
+text-align: center;
+color: color-mix(in srgb, var(--cal-fg) 64%, transparent);
+}
+@media (prefers-reduced-motion: no-preference) {
+:is(html,#callimacus#callimacus) .cal-reveal {
+opacity: 0;
+transition: opacity 0.6s var(--cal-ease);
+}
+:is(html,#callimacus#callimacus) .cal-reveal.is-ready {
+opacity: 1;
+}
+:is(html,#callimacus#callimacus) .cal-hero--lead .cal-reveal {
+transform: scale(1.04);
+transition: opacity 0.8s var(--cal-ease), transform 1.6s var(--cal-ease);
+}
+:is(html,#callimacus#callimacus) .cal-hero--lead .cal-reveal.is-ready {
+transform: none;
+}
+:is(html,#callimacus#callimacus) .cal-caret {
+animation: cal-caret 1.1s ease-in-out infinite;
+}
+:is(html,#callimacus#callimacus) .cal-card__line {
+animation: cal-pulse 1.6s ease-in-out infinite;
+}
+:is(html,#callimacus#callimacus) .cal-chip .cal-icon--arrow,
+:is(html,#callimacus#callimacus) .cal-link .cal-icon--arrow,
+:is(html,#callimacus#callimacus) .cal-hero__cta .cal-icon--arrow {
+transition: transform 0.2s var(--cal-ease);
+}
+:is(html,#callimacus#callimacus) .cal-chip:hover .cal-icon--arrow,
+:is(html,#callimacus#callimacus) .cal-link:hover .cal-icon--arrow,
+:is(html,#callimacus#callimacus) .cal-hero__cta:hover .cal-icon--arrow {
+transform: translateX(3px);
+}
+:is(html,#callimacus#callimacus) .cal-bar {
+transition: border-color 0.2s var(--cal-ease), box-shadow 0.2s var(--cal-ease);
+}
+:is(html,#callimacus#callimacus) .cal-faq__summary .cal-icon--caret {
+transition: rotate 0.3s var(--cal-ease);
+}
+@supports (interpolate-size: allow-keywords) and selector(::details-content) {
+:is(html,#callimacus#callimacus) .cal-faq details {
+interpolate-size: allow-keywords;
+}
+:is(html,#callimacus#callimacus) .cal-faq details::details-content {
+height: 0;
+overflow: clip;
+transition: height 0.3s var(--cal-ease), content-visibility 0.3s allow-discrete;
+}
+:is(html,#callimacus#callimacus) .cal-faq details[open]::details-content {
+height: auto;
+}
+}
+}
+@keyframes cal-caret {
+0%,
+100% {
+opacity: 0.65;
+}
+50% {
+opacity: 0.1;
+}
+}
+@keyframes cal-pulse {
+0%,
+100% {
+opacity: 1;
+}
+50% {
+opacity: 0.55;
+}
+}
+:where(:root) {
+--cal-button-bg: var(--cal-fg);
+--cal-button-fg: var(--cal-bg);
+--cal-button-border-color: var(--cal-button-bg);
+--cal-button-border-width: 1px;
+--cal-button-transform: none;
+--cal-button-letter-spacing: 0;
+--cal-button2-fg: var(--cal-fg);
+--cal-page-width: 1200px;
+--cal-body-size: 16px;
+--cal-heading-transform: none;
+}
+:is(html,#callimacus#callimacus)[data-callimacus-on] .cal-dock {
+display: flex;
+}
+:is(html,#callimacus#callimacus) .cal-stage,
+:is(html,#callimacus#callimacus) [data-callimacus-stage] {
+--cal-body: var(--cal-body-size);
+color: var(--cal-fg);
+font-family: var(--cal-font-body);
+}
+:is(html,#callimacus#callimacus) .cal-display,
+:is(html,#callimacus#callimacus) .cal-title,
+:is(html,#callimacus#callimacus) .cal-subtitle,
+:is(html,#callimacus#callimacus) .cal-stage__heading {
+text-transform: var(--cal-heading-transform);
+}
+:is(html,#callimacus#callimacus) .cal-page-width {
+width: min(var(--cal-page-width), 100% - 40px);
+margin-inline: auto;
+box-sizing: border-box;
+}
+@media screen and (width >= 750px) {
+:is(html,#callimacus#callimacus) .cal-page-width {
+width: min(var(--cal-page-width) - 80px, 100% - 80px);
+}
+}
+:is(html,#callimacus#callimacus) .cal-visually-hidden {
+position: absolute !important;
+overflow: hidden;
+width: 1px;
+height: 1px;
+margin: -1px;
+padding: 0;
+border: 0;
+clip-path: inset(50%);
+white-space: nowrap;
+}
+:is(html,#callimacus#callimacus) .cal-egrid {
+display: grid;
+grid-template-columns: repeat(2, minmax(0, 1fr));
+column-gap: 12px;
+margin: 0;
+padding: 0;
+list-style: none;
+}
+:is(html,#callimacus#callimacus) .cal-egrid__item {
+min-width: 0;
+margin: 0;
+}
+:is(html,#callimacus#callimacus) .cal-grid {
+row-gap: clamp(24px, 16px + 1.6vw, 40px);
+}
+@media screen and (width >= 750px) {
+:is(html,#callimacus#callimacus) .cal-egrid {
+grid-template-columns: repeat(3, minmax(0, 1fr));
+column-gap: 20px;
+}
+:is(html,#callimacus#callimacus) .cal-egrid--2 {
+grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+}
+@media screen and (width >= 990px) {
+:is(html,#callimacus#callimacus) .cal-egrid--4 {
+grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+:is(html,#callimacus#callimacus) .cal-egrid--5 {
+grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+}
+:is(html,#callimacus#callimacus) .cal-button {
+display: inline-flex;
+align-items: center;
+justify-content: center;
+gap: 8px;
+min-height: 44px;
+padding: 10px 24px;
+border: var(--cal-button-border-width) solid var(--cal-button-border-color);
+border-radius: var(--cal-radius-button);
+background: var(--cal-button-bg);
+color: var(--cal-button-fg);
+font-family: var(--cal-font-button, var(--cal-font-body));
+font-size: 15px;
+font-weight: var(--cal-font-button-weight, var(--cal-font-body-weight));
+letter-spacing: var(--cal-button-letter-spacing);
+line-height: 1.2;
+text-decoration: none;
+text-transform: var(--cal-button-transform);
+cursor: pointer;
+transition: opacity 0.15s, background-color 0.15s;
+}
+:is(html,#callimacus#callimacus) .cal-button:hover {
+opacity: 0.88;
+}
+:is(html,#callimacus#callimacus) .cal-button:focus-visible {
+outline: 2px solid var(--cal-fg);
+outline-offset: 2px;
+}
+:is(html,#callimacus#callimacus) .cal-button--secondary,
+:is(html,#callimacus#callimacus)[data-callimacus-template='product'] .cal-button {
+border-width: max(1px, var(--cal-button-border-width));
+border-color: color-mix(in srgb, var(--cal-button2-fg) 70%, transparent);
+background: transparent;
+color: var(--cal-button2-fg);
+}
+:is(html,#callimacus#callimacus) .cal-button--secondary:hover,
+:is(html,#callimacus#callimacus)[data-callimacus-template='product'] .cal-button:hover {
+opacity: 1;
+background: color-mix(in srgb, var(--cal-button2-fg) 6%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-button[disabled],
+:is(html,#callimacus#callimacus) .cal-button[aria-disabled="true"] {
+opacity: 0.55;
+cursor: default;
+}
+:is(html,#callimacus#callimacus) .cal-link {
+color: var(--cal-fg);
+text-decoration: underline;
+text-underline-offset: 3px;
+}
+:is(html,#callimacus#callimacus) .cal-rte {
+color: var(--cal-fg);
+font-family: var(--cal-font-body);
+font-size: var(--cal-body-size);
+line-height: 1.6;
+}
+:is(html,#callimacus#callimacus) .cal-rte a {
+color: inherit;
+text-decoration: underline;
+}
+:is(html,#callimacus#callimacus) .cal-ecard {
+display: flex;
+flex-direction: column;
+gap: 8px;
+height: 100%;
+}
+:is(html,#callimacus#callimacus) .cal-ecard__media {
+position: relative;
+aspect-ratio: 4 / 5;
+overflow: hidden;
+border-radius: var(--cal-radius-media, 0);
+background: color-mix(in srgb, var(--cal-fg) 5%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-ecard__image,
+:is(html,#callimacus#callimacus) .cal-ecard__image img {
+display: block;
+width: 100%;
+height: 100%;
+}
+:is(html,#callimacus#callimacus) .cal-ecard__image img {
+object-fit: cover;
+}
+:is(html,#callimacus#callimacus) .cal-ecard__info {
+display: grid;
+gap: 4px;
+}
+:is(html,#callimacus#callimacus) .cal-ecard__title {
+color: var(--cal-fg);
+font-family: var(--cal-font-body);
+font-size: var(--cal-body-size);
+line-height: 1.35;
+text-decoration: none;
+}
+:is(html,#callimacus#callimacus) .cal-ecard__title:hover {
+text-decoration-line: underline;
+}
+:is(html,#callimacus#callimacus) .cal-ecard__price {
+margin: 0;
+color: color-mix(in srgb, var(--cal-fg) 80%, transparent);
+font-family: var(--cal-font-body);
+font-size: calc(var(--cal-body-size) - 1px);
+}
+:is(html,#callimacus#callimacus) .cal-ecard__price--sold-out {
+color: color-mix(in srgb, var(--cal-fg) 55%, transparent);
+}
+:is(html,#callimacus#callimacus) .cal-ecard__quick-add {
+margin-top: 6px;
+}
+:is(html,#callimacus#callimacus) .cal-ecard__add {
+width: 100%;
+min-height: 40px;
+padding-block: 8px;
+font-size: 14px;
+}
+:is(html,#callimacus#callimacus) .cal-card__skeleton .cal-ecard__media {
+background: color-mix(in srgb, var(--cal-fg) 6%, transparent);
+}
+@media (prefers-reduced-motion: no-preference) {
+:is(html,#callimacus#callimacus) .cal-card__skeleton .cal-ecard__media {
+animation: cal-pulse 1.6s ease-in-out infinite;
+}
+}
+:is(html,#callimacus#callimacus) .cal-card > :not(.cal-ecard) {
+width: 100%;
+max-width: none;
+}
+:is(html,#callimacus#callimacus) .cal-set__collage--3 .cal-set__item--lead .cal-ecard__media {
+aspect-ratio: 1;
+}
+@media screen and (width >= 990px) {
+:is(html,#callimacus#callimacus) .cal-set__collage--3 .cal-set__item--lead .cal-ecard__media {
+flex: auto;
+min-height: 320px;
+aspect-ratio: auto;
+}
+:is(html,#callimacus#callimacus) .cal-set__collage--3 .cal-set__item--side .cal-ecard {
+flex-direction: row;
+align-items: flex-start;
+gap: 24px;
+}
+:is(html,#callimacus#callimacus) .cal-set__collage--3 .cal-set__item--side .cal-ecard__media {
+flex: 0 0 42%;
+width: 42%;
+}
+}
+:is(html,#callimacus#callimacus) .cal-header-ask {
+display: inline-flex;
+align-items: center;
+justify-content: center;
+border: 0;
+background: none;
+color: inherit;
+font: inherit;
+cursor: pointer;
+}
+:is(html,#callimacus#callimacus) .cal-header-ask svg {
+display: block;
+}
+:is(html,#callimacus#callimacus) .cal-stage__intro {
+padding-block: 32px 8px;
+}
+:is(html,#callimacus#callimacus) .cal-stage__heading {
+margin: 0;
+font-size: clamp(26px, 20px + 1.5vw, 42px);
+line-height: 1.1;
+}
+:is(html,#callimacus#callimacus) .cal-stage__lede {
+margin: 8px 0 0;
+color: color-mix(in srgb, var(--cal-fg) 70%, transparent);
+font-size: 17px;
+}
+:is(html,#callimacus#callimacus) .cal-toast {
+position: fixed;
+inset-inline: 0;
+bottom: calc(var(--cal-dock-space, 96px) + 8px);
+z-index: 95;
+display: flex;
+align-items: center;
+justify-content: space-between;
+gap: 16px;
+width: min(100% - 32px, 560px);
+margin-inline: auto;
+padding: 12px 12px 12px 18px;
+border: 1px solid var(--cal-hairline);
+border-radius: max(var(--cal-radius-button), 8px);
+background: var(--cal-bg);
+box-shadow: 0 8px 28px color-mix(in srgb, var(--cal-shadow) 18%, transparent);
+color: var(--cal-fg);
+font-family: var(--cal-font-body);
+font-size: 15px;
+}
+:is(html,#callimacus#callimacus) .cal-toast__text {
+margin: 0;
+}
+:is(html,#callimacus#callimacus) .cal-toast__action {
+flex: none;
+min-height: 38px;
+padding: 8px 16px;
+font-size: 14px;
+}
+@media (prefers-reduced-motion: no-preference) {
+:is(html,#callimacus#callimacus) .cal-toast {
+animation: cal-toast-in 240ms var(--cal-ease);
+}
+}
+@keyframes cal-toast-in {
+from {
+opacity: 0;
+transform: translateY(8px);
+}
+}