/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:1.25rem}
html{scroll-behavior:smooth}
body{background:#F7F2E8;color:#172A31;font-family:'Inter', 'Gotham', sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Manrope', 'Avenir Next', sans-serif;line-height:1.2;color:#172A31}
a{color:#8A351F}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#E3D3B7;padding:.1em .35em;border-radius:4px;font-size:.9em}
.otxs{position:absolute;left:-9999px;top:0;background:#8A351F;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.otxs:focus{left:0}
.tmzp{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.irsz{font-family:'Manrope', 'Avenir Next', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.stsv{color:#4D5B61;font-size:.85rem}
.shmj{display:flex;flex-wrap:wrap;gap:1.1rem}
.mwev{text-decoration:none;color:inherit;font-size:.95rem}
.mwev:hover{color:#8A351F;opacity:1}
.jzam{display:none;background:none;border:1px solid currentColor;border-radius:6px;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}
.jzam span{display:block;height:2px;background:currentColor;border-radius:2px}
.jzam[aria-expanded="true"] span:nth-child(2){opacity:0}
.vanv{border-bottom:1px solid #C9B99D;background:#F7F2E8} .vanv .tmzp{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}
.vgfb{background:linear-gradient(160deg, #EEE4D2, #e2cfbd)} .vgfb .tmzp{max-width:52rem;text-align:center;padding:4.8rem 1.5rem} .ldra{justify-content:center}
.tgse{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#8A351F;font-weight:600;margin-bottom:.8rem}
.sigm{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.kfht{font-size:1.15rem;color:#4D5B61;max-width:44rem;margin:0 auto}
.ldra{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.zlkv{border:1px solid #C9B99D;background:#EEE4D2;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.shcr{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.fnly,.ropd,.jnol{max-width:46rem;margin-left:auto;margin-right:auto}
.fnly{padding:1.68rem 0}
.fnly h2{font-size:1.6rem;margin-bottom:.8rem}
.fnly h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.fnly p,.fnly li,.ropd p{margin-bottom:.85rem}
.fnly ul,.fnly ol{padding-left:1.4rem}
.ropd{font-size:1.12rem}
.jnol{background:#EEE4D2;border:1px solid #C9B99D;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.ftbl{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #C9B99D;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#EEE4D2}
blockquote{border-left:4px solid #8A351F;padding:.2rem 0 .2rem 1rem;color:#4D5B61;margin:1rem 0}
.mbak{max-width:46rem;margin:2.16rem auto;background:#e8dac7;border:1px solid #C9B99D;border-radius:var(--radius);padding:1.4rem 1.6rem}
.vnva{font-size:1.25rem;margin-bottom:.7rem}
.evxp{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.nqxn{padding-left:1.1rem;position:relative;font-size:.95rem}
.nqxn::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#8A351F}
.qqxw{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.mufi{border-top:1px solid #C9B99D;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.mufi::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Manrope', 'Avenir Next', sans-serif;font-weight:700;color:#8A351F}
.dvpe{margin-bottom:.3rem}
.zxhc{font-size:.88rem;color:#4D5B61}
.jcow{max-width:46rem;margin:0 auto}
.tqbp{border-bottom:1px solid #C9B99D;padding:1.32rem 0}
.bafb{font-size:1.15rem;margin-bottom:.5rem}
.basd{color:#172A31}
.cjxs{background:#dad7c7;border-top:1px solid #C9B99D;border-bottom:1px solid #C9B99D;margin:2.4rem 0 0}
.dasr{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.dasr h2{margin-bottom:.7rem}
.dasr p{margin-bottom:1.1rem}
.faws{display:inline-block;background:#8A351F;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.faws:hover{opacity:.9}

.yqll{font-size:1.45rem;margin-bottom:.45rem}
.mvry p{margin-bottom:.55rem}
.mvry p:last-child{margin-bottom:0}
.dsfo{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.whfi{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.whfi:hover{opacity:.92}
.kqmj{padding:0 1.5rem;margin-top:-1.5rem;position:relative;z-index:2}
.zjyf{max-width:64rem;margin:0 auto;background:#F7F2E8;border-top:6px solid #8A351F;border-radius:var(--radius);box-shadow:0 18px 40px -18px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.08);padding:1.6rem 2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem 2.5rem;align-items:center}
.wfkj{display:inline-block;background:#8A351F;color:#FFFFFF;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;margin-bottom:.6rem}
.dsfo{color:#63615d}
.dlwr::before{content:"\2713\00a0";color:#8A351F}
.whfi{background:#8A351F;color:#FFFFFF;box-shadow:0 10px 22px -12px #8A351F}
@media (max-width:720px){.zjyf{display:block} .wfkj{transform:none;max-width:none;margin-bottom:.6rem} .whfi{display:block;text-align:center;margin-top:1rem}}
.dxnz{background:#EEE4D2;border-top:1px solid #C9B99D}
.dxnz .tmzp{padding:2.64rem 1.5rem}
.mvch{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.vqwu{font-style:italic;margin-bottom:.8rem}
.qlmz{font-size:.9rem;margin-bottom:.8rem}
.xmsk{font-size:.85rem;color:#4D5B61}
.dxnz .xmsk{opacity:.85}
.inxh{color:#4D5B61;font-size:.92rem}
.dxnz .xmsk{color:#5b676b;opacity:1}
@media(max-width:760px){
  .vgfb .tmzp{grid-template-columns:1fr;gap:1.5rem}
  .mvch{grid-template-columns:1fr}
  .vanv .tmzp{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .vanv .shmj{border-top:0;padding-top:0}
  .vanv .jzam{display:flex}
  .vanv .shmj{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #C9B99D;padding-top:.4rem;margin-top:.4rem}
  .vanv .shmj[data-open="true"]{display:flex}
  .vanv .mwev{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Immersive evidence-room layer: deep thresholds, field-note panels, editorial rhythm. */

:root {
  --room-ink: #172A31;
  --room-paper: #F7F2E8;
  --room-sheet: #EEE4D2;
  --room-clay: #E3D3B7;
  --room-rust: #8A351F;
  --room-teal: #285D62;
  --room-line: #C9B99D;
}

body {
  font-size: 1.05rem;
  line-height: 1.72;
  background-color: var(--room-paper);
  background-image: linear-gradient(90deg, rgba(201, 185, 157, .16) 1px, transparent 1px);
  background-size: min(9vw, 7rem) 100%;
}

h1,
h2,
h3,
h4 {
  letter-spacing: -.035em;
}

a {
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

.vanv {
  color: var(--room-paper);
  background: var(--room-ink);
  border-bottom: 1px solid rgba(247, 242, 232, .24);
}

.vanv .tmzp {
  max-width: 86rem;
  padding: 1.15rem clamp(1.5rem, 4vw, 4rem);
  gap: 2rem;
}

.irsz {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .78rem;
  color: var(--room-paper);
  font-size: clamp(1.02rem, 1.6vw, 1.3rem);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.05;
  text-decoration: none;
}

.irsz::before {
  content: "M";
  display: grid;
  place-items: center;
  flex: 0 0 2.45rem;
  width: 2.45rem;
  height: 2.45rem;
  color: var(--room-paper);
  background:
    linear-gradient(135deg, transparent 0 55%, var(--room-rust) 55% 65%, transparent 65%),
    var(--room-teal);
  border: 1px solid rgba(247, 242, 232, .55);
  box-shadow: .28rem .28rem 0 var(--room-rust);
  font-size: 1.12rem;
  font-weight: 800;
  letter-spacing: -.08em;
}

.irsz::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -.38rem;
  width: calc(100% - 3.22rem);
  height: 2px;
  background: linear-gradient(90deg, var(--room-rust) 0 31%, var(--room-teal) 31% 100%);
}

.vanv .stsv {
  margin: .55rem 0 0 3.23rem;
  color: var(--room-clay);
  font-size: .71rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.shmj {
  justify-content: flex-end;
  gap: .35rem 1rem;
}

.vanv .mwev {
  color: var(--room-paper);
  border-bottom: 2px solid transparent;
  padding: .35rem .05rem .25rem;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .035em;
}

.vanv .mwev:hover {
  color: var(--room-paper);
  border-bottom-color: var(--room-rust);
}

.jzam {
  border-radius: 0;
}

.vgfb {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--room-paper);
  background: var(--room-ink);
  border-bottom: 0;
}

.vgfb::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 36%;
  height: 100%;
  background-color: var(--room-teal);
  background-image:
    repeating-linear-gradient(90deg, transparent 0 3.4rem, rgba(247, 242, 232, .12) 3.4rem calc(3.4rem + 1px)),
    repeating-linear-gradient(0deg, transparent 0 3.4rem, rgba(247, 242, 232, .12) 3.4rem calc(3.4rem + 1px));
  clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 100%);
}

.vgfb::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 8%;
  bottom: 12%;
  width: clamp(7rem, 14vw, 13rem);
  aspect-ratio: 1;
  border: clamp(.8rem, 2vw, 1.5rem) solid var(--room-rust);
  border-radius: 50%;
  opacity: .86;
}

.vgfb .tmzp {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(11rem, 4fr);
  max-width: 86rem;
  padding: clamp(4rem, 9vw, 8rem) clamp(1.5rem, 6vw, 6.5rem) clamp(6rem, 11vw, 9rem);
  text-align: left;
}

.vgfb .tmzp::after {
  content: "COMPARE\A MEASURE\A DECIDE";
  grid-column: 2;
  align-self: end;
  justify-self: end;
  margin-bottom: .35rem;
  padding: .85rem 0 .85rem 1.1rem;
  color: var(--room-paper);
  border-left: 2px solid var(--room-rust);
  font-family: 'Manrope', 'Avenir Next', sans-serif;
  font-size: clamp(.66rem, 1vw, .78rem);
  font-weight: 800;
  letter-spacing: .2em;
  line-height: 2;
  white-space: pre;
}

.ogjv {
  position: relative;
  z-index: 1;
  grid-column: 1;
  max-width: 55rem;
  padding-left: clamp(1rem, 2vw, 1.7rem);
  border-left: 1px solid rgba(247, 242, 232, .28);
}

.tgse {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-bottom: 1.3rem;
  color: var(--room-clay);
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .2em;
}

.tgse::before {
  content: "";
  width: 3.5rem;
  height: 1px;
  background: var(--room-rust);
}

.vgfb h1 {
  max-width: 12ch;
  margin-bottom: 1.35rem;
  color: var(--room-paper);
}

.sigm {
  font-size: clamp(2.75rem, 6.7vw, 6rem);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.07em;
  text-wrap: balance;
}

.kfht {
  max-width: 42rem;
  margin: 0;
  color: var(--room-paper);
  font-size: clamp(1.05rem, 1.7vw, 1.3rem);
  line-height: 1.6;
}

.ldra {
  justify-content: flex-start;
  max-width: 44rem;
  gap: .55rem;
  margin-top: 2rem;
}

.zlkv {
  color: var(--room-paper);
  background: transparent;
  border: 1px solid rgba(247, 242, 232, .4);
  border-radius: .2rem;
  padding: .42rem .72rem;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .035em;
}

.kqmj {
  z-index: 3;
  margin-top: -3rem;
  padding: 0 clamp(1rem, 4vw, 3rem);
}

.zjyf {
  position: relative;
  overflow: hidden;
  max-width: 72rem;
  padding: clamp(1.6rem, 3vw, 2.5rem) clamp(1.5rem, 4vw, 3.5rem);
  color: var(--room-ink);
  background: var(--room-sheet);
  border: 0;
  border-left: .7rem solid var(--room-rust);
  border-radius: 0;
  box-shadow: .9rem .9rem 0 var(--room-clay);
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem);
  gap: 2rem 4rem;
}

.zjyf::after {
  content: "";
  position: absolute;
  right: -2rem;
  top: -2rem;
  width: 8rem;
  height: 8rem;
  border: 1px solid var(--room-line);
  border-radius: 50%;
  box-shadow: 0 0 0 1.1rem var(--room-sheet), 0 0 0 calc(1.1rem + 1px) var(--room-line);
  opacity: .7;
  pointer-events: none;
}

.tmzy,
.whfi {
  position: relative;
  z-index: 1;
}

.wfkj {
  color: var(--room-paper);
  background: var(--room-rust);
  border-radius: 0;
  padding: .35rem .65rem;
  font-size: .68rem;
  letter-spacing: .16em;
}

.yqll {
  max-width: 29ch;
  font-size: clamp(1.45rem, 2.7vw, 2.25rem);
  line-height: 1.12;
}

.dsfo {
  color: var(--room-ink);
  gap: .4rem 1.1rem;
  font-size: .82rem;
}

.dlwr::before {
  content: "";
  display: inline-block;
  width: 1.05rem;
  height: 1.05rem;
  margin-right: .42rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: -.18rem;
}

.dlwr:nth-child(1)::before,
.nqxn:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A351F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.dlwr:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A351F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3v3M17 3v3M4 9h16M5 5h14a1 1 0 0 1 1 1v14H4V6a1 1 0 0 1 1-1Z'/%3E%3Cpath d='m8 14 2.2 2.2L16 11'/%3E%3C/svg%3E");
}

.dlwr:nth-child(3)::before,
.nqxn:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A351F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 3h3l1.3 4-2.1 1.6a15 15 0 0 0 6 6l1.6-2.1 4 1.3v3c0 2-1.7 3.6-3.7 3.4C9.9 19.3 4.7 14.1 3.8 6.7 3.6 4.7 5.2 3 7.2 3Z'/%3E%3C/svg%3E");
}

.whfi {
  color: var(--room-paper);
  background: var(--room-ink);
  border-radius: 0;
  box-shadow: none;
  padding: 1rem 1.25rem;
  text-align: center;
  white-space: normal;
}

.whfi::after,
.faws::after {
  content: "";
  display: inline-block;
  width: .58rem;
  height: .58rem;
  margin-left: .7rem;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s ease;
}

.whfi:hover::after,
.faws:hover::after {
  transform: translateX(.2rem) rotate(45deg);
}

.shcr {
  padding: clamp(4rem, 8vw, 7.5rem) 0 clamp(2.5rem, 6vw, 5rem);
  counter-reset: evidence-section;
}

.shcr > .tmzp {
  max-width: 78rem;
  padding: 0 clamp(1.25rem, 4vw, 3rem);
}

.ropd {
  position: relative;
  max-width: 61rem;
  margin-bottom: clamp(3rem, 7vw, 6rem);
  padding: 0 0 0 clamp(1.25rem, 3vw, 2.5rem);
  border-left: .55rem solid var(--room-rust);
  font-size: clamp(1.08rem, 1.45vw, 1.25rem);
  line-height: 1.75;
}

.ropd::before {
  content: "HOW TO USE THIS GUIDE";
  display: block;
  margin-bottom: 1rem;
  color: var(--room-rust);
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .18em;
}

.ropd h2 {
  max-width: 20ch;
  margin-bottom: 1.2rem;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 1.05;
}

.fnly {
  counter-increment: evidence-section;
  display: grid;
  grid-template-columns: minmax(10rem, 15rem) minmax(0, 1fr);
  column-gap: clamp(2rem, 6vw, 6rem);
  max-width: 68rem;
  padding: clamp(2.5rem, 5vw, 4.5rem) 0;
  border-top: 1px solid var(--room-line);
}

.fnly > h2 {
  grid-column: 1;
  align-self: start;
  margin: 0;
  font-size: clamp(1.4rem, 2.5vw, 2.15rem);
  line-height: 1.12;
}

.fnly > h2::before {
  content: "0" counter(evidence-section) " / evidence note";
  display: block;
  margin-bottom: .85rem;
  color: var(--room-rust);
  font-family: 'Inter', 'Gotham', sans-serif;
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .13em;
  line-height: 1.3;
  text-transform: uppercase;
}

.fnly > :not(h2) {
  grid-column: 2;
}

.fnly:nth-of-type(even) {
  padding-right: clamp(1.25rem, 3vw, 2.25rem);
  padding-left: clamp(1.25rem, 3vw, 2.25rem);
  background: rgba(238, 228, 210, .72);
  border-top-color: var(--room-teal);
}

.fnly h3 {
  margin-top: 1.4rem;
  font-size: 1.3rem;
}

.jnol {
  max-width: 60rem;
  margin-bottom: 4rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--room-ink);
  background: var(--room-clay);
  border: 0;
  border-right: .55rem solid var(--room-teal);
  border-radius: 0;
}

blockquote {
  margin: 1.6rem 0;
  padding: 1rem 1.4rem;
  color: var(--room-ink);
  background: var(--room-sheet);
  border-left: .45rem solid var(--room-rust);
}

.ftbl {
  margin: 1.5rem 0;
  border: 1px solid var(--room-line);
}

th,
td {
  padding: .8rem .9rem;
}

th {
  color: var(--room-ink);
  background: var(--room-clay);
}

.mbak {
  position: relative;
  max-width: 64rem;
  margin: clamp(3rem, 7vw, 6rem) auto;
  padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 5vw, 4.5rem);
  color: var(--room-paper);
  background: var(--room-rust);
  border: 0;
  border-radius: 0;
  box-shadow: 1rem 1rem 0 var(--room-clay);
  overflow: hidden;
}

.mbak::before {
  content: "MESA / FIELD BRIEF";
  display: block;
  margin-bottom: 1.1rem;
  color: var(--room-paper);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
}

.mbak::after {
  content: "";
  position: absolute;
  right: -4.5rem;
  top: -4.5rem;
  width: 11rem;
  height: 11rem;
  border: 1px solid rgba(247, 242, 232, .42);
  border-radius: 50%;
  box-shadow: 0 0 0 1rem var(--room-rust), 0 0 0 calc(1rem + 1px) rgba(247, 242, 232, .42);
  pointer-events: none;
}

.mbak > * {
  position: relative;
  z-index: 1;
}

.mbak h2,
.mbak a {
  color: var(--room-paper);
}

.vnva {
  max-width: 22ch;
  font-size: clamp(1.8rem, 3.6vw, 3rem);
  line-height: 1.06;
}

.evxp {
  margin-top: 1.6rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(247, 242, 232, .5);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem 2rem;
}

.nqxn {
  position: relative;
  padding-left: 1.75rem;
  font-weight: 600;
}

.nqxn::before {
  content: "";
  display: inline-block;
  width: 1.15rem;
  height: 1.15rem;
  position: absolute;
  left: 0;
  top: .28rem;
  margin-right: 0;
  border-radius: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: -.2rem;
}

.nqxn:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7F2E8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.nqxn:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7F2E8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 3h3l1.3 4-2.1 1.6a15 15 0 0 0 6 6l1.6-2.1 4 1.3v3c0 2-1.7 3.6-3.7 3.4C9.9 19.3 4.7 14.1 3.8 6.7 3.6 4.7 5.2 3 7.2 3Z'/%3E%3C/svg%3E");
}

.qqxw {
  display: grid;
  gap: .8rem;
  max-width: none;
  margin: 0;
}

.mufi {
  position: relative;
  min-width: 0;
  padding: 1.35rem 3.2rem 1.35rem 3.8rem;
  color: var(--room-ink);
  background: var(--room-sheet);
  border: 0;
  border-left: .3rem solid var(--room-teal);
}

.mufi::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 1.35rem;
  height: 1.35rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23285D62' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6Z'/%3E%3Cpath d='M14 3v5h5M9 12h6M9 16h6'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: .8;
}

.mufi::before {
  top: 1.35rem;
  left: 1.25rem;
  color: var(--room-rust);
  font-size: 1.15rem;
}

.zxhc {
  color: var(--room-ink);
  font-size: .82rem;
  line-height: 1.55;
}

.qqxw a {
  color: var(--room-ink);
  text-decoration-color: var(--room-rust);
}

.jcow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  max-width: 68rem;
}

.tqbp {
  position: relative;
  padding: clamp(1.4rem, 3vw, 2.2rem);
  color: var(--room-ink);
  background: var(--room-sheet);
  border: 0;
  border-top: .35rem solid var(--room-teal);
}

.bafb {
  padding-left: 2.1rem;
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  line-height: 1.18;
}

.bafb::before {
  content: "";
  position: absolute;
  left: clamp(1.4rem, 3vw, 2.2rem);
  top: clamp(1.45rem, 3vw, 2.25rem);
  width: 1.28rem;
  height: 1.28rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A351F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.5 8.5 0 0 1-9 8.5 9.7 9.7 0 0 1-4-.9L3 21l1.7-4.5A8.5 8.5 0 1 1 21 11.5Z'/%3E%3Cpath d='M9.8 9a2.3 2.3 0 1 1 3.5 2c-1 .6-1.3 1.1-1.3 2M12 16h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}

.basd {
  padding-top: 1rem;
  border-top: 1px solid var(--room-line);
}

.cjxs {
  position: relative;
  overflow: hidden;
  margin-top: clamp(3rem, 7vw, 6rem);
  color: var(--room-paper);
  background: var(--room-ink);
  border: 0;
}

.cjxs::after {
  content: "";
  position: absolute;
  right: -4rem;
  bottom: -6rem;
  width: 19rem;
  height: 19rem;
  border: 2.4rem solid var(--room-teal);
  border-radius: 50%;
}

.cjxs::before {
  content: "NEXT CONVERSATION / MESA";
  position: absolute;
  left: clamp(1rem, 5vw, 5rem);
  top: 50%;
  color: var(--room-clay);
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .2em;
  writing-mode: vertical-rl;
  transform: translateY(-50%) rotate(180deg);
}

.dasr {
  position: relative;
  z-index: 1;
  max-width: 56rem;
  padding: clamp(3.5rem, 8vw, 6.5rem) 1.5rem;
}

.dasr h2 {
  max-width: 21ch;
  margin: 0 auto 1rem;
  color: var(--room-paper);
  font-size: clamp(2rem, 4.5vw, 3.8rem);
  line-height: 1.02;
}

.faws {
  margin-top: .6rem;
  color: var(--room-ink);
  background: var(--room-clay);
  border: 2px solid var(--room-clay);
  border-radius: 0;
  padding: .9rem 1.4rem;
  font-weight: 800;
  text-decoration: none;
}

.faws:hover {
  opacity: 1;
  transform: translateY(-2px);
}

.dxnz {
  color: var(--room-ink);
  background: var(--room-clay);
  border-top: .7rem solid var(--room-rust);
}

.dxnz .tmzp {
  max-width: 78rem;
  padding: clamp(2.5rem, 6vw, 5rem) clamp(1.5rem, 4vw, 3rem) 2rem;
}

.mvch {
  grid-template-columns: minmax(0, 1.65fr) minmax(14rem, .85fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  margin-bottom: 2.5rem;
}

.dxnz .stsv,
.dxnz .inxh,
.dxnz .xmsk {
  color: var(--room-ink);
  opacity: 1;
}

.dxnz .stsv {
  margin-bottom: .5rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.vqwu {
  margin-top: 1.2rem;
  padding-left: 1rem;
  border-left: .25rem solid var(--room-rust);
  font-style: normal;
  font-weight: 600;
}

.dxnz .mwev {
  display: inline-block;
  margin: 0 0 .5rem;
  color: var(--room-ink);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--room-rust);
}

.xmsk {
  padding-top: 1.25rem;
  border-top: 1px solid var(--room-line);
}

@media (max-width: 760px) {
  body {
    background-size: 4rem 100%;
  }

  .vanv .tmzp {
    gap: .6rem;
    padding: .9rem 1.25rem;
  }

  .irsz {
    gap: .52rem;
    font-size: .88rem;
  }

  .irsz::before {
    flex-basis: 2rem;
    width: 2rem;
    height: 2rem;
    box-shadow: .2rem .2rem 0 var(--room-rust);
    font-size: .92rem;
  }

  .irsz::after {
    width: calc(100% - 2.52rem);
  }

  .vanv .stsv {
    margin-left: 2.52rem;
    font-size: .62rem;
  }

  .vanv .mwev {
    padding: .7rem 0;
    font-size: 1rem;
  }

  .vgfb::before {
    width: 24%;
    clip-path: polygon(55% 0, 100% 0, 100% 100%, 0 100%);
  }

  .vgfb::after {
    right: -2.5rem;
    bottom: 5%;
  }

  .vgfb .tmzp {
    grid-template-columns: 1fr;
    padding: 4rem 1.25rem 6rem;
  }

  .ogjv {
    grid-column: 1;
  }

  .vgfb .tmzp::after {
    grid-column: 1;
    justify-self: start;
    margin-top: 2rem;
  }

  .sigm {
    font-size: clamp(2.6rem, 13vw, 4.4rem);
  }

  .kqmj {
    margin-top: -2.5rem;
    padding: 0 1rem;
  }

  .zjyf {
    display: block;
    padding: 1.5rem;
    box-shadow: .5rem .5rem 0 var(--room-clay);
  }

  .whfi {
    display: block;
    margin-top: 1.25rem;
  }

  .fnly {
    display: block;
  }

  .fnly > h2 {
    margin-bottom: 1.25rem;
  }

  .evxp,
  .jcow {
    grid-template-columns: 1fr;
  }

  .mbak {
    box-shadow: .5rem .5rem 0 var(--room-clay);
  }

  .cjxs::before {
    left: 1.25rem;
    top: 1.35rem;
    writing-mode: horizontal-tb;
    transform: none;
  }

  .dasr {
    padding-top: 4.5rem;
  }

  .mvch {
    grid-template-columns: 1fr;
  }
}