import { createHotContext as __vite__createHotContext } from "/@vite/client";import.meta.hot = __vite__createHotContext("/app/globals.css");import { updateStyle as __vite__updateStyle, removeStyle as __vite__removeStyle } from "/@vite/client"
const __vite__id = "/Users/martindavies-roundhill/Documents/ChatGPT/beatrix/site/app/globals.css"
const __vite__css = "/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --spacing: 0.25rem;\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *,\n  ::after,\n  ::before,\n  ::backdrop,\n  ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html,\n  :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n  }\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block;\n    vertical-align: middle;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  button,\n  input,\n  select,\n  optgroup,\n  textarea,\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or\n    (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit,\n  ::-webkit-datetime-edit-year-field,\n  ::-webkit-datetime-edit-month-field,\n  ::-webkit-datetime-edit-day-field,\n  ::-webkit-datetime-edit-hour-field,\n  ::-webkit-datetime-edit-minute-field,\n  ::-webkit-datetime-edit-second-field,\n  ::-webkit-datetime-edit-millisecond-field,\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button,\n  input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]),\n  ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .relative {\n    position: relative;\n  }\n  .start {\n    inset-inline-start: var(--spacing);\n  }\n  .table {\n    display: table;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n}\n.dad-note {\n  display: grid;\n  grid-template-columns: 100px 1fr;\n  gap: 8%;\n  padding: 75px 0;\n  border-top: 1px solid #c9c5bd;\n  border-bottom: 1px solid #c9c5bd;\n}\n.note-mark {\n  font: 7rem/1 Georgia,serif;\n  color: var(--coral);\n}\n.dad-note>div:last-child {\n  max-width: 650px;\n}\n.dad-quote {\n  font: italic 2rem/1.2 Georgia,serif;\n  letter-spacing: -.03em;\n}\n.dad-copy {\n  max-width: 520px;\n  line-height: 1.55;\n}\n.dad-signoff {\n  font: italic 1rem Georgia,serif;\n  margin: 32px 0 0;\n}\n.story {\n  padding: 95px 0 115px;\n}\n.timeline {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 28px;\n  margin-top: 65px;\n}\n.timeline>div {\n  border-top: 1px solid #b9b7af;\n  padding-top: 17px;\n}\n.timeline span {\n  color: var(--coral);\n  font-size: .68rem;\n  letter-spacing: .14em;\n}\n.timeline h3 {\n  font-size: 1.15rem;\n  font-weight: 400;\n  line-height: 1.05;\n  letter-spacing: -.04em;\n  margin: 45px 0 15px;\n}\n.timeline p {\n  font-size: .86rem;\n  line-height: 1.5;\n  color: #747a73;\n}\n@media (max-width:700px) {\n  .dad-note {\n    grid-template-columns: 1fr;\n    gap: 15px;\n    padding: 55px 0;\n  }\n  .note-mark {\n    font-size: 5rem;\n  }\n  .dad-quote {\n    font-size: 1.6rem;\n  }\n  .timeline {\n    grid-template-columns: 1fr 1fr;\n    gap: 28px 18px;\n    margin-top: 45px;\n  }\n  .story {\n    padding: 75px 0 90px;\n  }\n}\n.constellation {\n  padding: 100px 0 120px;\n}\n.constellation-intro {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10%;\n  align-items: end;\n  margin: 62px 0 70px;\n}\n.constellation-intro h2 {\n  font-size: clamp(3.2rem,6vw,6rem);\n  margin: 0;\n}\n.constellation-intro p {\n  max-width: 300px;\n  line-height: 1.5;\n  margin: 0;\n}\n.constellation-grid {\n  display: grid;\n  grid-template-columns: repeat(6,1fr);\n  gap: 14px;\n}\n.constellation-card {\n  grid-column: span 2;\n  min-height: 230px;\n  border: 1px solid #c9c5bd;\n  padding: 22px;\n  display: flex;\n  flex-direction: column;\n  transition: .2s;\n}\n.constellation-card.feature {\n  background: var(--coral);\n  border-color: var(--coral);\n  color: var(--ink);\n}\n.constellation-card:nth-child(4) {\n  grid-column: 2 / span 2;\n}\n.constellation-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 25px #17221e12;\n}\n.card-index {\n  font-size: .64rem;\n  text-transform: uppercase;\n  letter-spacing: .16em;\n}\n.constellation-card h3 {\n  font-size: 1.55rem;\n  font-weight: 400;\n  letter-spacing: -.05em;\n  margin: 55px 0 12px;\n}\n.constellation-card h3 b {\n  font-size: 1rem;\n  font-weight: 400;\n  color: var(--coral);\n  margin-left: 6px;\n}\n.feature h3 b {\n  color: var(--ink);\n}\n.constellation-card p {\n  font-size: .86rem;\n  line-height: 1.45;\n  color: #747a73;\n  margin: 0;\n}\n.feature p {\n  color: #3a4a42;\n}\n@media (max-width:700px) {\n  .constellation {\n    padding: 75px 0 90px;\n  }\n  .constellation-intro {\n    grid-template-columns: 1fr;\n    gap: 30px;\n    margin: 45px 0;\n  }\n  .constellation-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n  .constellation-card,.constellation-card:nth-child(4) {\n    grid-column: span 1;\n    min-height: 220px;\n    padding: 16px;\n  }\n  .constellation-card:first-child {\n    grid-column: 1 / -1;\n  }\n  .constellation-card h3 {\n    font-size: 1.25rem;\n    margin: 40px 0 10px;\n  }\n}\n:root {\n  --ink: #17221e;\n  --cream: #f1ede5;\n  --coral: #e7785e;\n  --sage: #b8c8b3;\n  --dark: #1c332b;\n}\n* {\n  box-sizing: border-box;\n}\nhtml {\n  scroll-behavior: smooth;\n}\nbody {\n  margin: 0;\n  background: var(--cream);\n  color: var(--ink);\n  font-family: Arial,Helvetica,sans-serif;\n}\na {\n  color: inherit;\n  text-decoration: none;\n}\n.shell {\n  width: min(1160px,calc(100% - 64px));\n  margin-inline: auto;\n}\n.nav {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 28px 0;\n  border-bottom: 1px solid #c9c5bd;\n}\n.wordmark {\n  font-size: 1.1rem;\n  font-weight: 800;\n  letter-spacing: -.06em;\n}\n.wordmark span {\n  color: var(--coral);\n}\n.nav-links {\n  display: flex;\n  gap: 34px;\n  font-size: .75rem;\n  text-transform: uppercase;\n  letter-spacing: .12em;\n}\n.nav-links a:hover,.nav-contact:hover {\n  color: var(--coral);\n}\n.nav-contact {\n  font-size: .75rem;\n  text-transform: uppercase;\n  letter-spacing: .12em;\n}\n.nav-contact span,.footer-link span {\n  color: var(--coral);\n  font-size: 1.1rem;\n  margin-left: 5px;\n}\n.hero {\n  min-height: 650px;\n  display: grid;\n  grid-template-columns: 1.08fr .92fr;\n  gap: 8%;\n  align-items: center;\n  padding: 72px 0 96px;\n}\n.eyebrow {\n  text-transform: uppercase;\n  letter-spacing: .18em;\n  font-size: .68rem;\n  font-weight: 700;\n  margin: 0 0 26px;\n}\n.eyebrow-dot {\n  display: inline-block;\n  width: 7px;\n  height: 7px;\n  background: var(--coral);\n  border-radius: 50%;\n  margin-right: 10px;\n  vertical-align: 1px;\n}\nh1,h2,h3,p {\n  margin-top: 0;\n}\nh1,h2 {\n  font-weight: 400;\n  letter-spacing: -.075em;\n  line-height: .9;\n}\nh1 {\n  font-size: clamp(4rem,8.5vw,8.2rem);\n  margin: 0 0 35px;\n}\nh1 em,h2 em {\n  color: var(--coral);\n  font-family: Georgia,serif;\n  font-weight: 400;\n}\n.hero-intro {\n  max-width: 380px;\n  font-size: 1.08rem;\n  line-height: 1.45;\n}\n.circle-link {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid var(--ink);\n  border-radius: 50%;\n  width: 52px;\n  height: 52px;\n  margin-top: 65px;\n  font-size: 1.4rem;\n  transition: .2s;\n}\n.circle-link:hover {\n  background: var(--coral);\n  border-color: var(--coral);\n  transform: translateY(4px);\n}\n.hero-image-wrap {\n  position: relative;\n}\n.hero-image-frame {\n  background: var(--sage);\n  padding: 16px 16px 55px;\n  transform: rotate(3deg);\n  box-shadow: 0 20px 40px #17221e18;\n}\n.hero-image-frame img {\n  display: block;\n  width: 100%;\n  aspect-ratio: 1/1.1;\n  object-fit: cover;\n}\n.image-note {\n  position: absolute;\n  bottom: -14px;\n  left: -20px;\n  background: var(--coral);\n  padding: 14px 17px;\n  font: italic .95rem Georgia,serif;\n  line-height: 1.2;\n  transform: rotate(-4deg);\n}\n.about {\n  padding: 110px 0 140px;\n}\n.section-label {\n  border-top: 1px solid #c9c5bd;\n  padding-top: 13px;\n  font-size: .68rem;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n  font-weight: 700;\n}\n.section-label.light {\n  border-color: #668075;\n}\n.about-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10%;\n  margin-top: 65px;\n}\n.about h2,.work h2,.gallery h2,.footer h2 {\n  font-size: clamp(3rem,6.5vw,6.5rem);\n  margin: 0;\n}\n.about h2 span {\n  color: var(--coral);\n  font-family: Georgia,serif;\n  font-style: italic;\n}\n.about-text {\n  padding-top: 13px;\n  max-width: 450px;\n}\n.about-text p {\n  font-size: 1.12rem;\n  line-height: 1.55;\n}\n.about-text .small-note {\n  color: #747a73;\n  font-size: .8rem;\n  line-height: 1.5;\n  margin-top: 50px;\n  border-left: 2px solid var(--coral);\n  padding-left: 16px;\n}\n.work {\n  background: var(--dark);\n  color: var(--cream);\n  padding: 90px 0 110px;\n}\n.work-heading {\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  margin: 63px 0 75px;\n}\n.work-heading p {\n  max-width: 250px;\n  line-height: 1.45;\n  color: #b5c5bc;\n  margin: 0;\n}\n.work-grid {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 1px;\n  border-top: 1px solid #668075;\n}\n.work-card {\n  border-bottom: 1px solid #668075;\n  padding: 28px 22px 35px 0;\n  min-height: 230px;\n}\n.work-card span {\n  color: var(--coral);\n  font-size: .7rem;\n  letter-spacing: .16em;\n}\n.work-card h3 {\n  font-size: 1.4rem;\n  font-weight: 400;\n  margin: 50px 0 13px;\n  letter-spacing: -.04em;\n}\n.work-card p {\n  color: #b5c5bc;\n  line-height: 1.5;\n  font-size: .9rem;\n  max-width: 270px;\n}\n.gallery {\n  padding: 110px 0 140px;\n}\n.gallery-heading {\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  margin: 60px 0 70px;\n}\n.gallery-heading p {\n  max-width: 280px;\n  line-height: 1.45;\n  margin: 0;\n}\n.photo-grid {\n  display: grid;\n  grid-template-columns: 1.15fr .85fr;\n  gap: 28px;\n  align-items: start;\n}\n.photo-grid figure {\n  margin: 0;\n}\n.photo-grid img {\n  width: 100%;\n  height: 280px;\n  object-fit: cover;\n  display: block;\n  filter: saturate(.8);\n}\n.photo-grid .photo-large img {\n  height: 470px;\n}\n.photo-grid .photo-wide {\n  grid-column: 1/-1;\n}\n.photo-grid .photo-wide img {\n  height: 300px;\n  object-position: center 38%;\n}\n.photo-grid figcaption {\n  font-size: .65rem;\n  text-transform: uppercase;\n  letter-spacing: .16em;\n  margin-top: 12px;\n  color: #727870;\n}\n.footer {\n  border-top: 1px solid #c9c5bd;\n  padding: 85px 0 45px;\n  display: flex;\n  justify-content: space-between;\n  min-height: 400px;\n}\n.footer-side {\n  max-width: 290px;\n  padding-top: 15px;\n  display: flex;\n  flex-direction: column;\n}\n.footer-side p {\n  line-height: 1.5;\n}\n.footer-link {\n  font-size: .72rem;\n  text-transform: uppercase;\n  letter-spacing: .12em;\n  margin-top: 35px;\n}\n.footer-side small {\n  color: #8b8a83;\n  margin-top: auto;\n  font-size: .68rem;\n}\n@media (max-width:700px) {\n  .shell {\n    width: min(100% - 36px,560px);\n  }\n  .nav-links {\n    display: none;\n  }\n  .hero {\n    grid-template-columns: 1fr;\n    padding: 60px 0 90px;\n    gap: 55px;\n  }\n  .hero-image-wrap {\n    max-width: 460px;\n    margin: 0 auto;\n  }\n  .about-grid,.work-grid {\n    grid-template-columns: 1fr;\n  }\n  .about,.gallery {\n    padding: 80px 0 100px;\n  }\n  .about-grid {\n    gap: 35px;\n    margin-top: 45px;\n  }\n  .work {\n    padding: 75px 0 85px;\n  }\n  .work-heading,.gallery-heading,.footer {\n    display: block;\n  }\n  .work-heading p,.gallery-heading p {\n    margin-top: 30px;\n  }\n  .work-card {\n    min-height: 0;\n    padding: 25px 0;\n  }\n  .work-card h3 {\n    margin: 28px 0 10px;\n  }\n  .photo-grid {\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n  .photo-grid .photo-large img {\n    height: 310px;\n  }\n  .photo-grid img {\n    height: 180px;\n  }\n  .photo-grid .photo-wide img {\n    height: 190px;\n  }\n  .footer-side {\n    margin-top: 45px;\n    min-height: 180px;\n  }\n}\n"
__vite__updateStyle(__vite__id, __vite__css)
import.meta.hot.accept()
import.meta.hot.prune(() => __vite__removeStyle(__vite__id))