/* LAST WALLET / weathered carved-stone treatment — independent layer */
:root {
  --granite-light: url("/assets/granite-light.png");
  --granite-dark: url("/assets/granite-dark.png");
  --stone-rim: #83817a;
}
body {
  background-color:#080909;
  background-image: linear-gradient(115deg,rgba(2,3,3,.91),rgba(9,10,10,.78) 55%,rgba(3,3,3,.93)), var(--granite-dark);
  background-size:cover,384px 384px;
}
.grain { opacity:.12;mix-blend-mode:screen; }
.topline {
  background-image:linear-gradient(180deg,rgba(0,0,0,.23),rgba(0,0,0,.64)),var(--granite-dark);
  background-size:auto,340px 340px;
  border-bottom:2px solid #53534e;
  box-shadow:0 1px 0 #c8c5b12a,0 4px 10px #0007;
  text-shadow:0 1px 1px #000;
}
.nav {
  border-bottom:1px solid #8f90825b;
  filter:drop-shadow(0 3px 3px #0008);
}
.brand > span {
  background-image:linear-gradient(180deg,#f4f0e0bf,#90918eac),var(--granite-light);
  background-size:auto,270px 270px;
  background-blend-mode:multiply;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:.24px #e1e0db85;
  text-shadow:0 2px 2px #05050585;
}
.brand .dim {-webkit-text-fill-color:#686965;}
.brand img {
  box-shadow:0 0 0 2px #777771,0 0 0 4px #181916,0 5px 10px #000a;
}
.nav-links a,.nav-action,.eyebrow,.section-kicker,.hero-foot,.status-pill,.mechanic-index,.footer-links a {
  text-shadow:0 1px 0 #000,0 2px 3px #000a;
}
.nav-links a:hover, .footer-links a:hover {color:#f8f6eb;}
.hero h1,
.intro h2,
.mechanics-head h2,
.mechanic-value,
.status-inner h2,
.faq h2,
.endcap h2 {
  color:#eeeae1;
  background-image:linear-gradient(165deg,rgba(255,255,255,.82),rgba(105,104,99,.69) 58%,rgba(234,231,221,.8)),var(--granite-light);
  background-blend-mode:multiply;
  background-size:auto,320px 320px;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.72px rgba(222,218,210,.34);
  text-shadow:1px 1px 0 #16161575,0 3px 2px #0007,1px 6px 11px #0009;
}
.hero h1 em,
.intro h2 span,
.mechanics-head h2 i,
.status-inner h2 span,
.faq h2 span,
.endcap h2 em {
  font-style:normal;
  color:#b5b3ac;
  -webkit-text-fill-color:inherit;
  -webkit-text-stroke:.72px rgba(211,207,199,.4);
}
.hero h1 em {
  background-image:linear-gradient(155deg,rgba(200,198,191,.85),rgba(73,74,72,.73) 68%,rgba(211,211,201,.76)),var(--granite-light);
  background-blend-mode:multiply;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1px rgba(227,222,211,.43);
}
.hero .period {color:#c4c4bb;-webkit-text-fill-color:#c4c4bb;}
.monument-sign {
  color:#242625;
  background-image:linear-gradient(140deg,rgba(120,120,118,.80),rgba(10,11,11,.93)),var(--granite-dark);
  background-blend-mode:screen;
  background-size:auto,384px 384px;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.9px #161918a8;
  text-shadow:0 1px 0 #ffffff2b,1px 2px 0 #8888,2px 4px 1px #0005;
}
.monument-sign span {-webkit-text-fill-color:inherit;-webkit-text-stroke:.9px #242424b8;}
.hero-line {
  color:#e8e6dd;
  text-shadow:0 1px 1px #080808,0 2px 5px #000;
}
.btn,.nav-action,.status-pill {
  border-radius:2px;
  border-width:2px;
  box-shadow:inset 0 1px 0 #ffffff3d,inset 0 -2px 3px #05050583,0 4px 0 #070707,0 8px 15px #0007;
}
.btn-light {
  color:#121310;
  border:2px ridge #e0ddd2;
  background-color:#c1c0b8;
  background-image:linear-gradient(135deg,#f9f8eda8,#95958ca8 58%,#f2eee1a2),var(--granite-light);
  background-blend-mode:multiply;
  background-size:auto,320px 320px;
  text-shadow:0 1px 0 #ffffffa0;
}
.btn-light:hover {
  background-image:linear-gradient(135deg,#ffffffc7,#d6d6cfb8),var(--granite-light);
}
.btn-outline,.nav-action,.status-pill {
  background-image:linear-gradient(145deg,#46464155,#0a0a0a85),var(--granite-dark);
  background-blend-mode:overlay;
  background-size:auto,384px 384px;
  border:2px ridge #6d6a61;
  color:#e3e1d7;
}
.btn-outline:hover,.nav-action:hover {
  border-color:#b5b2a5;
  background-blend-mode:screen;
}
.ticker {
  border-block:2px ridge #858078;
  background-image:linear-gradient(120deg,#e4e2d3a8,#929189ba),var(--granite-light);
  background-size:auto,340px 340px;
  background-blend-mode:multiply;
  text-shadow:0 1px 0 #edece88f;
  box-shadow:inset 0 3px 5px #ffffff4f,inset 0 -4px 8px #0006;
}
.section-kicker {
  border-top:2px ridge #696962;
  text-shadow:0 1px 1px #000e;
}
.hr,.small-link,.engraved,.footer-bottom {
  border-color:#72716c;
  box-shadow:0 1px 0 #ffffff12;
}
.monument-copy {
  background-color:#b7b8b2;
  background-image:linear-gradient(140deg,#ebeae2d6,#a09e98d4),var(--granite-light);
  background-size:auto,384px 384px;
  background-blend-mode:multiply;
  border-left:3px ridge #565650;
  box-shadow:inset 10px 0 35px #0002;
}
.monument-copy p {color:#292a29;text-shadow:0 1px 0 #ffffff35;}
.monument-copy .section-kicker,.monument-copy .engraved {color:#30312f;border-color:#797771;}
.mechanic-grid {
  border-block:3px ridge #77756c;
  box-shadow:inset 0 3px 8px #0008,0 3px 8px #0005;
}
.mechanic {
  background-image:linear-gradient(145deg,#252624a8,#090909db 75%),var(--granite-dark);
  background-size:auto,384px 384px;
  background-blend-mode:normal;
  padding-top:37px;
}
.mechanic+.mechanic {border-left:2px ridge #64635c;}
.mechanic h3 {color:#e6e3d8;text-shadow:0 2px 2px #000;}
.status-section {
  background-image:radial-gradient(ellipse at 70% 40%,rgba(62,62,58,.36),rgba(9,9,9,.93)),var(--granite-dark);
  background-size:cover,384px 384px;
  border-block:3px ridge #676760;
  box-shadow:inset 0 14px 28px #0009,inset 0 -15px 24px #000b;
}
.status-card {
  border:4px ridge #716e65;
  background-image:linear-gradient(#232522cc,#0b0c0ce8),var(--granite-dark);
  background-size:auto,384px 384px;
  box-shadow:inset 0 0 0 2px #000b,0 18px 48px #000b;
}
.faq-list {border-top:2px ridge #727068;}
.faq-list details {border-bottom:2px ridge #5c5b55;padding-inline:10px;}
.faq-list details[open] {background-image:linear-gradient(90deg,rgba(36,36,35,.65),transparent),var(--granite-dark);background-size:auto,384px 384px;}
.faq-list summary {text-shadow:0 1px 0 #000,0 2px 4px #0008;}
.endcap {
  background-image:radial-gradient(ellipse at 50% 100%,#4b4a4585,#090a0a 68%),var(--granite-dark);
  background-size:cover,384px 384px;
  border-block:3px ridge #6f6f64;
}
.footer {border-top:2px ridge #66645e;}
.stone-icons {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:2px ridge #76716b;
  border-bottom:2px ridge #76716b;
  margin-block:0 0;
  padding-block:17px;
  gap:0;
  background-image:linear-gradient(180deg,rgba(38,39,37,.7),rgba(8,9,9,.9)),var(--granite-dark);
  background-size:auto,384px 384px;
  box-shadow:inset 0 2px 10px #000a;
}
.stone-icon-item {
  display:flex;align-items:center;gap:15px;
  min-width:0;
  padding:10px 20px;
  border-right:1px solid #78766e;
}
.stone-icon-item:last-child {border-right:0;}
.stone-icon-ring {
  width:54px;height:54px;flex:0 0 54px;
  border-radius:50%;
  display:grid;place-items:center;
  border:3px ridge #8f8b80;
  color:#e7e4d9;font-family:Georgia,serif;font-size:27px;
  background-image:linear-gradient(150deg,#25262394,#080909e0),var(--granite-dark);
  background-size:auto,384px 384px;
  box-shadow:inset 0 2px 6px #000a,0 4px 8px #000a;
  text-shadow:0 1px 3px #fff6,0 3px 6px #000;
}
.stone-icon-copy {min-width:0;}
.stone-icon-copy strong {display:block;font-family:Georgia,serif;letter-spacing:.17em;font-size:11px;line-height:1.55;color:#e8e5dc;text-shadow:0 2px 2px #000;}
.stone-icon-copy small {display:block;font-size:10px;line-height:1.5;letter-spacing:.02em;color:#a3a39b;margin-top:4px;}
@media(max-width:900px){
  .stone-icons {grid-template-columns:repeat(2,1fr);}
  .stone-icon-item:nth-child(2){border-right:0;}
  .stone-icon-item:nth-child(-n+2){border-bottom:1px solid #686760;}
}
@media(max-width:740px){
  .hero h1{ -webkit-text-stroke:.5px rgba(235,231,220,.43);}
  .stone-icon-item {gap:9px;padding:12px 8px;}
  .stone-icon-ring {width:40px;height:40px;flex-basis:40px;font-size:19px;border-width:2px;}
  .stone-icon-copy strong {font-size:9px;letter-spacing:.07em;}
  .stone-icon-copy small {font-size:9px;}
  .mechanic+.mechanic{border-left:0;border-top:2px ridge #626159;}
  .monument-copy {border-left:0;border-top:3px ridge #66635d;}
  .nav-action {font-size:8px;padding:9px 7px;}
  .nav-action span {margin-left:4px;}
}
@media(prefers-reduced-motion:reduce){
  .btn:hover{transform:none;}
}

/* Contrast correction: preserve pale stone lettering over dark art. */
.hero h1,.intro h2,.mechanics-head h2,.mechanic-value,.status-inner h2,.faq h2,.endcap h2{
  background-image:linear-gradient(135deg,rgba(236,231,219,.42),rgba(249,249,242,.28)),var(--granite-light);
  background-blend-mode:screen;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.65px rgba(223,221,214,.5);
  text-shadow:none;
  filter:drop-shadow(0 3px 1px #000b);
}
.hero h1 em{
  background-image:linear-gradient(135deg,rgba(242,239,229,.30),rgba(218,217,210,.15)),var(--granite-light);
  background-blend-mode:screen;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:.7px rgba(221,220,214,.65);
  text-shadow:none;
}
.hero h1 .period{-webkit-text-fill-color:#c4c4bb;}

/* Small-screen navigation: the Bordrless link moves into the toggle menu. */
.nav-mobile-launch{display:none!important;}
@media(max-width:740px){
 .nav{gap:8px;}
 .nav-action{display:none;}
 .nav-toggle{order:0;margin-left:auto;flex-shrink:0;}
 .nav-mobile-launch{display:block!important;}
}
@media(max-width:480px){
 .topline > span:last-child{display:none;}
 .topline{letter-spacing:.08em;font-size:8px;}
}

/* Compact mobile control pinned within the navigation bounds. */
@media (max-width:740px) {
  .nav {position:relative;}
  .nav-toggle {
    display:flex!important;
    position:absolute;
    right:0;
    top:16px;
    z-index:50;
    margin:0;
    width:43px;
    height:40px;
    border:1px solid #858078;
    background:linear-gradient(#242424cc,#090909bb),url("/assets/granite-dark.png");
    background-size:auto,384px 384px;
    box-shadow:inset 0 1px 0 #ffffff39,0 3px 5px #0008;
  }
  .nav-toggle i {display:block!important;background:#f1efe3!important;width:23px;height:2px;}
  .nav-action {display:none!important;}
  .nav-links {z-index:45;}
}
@media(max-width:480px) {
 .topline > span:last-child {display:none!important;}
}