*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#241c16;color:#efe1c9;font-family:Georgia, 'Times New Roman', serif;line-height:1.45}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;margin:0;line-height:1.08}
.cl{max-width:1180px;margin:0 auto;padding:0 clamp(.9rem,3vw,2.2rem)}

.cl-head{border-bottom:4px double #efe1c9;padding:1.2rem 0 .7rem;margin-top:.6rem}
.cl-banner{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem}
.cl-name{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;font-size:clamp(1.4rem,4vw,2.2rem)}
.cl-word{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;font-size:clamp(1.6rem,6vw,3.4rem);letter-spacing:.12em;
  text-transform:uppercase;color:#c96a34}
.cl-meta{font-family:'Courier New', Courier, monospace;font-size:.74rem;letter-spacing:.06em;color:rgba(239,225,201,0.62);margin-top:.3rem}
.cats{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.6rem}
.cats a{text-decoration:none;font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-size:.78rem;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(239,225,201,0.62)}
.cats a:hover{color:#c96a34}

.bed{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:1.6rem 0}
.col{padding:0 1.2rem;border-right:1px solid rgba(239,225,201,0.30)}
.col:first-child{padding-left:0}
.col:last-child{border-right:0;padding-right:0}
.cat-rule{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-size:.86rem;letter-spacing:.14em;text-transform:uppercase;
  border-top:2px solid #efe1c9;border-bottom:1px solid #efe1c9;padding:.3rem 0;margin:1.2rem 0 .8rem}
.col:first-child .cat-rule:first-child,.col .cat-rule:first-child{margin-top:0}

.ad{font-size:.86rem;padding:.5rem 0;border-bottom:1px dotted rgba(239,225,201,0.30)}
.ad-h{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800}
.ad-reply{font-family:'Courier New', Courier, monospace;font-size:.72rem;color:#c96a34;white-space:nowrap}
.big-ad p{margin:0}

.display{border:3px solid #efe1c9;padding:1.1rem;margin-bottom:1rem;background:#2d231c}
.disp-kick{font-family:'Courier New', Courier, monospace;font-size:.68rem;letter-spacing:.16em;color:#c96a34}
.display h1{font-size:clamp(1.4rem,4vw,2.2rem);margin:.3rem 0 .5rem;text-transform:uppercase}
.display p{margin:0 0 .8rem;font-size:.9rem;color:rgba(239,225,201,0.62)}
.disp-cta{display:inline-block;font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;text-decoration:none;
  background:#c96a34;color:#ffffff;padding:.5rem 1.1rem;border-radius:16px;text-transform:uppercase;
  letter-spacing:.06em;font-size:.82rem}
.disp-cta:hover{background:#a9592c}

.photo-ads{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.pad{margin:0;border:1px solid rgba(239,225,201,0.55)}
.pad img{width:100%;aspect-ratio:6/5;object-fit:cover;filter:grayscale(.35) contrast(1.05)}
.pad figcaption{font-family:'Courier New', Courier, monospace;font-size:.62rem;letter-spacing:.04em;color:rgba(239,225,201,0.62);padding:.25rem .35rem}

.replies{display:grid;gap:.9rem}
.reply{border-left:3px solid #c96a34;padding-left:.8rem}
.reply-tag{font-family:'Courier New', Courier, monospace;font-size:.66rem;letter-spacing:.12em;color:#c96a34}
.reply p{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-style:italic;font-size:1rem;margin:.2rem 0 .3rem}
.reply-by{font-family:'Courier New', Courier, monospace;font-size:.72rem;color:rgba(239,225,201,0.62)}

.place{margin:1.6rem 0;padding-top:1.4rem;border-top:4px double #efe1c9}
.coupon{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;border:2px dashed rgba(239,225,201,0.55);
  border-radius:16px;padding:1.6rem}
.coup-kick{font-family:'Courier New', Courier, monospace;font-size:.72rem;letter-spacing:.16em;color:#c96a34}
.coupon h2{font-size:clamp(1.4rem,3.5vw,2.2rem);margin:.4rem 0 .8rem}
.coup-lines a{text-decoration:none}.coup-lines a:hover{color:#c96a34}
.coup-form{display:grid;gap:.7rem;align-content:start}
.coup-form textarea{font-family:Georgia, 'Times New Roman', serif;padding:.7rem .8rem;border:1px solid rgba(239,225,201,0.55);background:#241c16;
  color:#efe1c9;border-radius:16px;resize:vertical}
.coup-form button{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  background:#c96a34;color:#ffffff;border:0;cursor:pointer;padding:.75rem;border-radius:16px}
.coup-form button:hover{background:#a9592c}

.cl-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;
  padding:1.4rem 0 2.2rem;border-top:1px solid rgba(239,225,201,0.30);font-family:'Courier New', Courier, monospace;font-size:.74rem;color:rgba(239,225,201,0.62)}

@media(max-width:900px){
  .bed{grid-template-columns:1fr 1fr}
  .col{border-right:0;padding:0 .8rem}
  .col:nth-child(1){border-right:1px solid rgba(239,225,201,0.30)}
}
@media(max-width:600px){
  .bed{grid-template-columns:1fr}
  .col{padding:0}.col:nth-child(1){border-right:0}
  .coupon{grid-template-columns:1fr}
  .photo-ads{grid-template-columns:1fr 1fr}
}


.xq{box-sizing:border-box;font-family:Georgia, 'Times New Roman', serif;color:#efe1c9;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:#c96a34;margin-bottom:10px;font-weight:700}

.xq-stats{background:rgba(239,225,201,0.05);border-top:1px solid rgba(239,225,201,0.14);border-bottom:1px solid rgba(239,225,201,0.14)}
.xq-statrow{display:flex;flex-wrap:wrap;gap:14px}
.xq-stat{flex:1 1 140px;background:#332820;border:1px solid rgba(239,225,201,0.14);border-radius:16px;padding:20px 18px;text-align:center}
.xq-stat dt{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-size:2rem;color:#c96a34;font-weight:800}
.xq-stat dd{margin-top:6px;font-size:.85rem;color:#a08a70}


.xq-cta{background:#c96a34;color:#ffffff}
.xq-cta h2,.xq-cta p{color:#ffffff}
.xq-cta p{opacity:.85;max-width:52ch}
.xq-cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.xq-btn{display:inline-block;background:#241c16;color:#efe1c9;text-decoration:none;font-weight:700;padding:14px 30px;border-radius:16px;font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif}
.xq-btn:hover{transform:translateY(-2px)}


.xq-steplist{counter-reset:xqs;list-style:none;padding:0;margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.xq-step{counter-increment:xqs;position:relative;padding:18px 18px 18px 20px;border-left:3px solid #c96a34;background:rgba(239,225,201,0.05);border-radius:0 16px 16px 0}
.xq-step::before{content:"0" counter(xqs);display:block;font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-size:.8rem;letter-spacing:.1em;color:#c96a34;font-weight:800;margin-bottom:8px}
.xq-step h3{font-family:Copperplate, 'Copperplate Gothic Light', 'Segoe UI', sans-serif;font-size:1.02rem;margin-bottom:6px}
.xq-step p{font-size:.9rem;color:#a08a70}


/* =====================================================
   DESIGN DNA: industrial-steel
   Whole-page visual system applied over the layout
   archetype. Appended last so it wins the cascade.
   ===================================================== */
html::after{content:'';position:fixed;inset:0;z-index:99990;pointer-events:none;border:none;background:none;background:repeating-linear-gradient(45deg,#c96a34 0 16px,transparent 16px 32px);background-size:100% 9px;background-repeat:no-repeat;background-position:top}
h1,h2,h3{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif !important;text-transform:uppercase !important;letter-spacing:.04em !important}
img{filter:grayscale(.55) contrast(1.22);border-radius:0 !important;border:2px solid #f2e7d4 !important}
a[class*="btn"],button,span[class*="btn"]{border-radius:0 !important;border:2px solid #f2e7d4 !important;box-shadow:4px 4px 0 rgba(242,231,212,.8) !important;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
div[class*="card"]:not([class*="cards"]),article[class*="card"],a[class*="card"],figure[class*="card"],li[class*="card"]{border-radius:0 !important;border-left:5px solid #c96a34 !important;box-shadow:none !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='90' height='90'%3E%3Ccircle cx='6' cy='6' r='1.6' fill='%23f2e7d4'/%3E%3C/svg%3E");opacity:.14;}