/* Enquiries page: a sealed letter carried on a comet's tail (original artwork). */
.eq-hero { min-height: min(84vh, 820px); }
.eq-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.72) 34%, rgba(0,0,0,0) 60%); pointer-events: none; }
.eq-copy { position: relative; z-index: 1; width: 100%; max-width: 1240px; margin: 0 auto; padding: 90px 80px 110px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.eq-h1 { margin: 0; font-family: var(--font-display); font-weight: 500; font-size: clamp(42px, 5.6vw, 72px); line-height: 1.08; color: var(--ink); }
.eq-lede { margin: 0; max-width: 460px; font-size: 16px; line-height: 1.7; color: var(--ink-dim); }
.eq-mail { font-family: var(--font-display); font-style: italic; font-size: clamp(24px, 2.6vw, 32px); color: var(--ink); border-bottom: 1px solid var(--ink); }

/* Envelope, seal and floating motion */
.mc-env { fill: var(--bg); stroke: var(--ink); stroke-width: 1.6; }
.mc-env-inner { fill: none; stroke: var(--ink); stroke-width: .5; stroke-dasharray: 2 3; opacity: .5; }
.mc-env-line { fill: none; stroke: var(--ink); stroke-width: 1; opacity: .7; }
.mc-env-flap { fill: none; stroke: var(--ink); stroke-width: 1.4; stroke-linejoin: round; }
.mc-seal-wax { fill: var(--scarlet); stroke: #7a1d22; stroke-width: 1; }
.mc-seal-ring { fill: none; stroke: #f4d8c8; stroke-width: .8; opacity: .55; }
.mc-seal-star { fill: #f8e3d4; opacity: .9; }
.mc-seal { animation: eq-seal 3.6s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.mc-env-float { animation: eq-float 6.5s ease-in-out infinite; }
@keyframes eq-float { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(-6px, -12px) rotate(-1.2deg); } }
@keyframes eq-seal { 0%, 100% { filter: drop-shadow(0 0 0 rgba(200,50,58,0)); } 50% { filter: drop-shadow(0 0 10px rgba(200,50,58,.7)); } }

/* Letter form */
.eq-write-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: clamp(40px, 7vw, 100px); align-items: start; }
.eq-h2 { margin: 18px 0 0; font-family: var(--font-display); font-weight: 500; font-size: clamp(34px, 4vw, 52px); line-height: 1.1; color: var(--ink); }
.eq-note { margin: 18px 0 0; max-width: 380px; font-size: 15px; line-height: 1.7; color: var(--ink-dim); }
.eq-form { display: flex; flex-direction: column; gap: 18px; }
.eq-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.eq-field { display: flex; flex-direction: column; gap: 8px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-dim); }
.eq-field input, .eq-field select, .eq-field textarea { padding: 13px 14px; background: var(--bg-deep); border: 1px solid var(--line); border-radius: 2px; color: var(--ink); font-family: var(--font-sans); font-size: 15px; letter-spacing: normal; text-transform: none; box-sizing: border-box; width: 100%; }
.eq-field textarea { font-family: var(--font-display); font-size: 19px; line-height: 1.6; resize: vertical; background-image: repeating-linear-gradient(180deg, transparent 0, transparent 29px, rgba(244,234,210,.08) 29px, rgba(244,234,210,.08) 30px); background-position: 0 13px; }
.eq-field input:focus, .eq-field select:focus, .eq-field textarea:focus { outline: 1px solid var(--ink-dim); outline-offset: 1px; }
.eq-form .pv-btn { align-self: flex-start; cursor: pointer; }

@media (max-width: 860px) {
  .eq-hero { min-height: 0; align-items: flex-end; }
  .eq-hero .pv-hero-art { height: 64vw; min-height: 280px; bottom: auto; overflow: hidden; }
  .eq-hero .pv-hero-art .mc-env-art { position: absolute; top: 0; right: -30%; width: auto; height: 100%; aspect-ratio: 1600 / 720; }
  .eq-shade { background: linear-gradient(180deg, rgba(0,0,0,0) 30vw, #000 max(64vw, 280px)); }
  .eq-copy { padding: calc(max(64vw, 280px) + 10px) 24px 64px; }
  .eq-write-in { grid-template-columns: 1fr; }
  .eq-row { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .mc-seal, .mc-env-float { animation: none !important; } }
