/* =====================================
   DENARYA CORPORATE HOME
===================================== */

:root {
  --bg: #050505;
  --bg-soft: #0a0a0a;

  --surface: rgba(255, 255, 255, 0.025);
  --surface-hover: rgba(255, 255, 255, 0.045);

  --border: rgba(255, 255, 255, 0.11);
  --border-strong: rgba(255, 255, 255, 0.18);

  --text: #f5f5f2;
  --text-soft: rgba(245, 245, 242, 0.72);
  --text-muted: rgba(245, 245, 242, 0.46);

  --gold: #a98653;

  --lucubrare: rgba(111, 90, 173, 0.35);
  --denarya: rgba(169, 134, 83, 0.34);
  --colligo: rgba(72, 119, 123, 0.34);

  --shell: 1440px;
}


* {
  box-sizing: border-box;
}


html {
  background: var(--bg);
}


body {
  margin: 0;

  min-width: 320px;

  background:
    radial-gradient(
      circle at 50% 35%,
      rgba(255, 255, 255, 0.032),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #080808 0%,
      #050505 52%,
      #030303 100%
    );

  color: var(--text);

  font-family:
    "IBM Plex Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


a {
  color: inherit;
  text-decoration: none;
}


/* =====================================
   PAGE
===================================== */

.corporate-home {
  position: relative;

  min-height: 100vh;
  min-height: 100svh;

  overflow: hidden;
}


.corporate-home::before {
  content: "";

  position: fixed;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.012) 50%,
      transparent 100%
    );

  opacity: 0.65;
}


.corporate-home::after {
  content: "";

  position: fixed;
  inset: 0;

  pointer-events: none;

  background-image:
    radial-gradient(
      rgba(255, 255, 255, 0.055) 0.55px,
      transparent 0.55px
    );

  background-size: 5px 5px;

  opacity: 0.08;
}


/* =====================================
   NAV
===================================== */

.corporate-nav {
  position: relative;
  z-index: 10;

  width: min(
    calc(100% - 80px),
    var(--shell)
  );

  margin: 0 auto;
  padding-top: 34px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}


.corporate-mark {
  display: grid;
  place-items: center;

  width: 36px;
  height: 36px;

  border: 1px solid rgba(169, 134, 83, 0.62);
  border-radius: 50%;

  color: #d5b77d;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.02em;

  transition:
    border-color 180ms ease,
    color 180ms ease,
    background 180ms ease;
}


.corporate-mark:hover {
  color: #f0d7a4;
  border-color: rgba(213, 183, 125, 0.9);
  background: rgba(169, 134, 83, 0.06);
}


.corporate-about-link {
  position: relative;

  padding: 8px 0;

  color: rgba(255, 255, 255, 0.74);

  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.19em;
  text-transform: uppercase;

  transition: color 180ms ease;
}


.corporate-about-link::after {
  content: "";

  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;

  height: 1px;

  background: var(--gold);

  transform: scaleX(0);
  transform-origin: right;

  transition: transform 220ms ease;
}


.corporate-about-link:hover {
  color: #fff;
}


.corporate-about-link:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}


/* =====================================
   HERO
===================================== */

.corporate-hero {
  position: relative;
  z-index: 2;

  width: min(
    calc(100% - 80px),
    var(--shell)
  );

  margin: 0 auto;

  padding:
    78px
    0
    58px;
}


.corporate-intro {
  text-align: center;

  margin-bottom: 54px;
}


.corporate-kicker {
  margin: 0 0 12px;

  color: var(--gold);

  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.28em;
  text-transform: uppercase;

  opacity: 0.8;
}


.corporate-intro h1 {
  margin: 0;

  color: #f5f5f2;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: clamp(
    52px,
    6.2vw,
    92px
  );

  font-weight: 400;
  line-height: 0.95;

  letter-spacing: 0.055em;
}


.corporate-subtitle {
  margin: 22px 0 0;

  color: rgba(197, 168, 113, 0.78);

  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.27em;
  text-transform: uppercase;
}


/* =====================================
   DEVELOPMENT NOTICE
===================================== */

