:root{--color-peach: #FAC8A2;--color-aqua: #AFD7D9;--color-sky: #9DE9F8;--color-blue-mid: #335A78;--color-brown: #4F4740;--color-navy: #14273A;--color-cream: #F2ECDC;--color-cream-2: #E9E1CC;--color-error: #A23B2E;--font-display-family: "Cormorant Garamond", serif;--font-body-family: "Lora", serif;--font-ui-family: "Montserrat", sans-serif;--surface-dominant: var(--color-cream);--surface-secondary: var(--color-cream-2);--surface-inverse: var(--color-navy);--surface-inverse-alt: var(--color-blue-mid);--text-primary: var(--color-brown);--text-heading: var(--color-blue-mid);--text-inverse: var(--color-cream);--text-muted: color-mix(in srgb, var(--color-brown) 65%, transparent);--accent-primary: var(--color-blue-mid);--accent-hover: var(--color-aqua);--accent-glint: var(--color-sky);--accent-cta: var(--color-peach);--text-on-cta: var(--color-navy);--border-default: var(--color-navy);--border-focus: var(--color-blue-mid);--border-focus-inverse: var(--color-sky);--status-error: var(--color-error);--font-display: var(--font-display-family);--font-body: var(--font-body-family);--font-ui: var(--font-ui-family);--space-3xs: 4px;--space-2xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--text-size-sm: 14px;--text-size-body: 16px;--text-size-h2: 24px;--text-size-h1: 36px;--leading-tight: 1.2;--leading-normal: 1.5;--weight-regular: 400;--weight-semibold: 600;--radius-sm: 4px;--radius-md: 8px;--radius-card: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-navy) 12%, transparent);--shadow-md: 0 4px 12px color-mix(in srgb, var(--color-navy) 18%, transparent);--shadow-lg: 0 8px 24px color-mix(in srgb, var(--color-navy) 24%, transparent);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--border-focus) 45%, transparent);--shadow-focus-inverse: 0 0 0 3px color-mix(in srgb, var(--border-focus-inverse) 55%, transparent);--shadow-glow-cta: 0 4px 16px color-mix(in srgb, var(--color-peach) 35%, transparent);--shadow-card: 0 1px 3px color-mix(in srgb, var(--color-brown) 12%, transparent), 0 4px 14px color-mix(in srgb, var(--color-brown) 14%, transparent);--ease-buoyant: cubic-bezier(.22, 1, .36, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--z-base: 0;--z-sticky: 10;--z-overlay: 100;--z-drawer: 110;--z-loader: 1000;--breakpoint-tablet: 768px;--breakpoint-desktop: 1200px}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}body{margin:0;background:var(--surface-dominant);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-size-body);line-height:var(--leading-normal);overflow-x:clip}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:3px solid transparent;outline-offset:1px;box-shadow:var(--shadow-focus)}.skip-link{position:absolute;top:-999px;left:0;z-index:var(--z-overlay);display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2xs) var(--space-sm);background:var(--surface-inverse);color:var(--text-inverse);font-family:var(--font-ui);text-decoration:none;border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-2xs);left:var(--space-2xs)}main{padding:var(--space-md)}@media (min-width: 768px){main{padding:var(--space-lg) var(--space-xl)}}@media (min-width: 1200px){main{max-width:1200px;margin-inline:auto;padding:var(--space-lg) var(--space-2xl)}}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--space-2xs) var(--space-md);background:transparent;transition:background var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.site-header--scrolled{background:var(--surface-dominant);box-shadow:var(--shadow-sm)}.site-header__badge{display:inline-flex;align-items:center;min-height:44px}.site-header__badge img{height:52px;width:auto;display:block}@media (min-width: 768px){.site-header__badge img{height:64px}}.site-header:not(.site-header--scrolled) .site-header__badge:focus-visible{box-shadow:var(--shadow-focus-inverse)}.cart-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;color:var(--text-inverse)}.site-header--scrolled .cart-icon{color:var(--text-heading)}.site-header:not(.site-header--scrolled) .cart-icon:focus-visible{box-shadow:var(--shadow-focus-inverse)}.cart-icon__glyph{display:inline-flex}.cart-icon svg{width:24px;height:24px}.cart-icon__badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding-inline:var(--space-3xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--accent-cta);color:var(--text-on-cta);font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-semibold);line-height:1}.book-card__cta,.sirens-pick__cta{position:relative}.cart-bubble-pop{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:var(--radius-full);background:radial-gradient(circle,color-mix(in srgb,var(--color-peach) 70%,transparent),color-mix(in srgb,var(--color-peach) 0%,transparent) 75%);opacity:0;pointer-events:none;animation:cart-bubble-pop var(--duration-slow) var(--ease-buoyant)}@keyframes cart-bubble-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.4);opacity:1}to{transform:scale(1);opacity:0}}.cart-icon--bob{animation:cart-buoy-bob .6s var(--ease-buoyant)}@keyframes cart-buoy-bob{0%{transform:translateY(0)}40%{transform:translateY(-6px)}75%{transform:translateY(2px)}to{transform:translateY(0)}}.cart-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-navy) 60%,transparent);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard)}.cart-drawer__backdrop--open{opacity:1;pointer-events:auto}.cart-drawer__panel{position:fixed;top:0;right:0;bottom:0;width:min(92vw,400px);height:100dvh;display:flex;flex-direction:column;background:var(--surface-dominant);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg) 0 0 var(--radius-lg);z-index:var(--z-drawer);visibility:hidden;transform:translate(100%);transition:transform var(--duration-slow) var(--ease-buoyant),visibility 0s linear var(--duration-slow)}.cart-drawer__panel--open{visibility:visible;transform:translate(0);transition:transform var(--duration-slow) var(--ease-buoyant),visibility 0s linear 0s}@media (min-width: 768px){.cart-drawer__panel{width:400px}}@media (min-width: 1200px){.cart-drawer__panel{width:440px}}.cart-drawer__header,.cart-drawer__footer{flex-shrink:0;padding:var(--space-md)}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--color-navy) 15%,transparent)}.cart-drawer__heading{margin:0;font-family:var(--font-display);font-size:var(--text-size-h2);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-heading)}.cart-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;color:var(--text-heading)}.cart-drawer__close svg{width:20px;height:20px}.cart-drawer__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:var(--space-md);list-style:none}.cart-line-item{display:flex;flex-direction:column;gap:var(--space-2xs)}.cart-line-item__row1{display:flex;align-items:flex-start;gap:var(--space-2xs)}.cart-line-item__cover{width:56px;height:84px;flex-shrink:0}.cart-line-item__cover .placeholder-cover{width:100%;height:100%}.cart-line-item__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-3xs)}.cart-line-item__title{margin:0;font-family:var(--font-display);font-size:var(--text-size-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-heading)}.cart-line-item__author{margin:0;font-family:var(--font-body);font-style:italic;font-size:var(--text-size-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary)}.cart-line-item__remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;color:var(--text-muted)}.cart-line-item__remove:hover,.cart-line-item__remove:focus-visible{color:var(--status-error)}.cart-line-item__remove svg{width:20px;height:20px}.cart-line-item__row2{display:flex;align-items:center;justify-content:space-between}.cart-line-item__stepper{display:flex;align-items:center;gap:var(--space-3xs)}.cart-line-item__stepper-btn{box-sizing:border-box;width:44px;height:44px;padding:6px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background:var(--surface-secondary);background-clip:content-box;color:var(--text-heading);font-family:var(--font-ui);font-size:var(--text-size-body);line-height:1;cursor:pointer}.cart-line-item__stepper-btn:disabled{opacity:.4;cursor:not-allowed}.cart-line-item__stepper-digit{min-width:20px;text-align:center;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-regular);color:var(--text-primary)}.cart-line-item__total{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.cart-drawer__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md)}.cart-drawer__empty-icon{width:48px;height:48px;color:var(--text-muted)}.cart-drawer__empty-copy{margin:0;font-family:var(--font-body);font-size:var(--text-size-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary)}.cart-drawer__browse-link{font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-semibold);color:var(--text-heading);text-decoration:none}.cart-drawer__browse-link:hover,.cart-drawer__browse-link:focus-visible{text-decoration:underline}.cart-drawer__footer{display:flex;flex-direction:column;gap:var(--space-sm);border-top:1px solid color-mix(in srgb,var(--color-navy) 15%,transparent)}.cart-drawer__subtotal-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-ui);font-size:var(--text-size-body);font-weight:var(--weight-semibold);color:var(--text-primary)}.cart-drawer__shipping-note{margin:0;font-family:var(--font-body);font-size:var(--text-size-sm);font-weight:var(--weight-regular);color:var(--text-muted)}.cart-drawer__coming-soon{margin:0;font-family:var(--font-body);font-size:var(--text-size-sm);line-height:var(--leading-normal);color:var(--text-heading)}.cart-drawer__error-banner{background:color-mix(in srgb,var(--color-aqua) 20%,var(--surface-dominant));color:var(--text-heading);padding:var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-size-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.cart-drawer__checkout-btn{width:100%;min-height:44px;background:var(--accent-cta);color:var(--text-on-cta);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-size-body);font-weight:var(--weight-semibold);border:none;cursor:pointer}.cart-drawer__checkout-btn:disabled{opacity:.6;cursor:not-allowed}.checkout-success{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);display:flex;align-items:center;justify-content:center;background:var(--surface-inverse);animation:checkout-success-fade-in var(--duration-base) var(--ease-standard)}@keyframes checkout-success-fade-in{0%{opacity:0}to{opacity:1}}.checkout-success__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg);padding:var(--space-md);max-width:480px}.checkout-success__badge{width:56px;height:56px}.checkout-success__heading{margin:0;font-family:var(--font-display);font-size:var(--text-size-h2);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-inverse)}@media (min-width: 768px){.checkout-success__heading{font-size:var(--text-size-h1)}}.checkout-success__thanks{margin:0;font-family:var(--font-body);font-size:var(--text-size-body);font-weight:var(--weight-regular);color:var(--text-inverse)}.checkout-success__summary{width:100%;text-align:left;background:var(--surface-secondary);border-radius:var(--radius-card);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-2xs)}.checkout-success__summary-heading{margin:0 0 var(--space-2xs) 0;font-family:var(--font-display);font-size:var(--text-size-body);font-weight:var(--weight-semibold);color:var(--text-heading)}.checkout-success__summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-regular);color:var(--text-primary)}.checkout-success__summary-total{margin-top:var(--space-2xs);padding-top:var(--space-2xs);border-top:1px solid color-mix(in srgb,var(--color-navy) 15%,transparent);font-weight:var(--weight-semibold);color:var(--text-heading)}.checkout-success__cta{min-height:44px;padding-inline:var(--space-lg);background:var(--accent-cta);color:var(--text-on-cta);border-radius:var(--radius-md);border:none;font-family:var(--font-ui);font-size:var(--text-size-body);font-weight:var(--weight-semibold);cursor:pointer}.checkout-success__close{position:absolute;top:var(--space-sm);right:var(--space-sm);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;color:var(--text-inverse)}.checkout-success__close svg{width:20px;height:20px}.checkout-cancel-banner{position:fixed;top:calc(44px + var(--space-md) * 2 + 1px + var(--space-sm));right:var(--space-md);width:calc(min(92vw,400px) - var(--space-md) * 2);z-index:calc(var(--z-drawer) + 1);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);background:color-mix(in srgb,var(--color-aqua) 20%,var(--surface-dominant));color:var(--text-heading);padding:var(--space-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);animation:checkout-success-fade-in var(--duration-base) var(--ease-standard)}@media (min-width: 768px){.checkout-cancel-banner{width:calc(400px - var(--space-md) * 2)}}@media (min-width: 1200px){.checkout-cancel-banner{width:calc(440px - var(--space-md) * 2)}}.checkout-cancel-banner__text{margin:0;font-family:var(--font-body);font-size:var(--text-size-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.checkout-cancel-banner__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:calc(var(--space-sm) * -1);background:transparent;border:none;cursor:pointer;color:var(--text-heading)}.checkout-cancel-banner__dismiss svg{width:16px;height:16px}@media (prefers-reduced-motion: reduce){.cart-bubble-pop{animation:none;opacity:0}.cart-icon--bob{animation:none;transform:none}.cart-drawer__backdrop,.cart-drawer__panel{transition:none}.checkout-success,.checkout-cancel-banner{animation:none}}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:100svh;margin-inline:calc(50% - 50vw);margin-top:calc(-1 * var(--space-md));background:linear-gradient(180deg,var(--color-navy) 0%,color-mix(in srgb,var(--color-navy) 75%,var(--color-blue-mid)) 100%)}@media (min-width: 768px){.hero{min-height:80vh;margin-top:calc(-1 * var(--space-lg))}}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-navy) 55%,transparent),color-mix(in srgb,var(--color-navy) 25%,transparent) 45%,color-mix(in srgb,var(--color-navy) 70%,transparent))}.hero__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-xl) var(--space-md);animation:hero-content-rise var(--duration-slow) var(--ease-buoyant) both;animation-delay:1.2s}.hero__wordmark{max-width:240px;height:auto}@media (min-width: 768px){.hero__wordmark{max-width:320px}}.hero__tagline{margin:0;font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-inverse);font-size:var(--text-size-h1)}@media (min-width: 768px){.hero__tagline{font-size:clamp(var(--text-size-h1),5vw,48px)}}.hero__ctas{display:flex;flex-direction:column;gap:var(--space-sm)}@media (min-width: 768px){.hero__ctas{flex-direction:row}}.hero__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-ui);font-weight:var(--weight-semibold);text-decoration:none;transition:box-shadow var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.hero__cta--primary{background:var(--accent-cta);color:var(--text-on-cta);border:none}.hero__cta--primary:hover{box-shadow:var(--shadow-glow-cta)}.hero__cta--primary:focus-visible{box-shadow:var(--shadow-focus-inverse),var(--shadow-glow-cta)}.hero__cta--secondary{background:transparent;border:1.5px solid var(--accent-glint);color:var(--text-inverse)}.hero__cta--secondary:hover{background:color-mix(in srgb,var(--color-sky) 15%,transparent)}.hero__cta--secondary:focus-visible{box-shadow:var(--shadow-focus-inverse)}@keyframes ambient-bubble-drift{0%{opacity:0;transform:translate(-50%) translate(0)}8%{opacity:.2}40%{transform:translate(-50%,-140px) translate(10px)}48%{opacity:0;transform:translate(-50%,-280px) translate(-6px)}to{opacity:0;transform:translate(-50%,-280px) translate(-6px)}}@keyframes hero-content-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero__content{animation:none;opacity:1}}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}@media (min-width: 768px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}}@media (min-width: 1200px){.category-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}}.category-tile{aspect-ratio:1 / 1;border-radius:var(--radius-card);background:var(--surface-secondary);border:1px solid color-mix(in srgb,var(--color-navy) 15%,transparent);box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-2xs);cursor:pointer;color:var(--text-heading);transition:transform var(--duration-base) var(--ease-buoyant),box-shadow var(--duration-base) var(--ease-buoyant),background var(--duration-base) var(--ease-buoyant)}.category-tile:hover{background:color-mix(in srgb,var(--color-aqua) 20%,var(--surface-secondary));transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-tile__icon svg{width:32px;height:32px}.category-tile__label{font-family:var(--font-display);font-size:var(--text-size-body);font-weight:var(--weight-semibold);line-height:var(--leading-tight);overflow-wrap:break-word;text-align:center}@media (min-width: 768px){.category-tile__label{font-size:var(--text-size-h2)}}.category-tile--selected{background:var(--accent-hover);color:var(--color-navy);border:2px solid var(--color-blue-mid)}@media (prefers-reduced-motion: reduce){.category-tile:hover{transform:none}}.category-section{padding:var(--space-lg) 0;background:var(--surface-dominant);scroll-margin-top:calc(68px + var(--space-2xs))}@media (min-width: 768px){.category-section{padding:var(--space-2xl) 0;scroll-margin-top:calc(80px + var(--space-2xs))}}.category-eyebrow{font-family:var(--font-ui);font-size:var(--text-size-sm);letter-spacing:.12em;text-transform:uppercase;font-weight:var(--weight-semibold);color:var(--text-heading)}.category-heading{font-family:var(--font-display);font-size:var(--text-size-h2);color:var(--text-heading)}@media (min-width: 768px){.category-heading{font-size:var(--text-size-h1)}}.category-prompt,.category-empty{font-family:var(--font-body);color:var(--text-primary);margin-top:var(--space-md)}.category-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-block:var(--space-md)}.category-trope-filter{display:flex;gap:var(--space-2xs);overflow-x:auto;flex:1 1 100%;min-width:0}@media (min-width: 768px){.category-filter-row{flex-wrap:nowrap;gap:var(--space-xl)}.category-trope-filter{flex:1 1 auto}}@media (min-width: 768px){.category-trope-filter{flex-wrap:wrap}}.category-results{max-height:none;opacity:1;transition:opacity var(--duration-base) var(--ease-buoyant);scroll-margin-top:calc(68px + var(--space-2xs))}@media (min-width: 768px){.category-results{scroll-margin-top:calc(80px + var(--space-2xs))}}.category-usborne-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2xs) var(--space-md);margin-left:auto;flex-shrink:0;border-radius:var(--radius-full);background:var(--accent-cta);color:var(--text-on-cta);font-family:var(--font-ui);font-weight:var(--weight-semibold);text-decoration:none;white-space:nowrap;width:100%}@media (min-width: 768px){.category-usborne-link{width:auto}}.category-usborne-link:hover,.category-usborne-link:focus-visible{background:color-mix(in srgb,var(--color-aqua) 20%,var(--accent-cta))}@media (prefers-reduced-motion: reduce){.category-results{transition:none}}.category-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.placeholder-cover{aspect-ratio:2 / 3;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-sm);text-align:center}.placeholder-cover--duo-0{background:linear-gradient(160deg,var(--color-navy),var(--color-blue-mid))}.placeholder-cover--duo-1{background:linear-gradient(160deg,var(--color-blue-mid),var(--color-aqua))}.placeholder-cover--duo-2{background:linear-gradient(160deg,var(--color-navy),var(--color-aqua))}.placeholder-cover__title{font-family:var(--font-display);font-size:var(--text-size-body);color:var(--text-inverse);font-weight:var(--weight-semibold);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 768px){.placeholder-cover__title{font-size:var(--text-size-h2)}}.placeholder-cover__rule{width:100%;height:1px;background:color-mix(in srgb,var(--color-sky) 40%,transparent);margin-block:var(--space-2xs)}.placeholder-cover__author{font-family:var(--font-ui);font-size:var(--text-size-sm);color:color-mix(in srgb,var(--color-cream) 70%,transparent)}.placeholder-cover__img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-card)}.placeholder-cover__coming-soon{font-family:var(--font-ui);font-size:var(--text-size-sm);color:color-mix(in srgb,var(--color-cream) 70%,transparent);margin-top:var(--space-2xs)}.trope-pill{border-radius:var(--radius-full);min-height:44px;padding:var(--space-2xs) var(--space-sm);font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-regular);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-secondary);color:var(--text-heading);border:none}.trope-pill--interactive{cursor:pointer}.trope-pill--selected,.trope-pill--display{background:var(--accent-hover);color:var(--color-navy)}.book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}@media (min-width: 768px){.book-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}}@media (min-width: 1200px){.book-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}}.book-card{display:flex;flex-direction:column;gap:var(--space-2xs);background:var(--surface-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-md);transition:transform var(--duration-base) var(--ease-buoyant),box-shadow var(--duration-base) var(--ease-buoyant)}@media (hover: hover){.book-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow-cta)}}.book-card:focus-within{transform:translateY(-6px);box-shadow:var(--shadow-glow-cta)}.book-card:active{transform:translateY(-3px);box-shadow:var(--shadow-glow-cta)}@media (prefers-reduced-motion: reduce){.book-card:hover,.book-card:focus-within,.book-card:active{transform:none;transition:box-shadow var(--duration-base) var(--ease-buoyant)}}.book-card__link{display:flex;flex-direction:column;gap:var(--space-2xs);flex:1;color:inherit;text-decoration:none;border-radius:var(--radius-card)}.book-card__body{display:flex;flex-direction:column;gap:var(--space-2xs);flex:1}.book-card__title{font-family:var(--font-display);color:var(--text-heading);font-size:var(--text-size-body);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}@media (min-width: 768px){.book-card__title{font-size:var(--text-size-h2)}}.book-card__author{font-family:var(--font-body);font-style:italic;font-size:var(--text-size-sm);color:var(--text-primary)}.book-card__pills{display:flex;flex-wrap:wrap;gap:var(--space-2xs);align-items:center}.book-card__pills .trope-pill:nth-child(n+3){display:none}.book-card__pills-overflow{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:var(--text-size-sm);color:var(--text-heading)}@media (min-width: 768px){.book-card__pills .trope-pill:nth-child(n+3){display:inline-flex}.book-card__pills-overflow{display:none}}.book-card__price{font-family:var(--font-ui);font-weight:var(--weight-semibold);color:var(--text-primary)}.sirens-pick__cover-link{display:block;border-radius:var(--radius-card)}.sirens-pick__title-link{color:inherit;text-decoration:none}.book-card__cta{width:100%;min-height:44px;margin-top:auto;background:var(--accent-cta);color:var(--text-on-cta);border-radius:var(--radius-md);font-family:var(--font-ui);font-weight:var(--weight-semibold);border:none;cursor:pointer}.arrivals-section{background:var(--surface-dominant);padding:var(--space-lg) 0}@media (min-width: 1200px){.arrivals-section{padding:var(--space-2xl) 0}}.arrivals-eyebrow{font-family:var(--font-ui);font-size:var(--text-size-sm);letter-spacing:.12em;text-transform:uppercase;font-weight:var(--weight-semibold);color:var(--text-heading)}.arrivals-heading{font-family:var(--font-display);font-size:var(--text-size-h2);color:var(--text-heading);margin-bottom:var(--space-md)}@media (min-width: 768px){.arrivals-heading{font-size:var(--text-size-h1)}}.sirens-pick{background:var(--surface-secondary);padding:var(--space-lg) 0}@media (min-width: 1200px){.sirens-pick{padding:var(--space-2xl) 0}}.sirens-pick__eyebrow{font-family:var(--font-ui);font-size:var(--text-size-sm);letter-spacing:.12em;text-transform:uppercase;font-weight:var(--weight-semibold);color:var(--text-heading);text-align:center}.sirens-pick__heading{font-family:var(--font-display);font-size:var(--text-size-h2);color:var(--text-heading);margin-bottom:var(--space-md);text-align:center}@media (min-width: 768px){.sirens-pick__heading{font-size:var(--text-size-h1)}}.sirens-pick__layout{display:flex;flex-direction:column;gap:var(--space-lg);background:var(--surface-dominant);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-lg)}@media (min-width: 768px){.sirens-pick__layout{flex-direction:row;align-items:center}}.sirens-pick__cover{width:60vw;margin-inline:auto}@media (min-width: 768px){.sirens-pick__cover{width:40%;margin-inline:0;flex-shrink:0}}.sirens-pick__content{display:flex;flex-direction:column;gap:var(--space-2xs)}@media (min-width: 768px){.sirens-pick__content{width:60%}}.sirens-pick__title{font-family:var(--font-display);color:var(--text-heading);font-size:var(--text-size-body);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}@media (min-width: 768px){.sirens-pick__title{font-size:var(--text-size-h2)}}.sirens-pick__author{font-family:var(--font-body);font-style:italic;font-size:var(--text-size-sm);color:var(--text-primary)}.sirens-pick__blurb{font-family:var(--font-body);font-size:var(--text-size-body);color:var(--text-primary);margin:0;padding-left:var(--space-md);border-left:4px solid color-mix(in srgb,var(--color-aqua) 50%,transparent)}.sirens-pick__spice{display:inline-flex;font-size:var(--text-size-body);letter-spacing:.08em;margin-top:var(--space-3xs)}.sirens-pick__pills{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.sirens-pick__price{font-family:var(--font-ui);font-weight:var(--weight-semibold);color:var(--text-primary)}.sirens-pick__cta{align-self:flex-start;min-height:44px;padding:var(--space-2xs) var(--space-md);background:var(--accent-cta);color:var(--text-on-cta);border-radius:var(--radius-md);font-family:var(--font-ui);font-weight:var(--weight-semibold);border:none;cursor:pointer}.trailer{margin-inline:calc(50% - 50vw);background:var(--surface-inverse);padding:var(--space-xl) var(--space-md)}@media (min-width: 768px){.trailer{padding:var(--space-2xl) var(--space-xl)}}.trailer__inner{position:relative;max-width:720px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.trailer__eyebrow{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;line-height:var(--leading-tight);color:color-mix(in srgb,var(--color-cream) 70%,transparent)}.trailer__headline{margin:0;font-family:var(--font-display);font-size:var(--text-size-h2);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-inverse)}@media (min-width: 768px){.trailer__headline{font-size:var(--text-size-h1)}}.trailer__body{margin:0;font-family:var(--font-body);font-size:var(--text-size-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-inverse)}.trailer__frame{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;max-width:480px;aspect-ratio:16 / 10;margin-inline:auto;padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid color-mix(in srgb,var(--color-cream) 25%,transparent);background:linear-gradient(160deg,var(--color-blue-mid),var(--surface-inverse));overflow:hidden}@media (min-width: 768px){.trailer__frame{max-width:560px}}.trailer__frame-deco{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.trailer__frame-shape{fill:color-mix(in srgb,var(--color-sky) 20%,transparent)}.trailer__frame-wave{stroke:color-mix(in srgb,var(--color-aqua) 25%,transparent);stroke-width:2}.trailer__frame-glyph{position:relative;width:28px;height:28px;color:color-mix(in srgb,var(--color-cream) 70%,transparent)}.trailer__caption{position:relative;margin:0;font-family:var(--font-body);font-size:var(--text-size-sm);font-weight:var(--weight-regular);font-style:italic;line-height:var(--leading-normal);color:color-mix(in srgb,var(--color-cream) 70%,transparent)}.trailer__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2xs) var(--space-md);border:none;border-radius:var(--radius-md);background:var(--accent-cta);color:var(--text-on-cta);font-family:var(--font-ui);font-weight:var(--weight-semibold);font-size:var(--text-size-body);line-height:var(--leading-normal);cursor:pointer;transition:box-shadow var(--duration-base) var(--ease-standard)}.trailer__cta:hover{box-shadow:var(--shadow-glow-cta)}.trailer__cta:focus-visible{box-shadow:var(--shadow-focus-inverse),var(--shadow-glow-cta)}.trailer__bubble{position:absolute;bottom:var(--space-xl);left:50%;width:12px;height:12px;border-radius:var(--radius-full);background:radial-gradient(circle,color-mix(in srgb,var(--color-sky) 70%,transparent),color-mix(in srgb,var(--color-sky) 0%,transparent) 75%);opacity:.2;animation:ambient-bubble-drift 26s var(--ease-standard) infinite}@media (prefers-reduced-motion: reduce){.trailer__bubble{opacity:0}}.market-section{background:var(--surface-dominant);padding:var(--space-lg) 0;scroll-margin-top:calc(68px + var(--space-2xs))}@media (min-width: 768px){.market-section{scroll-margin-top:calc(80px + var(--space-2xs))}}@media (min-width: 1200px){.market-section{padding:var(--space-2xl) 0}}.market-eyebrow{margin:0 0 var(--space-3xs) 0;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;line-height:var(--leading-tight);color:var(--text-heading)}.market-heading{margin:0 0 var(--space-sm) 0;font-family:var(--font-display);font-size:var(--text-size-h2);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-heading)}@media (min-width: 768px){.market-heading{font-size:var(--text-size-h1)}}.market-intro{margin:0 0 var(--space-md) 0;font-family:var(--font-body);font-size:var(--text-size-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary)}.tide-table{margin:0;padding:0;list-style:none}.tide-table__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md)}.tide-table__empty-icon{width:48px;height:48px;color:var(--text-muted)}.tide-table__empty-copy{margin:0;max-width:480px;font-family:var(--font-body);font-size:var(--text-size-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary)}.tide-table__empty-link{color:var(--accent-primary);text-decoration:none}.tide-table__empty-link:hover,.tide-table__empty-link:focus-visible{text-decoration:underline}.tide-table__trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xs);padding:var(--space-sm) var(--space-2xs);border:none;border-bottom:1px solid color-mix(in srgb,var(--color-navy) 15%,transparent);background:transparent;text-align:left;cursor:pointer}.tide-table__date{min-width:88px;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-semibold);color:var(--text-heading)}.tide-table__market{flex:1;font-family:var(--font-display);font-size:var(--text-size-body);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-heading)}.tide-table__chevron{flex-shrink:0;width:24px;height:24px;color:var(--text-heading);transition:transform var(--duration-base) var(--ease-standard)}.tide-table__chevron--open{transform:rotate(180deg)}.tide-table__panel{max-height:0;opacity:0;visibility:hidden;overflow:hidden;background:color-mix(in srgb,var(--color-aqua) 12%,var(--surface-secondary));padding:0 var(--space-2xs);border-radius:0 0 var(--radius-sm) var(--radius-sm);transition:max-height var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard),padding var(--duration-base) var(--ease-standard),visibility 0s var(--duration-base)}.tide-table__panel--open{max-height:480px;opacity:1;visibility:visible;padding:var(--space-sm) var(--space-2xs) var(--space-md);transition-delay:0s}.tide-table__meta{display:flex;flex-direction:column;gap:var(--space-3xs);margin:0 0 var(--space-sm) 0}.tide-table__meta-line{margin:0;font-family:var(--font-body);font-size:var(--text-size-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary)}.tide-table__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tide-table__action{display:inline-flex;align-items:center;gap:var(--space-3xs);min-height:44px;padding:var(--space-3xs) 0;background:transparent;border:none;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-semibold);color:var(--accent-primary);text-decoration:none;cursor:pointer}.tide-table__action svg{width:20px;height:20px}.tide-table__action:hover,.tide-table__action:focus-visible{text-decoration:underline}@media (prefers-reduced-motion: reduce){.tide-table__chevron,.tide-table__panel{transition:none}}.tide-letter-section{background:var(--surface-secondary);padding:var(--space-lg) 0}@media (min-width: 1200px){.tide-letter-section{padding:var(--space-2xl) 0}}.tide-letter__content{max-width:480px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-sm);background:var(--surface-dominant);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-lg)}.tide-letter__eyebrow{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-heading)}.tide-letter__heading{margin:0;font-family:var(--font-display);font-size:var(--text-size-h2);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-heading)}@media (min-width: 768px){.tide-letter__heading{font-size:var(--text-size-h1)}}.tide-letter__pitch{margin:0;font-family:var(--font-body);font-size:var(--text-size-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary)}.tide-letter__container{min-height:calc(44px + var(--space-sm) + 44px);display:flex;align-items:center}.tide-letter__form{width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}@media (min-width: 768px){.tide-letter__form{flex-direction:row;align-items:flex-start;flex-wrap:wrap}}.tide-letter__input{min-height:44px;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-navy) 20%,transparent);background:var(--surface-dominant);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-size-body)}@media (min-width: 768px){.tide-letter__input{flex:1}}.tide-letter__input:disabled{opacity:.6;cursor:not-allowed}.tide-letter__honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.tide-letter__submit{min-height:44px;background:var(--accent-cta);color:var(--text-on-cta);border-radius:var(--radius-md);border:none;font-family:var(--font-ui);font-size:var(--text-size-body);font-weight:var(--weight-semibold);cursor:pointer}@media (min-width: 768px){.tide-letter__submit{width:auto}}.tide-letter__submit:disabled{opacity:.6;cursor:not-allowed}.tide-letter__error{width:100%;margin:0;background:color-mix(in srgb,var(--color-aqua) 20%,var(--surface-secondary));color:var(--text-heading);padding:var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-size-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.tide-letter__success{margin:0;font-family:var(--font-body);font-size:var(--text-size-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-heading)}.site-footer{position:relative;background:var(--surface-inverse);padding:var(--space-xl) var(--space-md) var(--space-lg)}@media (min-width: 768px){.site-footer{padding:var(--space-2xl) var(--space-xl) var(--space-lg)}}@media (min-width: 1200px){.site-footer{padding-inline:var(--space-2xl)}}.site-footer__wave{position:absolute;top:0;left:0;right:0;width:100%;height:20px;overflow:hidden}.site-footer__wave-track{animation:footer-wave-drift 10s linear infinite}@keyframes footer-wave-drift{0%{transform:translate(0)}to{transform:translate(-100px)}}@media (prefers-reduced-motion: reduce){.site-footer__wave-track{animation:none}}.site-footer__wave-path{fill:color-mix(in srgb,var(--color-aqua) 45%,transparent)}.site-footer__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.site-footer__lockup{max-width:200px;height:auto}@media (min-width: 768px){.site-footer__lockup{max-width:240px}}.site-footer__socials{display:flex;gap:var(--space-2xs);justify-content:center}.site-footer__social-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--text-inverse)}.site-footer__social-link svg{width:24px;height:24px}.site-footer__contact{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-inverse);text-decoration:none}.site-footer__contact:hover,.site-footer__contact:focus-visible{text-decoration:underline}.site-footer__contact:focus-visible,.site-footer__social-link:focus-visible{box-shadow:var(--shadow-focus-inverse)}.site-footer__domain{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:color-mix(in srgb,var(--color-cream) 70%,transparent)}.site-footer__copyright{margin:0;font-family:var(--font-body);font-size:var(--text-size-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:color-mix(in srgb,var(--color-cream) 70%,transparent)}.site-footer__builtby{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:color-mix(in srgb,var(--color-cream) 70%,transparent)}.site-footer__builtby a{color:var(--text-inverse);text-decoration:none}.site-footer__builtby a:hover,.site-footer__builtby a:focus-visible{text-decoration:underline}.site-footer__builtby a:focus-visible{box-shadow:var(--shadow-focus-inverse)}.policy-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-navy) 60%,transparent);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard)}.policy-modal__backdrop--open{opacity:1;pointer-events:auto}.policy-modal__panel{position:fixed;left:0;right:0;bottom:0;max-height:85dvh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);background:var(--surface-dominant);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-md);z-index:var(--z-drawer);visibility:hidden;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-buoyant),visibility 0s linear var(--duration-slow)}.policy-modal__panel--open{visibility:visible;transform:translateY(0);transition:transform var(--duration-slow) var(--ease-buoyant),visibility 0s linear 0s}@media (min-width: 768px){.policy-modal__panel{left:50%;right:auto;bottom:auto;top:50%;max-width:560px;width:min(90vw,560px);max-height:80dvh;border-radius:var(--radius-lg);transform:translate(-50%,-50%) scale(.96);opacity:0;transition:transform var(--duration-slow) var(--ease-buoyant),opacity var(--duration-base) var(--ease-standard),visibility 0s linear var(--duration-slow)}.policy-modal__panel--open{transform:translate(-50%,-50%) scale(1);opacity:1;transition:transform var(--duration-slow) var(--ease-buoyant),opacity var(--duration-base) var(--ease-standard),visibility 0s linear 0s}}.policy-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.policy-modal__heading{margin:0;font-family:var(--font-display);font-size:var(--text-size-h2);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-heading)}.policy-modal__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:calc(var(--space-2xs) * -1) calc(var(--space-2xs) * -1) 0 0;background:transparent;border:none;cursor:pointer;color:var(--text-heading)}.policy-modal__close svg{width:20px;height:20px}.policy-modal__close:focus-visible{box-shadow:var(--shadow-focus)}.policy-modal__updated{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-regular);color:var(--text-muted)}.policy-modal__body{display:flex;flex-direction:column;gap:var(--space-sm)}.policy-modal__paragraph{margin:0;font-family:var(--font-body);font-size:var(--text-size-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary)}@media (prefers-reduced-motion: reduce){.policy-modal__backdrop,.policy-modal__panel{transition:none}}.site-footer__policies{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.site-footer__policy-link{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-3xs) var(--space-2xs);font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-regular);color:var(--text-inverse);text-decoration:none}.site-footer__policy-link:hover,.site-footer__policy-link:focus-visible{text-decoration:underline}.site-footer__policy-link:focus-visible{box-shadow:var(--shadow-focus-inverse)}.wave-divider{position:relative;width:100%;height:32px;overflow:hidden;line-height:0}@media (min-width: 768px){.wave-divider{height:48px}}.wave-divider__svg{display:block;width:100%;height:100%}.wave-divider__track{animation:wave-divider-drift 20s linear infinite}@keyframes wave-divider-drift{0%{transform:translate(0)}to{transform:translate(-100px)}}@media (prefers-reduced-motion: reduce){.wave-divider__track{animation:none}}.wave-divider--to-shop .wave-divider__path,.wave-divider--to-calendar .wave-divider__path{fill:color-mix(in srgb,var(--color-blue-mid) 35%,transparent)}.wave-divider--to-trailer .wave-divider__path{fill:color-mix(in srgb,var(--color-aqua) 45%,transparent)}.book-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-navy) 60%,transparent);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard)}.book-modal__backdrop--open{opacity:1;pointer-events:auto}.book-modal__panel{position:fixed;left:0;right:0;bottom:0;max-height:85dvh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);background:var(--surface-dominant);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-md);z-index:var(--z-drawer);visibility:hidden;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-buoyant),visibility 0s linear var(--duration-slow)}.book-modal__panel--open{visibility:visible;transform:translateY(0);transition:transform var(--duration-slow) var(--ease-buoyant),visibility 0s linear 0s}@media (min-width: 768px){.book-modal__panel{left:50%;right:auto;bottom:auto;top:50%;max-width:560px;width:min(90vw,560px);max-height:80dvh;border-radius:var(--radius-lg);transform:translate(-50%,-50%) scale(.96);opacity:0;transition:transform var(--duration-slow) var(--ease-buoyant),opacity var(--duration-base) var(--ease-standard),visibility 0s linear var(--duration-slow)}.book-modal__panel--open{transform:translate(-50%,-50%) scale(1);opacity:1;transition:transform var(--duration-slow) var(--ease-buoyant),opacity var(--duration-base) var(--ease-standard),visibility 0s linear 0s}}.book-modal__header{display:flex;align-items:flex-start;justify-content:flex-end}.book-modal__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:calc(var(--space-2xs) * -1) calc(var(--space-2xs) * -1) 0 0;background:transparent;border:none;cursor:pointer;color:var(--text-heading)}.book-modal__close svg{width:20px;height:20px}.book-modal__close:focus-visible{box-shadow:var(--shadow-focus)}.book-modal__body{display:flex;flex-direction:column;gap:var(--space-md)}.book-modal__cover{width:45%;max-width:200px;margin-inline:auto}@media (min-width: 768px){.book-modal__body{flex-direction:row;align-items:flex-start}.book-modal__cover{width:40%;margin-inline:0;flex-shrink:0}}.book-modal__content{display:flex;flex-direction:column;gap:var(--space-2xs)}.book-modal__title{margin:0;font-family:var(--font-display);font-size:var(--text-size-h1);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-heading)}.book-modal__author{margin:0;font-family:var(--font-body);font-style:italic;font-size:var(--text-size-body);color:var(--text-primary)}.book-modal__series{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);color:var(--text-muted)}.book-modal__price{margin:0;font-family:var(--font-ui);font-weight:var(--weight-semibold);color:var(--text-primary)}.book-modal__pills{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.book-modal__meta{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);color:var(--text-muted)}.book-modal__notes{background:var(--accent-hover);border-radius:var(--radius-md);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-3xs)}.book-modal__notes-label{margin:0;font-family:var(--font-ui);font-size:var(--text-size-sm);font-weight:var(--weight-semibold);color:var(--color-navy)}.book-modal__notes-text{margin:0;font-family:var(--font-body);font-size:var(--text-size-body);color:var(--color-navy)}.book-modal__description{margin:0;font-family:var(--font-body);font-size:var(--text-size-body);line-height:var(--leading-normal);color:var(--text-primary)}.book-modal__cta{position:relative;width:100%;min-height:44px;margin-top:var(--space-2xs);background:var(--accent-cta);color:var(--text-on-cta);border-radius:var(--radius-md);font-family:var(--font-ui);font-weight:var(--weight-semibold);border:none;cursor:pointer}@media (prefers-reduced-motion: reduce){.book-modal__backdrop,.book-modal__panel{transition:none}}