.kit-body { background: #354128; }
.kit-header { min-height: 78px; display: flex; align-items: center; justify-content: space-between; padding-inline: max(24px, calc((100vw - 1180px) / 2)); border-bottom: 1px solid var(--line); }
.kit-header > div { display: flex; align-items: center; gap: 10px; }.kit-header > div > a, .kit-header > div > button { padding: 10px 13px; color: #fff; background: #46563a; border: 1px solid var(--line); font-size: 10px; font-weight: 900; text-decoration: none; cursor: pointer; }.kit-header > div > button { color: #111; background: var(--green); border-color: var(--green); }.kit-header .language-switch { margin-left: 0; }
.kit { margin-top: 45px; border-inline: 1px solid var(--line); }
.kit-cover { min-height: 690px; display: grid; grid-template-columns: 1.08fr .92fr; border-block: 1px solid var(--line); }
.kit-cover-copy { display: flex; flex-direction: column; justify-content: center; padding: 55px; }.kit-cover h1 { font-size: clamp(60px, 6.7vw, 100px); }.kit-cover-copy > p:not(.overline) { max-width: 600px; color: var(--muted); font-size: 16px; }.kit-contact { display: flex; gap: 22px; margin-top: 25px; }.kit-contact a { color: var(--green); font-size: 12px; font-weight: 850; }
.kit-cover-photo { position: relative; background: var(--green); overflow: hidden; }.kit-cover-photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.75) contrast(1.05); mix-blend-mode: luminosity; }.kit-cover-photo span { position: absolute; left: 25px; bottom: 25px; padding: 13px; color: #111; background: var(--green); border: 2px solid #111; font-weight: 950; line-height: 1.05; transform: rotate(-2deg); box-shadow: 5px 5px 0 #111; }
.kit-block { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; padding: 85px 55px; border-bottom: 1px solid var(--line); }.kit-label { color: var(--green); font-size: 9px; font-weight: 950; letter-spacing: .15em; }.kit-block h2, .kit-project h2, .kit-platforms h2 { font-size: clamp(48px, 5vw, 75px); }.kit-block > div:last-child > p { color: var(--muted); }
.kit-themes { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }.kit-themes article { min-height: 290px; padding: 35px; border-right: 1px solid var(--line); }.kit-themes article:last-child { border: 0; }.kit-themes b { color: var(--green); font: 900 28px var(--display); }.kit-themes h3 { margin-top: 65px; }.kit-themes p { color: var(--muted); font-size: 12px; }
.kit-facts { display: grid; grid-template-columns: repeat(4, 1fr); color: #111; background: var(--green); border-bottom: 1px solid var(--line); }.kit-facts div { display: flex; flex-direction: column; padding: 25px; border-right: 1px solid #1114; }.kit-facts div:last-child { border: 0; }.kit-facts strong { font: 900 22px var(--display); }.kit-facts span { font-size: 8px; }
.kit-format-list article { display: grid; grid-template-columns: 50px 1fr; gap: 15px; padding: 18px 0; border-bottom: 1px solid var(--line); }.kit-format-list b { color: var(--green); font: 900 20px var(--display); }.kit-format-list span { display: flex; flex-direction: column; color: var(--muted); font-size: 11px; }.kit-format-list strong { color: #fff; font-size: 14px; }
.kit-project { display: grid; grid-template-columns: 1fr 1fr; min-height: 520px; border-bottom: 1px solid var(--line); }.kit-project-art { display: grid; place-items: center; background-color: var(--green); background-image: repeating-linear-gradient(0deg, transparent 0 12px, #0001 13px 14px); }.kit-project-art span { width: 190px; height: 190px; display: grid; place-items: center; color: var(--green); background: #2c3722; border: 30px solid #111; border-radius: 50%; font-size: 27px; font-weight: 950; }.kit-project > div:last-child { display: flex; flex-direction: column; justify-content: center; padding: 50px; }.kit-project > div:last-child > p:not(.kit-label) { color: var(--muted); }.kit-project ul { display: flex; flex-wrap: wrap; gap: 7px; padding: 0; list-style: none; }.kit-project li { padding: 6px 8px; border: 1px solid var(--line); font-size: 9px; }
.kit-partners { padding: 60px 55px; border-bottom: 1px solid var(--line); }.kit-partners > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.kit-partners span { height: 135px; display: grid; place-items: center; padding: 14px; background: #fff; }.kit-partners img { width: 100%; max-height: 96px; max-width: 240px; object-fit: contain; }
.kit-platforms { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; padding: 75px 55px; border-bottom: 1px solid var(--line); }.kit-platforms a { display: grid; grid-template-columns: 1fr 1fr auto; padding: 17px 0; border-bottom: 1px solid var(--line); text-decoration: none; }.kit-platforms a span, .kit-platforms > div:last-child > p { color: var(--muted); font-size: 11px; }.kit-platforms a i { color: var(--green); font-style: normal; }
.kit-cta { padding: 80px 55px; color: #111; background: var(--green); }.kit-cta p { font-size: 10px; font-weight: 950; letter-spacing: .14em; }.kit-cta h2 { max-width: 900px; font-size: clamp(55px, 6vw, 90px); }.kit-cta a { display: inline-block; margin-top: 30px; padding: 14px 17px; color: #fff; background: #111; font-size: 13px; font-weight: 900; text-decoration: none; }
.kit-footer { display: flex; justify-content: space-between; padding-block: 25px; color: var(--muted); font-size: 9px; }
@media (max-width: 760px) { .kit-header { padding: 10px; gap: 8px; }.kit-header .brand > span:last-child { display: none; }.kit-header > div { gap: 6px; }.kit-header > div > a { display: none; }.kit-header > div > button { padding: 8px 9px; font-size: 8px; }.kit-header .brand-logo { width: 44px; height: 44px; }.kit { width: calc(100% - 20px); margin-top: 16px; }.kit-cover, .kit-block, .kit-project, .kit-platforms { grid-template-columns: 1fr; }.kit-cover-copy, .kit-block, .kit-platforms, .kit-cta { padding: 36px 22px; }.kit-cover h1 { font-size: clamp(48px, 14vw, 68px); overflow-wrap: anywhere; }.kit-cover-photo { min-height: 470px; }.kit-cover-photo img { object-position: 50% 30%; }.kit-contact { flex-direction: column; gap: 8px; }.kit-themes, .kit-facts, .kit-partners > div { grid-template-columns: 1fr; }.kit-themes article { min-height: 210px; border-right: 0; border-bottom: 1px solid var(--line); }.kit-facts div { border-right: 0; border-bottom: 1px solid #1114; }.kit-project > div:last-child, .kit-partners { padding: 36px 22px; }.kit-project-art { min-height: 360px; }.kit-partners span { height: 120px; }.kit-partners img { max-height: 88px; max-width: 230px; }.kit-platforms { gap: 25px; }.kit-platforms a { grid-template-columns: 1fr auto; gap: 8px; }.kit-platforms a span { grid-column: 1 / -1; }.kit-cta h2 { font-size: clamp(43px, 13vw, 62px); } }
@media print { @page { size: A4; margin: 0; }.kit-header, .kit-footer { display: none; }.kit-body { background: #354128 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }.kit { width: 100%; margin: 0; border: 0; }.kit-cover, .kit-block, .kit-themes, .kit-facts, .kit-project, .kit-partners, .kit-platforms, .kit-cta { break-inside: avoid; } }
