/*
Theme Name: Terrain — Coming 2027
Description: A standalone temporary holding page for Terrain Automotive.
Version: 1.0.0
Author: Terrain Automotive
Text Domain: terrain-coming-2027
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
*/

html { min-height:100%;background:#050d17; }
body.terrain-holding-body {
  margin:0!important;min-width:280px;min-height:100vh;overflow-x:hidden;
  background:#050d17!important;color:#f6f5f1;
  font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;
}
.terrain-holding,.terrain-holding *,.terrain-holding *::before,.terrain-holding *::after { box-sizing:border-box; }
.terrain-holding {
  position:relative;isolation:isolate;display:grid;place-items:end center;
  width:100%;min-height:100vh;min-height:100svh;
  padding:clamp(28px,6.8vh,78px) clamp(20px,5vw,72px);
  overflow:hidden;
}
.terrain-holding__scene { position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none; }
.terrain-holding__ocean {
  display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:50% 50%;
  transform:scale(1.025);transform-origin:63% 43%;
  animation:terrain-holding-ocean 36s ease-in-out infinite alternate;
}
.terrain-holding__shade {
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(2,8,16,.14) 0%,rgba(2,8,16,.03) 36%,rgba(2,8,16,.12) 57%,rgba(2,7,14,.55) 100%),
    linear-gradient(90deg,rgba(2,7,14,.18),transparent 28%,transparent 72%,rgba(2,7,14,.18));
}
.terrain-holding__light {
  position:absolute;inset:-5%;opacity:.08;mix-blend-mode:screen;
  background:radial-gradient(ellipse at 65% 34%,rgba(181,218,255,.42),transparent 37%);
  animation:terrain-holding-light 17s ease-in-out infinite alternate;
}
.terrain-holding__panel {
  width:min(100%,1040px);margin:0;
  padding:30px clamp(22px,4vw,48px) 31px;
  border:1px solid rgba(210,220,225,.14);border-radius:20px;
  background:rgba(9,15,23,.75);box-shadow:0 22px 90px rgba(0,0,0,.21);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  text-align:center;
  animation:terrain-holding-panel 1s cubic-bezier(.22,1,.36,1) both;
}
.terrain-holding__brand {
  margin:0;color:#c3c2ba;font-size:16px;font-weight:600;line-height:1.4;
  letter-spacing:.025em;
}
.terrain-holding h1 {
  margin:23px 0 0;padding:0;color:#f7f7f5;
  font-size:clamp(29px,3.1vw,40px);font-weight:600;line-height:1.17;letter-spacing:-.027em;
  text-wrap:balance;
}
.terrain-holding__description {
  margin:19px 0 0;color:#cac9c3;font-size:clamp(16px,1.6vw,20px);font-weight:400;line-height:1.45;
  text-wrap:balance;
}
.terrain-holding__rule {
  width:100%;height:1px;margin:29px 0 30px;
  background:linear-gradient(90deg,rgba(197,182,157,.12),rgba(197,182,157,.44) 25%,rgba(197,182,157,.44) 75%,rgba(197,182,157,.12));
  transform-origin:50% 50%;animation:terrain-holding-rule 1.2s cubic-bezier(.22,1,.36,1) .2s both;
}
.terrain-holding__date {
  margin:0;color:#d9cbb6;font-size:25px;font-weight:600;line-height:1.25;letter-spacing:.02em;
}
@keyframes terrain-holding-panel { from { opacity:0;transform:translateY(16px); } to { opacity:1;transform:none; } }
@keyframes terrain-holding-rule { from { opacity:0;transform:scaleX(.35); } to { opacity:1;transform:scaleX(1); } }
@keyframes terrain-holding-ocean { from { transform:scale(1.025) translate3d(0,0,0); } to { transform:scale(1.065) translate3d(-.5%,-.35%,0); } }
@keyframes terrain-holding-light { from { opacity:.06;transform:translate3d(-1%,0,0); } to { opacity:.23;transform:translate3d(1%,0,0); } }
@media (max-width:600px) {
  .terrain-holding { padding:30px 18px max(28px,env(safe-area-inset-bottom)); }
  .terrain-holding__ocean { object-position:66% 50%;animation-duration:44s; }
  .terrain-holding__panel { padding:28px 20px 27px;border-radius:16px;background:rgba(7,14,23,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); }
  .terrain-holding__brand { font-size:13px;letter-spacing:.045em; }
  .terrain-holding h1 { margin-top:20px;font-size:clamp(27px,7.4vw,35px);line-height:1.16; }
  .terrain-holding__description { margin-top:17px;font-size:16px;line-height:1.5; }
  .terrain-holding__rule { margin:25px 0 26px; }
  .terrain-holding__date { font-size:23px; }
}
@media (max-height:580px) and (min-width:601px) {
  .terrain-holding { padding:22px 32px; }
  .terrain-holding__panel { max-width:900px;padding:21px 34px 22px; }
  .terrain-holding h1 { margin-top:14px;font-size:33px; }
  .terrain-holding__description { margin-top:12px;font-size:18px; }
  .terrain-holding__rule { margin:21px 0; }
  .terrain-holding__date { font-size:23px; }
}
@media (prefers-reduced-motion:reduce) {
  .terrain-holding * { animation:none!important;transition:none!important; }
  .terrain-holding__ocean { transform:none; }
  .terrain-holding__light { opacity:.08; }
}
@media print {
  .terrain-holding { min-height:0;padding:24px; }
  .terrain-holding__scene { display:none; }
  .terrain-holding__panel { color:#111;background:#fff;border:1px solid #ddd;box-shadow:none;backdrop-filter:none; }
  .terrain-holding__panel p,.terrain-holding h1 { color:#111; }
  .terrain-holding * { animation:none!important; }
}