.development-notice {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 18px;

  margin:
    0
    0
    28px;

  padding:
    13px
    20px;

  overflow: hidden;

  border:
    1px
    solid
    rgba(201, 164, 104, 0.42);

  border-radius: 14px;

  background:
    linear-gradient(
      90deg,
      rgba(169, 134, 83, 0.045) 0%,
      rgba(169, 134, 83, 0.12) 50%,
      rgba(169, 134, 83, 0.045) 100%
    ),
    rgba(7, 7, 7, 0.72);

  box-shadow:
    inset 0 1px 0 rgba(255, 227, 174, 0.055),
    0 14px 40px rgba(0, 0, 0, 0.18);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}


.development-notice::before {
  content: "";

  position: absolute;

  top: 0;
  left: 12%;
  right: 12%;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(222, 187, 125, 0.48),
      transparent
    );

  pointer-events: none;
}


.development-notice-status {
  flex: 0 0 auto;

  display: inline-flex;
  align-items: center;

  gap: 8px;

  color: #d8b779;

  font-size: 9px;
  font-weight: 600;

  letter-spacing: 0.22em;
  text-transform: uppercase;

  white-space: nowrap;
}


.development-notice-dot {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #c9a468;

  box-shadow:
    0 0 0 3px rgba(201, 164, 104, 0.09),
    0 0 12px rgba(201, 164, 104, 0.36);

  animation:
    development-status-pulse
    2.8s
    ease-in-out
    infinite;
}


.development-notice-divider {
  flex: 0 0 auto;

  width: 1px;
  height: 16px;

  background:
    rgba(201, 164, 104, 0.28);
}


.development-notice p {
  margin: 0;

  color:
    rgba(245, 245, 242, 0.62);

  font-size: 11px;
  font-weight: 400;

  line-height: 1.55;
  letter-spacing: 0.015em;
}


@keyframes development-status-pulse {
  0%,
  100% {
    opacity: 0.62;

    transform:
      scale(0.9);
  }

  50% {
    opacity: 1;

    transform:
      scale(1);
  }
}


@media (max-width: 720px) {

  .development-notice {
    flex-direction: column;

    gap: 8px;

    padding:
      14px
      18px;

    text-align: center;
  }


  .development-notice-divider {
    display: none;
  }


  .development-notice p {
    max-width: 440px;

    font-size: 10.5px;
  }

}


@media (prefers-reduced-motion: reduce) {

  .development-notice-dot {
    animation: none;
  }

}


/* =====================================
   PRODUCT PORTALS
===================================== */

.product-portals {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 18px;
}


.product-portal {
  position: relative;

  min-width: 0;

  overflow: hidden;

  border: 1px solid var(--border);
  border-radius: 11px;

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.035),
      rgba(255, 255, 255, 0.014)
    );

  box-shadow:
    0 22px 70px rgba(0, 0, 0, 0.32);

  transform: translateY(0);

  transition:
    transform 260ms ease,
    border-color 260ms ease,
    background 260ms ease,
    box-shadow 260ms ease;
}


.product-portal::before {
  content: "";

  position: absolute;

  width: 80%;
  aspect-ratio: 1;

  left: 50%;
  top: 18%;

  transform: translateX(-50%);

  border-radius: 50%;

  filter: blur(70px);

  opacity: 0.22;

  pointer-events: none;

  transition:
    opacity 260ms ease,
    transform 260ms ease;
}


.product-portal-lucubrare::before {
  background: var(--lucubrare);
}


.product-portal-denarya::before {
  background: var(--denarya);
}


.product-portal-colligo::before {
  background: var(--colligo);
}


.product-portal:hover {
  transform: translateY(-5px);

  border-color: var(--border-strong);

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.052),
      rgba(255, 255, 255, 0.02)
    );

  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.48);
}


.product-portal:hover::before {
  opacity: 0.38;

  transform:
    translateX(-50%)
    scale(1.08);
}


/* =====================================
   PRODUCT VISUAL
===================================== */

.product-visual {
  position: relative;

  height: 355px;

  overflow: hidden;

  border-bottom:
    1px solid rgba(255, 255, 255, 0.07);

  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.015),
      rgba(0, 0, 0, 0.28)
    );
}


.product-placeholder {
  position: absolute;

  inset: 0;

  display: grid;
  place-items: center;

  color: rgba(255, 255, 255, 0.18);

  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}


