/* R. Kumar site palette: Royal Manuscript */
:root {
  --navy: #17264A;
  --gold: #8ED6DB;
  --paper: #EEF2FA;
  --rk-page: #EEF2FA;
  --rk-surface: #FFFFFF;
  --rk-ink: #17264A;
  --rk-action: #31548D;
  --rk-accent: #8ED6DB;
  --rk-border: #CBD5E6;
  --rk-gold: #E4C17E;
  --ink: #17264A;
  --cream: #FFFFFF;
  --gold2: #8ED6DB;
  --line: #CBD5E6;
}
body { background: var(--rk-page); color: var(--rk-ink); }
:focus-visible { outline-color: #176D77; }
.hero :focus-visible, .site-header :focus-visible, .purchase-panel :focus-visible,
.fairs :focus-visible, .author-signoff :focus-visible, footer :focus-visible { outline-color: #A6E1E3; }
.site-header { background: var(--rk-ink); }
.brand span { border-color: var(--rk-gold); color: var(--rk-gold); }
.button.primary { background: var(--rk-action); border-color: var(--rk-action); color: #fff; }
.button.primary:hover, .button.primary:focus-visible { background: #263F72; border-color: #263F72; }
.section-no, .eyebrow, .kicker, .purchase-eyebrow { color: #156F79; }
.eyebrow, .kicker, .section-no, .purchase-eyebrow { font-size: .875rem; font-weight: 700; letter-spacing: .12em; }
.hero .eyebrow { color: #A6E1E3; font-size: clamp(1rem,1.5vw,1.2rem); font-weight: 700; letter-spacing: .08em; }
.site-header nav { font-size: .95rem; }
.hero-edition-links, .purchase-route-copy small, .purchase-country-note,
.form-note, footer, .studio-credit { font-size: .875rem; }

/* Home: deep ink opening and cool porcelain reading surfaces. */
.hero { background: radial-gradient(circle at 15% 10%, #364C83, transparent 37%), var(--rk-ink); color: #fff; }
.hero-subtitle, .series-heading, .hero-series .kicker { color: #A6E1E3; }
.hero h1, .series-footer h2 { color: var(--rk-gold); }
.intro { color: #E4EAF5; }
.hero-edition-links { color: #D8EAF2; }
.hero-series { background: linear-gradient(145deg,#283D70,#14223F); }
.trailer-frame { border-color: #80D0D6; }
.work { background: #E7ECF6; }
.work-heading h2, .store-heading h2, .contact h2, .work-detail h3 { color: var(--rk-ink); }
.work-detail, .work-detail dl, .work-detail dl div { border-color: var(--rk-border); }
.work-detail dt, .payment-note, .form-note { color: #475A77; }
.purchase-panel { background: var(--rk-ink); color: #fff; }
.store { background: var(--rk-page); }
.purchase-box { border-color: var(--rk-border); background: var(--rk-surface); }
.purchase-box-intro { background: var(--rk-ink); }
.purchase-box-intro .purchase-eyebrow { color: #A6E1E3; }
.purchase-routes { background: var(--rk-border); }
.purchase-routes a { background: var(--rk-surface); }
.purchase-routes a:hover, .purchase-routes a:focus-visible { background: #E6F3F7; }
.purchase-route-copy strong, .purchase-arrow { color: var(--rk-ink); }
.purchase-route-copy small, .purchase-country-note { color: #475A77; }
.contact { background: #DFE9F4; }
.contact input, .contact textarea, .contact select, .checkout-dialog input { border-color: #A8B7CE; color: var(--rk-ink); }
footer { background: #101D3C; color: #fff; }
.studio-credit { color: #A6E1E3; }
.checkout-dialog { border-color: var(--rk-accent); background: var(--rk-page); color: var(--rk-ink); }

/* Author and events retain their existing layout and photography. */
.author-page { background: var(--rk-page); color: var(--rk-ink); }
.author-page .site-header, .gallery-page .site-header { background: rgba(238,242,250,.92); color: var(--rk-ink); }
.author-page .site-header .brand, .author-page .author-back,
.gallery-page .site-header .brand, .gallery-page .gallery-back { color: var(--rk-ink); }
.author-page .site-header .brand span, .gallery-page .site-header .brand span { color: var(--rk-ink); border-color: var(--rk-accent); }
.author-page .site-header .brand span, .gallery-page .site-header .brand span { color: #80531F; border-color: #A87935; }
.author-hero { background: radial-gradient(circle at 12% 15%, #FFFFFF, transparent 25rem), linear-gradient(135deg,#EEF2FA,#D9E4F4 58%,#F5F9FC); }
.author-image:before { border-color: rgba(49,84,141,.26); }
.author-image img { box-shadow: 28px 28px 0 rgba(49,84,141,.13); }
.author-heading .kicker, .gallery-hero .eyebrow, .gift-film-copy .section-no,
.event-card small, .event-card em, .active-album-heading .section-no { color: #316E8A; }
.author-heading .kicker { color: #80531F; }
.author-heading h1, .author-narrative h2, .author-copy strong,
.gallery-hero h1, .gift-film-copy h2, .event-card strong, .active-album-heading h2 { color: var(--rk-ink); }
.edition-lines, .author-copy, .gallery-hero>p:last-child, .event-card em, .album-close { color: #405271; }
.author-narrative header { border-color: var(--rk-accent); }
.author-copy p:first-child:first-letter { color: #287E88; }
.author-signoff, .gallery-footer { background: var(--rk-ink); }
.author-signoff>strong, .author-footer .studio-credit, .gallery-footer .studio-credit { color: #A6E1E3; }
.author-footer { background: #101D3C; }
.gallery-page { background: radial-gradient(circle at 12% 10%,#FFF,transparent 28rem),linear-gradient(145deg,#F8FAFD 0%,#E7EEF8 52%,#D7E7F3 100%); color: var(--rk-ink); }
.gift-film, .event-card { border-color: var(--rk-border); background: rgba(255,255,255,.7); }
.active-album { background: #E7ECF6; border-color: var(--rk-border); }
.event-photo { background: #D7E7F3; }
.fairs { background: radial-gradient(circle at 90% 8%,rgba(65,157,174,.2),transparent 28%),#17264A; }
.fairs .section-no, .fairs .kicker, .fair-lead>p span, .journey strong { color: #A6E1E3; }
.fairs-title h2, .fair-film h3, .album-heading h3, .journey h3, .career-copy h3,
.author-story blockquote, .author-story cite { color: #FFFFFF; }
.fair-film, .chennai-album, .journey, .journey article { border-color: rgba(166,225,227,.3); }
.journey article { background: rgba(40,61,112,.65); }
.gallery-toggle { color: #A6E1E3; }
.career { background: linear-gradient(145deg,#14223F,#283D70); }
.career-portrait { background: #D9E4F4; }
.career-portrait figcaption { background: #263F72; }
.author-portrait figcaption { background: var(--rk-ink); }

/* Checkout: page and book backdrops deliberately share the same tint. */
.checkout-page { --shop-blue: var(--rk-page); --shop-border: var(--rk-border); --shop-ink: var(--rk-ink); }
.checkout-page .checkout-section, .checkout-page .order-summary,
.checkout-page .choice-tile, .checkout-page .set-choice,
.checkout-page .checkout-volume, .checkout-page .checkout-cover,
.checkout-page .book-option { background: var(--rk-page); }
.checkout-page .checkout-section legend span, .checkout-page .checkout-title .section-no,
.checkout-page .order-summary .kicker { color: #326F87; }
.checkout-page .choice-tile:has(input:checked),
.checkout-page .set-choice:has(input:checked),
.checkout-page .checkout-volume:has(input:checked),
.checkout-page .book-option:has(input:checked) { border-color: var(--rk-action); box-shadow: inset 0 0 0 1px var(--rk-action); }
.checkout-page input[type=radio], .checkout-page input[type=checkbox] { accent-color: var(--rk-action); }
.checkout-page .checkout-main input:focus-visible, .checkout-page .checkout-main select:focus-visible,
.checkout-page .choice-tile:focus-within, .checkout-page .set-choice:focus-within,
.checkout-page .checkout-volume:focus-within, .checkout-page .book-option:focus-within { outline-color: var(--rk-action); }
.checkout-page .checkout-main input:not([type=radio]):not([type=checkbox]):not([type=hidden]),
.checkout-page .checkout-main select, .checkout-page .checkout-main textarea { background: #FFF; color: var(--rk-ink); }
.checkout-page .summary-monogram { background: #D9E3F3; color: var(--rk-ink); }
.checkout-page .mobile-total { background: var(--rk-ink); }
.checkout-page .mobile-total small { color: #D8EAF2; }
.checkout-page .market-selector label, .checkout-page .market-selector p,
.checkout-page .edition-heading p, .checkout-page .select-all,
.checkout-page .choice-tile small, .checkout-page .book-option-name,
.checkout-page .gateway-lock, .checkout-page .summary-help { font-size: .875rem; }
.checkout-page .book-option-name { white-space: normal; line-height: 1.3; }
.checkout-page .mobile-total small { font-size: .8rem; }
@media (max-width: 650px) {
  .hero { grid-template-columns: minmax(0,1fr); }
  .hero-copy, .hero-series { min-width: 0; }
  .hero h1 { max-width: 100%; font-size: clamp(2.2rem,9vw,3.1rem); line-height: 1.12; }
  .hero .intro, .hero-edition-links a { overflow-wrap: break-word; }
  .hero-edition-links { min-width: 0; }
  .checkout-page .choice-tile strong { font-size: 1rem; }
  .checkout-page .choice-tile small { font-size: .875rem; }
  .checkout-page .book-option-name { font-size: .875rem; }
  .checkout-page .mobile-total { font-size: .875rem; }
}

/* Fine gold threads frame the page without taking space from the content. */
body::before, body::after {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  width: 22px;
  z-index: 20;
  pointer-events: none;
  opacity: .76;
  background:
    radial-gradient(circle at 11px 48px, #E4C17E 0 2px, transparent 2.5px) 0 0 / 22px 104px repeat-y,
    linear-gradient(90deg, transparent 7px, #B6863C 8px, transparent 9px, transparent 14px, #D5AE69 15px, transparent 16px);
}
body::before { left: 0; }
body::after { right: 0; transform: scaleX(-1); }
@media (max-width: 650px) {
  body::before, body::after {
    width: 7px;
    opacity: .62;
    background: linear-gradient(90deg, transparent 3px, #C2974E 4px, transparent 5px);
  }
}

/* Portrait layouts: no grid track may widen the phone viewport. */
@media (max-width: 900px) {
  .hero, .work-grid, .contact, .checkout-layout { grid-template-columns: minmax(0,1fr); }
  .hero-copy, .hero-series, .work-detail, .purchase-panel,
  .contact-copy, .contact form, .checkout-content, .order-summary { min-width: 0; }
}
@media (max-width: 760px) {
  .author-hero, .author-narrative, .gift-film, .fairs-title { grid-template-columns: minmax(0,1fr); }
  .author-heading, .author-copy, .gift-film-copy, .gallery-hero,
  .active-album-heading, .active-album-heading>div { min-width: 0; }
}
@media (max-width: 650px) {
  .hero h1 { font-size: clamp(2.1rem,8.5vw,2.8rem); overflow-wrap: anywhere; }
  .hero .intro, .hero-edition-links, .hero-edition-links a { max-width: 100%; }
  .purchase-box-intro, .purchase-routes, .career, .journey { grid-template-columns: minmax(0,1fr); }
  .purchase-box, .purchase-routes a, .purchase-route-copy, .career-copy { min-width: 0; }
  .purchase-route-copy strong, .purchase-route-copy small,
  .purchase-country-note, .contact-email { overflow-wrap: anywhere; }
  .gallery-page .gallery-hero h1 { font-size: clamp(2.6rem,10vw,3.4rem); line-height: 1.03; overflow-wrap: anywhere; }
  .gallery-page .active-album-heading h2 { font-size: clamp(2.2rem,9vw,3.2rem); overflow-wrap: anywhere; }
  .author-page .author-heading h1 { font-size: clamp(2.25rem,10vw,2.75rem); overflow-wrap: anywhere; }
  .checkout-page .summary-product>div:last-child,
  .checkout-page .summary-help, .checkout-page .coupon-row label { min-width: 0; overflow-wrap: anywhere; }
}