/* diplomatic.quest - Aurora Diplomacy / Generative Embassy */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  --aurora-teal:#0B6E6E;
  --aurora-violet:#5E3B8A;
  --aurora-emerald:#1AAF6C;
  --diplomatic-midnight:#0D1B2A;
  --marble-frost:#E8ECF1;
  --candlelight-gold:#C9973E;
  --slate-corridor:#3D5A6E;
  --deep-emerald:#0A3D2E;
  --axis-color:#2D3B4E;
  --border-color:#4A6670;
  --flow-ease:cubic-bezier(0.25,0.46,0.45,0.94);
}

html{scroll-behavior:smooth}

body{
  font-family:'Libre Baskerville',serif;
  background:var(--diplomatic-midnight);
  color:var(--marble-frost);
  overflow-x:hidden;
  line-height:1.75;
  letter-spacing:0.01em;
}

/* Central Axis */
.central-axis{
  position:fixed;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  z-index:1;
  pointer-events:none;
}
.axis-line{
  width:1px;
  height:100%;
  background:var(--axis-color);
  opacity:0.3;
}

/* Aurora Sections */
.aurora-section{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.aurora-bg{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#0D1B2A 0%,#0B6E6E 25%,#1AAF6C 40%,#5E3B8A 60%,#0B6E6E 80%,#0D1B2A 100%);
  background-size:400% 400%;
  z-index:0;
}
.aurora-bg-slow{animation:auroraShift 20s ease infinite}
.aurora-bg-mid{animation:auroraShift 16s ease infinite}
.aurora-bg-fast{animation:auroraShift 12s ease infinite}

@keyframes auroraShift{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

/* Aurora Particles */
.aurora-particles{
  position:absolute;
  inset:0;
  z-index:1;
}

.particle{
  position:absolute;
  width:2px;
  height:2px;
  border-radius:50%;
  opacity:0.8;
}

/* Hero Content */
.hero-content{
  text-align:center;
  z-index:2;
  position:relative;
}

.hero-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(2.8rem,6vw,7rem);
  font-weight:700;
  letter-spacing:0.03em;
  line-height:1.1;
  color:var(--marble-frost);
  opacity:0;
  transform:translateY(20px);
  animation:fadeUp 1.5s var(--flow-ease) 0.5s forwards;
}

.hero-subtitle{
  font-family:'DM Sans',sans-serif;
  font-size:clamp(0.7rem,0.9vw,0.85rem);
  font-weight:500;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--candlelight-gold);
  margin-top:24px;
  opacity:0;
  transform:translateY(20px);
  animation:fadeUp 1.5s var(--flow-ease) 1.1s forwards;
}

@keyframes fadeUp{
  to{opacity:1;transform:translateY(0)}
}

/* Pull Quote */
.pull-quote{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.4rem,3vw,2.8rem);
  font-weight:400;
  font-style:italic;
  line-height:1.4;
  color:var(--marble-frost);
  text-align:center;
  max-width:680px;
  padding:0 24px;
  position:relative;
  z-index:2;
}

/* Editorial Sections */
.editorial-section{
  padding:120px 24px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.marble-filter{position:absolute;width:0;height:0}

/* Dispatch Frame */
.dispatch-frame{
  max-width:680px;
  width:100%;
  padding:48px;
  position:relative;
  perspective:1200px;
  background:rgba(13,27,42,0.85);
  transition:transform 600ms var(--flow-ease);
  opacity:0;
  transform:translateY(30px);
  transition:opacity 0.6s var(--flow-ease),transform 0.6s var(--flow-ease);
}
.dispatch-frame.visible{
  opacity:1;
  transform:translateY(0);
}

/* Corner Brackets */
.corner-bracket{
  position:absolute;
  width:24px;
  height:24px;
}
.corner-bracket.tl{top:-12px;left:-12px;border-top:1px solid var(--border-color);border-left:1px solid var(--border-color)}
.corner-bracket.tr{top:-12px;right:-12px;border-top:1px solid var(--border-color);border-right:1px solid var(--border-color)}
.corner-bracket.bl{bottom:-12px;left:-12px;border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color)}
.corner-bracket.br{bottom:-12px;right:-12px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}

.corner-bracket::after{
  content:'';
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--candlelight-gold);
  animation:bracketPulse 4s ease-in-out infinite;
}
.corner-bracket.tl::after{top:-1px;left:-1px}
.corner-bracket.tr::after{top:-1px;right:-1px}
.corner-bracket.bl::after{bottom:-1px;left:-1px}
.corner-bracket.br::after{bottom:-1px;right:-1px}