.product-visual::after {
  content: "";

  position: absolute;

  inset: auto 0 0;

  height: 48%;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(0, 0, 0, 0.72)
    );

  pointer-events: none;
}


/* =====================================
   PRODUCT COPY
===================================== */

.product-content {
  position: relative;

  min-height: 154px;

  padding: 26px 28px 28px;

  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}


.product-category {
  display: block;

  margin-bottom: 11px;

  color: var(--text-muted);

  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}


.product-content h2 {
  margin: 0;

  color: #f6f5f1;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 27px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.015em;
}


.product-content p {
  max-width: 270px;

  margin: 12px 0 0;

  color: var(--text-soft);

  font-size: 12px;
  line-height: 1.6;
}


.product-arrow {
  flex: 0 0 auto;

  display: grid;
  place-items: center;

  width: 31px;
  height: 31px;

  margin-bottom: 2px;

  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;

  color: rgba(255, 255, 255, 0.68);

  font-size: 13px;

  transition:
    color 220ms ease,
    border-color 220ms ease,
    transform 220ms ease;
}


.product-portal:hover .product-arrow {
  color: #fff;

  border-color: rgba(255, 255, 255, 0.28);

  transform:
    translate(2px, -2px);
}


/* =====================================
   FOUNDER
===================================== */

.founder-link {
  width: fit-content;

  margin:
    54px
    auto
    0;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 12px;

  color: rgba(255, 255, 255, 0.72);
}


.founder-label {
  color: var(--gold);

  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}


.founder-name {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 15px;
  letter-spacing: 0.015em;

  transition: color 180ms ease;
}


.founder-arrow {
  color: rgba(255, 255, 255, 0.38);

  font-size: 13px;

  transition:
    color 180ms ease,
    transform 180ms ease;
}


.founder-link:hover .founder-name {
  color: #fff;
}


.founder-link:hover .founder-arrow {
  color: var(--gold);

  transform: translateX(4px);
}


/* =====================================
   ACCESSIBILITY
===================================== */

.corporate-mark:focus-visible,
.corporate-about-link:focus-visible,
.product-portal:focus-visible,
.founder-link:focus-visible {
  outline:
    2px solid rgba(197, 168, 113, 0.85);

  outline-offset: 4px;
}


/* =====================================
   CRISP PORTAL VISUAL OVERRIDE
   Remove artificial image gradients.
===================================== */

.product-visual {
  background: #070707;
}


/* Remove the lower visual fade entirely. */
.product-visual::after {
  display: none;
}


/* Keep placeholder presentation neutral
   until real product media is installed. */
.product-placeholder {
  background: transparent;
}


/* Make the content boundary deliberate
   instead of blending image and copy. */
.product-content {
  background: #080808;
}


/* Remove the broad glow sitting behind
   each product visual. */
.product-portal::before {
  display: none;
}


/* Keep hover treatment crisp as well. */
.product-portal,
.product-portal:hover {
  background: #080808;
}


/* =====================================
   CORPORATE CANVAS — PURE BLACK
   No gradients, glow, or atmospheric wash.
===================================== */

html,
body {
  background: #050505;
}


body {
  background-image: none;
}


.corporate-home::before {
  display: none;
}

/* =====================================
   CORPORATE DENARYA MARK — IMAGE OVERRIDE
===================================== */

.corporate-mark {
  width: 46px;
  height: 46px;

  padding: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 0;
  border-radius: 50%;

  background: transparent;

  box-shadow: none;

  overflow: visible;

  transition:
    transform 180ms ease,
    opacity 180ms ease;
}


.corporate-mark img {
  display: block;

  width: 36px;
  height: 36px;

  object-fit: cover;

  border-radius: 50%;
}


.corporate-mark:hover {
  transform: scale(1.06);

  opacity: 0.9;

  border-color: transparent;
  background: transparent;

  box-shadow: none;
}

/* =====================================
   CORPORATE APPEARANCE BRIDGE — START
===================================== */

html {
  color-scheme: dark;
}


