/* Closing + footer in one block, shared by the three course pages.
   The copper monogram appears once (left on desktop, on top on mobile). */
.dbx{position:relative;overflow:hidden;background:#3A2216 url(../brand/plaster.jpg) center/cover;color:#E8CFA6;font-family:Jost,system-ui,sans-serif;border-top:1px solid rgba(201,160,110,.35)}
.dbx-mono{background:url(../brand/banner.jpg) left center/cover no-repeat}
.dbx-wrap{position:relative;max-width:80rem;margin:0 auto;padding:0 1.25rem}
.dbx-main{padding:1.5rem 0 0}
.dbx-h{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(2.3rem,4.6vw,3.75rem);line-height:1.05;color:#F3E9DC;max-width:16ch;text-wrap:balance;margin:0}
.dbx-btns{display:flex;flex-direction:column;gap:12px;margin-top:2rem}
.dbx-b{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.5rem;border:1px solid #F3E9DC;color:#F3E9DC;font-size:15px;font-weight:500;letter-spacing:0;text-decoration:none;text-align:center;transition:background .2s,color .2s}
.dbx-b:hover{background:#F3E9DC;color:#2A1A10}
.dbx-b.is-l{background:#F3E9DC;color:#2A1A10}
.dbx-b.is-l:hover{background:#BFA07E;border-color:#BFA07E}
.dbx-links{display:grid;gap:2.5rem;margin-top:3rem;font-size:14px;letter-spacing:.06em;line-height:1.5}
.dbx-hd{margin:0 0 .5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(201,160,110,.3);text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#C9A47A}
.dbx-list{list-style:none;margin:0;padding:0}
.dbx-a{display:inline-flex;align-items:center;min-height:40px;color:#E8CFA6;text-decoration:none;background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;cursor:pointer;transition:color .2s}
.dbx-a:hover,.dbx-a:focus-visible{color:#FFF1DA}
.dbx :focus-visible{outline:2px solid #F0D6A8;outline-offset:3px}
.dbx-copy{margin:3.5rem 0 0;padding:1.4rem 0 7rem;border-top:1px solid rgba(201,160,110,.25);font-size:14px;letter-spacing:.06em;color:#E8CFA6}
@media (max-width:767px){
  .dbx-mono{height:220px;background-size:auto 130%;background-position:8% 55%;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
}
@media (min-width:768px){
  .dbx-mono{position:absolute;inset:0}
  .dbx-wrap{padding:0 2rem}
  .dbx-main{margin-left:50%;padding:6rem 0 0}
  .dbx-btns{flex-direction:row;flex-wrap:wrap}
  .dbx-links{grid-template-columns:1fr 1fr;gap:2rem;margin-top:4.5rem}
  .dbx-copy{margin-top:4rem;padding-bottom:2.5rem}
}