@keyframes bracketPulse{
  0%,100%{opacity:0.3}
  50%{opacity:1}
}

/* Dispatch Header */
.dispatch-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:32px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(61,90,110,0.3);
}

.dispatch-label{
  font-family:'DM Sans',sans-serif;
  font-size:clamp(0.7rem,0.9vw,0.85rem);
  font-weight:500;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--candlelight-gold);
}

.dispatch-date{
  font-family:'DM Sans',sans-serif;
  font-size:0.7rem;
  font-weight:500;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--slate-corridor);
}

/* Dispatch Title */
.dispatch-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.4rem,3vw,2.8rem);
  font-weight:700;
  letter-spacing:0.03em;
  line-height:1.1;
  color:var(--marble-frost);
  margin-bottom:24px;
}

/* Dispatch Body */
.dispatch-body{
  max-width:62ch;
}
.dispatch-body p{
  font-family:'Libre Baskerville',serif;
  font-size:clamp(1rem,1.2vw,1.15rem);
  font-weight:400;
  line-height:1.75;
  color:var(--marble-frost);
  margin-bottom:24px;
}
.dispatch-body p:last-child{margin-bottom:0}

/* Treaty Line Dividers */
.treaty-line{
  width:100%;
  max-width:400px;
  margin:60px auto;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:20px;
}
.treaty-line::before{
  content:'';
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  height:1px;
  background:var(--slate-corridor);
  transform:translateY(-50%);
}
.treaty-line::after{
  content:'';
  position:absolute;
  top:50%;
  left:20%;
  width:60%;
  height:0.5px;
  background:var(--slate-corridor);
  opacity:0.5;
  transform:translateY(-6px);
}

.treaty-diamond{
  width:8px;
  height:8px;
  background:var(--candlelight-gold);
  transform:rotate(45deg);
  position:relative;
  z-index:2;
}

/* Seal Navigation */
.seal-nav{
  position:fixed;
  bottom:24px;
  right:24px;
  z-index:100;
}

.seal-trigger{
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--diplomatic-midnight);
  border:1px solid var(--candlelight-gold);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform 400ms var(--flow-ease);
  position:relative;
  z-index:2;
}
.seal-trigger.open{
  transform:rotate(45deg);
}

.compass-rose-large,.seal-compass{
  width:24px;
  height:24px;
  position:relative;
}
.seal-compass::before,.seal-compass::after{
  content:'';
  position:absolute;
  background:var(--candlelight-gold);
}
.seal-compass::before{
  width:1px;height:100%;left:50%;top:0;transform:translateX(-50%);
}
.seal-compass::after{
  width:100%;height:1px;top:50%;left:0;transform:translateY(-50%);
}

.seal-menu{
  position:absolute;
  bottom:0;
  right:0;
  pointer-events:none;
  opacity:0;
  transition:opacity 0.3s ease;
}
.seal-menu.open{
  pointer-events:auto;
  opacity:1;
}

.seal-link{
  position:absolute;
  width:36px;
  height:36px;
  border-radius:50%;
  background:var(--diplomatic-midnight);
  border:1px solid var(--slate-corridor);
  color:var(--marble-frost);
  font-family:'DM Sans',sans-serif;
  font-size:0.6rem;
  font-weight:500;
  letter-spacing:0.08em;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:all 0.4s var(--flow-ease);
  opacity:0;
  transform:scale(0);
}
.seal-menu.open .seal-link{
  opacity:1;
  transform:scale(1);
}
.seal-link:hover{
  border-color:var(--candlelight-gold);
  color:var(--candlelight-gold);
}

/* Seal motif large (Dispatch IV) */
.seal-motif-large{
  width:160px;
  height:160px;
  border-radius:50%;
  border:2px solid var(--candlelight-gold);
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
}
.compass-rose-large{
  width:80px;
  height:80px;
}
.compass-rose-large::before,.compass-rose-large::after{
  content:'';
  position:absolute;
  background:var(--candlelight-gold);
}
.compass-rose-large::before{
  width:2px;height:100%;left:50%;top:0;transform:translateX(-50%);
}
.compass-rose-large::after{
  width:100%;height:2px;top:50%;left:0;transform:translateY(-50%);
}

.dispatch-content{
  position:relative;
  z-index:2;
}

/* Responsive */
@media(max-width:768px){
  .central-axis{display:none}
  .dispatch-frame{padding:32px 20px}
  .dispatch-header{flex-direction:column;gap:8px;align-items:flex-start}
  .seal-nav{bottom:16px;right:16px}
  .editorial-section{padding:80px 16px}
}