/* 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:#FFFFFF;color:#111318;font-family:'Inter', -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:'Outfit', 'Helvetica Neue', Arial, sans-serif;line-height:1.2;color:#111318}
a{color:#0057C2}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#E9EBF0;padding:.1em .35em;border-radius:4px;font-size:.9em}
.tihh{position:absolute;left:-9999px;top:0;background:#0057C2;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.tihh:focus{left:0}
.hnht{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.yoje{font-family:'Outfit', 'Helvetica Neue', Arial, sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.mivk{color:#515660;font-size:.85rem}
.updl{display:flex;flex-wrap:wrap;gap:1.1rem}
.csfm{text-decoration:none;color:inherit;font-size:.95rem}
.csfm:hover{color:#0057C2;opacity:1}
.mejk{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}
.mejk span{display:block;height:2px;background:currentColor;border-radius:2px}
.mejk[aria-expanded="true"] span:nth-child(2){opacity:0}
.uqof{border-bottom:3px double #CED2D9;background:#FFFFFF} .uqof .hnht{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .uqof .updl{justify-content:flex-end}
.flfi{background:linear-gradient(160deg, #F4F5F7, #d7e2f1)} .flfi .hnht{max-width:52rem;text-align:center;padding:4.8rem 1.5rem} .trfv{justify-content:center}
.zkdq{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#0057C2;font-weight:600;margin-bottom:.8rem}
.iunw{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.yavi{font-size:1.15rem;color:#515660;max-width:44rem;margin:0 auto}
.trfv{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.sfje{border:1px solid #CED2D9;background:#F4F5F7;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.vheh{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.adbq,.xzcw,.kkcw{max-width:46rem;margin-left:auto;margin-right:auto}
.adbq{padding:1.68rem 0}
.adbq h2{font-size:1.6rem;margin-bottom:.8rem}
.adbq h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.adbq p,.adbq li,.xzcw p{margin-bottom:.85rem}
.adbq ul,.adbq ol{padding-left:1.4rem}
.xzcw{font-size:1.12rem}
.kkcw{background:#F4F5F7;border:1px solid #CED2D9;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.ifxd{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #CED2D9;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#F4F5F7}
blockquote{border-left:4px solid #0057C2;padding:.2rem 0 .2rem 1rem;color:#515660;margin:1rem 0}
.rctn{max-width:46rem;margin:2.16rem auto;background:#e5ecf4;border:1px solid #CED2D9;border-radius:var(--radius);padding:1.4rem 1.6rem}
.jtgw{font-size:1.25rem;margin-bottom:.7rem}
.cbfg{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.fxhu{padding-left:1.1rem;position:relative;font-size:.95rem}
.fxhu::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#0057C2}
.xrqw{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.nokb{border-top:1px solid #CED2D9;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.nokb::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Outfit', 'Helvetica Neue', Arial, sans-serif;font-weight:700;color:#0057C2}
.fepp{margin-bottom:.3rem}
.gupf{font-size:.88rem;color:#515660}
.dyjh{max-width:46rem;margin:0 auto}
.fqjy{border-bottom:1px solid #CED2D9;padding:1.32rem 0}
.syvs{font-size:1.15rem;margin-bottom:.5rem}
.kyly{color:#111318}
.zbtd{background:#f1dde9;border-top:1px solid #CED2D9;border-bottom:1px solid #CED2D9;margin:2.4rem 0 0}
.hlzm{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.hlzm h2{margin-bottom:.7rem}
.hlzm p{margin-bottom:1.1rem}
.xcft{display:inline-block;background:#0057C2;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.xcft:hover{opacity:.9}

.daps{font-size:1.45rem;margin-bottom:.45rem}
.xodn p{margin-bottom:.55rem}
.xodn p:last-child{margin-bottom:0}
.knyw{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.awvw{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.awvw:hover{opacity:.92}
.uyyh{padding:0 1.5rem;margin-top:-1.5rem;position:relative;z-index:2}
.isvc{max-width:64rem;margin:0 auto;background:#FFFFFF;border-top:6px solid #0057C2;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}
.fqzy{display:inline-block;background:#0057C2;color:#FFFFFF;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;margin-bottom:.6rem}
.knyw{color:#666666}
.dbks::before{content:"\2713\00a0";color:#0057C2}
.awvw{background:#0057C2;color:#FFFFFF;box-shadow:0 10px 22px -12px #0057C2}
@media (max-width:720px){.isvc{display:block} .fqzy{transform:none;max-width:none;margin-bottom:.6rem} .awvw{display:block;text-align:center;margin-top:1rem}}
.qvmw{background:#111318;color:#FFFFFF} .qvmw a{color:inherit}
.qvmw .hnht{padding:2.64rem 1.5rem}
.xbud{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.ufwd{font-style:italic;margin-bottom:.8rem}
.ppkp{font-size:.9rem;margin-bottom:.8rem}
.mgjd{font-size:.85rem;color:#515660}
.qvmw .mgjd{opacity:.85}
.pkbl{color:#515660;font-size:.92rem}
.qvmw .mivk,.qvmw .pkbl{color:#8d8e90}
.qvmw .mgjd{color:#7e8082;opacity:1}
@media(max-width:760px){
  .flfi .hnht{grid-template-columns:1fr;gap:1.5rem}
  .xbud{grid-template-columns:1fr}
  .uqof .hnht{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .uqof .updl{border-top:0;padding-top:0}
  .uqof .mejk{display:flex}
  .uqof .updl{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #CED2D9;padding-top:.4rem;margin-top:.4rem}
  .uqof .updl[data-open="true"]{display:flex}
  .uqof .csfm{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
:root {
--gallery-ink: #111318;
--gallery-copy: #515660;
--gallery-blue: #0057C2;
--gallery-blue-soft: #D7E2F1;
--gallery-pink: #D1006F;
--gallery-pink-soft: #F8E6EF;
--gallery-canvas: #FFFFFF;
--gallery-panel: #F4F5F7;
--gallery-panel-2: #E9EBF0;
--gallery-line: #CED2D9;
--gallery-shadow: 0 24px 55px -36px rgba(17, 19, 24, .52);
--icon-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m5 12 4 4L19 6%22/%3E%3C/svg%3E");
--icon-pin: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.5%22/%3E%3C/svg%3E");
--icon-question: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M9.7 9a2.5 2.5 0 1 1 3.6 2.3c-.8.4-1.3 1-1.3 1.8M12 17h.01%22/%3E%3C/svg%3E");
--icon-source: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 3h9l4 4v14H6zM15 3v5h4M9 13h7M9 17h5%22/%3E%3C/svg%3E");
--icon-arrow: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E");
}
html {
scroll-padding-top: 1rem;
}
body {
background:
linear-gradient(90deg, transparent 0, transparent calc(50% - 39rem), rgba(206, 210, 217, .22) calc(50% - 39rem), rgba(206, 210, 217, .22) calc(50% - 39rem + 1px), transparent calc(50% - 39rem + 1px), transparent calc(50% + 39rem - 1px), rgba(206, 210, 217, .22) calc(50% + 39rem - 1px), rgba(206, 210, 217, .22) calc(50% + 39rem), transparent calc(50% + 39rem)),
var(--gallery-canvas);
color: var(--gallery-ink);
font-size: 1.05rem;
letter-spacing: -.006em;
}
::selection {
background: #0057C2;
color: #FFFFFF;
}
a {
text-decoration-color: var(--gallery-pink);
text-decoration-thickness: .1em;
text-underline-offset: .18em;
}
a:focus-visible,
button:focus-visible {
outline: 3px solid var(--gallery-pink);
outline-offset: 4px;
}
.uqof {
border: 0;
background: rgba(255, 255, 255, .97);
box-shadow: inset 0 -1px 0 var(--gallery-line);
}
.uqof .hnht {
max-width: 78rem;
align-items: center;
padding: 1rem 1.5rem .95rem;
}
.yoje {
position: relative;
display: inline-flex;
align-items: center;
min-height: 3rem;
max-width: 18rem;
padding-left: 4rem;
color: var(--gallery-ink);
font-size: 1.02rem;
font-weight: 800;
line-height: 1.05;
letter-spacing: -.025em;
text-transform: uppercase;
}
.yoje::before {
content: "G";
position: absolute;
left: 0;
top: 0;
display: grid;
width: 2.85rem;
height: 2.85rem;
place-items: center;
border: 2px solid #FFFFFF;
border-radius: 50%;
background: var(--gallery-blue);
color: #FFFFFF;
font-family: 'Outfit', 'Helvetica Neue', Arial, sans-serif;
font-size: 1.35rem;
font-weight: 800;
letter-spacing: -.08em;
box-shadow: 0 0 0 1px var(--gallery-line);
}
.yoje::after {
content: "";
position: absolute;
left: 2.32rem;
top: .18rem;
width: 1.25rem;
height: 1.25rem;
border: 2px solid #FFFFFF;
border-radius: 50%;
background: var(--gallery-pink);
box-shadow: 0 0 0 1px var(--gallery-line);
}
.uqof .mivk {
margin: -.22rem 0 0 4rem;
color: var(--gallery-copy);
font-size: .68rem;
font-weight: 700;
letter-spacing: .12em;
line-height: 1.25;
text-transform: uppercase;
}
.updl {
gap: .2rem;
}
.csfm {
position: relative;
padding: .48rem .56rem .55rem;
border-radius: .35rem;
color: var(--gallery-ink);
font-size: .76rem;
font-weight: 700;
letter-spacing: .02em;
}
.csfm::after {
content: "";
position: absolute;
right: .55rem;
bottom: .18rem;
left: .55rem;
height: 2px;
background: var(--gallery-pink);
transform: scaleX(0);
transform-origin: left;
transition: transform .18s ease;
}
.csfm:hover::after,
.csfm:focus-visible::after {
transform: scaleX(1);
}
.flfi {
position: relative;
overflow: hidden;
border-bottom: 1px solid var(--gallery-line);
background:
linear-gradient(90deg, var(--gallery-canvas) 0 64%, transparent 64%),
linear-gradient(145deg, var(--gallery-panel) 0%, var(--gallery-blue-soft) 100%);
}
.flfi::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 35%;
height: 100%;
background:
radial-gradient(circle at 70% 25%, var(--gallery-pink) 0 3.4rem, transparent 3.45rem),
radial-gradient(circle at 34% 70%, var(--gallery-blue) 0 7.6rem, transparent 7.68rem),
linear-gradient(135deg, transparent 0 42%, rgba(255,255,255,.82) 42% 44%, transparent 44% 100%);
clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
pointer-events: none;
}
.flfi::after {
content: "SOURCE / MATERIAL / OUTCOME";
position: absolute;
right: 1.5rem;
bottom: 1.2rem;
color: #FFFFFF;
font-family: 'Inter', sans-serif;
font-size: .65rem;
font-weight: 700;
letter-spacing: .15em;
writing-mode: vertical-rl;
}
.flfi .hnht {
position: relative;
z-index: 1;
max-width: 76rem;
min-height: 30rem;
padding: clamp(4rem, 8vw, 7rem) 1.5rem clamp(4.5rem, 9vw, 7.5rem);
text-align: left;
}
.vwnh {
position: relative;
width: min(62%, 48rem);
padding-left: clamp(1rem, 3vw, 2.4rem);
}
.vwnh::before {
content: "";
position: absolute;
top: .2rem;
bottom: .25rem;
left: 0;
width: .35rem;
border-radius: 999px;
background: linear-gradient(var(--gallery-blue) 0 55%, var(--gallery-pink) 55% 100%);
}
.zkdq {
display: inline-flex;
align-items: center;
gap: .55rem;
margin-bottom: 1.1rem;
color: var(--gallery-blue);
font-size: .72rem;
font-weight: 800;
letter-spacing: .15em;
}
.zkdq::before {
content: "";
width: .72rem;
height: .72rem;
border: .19rem solid var(--gallery-pink);
border-radius: 50%;
}
.iunw {
max-width: 15ch;
margin-bottom: 1.2rem;
color: var(--gallery-ink);
font-size: clamp(2.65rem, 5.7vw, 5.15rem);
font-weight: 700;
line-height: .94;
letter-spacing: -.055em;
text-wrap: balance;
}
.yavi {
max-width: 40rem;
margin: 0;
color: var(--gallery-copy);
font-size: 1.08rem;
line-height: 1.62;
}
.trfv {
justify-content: flex-start;
max-width: 44rem;
gap: .45rem;
margin-top: 1.65rem;
}
.sfje {
display: inline-flex;
align-items: center;
border: 1px solid var(--gallery-line);
border-radius: 999px;
background: var(--gallery-canvas);
padding: .42rem .72rem .42rem .5rem;
color: var(--gallery-ink);
font-size: .76rem;
font-weight: 700;
box-shadow: 0 4px 14px -12px rgba(17,19,24,.6);
}
.sfje::before {
content: "";
width: 1rem;
height: 1rem;
margin-right: .35rem;
background: var(--gallery-blue);
-webkit-mask: var(--icon-check) center / contain no-repeat;
mask: var(--icon-check) center / contain no-repeat;
}
.uyyh {
margin-top: -3rem;
padding: 0 1.5rem;
}
.isvc {
position: relative;
max-width: 68rem;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.4rem 2.5rem;
overflow: hidden;
border: 1px solid var(--gallery-line);
border-top: 0;
border-radius: 0;
background: var(--gallery-canvas);
padding: 1.8rem 2rem 1.7rem 2.45rem;
box-shadow: var(--gallery-shadow);
}
.isvc::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: .55rem;
background: linear-gradient(var(--gallery-blue) 0 58%, var(--gallery-pink) 58% 100%);
}
.zxor {
position: relative;
}
.fqzy {
border: 1px solid var(--gallery-blue);
border-radius: 999px;
background: var(--gallery-canvas);
color: var(--gallery-blue);
padding: .28rem .68rem;
font-size: .67rem;
font-weight: 800;
letter-spacing: .13em;
}
.daps {
max-width: 36rem;
margin-top: .1rem;
color: var(--gallery-ink);
font-size: clamp(1.55rem, 2.6vw, 2rem);
font-weight: 700;
letter-spacing: -.025em;
line-height: 1.08;
}
.xodn p {
max-width: 45rem;
color: var(--gallery-copy);
font-size: .94rem;
line-height: 1.55;
}
.knyw {
gap: .4rem 1rem;
color: var(--gallery-ink);
font-size: .8rem;
font-weight: 650;
}
.dbks {
display: inline-flex;
align-items: center;
}
.dbks::before {
content: "";
width: 1rem;
height: 1rem;
margin-right: .32rem;
background: var(--gallery-pink);
-webkit-mask: var(--icon-pin) center / contain no-repeat;
mask: var(--icon-pin) center / contain no-repeat;
}
.dbks:nth-child(2)::before,
.dbks:nth-child(3)::before {
-webkit-mask: var(--icon-check) center / contain no-repeat;
mask: var(--icon-check) center / contain no-repeat;
}
.awvw,
.xcft {
position: relative;
border: 0;
border-radius: 999px;
background: #0057C2;
color: #FFFFFF;
font-weight: 750;
box-shadow: 0 12px 25px -16px rgba(0, 87, 194, .85);
}
.awvw {
padding: .9rem 3.1rem .9rem 1.35rem;
}
.awvw::after,
.xcft::after {
content: "";
position: absolute;
top: 50%;
width: 1.1rem;
height: 1.1rem;
background: #FFFFFF;
transform: translateY(-50%);
-webkit-mask: var(--icon-arrow) center / contain no-repeat;
mask: var(--icon-arrow) center / contain no-repeat;
}
.awvw::after {
right: 1.2rem;
}
.vheh {
padding: clamp(3.8rem, 8vw, 6.5rem) 0 0;
counter-reset: exhibit;
}
.xzcw {
position: relative;
max-width: 52rem;
margin-bottom: 2.7rem;
padding: 1.6rem 1.7rem 1.6rem 2rem;
border: 1px solid var(--gallery-line);
border-left: 0;
border-radius: 0 1rem 1rem 0;
background: var(--gallery-panel);
color: var(--gallery-ink);
font-size: 1.14rem;
line-height: 1.7;
box-shadow: 8px 8px 0 var(--gallery-panel-2);
}
.xzcw::before {
content: "";
position: absolute;
inset: -1px auto -1px 0;
width: .42rem;
background: linear-gradient(var(--gallery-blue) 0 63%, var(--gallery-pink) 63% 100%);
}
.adbq {
position: relative;
max-width: 52rem;
padding: 2.55rem 0 2.35rem 5rem;
border-top: 1px solid var(--gallery-line);
counter-increment: exhibit;
}
.adbq::before {
content: counter(exhibit, decimal-leading-zero);
position: absolute;
top: 2.7rem;
left: 0;
display: grid;
width: 3.1rem;
height: 3.1rem;
place-items: center;
border: 1px solid var(--gallery-line);
border-radius: 50%;
background: var(--gallery-canvas);
color: var(--gallery-blue);
font-family: 'Outfit', sans-serif;
font-size: .82rem;
font-weight: 800;
letter-spacing: .08em;
box-shadow: inset 0 -.28rem 0 var(--gallery-pink-soft);
}
.adbq h2 {
position: relative;
max-width: 25ch;
margin-bottom: 1rem;
color: var(--gallery-ink);
font-size: clamp(1.65rem, 3vw, 2.15rem);
font-weight: 700;
letter-spacing: -.035em;
line-height: 1.06;
text-wrap: balance;
}
.adbq h2::after {
content: "";
display: block;
width: 2.6rem;
height: .22rem;
margin-top: .8rem;
border-radius: 999px;
background: var(--gallery-pink);
}
.adbq p,
.adbq li,
.kyly,
.fepp {
color: var(--gallery-ink);
}
.adbq p,
.xzcw p {
margin-bottom: 1rem;
}
blockquote {
border: 0;
border-left: .35rem solid var(--gallery-pink);
border-radius: 0 1rem 1rem 0;
background: var(--gallery-pink-soft);
padding: 1.15rem 1.35rem;
color: var(--gallery-ink);
font-size: 1.08rem;
}
table {
overflow: hidden;
border: 1px solid var(--gallery-line);
border-radius: .75rem;
}
th {
background: var(--gallery-blue);
color: #FFFFFF;
font-size: .78rem;
letter-spacing: .06em;
text-transform: uppercase;
}
td {
color: var(--gallery-ink);
}
.rctn {
position: relative;
max-width: 60rem;
overflow: hidden;
margin: 3.4rem auto 2.8rem;
border: 1px solid var(--gallery-line);
border-radius: 0;
background:
linear-gradient(90deg, var(--gallery-panel) 0 68%, var(--gallery-blue-soft) 68% 100%);
padding: 2rem 2.2rem 2.1rem;
box-shadow: var(--gallery-shadow);
}
.rctn::after {
content: "AZ";
position: absolute;
right: 2rem;
bottom: -.35rem;
color: var(--gallery-blue);
font-family: 'Outfit', sans-serif;
font-size: 7rem;
font-weight: 800;
line-height: 1;
letter-spacing: -.08em;
opacity: .18;
pointer-events: none;
}
.jtgw {
position: relative;
z-index: 1;
max-width: 31rem;
margin-bottom: .85rem;
padding-left: 2rem;
color: var(--gallery-ink);
font-size: 1.55rem;
font-weight: 700;
letter-spacing: -.025em;
}
.jtgw::before {
content: "";
position: absolute;
top: .1rem;
left: 0;
width: 1.35rem;
height: 1.35rem;
background: var(--gallery-pink);
-webkit-mask: var(--icon-pin) center / contain no-repeat;
mask: var(--icon-pin) center / contain no-repeat;
}
.rctn p,
.cbfg {
position: relative;
z-index: 1;
max-width: 43rem;
color: var(--gallery-ink);
}
.cbfg {
margin-top: 1.15rem;
gap: .6rem;
}
.fxhu {
padding: .65rem .75rem .65rem 2.4rem;
border: 1px solid var(--gallery-line);
background: var(--gallery-canvas);
font-size: .84rem;
line-height: 1.4;
}
.fxhu::before {
top: .78rem;
left: .75rem;
width: 1.15rem;
height: 1.15rem;
border-radius: 0;
background: var(--gallery-blue);
-webkit-mask: var(--icon-pin) center / contain no-repeat;
mask: var(--icon-pin) center / contain no-repeat;
}
.dyjh {
max-width: 56rem;
counter-reset: question;
}
.fqjy {
position: relative;
margin: 0 0 .85rem;
border: 1px solid var(--gallery-line);
border-radius: 1rem;
background: var(--gallery-canvas);
padding: 1.45rem 1.55rem 1.45rem 4.5rem;
counter-increment: question;
box-shadow: 0 14px 34px -32px rgba(17,19,24,.8);
}
.fqjy::before {
content: "";
position: absolute;
top: 1.45rem;
left: 1.35rem;
width: 2rem;
height: 2rem;
background: var(--gallery-blue);
-webkit-mask: var(--icon-question) center / contain no-repeat;
mask: var(--icon-question) center / contain no-repeat;
}
.syvs {
margin-bottom: .6rem;
color: var(--gallery-ink);
font-size: 1.17rem;
font-weight: 700;
letter-spacing: -.015em;
line-height: 1.2;
}
.kyly {
line-height: 1.62;
}
.xrqw {
max-width: 56rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .75rem;
margin-top: 3.2rem;
}
.nokb {
min-height: 100%;
border: 1px solid var(--gallery-line);
border-top: .3rem solid var(--gallery-blue);
background: var(--gallery-panel);
padding: 1.15rem 1.15rem 1.15rem 3.25rem;
}
.nokb::before {
top: 1.15rem;
left: 1.05rem;
display: grid;
width: 1.55rem;
height: 1.55rem;
place-items: center;
border-radius: 50%;
background: var(--gallery-pink);
color: #FFFFFF;
font-size: .7rem;
}
.fepp {
font-size: .86rem;
line-height: 1.48;
}
.gupf {
position: relative;
padding-left: 1.35rem;
color: var(--gallery-copy);
font-size: .76rem;
line-height: 1.45;
}
.gupf::before {
content: "";
position: absolute;
top: .12rem;
left: 0;
width: .95rem;
height: .95rem;
background: var(--gallery-blue);
-webkit-mask: var(--icon-source) center / contain no-repeat;
mask: var(--icon-source) center / contain no-repeat;
}
.zbtd {
position: relative;
overflow: hidden;
margin-top: 4.5rem;
border: 0;
border-top: 1px solid var(--gallery-line);
border-bottom: 1px solid var(--gallery-line);
background: var(--gallery-pink-soft);
}
.zbtd::before {
content: "";
position: absolute;
inset: 0 0 0 auto;
width: 31%;
background:
radial-gradient(circle at 42% 45%, var(--gallery-blue) 0 4rem, transparent 4.08rem),
radial-gradient(circle at 72% 70%, var(--gallery-pink) 0 2.15rem, transparent 2.22rem),
var(--gallery-panel);
clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%);
pointer-events: none;
}
.hlzm {
position: relative;
z-index: 1;
max-width: 68rem;
margin: 0 auto;
padding: 3.6rem 34% 3.7rem 1.5rem;
text-align: left;
}
.hlzm h2 {
max-width: 24ch;
margin-bottom: .8rem;
color: var(--gallery-ink);
font-size: clamp(1.8rem, 3.6vw, 2.8rem);
font-weight: 700;
letter-spacing: -.04em;
line-height: 1.02;
}
.hlzm p {
max-width: 44rem;
color: var(--gallery-ink);
}
.xcft {
padding: .9rem 3.15rem .9rem 1.4rem;
}
.xcft::after {
right: 1.25rem;
}
.qvmw {
position: relative;
overflow: hidden;
border-top: .45rem solid var(--gallery-blue);
background: #111318;
color: #FFFFFF;
}
.qvmw::before {
content: "";
position: absolute;
top: -2rem;
right: 7vw;
width: 7rem;
height: 7rem;
border: 1.4rem solid var(--gallery-pink);
border-radius: 50%;
opacity: .3;
}
.qvmw .hnht {
position: relative;
max-width: 76rem;
padding-top: 3.4rem;
padding-bottom: 2.3rem;
}
.xbud {
grid-template-columns: minmax(0, 1.45fr) minmax(17rem, .55fr);
gap: 3rem;
margin-bottom: 2rem;
}
.ufwd,
.ppkp {
max-width: 48rem;
color: #FFFFFF;
}
.ufwd {
padding-left: 1rem;
border-left: .25rem solid var(--gallery-pink);
font-family: 'Outfit', sans-serif;
font-size: 1.02rem;
font-style: normal;
font-weight: 600;
line-height: 1.45;
}
.ppkp {
font-size: .84rem;
line-height: 1.55;
}
.qvmw .updl {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .3rem .8rem;
}
.qvmw .csfm {
padding: .38rem 0;
color: #FFFFFF;
font-size: .78rem;
}
.mgjd {
padding-top: 1rem;
border-top: 1px solid #515660;
line-height: 1.5;
}
@media (max-width: 760px) {
body {
font-size: 1rem;
}
.yoje {
max-width: 14rem;
min-height: 2.6rem;
padding-left: 3.35rem;
font-size: .88rem;
}
.yoje::before {
width: 2.5rem;
height: 2.5rem;
font-size: 1.1rem;
}
.yoje::after {
left: 2rem;
width: 1.05rem;
height: 1.05rem;
}
.uqof .mivk {
margin-left: 3.35rem;
font-size: .6rem;
}
.flfi .hnht {
min-height: 0;
padding-top: 3.7rem;
padding-bottom: 5.5rem;
}
.vwnh {
width: 82%;
padding-left: 1.1rem;
}
.flfi::before {
width: 25%;
opacity: .45;
}
.flfi::after {
right: .5rem;
font-size: .54rem;
}
.iunw {
max-width: 18ch;
font-size: clamp(2.25rem, 11vw, 3.4rem);
}
.yavi {
font-size: 1rem;
}
.uyyh {
margin-top: -2.4rem;
}
.isvc {
padding: 1.5rem 1.25rem 1.45rem 1.65rem;
}
.vheh {
padding-top: 3.5rem;
}
.xzcw {
margin-right: .5rem;
padding: 1.25rem 1.15rem 1.25rem 1.45rem;
font-size: 1.04rem;
}
.adbq {
padding: 2.1rem 0 2rem 3.55rem;
}
.adbq::before {
top: 2.2rem;
width: 2.55rem;
height: 2.55rem;
font-size: .72rem;
}
.adbq h2 {
font-size: 1.55rem;
}
.rctn {
padding: 1.5rem 1.25rem;
}
.rctn::after {
right: .5rem;
font-size: 5rem;
}
.jtgw {
font-size: 1.3rem;
}
.fqjy {
padding: 1.25rem 1.1rem 1.25rem 3.6rem;
}
.fqjy::before {
top: 1.25rem;
left: 1rem;
width: 1.7rem;
height: 1.7rem;
}
.xrqw {
grid-template-columns: 1fr;
}
.hlzm {
padding: 3rem 24% 3.1rem 1.5rem;
}
.zbtd::before {
width: 20%;
opacity: .5;
}
.xbud {
gap: 1.5rem;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
.csfm::after {
transition: none;
}
}

/* mobile: the sources grid inherited a list indent that pushed items 5px past the viewport (measured 395 at 390) */
@media (max-width: 760px) {
  .xrqw { grid-template-columns: minmax(0, 1fr) !important; padding-left: 0 !important; margin-left: 0; }
}