@import url('/assets/two-book-v1.css');

/* Cereark Press canonical Golden Glass treatment. */

/* The approved Press tile belongs in the masthead and footer beside the wordmark. */
.site-header .brand{
  gap:14px;
  align-items:center;
}
.site-footer .brand{
  gap:12px;
  align-items:center;
}
.site-header .brand-mark{
  position:relative;
  display:grid !important;
  place-items:center;
  width:52px;
  height:52px;
  flex:0 0 52px;
  padding:0;
  overflow:hidden;
  border-radius:13px;
  background:#f5efe2 url('/assets/cereark-press-canonical.webp') center/cover no-repeat;
  border:1px solid rgba(184,137,45,.26);
  box-shadow:0 4px 12px rgba(16,35,28,.10),inset 0 1px 0 rgba(255,255,255,.72);
}
.site-footer .brand-mark{
  position:relative;
  display:grid !important;
  place-items:center;
  width:46px;
  height:46px;
  flex:0 0 46px;
  padding:0;
  overflow:hidden;
  border-radius:12px;
  background:#f5efe2 url('/assets/cereark-press-canonical.webp') center/cover no-repeat;
  border:1px solid rgba(184,137,45,.26);
  box-shadow:0 4px 12px rgba(16,35,28,.10),inset 0 1px 0 rgba(255,255,255,.72);
}
.site-header .brand-mark::after,
.site-footer .brand-mark::after{
  display:none;
}
.site-header .brand-mark img,
.site-footer .brand-mark img{
  display:none !important;
}
.site-header .brand-name{
  font-size:24px;
  letter-spacing:.015em;
}
.site-header .brand-name::after{
  width:48px;
  height:2px;
  margin-top:7px;
  background:linear-gradient(90deg,#b8892d,#dcc58a 62%,rgba(184,137,45,0));
}

/* The same approved Golden Glass artwork is the hero mark. */
.brand-stage-section{
  padding-top:108px;
  padding-bottom:112px;
  color:#fff;
  background:
    radial-gradient(circle at 18% 24%,rgba(207,165,76,.17),transparent 31%),
    radial-gradient(circle at 83% 18%,rgba(87,145,119,.18),transparent 34%),
    linear-gradient(135deg,#0b241c 0%,#11392d 52%,#0c2b22 100%);
  border-top:1px solid rgba(211,180,113,.22);
  border-bottom:1px solid rgba(211,180,113,.18);
}
.brand-stage-section .press-signature{
  grid-template-columns:minmax(300px,460px) minmax(0,1fr);
  gap:76px;
  align-items:center;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
}
.brand-stage-section .press-signature-mark{
  width:min(100%,460px);
  min-height:0;
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  padding:0;
  border-radius:34px;
  border:1px solid rgba(240,214,157,.32);
  background:#f4efe5;
  box-shadow:0 42px 90px rgba(0,0,0,.25),0 12px 36px rgba(207,165,76,.10);
}
.brand-stage-section .press-signature-mark::before,
.brand-stage-section .press-signature-mark::after{
  display:none;
}
.brand-stage-section .press-signature-mark img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  aspect-ratio:1/1;
  object-fit:cover;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:none;
}
.brand-stage-section .press-signature-copy{max-width:650px}
.brand-stage-section .press-signature-copy .imprint-line{color:#d9b86f;margin-bottom:18px}
.brand-stage-section .press-signature-copy h2{color:#fff;max-width:620px}
.brand-stage-section .press-signature-copy p,
.brand-stage-section .press-signature-copy .lead{color:rgba(255,255,255,.80)}
.brand-stage-section .button-primary{background:#f5efe2;color:#123e31}
.brand-stage-section .button-secondary{color:#fff;border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.06)}

@media(max-width:980px){
  .brand-stage-section .press-signature{grid-template-columns:minmax(280px,400px) minmax(0,1fr);gap:50px}
}
@media(max-width:860px){
  .brand-stage-section{padding-top:76px;padding-bottom:82px}
  .brand-stage-section .press-signature{grid-template-columns:1fr;gap:40px}
  .brand-stage-section .press-signature-mark{width:min(100%,420px);margin:0 auto}
  .brand-stage-section .press-signature-copy{max-width:680px}
}
@media(max-width:560px){
  .site-header .brand{gap:11px}
  .site-footer .brand{gap:9px}
  .site-header .brand-mark{width:44px;height:44px;flex-basis:44px;border-radius:11px}
  .site-footer .brand-mark{width:40px;height:40px;flex-basis:40px;border-radius:10px}
  .site-header .brand-name{font-size:21px}
  .brand-stage-section .press-signature-mark{border-radius:24px}
}