/* Holding page for vidimus.uk. Values match the home hero in src/styles/global.css. */

@font-face { font-family: 'Cinzel'; font-weight: 500; font-display: swap; src: url('/fonts/cinzel-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Cinzel'; font-weight: 700; font-display: swap; src: url('/fonts/cinzel-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'EB Garamond'; font-weight: 400; font-display: swap; src: url('/fonts/eb-garamond-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 500; font-display: swap; src: url('/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2'); }

:root {
  --ground: #0a0a0b;
  --display: #e8e8ea;
  --body: #c4c4ca;
  --secondary: #8c8c93;
  --divider: #46464d;
}

*,
*::before,
*::after { box-sizing: border-box; }
html,
body { margin: 0; background: var(--ground); }
body { min-height: 100vh; display: grid; place-items: center; color: var(--body); -webkit-font-smoothing: antialiased; }

.atmos {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(1200px 780px at 12% -10%, rgba(158, 164, 182, 0.115), transparent 62%),
    radial-gradient(1000px 660px at 90% 4%, rgba(118, 124, 142, 0.075), transparent 64%),
    radial-gradient(1100px 900px at 46% 112%, rgba(96, 101, 116, 0.07), transparent 60%);
}
.grain {
  position: fixed; inset: 0; z-index: 2; pointer-events: none; mix-blend-mode: overlay; opacity: 0.045; background-size: 170px 170px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22170%22 height=%22170%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.85%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22170%22 height=%22170%22 filter=%22url(%23n)%22/%3E%3C/svg%3E");
}

.hold { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: clamp(26px, 3.4vw, 40px); padding: 56px 20px; text-align: center; }
.hold__mark { height: 54px; width: auto; display: block; }
.hold__col { display: flex; flex-direction: column; width: fit-content; max-width: 100%; }
.hold__title { margin: 0 -0.1em 0 0; font: 500 clamp(54px, 14vw, 110px)/0.75 'Cinzel', Georgia, serif; letter-spacing: 0.1em; color: var(--display); white-space: nowrap; }
.hold__title span { font-size: 0.77em; }
.hold__rule { height: 1px; background: var(--divider); margin: clamp(18px, 2.2vw, 26px) 0; }
.hold__line { margin: 0 -0.14em 0 0; font: 400 clamp(11px, 2.9vw, 19px)/1.2 'EB Garamond', Georgia, serif; letter-spacing: 0.14em; color: var(--display); white-space: nowrap; }
.hold__contact { font: 500 12px/1 'IBM Plex Mono', ui-monospace, Menlo, monospace; letter-spacing: 0.08em; color: var(--body); text-decoration: none; padding: 6px 0; border-bottom: 1px solid var(--divider); }
.hold__contact:hover { color: var(--display); }
.hold__seen { margin: 0; font: 700 clamp(11px, 1.1vw, 14px)/1 'Cinzel', Georgia, serif; letter-spacing: 0.42em; padding-left: 0.42em; color: var(--body); }