@media (prefers-color-scheme: light) {

  :root {
    --bg: #f6f1e7;
    --bg-soft: #eee7dc;

    --surface: rgba(23, 19, 15, 0.018);
    --surface-hover: rgba(23, 19, 15, 0.036);

    --border: rgba(23, 19, 15, 0.12);
    --border-strong: rgba(23, 19, 15, 0.20);

    --text: #17130f;
    --text-soft: rgba(23, 19, 15, 0.68);
    --text-muted: rgba(23, 19, 15, 0.46);

    --gold: #8f642c;

    --lucubrare: rgba(93, 73, 148, 0.14);
    --denarya: rgba(143, 100, 44, 0.14);
    --colligo: rgba(58, 100, 103, 0.14);
  }


  html {
    color-scheme: light;

    background: var(--bg);
  }


  body {
    background: var(--bg) !important;

    color: var(--text);
  }


  /*
    No decorative gradient/noise treatment in light mode.
    Preserve the same restrained editorial composition.
  */

  .corporate-home::before,
  .corporate-home::after {
    display: none;
  }


  .corporate-home {
    background: var(--bg);
  }


  .corporate-nav {
    background: transparent;
  }


  .corporate-about-link {
    color: var(--text-soft) !important;
  }


  .corporate-about-link:hover {
    color: var(--gold) !important;
  }


  .corporate-kicker,
  .product-category {
    color: var(--gold) !important;
  }


  .corporate-intro h1,
  .product-content h2 {
    color: var(--text) !important;
  }


  .corporate-subtitle,
  .product-content p {
    color: var(--text-soft) !important;
  }


  .product-portal {
    border-color: var(--border) !important;

    background: var(--surface) !important;

    box-shadow: none !important;
  }


  .product-portal:hover {
    border-color: var(--border-strong) !important;

    background: var(--surface-hover) !important;
  }


  .product-visual {
    border-color: var(--border) !important;

    background: #eee7dc !important;
  }


  .product-placeholder {
    color: var(--text-muted) !important;
  }


  .product-arrow {
    color: var(--gold) !important;

    border-color: var(--border) !important;

    background: transparent !important;
  }


  .product-portal:hover .product-arrow {
    color: var(--gold) !important;

    border-color: var(--gold) !important;
  }


  .corporate-home footer,
  .corporate-home footer a,
  .corporate-home footer strong {
    color: var(--text-soft);
  }

}


/* =====================================
   CORPORATE APPEARANCE BRIDGE — END
===================================== */

/* =====================================
   CORPORATE LIGHT PORTAL SURFACES — START
===================================== */

@media (prefers-color-scheme: light) {

  /*
    The dark-mode crisp override gives the lower copy
    panel a hard #080808 background.

    In light mode the card should instead read as one
    continuous warm editorial surface.
  */

  .product-content {
    background: transparent !important;
  }


  .product-portal,
  .product-portal:hover {
    background: var(--surface) !important;
  }


  .product-content h2 {
    color: var(--text) !important;
  }


  .product-content p {
    color: var(--text-soft) !important;
  }


  .product-category {
    color: var(--gold) !important;
  }


  .product-arrow {
    color: var(--gold) !important;

    border-color: var(--border) !important;

    background: transparent !important;
  }


  .product-portal:hover .product-arrow {
    color: var(--gold) !important;

    border-color: var(--gold) !important;
  }


  /*
    The founder credit also used dark-only text colors.
  */

  .founder-link,
  .founder-name {
    color: var(--text-soft) !important;
  }


  .founder-arrow {
    color: var(--gold) !important;
  }


  .founder-link:hover .founder-name,
  .founder-link:hover .founder-arrow {
    color: var(--gold) !important;
  }

}

/* =====================================
   CORPORATE LIGHT PORTAL SURFACES — END
===================================== */


/* =====================================
   PRODUCT PORTAL — REAL VISUALS
===================================== */

.product-image {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition:
    transform 420ms ease;
}


/* Preserve the strongest composition
   within each intentionally cropped card. */

.product-portal-lucubrare .product-image {
  object-position: center center;
}

.product-portal-denarya .product-image {
  object-position: 42% center;
}

.product-portal-colligo .product-image {
  object-position: center center;
}


/* Very subtle motion — enough to make the
   portal feel alive without looking animated. */

.product-portal:hover .product-image {
  transform: scale(1.018);
}