/*
Theme Name: Axia under construction 9.1
Theme URI: https://axia.tn/
Author: AXIA
Description: Temporary one-page AXIA under-construction theme with black-and-gold branding.
Version: 9.1.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: axia-under-construction
License: Proprietary
*/

:root{
  --bg:#fbf8f1;
  --ink:#11100e;
  --gold:#b98738;
  --gold-light:#dfbd79;
  --muted:#786f64;
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;}
html{background:var(--bg)}
body{
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 50% 12%,rgba(208,168,96,.15),transparent 28%),
    radial-gradient(circle at 18% 85%,rgba(208,168,96,.07),transparent 24%),
    linear-gradient(180deg,#fffdf9 0%,#fbf8f1 72%,#f6eee0 100%);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
}

.axia-uc-shell{
  min-height:100vh;
  width:100%;
  display:grid;
  place-items:center;
  padding:38px 22px;
  position:relative;
  isolation:isolate;
}
.axia-uc-shell::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}

.axia-uc-card{
  width:min(680px,100%);
  text-align:center;
  animation:axiaFade .9s cubic-bezier(.2,.7,.2,1) both;
}

.axia-uc-logo{
  display:block;
  width:min(330px,78vw);
  height:auto;
  margin:0 auto 28px;
  mix-blend-mode:multiply;
  filter:drop-shadow(0 18px 26px rgba(76,50,15,.07));
}

.axia-uc-kicker{
  margin:0 0 16px;
  color:var(--gold);
  font-size:11px;
  line-height:1.4;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.34em;
}

.axia-uc-title{
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(42px,7vw,72px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.025em;
  color:#141210;
}

.axia-uc-copy{
  width:min(510px,100%);
  margin:20px auto 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.8;
}

.axia-uc-rule{
  width:92px;
  height:1px;
  margin:30px auto;
  background:linear-gradient(90deg,transparent,var(--gold-light),transparent);
}

.axia-uc-contact{
  margin:0;
  font-size:11px;
  font-weight:700;
  line-height:1.5;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#4e4841;
}
.axia-uc-contact a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(185,135,56,.45);
  padding-bottom:3px;
}

.axia-uc-status{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:28px;
  color:#8b7c6a;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.23em;
}
.axia-uc-status-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 5px rgba(185,135,56,.1);
  animation:axiaPulse 2.2s ease-in-out infinite;
}

@keyframes axiaFade{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
@keyframes axiaPulse{
  0%,100%{box-shadow:0 0 0 5px rgba(185,135,56,.08)}
  50%{box-shadow:0 0 0 9px rgba(185,135,56,.025)}
}

@media(max-width:520px){
  .axia-uc-shell{padding:28px 18px}
  .axia-uc-logo{width:min(285px,82vw);margin-bottom:24px}
  .axia-uc-kicker{font-size:10px;letter-spacing:.25em}
  .axia-uc-copy{font-size:14px;line-height:1.7}
  .axia-uc-contact{font-size:10px;letter-spacing:.13em}
}

@media(prefers-reduced-motion:reduce){
  .axia-uc-card,.axia-uc-status-dot{animation:none!important}
}