/* ============================================================================================================================================================
   BOTANICAL THEME
   Paper: #e2d2b2
   Ink:   #565349
========================================= */

.botanical-theme{
  background: #e2d2b2;
  color: #565349;
  max-width: 975px;
  margin: 1.25rem auto;
  padding: 1.1rem;
  box-shadow:
    0 28px 70px rgba(0,0,0,0.42),
    0 0 38px rgba(180, 195, 220, 0.08);
  border: 1px solid rgba(86,83,73,0.18);
  position: relative;
}

/* inner rules scaled for smaller screens first */
.botanical-theme::before{
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(86,83,73,0.10);
  pointer-events: none;
}

.botanical-theme::after{
  content:"";
  position:absolute;
  inset: 10px;
  border: 1px solid rgba(86,83,73,0.22);
  pointer-events:none;
}

/* Control line length (book-like measure) */
.botanical-theme > *{
  position: relative;
  z-index: 1;
}

/* =========================================
   IM FELL ENGLISH SC – Botanical Headings
========================================= */

@font-face {
  font-family: "IMFellSC";
  src: url("../fonts/IMFellEnglishSC-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Typography */
article.botanical-theme h1,
article.botanical-theme h2,
article.botanical-theme h3,
article.botanical-theme h4{
  color: #565349;
  text-transform: uppercase;
  margin-top: 1.5rem;
  letter-spacing: 0.08em;
  font-family: "IMFellSC", serif;
  overflow-wrap: break-word;
}

.botanical-theme h1 {
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: normal;
  text-align: center;
}

.botanical-theme h2 {
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  font-weight: normal;
  text-align: center;
}

.botanical-theme h3{
  text-align: center;
}

.botanical-theme h4{
  text-align: left;
  display: inline;
  margin-right: .4rem;
}

.botanical-theme p {
  text-align: justify;
  hyphens: auto;
  color: #413e36;
  line-height: 1.65;
  font-size: 1.05rem;
  margin: 0 0 1rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
}

.botanical-theme ul{
  list-style: none;
  padding-left: 0;
  margin: 1.25rem auto;
  max-width: 720px;
}

.botanical-theme li{
  line-height: 1.65;
  font-size: 1rem;
  color: #413e36;
  margin: 0 0 .6rem;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

/* botanical bullet */
.botanical-theme li::before{
  content: "❧";
  color: #565349;
  margin-right: .55rem;
}

.botanical-theme .page-header,
.botanical-theme section{
  max-width: 975px;
}

/* =========================================
   BOTANICAL DIVIDER
========================================= */

.botanical-divider{
  border: none;
  height: 12px;
  position: relative;
  width: 90%;
  margin: 3rem auto;
}

.botanical-divider::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:2px;
  height:2px;
  background:#565349;
}

.botanical-divider::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:1px;
  background:#8a8678;
}

/* light version */
.botanical-divider-light{
  border: none;
  height: 1px;
  width: 60%;
  margin: 1.8rem auto;
  background: rgba(86, 83, 73, 0.3);
}

/* =========================================
   BOTANICAL FIGURE FRAME
========================================= */

.botanical-figure{
  display:block;
  width:min(100%, 600px);
  padding:12px;
  border:1px solid rgba(86,83,73,0.40);
  background:#e2d2b2;
  margin:2rem auto;
  text-align:center;
  box-sizing:border-box;
}

.botanical-figure-large{
  display:block;
  width:min(100%, 900px);
  padding:12px;
  border:1px solid rgba(86,83,73,0.40);
  background:#e2d2b2;
  margin:2rem auto;
  text-align:center;
  box-sizing:border-box;
}

/* image */
.botanical-figure img,
.botanical-figure-large img{
  display:block;
  width:100%;
  height:auto;
  border:2px solid #3f3b32;
}

/* button wrapper */
.photo-trigger{
  display:block;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  background:none;
  cursor:pointer;
}

.photo-trigger img{
  transition: transform .75s ease, filter .75s ease;
}

.photo-trigger:hover img{
  transform: scale(1.02);
  filter: brightness(1.2);
}

/* caption */
.botanical-figure figcaption,
.botanical-figure-large figcaption{
  margin-top:0.4rem;
  font-size:1.1rem;
  color:#565349;
  text-align:center;
  font-family:"IMFellSC", serif;
}

/* =========================================
   BOTANICAL FIGURE GRID
========================================= */

.botanical-figures{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
  max-width:1100px;
  margin:2rem auto;
}

/* make figures behave inside grid */
.botanical-figures .botanical-figure{
  width:100%;
  margin:0;
}

/* =========================================
   BOTANICAL NAVIGATION (footer index style)
========================================= */

.botanical-theme .botanical-nav{
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin: 3rem auto 0;
  padding-top: 1.35rem;
  width: 100%;
  position: relative;
}

/* double rule above nav */
.botanical-theme .botanical-nav::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:#565349;
}

