@font-face { font-family: "Bebas Neue"; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/bebas-neue-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Familjen Grotesk"; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/familjen-grotesk-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Familjen Grotesk"; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/familjen-grotesk-latin-500-normal.woff2) format("woff2"); }
@font-face { font-family: "Familjen Grotesk"; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/familjen-grotesk-latin-600-normal.woff2) format("woff2"); }
@font-face { font-family: "Familjen Grotesk"; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/familjen-grotesk-latin-700-normal.woff2) format("woff2"); }
:root {
--red: #d1262e;
--bg: #ffffff;
--card: #f2f2f3;
--card2: #e8e8ea;
--line: #e0e0e3;
--line2: #c9c9ce;
--ink: #0b0b0c;
--ink2: #34343a;
--mute: #66666e;
--link: #1f4fd1;
--mark: #ffe45c;
--btn: #0b0b0c;
--btn-ink: #ffffff;
--r: 6px;
--cond: "Bebas Neue", "Arial Narrow", Impact, sans-serif;
--text: "Familjen Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
--top: 74px;
}
.tk-grey { --bg: #f2f2f3; --card: #ffffff; --card2: #f2f2f3; --line: #dcdce0; }
.tk-dark, .tk-top, .tk-card.ink, .tk-panel, .tk-say, .tk-chart, .tk-note, .tk-rail, .tk-two .aqua, .tk-grid > div:last-child, .tk-pack.dark {
--bg: #0b0b0c; --card: #161618; --card2: #1f1f22; --line: #2a2a2e; --line2: #3c3c42;
--ink: #ffffff; --ink2: #c8c8cd; --mute: #8f8f97; --link: #a9c3ff; --btn: #ffffff; --btn-ink: #0b0b0c;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--top) + 12px); -webkit-text-size-adjust: 100%; background: #ffffff; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }
body { margin: 0; background: #fff; color: var(--ink2); font: 400 17px/1.62 var(--text); font-variant-numeric: tabular-nums; overflow-x: hidden; }
img, svg { max-width: 100%; height: auto; display: block; }
h1, h2, h3 { color: var(--ink); margin: 0; font-weight: 400; }
h2 { font-family: var(--cond); text-transform: uppercase; font-size: clamp(38px, 4.4vw, 64px); line-height: .95; letter-spacing: .01em; }
h3 { font-family: var(--cond); text-transform: uppercase; font-size: 26px; line-height: 1.02; letter-spacing: .015em; }
p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }
.v { font-weight: 600; }
.tk-sec h2 + p, .tk-head h2 + p, .tk-band h2 + p { margin-top: 18px; }
main p a, main li a, main td a, main dd a, .tk-foot-note a {
color: var(--link); font-weight: 600; text-decoration: none; border-radius: 2px; box-shadow: inset 0 -1px 0 currentColor;
}
main p a:hover, main li a:hover, main td a:hover, main dd a:hover { background: var(--mark); color: #111; box-shadow: none; }
a:focus-visible, button:focus-visible, input:focus-visible + span, summary:focus-visible, input:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; }
.tk-skip { position: absolute; left: -999px; top: 8px; background: #fff; color: #111; padding: 8px 14px; z-index: 60; }
.tk-skip:focus { left: 8px; }
.tk-wrap { width: 100%; max-width: 1360px; margin: 0 auto; padding: 0 28px; }
.tk-btn { display: inline-flex; align-items: center; gap: 12px; height: 44px; padding: 0 18px; background: var(--btn); color: var(--btn-ink); text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; border-radius: 3px; transition: background .15s, color .15s; }
.tk-btn i { font-style: normal; font-size: 14px; letter-spacing: 0; }
.tk-btn:hover { background: var(--red); color: #fff; }
.tk-kicker { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--ink); margin-bottom: 18px; }
.tk-kicker::before { content: "✦"; color: var(--red); font-size: 14px; letter-spacing: 0; }
.tk-top { position: sticky; top: 0; z-index: 30; background: var(--bg); color: var(--ink); transition: background .25s, box-shadow .25s; }
.tk-top.is-down { background: rgba(11, 11, 12, .92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 1px 0 #26262a; }
.tk-top-in { max-width: 1360px; margin: 0 auto; padding: 0 28px; height: var(--top); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.tk-brand { display: inline-flex; align-items: center; gap: 11px; color: var(--ink); text-decoration: none; font-family: var(--cond); font-size: 27px; line-height: 1; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; justify-self: start; }
.tk-brand span { padding-top: 3px; }
.tk-nav { display: flex; gap: 36px; }
.tk-nav a { color: #c4c4c9; text-decoration: none; font-size: 13.5px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; padding: 10px 0; }
.tk-nav a:hover { color: #fff; }
.tk-nav a[aria-current="page"] { color: #fff; font-weight: 700; }
.tk-has-hero .tk-top:not(.is-down) { background: transparent; }
.tk-top-r { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
.tk-lang { position: relative; }
.tk-lang summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 10px; border: 1px solid transparent; border-radius: 3px; color: #fff; font-size: 12.5px; font-weight: 700; letter-spacing: .06em; }
.tk-lang summary::-webkit-details-marker { display: none; }
.tk-lang summary i { display: grid; }
.tk-lang summary svg { width: 18px; height: 18px; }
.tk-lang summary:hover, .tk-lang[open] summary { border-color: #3a3a40; }
.tk-lang ul { position: absolute; right: 0; top: 50px; z-index: 50; min-width: 230px; margin: 0; padding: 8px; list-style: none; background: #fff; border-radius: 8px; box-shadow: 0 24px 48px -16px rgba(0, 0, 0, .5); }
.tk-lang li a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 6px; color: #0b0b0c; text-decoration: none; font-size: 14px; }
.tk-lang li a span { width: 26px; font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.tk-lang li a:hover { background: #f2f2f3; }
.tk-lang li a[aria-current] { background: #0b0b0c; color: #fff; }
.tk-ticker { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px; border-radius: 3px; color: #fff; text-decoration: none; border: 1px solid #3a3a40; font-size: 14px; font-weight: 600; }
.tk-ticker i { display: grid; color: var(--red); }
.tk-ticker i svg { width: 16px; height: 16px; }
.tk-ticker small { color: #8f8f97; font-size: 12.5px; font-weight: 500; }
.tk-ticker:hover { border-color: #fff; }
.tk-cta { display: inline-flex; align-items: center; gap: 12px; height: 42px; padding: 0 16px; border-radius: 3px; background: #fff; color: #0b0b0c; text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; transition: background .15s, color .15s; }
.tk-cta i { font-style: normal; font-size: 14px; letter-spacing: 0; }
.tk-cta:hover { background: var(--red); color: #fff; }
.tk-hero { position: relative; overflow: hidden; padding: 4px 0 124px; color: var(--ink2); background: radial-gradient(640px 380px at 48% 66%, rgba(255, 255, 255, .1), transparent 70%), var(--bg); }
.tk-has-hero .tk-hero { margin-top: calc(-1 * var(--top)); padding-top: calc(var(--top) + 4px); }
.tk-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(118deg, transparent 0 52%, rgba(255, 255, 255, .06) 52.05%, rgba(255, 255, 255, .025) 70%, transparent 88%); }
.tk-hero .tk-wrap { position: relative; }
.tk-mega { font-family: var(--cond); text-transform: uppercase; text-align: center; font-size: min(16vw, 236px); line-height: .86; letter-spacing: .01em; padding-top: .07em; background: linear-gradient(180deg, #ffffff 0%, #ffffff 36%, #93939a 76%, #4b4b51 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.tk-mega.is-mid { font-size: min(13vw, 205px); }
.tk-mega.is-long { font-size: min(11.4vw, 180px); }
.tk-mega.is-l1 { font-size: min(9.4vw, 140px); }
.tk-mega.is-l2 { font-size: min(7.9vw, 118px); }
.tk-mega.is-l3 { font-size: min(6.6vw, 98px); }
.tk-stage { display: grid; grid-template-columns: minmax(250px, 320px) minmax(0, 1fr) minmax(390px, 440px); gap: 24px; align-items: start; margin-top: 14px; }
.tk-stage-l { display: flex; flex-direction: column; gap: 22px; padding-top: 18px; }
.tk-sub { margin: 0; font-size: 18px; line-height: 1.45; color: #d9d9dd; }
.tk-sub::before { content: "✦"; color: var(--red); margin-right: 10px; }
.tk-hero-go { display: flex; flex-wrap: wrap; gap: 10px; }
.tk-play, .tk-rose { display: inline-flex; align-items: center; gap: 12px; height: 42px; padding: 0 16px; border-radius: 3px; text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; transition: background .15s, color .15s, border-color .15s; }
.tk-play i, .tk-rose i { font-style: normal; font-size: 14px; letter-spacing: 0; }
.tk-play { background: #fff; color: #0b0b0c; }
.tk-rose { border: 1px solid #55555b; color: #fff; }
.tk-play:hover, .tk-rose:hover { background: var(--red); border-color: var(--red); color: #fff; }
.tk-stats { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 22px; margin: 4px 0 0; padding-top: 20px; border-top: 1px solid #2a2a2e; }
.tk-stats div { margin: 0; }
.tk-stats dt { font-family: var(--cond); font-size: 38px; line-height: 1; letter-spacing: .01em; color: #fff; white-space: nowrap; }
.tk-stats dd { margin: 6px 0 0; font-size: 11px; line-height: 1.4; letter-spacing: .1em; text-transform: uppercase; color: #8f8f97; }
.tk-stage-c { position: relative; z-index: 1; align-self: center; display: flex; justify-content: center; pointer-events: none; }
.tk-pad { width: 100%; max-width: 560px; margin: 0; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, .55)); }
.tk-stage-r { position: relative; z-index: 2; }
.tk-hero-foot { position: absolute; left: 28px; bottom: 0; display: flex; }
.tk-vdots { position: absolute; right: 26px; top: 52%; z-index: 2; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.tk-vdots i { width: 8px; height: 8px; border-radius: 50%; background: #4a4a50; }
.tk-vdots i:nth-child(1) { width: 16px; height: 6px; border-radius: 3px; background: #fff; }
.tk-vdots i:nth-child(2) { width: 34px; height: 6px; border-radius: 3px; background: #fff; }
@media (max-width: 1420px) { .tk-vdots { display: none; } }
.tk-down { width: 46px; height: 46px; border-radius: 50%; border: 1px solid #4a4a50; display: grid; place-items: center; color: #fff; text-decoration: none; }
.tk-down i { font-style: normal; font-size: 20px; }
.tk-down:hover { background: var(--red); border-color: var(--red); }
.tk-ribbons { position: relative; z-index: 3; height: 150px; margin: -84px 0 -46px; overflow: hidden; pointer-events: none; background: linear-gradient(177.4deg, #0b0b0c 0 57%, transparent 57.4%); }
.tk-rib { position: absolute; left: -6%; right: -6%; top: 46%; display: flex; overflow: hidden; padding: 16px 0 13px; }
.tk-rib.a { background: #0b0b0c; color: #fff; transform: translateY(-50%) rotate(-2.6deg); box-shadow: 0 16px 30px -14px rgba(0, 0, 0, .55); }
.tk-rib.b { background: #1e1e21; color: #8f8f97; transform: translateY(-38%) rotate(1.2deg); }
.tk-rib-in { display: flex; align-items: center; flex: none; width: max-content; animation: tk-roll 52s linear infinite; }
.tk-rib.b .tk-rib-in { animation-duration: 64s; animation-direction: reverse; }
.tk-rib span { font-family: var(--cond); font-size: 36px; line-height: 1; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; margin-right: 34px; padding-top: 3px; }
.tk-rib i { font-style: normal; color: var(--red); font-size: 26px; margin-right: 34px; }
@keyframes tk-roll { to { transform: translateX(-50%); } }
.tk-ribbons + .tk-sec { padding-top: 116px; }
.tk-desk { position: relative; background: #17171a; border: 2px solid #a6a6ae; padding: 16px; box-shadow: 0 0 0 6px rgba(255, 255, 255, .06), 0 40px 80px -40px rgba(0, 0, 0, .9); }
.tk-desk::before { content: ""; position: absolute; left: -2px; top: -2px; width: 64px; height: 4px; background: var(--red); }
.tk-desk-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 0 12px; margin-bottom: 12px; border-bottom: 1px solid #3a3a40; }
.tk-desk-bar .v { font-family: var(--cond); font-weight: 400; font-size: 25px; line-height: 1; letter-spacing: .04em; text-transform: uppercase; color: #fff; padding-top: 3px; }
.tk-live { display: inline-flex; align-items: center; gap: 7px; font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #8f8f97; border: 1px solid #3a3a40; padding: 5px 10px; }
.tk-live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #6b6b72; }
.tk-live.is-on { color: #7ee0a8; border-color: rgba(126, 224, 168, .35); }
.tk-live.is-on::before { background: #4cc38a; }
.tk-order { display: flex; flex-direction: column; gap: 12px; }
.tk-order fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.tk-order legend { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #b9b9c0; margin-bottom: 8px; padding: 0; }
.tk-order input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.tk-pf { display: grid; grid-template-columns: repeat(3, 1fr); }
.tk-pf legend, .tk-lots legend { grid-column: 1 / -1; }
.tk-pf label, .tk-lots label { position: relative; cursor: pointer; }
.tk-pf label > span { position: relative; display: flex; flex-direction: column; align-items: center; padding: 9px 6px 8px; border: 1px solid #6a6a73; background: #222226; margin-left: -1px; transition: background .15s, border-color .15s; }
.tk-pf label:first-of-type > span { margin-left: 0; }
.tk-pf .v { font-size: 14px; color: #fff; font-weight: 600; }
.tk-pf em { font-style: normal; font-size: 12px; color: #a9a9b1; }
.tk-pf input:checked + span { background: #fff; border-color: #fff; position: relative; z-index: 1; }
.tk-pf input:checked + span .v { color: #0b0b0c; }
.tk-pf input:checked + span em { color: #55555c; }
.tk-lots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.tk-lots label > span { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 8px 12px; border: 1px solid #6a6a73; background: #222226; min-height: 54px; transition: background .15s, border-color .15s; }
.tk-lots .v { font-family: var(--cond); font-weight: 400; font-size: 25px; line-height: 1; letter-spacing: .03em; color: #fff; padding-top: 2px; }
.tk-lots em { font-style: normal; font-size: 12px; color: #a9a9b1; }
.tk-lots input:checked + span { background: #fff; border-color: #fff; box-shadow: inset 3px 0 0 var(--red); }
.tk-lots input:checked + span .v { color: #0b0b0c; }
.tk-lots input:checked + span em { color: #55555c; }
.tk-pf label > span::after, .tk-lots label > span::after { content: ""; position: absolute; top: 8px; right: 8px; width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid #8a8a93; box-sizing: border-box; transition: border-color .15s, background .15s; }
.tk-pf input:checked + span::after, .tk-lots input:checked + span::after { border: 3px solid #0b0b0c; background: var(--red); }
.tk-pf label:hover > span, .tk-lots label:hover > span { border-color: #fff; background: #2c2c31; z-index: 1; }
.tk-pf label:hover input:not(:checked) + span::after, .tk-lots label:hover input:not(:checked) + span::after { border-color: #fff; }
.tk-pf input:checked + span, .tk-lots input:checked + span, .tk-pf label:hover input:checked + span, .tk-lots label:hover input:checked + span { background: #fff; border-color: #fff; }
.tk-pf input:focus-visible + span, .tk-lots input:focus-visible + span { outline: 2px solid var(--red); outline-offset: 2px; z-index: 2; }
.tk-qty label { display: block; font-size: 12.5px; color: #8f8f97; margin-bottom: 4px; }
.tk-qty input { width: 100%; font: 500 16px var(--text); padding: 12px 14px; border-radius: 0; border: 1px solid #6a6a73; background: #222226; color: #fff; }
.tk-qty input:focus { border-color: #fff; outline: none; }
.tk-qty[hidden] { display: none; }
.tk-total { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 2px 0 0; padding-top: 12px; border-top: 1px dashed #55555d; }
.tk-total span { font-size: 13.5px; color: #b9b9c0; }
.tk-total output { font-family: var(--cond); font-size: 46px; line-height: .9; letter-spacing: .01em; color: #fff; }
.tk-euro { margin: -6px 0 0; text-align: right; font-size: 12.5px; color: #b9b9c0; }
.tk-euro span { color: #fff; font-weight: 600; }
.tk-warn { margin: 0; font-size: 13px; color: #ff8a80; }
.tk-pay { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 58px; padding: 0 8px 0 22px; background: var(--btn); color: var(--btn-ink); border: 0; border-radius: 0; font: 400 26px/1 var(--cond); letter-spacing: .05em; text-transform: uppercase; cursor: pointer; text-decoration: none; transition: background .15s, color .15s; }
.tk-pay i { width: 42px; height: 42px; display: grid; place-items: center; background: var(--btn-ink); color: var(--btn); font: 400 18px/1 var(--text); flex: none; transition: transform .2s, background .15s, color .15s; }
.tk-pay:hover { background: var(--red); color: #fff; }
.tk-pay:hover i { background: #fff; color: var(--red); transform: rotate(45deg); }
.tk-pay[disabled] { background: #3a3a40; color: #8f8f97; cursor: not-allowed; }
.tk-pay[disabled] i { background: #55555c; color: #8f8f97; transform: none; }
.tk-fine { margin: 0; font-size: 11.5px; line-height: 1.5; color: #8f8f97; text-align: center; }
.tk-sec { position: relative; padding: 104px 0; background: var(--bg); color: var(--ink2); }
.tk-sec.tight { padding: 84px 0; }
.tk-head { max-width: 800px; }
.tk-head.center { margin: 0 auto; text-align: center; }
.tk-head p { margin-top: 18px; color: var(--mute); }
p.tk-head { margin-top: 16px; color: var(--mute); }
.tk-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: 56px; align-items: end; }
.tk-intro h2 { font-size: clamp(40px, 5.2vw, 76px); }
.tk-intro p { color: var(--mute); margin: 0 0 24px; font-size: 16.5px; }
.tk-intro > p { margin: 0; }
.tk-split { display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; align-items: end; }
.tk-split > p { color: var(--mute); font-size: 15.5px; margin: 0; }
.tk-prose { max-width: 800px; }
.tk-prose h3 { margin: 30px 0 8px; }
.tk-prose ul, .tk-prose ol, .tk-orbit ul { padding-left: 1.2em; }
.tk-prose li, .tk-orbit li { margin-bottom: .45em; }
.tk-gap { margin-top: 18px; }
.tk-figure { margin: 34px 0 0; }
.tk-figure img { border-radius: var(--r); }
.tk-gallery { display: flex; gap: 12px; margin-top: 60px; padding-left: max(28px, calc((100vw - 1360px) / 2 + 28px)); overflow: hidden; }
.tk-gallery figure { flex: none; margin: 0; height: 420px; border-radius: 12px; overflow: hidden; background: #0b0b0c; }
.tk-gallery .g1 { width: 640px; }
.tk-gallery .g2, .tk-gallery .g3 { width: 400px; }
.tk-gallery img { width: 100%; height: 100%; object-fit: cover; }
.tk-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; margin-top: 56px; }
.tk-cols .tk-n { display: block; margin-bottom: 12px; font-family: var(--cond); font-size: 34px; line-height: 1; color: var(--red); }
.tk-cols h3 { font-size: 28px; margin-bottom: 10px; }
.tk-cols p { font-size: 15.5px; color: var(--mute); }
.tk-card { position: relative; overflow: hidden; background: var(--card); color: var(--ink2); border-radius: var(--r); padding: 30px; }
.tk-card.ink { background: #0b0b0c; }
.tk-card.ink h3 { padding-right: 30px; }
.tk-card.ink::after { content: "✦"; position: absolute; right: 26px; top: 22px; color: var(--red); font-size: 20px; }
.tk-card h3 { margin-bottom: 10px; font-size: 30px; }
.tk-card p { font-size: 15.5px; color: var(--mute); }
.tk-card.wide { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1.1fr; gap: 28px; align-items: center; }
.tk-card figure { margin: 0; }
.tk-card figure img { border-radius: 4px; }
.tk-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 56px; }
.tk-grid > div { position: relative; background: var(--card); color: var(--ink2); border-radius: var(--r); padding: 28px 24px; }
.tk-grid > div:last-child { background: #0b0b0c; }
.tk-grid .tk-ic { width: 46px; height: 46px; background: var(--ink); color: var(--card); display: grid; place-items: center; margin-bottom: 18px; }
.tk-grid > div:last-child .tk-ic { background: var(--red); color: #fff; }
.tk-grid .tk-ic svg { width: 22px; height: 22px; }
.tk-grid .tk-n { position: absolute; top: 18px; right: 22px; font-family: var(--cond); font-size: 36px; line-height: 1; color: var(--line2); }
.tk-grid h3 { font-size: 24px; margin-bottom: 8px; }
.tk-grid p { font-size: 14.5px; color: var(--mute); line-height: 1.5; }
.tk-grid .tk-go { display: inline-block; margin-top: 14px; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #fff; text-decoration: none; border-bottom: 2px solid var(--red); padding-bottom: 3px; }
.tk-grid .tk-go:hover { color: var(--red); }
.tk-serve .tk-head p { max-width: 660px; margin-left: auto; margin-right: auto; }
.tk-three { list-style: none; padding: 0; margin: 64px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px; }
.tk-circ { width: 54px; height: 54px; border-radius: 50%; background: #fff; color: #0b0b0c; display: grid; place-items: center; margin-bottom: 22px; }
.tk-circ svg { width: 24px; height: 24px; }
.tk-three h3 { font-family: var(--text); font-size: 15px; font-weight: 700; line-height: 1.35; letter-spacing: .06em; margin-bottom: 10px; }
.tk-three p { font-size: 14.5px; line-height: 1.6; color: var(--mute); margin: 0; }
.tk-serve-go { text-align: center; margin-top: 60px; }
.tk-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.tk-steps figure { margin: 0; border-radius: var(--r); overflow: hidden; border: 1px solid var(--line); }
.tk-steps ol { list-style: none; margin: 32px 0; padding: 0; display: grid; gap: 22px; }
.tk-steps li { display: grid; grid-template-columns: 50px 1fr; gap: 18px; }
.tk-steps li > span { width: 48px; height: 48px; background: var(--ink); color: var(--bg); display: grid; place-items: center; font-family: var(--cond); font-size: 28px; padding-top: 3px; }
.tk-steps li h3 { font-size: 26px; margin-bottom: 4px; }
.tk-steps li p { font-size: 15px; color: var(--mute); margin: 0; }
.tk-steps-go { display: inline-block; }
.tk-steps-go .tk-pay, .tk-end .tk-pay { width: auto; min-width: 300px; }
.tk-band-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.tk-band ol { list-style: none; padding: 0; margin: 30px 0 0; display: grid; gap: 22px; }
.tk-band li { display: grid; grid-template-columns: 46px 1fr; gap: 14px; border-top: 1px solid var(--line2); padding-top: 20px; }
.tk-band li > span { font-family: var(--cond); font-size: 30px; line-height: 1; color: var(--red); }
.tk-band li h3 { font-size: 24px; margin-bottom: 4px; }
.tk-band li p { font-size: 15px; margin: 0; color: var(--mute); }
.tk-band-grid > .tk-panel { position: sticky; top: calc(var(--top) + 24px); }
.tk-panel { background: #0b0b0c; color: var(--ink2); border-radius: var(--r); padding: 26px; font-size: 14px; }
.tk-panel-h { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.tk-panel-h .v { font-family: var(--cond); font-weight: 400; font-size: 30px; line-height: 1; letter-spacing: .02em; text-transform: uppercase; color: #fff; }
.tk-panel-h > span:not(.v) { background: var(--red); color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; padding: 4px 10px; }
.tk-panel .row { display: flex; justify-content: space-between; gap: 10px; padding: 13px 16px; background: var(--card2); margin-bottom: 6px; }
.tk-panel .row .v { color: #fff; font-weight: 500; }
.tk-panel .row.hl { background: #fff; color: #0b0b0c; }
.tk-panel .row.hl .v { color: var(--red); font-weight: 700; }
.tk-panel .duo { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 6px; }
.tk-panel .duo div { background: var(--card2); padding: 14px 16px; }
.tk-panel .duo small { display: block; font-size: 10.5px; color: var(--mute); text-transform: uppercase; letter-spacing: .12em; }
.tk-panel .duo .v { font-family: var(--cond); font-weight: 400; font-size: 34px; line-height: 1.05; color: #fff; }
.tk-panel p.note { font-size: 12.5px; color: var(--mute); margin: 14px 2px 0; }
.tk-two { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 56px; }
.tk-two .tk-card { padding: 34px; }
.tk-two .aqua { background: #0b0b0c; }
.tk-two .tk-lock { width: 50px; height: 50px; background: var(--red); color: #fff; display: grid; place-items: center; margin-bottom: 20px; }
.tk-two .tk-lock svg { width: 24px; height: 24px; }
.tk-two h3 { font-size: 34px; }
.tk-list { margin: 22px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.tk-list li { display: flex; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 15px; color: var(--ink2); }
.tk-list li i { width: 30px; height: 30px; display: grid; place-items: center; background: var(--ink); color: var(--card); font-style: normal; font-family: var(--cond); font-size: 19px; padding-top: 2px; flex: none; }
.tk-list li em { margin-left: auto; font-style: normal; font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--red); white-space: nowrap; }
.tk-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.tk-pills span { border: 1px solid #3c3c42; padding: 7px 12px; font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: #d9d9dd; }
.tk-cats-head { max-width: 780px; }
.tk-cats-head p { margin-top: 16px; color: var(--mute); }
.tk-cats { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.32fr) minmax(0, 1fr); gap: 16px; margin-top: 46px; }
.tk-cat { display: flex; flex-direction: column; align-items: flex-start; }
.tk-cat figure { position: relative; width: 100%; height: 290px; margin: 0 0 20px; border-radius: 10px; overflow: hidden; background: #d4d4d7; }
.tk-cat figure img { width: 100%; height: 100%; object-fit: cover; }
.tk-cat-tag { position: absolute; left: 12px; top: 12px; background: #fff; color: #0b0b0c; font-size: 11.5px; font-weight: 600; padding: 4px 10px; border-radius: 4px; }
.tk-cat-tag::before { content: "✦ "; color: var(--red); }
.tk-cat h3 { font-family: var(--text); font-size: 21px; font-weight: 600; line-height: 1.2; letter-spacing: .03em; }
.tk-cat-fam { margin: 6px 0 18px; font-size: 14.5px; color: var(--mute); }
.tk-cat-fam span { color: var(--ink); font-weight: 700; }
.tk-cat .tk-btn { margin-top: auto; }
.tk-cats-note { margin: 30px 0 0; max-width: 900px; color: var(--mute); font-size: 15px; }
.tk-tab-in { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.tk-shelf { margin-top: 46px; background: #f0f0f1; border-radius: 14px; padding: 16px; }
.tk-shelf-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 2px 2px 16px; }
.tk-tabs { display: flex; gap: 6px; }
.tk-tabs label { cursor: pointer; padding: 8px 14px; border-radius: 6px; border: 1px solid transparent; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #55555c; transition: background .15s, color .15s; }
.tk-tabs label:hover { color: #0b0b0c; }
#sh-ps:checked ~ .tk-shelf-head label[for="sh-ps"], #sh-xbox:checked ~ .tk-shelf-head label[for="sh-xbox"], #sh-pc:checked ~ .tk-shelf-head label[for="sh-pc"] { background: #fff; color: #0b0b0c; border-color: #d4d4d8; }
#sh-ps:focus-visible ~ .tk-shelf-head label[for="sh-ps"], #sh-xbox:focus-visible ~ .tk-shelf-head label[for="sh-xbox"], #sh-pc:focus-visible ~ .tk-shelf-head label[for="sh-pc"] { outline: 3px solid var(--red); outline-offset: 2px; }
.tk-shelf-note { margin: 0; text-align: right; font-size: 11.5px; font-weight: 600; line-height: 1.35; letter-spacing: .08em; text-transform: uppercase; color: #55555c; }
.tk-shelf-p { display: none; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#sh-ps:checked ~ .g-ps, #sh-xbox:checked ~ .g-xbox, #sh-pc:checked ~ .g-pc { display: grid; }
.tk-pack { position: relative; display: flex; flex-direction: column; background: #fff; color: var(--ink2); border-radius: 10px; padding: 16px 18px 18px; }
.tk-pack.s2 { grid-column: span 2; }
.tk-pack.s3 { grid-column: span 3; }
.tk-pack.dark { background: #0b0b0c; }
.tk-pack .tk-label { position: absolute; left: 14px; top: 14px; margin: 0; padding: 4px 9px; border-radius: 4px; background: #ececee; color: #3a3a40; font-size: 11.5px; font-weight: 600; }
.tk-pack.dark .tk-label { background: #26262a; color: #e4e4e7; }
.tk-pack-art { height: 190px; display: flex; align-items: flex-end; justify-content: center; margin: 22px 0 14px; }
.tk-stack { height: 100%; width: auto; max-width: 100%; }
.tk-pack-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.tk-pack .tk-big { margin: 0; font-family: var(--text); font-size: 16px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ink); }
.tk-pack-eur { margin: 0; font-size: 17px; font-weight: 700; color: var(--ink); }
.tk-pack-on { margin: 4px 0 0; font-size: 12.5px; color: var(--mute); }
.tk-pack-go { flex: none; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink); text-decoration: none; border-bottom: 2px solid var(--red); padding-bottom: 1px; }
.tk-pack-go:hover { color: var(--red); }
.tk-pack-note { margin: 10px 0 0; font-size: 13px; line-height: 1.45; color: var(--mute); }
.tk-say-sec { padding-top: 0 !important; padding-bottom: 0 !important; }
.tk-say { position: relative; overflow: hidden; background: #0b0b0c; color: var(--ink2); border-radius: var(--r); padding: 72px 56px; text-align: center; }
.tk-say::before { content: "✦"; display: block; color: var(--red); font-size: 26px; margin-bottom: 18px; }
.tk-say p.big { max-width: 1100px; margin: 0 auto; font-family: var(--cond); font-size: clamp(30px, 3.6vw, 54px); line-height: 1.02; letter-spacing: .01em; text-transform: uppercase; color: #fff; }
.tk-say p.small { margin-top: 22px; font-size: 13.5px; color: var(--mute); }
.tk-qa { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: start; }
.tk-qa .tk-head p { font-size: 15.5px; }
.tk-faq details { border-bottom: 1px solid var(--line2); }
.tk-faq details:first-child, .tk-faq h2 + details { border-top: 1px solid var(--line2); }
.tk-faq summary { list-style: none; cursor: pointer; position: relative; padding: 22px 56px 22px 0; font-weight: 600; color: var(--ink); font-size: 17px; line-height: 1.35; }
.tk-faq summary::-webkit-details-marker { display: none; }
.tk-faq summary::after { content: "+"; position: absolute; right: 0; top: 16px; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--ink); font-weight: 400; font-size: 20px; color: var(--ink); }
.tk-faq details[open] summary::after { content: "–"; background: var(--ink); color: var(--bg); }
.tk-faq details > div { padding: 0 0 22px; font-size: 15.5px; color: var(--mute); }
.tk-faq h2.tk-faq-group { font-size: 34px; margin: 46px 0 14px; }
.tk-faq h2.tk-faq-group:first-child { margin-top: 0; }
.tk-end { position: relative; overflow: hidden; text-align: center; padding: 130px 0 120px; color: var(--ink2); background: linear-gradient(rgba(11, 11, 12, .5), rgba(11, 11, 12, .78)), url(/art/end-scene.svg) center / cover no-repeat, var(--bg); }
.tk-end h2 { max-width: 1040px; margin: 0 auto; font-size: clamp(40px, 6vw, 92px); line-height: .92; }
.tk-end p { max-width: 580px; margin: 20px auto 36px; color: #c8c8cd; }
.tk-end .tk-pay { display: inline-flex; border-radius: 999px; padding: 0 8px 0 30px; }
.tk-end .tk-pay i { border-radius: 50%; }
.tk-foot { overflow: hidden; background: #fff; color: #66666e; font-size: 14px; padding: 72px 0 0; border-top: 1px solid #e6e6e8; }
.tk-foot-in { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.3fr; gap: 36px; }
.tk-foot .tk-brand { color: #0b0b0c; }
.tk-foot h2 { font-family: var(--text); font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: .18em; text-transform: uppercase; color: #0b0b0c; margin: 0 0 14px; }
.tk-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.tk-foot a { color: #34343a; text-decoration: none; }
.tk-foot a:hover { color: #0b0b0c; text-decoration: underline; }
.tk-foot address { font-style: normal; line-height: 1.65; }
.tk-foot-about { margin-top: 16px; max-width: 340px; }
.tk-foot-note { grid-column: 1 / -1; margin: 0; font-size: 12.5px; line-height: 1.6; }
.tk-foot-bar { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 16px; padding-top: 18px; border-top: 1px solid #e6e6e8; font-size: 13px; color: #34343a; }
.tk-giant { height: .7em; overflow: hidden; margin: 24px 0 0; padding-left: max(10px, calc((100vw - 1360px) / 2 + 22px)); font-family: var(--cond); font-size: 25vw; line-height: 1; letter-spacing: .005em; white-space: nowrap; color: #0b0b0c; user-select: none; }
.tk-table-wrap { overflow-x: auto; margin-top: 30px; background: var(--card); border-radius: var(--r); }
.tk-table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 520px; }
.tk-table th, .tk-table td { padding: 14px 18px; text-align: right; border-bottom: 1px solid var(--line); white-space: nowrap; }
.tk-table th:first-child, .tk-table td:first-child { text-align: left; }
.tk-table thead th { font-size: 11.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--bg); background: var(--ink); font-weight: 700; }
.tk-table td { color: var(--ink); }
.tk-table td:first-child { font-family: var(--cond); font-size: 22px; letter-spacing: .02em; }
.tk-table tr:last-child td { border-bottom: 0; }
.tk-table td.lo { color: var(--red); font-weight: 700; }
.tk-table td.lo::before { content: "✦ "; font-size: 11px; }
.tk-table caption { caption-side: bottom; text-align: left; padding: 12px 18px; font-size: 13px; color: var(--mute); }
.tk-chart { margin: 30px 0 0; background: #111113; border: 1px solid #28282c; border-radius: var(--r); padding: 22px 22px 14px; }
.tk-chart svg { width: 100%; height: auto; }
.tk-chart figcaption { font-size: 13px; color: var(--mute); margin-top: 8px; }
.tk-legend { display: flex; gap: 18px; font-size: 13px; margin-bottom: 8px; flex-wrap: wrap; color: var(--ink2); }
.tk-legend span::before { content: ""; display: inline-block; width: 14px; height: 3px; margin-right: 6px; vertical-align: middle; }
.tk-legend .l-ps::before { background: #f4f4f5; } .tk-legend .l-xb::before { background: #8b8b92; } .tk-legend .l-pc::before { background: var(--red); }
.tk-side { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; }
.tk-side > *, .tk-orbit > *, .tk-split > *, .tk-intro > *, .tk-band-grid > *, .tk-steps > *, .tk-qa > * { min-width: 0; }
.tk-side aside { position: sticky; top: calc(var(--top) + 20px); }
.tk-note { background: #0b0b0c; color: var(--ink2); border-radius: var(--r); padding: 26px; font-size: 15px; }
.tk-note h3 { font-size: 28px; margin-bottom: 10px; }
.tk-note .tk-pay { margin-top: 18px; font-size: 22px; }
.tk-orbit { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: center; }
.tk-orbit figure { margin: 0; }
.tk-orbit.flip > figure { order: -1; }
.tk-qlist { max-width: 900px; }
.tk-qlist .tk-head { margin-bottom: 26px; }
.tk-q { border-top: 1px solid var(--line2); padding: 28px 0 26px; }
.tk-q:last-child { border-bottom: 1px solid var(--line2); }
.tk-q h2 { font-size: clamp(26px, 2.6vw, 36px); margin-bottom: 10px; }
.tk-q p { color: var(--mute); font-size: 16px; margin: 0; }
.tk-orbit figure img { border-radius: var(--r); }
.tk-doc { max-width: 820px; margin: 0 auto; padding: 56px 0 100px; }
.tk-doc h1 { font-family: var(--cond); text-transform: uppercase; font-size: clamp(48px, 7vw, 96px); line-height: .9; letter-spacing: .01em; color: #0b0b0c; margin-bottom: 22px; }
.tk-doc h2 { font-size: 34px; margin: 40px 0 12px; }
.tk-doc .tk-lede { margin: 0 0 28px; padding-left: 18px; border-left: 3px solid var(--red); color: var(--ink2); font-size: 19px; }
.tk-doc ul { padding-left: 1.2em; }
.tk-doc dl { display: grid; grid-template-columns: 170px 1fr; gap: 10px 18px; background: var(--card); padding: 22px; border-radius: var(--r); }
.tk-doc dt { color: var(--mute); }
.tk-doc dd { margin: 0; color: var(--ink); }
.tk-rail { position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 40; display: none; align-items: center; justify-content: space-between; gap: 12px; background: #0b0b0c; border: 1px solid #3a3a40; color: #fff; padding: 8px 8px 8px 18px; box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .7); transform: translateY(150%); transition: transform .25s; }
.tk-rail.is-on { transform: none; }
.tk-rail small { display: block; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: #8f8f97; }
.tk-rail .v { font-family: var(--cond); font-weight: 400; font-size: 27px; line-height: 1; letter-spacing: .01em; }
.tk-rail .tk-pay { width: auto; min-height: 46px; font-size: 22px; padding: 0 6px 0 16px; }
.tk-rail .tk-pay i { width: 34px; height: 34px; }
.tk-up { position: fixed; right: 28px; bottom: 28px; z-index: 41; width: 50px; height: 50px; background: #0b0b0c; color: #fff; border: 1px solid #3a3a40; display: grid; place-items: center; text-decoration: none; font-size: 20px; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s, transform .2s, visibility .2s, background .15s; }
.tk-up.is-on { opacity: 1; visibility: visible; transform: none; }
.tk-up:hover { background: var(--red); border-color: var(--red); }
.no-js .tk-up { opacity: 1; visibility: visible; transform: none; }
@media (min-width: 1241px) and (max-height: 880px) {
.tk-mega { font-size: min(16vw, 236px, 21vh); }
.tk-mega.is-mid { font-size: min(13vw, 205px, 19vh); }
.tk-mega.is-long { font-size: min(11.4vw, 180px, 17vh); }
.tk-mega.is-l1 { font-size: min(9.4vw, 140px, 15vh); }
.tk-mega.is-l2 { font-size: min(7.9vw, 118px, 13vh); }
.tk-mega.is-l3 { font-size: min(6.6vw, 98px, 11vh); }
.tk-stage { margin-top: 8px; }
.tk-stage-l { padding-top: 6px; gap: 18px; }
.tk-desk { padding: 12px 14px; }
.tk-desk-bar { padding-bottom: 8px; margin-bottom: 8px; }
.tk-order { gap: 8px; }
.tk-order legend { margin-bottom: 6px; }
.tk-pf label > span { padding: 6px 6px 5px; }
.tk-lots label > span { min-height: 46px; padding: 5px 12px; }
.tk-total { padding-top: 8px; }
.tk-total output { font-size: 40px; }
.tk-pay { min-height: 50px; }
.tk-pay i { width: 38px; height: 38px; }
}
@media (max-width: 1240px) {
.tk-stage { grid-template-columns: minmax(250px, 1fr) minmax(380px, 440px); }
.tk-stage-c { display: none; }
.tk-ticker small { display: none; }
.tk-nav { gap: 24px; }
}
@media (max-width: 1080px) {
.tk-ticker { display: none; }
.tk-nav a { font-size: 12px; letter-spacing: .14em; }
.tk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tk-side { grid-template-columns: minmax(0, 1fr); }
.tk-side aside, .tk-band-grid > .tk-panel { position: static; }
.tk-foot-in { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
:root { --top: 64px; }
.tk-top-in { grid-template-columns: 1fr auto; padding: 0 14px; gap: 12px; }
.tk-nav { display: none; }
.tk-stage { grid-template-columns: 1fr; }
.tk-stage-r { order: -1; }
.tk-stage-l { padding-top: 4px; }
.tk-stage-c { display: flex; position: absolute; right: 6px; bottom: -4px; width: min(56vw, 300px); }
.tk-pad { width: 100%; max-width: none; margin: 0; }
.tk-hero-foot { position: static; min-height: calc(min(56vw, 300px) * .64); margin-top: 22px; align-items: flex-end; }
.tk-sec { padding: 72px 0; }
.tk-sec.tight { padding: 60px 0; }
.tk-intro, .tk-split, .tk-steps, .tk-band-grid, .tk-two, .tk-orbit, .tk-qa, .tk-cats, .tk-cols, .tk-three { grid-template-columns: 1fr; }
.tk-cols, .tk-three { gap: 32px; }
.tk-gallery { padding: 0 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.tk-gallery figure { height: 300px; scroll-snap-align: start; }
.tk-gallery .g1 { width: 78vw; }
.tk-gallery .g2, .tk-gallery .g3 { width: 56vw; }
.tk-shelf-p { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tk-pack.s2, .tk-pack.s1 { grid-column: span 1; }
.tk-pack.s3 { grid-column: span 2; }
.tk-card.wide { grid-template-columns: 1fr; }
.tk-intro, .tk-split { gap: 18px; }
.tk-steps, .tk-band-grid, .tk-qa, .tk-orbit { gap: 32px; }
.tk-orbit.flip > figure { order: 0; }
.tk-say { padding: 48px 24px; }
}
@media (max-width: 640px) {
body { font-size: 16.5px; }
.tk-wrap { padding: 0 14px; }
.tk-top-in { padding: 0 12px; }
.tk-brand { font-size: 23px; gap: 9px; }
.tk-brand svg { width: 30px; height: 30px; }
.tk-cta { padding: 0 12px; gap: 8px; font-size: 11.5px; letter-spacing: .04em; height: 40px; }
.tk-hero { padding: 2px 0 70px; }
.tk-mega { font-size: 19vw; }
.tk-mega.is-mid { font-size: 14.6vw; }
.tk-mega.is-long { font-size: 12.6vw; }
.tk-mega.is-l1 { font-size: 12vw; }
.tk-mega.is-l2, .tk-mega.is-l3 { font-size: 11vw; }
.tk-stage { margin-top: 10px; gap: 18px; }
.tk-sub { font-size: 16.5px; }
.tk-stats { gap: 16px; }
.tk-stats dt { font-size: 31px; }
.tk-stats dd { font-size: 10px; }
.tk-down { width: 46px; height: 46px; }
.tk-desk { padding: 12px; }
.tk-desk-bar { padding-bottom: 10px; margin-bottom: 10px; }
.tk-desk-bar .v { font-size: 22px; }
.tk-order { gap: 10px; }
.tk-pf label > span { padding: 12px 4px 6px; }
.tk-pf label > span::after { top: 4px; right: 4px; width: 10px; height: 10px; }
.tk-pf input:checked + span::after { border-width: 2.5px; }
.tk-pf .v { font-size: 13px; }
.tk-lots label > span { min-height: 48px; padding: 6px 10px; }
.tk-lots .v { font-size: 22px; }
.tk-total output { font-size: 40px; }
.tk-pay { min-height: 54px; font-size: 24px; }
.tk-ribbons { height: 110px; margin: -62px 0 -34px; }
.tk-ribbons + .tk-sec { padding-top: 84px; }
.tk-hero-go > a { flex: 1 1 auto; justify-content: space-between; }
.tk-shelf { padding: 10px; }
.tk-shelf-head { flex-direction: column; align-items: stretch; gap: 10px; }
.tk-shelf-note { text-align: left; }
.tk-tabs label { flex: 1 1 0; text-align: center; padding: 9px 4px; font-size: 11px; letter-spacing: .04em; }
.tk-shelf-p { grid-template-columns: 1fr; gap: 10px; }
.tk-pack.s3 { grid-column: span 1; }
.tk-pack-art { height: 150px; }
.tk-cat figure { height: 230px; }
.tk-giant { font-size: 27vw; }
.tk-rib { padding: 11px 0 9px; }
.tk-rib span { font-size: 26px; margin-right: 20px; }
.tk-rib i { font-size: 18px; margin-right: 20px; }
.tk-intro h2 { font-size: 42px; }
.tk-card, .tk-two .tk-card { padding: 24px; }
.tk-grid { grid-template-columns: 1fr; }
.tk-steps-go .tk-pay, .tk-end .tk-pay { min-width: 0; width: 100%; }
.tk-end { padding: 84px 0 80px; }
.tk-rail { display: flex; }
.tk-up { bottom: 84px; right: 14px; width: 44px; height: 44px; }
.tk-foot { padding-top: 56px; }
.tk-foot-in { grid-template-columns: 1fr; gap: 28px; }
.tk-doc { padding: 40px 0 80px; }
.tk-doc dl { grid-template-columns: 1fr; }
}
@media (max-width: 370px) {
.tk-brand span { display: none; }
}