:root {
--droq: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--exp: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
--widh: #212529;
--ccnu: #14477d;
--ftob: #4f5a66;
--ftvu: #7a3a1a;
--qnjt: #43220f;
--dye: #e6e0d9;
--ntni: #ffffff;
--dysw: #fdf3ed;
--dx: #fef9f6;
--fsg: #ece0d6;
--wcru: #e8b53d;
--uvc: #d9a070;
--fss: 3 / 2;
--koge: 5 / 4;
--hp: 1 / 1;
--sut: 2 / 3;
--tl: 3.5rem;
--kfxj: 1.25rem;
--xvd: 12px;
--thab: 6px;
--ua: 0 3px 14px color-mix(in srgb, var(--qnjt) 12%, transparent);
--whb: 0 12px 28px color-mix(in srgb, var(--qnjt) 15%, transparent);
--lu: 0.15s ease;
--dbrh: 2px solid var(--ccnu);
--nj: color-mix(in srgb, var(--ftvu) 45%, var(--dye));
--wwpj: rgba(255, 255, 255, 0.8);
--xiol: rgba(255, 255, 255, 0.07);
--lal: rgba(255, 255, 255, 0.14);
--znfb: 3rem;
--ymi: 88px;
--zah: 16px;
--mtyq: 0;
}
@media (prefers-reduced-motion: reduce) { :root { --lu: 0s; } }
* { box-sizing: border-box; margin: 0; }
html { scroll-padding-top: var(--ymi); }
@property --mtyq { syntax: '<number>'; inherits: true; initial-value: 0; }
@supports (animation-timeline: scroll()) {
header.rota { animation: dvej linear both; animation-timeline: scroll(root);
animation-range: 40px 200px; }
@keyframes dvej { to { --mtyq: 1; } }
html { scroll-padding-top: calc(var(--ymi) - var(--zah)); }
}
html { overflow-x: clip; }
body {
overflow-x: clip;
font-family: var(--droq);
font-size: 18px; line-height: 1.6; color: var(--widh); background: var(--ntni);
-webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-family: var(--exp); color: var(--widh); font-weight: 700;
letter-spacing: -0.015em; line-height: 1.15; }
h1 { font-size: clamp(2.2rem, 3.4vw, 2.8rem); }
h2 { font-size: clamp(1.75rem, 2.8vw, 2.25rem); }
h3 { font-size: 1.2rem; }
.ly { color: var(--ftob); }
a { color: var(--ccnu); text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
outline: var(--dbrh); outline-offset: 2px; border-radius: 3px;
}
img { max-width: 100%; }
ul { list-style: none; padding: 0; }
.go { max-width: 1360px; margin: 0 auto; padding: 0 1.25rem; }
.kwk { background: var(--dysw); margin-inline: calc(50% - 50vw);
padding: var(--tl) calc(50vw - 50%); }
.kwk:has(> .wbe) { padding-inline: max(1.25rem, calc(50vw - 50% - 6rem)); }
.kwk:not(.shv):not(.jv):not(.pns) + .kwk:not(.shv):not(.jv):not(.pns),
.kwk.shv + .kwk.shv,
.kwk.jv + .kwk.jv,
.kwk.pns + .kwk.pns,
.kwk.shv + .kwk:not(.shv):not(.jv):not(.pns),
.kwk:not(.shv):not(.jv):not(.pns) + .kwk.shv { padding-top: calc(var(--tl) / 2); }
.kwk, .kwk.qgin { --avsi: var(--ntni); background: var(--avsi); }
.kwk.shv { --avsi: var(--dx); }
.kwk.jv { --avsi: var(--fsg); }
.kwk.pns { --avsi: var(--qnjt); --nj: color-mix(in srgb, var(--uvc) 55%, transparent);
color: #fff; text-align: center; }
.kwk.pns h1, .kwk.pns h2, .kwk.pns a { color: #fff; }
.kwk.pns p { color: var(--wwpj); }
.kwk.pns .xqz { color: var(--uvc); }
.kwk.pns .ays.qcp { background: var(--dysw); color: var(--qnjt); }
.kwk.pns .ays.vxf { color: var(--dysw); border-color: var(--fsg); }
.kwk.pns .ays.vxf:hover { background: rgba(255, 255, 255, 0.08); }
.kwk.pns .jzvw { text-align: left; }
.kwk.hjwo { position: relative; isolation: isolate; }
.kwk.hjwo > .whk { position: absolute; inset: 0; z-index: -1; }
.kwk.hjwo > .whk > img { display: block; width: 100%; height: 100%; max-width: none;
object-fit: cover; }
.kwk.hjwo > .whk::after { content: ''; position: absolute; inset: 0;
background: linear-gradient(color-mix(in srgb, var(--qnjt) 86%, transparent),
color-mix(in srgb, var(--qnjt) 74%, transparent)); }
.rp { display: grid; gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(min(var(--ycf), 100%), 1fr)); }
.rp.lvy { grid-template-columns: repeat(var(--umg, 2), minmax(0, 1fr)); }
@media (max-width: 60rem) { .rp.lvy { grid-template-columns: minmax(0, 1fr); } }
.hq { display: flex; flex-direction: column; background: var(--ntni);
border: 1px solid var(--dye); border-radius: var(--xvd);
padding: var(--kfxj); }
.hq.mqa { display: grid; place-items: center; text-align: center; min-height: 4.5rem; }
.hq > img { display: block; width: calc(100% + var(--kfxj) * 2);
max-width: none; height: auto; aspect-ratio: var(--koge); object-fit: cover;
margin: calc(var(--kfxj) * -1) calc(var(--kfxj) * -1) var(--kfxj);
border-radius: calc(var(--xvd) - 1px) calc(var(--xvd) - 1px) 0 0; }
.hq.cush { display: grid; grid-template-columns: minmax(8rem, 32%) minmax(0, 1fr);
column-gap: var(--kfxj); }
.hq.cush > img { align-self: stretch; width: calc(100% + var(--kfxj));
height: calc(100% + var(--kfxj) * 2); min-height: 0; aspect-ratio: auto;
margin: calc(var(--kfxj) * -1) 0 calc(var(--kfxj) * -1) calc(var(--kfxj) * -1);
border-radius: calc(var(--xvd) - 1px) 0 0 calc(var(--xvd) - 1px); }
.hq.cush > .urgt { display: flex; flex-direction: column; }
.hq.cush .urgt p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;
line-clamp: 6; overflow: hidden; }
@media (max-width: 34rem) {
.hq.cush { grid-template-columns: minmax(0, 1fr); }
.hq.cush > img { width: revert; height: revert; min-height: revert; aspect-ratio: revert;
margin: revert; border-radius: revert; }
}
.hq h3 { margin-bottom: 0.45rem; }
.hq h3 > a { color: inherit; }
.hq h3 > a:hover { text-decoration: none; }
.hq .ljad { align-self: start; display: inline-flex; align-items: center; gap: 0.4rem;
margin-top: auto; padding-top: 0.9rem; text-decoration: none; color: var(--ccnu); }
.hq:hover .ljad svg { transform: translateX(2px); }
.hq .ljad svg { transition: transform var(--lu); }
.hq:has(.ljad), .hq.sn { box-shadow: var(--ua); }
.hq:has(.ljad) { position: relative; }
.hq h3 > a::after { content: ''; position: absolute; inset: 0; }
.hq:has(.ljad) { transition: border-color var(--lu), box-shadow var(--lu); }
.hq:has(.ljad):hover, .hq:has(.ljad):focus-within {
border-color: var(--nj); box-shadow: var(--whb); }
.hq.utgj { background: rgba(255, 255, 255, 0.55); border: 0;
border-left: 3px solid var(--ftvu); }
.kwk.pns .hq.utgj { border-left-color: var(--uvc); }
.hq .su { display: grid; place-items: center; width: 3.5rem; height: 3.5rem;
border-radius: var(--thab); background: var(--dysw); color: var(--ftvu);
margin-bottom: 1rem; }
.hq.mqa .su { border-radius: 50%; }
.hq.mqa:has(.su) { align-content: start; }
.hq.aer { display: grid; grid-template-columns: 3.4rem minmax(0, 1fr); column-gap: 1.25rem;
align-items: start; }
.hq.aer .uolz, .hq.opyi .uolz { width: 3.4rem; height: 3.4rem; font-size: 1.5rem;
line-height: 1; background: var(--ftvu); }
.hq.aer .uolz { margin: 0; }
.hq.up h3 { margin-bottom: 0.75rem; }
.hq.up li { display: flex; gap: 1rem; padding: 1rem 0; border-top: 1px solid var(--dye); }
.hq.up li:last-child { padding-bottom: 0; }
.hq.up li > div { min-width: 0; }
.hq.up .su { flex: none; width: 3rem; height: 3rem; margin: 0; }
.hq.up .xqz { margin-bottom: 0.2rem; }
.hq.up .bf { display: block; font-family: var(--exp); font-weight: 700;
font-size: 1.2rem; line-height: 1.25; overflow-wrap: anywhere; }
.hq.up .ab { margin-top: 0.3rem; }
.hq.xuqc { background: var(--qnjt); border: 0; color: #fff; }
.hq.xuqc h3 { color: #fff; }
.hq.xuqc p { color: var(--wwpj); }
.hq.xuqc .su { background: rgba(255, 255, 255, 0.1); color: var(--uvc); }
.hq.smzg { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
padding: 0; overflow: hidden; max-width: 64rem; margin-inline: auto; box-shadow: var(--ua); }
.hq.smzg > div { padding: var(--kfxj); }
.hq.smzg .tv > img { width: 100%; height: 0; min-height: 100%; object-fit: cover;
border-radius: 0; box-shadow: none; }
.hq.smzg h3 { font-size: 1.5rem; margin-bottom: 0.25rem; }
.hq.smzg .ab { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--dye); }
.hq.smzg blockquote { margin-top: 1.25rem; background: var(--dysw); font-style: italic; }
.hq.sn { position: relative; padding: 0; border: 0; overflow: hidden; color: #fff; }
.hq.sn > img { margin: 0; width: 100%; max-width: 100%;
aspect-ratio: var(--fss); border-radius: 0; }
.hq.sn .rx { position: absolute; inset: auto 0 0 0;
padding: 4rem var(--kfxj) var(--kfxj);
background: linear-gradient(to top, rgba(20, 12, 6, 0.88), rgba(20, 12, 6, 0.55) 45%, rgba(20, 12, 6, 0)); }
.hq.sn .vsw { display: inline-block; max-width: 100%; white-space: nowrap;
overflow: hidden; text-overflow: ellipsis; vertical-align: top;
background: var(--ftvu); color: #fff;
font-size: 0.75rem; padding: 0.3rem 0.8rem; border-radius: 999px; margin-bottom: 0.65rem; }
.hq.sn h3 { color: #fff; font-size: 1.2rem; margin-bottom: 0.3rem; }
.hq.sn p { color: var(--wwpj); font-size: 0.9rem; }
.hq.sn h3 > a { color: inherit; text-decoration: none; }
.hq.sn h3 > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.hq.sn:has(h3 > a) { transition: box-shadow var(--lu), transform var(--lu); }
.hq.sn:has(h3 > a):hover { box-shadow: var(--whb); }
.hq.sn:has(h3 > a:focus-visible) { outline: var(--dbrh); outline-offset: 2px; }
.hq.sn h3 > a:focus-visible { outline: none; }
.hq.opyi { align-items: center; text-align: center; background: none; border: 0; padding: 0 1rem; }
.hq.opyi .uolz { margin-bottom: 1.1rem; position: relative;
box-shadow: 0 0 0 6px var(--avsi); }
.rp:has(> .hq.opyi) { position: relative; }
.rp:has(> .hq.opyi)::before { content: ''; position: absolute; left: 12.5%; right: 12.5%;
top: 1.7rem; border-top: 1px solid color-mix(in srgb, var(--qnjt) 22%, transparent); }
.hq .uolz { display: grid; place-items: center; width: 2.3rem; height: 2.3rem;
border-radius: 50%; background: var(--qnjt); color: #fff;
font-family: var(--droq); font-variant-numeric: lining-nums; margin-bottom: 0.85rem; }
.kvf { max-width: 64ch; margin-inline: auto; }
.nwvn { text-align: center; margin-bottom: 1.75rem; }
.nwvn:last-child { margin-bottom: 0; }
.jzvw .nwvn { text-align: left; margin-bottom: 0; }
.jzvw .nwvn + .rp { margin-top: 1.75rem; }
.nwvn p { margin-top: 0.75rem; }
.nwvn p:not(.xqz) { max-width: 64ch; margin-inline: auto; }
.jzvw .nwvn p { margin-inline: 0; max-width: none; }
.ly { text-align: center; margin-top: 1.5rem; max-width: 64ch; margin-inline: auto; }
.zpm { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ly > .sr { display: none; }
.zpm:focus-visible ~ .sr { outline: var(--dbrh); outline-offset: 3px; }
.jzvw .ly { text-align: left; margin-inline: 0; }
.ab { font-size: 0.9rem; color: var(--ftob); }
.fm a, .jrrg a, .ab a, .nwvn p a, .hq p a { text-decoration: underline;
text-underline-offset: 2px; }
.ays { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
border: 1px solid transparent; cursor: pointer; font-family: var(--exp);
font-size: 1.2rem; font-weight: 600; border-radius: var(--thab); padding: 13px 26px; }
.ays { transition: background-color var(--lu), filter var(--lu); }
.ays:hover { text-decoration: none; filter: brightness(1.08); }
.ays.qcp { background: var(--ccnu); color: #fff; }
.ays svg, li > svg { flex: none; vertical-align: -0.2em; }
.ays.vxf { background: transparent; color: var(--ftvu); border-color: var(--ftvu);
border-width: 2px; padding: 12px 25px; }
.ays.vxf:hover { background: color-mix(in srgb, var(--ftvu) 6%, transparent); filter: none; }
.cfc { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; }
.jzvw .cfc { justify-content: flex-start; }
.wbk { display: none; position: fixed; z-index: 40; right: 1rem;
bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
width: 56px; height: 56px; border-radius: 50%; background: var(--ccnu); color: #fff;
box-shadow: var(--ua); }
.vy { background: var(--qnjt); color: #fff; font-size: 1.05rem; }
.vy .go { display: flex; justify-content: center; align-items: center;
gap: 0.5rem; padding-block: 0.6rem; }
.vy span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vy a { color: #fff; font-weight: 600; text-decoration: underline; white-space: nowrap;
flex: none; }
header.rota { --om: calc(var(--zah) * var(--mtyq));
position: sticky; top: calc(-1 * var(--om)); z-index: 20;
padding-top: var(--om);
background: var(--ntni); border-bottom: 1px solid var(--dye); }
header.rota .go { position: relative; display: flex; align-items: center;
gap: 1.5rem; min-height: calc(var(--ymi) - var(--om)); }
header.rota .ays { padding-block: calc(13px - 6px * var(--mtyq)); }
.jue { --dwh: 48px; display: flex; align-items: center; min-width: 0; }
.jue picture { display: contents; }
.jue img { display: block; height: calc(var(--dwh) - var(--om) / 2); width: auto;
max-width: 100%; object-fit: contain; object-position: left center; }
header.rota nav { margin-left: auto; display: flex; align-items: center;
gap: 1.4rem; font-size: 1.0625rem; font-weight: 500; }
header.rota nav a { color: var(--widh); }
.gi { display: none; }
.zra { display: none; }
.ca { position: relative; padding-block: 0.7rem; }
.ao { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.jw { display: inline-flex; align-items: center; gap: 0.3rem;
cursor: pointer; user-select: none; }
.jw svg { transition: transform var(--lu); }
.ao:checked ~ .jw svg { transform: rotate(180deg); }
.ao:focus-visible ~ .jw { outline: var(--dbrh); outline-offset: 3px;
border-radius: 3px; }
.gl { display: none; position: fixed; inset: 0; z-index: 25; }
.ao:checked ~ .gl { display: block; }
.mznq { display: none; }
.ca:hover > .mznq,
.ca:focus-within > .mznq,
.ao:checked ~ .mznq {
display: block; position: absolute; top: 100%; left: 0; z-index: 30;
columns: 2; column-gap: 1.5rem; width: max-content; max-width: min(88vw, 620px);
background: var(--ntni); border: 1px solid var(--dye); border-radius: var(--xvd);
padding: 1rem 1.25rem; box-shadow: var(--whb);
}
.mznq a { display: block; padding: 0.25rem 0; font-size: 1rem;
break-inside: avoid; min-width: 150px; }
footer.rota { background: var(--qnjt); color: var(--wwpj);
padding-top: 2.5rem; font-size: 0.95rem; }
footer.rota h3 { color: #fff; margin-bottom: 0.9rem; }
footer.rota a { color: var(--wwpj); }
footer.rota li { padding: 0.2rem 0; }
footer.rota details { display: flex; flex-direction: column; }
footer.rota summary { order: 1; cursor: pointer; list-style: none; padding: 0.2rem 0; color: var(--uvc); font-weight: 600; }
footer.rota summary::-webkit-details-marker { display: none; }
footer.rota details:not([open]) .qiv, footer.rota details[open] .jdhc { display: none; }
.vhu { border-top: 1px solid rgba(255, 255, 255, 0.15); margin-top: 2rem;
padding: 1.25rem 0; text-align: center; }
.bqd { display: block; }
.jzvw { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 2.5rem; align-items: center; }
.jzvw > img, .jzvw > svg { width: 100%; height: auto; aspect-ratio: var(--fss);
object-fit: cover; border-radius: var(--xvd); }
.jzvw.wbe { align-items: stretch; }
.jzvw.wbe > div { display: flex; flex-direction: column; justify-content: center; }
.jzvw.wbe > img { aspect-ratio: var(--fss); height: 100%; }
@media (max-width: 860px) {
.jzvw { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
.jzvw.wbe > img { order: -1; height: auto; }
}
.tv > img, .tv > svg { display: block; width: 100%; height: auto;
aspect-ratio: var(--hp); object-fit: cover;
border-radius: var(--xvd); }
.mk .tv > img { object-position: 50% 22%; }
.jzvw > img, .jzvw > svg, .tv > img, .tv > svg, .jzvw.xwux .gosd > img {
box-shadow: var(--ua); }
.wbe h1 { font-size: clamp(2rem, 3.1vw, 2.6rem); }
.jrrg { font-size: 1.2rem; font-weight: 500; color: var(--ftvu); }
.jrrg a { color: inherit; text-decoration: underline; text-underline-offset: 3px;
text-decoration-thickness: 1px; }
.wbe .jrrg { margin: 1.25rem 0 1.75rem; }
.kwk.pns .jrrg { color: var(--uvc); }
.xqz, .hq .ljad, .sn .vsw { font-size: 0.875rem; font-weight: 700;
letter-spacing: 0.14em; text-transform: uppercase; color: var(--ftvu); }
.xqz, .nwvn .xqz { margin: 0 0 0.6rem; font-size: 0.875rem; }
.fjc { display: flex; align-items: center; gap: 0.5rem; padding: 0.9rem 1rem;
font-size: 0.95rem; font-weight: 600; line-height: 1.35; }
.rp:has(> .fjc) { gap: 0.6rem; }
.fjc > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fjc .ab { margin-left: auto; flex: none; font-weight: 400; white-space: nowrap; }
.vgyo { display: grid; gap: 0.55rem; margin: 0 0 1.75rem; }
.mjai .vgyo { grid-template-columns: 1fr 1fr; gap: 0.75rem; margin: 0; }
.mjai .vgyo li, .qdqr li, .fjc { background: var(--ntni); border: 1px solid var(--dye);
border-radius: var(--thab); color: var(--widh); }
.mjai .vgyo li { padding: 0.8rem 0.95rem; font-size: 0.95rem; font-weight: 600;
line-height: 1.35; }
.kwk.pns .mjai .vgyo li, .kwk.pns .qdqr li, .kwk.pns .fjc { background: var(--xiol);
border-color: var(--lal); color: #fff; }
.fjc, .qdqr li { transition: border-color var(--lu), box-shadow var(--lu); }
.fjc:hover, .fjc:focus-visible,
.qdqr li:has(summary:hover), .qdqr li:has(summary:focus-visible) {
border-color: var(--nj); }
.fjc:hover, .fjc:focus-visible { box-shadow: var(--ua); }
.kwk.pns .vgyo svg, .kwk.pns .fjc svg { color: var(--fsg); }
.kwk.pns .ab, .kwk.pns .xo .mi { color: var(--wwpj); }
@media (max-width: 560px) { .mjai .vgyo { grid-template-columns: 1fr; } }
.wbe .xo { display: flex; flex-wrap: nowrap; align-items: center; gap: 0.85rem;
margin-top: 1.75rem; padding-top: 1.25rem; border-top: 1px solid var(--dye);
font-size: 0.9rem; }
.wbe .xo .yo { display: flex; gap: 0.4rem; flex: none; }
.wbe .xo .yo img, .wbe .xo .yo svg { width: 40px; height: 40px;
aspect-ratio: 1; object-fit: contain; }
.wbe .xo .el { display: grid; gap: 0; line-height: 1.3; min-width: 0; }
.wbe .xo .bf { display: flex; align-items: center; gap: 0.45rem;
font-family: var(--exp); font-weight: 600; font-size: 1.05rem; flex-wrap: wrap;}
.wbe .xo .mi { color: var(--ftob); }
.jzvw.xwux { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: stretch; }
.jzvw.xwux > .ib { align-self: start; }
.jzvw.xwux .fm { margin: 1rem 0 0; }
.jzvw.xwux .gosd { display: grid; grid-auto-rows: minmax(0, 1fr); gap: 1rem;
min-height: 0; position: relative; }
.jzvw.xwux .gosd > img { width: 100%; height: 0; min-height: 100%; object-fit: cover;
border-radius: var(--xvd); display: block; }
.jzvw.xwux .gosd > .ays { position: absolute; top: 1rem; left: 1rem; width: auto;
max-width: calc(100% - 2rem); }
.jzvw.xwux .gosd > figcaption { position: absolute; left: 1rem; bottom: 1rem;
max-width: calc(100% - 2rem); background: var(--qnjt); color: #fff;
font-family: var(--exp); font-weight: 600; font-size: 0.95rem; line-height: 1.3;
padding: 0.45rem 0.8rem; border-radius: var(--thab); }
.tv { position: relative; margin: 0; }
.jzvw.bbqb > .tv { order: 1; }
.tv .pv { position: absolute; max-width: 60%; padding: 0.8rem 1rem;
box-shadow: var(--whb); }
.tv .pv:first-of-type { top: 2rem; right: 0;
border-radius: var(--xvd) 0 0 var(--xvd); }
.tv .pv:last-of-type { bottom: 2rem; left: 0;
border-radius: 0 var(--xvd) var(--xvd) 0; }
.hq.pv b { display: block; font-family: var(--exp); font-size: 1.7rem;
line-height: 1.1; color: var(--ftvu); }
.hq.pv span { display: block; font-size: 0.9rem; line-height: 1.25; }
.hq.pv.mqa { padding: 1.5rem var(--kfxj); gap: 0.35rem; }
.hq.pv.mqa b { font-size: 2.4rem; }
.kwk.pns .hq { background: var(--xiol);
border-color: var(--lal); color: #fff; text-align: left; }
.kwk.pns .hq h3 { color: #fff; }
.kwk.pns .hq.mqa { text-align: center; }
.kwk.pns .hq.pv b { color: var(--uvc); }
.jzvw.mk { grid-template-columns: minmax(0, 2fr) minmax(0, 5fr); max-width: 64rem; margin-inline: auto; }
.jzvw.xchx { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
.jzvw.xchx.bbqb { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
.jzvw.xchx, .jzvw.xchx.bbqb { align-items: stretch; }
.jzvw.xchx > .tv > img { width: 100%; height: 0; min-height: 100%;
aspect-ratio: auto; object-fit: cover; }
.tv .ke { position: absolute; right: 1rem; bottom: 1rem; width: 3rem; height: 3rem;
display: grid; place-items: center; border-radius: 50%; background: var(--ftvu);
color: #fff; border: 3px solid var(--ntni); }
.qngl li, .vgyo li { display: flex; align-items: center; gap: 0.5rem; }
.qngl svg, .vgyo svg { color: var(--ccnu); flex: none; }
.fjc svg { color: var(--ftvu); flex: none; }
.qngl li { font-weight: 600; font-size: 1.2rem; }
.vgyo li { font-size: 1.1rem; font-weight: 500; }
.qngl { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2rem;
background: var(--dysw); margin-inline: calc(50% - 50vw);
padding: 1rem calc(50vw - 50%); }
@media (max-width: 860px) {
.qngl { display: grid; grid-template-columns: repeat(2, minmax(0, auto));
justify-content: center; gap: 0.7rem 2rem; align-items: start; }
.qngl li { align-items: start; font-size: 1.05rem; }
.qngl svg { margin-top: 0.15rem; }
}
@media (max-width: 34rem) {
.qngl { grid-template-columns: minmax(0, auto); gap: 0.6rem; }
}
.agb { display: inline-flex; gap: 2px; color: var(--wcru); }
.hq.gkw { gap: 0.9rem; }
.hq.gkw .yi { display: flex; align-items: center; justify-content: space-between; }
.hq.gkw .yi img { width: 24px; height: 24px; flex: none; }
.hq.gkw > p { flex: 1; }
.hq.gkw .gms { display: flex; align-items: center; gap: 0.75rem; padding-top: 0.9rem;
border-top: 1px solid var(--dye); }
.hq.gkw .gms > .uolz { margin: 0; flex: none; }
.hq.gkw .gms .bpz { margin: 0; }
.hq.gkw .gms .mi { display: block; font-size: 0.9rem; color: var(--ftob); }
.hq.gkw .gms .mi a { color: var(--widh); text-decoration: underline;
text-underline-offset: 2px; text-decoration-color: var(--nj); }
.hq.gkw .gms .mi a:hover { text-decoration-color: currentColor; }
.bpz { display: block; margin-top: 0.75rem; font-weight: 600; font-size: 1rem;
font-style: normal; }
.ib { background: var(--ntni); border: 1px solid var(--dye);
border-radius: var(--xvd); overflow: hidden; }
.to { background: var(--ftvu); color: #fff; text-align: center;
padding: 1.35rem 1.25rem 1.6rem;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), 50% 100%, 0 calc(100% - 14px)); }
.to .lihh { margin: 0; color: #fff; font-family: var(--exp); font-weight: 700;
font-size: 1.35rem; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.02em; }
.to p { margin-top: 0.3rem; font-size: 0.9rem; color: #fff; }
.ku { padding: 1.1rem var(--kfxj) var(--kfxj); }
.kwk.pns .ib { color: var(--widh); }
.kwk.pns .ib .ab { color: var(--ftob); }
.kwk.pns .ib a { color: var(--ccnu); }
.kwk.pns .ib .ays.qcp { background: var(--ccnu); color: #fff; }
.kwk.pns .to .lihh, .kwk.pns .to p { color: #fff; }
.ib .rp { gap: 0 0.75rem; }
.ib .ab { margin: 0 0 0.8rem; }
.ib .ays { width: 100%; }
.at span { font-weight: 600; font-size: 0.9rem; color: var(--widh); }
.at input, .at select, .at textarea {
font: inherit; line-height: 1.6; width: 100%; padding: 10px 12px; background: var(--ntni);
border: 1px solid var(--dye); border-radius: var(--thab); color: var(--widh); }
.vle { overflow-x: auto; background: var(--ntni); border: 1px solid var(--dye);
border-radius: var(--xvd); }
.hy { border-collapse: collapse; width: 100%; min-width: 40rem; }
.hy th, .hy td { text-align: left; padding: 0.8rem 1rem;
border-bottom: 1px solid var(--dye); vertical-align: top; }
.hy tbody tr:last-child th, .hy tbody tr:last-child td { border-bottom: 0; }
.hy thead th { font-family: var(--exp); font-size: 0.9rem; color: var(--ftob);
background: var(--dysw); white-space: nowrap; }
.hy tbody th { font-family: var(--exp); font-weight: 600; }
.at.ys { display: block; position: relative; margin-bottom: 0.8rem; }
.at.ys > input, .at.ys > .kh > select, .at.ys > textarea {
padding: 20px 12px 6px; }
.at.ys > span:last-child { position: absolute; left: 13px; top: 50%;
transform: translateY(-50%); font-weight: 400; font-size: 1rem; color: var(--ftob);
pointer-events: none; transition: top var(--lu), font-size var(--lu), transform var(--lu); }
.at.ys > :focus + span:last-child,
.at.ys > :is(input, textarea):not(:placeholder-shown) + span:last-child,
.at.ys > .kh:focus-within + span:last-child,
.at.ys > .kh:not(:has(option[value='']:checked)) + span:last-child {
top: 6px; transform: none; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.02em; }
.at.ys.mh > span:last-child { top: 14px; transform: none; }
.at.ys > .kh > select { padding-right: 2.4rem; }
.at .kh { position: relative; display: block; }
.at .kh select { appearance: none; -webkit-appearance: none; padding-right: 2.4rem; }
.at .kh svg { position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
pointer-events: none; color: var(--ftob); }
.utct li { display: flex; align-items: flex-start; gap: 0.5rem; padding: 0.25rem 0; }
.utct li > svg { flex: none; height: 1lh; }
.fm > * + * { margin-top: 1rem; }
.fm > * + h3 { margin-top: 1.75rem; }
.fm .xyjo { font-weight: 600; }
.fm + .rp { margin-top: 2rem; }
.jzvw .fm { margin: 1rem 0 1.75rem; }
.jzvw .fm:last-child { margin-bottom: 0; }
.jptu { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); align-items: start; }
@media (min-width: 861px) {
.jptu > div:first-child { position: sticky; top: calc(var(--ymi) + 1.5rem); }
}
.jptu .ays { margin-top: 1.5rem; }
.qdqr { display: grid; gap: 0.6rem; }
.qdqr summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem;
padding: 0.9rem 1rem; cursor: pointer; list-style: none;
font-family: var(--exp); font-size: 1.05rem; font-weight: 600; }
.qdqr summary::-webkit-details-marker { display: none; }
.qdqr summary svg { flex: none; width: 24px; height: 24px; padding: 4px; border-radius: 50%;
background: var(--ftvu); color: #fff; transition: transform var(--lu); }
.qdqr details[open] summary svg { transform: rotate(45deg); }
.qdqr .wb { padding: 0 1rem 1rem; }
.qdqr summary h3 { font: inherit; color: inherit; margin: 0; }
.baw ol { display: flex; flex-wrap: nowrap; gap: 0.35rem; margin: 0; padding: 0;
list-style: none; max-width: 100%; }
.baw li { white-space: nowrap; flex: none; }
.baw li:last-child { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.baw li + li::before { content: '›'; margin-right: 0.35rem; }
.baw a { color: inherit; }
.zt { padding-block: 1rem; }
.zt .baw ol { justify-content: center; }
.oad { max-width: 52rem; margin-inline: auto; }
@media (max-width: 860px) {
header.rota .go { gap: 0 0.75rem; flex-wrap: nowrap; }
header.rota .jue { flex: 1; --dwh: 42px; }
.gi { display: block; position: absolute; width: 1px; height: 1px; margin: -1px;
padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); }
.zra { display: grid; place-items: center; flex: none; margin-left: auto;
width: 42px; height: 42px; cursor: pointer; background: var(--ntni);
border: 1px solid var(--dye); border-radius: var(--thab); }
.zra span { grid-area: 1 / 1; display: flex; }
.zra .qiv, .gi:checked ~ .zra .jdhc { display: none; }
.gi:checked ~ .zra .qiv { display: flex; }
.gi:focus-visible ~ .zra { outline: var(--dbrh); outline-offset: 2px; }
header.rota nav { position: absolute; top: 100%; inset-inline: 0; margin-left: 0;
display: grid; gap: 0; padding: 0 1.25rem; background: var(--ntni);
border-bottom: 1px solid var(--dye);
max-height: 0; overflow: hidden; visibility: hidden; }
.gi:checked ~ nav { visibility: visible; max-height: calc(100vh - var(--ymi));
overflow-y: auto; padding-bottom: 0.9rem; }
header.rota:has(.gi:checked) { border-bottom-color: transparent; }
header.rota nav a { margin-inline: -1.25rem; padding: 0.65rem 1.25rem;
border-top: 1px solid var(--dye);
font-family: var(--exp); font-size: 1.15rem; font-weight: 700; }
header.rota nav > .ays { width: 100%; margin-top: 0.75rem; margin-inline: 0;
border-top: 0; padding: 12px 24px; }
.ca { width: 100%; padding-block: 0; }
.jw { display: flex; justify-content: space-between; align-items: center;
width: auto; margin-inline: -1.25rem; padding: 0.65rem 1.25rem;
border-top: 1px solid var(--dye);
font-family: var(--exp); font-size: 1.15rem; font-weight: 700; }
.gl { display: none !important; }
.ca:hover > .mznq, .ca:focus-within > .mznq { display: none; }
.ao:checked ~ .mznq {
display: block; position: static; columns: 1; width: auto; max-width: none; left: auto;
border: 0; border-radius: 0; box-shadow: none; margin-inline: -1.25rem; padding: 0;
background: var(--fsg); }
header.rota nav .mznq a { margin-inline: 0;
padding: 0.7rem 1.25rem 0.7rem 2rem;
border-top: 1px solid color-mix(in srgb, var(--widh) 12%, transparent);
font-family: var(--droq); font-size: 1rem; font-weight: 400; line-height: 1.4; }
header.rota nav .mznq a:first-child { border-top: 0; }
:root { --tl: 2.25rem; }
.kwk:has(> .wbe) { padding-bottom: calc(var(--tl) / 2); }
.wbk { display: grid; place-items: center; }
main .ays { width: 100%; }
.mjai > div:first-child { display: contents; }
.mjai .ays { order: 1; }
.mjai .fm { margin: 0; }
.jzvw.xwux, .jzvw.mk, .jzvw.xchx, .jzvw.xchx.bbqb { grid-template-columns: minmax(0, 1fr); }
.hq.smzg { grid-template-columns: minmax(0, 1fr); }
.hq.smzg .tv > img { height: auto; min-height: 0; aspect-ratio: var(--hp); }
.jzvw.xchx > .tv > img { height: auto; min-height: 0; aspect-ratio: var(--hp); }
.rp:has(> .hq.opyi) { gap: 2rem; }
.rp:has(> .hq.opyi)::before { display: none; }
.rp:has(> .hq > img) { grid-template-columns: 1fr 1fr; gap: 0.75rem; }
.rp:has(> .hq > img) .hq { --kfxj: 0.9rem; }
.rp:has(> .hq > img) .hq > p { display: none; }
.hq > img { aspect-ratio: 2 / 1; }
.hq.sn > img { aspect-ratio: 2 / 3; }
.hq.sn .vsw { font-size: 0.7rem; letter-spacing: 0.08em; }
.hq.sn h3 { font-size: 1rem; }
.hq.sn p { font-size: 0.875rem; }
.nwvn, .ly { text-align: left; }
.nwvn p:not(.xqz), .ly { margin-inline: 0; }
.zt .baw ol { justify-content: flex-start; }
.hq.opyi { display: grid; grid-template-columns: 3.4rem minmax(0, 1fr); column-gap: 1rem;
align-items: start; text-align: left; position: relative; padding: 0; }
.hq.opyi .uolz { grid-row: 1 / span 2; margin: 0; }
.hq.opyi h3 { margin: 0 0 0.35rem; }
.hq.opyi::before { content: ''; position: absolute; left: 1.7rem; top: 1.7rem;
bottom: calc(-2rem - 1.7rem); border-left: 1px solid color-mix(in srgb, var(--qnjt) 22%, transparent); }
.hq.opyi:last-child::before { display: none; }
.hq .ljad { padding: 0.75rem 0; margin-bottom: -0.75rem; white-space: nowrap; }
footer.rota li { padding: 0; }
footer.rota li a, footer.rota summary { display: inline-block; padding: 0.35rem 0; }
.jzvw.xwux .gosd { grid-auto-rows: auto; }
.jzvw.xwux .gosd > img { height: auto; aspect-ratio: var(--fss); }
.jzvw.xwux:has(.fm) { gap: 1.25rem; }
.jzvw.xwux:has(.fm) > div, .jzvw.xwux:has(.fm) .gosd, .jzvw.xwux:has(.fm) .fm { display: contents; }
.jzvw.xwux:has(.fm) .fm > p { margin: 0; }
.jzvw.xwux:has(.fm) .fm > p:nth-child(n + 2) { order: 2; }
.jzvw.xwux:has(.fm) .gosd > img:first-child { order: 1; }
.jzvw.xwux:has(.fm) .gosd > img + img { order: 3; }
.jzvw.xwux:not(:has(.fm)) .gosd > img + img { display: none; }
}
@media (max-width: 34rem) {
.vy { font-size: 0.95rem; }
.vy .go { flex-direction: column; gap: 0; line-height: 1.35;
padding-inline: 0.9rem; }
.vy span { overflow: visible; text-overflow: clip; white-space: normal;
text-align: center; }
.rp:has(> .hq > img):not(:has(> .hq.sn)) { grid-template-columns: minmax(0, 1fr); }
.rp:has(> .hq > img):not(:has(> .hq.sn)) .hq > p { display: revert; }
.rp:has(> .hq > img):not(:has(> .hq.sn)) .hq { --kfxj: 1.1rem; }
.ib .rp { grid-template-columns: minmax(0, 1fr); }
.kwk:has(.zpm) .rp > .hq:nth-child(n + 7) { display: none; }
.kwk:has(.zpm:checked) .rp > .hq { display: revert; }
.ly > .sr { display: inline-flex; }
.ly > a.ays { display: none; }
.zpm:checked ~ .sr { display: none; }
.qngl li { align-items: center; text-align: left; }
.rp:has(> .hq.sn) { grid-template-columns: minmax(0, 1fr); }
.rp:has(> .hq.sn) > .hq.sn:nth-child(n + 5) { display: none; }
.hq.sn > img { aspect-ratio: var(--koge); }
}