/*
Theme Name: Riot DE
Theme URI: https://riotdev.de/
Author: Branko Šerić · RIOT VISION j.d.o.o.
Description: Block-Theme für riotdev.de (Freelance-Webentwicklung für den DACH-Raum). Schwester-Theme von riot.hr, ohne automatische Inhaltsinstallation.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: riot
*/

:root {
  --dr-ink: #121211;
  --dr-paper: #f1eee6;
  --dr-accent: #e84400;
  --dr-accent-l: #ff7548;
  --dr-accent-d: #cf2800;
  --dr-muted: #55534c;
  --dr-muted-d: #b5b2a9;
  --dr-line-d: #34332f;
  --dr-mono: 'JetBrains Mono', ui-monospace, monospace;
}
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; overflow-x: clip; }
::selection { background: var(--dr-accent); color: #fff; }
.dr-main { overflow-x: clip; }

/* ---------- Layout ---------- */
.dr-wrap { max-width: 1400px; margin-inline: auto; padding-inline: 28px; box-sizing: border-box; width: 100%; }
.dr-narrow { max-width: 1100px; }
.dr-pad { padding-block: 120px; }
.dr-pad-top-xl { padding-top: 160px; }
.dr-pt { padding-top: 120px; }
.dr-pb { padding-bottom: 120px; }
.dr-hero { padding-top: 48px; padding-bottom: 72px; }
.dr-stack { display: flex; flex-direction: column; gap: 32px; }
.dr-gap-s { gap: 16px; }
.dr-gap-m { gap: 32px; }
.dr-gap-l { gap: 40px; }
.dr-grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 48px; align-items: start; }
.dr-grid2.dr-gap-s { gap: 16px; }
.dr-end { align-items: end; }
.dr-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.dr-row--c { align-items: center; }
.dr-sticky { position: sticky; top: 40px; }
.dr-right { justify-content: flex-end; }
.dr-section { width: 100%; }
.dr-dark { background: var(--dr-ink); color: var(--dr-paper); }
.dr-orange { background: var(--dr-accent); color: var(--dr-ink); }
.dr-dark a:hover { color: var(--dr-accent-l); }
.dr-orange a:hover { color: #fff; }

/* ---------- Typo ---------- */
.dr-display { margin: 0; font-weight: 900; font-stretch: 125%; letter-spacing: -0.035em; line-height: 0.88; text-transform: uppercase; hyphens: auto; overflow-wrap: break-word; }
.dr-hero-h { font-size: clamp(48px, 9vw, 148px); line-height: 0.86; }
.dr-svc-h1 { font-size: clamp(44px, 8vw, 132px); max-width: 1300px; }
.dr-xl { font-size: clamp(40px, 6vw, 96px); }
.dr-l { font-size: clamp(36px, 4.6vw, 72px); line-height: 0.9; }
.dr-m { font-size: clamp(32px, 4vw, 56px); line-height: 0.9; }
.dr-accent { color: var(--dr-accent); }
.dr-accent-l { color: var(--dr-accent-l); }
.dr-accent-d { color: var(--dr-accent-d); }
.dr-lead { font-size: clamp(19px, 1.6vw, 21px); line-height: 1.45; max-width: 600px; text-wrap: pretty; margin: 0; }
.dr-body { font-size: 18px; line-height: 1.6; color: #3d3b36; }
.dr-body p { margin: 0; text-wrap: pretty; }
.dr-mono, .dr-mono-n { font-family: var(--dr-mono); font-size: 13px; color: var(--dr-muted); margin: 0; }
.dr-dark .dr-mono { color: #8a877e; }
.dr-orange .dr-mono, .dr-card--orange .dr-mono { color: var(--dr-ink); }
.dr-mono-n { font-size: 14px; color: inherit; }
.dr-muted { color: var(--dr-muted); }
.dr-muted-d { color: var(--dr-muted-d); }
.dr-strong { font-weight: 600; }
.dr-small { font-size: 14px; }
.dr-main p { margin: 0; }
.dr-main a:not(.wp-element-button) { transition: color .2s; }
.dr-muted a, .dr-prose a { color: var(--dr-accent-d); font-weight: 600; }
.dr-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Buttons ---------- */
.wp-block-buttons { display: flex; gap: 10px; flex-wrap: wrap; }
.wp-element-button { transition: background .2s, color .2s, transform .2s; }
.wp-block-button.is-style-outline .wp-element-button { background: transparent; color: var(--dr-ink); border: 2px solid var(--dr-ink); padding: 14px 22px; }
.wp-block-button.is-style-outline .wp-element-button:hover { background: var(--dr-ink); color: var(--dr-paper); }
.dr-btn-ink .wp-element-button, .wp-block-button.is-style-ink .wp-element-button { background: var(--dr-ink); color: #fff; }
.dr-btn-ink .wp-element-button:hover, .wp-block-button.is-style-ink .wp-element-button:hover { background: var(--dr-accent); }
.dr-btn-s .wp-element-button { padding: 10px 18px; font-size: 14px; }
.dr-dark .wp-block-button:not(.is-style-outline):not(.dr-btn-ink) .wp-element-button:hover { background: var(--dr-paper); color: var(--dr-ink); }

/* ---------- Header / Footer ---------- */
.dr-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 22px; position: relative; z-index: 50; }
.dr-logo { margin: 0; font-weight: 900; font-stretch: 125%; font-size: 24px; letter-spacing: -0.02em; }
.dr-headnav { display: flex; align-items: center; gap: 24px; }
.dr-nav { font-size: 14px; font-weight: 500; gap: 24px; }
.dr-nav .wp-block-navigation__responsive-container.is-menu-open { background: var(--dr-ink); color: var(--dr-paper); padding: 32px; }
.dr-nav .is-menu-open .wp-block-navigation-item { font-weight: 900; font-stretch: 125%; font-size: 40px; text-transform: uppercase; letter-spacing: -0.03em; }
.dr-footbar { border-top: 1px solid #2a2a27; }
.dr-footer { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-block: 28px; font-size: 12px; color: #8a877e; line-height: 1.7; }
.dr-footer p { margin: 0; }
.dr-footlinks { display: flex; gap: 18px; flex-wrap: wrap; }

/* ---------- Laufband ---------- */
.dr-band { background: var(--dr-accent); color: var(--dr-ink); padding: 22px 0; transform: rotate(-1.5deg); margin: 24px -20px 0; overflow: hidden; display: flex; }
.dr-band__track { display: flex; flex-shrink: 0; animation: dr-marq 28s linear infinite; }
.dr-band span { display: flex; align-items: center; gap: 36px; padding-right: 36px; font-weight: 900; font-stretch: 125%; font-size: clamp(32px, 4.4vw, 64px); letter-spacing: -0.02em; white-space: nowrap; line-height: 1; }
.dr-band i { font-style: normal; font-size: .6em; }
@keyframes dr-marq { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- Hero / Lead-Formular ---------- */
.dr-scan { display: flex; background: #fff; border: 2px solid var(--dr-ink); border-radius: 999px; padding: 6px; gap: 6px; max-width: 560px; }
.dr-scan input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent; padding: 0 18px; font-family: var(--dr-mono); font-size: 16px; color: var(--dr-ink); }
.dr-scan button { padding: 15px 22px; border: 0; border-radius: 999px; background: var(--dr-accent); color: #fff; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; white-space: nowrap; transition: background .2s; }
.dr-scan button:hover { background: var(--dr-ink); }
.dr-scan--light { background: var(--dr-paper); border-color: var(--dr-paper); max-width: 760px; }
.dr-scan--light button:hover { background: #000; }
.dr-scan__ok { font-family: var(--dr-mono); font-size: 14px; color: var(--dr-accent-d); margin: 0; }
.dr-card--dark .dr-scan__ok { color: var(--dr-accent-l); }
.dr-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 10px; }
.dr-stats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dr-stat { border-top: 3px solid var(--dr-ink); padding-top: 14px; display: flex; flex-direction: column; gap: 6px; }
.dr-stat__v { font-weight: 900; font-stretch: 125%; font-size: clamp(32px, 4.4vw, 68px); line-height: .9; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.dr-stat__l { font-size: 14px; font-weight: 500; color: var(--dr-muted); }

/* ---------- Leistungen (Startseite) ---------- */
.dr-svc { border-top: 2px solid var(--dr-ink); }
.dr-svc__row { border-bottom: 2px solid var(--dr-ink); padding: 28px 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 20px; align-items: center; transition: background .35s; }
.dr-svc__row:hover, .dr-svc__row:focus-within { background: var(--dr-accent); }
.dr-svc__t { display: flex; gap: 20px; align-items: baseline; min-width: 0; }
.dr-svc__h { margin: 0; min-width: 0; font-weight: 900; font-stretch: 105%; font-size: clamp(26px, 3.4vw, 60px); letter-spacing: -0.03em; line-height: .95; text-transform: uppercase; hyphens: auto; overflow-wrap: anywhere; }
.dr-svc__d { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.dr-svc__p { font-size: 17px; line-height: 1.5; opacity: .45; transition: opacity .35s; max-width: 480px; flex: 1 1 280px; }
.dr-svc__row:hover .dr-svc__p, .dr-svc__row:focus-within .dr-svc__p { opacity: 1; }
.dr-svc__row:hover .is-style-outline .wp-element-button { background: var(--dr-ink); color: var(--dr-paper); }
@media (hover: none) { .dr-svc__p { opacity: 1; } }

/* ---------- Projekte ---------- */
.dr-projlist { border-top: 1px solid var(--dr-line-d); }
.dr-projlist .wp-block-post-template { list-style: none; margin: 0; padding: 0; }
.dr-projlist li { border-bottom: 1px solid var(--dr-line-d); padding: 22px 0; display: flex; flex-direction: column; gap: 6px; transition: padding .25s; }
.dr-projlist li:hover { padding-left: 16px; }
.dr-projlist .wp-block-post-title { margin: 0; font-weight: 800; font-stretch: 115%; font-size: clamp(24px, 2.6vw, 38px); letter-spacing: -0.02em; line-height: 1; }
.dr-projlist .wp-block-post-title a { display: flex; justify-content: space-between; gap: 16px; }
.dr-projlist .wp-block-post-title a::after { content: "↗"; font-size: 22px; font-weight: 400; }
.dr-projlist li:hover .wp-block-post-title a { color: var(--dr-accent-l); }
.dr-projlist .wp-block-post-excerpt { font-size: 13px; font-family: var(--dr-mono); color: #8a877e; margin: 0; }
.dr-projlist .wp-block-post-excerpt__excerpt { margin: 0; }

/* ---------- Ablauf ---------- */
.dr-steps { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 8px max(28px, calc((100% - 1344px) / 2)) 24px; scrollbar-width: none; }
.dr-steps::-webkit-scrollbar { display: none; }
.dr-step { flex: 0 0 min(78vw, 340px); scroll-snap-align: start; min-height: 380px; border-radius: 28px; padding: 30px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; background: var(--dr-ink); color: var(--dr-paper); transform: rotate(-2deg); transition: transform .3s; }
.dr-step:nth-child(3n+2) { background: var(--dr-accent); color: var(--dr-ink); transform: rotate(1.5deg); }
.dr-step:nth-child(3n) { background: #fff; color: var(--dr-ink); transform: rotate(-1deg); }
.dr-step:nth-child(4n) { transform: rotate(2deg); }
.dr-step:hover { transform: rotate(0) translateY(-8px); }
.dr-step__n { font-weight: 900; font-stretch: 125%; font-size: 120px; line-height: .8; letter-spacing: -0.04em; }
.dr-step__b { display: flex; flex-direction: column; gap: 10px; }
.dr-step h3 { margin: 0; font-weight: 800; font-stretch: 110%; font-size: 28px; letter-spacing: -0.02em; line-height: 1; }
.dr-step__b p { font-size: 16px; line-height: 1.5; opacity: .85; }

/* ---------- Karten ---------- */
.dr-card { border-radius: 28px; padding: clamp(28px, 4vw, 56px); box-sizing: border-box; }
.dr-card--orange { background: var(--dr-accent); color: var(--dr-ink); }
.dr-card--dark { background: var(--dr-ink); color: var(--dr-paper); }
.dr-card--white { background: #fff; }
.dr-card--dark h3 { margin: 0; font-weight: 800; font-stretch: 110%; font-size: 22px; letter-spacing: -0.01em; }
.dr-card--dark .dr-muted-d { font-size: 15px; line-height: 1.55; }
.dr-about { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; min-height: 520px; }
.dr-about .dr-lead { font-size: 19px; line-height: 1.5; }
.dr-portrait { min-height: 520px; background: repeating-linear-gradient(135deg, #e6e2d8 0 12px, #dfdbd0 12px 24px); display: flex; align-items: flex-end; padding: 24px; }
.dr-portrait img { border-radius: 20px; width: 100%; height: 100%; object-fit: cover; }
.dr-cards3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 12px; }

/* ---------- Stack ---------- */
.dr-tech { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); gap: 8px; }
.dr-chip { border: 2px solid var(--dr-ink); border-radius: 16px; padding: 22px 18px; font-weight: 700; font-size: 17px; transition: all .2s; }
.dr-chip:hover { background: var(--dr-ink); color: var(--dr-paper); transform: rotate(-2deg); }

/* ---------- Bewertungen ---------- */
.dr-reviews { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 20px; }
.dr-review { border-radius: 24px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; gap: 32px; box-shadow: 0 20px 40px rgba(0,0,0,.15); transition: transform .3s; background: var(--dr-ink); color: var(--dr-paper); transform: rotate(-2deg); }
.dr-review:nth-child(2) { background: var(--dr-paper); color: var(--dr-ink); transform: rotate(1.5deg); }
.dr-review:nth-child(3) { background: #fff; color: var(--dr-ink); transform: rotate(-1deg); }
.dr-review:hover { transform: rotate(0) scale(1.03); }
.dr-review__q { font-size: 21px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; }
.dr-review .dr-mono { color: inherit; }

/* ---------- FAQ ---------- */
.dr-faqs { border-top: 2px solid var(--dr-ink); }
.dr-faq { border-bottom: 2px solid var(--dr-ink); }
.dr-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 26px 0; font-weight: 800; font-stretch: 108%; font-size: clamp(20px, 2.2vw, 28px); letter-spacing: -0.015em; line-height: 1.15; }
.dr-faq summary::-webkit-details-marker { display: none; }
.dr-faq summary::after { content: "+"; flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; background: var(--dr-ink); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 400; transition: transform .3s, background .3s; }
.dr-faq[open] summary::after { transform: rotate(45deg); background: var(--dr-accent); }
.dr-faq summary:hover { color: var(--dr-accent-d); }
.dr-faq p { padding: 0 64px 28px 0; font-size: 18px; line-height: 1.55; color: #3d3b36; }

/* ---------- Kontakt ---------- */
.dr-contactlinks { display: flex; flex-direction: column; gap: 8px; font-size: clamp(20px, 2vw, 26px); font-weight: 700; }
.dr-contactlinks .dr-small { font-size: 16px; font-weight: 500; color: var(--dr-muted-d); }
.dr-form { display: flex; flex-direction: column; gap: 12px; }
.dr-form__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 12px; }
.dr-form .wpcf7-form-control-wrap { display: block; }
.dr-form input[type="text"], .dr-form input[type="email"], .dr-form input[type="tel"], .dr-form select, .dr-form textarea { width: 100%; box-sizing: border-box; background: transparent; border: 2px solid #3a3935; border-radius: 16px; padding: 16px; font: inherit; font-size: 16px; color: var(--dr-paper); outline: none; transition: border-color .2s; }
.dr-form select { background: var(--dr-ink); appearance: none; background-image: linear-gradient(45deg, transparent 50%, #b5b2a9 50%), linear-gradient(135deg, #b5b2a9 50%, transparent 50%); background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size: 6px 6px; background-repeat: no-repeat; }
.dr-form textarea { resize: vertical; min-height: 140px; }
.dr-form .dr-mono-in { font-family: var(--dr-mono); }
.dr-form input:focus, .dr-form select:focus, .dr-form textarea:focus { border-color: var(--dr-accent-l); }
.dr-form ::placeholder { color: #8a877e; }
.dr-form__consent { font-size: 13px; line-height: 1.5; color: #a3a097; }
.dr-form__consent label { display: flex; gap: 10px; align-items: flex-start; }
.dr-form__consent input { margin-top: 2px; accent-color: var(--dr-accent); }
.dr-form__consent a { color: var(--dr-accent-l); }
.dr-form .wpcf7-list-item { margin: 0; }
.dr-form__submit { margin-top: 6px; width: 100%; padding: 20px; background: var(--dr-accent); color: #fff; border: 0; border-radius: 999px; font: inherit; font-weight: 800; font-stretch: 115%; font-size: 18px; text-transform: uppercase; cursor: pointer; transition: background .2s, color .2s; }
.dr-form__submit:hover { background: var(--dr-paper); color: var(--dr-ink); }
.dr-formwrap .wpcf7-not-valid-tip { color: var(--dr-accent-l); font-size: 13px; margin-top: 6px; }
.dr-formwrap .wpcf7-response-output { margin: 16px 0 0 !important; border-radius: 16px; padding: 14px 18px !important; border-color: var(--dr-accent-l) !important; }
.dr-formwrap .wpcf7-spinner { display: block; margin: 12px auto 0; }

/* ---------- Leistungsseiten ---------- */
.dr-numlist { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--dr-line-d); counter-reset: dr; }
.dr-numlist li { counter-increment: dr; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; padding: 24px 0; border-bottom: 1px solid var(--dr-line-d); font-size: clamp(19px, 1.8vw, 24px); font-weight: 600; line-height: 1.3; }
.dr-numlist li::before { content: counter(dr, decimal-leading-zero); font-family: var(--dr-mono); font-size: 14px; font-weight: 400; color: var(--dr-accent-l); padding-top: .35em; }
.dr-checks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 10px; }
.dr-checks li { border: 2px solid var(--dr-ink); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 18px; justify-content: space-between; min-height: 150px; font-size: 18px; font-weight: 600; line-height: 1.3; transition: all .2s; box-sizing: border-box; }
.dr-checks li::before { content: "✓"; width: 32px; height: 32px; border-radius: 50%; background: var(--dr-ink); color: var(--dr-paper); display: flex; align-items: center; justify-content: center; font-size: 15px; }
.dr-checks li:hover { background: var(--dr-accent); transform: rotate(-1deg); }
.dr-why { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--dr-ink); }
.dr-why li { padding: 18px 0; border-bottom: 2px solid var(--dr-ink); font-size: 19px; font-weight: 600; display: flex; gap: 14px; }
.dr-why li::before { content: "✦"; color: var(--dr-accent-d); }
.dr-ticks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; font-size: 15px; }
.dr-ticks li { display: flex; gap: 10px; }
.dr-ticks li::before { content: "✓"; color: var(--dr-accent); font-weight: 700; }
.dr-card--orange .dr-ticks li::before { color: var(--dr-ink); }
.dr-pkgs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px; }
.dr-pkg { background: var(--dr-paper); color: var(--dr-ink); border-radius: 28px; padding: 32px; display: flex; flex-direction: column; gap: 18px; }
.dr-pkg h3 { margin: 0; font-weight: 900; font-stretch: 125%; font-size: 32px; text-transform: uppercase; letter-spacing: -0.02em; }
.dr-pkg__price { font-weight: 900; font-stretch: 115%; font-size: 56px; letter-spacing: -0.04em; line-height: 1; }
.dr-pkg__price span { font-size: 14px; font-weight: 400; letter-spacing: 0; opacity: .7; }
.dr-pkg .wp-block-buttons { margin-top: auto; }
.dr-pkg .wp-block-button, .dr-pkg .wp-element-button { width: 100%; text-align: center; }
.dr-pkg--dark { background: var(--dr-ink); color: var(--dr-paper); }
.dr-pkg--dark .dr-mono { color: var(--dr-accent-l); }
.dr-pkg--dark .wp-element-button:hover { background: var(--dr-paper); color: var(--dr-ink); }
.dr-servers { border-top: 2px solid var(--dr-ink); }
.dr-server { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); gap: 12px; padding: 22px 0; border-bottom: 2px solid var(--dr-ink); align-items: center; }
.dr-server__n { font-weight: 900; font-stretch: 115%; font-size: 24px; text-transform: uppercase; }
.dr-server__s { font-family: var(--dr-mono); font-size: 13px; color: #3d3b36; }
.dr-server__p { font-weight: 800; font-size: 20px; text-align: right; }
@media (max-width: 760px) { .dr-server { grid-template-columns: 1fr; } .dr-server__p { text-align: left; } }
.dr-pills { display: flex; gap: 8px; flex-wrap: wrap; }
.dr-pill { font-family: var(--dr-mono); font-size: 14px; padding: 8px 14px; border: 1px solid #3a3935; border-radius: 999px; }
.dr-pricerow { display: flex; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #e3dfd5; font-size: 18px; }
.dr-pricerow span { font-family: var(--dr-mono); font-weight: 500; }
.dr-others { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 10px; }
.dr-otherlink a { border: 2px solid var(--dr-ink); border-radius: 20px; padding: 22px; display: flex; justify-content: space-between; align-items: center; gap: 12px; font-weight: 800; font-stretch: 110%; font-size: 18px; text-transform: uppercase; transition: all .2s; height: 100%; box-sizing: border-box; }
.dr-otherlink a:hover { background: var(--dr-ink); color: var(--dr-paper) !important; }

/* ---------- Blog / Projekte-Archiv / Seiten ---------- */
.dr-postgrid .wp-block-post-template { gap: 24px; }
.dr-postcard { display: flex; flex-direction: column; gap: 12px; }
.dr-postcard .wp-block-post-featured-image { margin: 0; border-radius: 20px; overflow: hidden; background: repeating-linear-gradient(135deg, #e6e2d8 0 12px, #dfdbd0 12px 24px); aspect-ratio: 4/3; }
.dr-postcard .wp-block-post-featured-image img { transition: transform .4s; }
.dr-postcard:hover .wp-block-post-featured-image img { transform: scale(1.04); }
.dr-postcard .wp-block-post-title { margin: 0; font-weight: 800; font-stretch: 110%; font-size: 26px; letter-spacing: -0.02em; line-height: 1.05; }
.dr-postcard .wp-block-post-excerpt { margin: 0; color: #3d3b36; font-size: 16px; }
.dr-postcard .wp-block-post-excerpt__more-link { font-weight: 700; color: var(--dr-accent-d); }
.dr-pagination { margin-top: 40px; gap: 12px; font-weight: 700; }
.dr-rounded, .dr-rounded img { border-radius: 24px; overflow: hidden; }
.dr-prose { font-size: 18px; line-height: 1.65; max-width: 760px; }
.dr-prose > * + * { margin-top: 1.1em !important; }
.dr-prose h2 { font-size: 28px; font-stretch: 110%; margin-top: 2em !important; }
.dr-prose h3 { font-size: 22px; margin-top: 1.6em !important; }
.dr-prose ul, .dr-prose ol { padding-left: 1.2em; }
.dr-prose img { border-radius: 20px; }
.dr-note { background: #fff; border: 2px dashed var(--dr-accent); border-radius: 20px; padding: 24px; }

@media (max-width: 600px) {
  .dr-wrap { padding-inline: 20px; }
  .dr-pad { padding-block: 88px; }
  .dr-pad-top-xl { padding-top: 120px; }
  .dr-pt { padding-top: 88px; }
  .dr-pb { padding-bottom: 88px; }
  .dr-stats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dr-sticky { position: static; }
  .dr-faq p { padding-right: 0; }
  .dr-headnav { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

.rcs{--ink:#121211;--paper:#f1eee6;--acc:#e84400;--acc-l:#ff7548;--acc-d:#cf2800;--mut:#55534c;--line-d:#34332f;--mono:'JetBrains Mono',ui-monospace,monospace;
  background:var(--paper);color:var(--ink);font-family:Archivo,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}
.rcs *,.rcs *::before,.rcs *::after{box-sizing:border-box}
.rcs h1,.rcs h2,.rcs h3,.rcs p,.rcs ul,.rcs dl,.rcs .rcs-dd,.rcs figure,.rcs blockquote{margin:0;padding:0}
.rcs a{color:inherit;text-decoration:none;transition:color .2s}
.rcs a:hover{color:var(--acc)}
.rcs .rcs-ph{background:#FFF4C2;color:#121211;padding:0 .25em;border-radius:3px}
.rcs .rcs-wrap{max-width:1400px;margin:0 auto;padding-left:28px;padding-right:28px}

.rcs .rcs-d{font-weight:900;font-stretch:125%;letter-spacing:-.035em;line-height:.88;text-transform:uppercase;hyphens:auto;overflow-wrap:break-word}
.rcs .rcs-mono{font-family:var(--mono);font-size:13px;color:var(--mut)}
.rcs .rcs-acc{color:var(--acc)}
.rcs .rcs-sec{padding-top:120px}
.rcs .rcs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.rcs .rcs-head h2{font-size:clamp(40px,6vw,96px)}
.rcs .rcs-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px;align-items:start}
.rcs .rcs-body p+p{margin-top:1em}
.rcs .rcs-body{color:#3d3b36}
.rcs .rcs-lead{font-size:clamp(19px,1.6vw,22px);line-height:1.45;color:var(--ink);font-weight:500;text-wrap:pretty}

/* Hero */
.rcs .rcs-hero{padding-top:56px;padding-bottom:72px;display:flex;flex-direction:column;gap:36px}
.rcs .rcs-hero h1{font-size:clamp(48px,9vw,148px);line-height:.86}
.rcs .rcs-hero-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px;align-items:end}
.rcs .rcs-b .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;padding:17px 26px;background:var(--acc);color:#fff !important;border-radius:999px;font-weight:800;font-stretch:110%;font-size:16px;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}
.rcs .rcs-b .wp-block-button__link:hover{background:var(--ink)}
.rcs .rcs-b--o .wp-block-button__link{background:transparent;color:var(--ink) !important;border:2px solid var(--ink);padding:15px 24px;text-transform:none;font-weight:700}
.rcs .rcs-b--o .wp-block-button__link:hover{background:var(--ink);color:var(--paper) !important}
.rcs .rcs-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.rcs .rcs-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.rcs .rcs-meta div{border-top:3px solid var(--ink);padding-top:14px;display:flex;flex-direction:column;gap:6px}
.rcs .rcs-meta .rcs-dt{font-family:var(--mono);font-size:12px;color:var(--mut)}
.rcs .rcs-meta .rcs-dd{font-weight:700;font-size:17px;line-height:1.35}
.rcs .rcs-meta .rcs-dd a{color:var(--acc-d)}

/* Band */
.rcs .rcs-band{background:var(--acc);padding:22px 0;transform:rotate(-1.5deg);margin:24px -20px 0;overflow:hidden;display:flex}
.rcs .rcs-band-t{display:flex;flex-shrink:0;animation:rcs-marq 28s linear infinite}
.rcs .rcs-band span{display:flex;align-items:center;gap:36px;padding-right:36px;font-weight:900;font-stretch:125%;font-size:clamp(32px,4.4vw,64px);letter-spacing:-.02em;white-space:nowrap;line-height:1}
.rcs .rcs-band i{font-style:normal;font-size:.6em}
@keyframes rcs-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Lists */
.rcs .rcs-checks{list-style:none;display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.rcs .rcs-checks li{padding:18px 0;border-bottom:2px solid var(--ink);font-size:19px;font-weight:600;display:flex;gap:14px;line-height:1.35}
.rcs .rcs-checks li::before{content:"✦";color:var(--acc-d);flex-shrink:0}
.rcs .rcs-card{border-radius:28px;padding:clamp(28px,4vw,48px)}
.rcs .rcs-card--o{background:var(--acc)}
.rcs .rcs-card--o .rcs-checks,.rcs .rcs-card--o .rcs-checks li{border-color:var(--ink)}
.rcs .rcs-card--o .rcs-checks li::before{color:var(--ink)}
.rcs .rcs-card h3{font-weight:900;font-stretch:125%;text-transform:uppercase;letter-spacing:-.02em;font-size:28px;line-height:1;margin-bottom:20px}

/* Features */
.rcs .rcs-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}
.rcs .rcs-feat{border:2px solid var(--ink);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:background .2s,transform .2s}
.rcs .rcs-feat:hover{background:var(--acc);transform:rotate(-1deg)}
.rcs .rcs-feat h3{font-weight:800;font-stretch:110%;font-size:22px;letter-spacing:-.01em;line-height:1.1}
.rcs .rcs-feat p{font-size:16px;line-height:1.55;color:#3d3b36}
.rcs .rcs-feat:hover p,.rcs .rcs-feat:hover .rcs-mono{color:var(--ink)}
.rcs .rcs-feat--hero{grid-column:1/-1;background:var(--ink);color:var(--paper);border-color:var(--ink);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px;align-items:end}
.rcs .rcs-feat--hero:hover{background:var(--ink);transform:none}
.rcs .rcs-feat--hero h3{font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(30px,3.6vw,52px);line-height:.9;letter-spacing:-.03em}
.rcs .rcs-feat--hero p,.rcs .rcs-feat--hero:hover p{color:#b5b2a9;font-size:17px}
.rcs .rcs-feat--hero .rcs-mono{color:var(--acc-l)}
.rcs .rcs-pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:24px;align-items:center}
.rcs .rcs-pills li{font-family:var(--mono);font-size:14px;padding:8px 14px;border:1px solid var(--ink);border-radius:999px}
.rcs .rcs-pills li.rcs-pl{border:0;padding-left:0;color:var(--mut)}

/* Shots */
.rcs .rcs-shots{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}
.rcs .rcs-shot,.rcs .rcs-shots img{width:100%;border-radius:24px;display:block;min-height:420px;object-fit:cover}
.rcs .rcs-shot{background:repeating-linear-gradient(135deg,#e6e2d8 0 12px,#dfdbd0 12px 24px);display:flex;align-items:flex-end;padding:24px;font-family:var(--mono);font-size:13px;color:var(--mut)}
.rcs .rcs-figcaption{font-family:var(--mono);font-size:13px;color:var(--mut);margin-top:12px}

/* Dark section */
.rcs .rcs-dark{background:var(--ink);color:var(--paper);margin-top:120px;padding:120px 0}
.rcs .rcs-dark .rcs-mono{color:#8a877e}
.rcs .rcs-dark .rcs-body{color:#b5b2a9}
.rcs .rcs-chs{list-style:none;border-top:1px solid var(--line-d);counter-reset:rcs}
.rcs .rcs-chs li,.rcs .rcs-chs .rcs-li{counter-increment:rcs;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:26px 0;border-bottom:1px solid var(--line-d)}
.rcs .rcs-chs li::before,.rcs .rcs-chs .rcs-li::before{content:counter(rcs,decimal-leading-zero);font-family:var(--mono);font-size:14px;color:var(--acc-l);padding-top:.3em}
.rcs .rcs-chs h3{font-weight:800;font-stretch:110%;font-size:clamp(20px,2vw,26px);letter-spacing:-.015em;line-height:1.15;margin-bottom:8px}
.rcs .rcs-chs p{color:#b5b2a9;font-size:16px}
.rcs .rcs-sticky{position:sticky;top:40px}

/* Stats */
.rcs .rcs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.rcs .rcs-stat{border-radius:28px;padding:30px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:var(--ink);color:var(--paper);transform:rotate(-2deg);transition:transform .3s}
.rcs .rcs-stat:nth-child(2){background:var(--acc);color:var(--ink);transform:rotate(1.5deg)}
.rcs .rcs-stat:nth-child(3){background:#fff;color:var(--ink);transform:rotate(-1deg)}
.rcs .rcs-stat:nth-child(4){transform:rotate(2deg);background:var(--paper);color:var(--ink);border:2px solid var(--ink)}
.rcs .rcs-stat:hover{transform:rotate(0) translateY(-8px)}
.rcs .rcs-stat strong{font-weight:900;font-stretch:125%;font-size:clamp(56px,6vw,96px);line-height:.85;letter-spacing:-.04em}
.rcs .rcs-stat span{font-size:16px;font-weight:600;line-height:1.35}

/* Stack */
.rcs .rcs-tech{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:8px;list-style:none}
.rcs .rcs-tech li{border:2px solid var(--ink);border-radius:16px;padding:22px 18px;font-weight:700;font-size:17px;transition:all .2s}
.rcs .rcs-tech li:hover{background:var(--ink);color:var(--paper);transform:rotate(-2deg)}

/* Result */
.rcs .rcs-quote{background:var(--acc);border-radius:28px;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:300px}
.rcs .rcs-quote p{font-size:clamp(22px,2.2vw,30px);font-weight:700;line-height:1.25;letter-spacing:-.015em}
.rcs .rcs-quote .rcs-mono{color:var(--ink)}

/* CTA */
.rcs .rcs-cta{background:var(--ink);color:var(--paper);margin-top:120px;padding:120px 0;display:block}
.rcs .rcs-cta h2{font-size:clamp(48px,8vw,140px);line-height:.85}
.rcs .rcs-cta h2 span{color:var(--acc-l)}
.rcs .rcs-cta p{color:#b5b2a9;font-size:19px;max-width:600px;margin:32px 0}
.rcs .rcs-cta .rcs-btns{justify-content:flex-start}
.rcs .rcs-cta .rcs-b .wp-block-button__link:hover{background:var(--paper);color:var(--ink) !important}
.rcs .rcs-cta .rcs-b--o .wp-block-button__link{color:var(--paper) !important;border-color:#3a3935}
.rcs .rcs-cta .rcs-b--o .wp-block-button__link:hover{background:var(--paper);color:var(--ink) !important;border-color:var(--paper)}

@media (max-width:760px){
  .rcs .rcs-wrap{padding-left:20px;padding-right:20px}
  .rcs .rcs-sec{padding-top:88px}
  .rcs .rcs-dark,.rcs .rcs-cta{margin-top:88px;padding:88px 0}
  .rcs .rcs-shots{grid-template-columns:1fr}
  .rcs .rcs-shot,.rcs .rcs-shots img{min-height:280px}
  .rcs .rcs-sticky{position:static}
  .rcs .rcs-btns{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){.rcs *{animation:none !important;transition:none !important}}
/* automobil — dodatno */
.rcs .rcs-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}
.rcs .rcs-step{border-radius:28px;padding:32px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:var(--ink);color:var(--paper);transform:rotate(-1deg);transition:transform .3s}
.rcs .rcs-step:nth-child(2){background:var(--acc);color:var(--ink);transform:rotate(1deg)}
.rcs .rcs-step:nth-child(3){background:#fff;color:var(--ink);transform:rotate(1deg)}
.rcs .rcs-step:nth-child(4){background:var(--paper);color:var(--ink);border:2px solid var(--ink);transform:rotate(-1deg)}
.rcs .rcs-step:hover{transform:rotate(0) translateY(-6px)}
.rcs .rcs-step b.n{font-weight:900;font-stretch:125%;font-size:104px;line-height:.8;letter-spacing:-.04em}
.rcs .rcs-step h3{font-weight:800;font-stretch:110%;font-size:26px;letter-spacing:-.02em;line-height:1.05;margin-bottom:10px}
.rcs .rcs-step p{font-size:16px;line-height:1.55;opacity:.88}
.rcs .rcs-duo{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;margin-top:24px}
.rcs .rcs-duo div{border:2px solid var(--ink);border-radius:20px;padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.rcs .rcs-duo small{font-family:var(--mono);font-size:12px;color:var(--acc-d)}
.rcs .rcs-duo code{font-family:var(--mono);font-size:14px;word-break:break-all;background:none;padding:0;color:var(--ink)}
.rcs .rcs-duo .arr{border:0;padding:0;font-size:32px;font-weight:900;color:var(--acc);text-align:center}
.rcs .rcs-std{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;list-style:none}
.rcs .rcs-std li{border:2px solid var(--ink);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px;min-height:170px;transition:background .2s,transform .2s}
.rcs .rcs-std li:hover{background:var(--acc);transform:rotate(-1deg)}
.rcs .rcs-std strong{font-weight:900;font-stretch:115%;font-size:24px;letter-spacing:-.02em;line-height:1;text-transform:uppercase}
.rcs .rcs-std span{font-size:16px;line-height:1.5;color:#3d3b36}
.rcs .rcs-std li:hover span{color:var(--ink)}
.rcs .rcs-big{font-weight:900;font-stretch:125%;font-size:clamp(72px,12vw,200px);line-height:.8;letter-spacing:-.05em;color:var(--acc)}
@media (max-width:760px){.rcs .rcs-duo{grid-template-columns:1fr}.rcs .rcs-duo .arr{transform:rotate(90deg)}}
/* dodatno */
.rcs .rcs-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}
.rcs .rcs-step{border-radius:28px;padding:32px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:var(--ink);color:var(--paper);transform:rotate(-1deg);transition:transform .3s}
.rcs .rcs-step:nth-child(2){background:var(--acc);color:var(--ink);transform:rotate(1deg)}
.rcs .rcs-step:nth-child(3){background:#fff;color:var(--ink);transform:rotate(1deg)}
.rcs .rcs-step:nth-child(4){background:var(--paper);color:var(--ink);border:2px solid var(--ink);transform:rotate(-1deg)}
.rcs .rcs-step:hover{transform:rotate(0) translateY(-6px)}
.rcs .rcs-step b.n{font-weight:900;font-stretch:125%;font-size:104px;line-height:.8;letter-spacing:-.04em}
.rcs .rcs-step h3{font-weight:800;font-stretch:110%;font-size:26px;letter-spacing:-.02em;line-height:1.05;margin-bottom:10px}
.rcs .rcs-step p{font-size:16px;line-height:1.55;opacity:.88}
.rcs .rcs-duo{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;margin-top:24px}
.rcs .rcs-duo div{border:2px solid var(--ink);border-radius:20px;padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.rcs .rcs-duo small{font-family:var(--mono);font-size:12px;color:var(--acc-d)}
.rcs .rcs-duo code{font-family:var(--mono);font-size:14px;word-break:break-all;background:none;padding:0;color:var(--ink)}
.rcs .rcs-duo .arr{border:0;padding:0;font-size:32px;font-weight:900;color:var(--acc);text-align:center}
.rcs .rcs-std{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;list-style:none}
.rcs .rcs-std li{border:2px solid var(--ink);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px;min-height:170px;transition:background .2s,transform .2s}
.rcs .rcs-std li:hover{background:var(--acc);transform:rotate(-1deg)}
.rcs .rcs-std strong{font-weight:900;font-stretch:115%;font-size:24px;letter-spacing:-.02em;line-height:1;text-transform:uppercase}
.rcs .rcs-std span{font-size:16px;line-height:1.5;color:#3d3b36}
.rcs .rcs-std li:hover span{color:var(--ink)}
.rcs .rcs-big{font-weight:900;font-stretch:125%;font-size:clamp(72px,12vw,200px);line-height:.8;letter-spacing:-.05em;color:var(--acc)}
@media (max-width:760px){.rcs .rcs-duo{grid-template-columns:1fr}.rcs .rcs-duo .arr{transform:rotate(90deg)}}
.rcs .rcs-finder{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto auto;gap:12px;align-items:center}
@media (max-width:860px){.rcs .rcs-finder{grid-template-columns:1fr}.rcs .rcs-finder>*:nth-child(even){transform:rotate(90deg)}}
/* ---------- Case study (projekti) ---------- */
.rcs .rcs-pw{display:contents}
.rcs .rcs-b{display:inline-flex}
.rcs .rcs-shot img{width:100%;height:100%;object-fit:cover;border-radius:24px}
.rcs-cardx{position:relative;cursor:pointer}
.rcs-cardx:hover{transform:rotate(0) translateY(-8px)!important}
.rcs-more a{color:inherit}
.rcs-more a::after{content:"";position:absolute;inset:0;border-radius:28px}
.rcs-pw{display:contents}

/* generirano iz inline stilova */
.rcsx-1{padding-top:160px}
.rcsx-2{display:flex;flex-direction:column;gap:14px}
.rcsx-3{display:flex;flex-direction:column;gap:16px}
.rcsx-4{font-size:clamp(36px,4.6vw,72px);line-height:.9}
.rcsx-5{font-size:clamp(40px,6vw,96px)}
.rcsx-6{font-size:clamp(36px,4.6vw,72px)}
.rcsx-7{display:flex;flex-direction:column;gap:40px}
.rcsx-8{background:repeating-linear-gradient(135deg,#1d1d1b 0 12px,#232320 12px 24px);color:#8a877e;min-height:340px}
.rcsx-9{color:#8a877e}
.rcsx-10{margin-top:48px;max-width:760px}
.rcsx-11{color:var(--paper)}
.rcsx-12{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}
.rcsx-13{border:2px dashed #55534c;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:8px}
.rcsx-14{color:#b5b2a9;font-size:16px}
.rcsx-15{text-align:center;display:flex;flex-direction:column;gap:6px}
.rcsx-16{font-weight:900;font-size:40px;line-height:1;color:var(--acc-l)}
.rcsx-17{color:var(--acc-l)}
.rcsx-18{background:var(--acc);color:var(--ink);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:8px}
.rcsx-19{color:var(--ink)}
.rcsx-20{font-size:16px}
.rcsx-21{margin-top:48px}
.rcsx-22{display:flex;flex-direction:column;gap:48px}
.rcsx-23{color:#b5b2a9}
.rcsx-24{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.rcsx-25{background:#1d1d1b;border:1px solid var(--line-d);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px;min-height:240px}
.rcsx-26{font-weight:900;font-stretch:125%;font-size:72px;line-height:.8;letter-spacing:-.04em;margin-top:auto}
.rcsx-27{font-weight:800;font-stretch:110%;font-size:22px;line-height:1.1}
.rcsx-28{color:#b5b2a9;font-size:15px}
.rcsx-29{background:var(--acc);color:var(--ink);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px;min-height:240px}
.rcsx-30{font-size:15px}
.rcsx-31{gap:16px}
.rcsx-32{border:2px solid var(--ink)}
.rcsx-33{background:var(--ink);color:var(--paper)}
.rcsx-34{border-color:var(--line-d)}
.rcsx-35{margin-top:32px}
.rcsx-36{min-height:180px}
.rcsx-37{font-size:clamp(36px,3.6vw,56px)}
.rcsx-38{max-width:760px;margin-bottom:32px}
.rcsx-39{margin-bottom:56px}
.rcsx-40{min-height:200px}
.rcsx-41{font-size:clamp(30px,3vw,44px);line-height:.95}
.rcsx-42{font-size:clamp(44px,4.6vw,72px)}
.rcsx-43{background:var(--paper);color:var(--ink);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.rcsx-44{font-weight:800;font-size:18px}
.rcsx-45{color:var(--acc-l);font-weight:900;font-size:24px;text-align:center}
.rcsx-46{background:var(--acc);color:var(--ink);border-radius:16px;padding:22px 24px;font-weight:900;font-stretch:115%;font-size:18px;text-transform:uppercase;white-space:nowrap}
.rcsx-47{color:#b5b2a9;max-width:760px}
.rcsx-48{max-width:760px;margin-bottom:40px}
.rcsx-49{background:var(--acc);color:var(--ink)}
.rcsx-50{background:#fff}
.rcsx-51{border:2px solid var(--ink);border-radius:20px;padding:22px 26px;font-size:17px;line-height:1.55;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}
.rcsx-52{color:var(--acc-d);padding-top:3px}
.rcsx-53{background:var(--acc);display:flex;flex-direction:column;gap:16px}
.rcsx-54{margin:0}
.rcsx-55{font-size:17px;line-height:1.55}
.rcsx-56{}
.rcsx-57{border-color:var(--ink);font-size:17px}
.rcsx-58{background:var(--ink);color:var(--paper);display:flex;flex-direction:column;gap:16px}
.rcsx-59{font-size:17px;line-height:1.55;color:#b5b2a9}
.rcsx-60{border-color:var(--line-d);font-size:17px}
.rcsx-61{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}
.rcsx-62{background:#1d1d1b;border:1px solid var(--line-d);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px}
.rcsx-63{color:#b5b2a9;font-size:16px;line-height:1.55}
.rcsx-64{max-width:1400px;margin:0 auto;padding:120px 28px;display:flex;flex-direction:column;gap:40px}
.rcsx-65{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.rcsx-66{margin:0;font-weight:900;font-stretch:125%;font-size:clamp(40px,6vw,96px);letter-spacing:-0.035em;line-height:0.88;text-transform:uppercase}
.rcsx-67{font-family:'JetBrains Mono',monospace;font-size:13px;color:#8a877e}
.rcsx-68{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:16px}
.rcsx-69{background:#f1eee6;color:#121211;border-radius:28px;padding:clamp(28px,3.5vw,44px);min-height:420px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;transform:rotate(-1deg);transition:transform .3s}
.rcsx-70{display:flex;justify-content:space-between;gap:16px;font-family:'JetBrains Mono',monospace;font-size:13px;color:#55534c}
.rcsx-71{font-weight:900;font-stretch:125%;font-size:clamp(64px,8vw,128px);line-height:0.8;letter-spacing:-0.045em;color:oklch(0.62 0.21 38)}
.rcsx-72{font-family:'JetBrains Mono',monospace;font-size:13px;color:#55534c}
.rcsx-73{margin:8px 0 0;font-weight:900;font-stretch:125%;font-size:clamp(28px,3vw,44px);letter-spacing:-0.03em;line-height:0.9;text-transform:uppercase}
.rcsx-74{margin:0;font-size:17px;line-height:1.5;color:#3d3b36;max-width:460px}
.rcsx-75{background:oklch(0.62 0.21 38);color:#121211;border-radius:28px;padding:clamp(28px,3.5vw,44px);min-height:420px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;transform:rotate(1deg);transition:transform .3s}
.rcsx-76{display:flex;justify-content:space-between;gap:16px;font-family:'JetBrains Mono',monospace;font-size:13px}
.rcsx-77{font-weight:900;font-stretch:125%;font-size:clamp(64px,8vw,128px);line-height:0.8;letter-spacing:-0.045em}
.rcsx-78{font-family:'JetBrains Mono',monospace;font-size:13px}
.rcsx-79{margin:0;font-size:17px;line-height:1.5;max-width:460px}
.rcsx-80{background:#ffffff;color:#121211;border-radius:28px;padding:clamp(28px,3.5vw,44px);min-height:420px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;transform:rotate(1deg);transition:transform .3s}
.rcsx-81{background:transparent;color:#f1eee6;border:2px solid #3a3935;border-radius:28px;padding:clamp(28px,3.5vw,44px);min-height:420px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;transform:rotate(-1deg);transition:transform .3s}
.rcsx-82{display:flex;justify-content:space-between;gap:16px;font-family:'JetBrains Mono',monospace;font-size:13px;color:#8a877e}
.rcsx-83{font-weight:900;font-stretch:125%;font-size:clamp(64px,8vw,128px);line-height:0.8;letter-spacing:-0.045em;color:oklch(0.72 0.18 38)}
.rcsx-84{margin:0;font-size:17px;line-height:1.5;color:#b5b2a9;max-width:460px}
.rcsx-85{background:#232320;color:#f1eee6;border-radius:28px;padding:clamp(28px,3.5vw,44px);min-height:420px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;transform:rotate(-1deg);transition:transform .3s}
.rcsx-86{margin:0;font-weight:900;font-stretch:125%;font-size:clamp(28px,3vw,44px);letter-spacing:-0.03em;line-height:0.9;text-transform:uppercase}
.rcsx-87{margin:0;font-size:17px;line-height:1.5;color:#b5b2a9;max-width:520px}
.rcsx-88{grid-column:1/-1;background:#ffffff;color:#121211;border-radius:28px;padding:clamp(28px,3.5vw,44px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:32px;align-items:end;transform:rotate(0.5deg);transition:transform .3s}
.rcsx-89{margin:0;font-size:17px;line-height:1.5;color:#3d3b36;max-width:520px}
.rcsx-90{background:#232320;color:#f1eee6;border-radius:28px;padding:clamp(28px,3.5vw,44px);min-height:420px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;transform:rotate(-1deg);transition:transform .3s}
.rcsx-91{display:flex;justify-content:space-between;gap:16px;font-family:'JetBrains Mono',monospace;font-size:13px;color:#121211}
.rcsx-92{font-family:'JetBrains Mono',monospace;font-size:13px;color:#121211}
.rcsx-93{margin:0;font-size:17px;line-height:1.5;color:#121211;max-width:460px}

/* Naslovna – Projekti (tamna podloga) */
#projekte.wp-block-group{background:#121211;color:#f1eee6;margin-top:40px}