/* Daisy Chain Biannual: shared kit for every site we build (daisychainbiannual.com and the mini-sites).
   https://cdn.daisychainbiannual.com/KIT/dc-kit.css, with dc-kit.js. Rules and use: KIT/README.md.
   New file (28 Sep 2026); nothing on the live Readymag pages loads it. Square corners, brand colours only. */

/* ---- colours and measures */
:root {
  --dc-white: #FCFBFE;
  --dc-black: #231F20;
  --dc-red: #E71411;
  --dc-gl: 8px;     /* phones: the content column's left edge (the hamburger's left edge); dc-kit.js measures it */
  --dc-gr: 6px;     /* phones: its right edge (the logo's right edge) */
  --dc-pod: 150px;  /* phones: the least space above and below a pod's content */
}

/* ---- fonts: DC Sans (Benton Sans under Daisy Chain's name), served by the press site */
@font-face { font-family: 'DC Sans'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSans-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DC Sans'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSans-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'DC Sans'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSans-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'DC Sans Condensed'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSansCondensed-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'DC Sans Condensed'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSansCondensed-Book.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
/* No 'DC Sans Condensed' italic face (Charles, 1 Oct): the bold italic headings slant the Bold file, as the press
   typography and the original Readymag headings do. A Book Italic face here was chosen for them and thickened. */
@font-face { font-family: 'DC Sans Condensed'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSansCondensed-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
/* Readymag exports name the same fonts by number (custom_78944 = Benton Sans, custom_71654 = Benton Sans
   Condensed); these map Readymag's weights onto the DC Sans files, so exported text needs no change. */
@font-face { font-family: 'custom_78944'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSansCondensed-Book.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'custom_78944'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSans-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'custom_78944'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSansCondensed-Bold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'custom_78944'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSans-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'custom_78944'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSans-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'custom_71654'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSansCondensed-Book.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'custom_71654'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSans-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'custom_71654'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSans-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'custom_71654'; src: url('https://press.daisychainbiannual.com/assets/fonts/DCSansCondensed-Italic.woff2') format('woff2'); font-weight: 100; font-style: italic; font-display: swap; }

/* ---- the content column (phones): from the hamburger's left edge to the logo's right edge */
.dc-col { box-sizing: border-box; padding-left: var(--dc-gl); padding-right: var(--dc-gr); }

/* ---- pods: a block of one background colour, the same space above its first and below its last content */
.dc-pod { box-sizing: border-box; padding-top: var(--dc-pod-pad, var(--dc-pod)); padding-bottom: var(--dc-pod-pad, var(--dc-pod)); }
.dc-pod.dc-dark { background: var(--dc-black); color: var(--dc-white); }
.dc-pod.dc-light { background: var(--dc-white); color: var(--dc-black); }
.dc-pod.dc-accent { background: var(--dc-red); color: var(--dc-black); }
.dc-pod.dc-flush { padding-top: 0; padding-bottom: 0; }   /* a film or picture that is its own pod, edge to edge */

/* ---- headings: the usual section header (as Artnet / Vogue / Ron Jude × Daisy Chain Biannual) */
.dc-head { margin: 0; font-family: 'DC Sans Condensed', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 16px; line-height: 32px;
  letter-spacing: 2px; text-transform: uppercase; }

/* ---- buttons: full column width, red, DC Sans Condensed Bold; white on hover. On a red pod: black. */
.dc-btn { display: block; box-sizing: border-box; width: 100%; height: 34px; line-height: 34px; padding: 0; border: 0; border-radius: 0; cursor: pointer;
  background: var(--dc-red); color: var(--dc-black); text-align: center; text-decoration: none;
  font-family: 'DC Sans Condensed', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
  transition: background-color .15s linear, color .15s linear; }
.dc-btn:hover, .dc-btn:focus-visible { background: var(--dc-white); color: var(--dc-black); }
.dc-on-red .dc-btn { background: var(--dc-black); color: var(--dc-white); }
.dc-on-red .dc-btn:hover, .dc-on-red .dc-btn:focus-visible { background: var(--dc-white); color: var(--dc-black); }

/* ---- add to bag (Shopify Buy Button in the page): <div class="dc-buy" data-product="…"> */
.dc-buy { width: 100%; }
.dc-buy .shopify-buy__btn { display: block; width: 100%; height: 34px; border: 0; border-radius: 0; cursor: pointer; background: #E71411; color: #231F20;
  font-family: 'DC Sans Condensed', Helvetica, sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
  transition: background-color .15s linear, color .15s linear; }
.dc-buy .shopify-buy__btn:hover, .dc-buy .shopify-buy__btn:focus-visible { background: #FCFBFE; color: #231F20; }
.dc-buy.dc-on-red .shopify-buy__btn { background: #231F20 !important; color: #FCFBFE !important; }
.dc-buy.dc-on-red .shopify-buy__btn:hover, .dc-buy.dc-on-red .shopify-buy__btn:focus-visible { background: #FCFBFE !important; color: #231F20 !important; }
.dc-buy .shopify-buy__btn-wrapper { margin: 0; }
.dc-buy .shopify-buy__option-select-wrapper, .dc-buy .shopify-buy__product__variant-selectors { display: none; }
.dc-buy .shopify-buy__product, .dc-buy .shopify-buy__btn-wrapper, .dc-buy .shopify-buy__btn { display: block !important; width: 100% !important; max-width: none !important; }

/* ---- On the Record sign-up: <form class="dc-record"> (dc-kit.js writes the fields and posts it).
   Outlined fields on a dark pod, a full-width red button. dc-align-right: typed text and notes right-aligned
   from 768 px (the form in a right-hand column). */
form.dc-record input, form.dc-record button { display: block; width: 100% !important; box-sizing: border-box; }
form.dc-record input { background: transparent !important; color: #FCFBFE !important; border: 1px solid rgba(252, 251, 254, .8) !important;
  height: 36px; padding: 0 10px !important; margin: 0 0 8px !important; font-family: 'DC Sans Condensed', Helvetica, Arial, sans-serif !important; font-weight: 400 !important;
  font-size: 11px !important; letter-spacing: 1.5px !important; border-radius: 0; -webkit-appearance: none; appearance: none; }
form.dc-record input::placeholder { color: rgba(252, 251, 254, .6); }
form.dc-record input:focus { outline: none; border-color: #FCFBFE !important; }
form.dc-record .hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0; }
form.dc-record button { height: 36px; margin-top: 4px; padding: 9px; border: 0; border-radius: 0; cursor: pointer; background: #E71411; color: #231F20;
  font-family: 'DC Sans Condensed', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 1.5px;
  transition: background-color .15s linear, color .15s linear; }
form.dc-record button:hover, form.dc-record button:focus-visible { background: #FCFBFE !important; color: #231F20 !important; }
form.dc-record .record-note, form.dc-record .record-msg { margin: 10px 0 0; font-family: 'DC Sans Condensed', Helvetica, Arial, sans-serif; font-weight: 300;
  font-size: 11px; line-height: 1.4; letter-spacing: .05em; color: rgba(252, 251, 254, .7); text-align: left; }
form.dc-record .record-msg { color: #FCFBFE; }
form.dc-record.bad-name input[name=name], form.dc-record.bad-email input[name=email] { border-color: #E71411 !important; }
form.dc-record.done input, form.dc-record.done button { opacity: .4; pointer-events: none; }
@media (min-width: 768px) {
  form.dc-record.dc-align-right input, form.dc-record.dc-align-right input::placeholder,
  form.dc-record.dc-align-right .record-note, form.dc-record.dc-align-right .record-msg { text-align: right; }
}

/* ---- footer. Desktop: the cdn footer's link stack, © 2026 as its last line, no underlines.
   Phones: the same stack on the right, on the logo's edge, at the very bottom of the page. */
#dc-footer-links a, #dc-footer-links a:hover, .dc-foot a { text-decoration: none !important; }
#dc-footer-links a.dc-footer-copyline { cursor: default; margin-top: 8px; }
.dc-foot { display: none; }
@media (max-width: 767px) {
  #dc-global-footer { display: none !important; }
  body { position: relative; }
  .dc-foot { display: block; position: absolute; right: var(--dc-gr); bottom: calc(env(safe-area-inset-bottom, 0px) + 12px);
    z-index: 2147482000; color: #FCFBFE; text-align: right;
    font-family: 'DC Sans Condensed', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 12px; letter-spacing: 1.3px; line-height: 18px; }   /* Charles, 29 Sep (option A) */
  .dc-foot nav { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
  .dc-foot a, .dc-foot span { color: #FCFBFE; text-decoration: none; }
}