:root{
  --atlas-night:#07131d;
  --atlas-deep:#0b2230;
  --atlas-gold:#c99b55;
  --atlas-gold-soft:#e8ca8b;
  --atlas-cyan:#2c7f86;
  --atlas-paper:#f2f0e7;
  --atlas-line:rgba(125,91,43,.24);
  --panel:#0b1b28;
  --grid:rgba(201,155,85,.25);
  --bg:#07131d;
  --ink:#e9e3d2;
  --muted:#9eaaad;
  --cyan:#74cad0;
}

body{
  background-color:var(--atlas-paper)!important;
  background-image:
    linear-gradient(rgba(241,244,241,.92),rgba(244,245,239,.97)),
    linear-gradient(rgba(9,48,67,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(9,48,67,.045) 1px,transparent 1px),
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(102,83,54,.035) 32px)!important;
  background-size:auto,32px 32px,32px 32px,auto!important;
}

body::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;right:0;top:0;height:570px;
  background-position:center;
  background-size:cover;
  opacity:.22;
  filter:saturate(.82);
  mask-image:linear-gradient(#000 0 58%,transparent 100%);
}

body.page-about::before{background-image:url('assets/nautical/port-lausanne-forest.png')}
body.page-research::before{background-image:url('assets/nautical/port-heidelberg-cloudsea.png')}
body.page-blueprint::before{background-image:url('assets/nautical/port-shanghai-dawn.png')}

nav{
  background:linear-gradient(90deg,rgba(4,15,23,.97),rgba(7,29,42,.94),rgba(4,15,23,.97))!important;
  border-bottom:1px solid rgba(201,155,85,.28)!important;
  box-shadow:0 12px 35px rgba(1,9,14,.18),inset 0 -1px rgba(232,202,139,.06);
}

nav a,nav button{color:#d7dedc!important}
nav a{font-size:14.5px!important}
nav button{
  font-size:13px!important;
  padding:8px 14px!important;
  border-color:rgba(201,155,85,.34)!important;
  background:transparent!important;
}
nav a span:first-child{color:inherit}
nav a[href="index.html"] span:first-child{color:var(--atlas-gold-soft)!important}
nav button:hover{border-color:var(--atlas-gold-soft)!important}

body[class*="page-"]{font-size:16px}
body[class*="page-"] footer{font-size:13.5px!important}
body[class*="page-"] a[style*="padding:30px"] span{font-size:16px!important}

a{transition:color .2s,border-color .2s,transform .2s}
a:hover{color:#82602c!important}

header{position:relative}
header::after{
  content:"N · PERSONAL ATLAS";
  position:absolute;
  right:28px;top:132px;
  color:rgba(92,69,38,.5);
  font:9px/1.4 'JetBrains Mono',monospace;
  letter-spacing:.16em;
  writing-mode:vertical-rl;
}

[data-reveal][style*="background:#0F1720"]{
  background:linear-gradient(145deg,#0a1a26,#102c38)!important;
  border:1px solid rgba(201,155,85,.2)!important;
  box-shadow:0 18px 45px rgba(4,18,27,.1);
}

[style*="background:#fff"]{
  background:rgba(255,254,248,.82)!important;
  border-color:var(--atlas-line)!important;
  backdrop-filter:blur(6px);
}

footer{border-top-color:var(--atlas-line)!important}

.atlas-return{
  position:fixed;left:18px;bottom:18px;z-index:70;
  display:flex;align-items:center;gap:9px;
  padding:9px 12px;border:1px solid rgba(201,155,85,.34);
  color:var(--atlas-gold-soft)!important;background:rgba(5,17,26,.88);
  backdrop-filter:blur(12px);font:12px 'JetBrains Mono',monospace;
  letter-spacing:.1em;text-decoration:none;border-radius:2px;
}
.atlas-return::before{content:"⌁";font-size:16px}
.atlas-return:hover{color:#fff!important;border-color:var(--atlas-gold-soft)!important;transform:translateY(-2px)}

@media(max-width:760px){
  nav>div>div a:nth-of-type(4),nav>div>div a:nth-of-type(5){display:none}
  header::after{display:none}
  .atlas-return{left:10px;bottom:10px}
}