.botanical-theme .botanical-nav::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:6px;
  height:1px;
  background:#8a8678;
}

/* links styled as botanical plate labels */
.botanical-theme .botanical-nav a{
  display: block;
  padding: .85rem 1rem;
  border: 2px solid rgba(86,83,73,0.35);
  background: rgba(226,210,178,0.55);
  color: #565349;
  text-decoration: none;
  font-family: "IMFellSC", serif;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .95rem;
  line-height: 1.2;
  position: relative;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
  text-align: left;
}

/* subtle inner rule */
.botanical-theme .botanical-nav a::before{
  content:"";
  position:absolute;
  inset: 8px;
  border: 1px solid rgba(86,83,73,0.25);
  pointer-events:none;
}

/* hover */
.botanical-theme .botanical-nav a:hover{
  border-color: rgba(86,83,73,0.55);
  background: rgba(226,210,178,0.85);
  transform: translateY(-1px);
}

/* focus */
.botanical-theme .botanical-nav a:focus-visible{
  outline: 3px solid rgba(86,83,73,0.55);
  outline-offset: 3px;
}

/* =========================================
   BOTANICAL LINK (label-style button/link)
   Use: <a class="botanical-link" href="...">Text</a>
========================================= */

.botanical-theme .botanical-link{
  display: inline-block;
  padding: .55rem .85rem;
  border: 1px solid rgba(86,83,73,0.34);
  background: rgba(226,210,178,0.55);
  color: #565349;
  text-decoration: none;
  font-family: "IMFellSC", serif;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .95rem;
  line-height: 1.1;
  position: relative;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}

/* inner rule */
.botanical-theme .botanical-link::before{
  content:"";
  position:absolute;
  inset: 6px;
  border: 1px solid rgba(86,83,73,0.18);
  pointer-events:none;
}

/* hover / focus */
.botanical-theme .botanical-link:hover{
  border-color: rgba(86,83,73,0.52);
  background: rgba(226,210,178,0.85);
  transform: translateY(-1px);
}

.botanical-theme .botanical-link:focus-visible{
  outline: 2px solid rgba(86,83,73,0.55);
  outline-offset: 3px;
}

/* optional: make a centered "button" version */
.botanical-theme .botanical-link.is-block{
  display: block;
  width: fit-content;
  margin: 1.25rem auto;
  text-align: center;
}

.narrow-section{
  max-width: 600px;
  margin: 0 auto;
}

/* TESTIMONIAL YEAR DIVIDER */

.testimonial-year{
  text-align:center;
  margin:2.5rem 0 2rem;
  position:relative;
}

.testimonial-year span{
  background:#d8c9a6;
  padding:0 .9rem;
  font-weight:600;
  letter-spacing:.08em;
}

.testimonial-year::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  border-top:1px solid rgba(70,60,40,.35);
  z-index:-1;
}

/* FANCY BOTANICAL DIVIDER */

.botanical-divider-fancy{
  text-align:center;
  margin:2rem 0;
  position:relative;
}

.botanical-divider-fancy span{
  background:#d8c9a6;
  padding:0 .6rem;
  color:#17271d;
  font-size:1.2rem;
}

.botanical-divider-fancy::before{
  content:"";
  position:absolute;
  left:1rem;
  right:1rem;
  top:50%;
  border-top:1px solid rgba(70,60,40,.35);
  z-index:-1;
}

.year{
  font-size: 1.4em;
  letter-spacing: 0.03em;
}

/* =========================================
   LARGER SCREENS
========================================= */

@media (min-width: 641px){
  .botanical-theme{
    margin: clamp(2rem, 5vw, 4rem) auto;
    padding: clamp(1.75rem, 3.8vw, 3.25rem);
  }

  .botanical-theme::before{
    inset: 18px;
  }

  .botanical-theme::after{
    inset: 18px;
  }

  .botanical-theme .botanical-nav{
    grid-template-columns: 1fr 1fr;
    width: 92%;
  }

  .botanical-theme .botanical-nav a:last-child{
    text-align: right;
  }

  .botanical-divider-fancy::before{
    left:2rem;
    right:2rem;
  }

  .botanical-figure,
  .botanical-figure-large{
    padding:18px;
    margin:2.5rem auto;
  }
}

@media (min-width: 701px){
  .botanical-figures{
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 2.5rem auto;
  }
}