/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.75rem}
html{scroll-behavior:smooth}
body{background:#FFFFFF;color:#2E3333;font-family:'Inter', 'Avenir Next', Avenir, sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Manrope', 'Avenir Next', Avenir, sans-serif;line-height:1.2;color:#2E3333}
a{color:#006F67}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#E8EBEB;padding:.1em .35em;border-radius:4px;font-size:.9em}
.fllr{position:absolute;left:-9999px;top:0;background:#006F67;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.fllr:focus{left:0}
.iymv{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.msgy{font-family:'Manrope', 'Avenir Next', Avenir, sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.uemy{color:#596161;font-size:.85rem}
.vidi{display:flex;flex-wrap:wrap;gap:1.1rem}
.uazk{text-decoration:none;color:inherit;font-size:.95rem}
.uazk:hover{color:#006F67;opacity:1}
.fala{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}
.fala span{display:block;height:2px;background:currentColor;border-radius:2px}
.fala[aria-expanded="true"] span:nth-child(2){opacity:0}
.pfwa{border-bottom:1px solid #D1D6D6;background:#FFFFFF} .pfwa .iymv{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}
.cfpp{background:#FFFFFF} .cfpp .iymv{padding:3rem 1.5rem;border-left:6px solid #006F67;margin:2rem auto}
.vbzy{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#006F67;font-weight:600;margin-bottom:.8rem}
.xuwa{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.wyso{font-size:1.15rem;color:#596161;max-width:44rem;margin:0 auto}
.veeo{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.lgqx{border:1px solid #D1D6D6;background:#F3F5F5;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.fmgi{padding:2.6rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.idsq,.tdtl,.tiqr{max-width:46rem;margin-left:auto;margin-right:auto}
.idsq{padding:1.4rem 0}
.idsq h2{font-size:1.6rem;margin-bottom:.8rem}
.idsq h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.idsq p,.idsq li,.tdtl p{margin-bottom:.85rem}
.idsq ul,.idsq ol{padding-left:1.4rem}
.tdtl{font-size:1.12rem}
.tiqr{background:#F3F5F5;border:1px solid #D1D6D6;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.6rem}
.yrhc{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #D1D6D6;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#F3F5F5}
blockquote{border-left:4px solid #006F67;padding:.2rem 0 .2rem 1rem;color:#596161;margin:1rem 0}
.cyhm{max-width:46rem;margin:1.8rem auto;background:#e4edec;border:1px solid #D1D6D6;border-radius:var(--radius);padding:1.4rem 1.6rem}
.vwop{font-size:1.25rem;margin-bottom:.7rem}
.uaww{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.opap{padding-left:1.1rem;position:relative;font-size:.95rem}
.opap::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#006F67}
.opro{max-width:46rem;margin:1.8rem auto;padding:0;list-style:none;counter-reset:src}
.rolw{border-top:1px solid #D1D6D6;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.rolw::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Manrope', 'Avenir Next', Avenir, sans-serif;font-weight:700;color:#006F67}
.wqkw{margin-bottom:.3rem}
.cbfc{font-size:.88rem;color:#596161}
.ezgu{max-width:46rem;margin:0 auto}
.buvs{border-bottom:1px solid #D1D6D6;padding:1.1rem 0}
.yaqt{font-size:1.15rem;margin-bottom:.5rem}
.xphv{color:#2E3333}
.njjf{background:#f0e4e3;border-top:1px solid #D1D6D6;border-bottom:1px solid #D1D6D6;margin:2rem 0 0}
.yyis{max-width:46rem;margin:0 auto;padding:2.2rem 1.5rem;text-align:center}
.yyis h2{margin-bottom:.7rem}
.yyis p{margin-bottom:1.1rem}
.dcut{display:inline-block;background:#006F67;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.dcut:hover{opacity:.9}

.mgms{font-size:1.45rem;margin-bottom:.45rem}
.user p{margin-bottom:.55rem}
.user p:last-child{margin-bottom:0}
.ijlz{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.zeym{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.zeym:hover{opacity:.92}
.nvfx{background:#2E3333;color:#FFFFFF;border-top:4px solid #D44B43}
.lzvm{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}
.nvfx h2,.nvfx p{color:#FFFFFF}
.acdq{display:inline-block;background:#FFFFFF;color:#2E3333;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.ijlz{color:#abadad}
.hylj::before{content:"\2713\00a0"}
.zeym{background:#006F67;color:#FFFFFF;outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width:720px){.lzvm{display:block} .acdq{transform:none;max-width:none;margin-bottom:.6rem} .zeym{display:block;text-align:center;margin-top:1rem}}
.uwvp{background:#2E3333;color:#FFFFFF} .uwvp a{color:inherit}
.uwvp .iymv{padding:2.2rem 1.5rem}
.nnil{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.ahwv{font-style:italic;margin-bottom:.8rem}
.nrvm{font-size:.9rem;margin-bottom:.8rem}
.phct{font-size:.85rem;color:#596161}
.uwvp .phct{opacity:.85}
.wrfp{color:#596161;font-size:.92rem}
.uwvp .uemy,.uwvp .wrfp{color:#abadad}
.uwvp .phct{color:#9b9d9d;opacity:1}
@media(max-width:760px){
  .cfpp .iymv{grid-template-columns:1fr;gap:1.5rem}
  .nnil{grid-template-columns:1fr}
  .pfwa .iymv{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .pfwa .vidi{border-top:0;padding-top:0}
  .pfwa .fala{display:flex}
  .pfwa .vidi{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #D1D6D6;padding-top:.4rem;margin-top:.4rem}
  .pfwa .vidi[data-open="true"]{display:flex}
  .pfwa .uazk{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
:root {
--ct-icon-file: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M5%203h10l4%204v14H5zM15%203v5h4M8%2012h8M8%2016h5%27/%3E%3C/svg%3E");
--ct-icon-check: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Ccircle%20cx=%2712%27%20cy=%2712%27%20r=%279%27/%3E%3Cpath%20d=%27m8%2012%202.5%202.5L16%209%27/%3E%3C/svg%3E");
--ct-icon-pin: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M20%2010c0%205-8%2011-8%2011S4%2015%204%2010a8%208%200%201%201%2016%200z%27/%3E%3Ccircle%20cx=%2712%27%20cy=%2710%27%20r=%272.5%27/%3E%3C/svg%3E");
--ct-icon-phone: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M6.6%202.8h3l1.5%204.5-2.2%201.4a15%2015%200%200%200%206.4%206.4l1.4-2.2%204.5%201.5v3c0%201.1-.9%202-2%202A16.6%2016.6%200%200%201%204.6%204.8c0-1.1.9-2%202-2z%27/%3E%3C/svg%3E");
--ct-icon-question: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Ccircle%20cx=%2712%27%20cy=%2712%27%20r=%279%27/%3E%3Cpath%20d=%27M9.7%209a2.5%202.5%200%201%201%203.6%202.3c-.8.5-1.3.9-1.3%202M12%2017h.01%27/%3E%3C/svg%3E");
--ct-icon-arrow: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27black%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M5%2012h14M14%207l5%205-5%205%27/%3E%3C/svg%3E");
}
body {
letter-spacing: -.006em;
}
::selection {
background: #006F67;
color: #FFFFFF;
}
.iymv {
max-width: 76rem;
}
.pfwa {
border-bottom: 0;
box-shadow: 0 1px 0 #D1D6D6;
}
.pfwa .iymv {
min-height: 5.5rem;
padding-top: .9rem;
padding-bottom: .9rem;
}
.msgy {
position: relative;
display: inline-flex;
align-items: center;
gap: .78rem;
padding: .2rem 0 .38rem;
font-size: 1.02rem;
font-weight: 800;
letter-spacing: -.035em;
line-height: 1.05;
}
.msgy::before {
content: "TCR";
width: 2.8rem;
height: 2.8rem;
flex: 0 0 auto;
display: grid;
place-items: center;
border-radius: .88rem .88rem 1.35rem .88rem;
background: #006F67;
color: #FFFFFF;
box-shadow: inset -.32rem -.32rem 0 #2E3333;
font-size: .65rem;
font-weight: 800;
letter-spacing: .09em;
transform: rotate(-3deg);
}
.msgy::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: calc(100% - 3.58rem);
height: .18rem;
border-radius: 999px;
background: linear-gradient(90deg, #006F67 0 78%, #D44B43 78% 100%);
}
.uemy {
margin: .14rem 0 0 3.58rem;
font-size: .72rem;
font-weight: 600;
letter-spacing: .055em;
}
.vidi {
gap: .2rem;
align-items: center;
}
.uazk {
padding: .5rem .68rem;
border-radius: 999px;
font-size: .78rem;
font-weight: 700;
letter-spacing: -.01em;
}
.uazk:hover {
background: #F3F5F5;
color: #006F67;
}
.cfpp {
padding: 1.5rem 1.5rem 4.1rem;
background: #FFFFFF;
border: 0;
}
.cfpp .iymv {
position: relative;
min-height: 31rem;
margin: 0 auto;
padding: clamp(3.2rem, 7vw, 5.8rem) clamp(2rem, 6vw, 5.2rem);
overflow: hidden;
border: 0;
border-radius: 2rem;
background:
linear-gradient(90deg, transparent 0 9.9%, #E8EBEB 10%, transparent 10.1% 100%),
#F3F5F5;
isolation: isolate;
}
.cfpp .iymv::before {
content: "";
position: absolute;
inset: 0 0 0 auto;
width: 31%;
z-index: -2;
background:
linear-gradient(132deg, transparent 0 30%, #D44B43 30% 34%, transparent 34% 100%),
#006F67;
}
.cfpp .iymv::after {
content: "";
position: absolute;
top: 17%;
right: 8%;
width: clamp(8rem, 15vw, 11.5rem);
aspect-ratio: 1;
z-index: -1;
border: 1.4rem solid #FFFFFF;
border-radius: 2.2rem 2.2rem 5.2rem 2.2rem;
box-shadow:
0 5.6rem 0 -4.8rem #E8EBEB,
-4.4rem 8.2rem 0 -5rem #D44B43;
transform: rotate(-7deg);
}
.fffy {
position: relative;
z-index: 1;
max-width: 48rem;
padding-right: clamp(2rem, 23vw, 18rem);
}
.vbzy {
display: inline-flex;
align-items: center;
gap: .55rem;
margin-bottom: 1.25rem;
color: #006F67;
font-size: .76rem;
font-weight: 800;
letter-spacing: .14em;
}
.vbzy::before {
content: "";
width: 1.8rem;
height: .22rem;
border-radius: 999px;
background: #D44B43;
}
.xuwa {
max-width: 14ch;
margin-bottom: 1.25rem;
font-size: clamp(2.65rem, 5.7vw, 5.15rem);
font-weight: 800;
line-height: .98;
letter-spacing: -.062em;
text-wrap: balance;
}
.wyso {
max-width: 42rem;
margin: 0;
color: #2E3333;
font-size: clamp(1.02rem, 1.7vw, 1.18rem);
line-height: 1.62;
}
.veeo {
max-width: 46rem;
gap: .45rem;
margin-top: 1.65rem;
}
.lgqx {
border: 0;
border-radius: .72rem;
background: #FFFFFF;
box-shadow: inset 0 0 0 1px #D1D6D6;
color: #2E3333;
padding: .42rem .75rem;
font-size: .76rem;
font-weight: 600;
}
.nvfx {
position: relative;
z-index: 2;
margin: -2.45rem 1.5rem 0;
padding: 0;
border: 0;
background: transparent;
color: #FFFFFF;
}
.lzvm {
position: relative;
max-width: 68rem;
margin: 0 auto;
padding: 1.45rem 1.55rem 1.45rem 1.8rem;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.5rem 2.4rem;
align-items: center;
overflow: hidden;
border: 0;
border-radius: 1.35rem;
background:
radial-gradient(circle at 100% 0, #006F67 0 12rem, transparent 12.1rem),
#2E3333;
box-shadow: 0 1.2rem 3.2rem -.95rem rgba(46, 51, 51, .34);
}
.lzvm::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: .42rem;
background: #D44B43;
}
.acdq {
margin-bottom: .55rem;
padding: .28rem .62rem;
border-radius: 999px;
background: #E8EBEB;
color: #2E3333;
font-size: .7rem;
font-weight: 800;
letter-spacing: .11em;
}
.mgms {
max-width: 35rem;
margin-bottom: .38rem;
color: #FFFFFF;
font-size: clamp(1.25rem, 2.1vw, 1.62rem);
letter-spacing: -.025em;
}
.nvfx h2,
.nvfx p {
color: #FFFFFF;
}
.user {
max-width: 45rem;
font-size: .93rem;
line-height: 1.55;
}
.ijlz {
color: #E8EBEB;
font-size: .78rem;
font-weight: 600;
}
.hylj::before {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
margin: 0 .35rem -.18rem 0;
background: #E8EBEB;
-webkit-mask: var(--ct-icon-check) center / contain no-repeat;
mask: var(--ct-icon-check) center / contain no-repeat;
}
.zeym {
padding: .88rem 1.25rem;
border: 0;
border-radius: .82rem;
outline: 0;
background: #006F67;
color: #FFFFFF;
box-shadow: none;
font-size: .9rem;
text-align: center;
}
.zeym::after,
.dcut::after {
content: "";
display: inline-block;
width: 1.08rem;
height: 1.08rem;
margin: 0 0 -.18rem .55rem;
background: #FFFFFF;
-webkit-mask: var(--ct-icon-arrow) center / contain no-repeat;
mask: var(--ct-icon-arrow) center / contain no-repeat;
transition: transform .18s ease;
}
.zeym:hover::after {
background: #2E3333;
}
.zeym:hover::after,
.dcut:hover::after {
transform: translateX(.18rem);
}
.zeym:hover {
background: #FFFFFF;
color: #2E3333;
opacity: 1;
}
.fmgi {
padding: clamp(3.6rem, 7vw, 6.3rem) 0 4.8rem;
}
.fmgi > .iymv {
counter-reset: evidence-section;
}
.tdtl {
max-width: 61rem;
margin-bottom: 3.6rem;
padding: clamp(1.5rem, 4vw, 2.35rem) clamp(1.4rem, 4vw, 2.6rem);
border-left: .45rem solid #D44B43;
border-radius: 0 1.5rem 1.5rem 0;
background: #F3F5F5;
color: #2E3333;
font-size: clamp(1.12rem, 2vw, 1.3rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: -.016em;
}
.tdtl p:last-child {
margin-bottom: 0;
}
.idsq {
max-width: 64rem;
padding: 2.5rem 0;
display: grid;
grid-template-columns: minmax(12rem, .78fr) minmax(0, 1.65fr);
column-gap: clamp(2rem, 6vw, 5rem);
align-items: start;
border-top: 1px solid #D1D6D6;
counter-increment: evidence-section;
}
.fmgi .iymv > .idsq:nth-of-type(even) {
margin-top: 1rem;
margin-bottom: 1rem;
padding: 2.35rem;
border: 0;
border-radius: 1.5rem;
background: #F3F5F5;
}
.idsq > :not(h2) {
grid-column: 2;
}
.idsq h2 {
position: relative;
grid-column: 1;
margin: 0;
padding-top: 2.65rem;
color: #2E3333;
font-size: clamp(1.35rem, 2.3vw, 1.72rem);
font-weight: 800;
line-height: 1.16;
letter-spacing: -.035em;
text-wrap: balance;
}
.idsq h2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.35rem;
height: 1.35rem;
background: #006F67;
-webkit-mask: var(--ct-icon-file) center / contain no-repeat;
mask: var(--ct-icon-file) center / contain no-repeat;
}
.idsq h2::after {
content: "0" counter(evidence-section);
position: absolute;
top: .08rem;
left: 1.85rem;
min-width: 3.8rem;
padding-left: 1.85rem;
border-left: 1px solid #D1D6D6;
background: linear-gradient(#D44B43, #D44B43) left .62rem center / 1.15rem .14rem no-repeat;
color: #006F67;
font-size: .72rem;
font-weight: 800;
letter-spacing: .12em;
}
.idsq p,
.idsq li {
color: #2E3333;
}
.idsq p:first-of-type {
font-size: 1.08rem;
}
.idsq h3 {
margin-top: 1.3rem;
letter-spacing: -.025em;
}
.fmgi a {
color: #2E3333;
text-decoration-color: #006F67;
text-decoration-thickness: .12em;
text-underline-offset: .16em;
}
blockquote {
border-left: .3rem solid #006F67;
border-radius: 0 .8rem .8rem 0;
background: #F3F5F5;
color: #2E3333;
padding: 1rem 1.2rem;
}
.yrhc {
border: 1px solid #D1D6D6;
border-radius: 1rem;
}
th,
td {
border-width: 0 0 1px;
color: #2E3333;
}
th {
background: #E8EBEB;
font-family: 'Manrope', 'Avenir Next', Avenir, sans-serif;
font-size: .82rem;
letter-spacing: .02em;
}
.cyhm {
position: relative;
max-width: 64rem;
margin: 3.2rem auto;
padding: clamp(1.6rem, 4vw, 2.6rem);
overflow: hidden;
border: 0;
border-radius: 1.5rem;
background: #E8EBEB;
color: #2E3333;
}
.cyhm::after {
content: "LOCAL / TEMPE";
position: absolute;
top: 1.1rem;
right: -1.8rem;
padding: .3rem 2.1rem;
background: #006F67;
color: #FFFFFF;
font-size: .67rem;
font-weight: 800;
letter-spacing: .1em;
transform: rotate(8deg);
}
.vwop {
position: relative;
max-width: 32rem;
margin: 0 5rem 1.2rem 0;
padding-left: 2.7rem;
font-size: clamp(1.45rem, 3vw, 2rem);
letter-spacing: -.04em;
}
.vwop::before {
content: "";
position: absolute;
top: .05em;
left: 0;
width: 1.85rem;
height: 1.85rem;
background: #006F67;
-webkit-mask: var(--ct-icon-pin) center / contain no-repeat;
mask: var(--ct-icon-pin) center / contain no-repeat;
}
.opap {
padding: .72rem .85rem .72rem 2.7rem;
border-radius: .75rem;
background: #FFFFFF;
color: #2E3333;
font-weight: 600;
}
.opap::before {
left: .92rem;
top: .88rem;
width: 1.08rem;
height: 1.08rem;
border-radius: 0;
background: #006F67;
-webkit-mask: var(--ct-icon-pin) center / contain no-repeat;
mask: var(--ct-icon-pin) center / contain no-repeat;
}
.opap:nth-child(2)::before {
-webkit-mask-image: var(--ct-icon-phone);
mask-image: var(--ct-icon-phone);
}
.ezgu {
max-width: 64rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .8rem;
}
.buvs {
position: relative;
padding: 1.45rem;
border: 1px solid #D1D6D6;
border-top: .28rem solid #006F67;
border-radius: 1.15rem;
background: #F3F5F5;
box-shadow: 0 .8rem 1.8rem -1.6rem #596161;
}
.buvs:nth-child(4n + 2),
.buvs:nth-child(4n + 3) {
background: #E8EBEB;
}
.yaqt {
position: relative;
margin-bottom: .65rem;
padding-left: 2.45rem;
font-size: 1.08rem;
letter-spacing: -.025em;
}
.yaqt::before {
content: "";
position: absolute;
top: -.12rem;
left: 0;
width: 1.65rem;
height: 1.65rem;
background: #006F67;
-webkit-mask: var(--ct-icon-question) center / contain no-repeat;
mask: var(--ct-icon-question) center / contain no-repeat;
}
.xphv {
color: #2E3333;
font-size: .95rem;
}
.opro {
max-width: none;
margin: 0;
display: grid;
gap: .7rem;
}
.rolw {
min-width: 0;
padding: 1.05rem 1.15rem 1.05rem 4.25rem;
border: 0;
border-radius: .9rem;
background: #F3F5F5;
box-shadow: inset 0 0 0 1px #D1D6D6;
}
.rolw::before {
content: "";
top: 1.18rem;
left: 1.08rem;
width: 1.5rem;
height: 1.5rem;
background: #006F67;
-webkit-mask: var(--ct-icon-file) center / contain no-repeat;
mask: var(--ct-icon-file) center / contain no-repeat;
}
.rolw::after {
content: counter(src, decimal-leading-zero);
position: absolute;
top: 2.55rem;
left: 1.05rem;
color: #006F67;
font-family: 'Manrope', 'Avenir Next', Avenir, sans-serif;
font-size: .62rem;
font-weight: 800;
letter-spacing: .08em;
}
.wqkw {
color: #2E3333;
font-size: .93rem;
font-weight: 600;
line-height: 1.5;
}
.cbfc {
color: #2E3333;
font-size: .79rem;
line-height: 1.5;
}
.njjf {
position: relative;
margin: 0;
border: 0;
background: #E8EBEB;
overflow: hidden;
}
.njjf::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: clamp(.5rem, 1.2vw, .9rem);
background: #D44B43;
}
.njjf::after {
content: "";
position: absolute;
right: -4rem;
bottom: -6rem;
width: 16rem;
height: 16rem;
border: 2.4rem solid #D1D6D6;
border-radius: 50%;
}
.yyis {
position: relative;
z-index: 1;
max-width: 64rem;
padding: clamp(2.6rem, 6vw, 4.3rem) 1.5rem;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-rows: auto auto;
gap: .35rem 3rem;
align-items: center;
text-align: left;
}
.yyis h2 {
max-width: 28rem;
margin: 0;
font-size: clamp(1.7rem, 3.4vw, 2.5rem);
letter-spacing: -.045em;
}
.yyis p {
max-width: 42rem;
margin: 0;
color: #2E3333;
}
.dcut {
grid-column: 2;
grid-row: 1 / 3;
padding: 1rem 1.5rem;
border-radius: .85rem;
background: #006F67;
color: #FFFFFF;
font-size: .92rem;
font-weight: 800;
}
.dcut:hover {
background: #2E3333;
color: #FFFFFF;
opacity: 1;
}
.uwvp {
position: relative;
border: 0;
background: #2E3333;
color: #FFFFFF;
}
.uwvp::before {
content: "";
display: block;
height: .4rem;
background: linear-gradient(90deg, #006F67 0 78%, #D44B43 78% 100%);
}
.uwvp::after {
content: "TEMPE / RESEARCH DESK";
position: absolute;
right: 1.5rem;
bottom: 1rem;
color: #E8EBEB;
font-family: 'Manrope', 'Avenir Next', Avenir, sans-serif;
font-size: .62rem;
font-weight: 800;
letter-spacing: .16em;
writing-mode: vertical-rl;
}
.uwvp .iymv {
padding-top: 3.2rem;
padding-bottom: 2.2rem;
}
.nnil {
grid-template-columns: minmax(0, 1.65fr) minmax(16rem, .8fr);
gap: 4rem;
margin-bottom: 2.2rem;
}
.uwvp .uemy,
.uwvp .wrfp,
.ahwv,
.nrvm,
.phct {
color: #E8EBEB;
}
.uwvp .uemy {
margin: 0 0 .8rem;
font-size: .72rem;
text-transform: uppercase;
letter-spacing: .1em;
}
.ahwv {
max-width: 48rem;
padding-left: 1rem;
border-left: .22rem solid #D44B43;
font-style: normal;
}
.uwvp .uazk {
display: inline-block;
margin: 0 .15rem .45rem 0;
padding: .38rem .62rem;
background: #E8EBEB;
color: #2E3333;
}
.uwvp .uazk:hover {
background: #FFFFFF;
color: #2E3333;
opacity: 1;
}
.phct {
margin-right: 2rem;
padding-top: 1.25rem;
border-top: 1px solid #596161;
opacity: 1;
}
@media (max-width: 900px) {
.cfpp .iymv::before {
width: 25%;
}
.cfpp .iymv::after {
right: 4%;
width: 8rem;
}
.fffy {
padding-right: 8rem;
}
.uazk {
padding-right: .48rem;
padding-left: .48rem;
}
}
@media (max-width: 760px) {
.pfwa .iymv {
min-height: 0;
}
.uemy {
margin-left: 3.58rem;
}
.pfwa .uazk {
padding: .72rem .2rem;
border-radius: 0;
}
.cfpp {
padding: .85rem .85rem 3.2rem;
}
.cfpp .iymv {
min-height: 0;
padding: 3rem 1.45rem 8.2rem;
border-radius: 1.45rem;
}
.cfpp .iymv::before {
inset: auto 0 0;
width: 100%;
height: 5.6rem;
}
.cfpp .iymv::after {
top: auto;
right: 1.5rem;
bottom: 1.25rem;
width: 3.2rem;
border-width: .55rem;
border-radius: .8rem .8rem 1.6rem .8rem;
box-shadow: none;
}
.fffy {
padding-right: 0;
}
.xuwa {
font-size: clamp(2.4rem, 12vw, 3.6rem);
}
.nvfx {
margin: -1.65rem .85rem 0;
}
.lzvm {
display: block;
padding: 1.4rem 1.25rem 1.3rem 1.55rem;
border-radius: 1.1rem;
}
.zeym {
display: block;
margin-top: 1rem;
}
.fmgi {
padding-top: 3.2rem;
}
.tdtl {
margin-bottom: 2.2rem;
}
.idsq {
padding: 2rem 0;
display: block;
}
.fmgi .iymv > .idsq:nth-of-type(even) {
padding: 1.6rem;
}
.idsq h2 {
margin-bottom: 1rem;
}
.cyhm {
margin: 2.2rem auto;
border-radius: 1.1rem;
}
.cyhm::after {
position: static;
display: inline-block;
margin-bottom: 1rem;
transform: none;
}
.vwop {
margin-right: 0;
}
.ezgu {
grid-template-columns: 1fr;
}
.rolw {
padding-left: 4rem;
}
.yyis {
display: block;
}
.yyis p {
margin: .6rem 0 1.25rem;
}
.dcut {
display: block;
text-align: center;
}
.nnil {
grid-template-columns: 1fr;
gap: 2rem;
}
.uwvp::after {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}