/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.25rem}
html{scroll-behavior:smooth}
body{background:#F7F3EA;color:#111111;font-family:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Archivo Black', 'Arial Black', sans-serif;line-height:1.2;color:#111111}
a{color:#713044}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#ECE7DE;padding:.1em .35em;border-radius:4px;font-size:.9em}
.eccy{position:absolute;left:-9999px;top:0;background:#713044;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.eccy:focus{left:0}
.jjpc{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.pclw{font-family:'Archivo Black', 'Arial Black', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.eneq{color:#55504A;font-size:.85rem}
.vwpc{display:flex;flex-wrap:wrap;gap:1.1rem}
.xgrl{text-decoration:none;color:inherit;font-size:.95rem}
.xgrl:hover{color:#713044;opacity:1}
.dtqs{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}
.dtqs span{display:block;height:2px;background:currentColor;border-radius:2px}
.dtqs[aria-expanded="true"] span:nth-child(2){opacity:0}
.nuls{background:#FFFFFF} .nuls .jjpc{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;text-align:center} .vwpc{border-top:1px solid #C7BFB3;padding-top:.6rem}
.blal{background:#FFFFFF;border-bottom:1px solid #C7BFB3} .blal .jjpc{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.5rem;padding:3.4rem 1.5rem}
.enze{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#713044;font-weight:600;margin-bottom:.8rem}
.bzgk{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.efxh{font-size:1.15rem;color:#55504A;max-width:44rem;margin:0 auto}
.iskm{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.subc{border:1px solid #C7BFB3;background:#FFFFFF;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.cyyf{padding:2.6rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.cmlx,.fmgc,.vmay{max-width:46rem;margin-left:auto;margin-right:auto}
.cmlx{padding:1.4rem 0}
.cmlx h2{font-size:1.6rem;margin-bottom:.8rem}
.cmlx h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.cmlx p,.cmlx li,.fmgc p{margin-bottom:.85rem}
.cmlx ul,.cmlx ol{padding-left:1.4rem}
.fmgc{font-size:1.12rem}
.vmay{background:#FFFFFF;border:1px solid #C7BFB3;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.6rem}
.xpzs{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #C7BFB3;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#FFFFFF}
blockquote{border-left:4px solid #713044;padding:.2rem 0 .2rem 1rem;color:#55504A;margin:1rem 0}
.nbpd{max-width:46rem;margin:1.8rem auto;background:#f6f3f4;border:1px solid #C7BFB3;border-radius:var(--radius);padding:1.4rem 1.6rem}
.lbte{font-size:1.25rem;margin-bottom:.7rem}
.mqzo{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.eesj{padding-left:1.1rem;position:relative;font-size:.95rem}
.eesj::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#713044}
.cgma{max-width:46rem;margin:1.8rem auto;padding:0;list-style:none;counter-reset:src}
.syqn{border-top:1px solid #C7BFB3;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.syqn::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Archivo Black', 'Arial Black', sans-serif;font-weight:700;color:#713044}
.twsk{margin-bottom:.3rem}
.pflh{font-size:.88rem;color:#55504A}
.eiyu{max-width:46rem;margin:0 auto}
.gygg{border-bottom:1px solid #C7BFB3;padding:1.1rem 0}
.ddeb{font-size:1.15rem;margin-bottom:.5rem}
.qljl{color:#111111}
.tdme{background:#fffced;border-top:1px solid #C7BFB3;border-bottom:1px solid #C7BFB3;margin:2rem 0 0}
.olon{max-width:46rem;margin:0 auto;padding:2.2rem 1.5rem;text-align:center}
.olon h2{margin-bottom:.7rem}
.olon p{margin-bottom:1.1rem}
.gbra{display:inline-block;background:#713044;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.gbra:hover{opacity:.9}

.rkij{font-size:1.45rem;margin-bottom:.45rem}
.erqu p{margin-bottom:.55rem}
.erqu p:last-child{margin-bottom:0}
.ptrn{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.fkao{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.fkao:hover{opacity:.92}
.ofad{background:#111111;color:#FFFFFF;border-top:4px solid #FFDC46}
.auhh{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}
.ofad h2,.ofad p{color:#FFFFFF}
.inif{display:inline-block;background:#F7F3EA;color:#111111;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.ptrn{color:#8d8d8d}
.zlzw::before{content:"\2713\00a0"}
.fkao{background:#713044;color:#FFFFFF;outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width:720px){.auhh{display:block} .inif{transform:none;max-width:none;margin-bottom:.6rem} .fkao{display:block;text-align:center;margin-top:1rem}}
.tokz{background:#FFFFFF;border-top:1px solid #C7BFB3}
.tokz .jjpc{padding:2.2rem 1.5rem}
.jrht{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.pdmy{font-style:italic;margin-bottom:.8rem}
.wbne{font-size:.9rem;margin-bottom:.8rem}
.awsh{font-size:.85rem;color:#55504A}
.tokz .awsh{opacity:.85}
.lobh{color:#55504A;font-size:.92rem}
@media(max-width:760px){
  .blal .jjpc{grid-template-columns:1fr;gap:1.5rem}
  .jrht{grid-template-columns:1fr}
  .nuls .jjpc{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .nuls .vwpc{border-top:0;padding-top:0}
  .nuls .dtqs{display:flex}
  .nuls .vwpc{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #C7BFB3;padding-top:.4rem;margin-top:.4rem}
  .nuls .vwpc[data-open="true"]{display:flex}
  .nuls .xgrl{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Glendale Still Moving — candid flash-frame editorial system. */

:root {
  --gsm-paper: #F7F3EA;
  --gsm-white: #FFFFFF;
  --gsm-ink: #111111;
  --gsm-copy: #55504A;
  --gsm-burgundy: #713044;
  --gsm-yellow: #FFDC46;
  --gsm-line: #C7BFB3;
  --gsm-soft: #ECE7DE;
}

html {
  scroll-padding-top: 2rem;
}

body {
  background-color: var(--gsm-paper);
  background-image:
    linear-gradient(90deg, rgba(17, 17, 17, .032) 1px, transparent 1px),
    linear-gradient(rgba(17, 17, 17, .032) 1px, transparent 1px);
  background-size: 32px 32px;
  color: var(--gsm-ink);
  letter-spacing: -.008em;
}

::selection {
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
}

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

a:focus-visible,
button:focus-visible {
  outline: 3px solid var(--gsm-burgundy);
  outline-offset: 4px;
}

/* A centered app-like masthead, translated into an editorial wordmark. */
.nuls {
  position: relative;
  border-bottom: 2px solid var(--gsm-ink);
  box-shadow: 0 5px 0 var(--gsm-yellow);
}

.nuls::before {
  content: "GLENDALE / AZ";
  position: absolute;
  top: .65rem;
  left: max(1.5rem, calc(50% - 34.5rem));
  color: var(--gsm-copy);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .14em;
}

.nuls::after {
  content: "FIELD NOTE 01";
  position: absolute;
  top: .65rem;
  right: max(1.5rem, calc(50% - 34.5rem));
  color: var(--gsm-copy);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .14em;
}

.nuls .jjpc {
  max-width: 72rem;
  padding-top: 1.75rem;
  padding-bottom: .85rem;
}

.pclw {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 3.05rem;
  padding: .25rem 1rem .25rem 4rem;
  color: var(--gsm-ink);
  font-size: clamp(1.05rem, 2vw, 1.42rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1;
  text-transform: uppercase;
}

.pclw::before {
  content: "GSM";
  position: absolute;
  left: 0;
  display: grid;
  width: 3.05rem;
  height: 3.05rem;
  place-items: center;
  border: 2px solid var(--gsm-ink);
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
  font-family: 'DM Sans', sans-serif;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: -.06em;
  transform: rotate(-2deg);
  box-shadow: 4px 4px 0 var(--gsm-ink);
}

.pclw::after {
  content: "STILL";
  position: absolute;
  right: .95rem;
  bottom: -.2rem;
  border-bottom: 4px solid var(--gsm-burgundy);
  color: var(--gsm-burgundy);
  font-family: 'DM Sans', sans-serif;
  font-size: .52rem;
  font-weight: 800;
  letter-spacing: .2em;
}

.nuls .eneq {
  margin-top: .25rem;
  color: var(--gsm-copy);
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.nuls .vwpc {
  justify-content: center;
  gap: 0;
  width: 100%;
  border-top: 1px solid var(--gsm-line);
}

.xgrl {
  position: relative;
  padding: .52rem .75rem .35rem;
  color: var(--gsm-ink);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.xgrl + .xgrl::before {
  content: "/";
  position: absolute;
  left: -.12rem;
  color: var(--gsm-line);
}

.xgrl:hover {
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
}

.dtqs {
  border: 2px solid var(--gsm-ink);
  border-radius: 0;
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
  box-shadow: 3px 3px 0 var(--gsm-ink);
}

/* Hero: oversized field note beside an offset flash-card composition. */
.blal {
  position: relative;
  overflow: hidden;
  border-bottom: 2px solid var(--gsm-ink);
  background-color: var(--gsm-white);
  background-image:
    radial-gradient(circle at 82% 48%, rgba(255, 220, 70, .48) 0 7rem, transparent 7.05rem),
    linear-gradient(104deg, transparent 0 66%, rgba(236, 231, 222, .72) 66% 100%);
}

.blal::before {
  content: "";
  position: absolute;
  inset: .75rem;
  border: 1px solid var(--gsm-line);
  pointer-events: none;
}

.blal .jjpc {
  position: relative;
  max-width: 72rem;
  min-height: 31rem;
  grid-template-columns: minmax(0, 1.45fr) minmax(16rem, .75fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5rem);
  padding-top: clamp(4rem, 7vw, 6.4rem);
  padding-bottom: clamp(4.5rem, 8vw, 7rem);
}

.blal .jjpc::before,
.blal .jjpc::after {
  content: "";
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  width: min(18rem, 100%);
  aspect-ratio: 4 / 5;
}

.blal .jjpc::before {
  border: 2px solid var(--gsm-ink);
  background:
    linear-gradient(135deg, transparent 0 48%, var(--gsm-ink) 48% calc(48% + 2px), transparent calc(48% + 2px)),
    linear-gradient(45deg, transparent 0 48%, var(--gsm-ink) 48% calc(48% + 2px), transparent calc(48% + 2px)),
    var(--gsm-yellow);
  transform: rotate(4deg) translate(.7rem, .35rem);
  box-shadow: 10px 10px 0 var(--gsm-ink);
}

.blal .jjpc::after {
  border: 8px solid var(--gsm-white);
  outline: 2px solid var(--gsm-ink);
  background:
    radial-gradient(circle at 50% 38%, var(--gsm-white) 0 1rem, transparent 1.05rem),
    radial-gradient(circle at 50% 38%, var(--gsm-burgundy) 0 4.2rem, transparent 4.25rem),
    linear-gradient(165deg, var(--gsm-soft) 0 51%, var(--gsm-white) 51% 100%);
  transform: rotate(-3deg) translate(-.5rem, -.7rem);
  box-shadow: 0 0 0 1px var(--gsm-line);
}

.csev {
  position: relative;
  z-index: 2;
  grid-column: 1;
  grid-row: 1;
  max-width: 47rem;
}

.enze {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  margin-bottom: 1.2rem;
  border: 1px solid var(--gsm-ink);
  background: var(--gsm-yellow);
  padding: .34rem .62rem;
  color: var(--gsm-ink);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .16em;
  transform: rotate(-1deg);
  box-shadow: 3px 3px 0 var(--gsm-ink);
}

.enze::before {
  content: "●";
  color: var(--gsm-burgundy);
  font-size: .76rem;
}

.blal .bzgk {
  max-width: 12ch;
  margin-bottom: 1.35rem;
  color: var(--gsm-ink);
  font-size: clamp(2.75rem, 6.7vw, 5.9rem);
  font-weight: 400;
  letter-spacing: -.07em;
  line-height: .91;
  text-wrap: balance;
}

.blal .efxh {
  max-width: 40rem;
  margin: 0;
  border-left: 5px solid var(--gsm-burgundy);
  padding-left: 1rem;
  color: var(--gsm-copy);
  font-size: 1.08rem;
  line-height: 1.58;
}

.iskm {
  gap: .55rem;
  margin-top: 1.55rem;
}

.subc {
  position: relative;
  border: 1px solid var(--gsm-ink);
  border-radius: 0;
  background: var(--gsm-white);
  padding: .4rem .65rem .4rem 1.75rem;
  color: var(--gsm-ink);
  font-size: .72rem;
  font-weight: 700;
  box-shadow: 2px 2px 0 var(--gsm-soft);
}

.subc::before {
  content: "+";
  position: absolute;
  left: .42rem;
  top: 50%;
  display: grid;
  width: .82rem;
  height: .82rem;
  place-items: center;
  border: 1px solid var(--gsm-ink);
  color: var(--gsm-burgundy);
  font-size: .73rem;
  font-weight: 900;
  line-height: 1;
  transform: translateY(-50%);
}

/* Inverted recommendation: a timestamped contact sheet, not a default promo card. */
.ofad {
  position: relative;
  border-top-width: 0;
  border-bottom: 2px solid var(--gsm-ink);
  box-shadow: inset 0 5px 0 var(--gsm-yellow);
}

.ofad::before {
  content: "NOW";
  position: absolute;
  top: 1.1rem;
  left: max(1.5rem, calc(50% - 35rem));
  border: 1px solid var(--gsm-white);
  padding: .22rem .42rem;
  color: var(--gsm-white);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.auhh {
  position: relative;
  max-width: 70rem;
  min-height: 14rem;
  padding: 2.7rem 1.5rem 2rem 5.8rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.auhh::before {
  content: "G+";
  position: absolute;
  left: 1.5rem;
  top: 3.1rem;
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border: 2px solid var(--gsm-white);
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
  font-family: 'DM Sans', sans-serif;
  font-size: .85rem;
  font-weight: 900;
  transform: rotate(-4deg);
  box-shadow: 4px 4px 0 var(--gsm-white);
}

.inif {
  border: 1px solid var(--gsm-ink);
  border-radius: 0;
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
  box-shadow: 3px 3px 0 var(--gsm-white);
}

.rkij {
  max-width: 30ch;
  color: var(--gsm-white);
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1.05;
}

.erqu {
  max-width: 44rem;
}

.ptrn {
  gap: .5rem 1.2rem;
  margin-top: .85rem;
}

.zlzw {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
}

.zlzw::before {
  content: "+";
  display: inline-grid;
  width: 1rem;
  height: 1rem;
  place-items: center;
  border: 1px solid var(--gsm-yellow);
  color: var(--gsm-yellow);
  font-size: .75rem;
  font-weight: 900;
  line-height: 1;
}

.fkao {
  border: 2px solid var(--gsm-white);
  border-radius: 0;
  background: var(--gsm-burgundy);
  color: var(--gsm-white);
  box-shadow: 6px 6px 0 var(--gsm-white);
  letter-spacing: -.015em;
}

.fkao::after {
  content: "  ↗";
}

/* Long-form rhythm: flash captions, numbered hard rules, generous measure. */
.cyyf {
  position: relative;
  padding-top: clamp(3rem, 6vw, 5.25rem);
}

.fmgc {
  position: relative;
  max-width: 51rem;
  margin-bottom: 2.4rem;
  border: 2px solid var(--gsm-ink);
  background: var(--gsm-white);
  padding: clamp(1.35rem, 3vw, 2.25rem);
  color: var(--gsm-ink);
  font-size: 1.14rem;
  line-height: 1.72;
  box-shadow: 9px 9px 0 var(--gsm-yellow);
  transform: rotate(-.25deg);
}

.fmgc::before {
  content: "OPEN FRAME";
  position: absolute;
  top: -.78rem;
  right: 1.2rem;
  border: 1px solid var(--gsm-ink);
  background: var(--gsm-yellow);
  padding: .18rem .45rem;
  color: var(--gsm-ink);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .14em;
}

.fmgc h2 {
  max-width: 20ch;
  margin-bottom: .9rem;
  color: var(--gsm-ink);
  font-size: clamp(1.7rem, 3.2vw, 2.45rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1;
}

.fmgc p:last-child {
  margin-bottom: 0;
}

.cmlx {
  position: relative;
  max-width: 51rem;
  padding: 2.5rem 0 2.75rem 4.3rem;
  border-top: 2px solid var(--gsm-ink);
  counter-increment: field-section;
}

.cyyf {
  counter-reset: field-section;
}

.cmlx::before {
  content: "0" counter(field-section);
  position: absolute;
  top: 2.4rem;
  left: 0;
  display: grid;
  width: 2.7rem;
  height: 2.7rem;
  place-items: center;
  border: 2px solid var(--gsm-ink);
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
  font-family: 'DM Sans', sans-serif;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: -.04em;
  box-shadow: 3px 3px 0 var(--gsm-ink);
  transform: rotate(-2deg);
}

.cmlx::after {
  content: "";
  position: absolute;
  left: 1.3rem;
  top: 5.75rem;
  bottom: 1.1rem;
  border-left: 1px dashed var(--gsm-line);
}

.cmlx h2 {
  max-width: 26ch;
  margin-bottom: 1rem;
  color: var(--gsm-ink);
  font-size: clamp(1.7rem, 3vw, 2.25rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1.02;
  text-wrap: balance;
}

.cmlx h2::after {
  content: "";
  display: block;
  width: 3.2rem;
  margin-top: .75rem;
  border-bottom: 5px solid var(--gsm-burgundy);
}

.cmlx p,
.cmlx li {
  color: var(--gsm-ink);
  line-height: 1.72;
}

.cmlx li::marker {
  color: var(--gsm-burgundy);
  font-weight: 800;
}

blockquote {
  border: 2px solid var(--gsm-ink);
  border-left: 9px solid var(--gsm-burgundy);
  background: var(--gsm-white);
  padding: 1rem 1.2rem;
  color: var(--gsm-ink);
  box-shadow: 5px 5px 0 var(--gsm-soft);
}

table {
  border: 2px solid var(--gsm-ink);
  background: var(--gsm-white);
}

th {
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
  font-size: .76rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}

th,
td {
  border-color: var(--gsm-ink);
}

/* Local snapshot: map-label composition with the same square stroke icon language. */
.nbpd {
  position: relative;
  max-width: 54rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  border: 2px solid var(--gsm-ink);
  border-radius: 0;
  background-color: var(--gsm-white);
  background-image:
    linear-gradient(90deg, transparent 0 68%, rgba(255, 220, 70, .35) 68% 100%),
    linear-gradient(rgba(17, 17, 17, .04) 1px, transparent 1px);
  background-size: auto, 100% 28px;
  padding: clamp(1.4rem, 4vw, 2.4rem);
  color: var(--gsm-ink);
  box-shadow: 10px 10px 0 var(--gsm-ink);
}

.nbpd::before {
  content: "⌖";
  position: absolute;
  top: -1.2rem;
  right: 1.4rem;
  display: grid;
  width: 2.4rem;
  height: 2.4rem;
  place-items: center;
  border: 2px solid var(--gsm-ink);
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
  font-size: 1.25rem;
  font-weight: 800;
  transform: rotate(3deg);
}

.lbte {
  max-width: 28ch;
  padding-right: 3.5rem;
  color: var(--gsm-ink);
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1.05;
}

.mqzo {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin-top: 1.25rem;
}

.eesj {
  min-height: 3.2rem;
  border-top: 1px solid var(--gsm-ink);
  padding: .65rem .4rem .45rem 2.1rem;
  color: var(--gsm-ink);
}

.eesj::before {
  content: "+";
  top: .7rem;
  display: grid;
  width: 1.15rem;
  height: 1.15rem;
  place-items: center;
  border: 1px solid var(--gsm-ink);
  border-radius: 0;
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
  font-size: .82rem;
  font-weight: 900;
  line-height: 1;
}

/* FAQ: blunt question strips that open visually without scripting. */
.eiyu {
  max-width: 52rem;
  counter-reset: faq-count;
}

.gygg {
  position: relative;
  margin-bottom: 1rem;
  border: 2px solid var(--gsm-ink);
  background: var(--gsm-white);
  padding: 1.25rem 1.3rem 1.3rem 4.7rem;
  counter-increment: faq-count;
  box-shadow: 5px 5px 0 var(--gsm-soft);
}

.gygg:nth-child(2n) {
  transform: translateX(.55rem);
}

.gygg::before {
  content: "?" counter(faq-count);
  position: absolute;
  top: 1.15rem;
  left: 1rem;
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border: 2px solid var(--gsm-ink);
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
  font-size: .72rem;
  font-weight: 900;
  transform: rotate(-2deg);
}

.ddeb {
  color: var(--gsm-ink);
  font-size: 1.28rem;
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.18;
}

.qljl {
  color: var(--gsm-ink);
  line-height: 1.68;
}

/* Sources: contact-sheet captions with framed counters. */
.cgma {
  max-width: 52rem;
  margin-top: 3rem;
  border-top: 7px solid var(--gsm-ink);
  background: var(--gsm-white);
  padding: .75rem 1.25rem 1.25rem;
  box-shadow: 7px 7px 0 var(--gsm-soft);
}

.cgma::before {
  content: "SOURCE CONTACT SHEET";
  display: block;
  margin-bottom: .55rem;
  color: var(--gsm-copy);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .14em;
}

.syqn {
  min-height: 4rem;
  border-top: 1px solid var(--gsm-line);
  padding: 1rem .2rem 1rem 3.5rem;
}

.syqn::before {
  top: 1.05rem;
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border: 1px solid var(--gsm-ink);
  background: var(--gsm-yellow);
  color: var(--gsm-ink);
  font-family: 'DM Sans', sans-serif;
  font-size: .72rem;
  font-weight: 900;
  transform: rotate(-2deg);
}

.twsk {
  color: var(--gsm-ink);
  font-size: .92rem;
  line-height: 1.55;
}

.pflh {
  color: var(--gsm-copy);
  font-size: .8rem;
  line-height: 1.45;
}

/* Conversion band: a yellow planning card with a black offset edge. */
.tdme {
  position: relative;
  overflow: hidden;
  margin-top: 4rem;
  border-top: 2px solid var(--gsm-ink);
  border-bottom: 2px solid var(--gsm-ink);
  background-color: var(--gsm-yellow);
  background-image: repeating-linear-gradient(-45deg, transparent 0 18px, rgba(17, 17, 17, .055) 18px 19px);
}

.tdme::before,
.tdme::after {
  content: "+";
  position: absolute;
  top: 1.1rem;
  display: grid;
  width: 1.6rem;
  height: 1.6rem;
  place-items: center;
  border: 2px solid var(--gsm-ink);
  color: var(--gsm-ink);
  font-size: .9rem;
  font-weight: 900;
}

.tdme::before {
  left: 1.2rem;
}

.tdme::after {
  right: 1.2rem;
}

.olon {
  position: relative;
  max-width: 50rem;
  padding-top: 3.8rem;
  padding-bottom: 3.8rem;
  color: var(--gsm-ink);
}

.olon h2 {
  max-width: 18ch;
  margin-right: auto;
  margin-left: auto;
  color: var(--gsm-ink);
  font-size: clamp(2rem, 4.5vw, 3.4rem);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .98;
}

.olon p {
  color: var(--gsm-ink);
}

.gbra {
  border: 2px solid var(--gsm-white);
  border-radius: 0;
  background: var(--gsm-burgundy);
  color: var(--gsm-white);
  padding: .9rem 1.35rem;
  box-shadow: 6px 6px 0 var(--gsm-ink);
  font-weight: 800;
}

.gbra::after {
  content: "  ↗";
}

/* Footer: film-edge chrome and a quieter ownership ledger. */
.tokz {
  position: relative;
  border-top: 0;
  background-color: var(--gsm-white);
  background-image: linear-gradient(90deg, var(--gsm-ink) 0 5%, transparent 5% 95%, var(--gsm-ink) 95% 100%);
}

.tokz::before {
  content: "GLENDALE STILL MOVING / END FRAME";
  display: block;
  border-bottom: 1px solid var(--gsm-line);
  background: var(--gsm-ink);
  padding: .48rem 6%;
  color: var(--gsm-white);
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.tokz .jjpc {
  max-width: 68rem;
  padding-right: 7%;
  padding-left: 7%;
}

.jrht {
  grid-template-columns: 1.4fr 1fr;
  gap: 3rem;
  border-bottom: 1px solid var(--gsm-line);
  padding-bottom: 1.4rem;
}

.pdmy {
  border-left: 5px solid var(--gsm-burgundy);
  padding-left: 1rem;
  color: var(--gsm-ink);
  font-style: normal;
  font-weight: 600;
}

.wbne {
  border: 1px solid var(--gsm-ink);
  background: var(--gsm-paper);
  padding: .85rem 1rem;
  color: var(--gsm-ink);
  box-shadow: 4px 4px 0 var(--gsm-yellow);
}

.awsh {
  color: var(--gsm-copy);
  font-size: .78rem;
  letter-spacing: .02em;
}

.eccy {
  border: 2px solid var(--gsm-white);
  border-radius: 0;
  box-shadow: 4px 4px 0 var(--gsm-ink);
}

@media (max-width: 760px) {
  .nuls::before,
  .nuls::after {
    content: "";
  }

  .nuls .jjpc {
    padding-top: .9rem;
  }

  .pclw {
    min-height: 2.5rem;
    padding-left: 3.25rem;
    font-size: .9rem;
  }

  .pclw::before {
    width: 2.4rem;
    height: 2.4rem;
    box-shadow: 3px 3px 0 var(--gsm-ink);
  }

  .pclw::after,
  .nuls .eneq {
    display: none;
  }

  .xgrl + .xgrl::before {
    content: "";
  }

  .blal .jjpc {
    min-height: 0;
    gap: 1.5rem;
    padding-top: 3.25rem;
    padding-bottom: 3.75rem;
  }

  .blal .jjpc::before,
  .blal .jjpc::after {
    display: none;
  }

  .blal .bzgk {
    max-width: 13ch;
    font-size: clamp(2.6rem, 14vw, 4.2rem);
  }

  .auhh {
    min-height: 0;
    padding: 4.8rem 1.25rem 1.7rem;
  }

  .auhh::before {
    top: 1.35rem;
    left: 1.3rem;
  }

  .fmgc {
    margin-right: .35rem;
    margin-left: .35rem;
    box-shadow: 6px 6px 0 var(--gsm-yellow);
    transform: none;
  }

  .cmlx {
    padding-left: 0;
  }

  .cmlx::before {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 1.2rem;
  }

  .cmlx::after {
    display: none;
  }

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

  .nbpd {
    margin-right: .55rem;
    margin-left: 0;
    box-shadow: 7px 7px 0 var(--gsm-ink);
  }

  .gygg,
  .gygg:nth-child(2n) {
    padding: 4.4rem 1rem 1.15rem;
    transform: none;
  }

  .gygg::before {
    top: 1rem;
  }

  .cgma {
    padding-right: .8rem;
    padding-left: .8rem;
  }

  .syqn {
    padding-left: 3rem;
  }

  .tdme::before,
  .tdme::after {
    display: none;
  }

  .tokz .jjpc {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}