@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&family=Dancing+Script:wght@400;600&display=swap');

:root{
  --text:rgba(226,236,247,.90);
  --soft:rgba(208,224,240,.70);
  --quiet:rgba(196,216,236,.56);
  --line:rgba(108,166,218,.28);
}

*{box-sizing:border-box}

html,body{
  margin:0;
  min-height:100%;
  background:
    radial-gradient(circle at 50% 16%,rgba(42,35,91,.32),transparent 34%),
    radial-gradient(circle at 50% 62%,rgba(13,74,104,.16),transparent 42%),
    #010207;
  color:var(--text);
  font-family:Cinzel,serif;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(rgba(175,215,245,.34) .65px,transparent .85px);
  background-size:39px 39px;
  opacity:.22;
}

.wrap{
  width:min(780px,90vw);
  margin:auto;
  padding:48px 0 100px;
}

.brand{
  display:block;
  text-align:center;
  font-family:'Dancing Script',cursive;
  font-size:38px;
  color:rgba(218,231,246,.74);
  text-decoration:none;
  text-shadow:0 0 24px rgba(80,164,230,.25);
}

.sigil{
  display:block;
  width:132px;
  height:132px;
  object-fit:contain;
  margin:22px auto 20px;
  opacity:.84;
  filter:
    drop-shadow(0 0 25px rgba(61,169,255,.40))
    drop-shadow(0 0 52px rgba(107,74,203,.20));
}

.section-title{
  text-align:center;
  letter-spacing:.28em;
  font-size:13px;
  color:var(--soft);
  margin:0 0 58px;
}

.works{
  display:flex;
  flex-direction:column;
  gap:0;
}

.work{
  position:relative;
  padding:42px 10px 48px;
  border-top:1px solid var(--line);
}

.work:last-child{
  border-bottom:1px solid var(--line);
}

.work:after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:-1px;
  height:1px;
  background:
    radial-gradient(circle,rgba(93,178,240,.42),transparent 70%);
}

.edition{
  font-size:11px;
  letter-spacing:.16em;
  color:var(--quiet);
  text-transform:uppercase;
}

.work h2{
  font-weight:400;
  font-size:27px;
  line-height:1.25;
  margin:9px 0 0;
  color:rgba(232,239,248,.96);
  text-shadow:0 0 18px rgba(94,143,210,.08);
}

.desc{
  font-family:Georgia,serif;
  font-size:17px;
  line-height:1.75;
  color:var(--soft);
  margin:24px 0 30px;
  max-width:560px;
}

.work-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.price{
  font-size:13px;
  color:rgba(220,233,246,.76);
}

form{
  margin:0;
}

button,
.enter{
  border:1px solid rgba(101,176,231,.38);
  background:rgba(17,36,58,.30);
  color:rgba(232,241,250,.86);
  padding:12px 22px;
  border-radius:999px;
  font-family:Cinzel,serif;
  font-size:10px;
  letter-spacing:.15em;
  cursor:pointer;
  box-shadow:0 0 24px rgba(63,139,210,.05);
  text-decoration:none;
  display:inline-block;
}

button[disabled]{
  color:rgba(205,220,235,.44);
  border-color:rgba(101,156,205,.20);
  background:rgba(10,22,36,.20);
  cursor:not-allowed;
}


/* Public navigation */

.your-elthara-link{
  position:absolute;
  top:34px;
  right:6vw;
  z-index:20;
  color:rgba(194,211,228,.48);
  text-decoration:none;
  font-family:Georgia,serif;
  font-size:10px;
  letter-spacing:.16em;
  transition:color .5s ease,text-shadow .5s ease;
}

.your-elthara-link:hover,
.your-elthara-link:focus{
  color:rgba(220,233,246,.82);
  text-shadow:0 0 14px rgba(118,181,230,.18);
  outline:none;
}

.your-elthara-link.nav-left{
  right:auto;
  left:6vw;
}


/* Works entry buttons */

.product-enter{
  display:inline-block !important;
  padding:12px 24px !important;
  border:1px solid rgba(101,176,231,.34) !important;
  border-radius:999px !important;
  background:rgba(12,29,48,.20) !important;
  color:rgba(221,233,245,.78) !important;
  text-decoration:none !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
  line-height:1 !important;
  transition:
    border-color .5s ease,
    background .5s ease,
    color .5s ease,
    box-shadow .5s ease !important;
}

.product-enter:hover,
.product-enter:focus{
  border-color:rgba(112,188,242,.55) !important;
  background:rgba(24,49,75,.30) !important;
  color:rgba(239,246,252,.95) !important;
  box-shadow:0 0 22px rgba(86,158,220,.10) !important;
  outline:none;
}


/* Generated Works ENTER links */

.work-bottom .enter,
.enter{
  display:inline-block;
  padding:12px 24px;
  border:1px solid rgba(101,176,231,.34);
  border-radius:999px;
  background:rgba(12,29,48,.20);
  color:rgba(221,233,245,.78);
  text-decoration:none;
  font-size:11px;
  letter-spacing:.16em;
  line-height:1;
  transition:
    border-color .5s ease,
    background .5s ease,
    color .5s ease,
    box-shadow .5s ease;
}

.work-bottom .enter:hover,
.work-bottom .enter:focus,
.enter:hover,
.enter:focus{
  border-color:rgba(112,188,242,.55);
  background:rgba(24,49,75,.30);
  color:rgba(239,246,252,.95);
  box-shadow:0 0 22px rgba(86,158,220,.10);
  outline:none;
}


/* Mobile */

@media(max-width:600px){

  .wrap{
    padding-top:38px;
  }

  .brand{
    font-size:35px;
  }

  .sigil{
    width:118px;
    height:118px;
  }

  .section-title{
    margin-bottom:42px;
  }

  .work{
    padding:36px 4px 42px;
  }

  .work h2{
    font-size:24px;
  }

  .desc{
    font-size:16px;
  }

  .work-bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
  }

  .your-elthara-link{
    top:28px;
    right:6vw;
    font-size:9px;
    letter-spacing:.13em;
  }

  .your-elthara-link.nav-left{
    right:auto;
    left:6vw;
  }
}
/* v0.8.4e — Checkout follows the shared Elthara Works UI */
body{color:#aab3c3}
.checkout-shell,.checkout-card,.checkout-panel,.checkout-box,main,main form{color:#aab3c3}
.checkout-card h1,.checkout-card h2,.checkout-card h3,.checkout-panel h1,.checkout-panel h2,.checkout-panel h3,main h1,main h2,main h3{color:#d9deeb}
label,.label,.eyebrow,.meta,.signed-in-note,.checkout-note{color:#8995a8}
input,select,textarea{color:#d9deeb!important;background:rgba(4,12,25,.72)!important;border:1px solid rgba(92,130,173,.34)!important}
input::placeholder,textarea::placeholder{color:#7f899a!important;opacity:1}
button,.button,.btn,.checkout-button,input[type="submit"]{color:#d9deeb!important;border:1px solid rgba(101,176,231,.48)!important;background:rgba(17,36,58,.34)!important;border-radius:999px!important}
a{color:#aebbd0}
.access-help{margin:14px 4px 24px;color:#8995a8;font-size:.92rem;line-height:1.7}
.access-help a{color:#b9c8dc;text-decoration:underline;text-underline-offset:4px}