/* 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:#faf7f2;color:#241d17;font-family:'Karla', 'Helvetica Neue', sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Outfit', 'Trebuchet MS', sans-serif;line-height:1.2;color:#241d17}
a{color:#833015}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#e8dfd1;padding:.1em .35em;border-radius:4px;font-size:.9em}
.vdlk{position:absolute;left:-9999px;top:0;background:#833015;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.vdlk:focus{left:0}
.hdgz{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.iedw{font-family:'Outfit', 'Trebuchet MS', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.vmth{color:#5f5142;font-size:.85rem}
.lotn{display:flex;flex-wrap:wrap;gap:1.1rem}
.cbjr{text-decoration:none;color:inherit;font-size:.95rem}
.cbjr:hover{color:#833015;opacity:1}
.sgqh{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}
.sgqh span{display:block;height:2px;background:currentColor;border-radius:2px}
.sgqh[aria-expanded="true"] span:nth-child(2){opacity:0}
.ouan{background:#241d17;color:#FFFFFF} .ouan a{color:inherit} .ouan .hdgz{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem}
.vohv{background:#f2ece2;border-bottom:1px solid #dad4c8} .vohv .hdgz{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.5rem;padding:4.08rem 1.5rem}
.lgue{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#833015;font-weight:600;margin-bottom:.8rem}
.ruuf{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.oouu{font-size:1.15rem;color:#5f5142;max-width:44rem;margin:0 auto}
.dsmu{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.ipjr{border:1px solid #dad4c8;background:#f2ece2;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.arwv{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.qcjx,.azvf,.zyqd{max-width:46rem;margin-left:auto;margin-right:auto}
.qcjx{padding:1.68rem 0}
.qcjx h2{font-size:1.6rem;margin-bottom:.8rem}
.qcjx h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.qcjx p,.qcjx li,.azvf p{margin-bottom:.85rem}
.qcjx ul,.qcjx ol{padding-left:1.4rem}
.azvf{font-size:1.12rem}
.zyqd{background:#f2ece2;border:1px solid #dad4c8;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.cbgn{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #dad4c8;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#f2ece2}
blockquote{border-left:4px solid #833015;padding:.2rem 0 .2rem 1rem;color:#5f5142;margin:1rem 0}
.eyis{max-width:46rem;margin:2.16rem auto;background:#ebe1d6;border:1px solid #dad4c8;border-radius:var(--radius);padding:1.4rem 1.6rem}
.busu{font-size:1.25rem;margin-bottom:.7rem}
.kwxk{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.rlaa{padding-left:1.1rem;position:relative;font-size:.95rem}
.rlaa::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#833015}
.ybye{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.guqs{border-top:1px solid #dad4c8;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.guqs::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Outfit', 'Trebuchet MS', sans-serif;font-weight:700;color:#833015}
.vwjc{margin-bottom:.3rem}
.aina{font-size:.88rem;color:#5f5142}
.vtxx{max-width:46rem;margin:0 auto}
.cxky{border-bottom:1px solid #dad4c8;padding:1.32rem 0}
.wcgc{font-size:1.15rem;margin-bottom:.5rem}
.arhz{color:#241d17}
.zohn{background:#e0ddd2;border-top:1px solid #dad4c8;border-bottom:1px solid #dad4c8;margin:2.4rem 0 0}
.hcoo{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.hcoo h2{margin-bottom:.7rem}
.hcoo p{margin-bottom:1.1rem}
.ijds{display:inline-block;background:#833015;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.ijds:hover{opacity:.9}

.mmem{font-size:1.45rem;margin-bottom:.45rem}
.ttqb p{margin-bottom:.55rem}
.ttqb p:last-child{margin-bottom:0}
.rbwh{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.bivc{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.bivc:hover{opacity:.92}
.dcay{background:#241d17;color:#FFFFFF;border-top:4px solid #39573f}
.whmx{max-width:64rem;margin:0 auto;padding:1.7rem 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem 2.5rem;align-items:center}
.dcay h2,.dcay p{color:#FFFFFF}
.fnky{display:inline-block;background:#faf7f2;color:#241d17;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.rbwh{color:#9a9794}
.ycly::before{content:"\2713\00a0"}
.bivc{background:#833015;color:#FFFFFF;outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width:720px){.whmx{display:block} .fnky{transform:none;max-width:none;margin-bottom:.6rem} .bivc{display:block;text-align:center;margin-top:1rem}}
.qsbs{background:#f2ece2;border-top:1px solid #dad4c8}
.qsbs .hdgz{padding:2.64rem 1.5rem}
.tyvu{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.rhtr{font-style:italic;margin-bottom:.8rem}
.vkct{font-size:.9rem;margin-bottom:.8rem}
.lgue1{font-size:.85rem;color:#5f5142}
.qsbs .lgue1{opacity:.85}
.hjpz{color:#5f5142;font-size:.92rem}
.ouan .vmth{color:#9a9794}
@media(max-width:760px){
  .vohv .hdgz{grid-template-columns:1fr;gap:1.5rem}
  .tyvu{grid-template-columns:1fr}
  .ouan .hdgz{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .ouan .lotn{border-top:0;padding-top:0}
  .ouan .sgqh{display:flex}
  .ouan .lotn{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #dad4c8;padding-top:.4rem;margin-top:.4rem}
  .ouan .lotn[data-open="true"]{display:flex}
  .ouan .cbjr{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
:root {
--clay-ink: #241d17;
--clay-paper: #faf7f2;
--clay-wash: #f2ece2;
--clay-oat: #e8dfd1;
--clay-copy: #5f5142;
--clay-copy-on-wash: #55483b;
--clay-red: #833015;
--clay-green: #39573f;
--clay-line: #dad4c8;
--clay-shadow: 0 1.25rem 3.5rem rgba(36, 29, 23, .12);
}
body {
font-size: 1.075rem;
line-height: 1.72;
text-rendering: optimizeLegibility;
}
main {
overflow: hidden;
}
h1,
h2,
h3,
h4 {
letter-spacing: -.025em;
}
p,
li {
text-wrap: pretty;
}
a {
text-decoration-thickness: .08em;
text-underline-offset: .16em;
}
a:focus-visible,
button:focus-visible {
outline: 3px solid var(--clay-red);
outline-offset: 4px;
}
.vdlk {
border-radius: 0 0 .75rem 0;
font-weight: 700;
box-shadow: var(--clay-shadow);
}
.ouan {
border-bottom: 0;
box-shadow: inset 0 -1px 0 rgba(250, 247, 242, .14);
}
.ouan .hdgz {
max-width: 76rem;
display: grid;
grid-template-columns: minmax(17rem, 1fr) auto;
gap: .9rem 2rem;
padding: 1.25rem 1.5rem 0;
}
.ouan .hdgz > div:first-child {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
column-gap: .8rem;
}
.ouan .iedw {
display: inline-flex;
align-items: center;
gap: .7rem;
width: max-content;
color: var(--clay-paper);
font-size: 1.12rem;
font-weight: 700;
line-height: 1;
letter-spacing: .025em;
text-transform: uppercase;
}
.iedw::before {
content: "M";
display: inline-grid;
place-items: center;
width: 2.45rem;
height: 2.45rem;
border: 1px solid var(--clay-oat);
border-radius: 48% 52% 44% 56% / 55% 43% 57% 45%;
background: var(--clay-red);
color: var(--clay-paper);
font-family: 'Outfit', 'Trebuchet MS', sans-serif;
font-size: 1rem;
font-weight: 700;
box-shadow: .28rem .28rem 0 var(--clay-green);
transform: rotate(-3deg);
}
.iedw::after {
content: "";
width: 2.6rem;
height: 1px;
margin-left: .05rem;
background: var(--clay-red);
}
.ouan .vmth {
grid-column: 2;
color: var(--clay-line);
font-size: .76rem;
line-height: 1.35;
letter-spacing: .035em;
max-width: 20rem;
}
.lotn {
grid-column: 1 / -1;
gap: 0;
width: 100%;
border-top: 1px solid rgba(250, 247, 242, .16);
}
.ouan .cbjr {
position: relative;
padding: .68rem .72rem .78rem;
color: var(--clay-paper);
font-size: .78rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: .055em;
text-transform: uppercase;
}
.ouan .cbjr::after {
content: "";
position: absolute;
right: .72rem;
bottom: .48rem;
left: .72rem;
height: 2px;
background: var(--clay-red);
transform: scaleX(0);
transform-origin: left;
transition: transform .2s ease;
}
.ouan .cbjr:hover,
.ouan .cbjr:focus-visible {
color: var(--clay-oat);
}
.ouan .cbjr:hover::after,
.ouan .cbjr:focus-visible::after {
transform: scaleX(1);
}
.vohv {
position: relative;
isolation: isolate;
overflow: hidden;
border-bottom: 0;
background: var(--clay-wash);
}
.vohv::before {
content: "";
position: absolute;
z-index: -1;
inset: 0 0 0 auto;
width: 38%;
background:
repeating-linear-gradient(90deg, transparent 0 2rem, rgba(36, 29, 23, .045) 2rem calc(2rem + 1px)),
linear-gradient(135deg, var(--clay-oat), var(--clay-wash));
clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
}
.vohv .hdgz {
max-width: 76rem;
display: grid;
grid-template-columns: minmax(0, 1.65fr) minmax(14rem, .7fr);
align-items: center;
gap: clamp(3rem, 7vw, 7rem);
padding: clamp(4rem, 7vw, 6.75rem) 1.5rem;
}
.vohv .hdgz::after {
content: "";
display: block;
justify-self: end;
width: min(100%, 18rem);
min-height: 22rem;
border: 1px solid var(--clay-red);
border-radius: 48% 52% 16% 16% / 31% 34% 10% 12%;
background:
radial-gradient(circle at 50% 17%, var(--clay-paper) 0 1.9rem, transparent 1.95rem),
linear-gradient(90deg, transparent 49.7%, rgba(250, 247, 242, .5) 50%, transparent 50.3%),
var(--clay-red);
box-shadow:
1rem 1rem 0 var(--clay-oat),
1.8rem -1.2rem 0 -1px var(--clay-green),
var(--clay-shadow);
transform: rotate(2deg);
}
.bxsp {
position: relative;
z-index: 1;
}
.lgue {
display: flex;
align-items: center;
gap: .75rem;
margin-bottom: 1rem;
color: var(--clay-red);
font-size: .75rem;
font-weight: 700;
letter-spacing: .18em;
}
.lgue::before {
content: "";
width: 2.8rem;
height: .62rem;
border-radius: 50%;
background: var(--clay-red);
box-shadow: 1.1rem .18rem 0 -.12rem var(--clay-green);
transform: rotate(-2deg);
}
.ruuf {
max-width: 13ch;
margin-bottom: 1.3rem;
color: var(--clay-ink);
font-size: clamp(2.75rem, 6.4vw, 5.65rem);
font-weight: 600;
line-height: .95;
letter-spacing: -.055em;
text-wrap: balance;
}
.oouu {
max-width: 42rem;
margin: 0;
color: var(--clay-copy-on-wash);
font-size: clamp(1.08rem, 1.7vw, 1.28rem);
line-height: 1.58;
}
.dsmu {
gap: .65rem;
margin-top: 2rem;
}
.ipjr {
border: 1px solid var(--clay-line);
border-radius: .2rem;
background: var(--clay-paper);
color: var(--clay-ink);
padding: .48rem .72rem;
font-size: .76rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: .02em;
box-shadow: .22rem .22rem 0 var(--clay-oat);
}
.ipjr:nth-child(odd) {
transform: rotate(-1deg);
}
.ipjr:nth-child(even) {
transform: rotate(.8deg);
}
.dcay {
position: relative;
border: 0;
background: var(--clay-ink);
color: var(--clay-paper);
}
.dcay::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: .55rem;
background: linear-gradient(var(--clay-red) 0 58%, var(--clay-green) 58% 100%);
}
.whmx {
max-width: 72rem;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.5rem 3rem;
align-items: center;
padding: 2.25rem 1.5rem 2.35rem;
}
.dcay h2,
.dcay p {
color: var(--clay-paper);
}
.fnky {
border: 1px solid var(--clay-line);
border-radius: .15rem;
background: var(--clay-oat);
color: var(--clay-ink);
padding: .32rem .65rem;
font-size: .7rem;
font-weight: 700;
letter-spacing: .16em;
}
.mmem {
max-width: 29ch;
margin: .15rem 0 .55rem;
font-size: clamp(1.55rem, 2.7vw, 2.25rem);
font-weight: 600;
line-height: 1.08;
}
.ttqb {
max-width: 52rem;
font-size: 1rem;
line-height: 1.58;
}
.rbwh {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .65rem 1rem;
margin-top: 1.15rem;
color: var(--clay-line);
font-size: .82rem;
}
.ycly {
display: grid;
grid-template-columns: 1.35rem minmax(0, 1fr);
gap: .42rem;
align-items: start;
border-top: 1px solid rgba(218, 212, 200, .28);
padding-top: .55rem;
line-height: 1.35;
}
.ycly::before {
content: "✓";
display: inline-grid;
place-items: center;
width: 1.28rem;
height: 1.28rem;
border: 1px solid var(--clay-line);
border-radius: 50%;
color: var(--clay-line);
font-size: .68rem;
line-height: 1;
}
.bivc {
position: relative;
border: 0;
border-radius: .2rem;
outline: 0;
background: var(--clay-paper);
color: var(--clay-red);
padding: 1rem 3.25rem 1rem 1.25rem;
font-size: .92rem;
letter-spacing: .02em;
box-shadow: .5rem .5rem 0 var(--clay-green);
}
.bivc::after,
.ijds::after {
content: "→";
position: absolute;
right: 1.15rem;
font-size: 1.25rem;
line-height: .9;
transition: transform .2s ease;
}
.bivc:hover::after,
.ijds:hover::after {
transform: translateX(.2rem);
}
.arwv {
padding: clamp(3.5rem, 7vw, 6rem) 0 0;
}
.arwv > .hdgz {
max-width: 72rem;
counter-reset: mesa-section;
}
.azvf {
position: relative;
max-width: 59rem;
margin: 0 auto clamp(3rem, 6vw, 5.25rem);
border: 1px solid var(--clay-line);
border-left: .55rem solid var(--clay-red);
border-radius: .15rem;
background: var(--clay-wash);
color: var(--clay-ink);
padding: clamp(1.5rem, 3.5vw, 2.6rem) clamp(1.5rem, 4vw, 3.25rem);
font-size: clamp(1.14rem, 2vw, 1.32rem);
line-height: 1.62;
box-shadow: .75rem .75rem 0 var(--clay-oat);
}
.azvf::before {
content: "";
position: absolute;
top: -.5rem;
right: 2.5rem;
width: 4rem;
height: .85rem;
border-radius: 50%;
background: var(--clay-green);
transform: rotate(-2deg);
}
.azvf p:last-child {
margin-bottom: 0;
}
.qcjx {
position: relative;
max-width: 64rem;
display: grid;
grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr);
column-gap: clamp(2rem, 5vw, 4.75rem);
padding: clamp(2.4rem, 5vw, 4.25rem) 0;
border-top: 1px solid var(--clay-line);
counter-increment: mesa-section;
}
.qcjx::after {
content: "";
position: absolute;
top: -2px;
left: 0;
width: 4.5rem;
height: 3px;
background: var(--clay-red);
}
.qcjx > h2 {
grid-column: 1;
margin: 0;
font-size: clamp(1.45rem, 2.5vw, 2rem);
font-weight: 600;
line-height: 1.08;
text-wrap: balance;
}
.qcjx > h2::before {
content: counter(mesa-section, decimal-leading-zero);
display: block;
margin-bottom: .7rem;
color: var(--clay-red);
font-size: .72rem;
font-weight: 700;
letter-spacing: .16em;
}
.qcjx > :not(h2) {
grid-column: 2;
}
.qcjx h3 {
margin: 1.2rem 0 .55rem;
color: var(--clay-red);
font-size: 1.15rem;
font-weight: 700;
letter-spacing: 0;
}
.qcjx p,
.qcjx li {
margin-bottom: 1rem;
}
.qcjx p:last-child,
.qcjx li:last-child {
margin-bottom: 0;
}
.qcjx a,
.aina a {
font-weight: 700;
}
.zyqd {
max-width: 58rem;
border: 1px dashed var(--clay-red);
border-radius: .15rem;
background: var(--clay-wash);
color: var(--clay-ink);
padding: 1.5rem 1.75rem;
box-shadow: .45rem .45rem 0 var(--clay-oat);
}
blockquote {
position: relative;
margin: 1.6rem 0;
border: 0;
border-left: .45rem solid var(--clay-red);
background: var(--clay-wash);
color: var(--clay-copy-on-wash);
padding: 1.2rem 1.4rem 1.2rem 1.7rem;
font-size: 1.08rem;
}
.cbgn {
margin: 1.4rem 0;
border: 1px solid var(--clay-line);
box-shadow: .4rem .4rem 0 var(--clay-oat);
}
table {
font-size: .92rem;
line-height: 1.45;
}
th,
td {
border-width: 0 0 1px;
padding: .8rem .9rem;
}
th {
background: var(--clay-oat);
color: var(--clay-ink);
font-family: 'Outfit', 'Trebuchet MS', sans-serif;
font-size: .78rem;
letter-spacing: .04em;
text-transform: uppercase;
}
.eyis {
position: relative;
max-width: 64rem;
display: grid;
grid-template-columns: minmax(12rem, 17rem) minmax(0, 1fr);
gap: 0 clamp(2rem, 5vw, 4.5rem);
margin: clamp(3rem, 6vw, 5rem) auto;
border: 1px solid var(--clay-line);
border-radius: .25rem;
background: var(--clay-oat);
color: var(--clay-ink);
padding: clamp(1.7rem, 4vw, 3rem);
box-shadow: .85rem .85rem 0 var(--clay-green);
}
.eyis::after {
content: "";
position: absolute;
top: 1.2rem;
right: 1.2rem;
width: 2.1rem;
height: 2.1rem;
border: 1px solid var(--clay-red);
border-radius: 50% 46% 52% 45%;
box-shadow: inset 0 0 0 .42rem var(--clay-oat), inset 0 0 0 .55rem var(--clay-red);
transform: rotate(9deg);
}
.busu {
grid-column: 1;
grid-row: 1 / span 12;
max-width: 10ch;
margin: 0;
font-size: clamp(1.65rem, 3vw, 2.45rem);
font-weight: 600;
line-height: 1;
}
.eyis > p,
.kwxk {
grid-column: 2;
}
.kwxk {
gap: .55rem;
margin-top: 1.1rem;
border-top: 1px solid var(--clay-line);
padding-top: 1rem;
}
.rlaa {
display: grid;
grid-template-columns: 1.7rem minmax(0, 1fr);
align-items: start;
gap: .55rem;
padding-left: 0;
font-size: .9rem;
font-weight: 700;
line-height: 1.45;
}
.rlaa::before {
content: "⌖";
position: static;
display: inline-grid;
place-items: center;
width: 1.55rem;
height: 1.55rem;
border: 1px solid var(--clay-red);
border-radius: 50%;
background: transparent;
color: var(--clay-red);
font-size: .88rem;
line-height: 1;
}
.rlaa:nth-child(2)::before {
content: "☎";
font-size: .72rem;
}
.ybye {
max-width: none;
margin: 0;
}
.guqs {
min-height: 4.25rem;
border-top: 1px solid var(--clay-line);
padding: 1.15rem 0 1.15rem 3.5rem;
}
.guqs:first-child {
border-top: 0;
padding-top: 0;
}
.guqs::before {
top: 1.15rem;
display: inline-grid;
place-items: center;
width: 2.15rem;
height: 2.15rem;
border: 1px solid var(--clay-red);
border-radius: 50% 46% 52% 45%;
color: var(--clay-red);
font-size: .72rem;
line-height: 1;
transform: rotate(-4deg);
}
.guqs:first-child::before {
top: .1rem;
}
.vwjc {
margin-bottom: .45rem;
font-size: .98rem;
line-height: 1.55;
}
.aina {
color: var(--clay-copy);
font-size: .83rem;
line-height: 1.5;
}
.vtxx {
max-width: 64rem;
margin: 0 auto clamp(2rem, 5vw, 4rem);
}
.cxky {
position: relative;
display: grid;
grid-template-columns: minmax(12rem, .8fr) minmax(0, 1.35fr);
gap: 1.25rem clamp(2rem, 5vw, 4rem);
border: 0;
border-top: 1px solid var(--clay-line);
background: var(--clay-wash);
color: var(--clay-ink);
padding: clamp(1.4rem, 3vw, 2.15rem);
}
.cxky:nth-child(even) {
background: var(--clay-oat);
}
.wcgc {
display: grid;
grid-template-columns: 1.8rem minmax(0, 1fr);
gap: .65rem;
align-items: start;
margin: 0;
font-size: 1.12rem;
font-weight: 600;
line-height: 1.25;
}
.wcgc::before {
content: "?";
display: inline-grid;
place-items: center;
width: 1.65rem;
height: 1.65rem;
border: 1px solid var(--clay-red);
border-radius: 50%;
color: var(--clay-red);
font-size: .75rem;
line-height: 1;
}
.arhz {
color: var(--clay-ink);
font-size: .98rem;
line-height: 1.62;
}
.zohn {
position: relative;
margin-top: clamp(3rem, 7vw, 6rem);
border: 0;
background: var(--clay-red);
color: var(--clay-paper);
}
.zohn::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: .55rem;
background: repeating-linear-gradient(90deg, var(--clay-green) 0 3rem, var(--clay-oat) 3rem 3.3rem, var(--clay-red) 3.3rem 6.3rem);
}
.hcoo {
max-width: 64rem;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: .75rem clamp(2rem, 7vw, 6rem);
align-items: center;
padding: clamp(3rem, 6vw, 5rem) 1.5rem;
text-align: left;
}
.hcoo h2,
.hcoo p {
grid-column: 1;
color: var(--clay-paper);
}
.hcoo h2 {
max-width: 25ch;
margin: 0;
font-size: clamp(2rem, 4vw, 3.4rem);
font-weight: 600;
line-height: 1;
}
.hcoo p {
max-width: 48rem;
margin: .35rem 0 0;
font-size: 1rem;
line-height: 1.58;
}
.ijds {
position: relative;
grid-column: 2;
grid-row: 1 / span 8;
border: 1px solid var(--clay-paper);
border-radius: .2rem;
background: var(--clay-paper);
color: var(--clay-red);
padding: 1rem 3.25rem 1rem 1.25rem;
font-size: .92rem;
font-weight: 700;
letter-spacing: .02em;
box-shadow: .55rem .55rem 0 var(--clay-green);
}
.qsbs {
position: relative;
border: 0;
background: var(--clay-ink);
color: var(--clay-paper);
}
.qsbs::before {
content: "";
display: block;
height: .42rem;
background: linear-gradient(90deg, var(--clay-red) 0 38%, var(--clay-green) 38% 62%, var(--clay-oat) 62% 100%);
}
.qsbs .hdgz {
max-width: 72rem;
padding: clamp(3rem, 6vw, 5rem) 1.5rem 2rem;
}
.tyvu {
grid-template-columns: minmax(0, 1.45fr) minmax(15rem, .55fr);
gap: clamp(3rem, 8vw, 7rem);
margin-bottom: 2.75rem;
}
.vrdu:first-child {
max-width: 48rem;
}
.qsbs .vmth {
display: flex;
align-items: center;
gap: .75rem;
margin-bottom: 1rem;
color: var(--clay-paper);
font-family: 'Outfit', 'Trebuchet MS', sans-serif;
font-size: .78rem;
font-weight: 700;
letter-spacing: .13em;
text-transform: uppercase;
}
.qsbs .vmth::before {
content: "";
width: 2.5rem;
height: .65rem;
border-radius: 50%;
background: var(--clay-red);
}
.qsbs .hjpz,
.rhtr,
.vkct,
.lgue1 {
color: var(--clay-line);
}
.qsbs .hjpz {
max-width: 42rem;
font-size: 1rem;
line-height: 1.55;
}
.rhtr {
margin: 1.4rem 0 .9rem;
font-size: .93rem;
line-height: 1.55;
}
.vkct {
max-width: 48rem;
font-size: .82rem;
line-height: 1.55;
}
.qsbs nav {
display: grid;
border-top: 1px solid rgba(250, 247, 242, .18);
font-size: 0;
}
.qsbs .cbjr {
display: block;
border-bottom: 1px solid rgba(250, 247, 242, .18);
color: var(--clay-paper);
padding: .58rem 0;
font-size: .76rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: .045em;
text-transform: uppercase;
}
.qsbs .cbjr:hover,
.qsbs .cbjr:focus-visible {
color: var(--clay-oat);
}
.qsbs .lgue1 {
border-top: 1px solid rgba(250, 247, 242, .18);
padding-top: 1.25rem;
color: var(--clay-line);
font-size: .76rem;
line-height: 1.45;
opacity: 1;
}
@media (prefers-reduced-motion: no-preference) {
.iedw::before,
.ipjr,
.bivc,
.ijds {
transition: transform .2s ease, box-shadow .2s ease;
}
.bivc:hover,
.ijds:hover {
transform: translate(-.12rem, -.12rem);
}
}
@media (max-width: 760px) {
.ouan .hdgz {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: .75rem;
padding: .85rem 1rem;
text-align: left;
}
.ouan .hdgz > div:first-child {
max-width: calc(100% - 3.5rem);
grid-template-columns: auto minmax(0, 1fr);
}
.iedw {
gap: .55rem;
font-size: .92rem;
}
.iedw::before {
width: 2rem;
height: 2rem;
box-shadow: .2rem .2rem 0 var(--clay-green);
}
.iedw::after {
display: none;
}
.ouan .vmth {
grid-column: 2;
font-size: .68rem;
}
.ouan .lotn {
flex-basis: 100%;
width: 100%;
margin-top: .25rem;
}
.ouan .cbjr {
padding: .65rem 0;
}
.ouan .cbjr::after {
right: auto;
bottom: .35rem;
left: 0;
width: 3rem;
}
.vohv .hdgz {
grid-template-columns: minmax(0, 1fr);
gap: 2.5rem;
padding: 3.5rem 1.25rem 3.75rem;
}
.vohv .hdgz::after {
justify-self: stretch;
width: auto;
min-height: 7.5rem;
margin: 0 1rem 0 0;
border-radius: 46% 54% 15% 15% / 45% 47% 12% 12%;
box-shadow: .75rem .75rem 0 var(--clay-oat), 1.15rem -.7rem 0 -1px var(--clay-green);
}
.ruuf {
font-size: clamp(2.6rem, 13vw, 4.25rem);
}
.ipjr {
transform: none;
}
.whmx {
display: block;
padding: 2rem 1.25rem 2.35rem;
}
.rbwh {
grid-template-columns: minmax(0, 1fr);
}
.bivc {
display: block;
margin-top: 1.5rem;
text-align: left;
white-space: normal;
}
.arwv > .hdgz {
padding: 0 1.25rem;
}
.azvf {
margin-bottom: 3.5rem;
padding: 1.4rem 1.25rem;
}
.qcjx {
grid-template-columns: minmax(0, 1fr);
padding: 2.7rem 0;
}
.qcjx > h2,
.qcjx > :not(h2) {
grid-column: 1;
}
.qcjx > h2 {
margin-bottom: 1.5rem;
}
.eyis {
grid-template-columns: minmax(0, 1fr);
margin: 3rem 0;
padding: 1.6rem 1.35rem;
box-shadow: .55rem .55rem 0 var(--clay-green);
}
.busu,
.eyis > p,
.kwxk {
grid-column: 1;
grid-row: auto;
}
.busu {
max-width: 14ch;
margin-bottom: 1.3rem;
padding-right: 2rem;
}
.cxky {
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
}
.hcoo {
grid-template-columns: minmax(0, 1fr);
padding: 3.5rem 1.25rem;
}
.hcoo h2,
.hcoo p,
.ijds {
grid-column: 1;
grid-row: auto;
}
.ijds {
justify-self: start;
margin-top: 1rem;
}
.tyvu {
grid-template-columns: minmax(0, 1fr);
gap: 2.5rem;
}
}
@media (max-width: 440px) {
.ouan .hdgz,
.vohv .hdgz,
.whmx,
.hcoo,
.qsbs .hdgz {
padding-right: 1rem;
padding-left: 1rem;
}
.arwv > .hdgz {
padding-right: 1rem;
padding-left: 1rem;
}
.iedw {
letter-spacing: 0;
}
.ouan .vmth {
max-width: 11rem;
}
.ruuf {
font-size: clamp(2.35rem, 13vw, 3.5rem);
}
.azvf {
box-shadow: .4rem .4rem 0 var(--clay-oat);
}
.guqs {
padding-left: 3rem;
}
}