*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#efe6d2;color:#f4ead6;font-family:Garamond, 'EB Garamond', 'Times New Roman', serif;line-height:1.6}
img{max-width:100%;display:block}
a{color:#c99a34;text-decoration:none}
::selection{background:#c99a34;color:#141414}
:focus-visible{outline:3px solid #c99a34;outline-offset:3px}
.memphis{position:relative;max-width:74rem;margin:0 auto;overflow:hidden;
  padding:0 clamp(14px,4vw,40px) 5.60rem}
.pop{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;text-transform:uppercase;
  letter-spacing:-.01em;font-size:clamp(1.6rem,5vw,2.8rem);line-height:1}
.pop.centered{text-align:center;margin-bottom:3.64rem}

.confetti{position:absolute;inset:0;pointer-events:none;z-index:0}
.sh{position:absolute;display:block}
.circle{top:80px;right:6%;width:70px;height:70px;border-radius:50%;
  background:#745920;border:4px solid rgba(244,234,214,0.9)}
.tri{top:220px;left:3%;width:0;height:0;border-left:34px solid transparent;
  border-right:34px solid transparent;border-bottom:56px solid #e5ce9d;
  transform:rotate(18deg)}
.zig{top:520px;right:10%;width:120px;height:24px;
  background:repeating-linear-gradient(135deg,#c99a34 0 10px,transparent 10px 20px)}
.ring{top:760px;left:5%;width:80px;height:80px;border-radius:50%;
  border:12px solid #dcbd7b}
.bar{top:1100px;right:4%;width:100px;height:18px;background:#e5ce9d;
  transform:rotate(-12deg)}
.dot{top:1000px;left:8%;width:26px;height:26px;border-radius:50%;background:#c99a34;
  box-shadow:40px 20px 0 #745920,80px -10px 0 #dcbd7b}
.half{top:360px;right:16%;width:64px;height:32px;
  border-radius:64px 64px 0 0;background:#c99a34}

.mast{position:relative;z-index:2;padding:5.60rem 0 3.64rem;max-width:44rem}
.kick{display:inline-block;font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;
  text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;
  background:#c99a34;color:#141414;padding:.4rem 1rem;transform:rotate(-3deg);
  margin-bottom:1.96rem}
.mast h1{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;text-transform:uppercase;
  font-size:clamp(2.8rem,11vw,6rem);line-height:.9;letter-spacing:-.02em;
  color:#f4ead6;text-shadow:5px 5px 0 #745920}
.sub{font-size:1.2rem;color:rgba(244,234,214,0.62);margin:1.96rem 0;max-width:32rem}
.chips{display:flex;flex-wrap:wrap;gap:.6rem}
.chip{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:700;text-transform:uppercase;
  font-size:.82rem;color:#f4ead6;padding:.5rem 1.1rem;
  border:3px solid rgba(244,234,214,0.9);background:#17110a}
.chip0{transform:rotate(-3deg);border-radius:999px}
.chip1{transform:rotate(2deg);border-radius:2px}
.chip2{transform:rotate(-1deg);border-radius:999px;background:#dcbd7b}
.chip3{transform:rotate(3deg);border-radius:4px}
.chip:hover{background:#c99a34;color:#141414}

.squig{position:relative;z-index:2;height:26px;margin:1.96rem 0;
  background:repeating-linear-gradient(135deg,#c99a34 0 14px,#745920 14px 28px);
  clip-path:polygon(0 40%,5% 0,10% 40%,15% 0,20% 40%,25% 0,30% 40%,35% 0,
    40% 40%,45% 0,50% 40%,55% 0,60% 40%,65% 0,70% 40%,75% 0,80% 40%,85% 0,
    90% 40%,95% 0,100% 40%,100% 100%,0 100%)}

.about{position:relative;z-index:2;margin:3.64rem 0}
.about-card{background:#1a130b;border:4px solid rgba(244,234,214,0.9);border-radius:1px;
  padding:3.64rem;max-width:46rem;transform:rotate(-1.2deg);
  box-shadow:10px 10px 0 #745920}
.about .pop{color:#c99a34;margin-bottom:1.96rem}
.about p{color:rgba(244,234,214,0.62);font-size:1.1rem}

.collage{position:relative;z-index:2;margin:5.60rem 0}
.jumble{display:grid;grid-template-columns:repeat(6,1fr);gap:1.96rem}
.mc{border:4px solid rgba(244,234,214,0.9);padding:1.96rem;background:#1a130b;position:relative}
.mc0{grid-column:span 3;background:#17110a;transform:rotate(-1.5deg);border-radius:1px}
.mc1{grid-column:span 3;background:#dcbd7b;transform:rotate(1deg);border-radius:2px}
.mc2{grid-column:span 2;background:#1a130b;transform:rotate(1.5deg);border-radius:999px 999px 1px 1px}
.mc3{grid-column:span 4;background:#17110a;transform:rotate(-.8deg);border-radius:1px}
.mc:nth-child(5){grid-column:span 4}
.mc:nth-child(6){grid-column:span 2}
.mc:hover{transform:rotate(0) scale(1.02);z-index:3}
.mc-no{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;color:#c99a34;font-size:1.6rem;
  display:block}
.mc h3{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;text-transform:uppercase;
  font-size:1.1rem;margin:.2rem 0}
.mc p{color:rgba(244,234,214,0.62);font-size:.9rem}

.shots{position:relative;z-index:2;margin:5.60rem 0}
.pics{display:grid;grid-template-columns:repeat(4,1fr);gap:1.96rem}
.pic{margin:0;border:4px solid rgba(244,234,214,0.9);overflow:hidden;background:#1a130b}
.pic img{width:100%;aspect-ratio:1;object-fit:cover}
.pic.blob{border-radius:50% 50% 50% 12px;transform:rotate(-2deg)}
.pic.arch{border-radius:120px 120px 8px 8px;transform:rotate(2deg)}
.pic.circle{border-radius:50%;transform:rotate(-1deg)}
.pic.notch{border-radius:8px;clip-path:polygon(0 0,100% 0,100% 80%,80% 100%,0 100%);
  transform:rotate(1.5deg)}

.blobq{position:relative;z-index:2;margin:5.60rem auto;max-width:40rem;
  text-align:center}
.bubble{position:relative;background:#c99a34;color:#141414;border:4px solid rgba(244,234,214,0.9);
  border-radius:40px;padding:3.64rem}
.bubble p{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:700;font-size:clamp(1.3rem,3.6vw,1.9rem)}
.tail{position:absolute;left:60px;bottom:-24px;width:0;height:0;
  border-left:0 solid transparent;border-right:38px solid transparent;
  border-top:28px solid #c99a34}
.who{margin-top:1.96rem;font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;text-transform:uppercase;
  letter-spacing:.14em;color:#c99a34}

.contact{position:relative;z-index:2;margin:5.60rem 0;display:flex;
  justify-content:center}
.c-card{background:#1a130b;border:4px solid rgba(244,234,214,0.9);border-radius:1px;
  padding:3.64rem;max-width:34rem;width:100%;transform:rotate(1deg);
  box-shadow:12px 12px 0 #e5ce9d}
.contact .pop{color:#c99a34;margin-bottom:.5rem}
.contact p{color:rgba(244,234,214,0.62);margin-bottom:1.96rem}
.rows>div{display:flex;justify-content:space-between;gap:1rem;
  padding:.6rem 0;border-bottom:3px solid rgba(244,234,214,0.9)}
.rows b{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;text-transform:uppercase;font-size:.8rem;
  letter-spacing:.1em}
.rows span{color:rgba(244,234,214,0.62)}
.big-btn{display:block;text-align:center;font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;
  text-transform:uppercase;letter-spacing:.08em;background:#c99a34;color:#141414;
  border:3px solid rgba(244,234,214,0.9);padding:.9rem;margin-top:1.96rem;border-radius:1px}
.big-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 rgba(244,234,214,0.9)}

.foot{position:relative;z-index:2;text-align:center;margin-top:5.60rem;
  font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:700;color:rgba(244,234,214,0.62);text-transform:uppercase;
  letter-spacing:.1em}

@media(max-width:820px){
  .jumble{grid-template-columns:repeat(2,1fr)}
  .mc0,.mc1,.mc2,.mc3,.mc:nth-child(5),.mc:nth-child(6){grid-column:span 2}
  .pics{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}


.xq{box-sizing:border-box;font-family:Garamond, 'EB Garamond', 'Times New Roman', serif;color:#f4ead6;padding:56px 24px;width:100%}
.xq *{box-sizing:border-box;margin:0}
.xq .xq-wrap{max-width:1060px;margin:0 auto}
.xq h2{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-size:1.7rem;line-height:1.2;margin-bottom:8px}
.xq .xq-kick{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#c99a34;margin-bottom:10px;font-weight:700}

.xq-quoterail{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.xq-quote{border:1px solid rgba(244,234,214,0.14);border-radius:1px;padding:22px;background:#1a130b;position:relative}
.xq-quote::before{content:"\201C";position:absolute;top:-4px;left:14px;font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-size:3rem;color:#c99a34;opacity:.5}
.xq-quote p{font-style:italic;margin:10px 0 12px;line-height:1.55}
.xq-quote cite{font-style:normal;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#8f7d62}


.xq-promo{padding:34px 24px}
.xq-promo-card{border:2px dashed #c99a34;border-radius:1px;padding:26px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;background:rgba(244,234,214,0.05)}
.xq-promo-tag{background:#c99a34;color:#141414;font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:999px}
.xq-promo-card p{flex:1 1 260px;font-size:1.02rem}
.xq-promo-card a{color:#c99a34;font-weight:700;text-decoration:none;white-space:nowrap}
.xq-promo-card a:hover{text-decoration:underline}


.xq-faq-list{margin-top:18px;border-top:1px solid rgba(244,234,214,0.14)}
.xq-faq-item{border-bottom:1px solid rgba(244,234,214,0.14);padding:4px 0}
.xq-faq-item summary{cursor:pointer;padding:14px 4px;font-weight:700;font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;list-style-position:inside}
.xq-faq-item summary::marker{color:#c99a34}
.xq-faq-item p{padding:0 4px 16px;color:#8f7d62;max-width:64ch}


/* =====================================================
   DESIGN DNA: duotone-pop
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
img{filter:grayscale(1) sepia(1) hue-rotate(3deg) saturate(2.6) contrast(.95) !important;border-radius:0 !important}
html::before{content:'';position:fixed;inset:0;z-index:99980;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Ccircle cx='330' cy='90' r='150' fill='%23c99a34'/%3E%3C/svg%3E");opacity:.08;}
h1,h2,h3{font-family:'Arial Black', 'Arial Bold', Arial, sans-serif !important;text-transform:uppercase !important;letter-spacing:-0.015em !important;font-weight:900 !important}
a[class*="btn"],button,span[class*="btn"]{border-radius:0 !important;background:#c99a34 !important;color:#141414 !important;border:none !important;font-weight:900;text-transform:uppercase;box-shadow:-6px 6px 0 rgba(246,238,222,.85) !important}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border-radius:0 !important}
html::after{content:'';position:fixed;inset:0;z-index:99990;pointer-events:none;border:none;background:none;background:linear-gradient(90deg,#c99a34 0 33%,transparent 33%);background-size:100% 8px;background-repeat:no-repeat;background-position:bottom}