/* --- EDITORIAL SYSTEM CONSTANTS --- */
:root {
  --black: #050505;
  --white: #ffffff;
  --hairline: rgba(255, 255, 255, 0.08);
  --grey: #a0a0a0;
  --light-grey: rgba(255, 255, 255, 0.6);
  --transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* --- DOCUMENT RESET & BASE STYLE --- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html.lenis {
  height: auto;
}

body {
  background-color: var(--black);
  color: var(--white);
  font-family: "Inter", sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* --- LUXURY EDITORIAL FONTS --- */
.serif-italic {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}

/* --- EDITORIAL HAIRLINE FRAME --- */
.frame-line {
  position: fixed;
  background: var(--hairline);
  z-index: 999;
  pointer-events: none;
}
.frame-top {
  top: 30px;
  left: 30px;
  right: 30px;
  height: 1px;
}
.frame-bottom {
  bottom: 30px;
  left: 30px;
  right: 30px;
  height: 1px;
}
.frame-left {
  top: 30px;
  bottom: 30px;
  left: 30px;
  width: 1px;
}
.frame-right {
  top: 30px;
  bottom: 30px;
  right: 30px;
  width: 1px;
}