@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* E-Reklamo: an orange identity scoped to its project section. */
#e-reklamo { --reklamo-orange: #ff7517; --reklamo-ink: #48220d; --f-sans: 'Poppins', Arial, sans-serif; --f-mono: 'Poppins', Arial, sans-serif; font-family: var(--f-sans); background: var(--reklamo-orange); color: var(--reklamo-ink); border-top: 7px solid #e45b0a; border-bottom: 0; }
.e-reklamo-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 40px; }
.e-reklamo-eyebrow { font: 11px var(--f-mono); color: #54250d; text-transform: uppercase; letter-spacing: .1em; line-height: 1.7; }
.e-reklamo-category { border: 1px solid #602e1660; border-radius: 100px; padding: 8px 12px; font-size: 10px; color: #54250d; }
.e-reklamo-feature { display: grid; grid-template-columns: 1fr 1.25fr; align-items: center; gap: clamp(32px, 5vw, 72px); }
.e-reklamo-copy h2 { font-family: var(--f-sans); font-size: clamp(36px, 4.5vw, 68px); font-weight: 800; letter-spacing: -.05em; line-height: 1.1; overflow-wrap: anywhere; }
.e-reklamo-logo { display: block; width: min(100%, 500px); height: auto; }
.e-reklamo-lead { font-size: clamp(20px, 2.4vw, 32px); font-weight: 700; line-height: 1.4; letter-spacing: -.025em; margin-top: 26px; }
.e-reklamo-lead > span { color: #48220d; }
.e-reklamo-summary { font-size: 14px; line-height: 1.85; max-width: 52ch; color: #48220d; margin-top: 20px; }
.e-reklamo-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.e-reklamo-tags > span { padding: 7px 10px; font-size: 10px; line-height: 1.5; color: #54250d; background: #ffffffb8; border-radius: 4px; }
.e-reklamo-preview { margin: 0; min-width: 0; padding: clamp(16px, 2.5vw, 32px); background: #ffffff26; border: 1px solid #ffffff55; border-radius: 12px; }
.e-reklamo-browser { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px; background: #fff; color: #9c7765; border-bottom: 1px solid #f2ded1; border-radius: 6px 6px 0 0; font-size: 9px; }
.e-reklamo-browser img { width: 24px; height: 24px; object-fit: contain; }
.e-reklamo-screen { display: block; width: 100%; padding: 0; border: 0; border-radius: 0 0 6px 6px; overflow: hidden; background: #fff; cursor: zoom-in; box-shadow: 0 20px 32px #9a491d22; }
.e-reklamo-screen img { display: block; width: 100%; height: auto; }
.e-reklamo-enlarge { display: flex; justify-content: space-between; padding: 12px 16px; border-top: 1px solid #f2ded1; color: #54250d; font: 10px var(--f-mono); text-transform: uppercase; letter-spacing: .06em; }
.e-reklamo-preview figcaption { font-size: 11px; color: #54250d; margin-top: 16px; line-height: 1.6; }
.e-reklamo-screen:focus-visible { outline: 3px solid #97401d; outline-offset: 5px; }
.e-reklamo-note { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 0; padding-top: 22px; border-top: 0; color: #54250d; font-size: 11px; }
@media (max-width: 800px) { .e-reklamo-feature { grid-template-columns: 1fr; } .e-reklamo-preview { width: 100%; max-width: 680px; } }

#e-reklamo button { font-family: var(--f-sans); }
.e-reklamo-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.reklamo-manual-desk > * { min-width: 0; }

.e-reklamo-resources { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
.e-reklamo-resource { padding: clamp(24px, 3vw, 36px); border: 1px solid #ffffff60; border-radius: 8px; background: #ffffffb8; }
.e-reklamo-resource h3 { margin: 18px 0 12px; font-size: 22px; font-weight: 600; }
.e-reklamo-resource p { color: var(--reklamo-ink); font-size: 13px; line-height: 1.8; }
.e-reklamo-resource-status { display: inline-block; margin-top: 24px; padding: 8px 12px; border: 1px dashed #602e1660; border-radius: 4px; color: #54250d; font-size: 11px; }
@media (max-width: 700px) { .e-reklamo-resources { grid-template-columns: 1fr; } }
/* A community signal, an explorable journey, and the actual website. */
#e-reklamo { overflow:hidden; scroll-margin-top:90px; }
.e-reklamo-feature { grid-template-columns:1.05fr 1fr; gap:60px; padding:20px 0 65px; }
.e-reklamo-copy { min-width:0; }.e-reklamo-copy h2 { margin:0; }
.e-reklamo-lead { font-size:clamp(32px,4.5vw,58px); line-height:1.13; letter-spacing:-.045em; }.e-reklamo-lead > span { color:#fff; }
.e-reklamo-cta { display:inline-flex; align-items:center; gap:40px; padding:15px 20px; background:#48220d; color:#fff; border-radius:40px; margin-top:24px; font-size:12px; }
.e-reklamo-signal { position:relative; display:grid; place-items:center; min-height:370px; border:1px solid #ffffff70; border-radius:50% 50% 25px 25px; background:radial-gradient(ellipse at 72% 42%, #fffaf3e8 0%, #fff7eeb8 30%, #fff5e64d 57%, #ffffff08 82%),linear-gradient(110deg,#ffffff05 15%,#fffaf340 100%); isolation:isolate; }
.e-reklamo-signal > img { width:115px; height:115px; object-fit:contain; z-index:1; filter:drop-shadow(0 10px 18px #7b2b1220); }
.e-reklamo-signal-label,.e-reklamo-signal-foot { position:absolute; font-size:9px; letter-spacing:.1em; }.e-reklamo-signal-label { top:40px; }.e-reklamo-signal-foot { bottom:27px; text-align:center; }
.e-reklamo-signal-rings { position:absolute; inset:0; display:grid; place-items:center; z-index:-1; }.e-reklamo-signal-rings span { position:absolute; width:155px; height:155px; border:1px solid #a94d2245; border-radius:50%; }.e-reklamo-signal-rings span:nth-child(2) { width:230px; height:230px; opacity:.6; }.e-reklamo-signal-rings span:nth-child(3) { width:305px; height:305px; opacity:.3; }
.e-reklamo-message { position:absolute; z-index:2; background:#fff7ec; padding:15px 19px; border-radius:15px; color:#48220d; font-size:12px; font-weight:600; box-shadow:0 10px 25px #77310d20; }.e-reklamo-message--first { left:-12px; top:90px; transform:rotate(-7deg); }.e-reklamo-message--second { right:-12px; bottom:90px; transform:rotate(5deg); }
#e-reklamo-journey { scroll-margin-top:110px; }.e-reklamo-journey { background:#fff4e8; border-radius:25px; padding:clamp(24px,4vw,48px); }.e-reklamo-journey h3,.e-reklamo-screen-intro h3 { font-family:inherit; font-size:clamp(27px,3.6vw,44px); line-height:1.2; letter-spacing:-.04em; margin:16px 0 30px; }.e-reklamo-journey h3 em { font-style:normal; color:#9f3c05; }
.e-reklamo-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.e-reklamo-steps button { position:relative; display:flex; flex-direction:column; gap:15px; padding:22px; border:1px solid #48220d25; border-radius:15px; text-align:left; color:#48220d; background:transparent; cursor:pointer; }.e-reklamo-steps button[aria-pressed="true"] { background:#48220d; color:#fff4e8; }.e-reklamo-steps button > span:first-child { font-size:12px; opacity:.75; }.e-reklamo-steps strong { font-size:15px; }.e-reklamo-steps small { font-size:10px; line-height:1.6; }.e-reklamo-steps button > span:last-child { position:absolute; right:20px; top:18px; font-size:20px; }
.e-reklamo-step-description { font-size:13px; line-height:1.9; max-width:78ch; min-height:50px; margin:24px 0 0; }
.e-reklamo-screen-story { display:grid; grid-template-columns:.75fr 1.25fr; gap:40px; align-items:center; padding-block:60px 20px; }.e-reklamo-screen-intro p { font-size:13px; line-height:1.9; }.e-reklamo-preview-note { display:block; font-size:10px; line-height:1.8; margin-top:20px; }.e-reklamo-preview { background:#ffffff30; border-radius:22px; transform:rotate(-2deg); }.e-reklamo-screen-story .e-reklamo-preview { width:100%; }
.e-reklamo-resources { gap:16px; }.e-reklamo-resource { border-radius:16px; background:#ffffff45; padding:24px; }.e-reklamo-resource h3 { font-size:18px; margin:12px 0; }.e-reklamo-resource-status { margin-top:14px; }
#e-reklamo button:focus-visible,#e-reklamo a:focus-visible { outline:3px solid #48220d; outline-offset:5px; }
@supports(animation-timeline:view()) {
 @keyframes reklamo-signal-grow { from { scale:.8; rotate:-12deg; } to { scale:1.1; rotate:12deg; } }
 @media(prefers-reduced-motion:no-preference) { html[data-motion="on"] .e-reklamo-signal-rings { animation:reklamo-signal-grow linear both; animation-timeline:view(); animation-range:entry 0% exit 100%; } }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) { html[data-motion="on"] .e-reklamo-steps button,html[data-motion="on"] .e-reklamo-cta { transition:translate .2s ease,background-color .2s ease,color .2s ease; } html[data-motion="on"] .e-reklamo-steps button:hover,html[data-motion="on"] .e-reklamo-cta:hover { translate:0 -4px; } }
@media(max-width:800px) { .e-reklamo-feature,.e-reklamo-screen-story { grid-template-columns:1fr; gap:35px; }.e-reklamo-signal { width:calc(100% - 24px); max-width:420px; justify-self:center; }.e-reklamo-preview { transform:none; }.e-reklamo-screen-story { padding-block:45px 10px; } }
@media(max-width:600px) { .e-reklamo-steps { grid-template-columns:1fr; }.e-reklamo-steps button { gap:8px; }.e-reklamo-signal { min-height:340px; }.e-reklamo-message { font-size:10px; }.e-reklamo-step-description { min-height:0; } }
@media(prefers-reduced-motion:reduce) { .e-reklamo-message,.e-reklamo-preview { transform:none; } }
/* The field guide: printed spreads become a pocket handbook. */
#e-reklamo-manual { scroll-margin-top:110px; }.reklamo-manual { margin-top:55px; padding:clamp(22px,4vw,48px); border-radius:28px; background:#fff3e4; color:#48220d; }
.reklamo-manual-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; }.reklamo-manual h3 { font-family:inherit; font-size:clamp(28px,4vw,48px); letter-spacing:-.045em; line-height:1.15; margin:16px 0 30px; }.reklamo-manual-sticker { flex-shrink:0; padding:22px 17px; border-radius:50%; background:#ff7517; color:#48220d; font-size:10px; font-weight:700; transform:rotate(12deg); }
.reklamo-manual-desk { display:grid; grid-template-columns:.7fr 1fr; gap:clamp(24px,5vw,65px); align-items:center; }.reklamo-manual-aside > p { font-size:13px; line-height:1.9; max-width:32ch; }.reklamo-manual-chapters { display:grid; gap:6px; margin-top:22px; }.reklamo-manual-chapters button { text-align:left; padding:10px 13px; border:1px solid #48220d25; border-radius:8px; background:transparent; color:#48220d; font:inherit; font-size:11px; cursor:pointer; }.reklamo-manual-chapters button[aria-current="true"] { background:#48220d; color:#fff3e4; }.reklamo-manual-hint { display:block; margin-top:25px; font-size:10px; line-height:1.9; color:#825033; }
.reklamo-manual-reader { min-width:0; padding:12px 8px; }.reklamo-manual-book { position:relative; width:min(100%,360px); margin:auto; perspective:1200px; border-radius:3px 9px 9px 3px; box-shadow:4px 3px 0 #ead8c6,8px 6px 0 #fff,12px 9px 0 #d8b99b,18px 22px 30px #48220d25; background:#e76a0b; }
.reklamo-manual-book::after { content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(90deg,#48220d35,transparent 4%,#ffffff0a 95%,#48220d18); }
.reklamo-manual-page { display:block; position:relative; width:100%; aspect-ratio:1000/1415; overflow:hidden; padding:0; border:0; background:#fff; border-radius:inherit; cursor:zoom-in; transform-origin:left center; }.reklamo-manual-page[hidden] { display:none; }.reklamo-manual-page img { display:block; width:200%; max-width:none; height:100%; object-fit:fill; pointer-events:none; }.reklamo-manual-page--right img { margin-left:-100%; }
.reklamo-manual-controls { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:30px; }.reklamo-manual-controls button,.reklamo-manual-zoom-controls button { border:1px solid #48220d40; background:#fff9f1; color:#48220d; border-radius:50%; width:42px; height:42px; cursor:pointer; font-size:20px; }.reklamo-manual-controls button:disabled,.reklamo-manual-zoom-controls button:disabled { opacity:.35; cursor:default; }.reklamo-manual-controls > span { font-size:10px; text-align:center; line-height:1.6; }.reklamo-manual-progress { height:3px; background:#48220d15; margin-top:16px; border-radius:4px; overflow:hidden; }.reklamo-manual-progress span { display:block; width:100%; height:100%; background:#e05a09; transform:scaleX(.0625); transform-origin:left; }
#reklamo-manual-dialog { width:min(96vw,800px); max-width:96vw; max-height:94dvh; padding:18px; border:0; border-radius:15px; background:#fff3e4; color:#48220d; overflow:auto; }#reklamo-manual-dialog::backdrop { background:#271205b8; }.reklamo-manual-dialog-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px; }.reklamo-manual-dialog-bar h2 { font:600 14px 'Poppins',sans-serif; margin:0; }.reklamo-manual-dialog-bar button { padding:10px 15px; background:#48220d; color:#fff; border:0; border-radius:20px; cursor:pointer; }.reklamo-manual-expanded { width:min(100%,650px); margin:auto; }.reklamo-manual-expanded .reklamo-manual-page { cursor:default; border-radius:3px; }.reklamo-manual-zoom-controls { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:18px; font-size:11px; }.reklamo-manual-zoom-controls button { width:auto; border-radius:20px; padding:8px 15px; font-size:12px; }
@media(max-width:700px) { .reklamo-manual-desk { grid-template-columns:1fr; }.reklamo-manual-sticker { display:none; }.reklamo-manual-chapters { display:flex; overflow-x:auto; padding-bottom:8px; }.reklamo-manual-chapters button { flex-shrink:0; }.reklamo-manual-aside > p { max-width:none; }.reklamo-manual-hint { margin-top:12px; }.reklamo-manual-reader { width:100%; max-width:390px; justify-self:center; } }
/* Editorial flow: identity → website → journey → field guide. */
.e-reklamo-local-nav { display:flex; flex-wrap:wrap; gap:8px; }.e-reklamo-local-nav a { padding:9px 13px; border:1px solid #48220d40; border-radius:30px; font-size:10px; }
.e-reklamo-feature { padding-block:25px 75px; }.e-reklamo-copy h2 { max-width:460px; }.e-reklamo-summary { max-width:43ch; }
#e-reklamo-preview { scroll-margin-top:110px; }
.e-reklamo-screen-story { position:relative; display:block; padding:clamp(24px,4vw,48px); margin:0 0 55px; background:linear-gradient(145deg,#fffaf4,#ffead4); border:1px solid #fff9; border-radius:30px; }
.e-reklamo-screen-intro { display:grid; grid-template-columns:1fr 1fr; gap:0 40px; align-items:center; margin-bottom:32px; }
.e-reklamo-screen-intro > .e-reklamo-eyebrow { grid-column:1 / -1; }
.e-reklamo-screen-intro h3 { grid-column:1; grid-row:2 / 4; margin:18px 0 0; font-size:clamp(30px,4vw,49px); }
.e-reklamo-screen-intro h3 em { color:#a54007; font-style:normal; }
.e-reklamo-screen-intro p { grid-column:2; margin:18px 0 12px; max-width:46ch; }
.e-reklamo-text-link { grid-column:2; display:inline-flex; align-items:center; gap:20px; font-size:11px; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.e-reklamo-screen-story .e-reklamo-preview { width:min(100%,787px); max-width:none; padding:clamp(10px,2vw,30px); margin:0 auto; border-radius:18px; border:1px solid #e5c7ac; background:#f4ddc8; transform:none; }
.e-reklamo-browser { justify-content:flex-start; padding:13px 15px; gap:12px; color:#664633; font-size:10px; }
.e-reklamo-browser img { width:20px; height:20px; }.e-reklamo-browser-dots { color:#b29c8c; letter-spacing:2px; font-size:9px; margin-right:auto; }
.e-reklamo-screen { box-shadow:none; }.e-reklamo-screen img { width:100%; max-width:723px; height:auto; margin-inline:auto; transform:none; }
.e-reklamo-enlarge { background:#fff; padding:15px; font-size:10px; }
.e-reklamo-preview figcaption { font-size:10px; margin-top:14px; text-align:center; }
.e-reklamo-journey { position:relative; border:1px solid #fff9; background:#ffffff26; }
.e-reklamo-journey h3 em { color:#fff; }.e-reklamo-steps button { background:#fff1e2; border:0; min-height:158px; }.e-reklamo-steps button[aria-pressed="true"] { background:#48220d; }
.e-reklamo-step-description { min-height:54px; max-width:85ch; }
.e-reklamo-source-note { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-top:30px; padding:22px 0; border-block:1px solid #48220d30; }.e-reklamo-source-note p { font-size:11px; line-height:1.8; max-width:48ch; margin:0; }.e-reklamo-source-note .e-reklamo-resource-status { margin:0; }
@keyframes reklamo-note-float { 0%,100% { translate:0 0; } 50% { translate:0 -8px; } }
@keyframes reklamo-icon-rock { 0%,100% { rotate:-4deg; } 50% { rotate:5deg; } }
@media(prefers-reduced-motion:no-preference) {
 html[data-motion="on"] .e-reklamo-signal.reklamo-in-view .e-reklamo-message { animation:reklamo-note-float 5s ease-in-out infinite; }
 html[data-motion="on"] .e-reklamo-signal.reklamo-in-view .e-reklamo-message--second { animation-delay:-2.5s; }
 html[data-motion="on"] .e-reklamo-signal.reklamo-in-view > img { animation:reklamo-icon-rock 6s ease-in-out infinite; }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 html[data-motion="on"] .e-reklamo-local-nav a { transition:background-color .2s ease,translate .2s ease; }
 html[data-motion="on"] .e-reklamo-local-nav a:hover { background:#fff4e8; translate:0 -2px; }
}
@media(max-width:700px) {
 .e-reklamo-screen-intro { display:block; }.e-reklamo-screen-intro h3 { margin-bottom:18px; }.e-reklamo-screen-intro p { max-width:none; }.e-reklamo-text-link { margin-top:6px; }
 .e-reklamo-browser { gap:8px; font-size:8px; }.e-reklamo-browser-dots { display:none; }.e-reklamo-screen-story { margin-bottom:35px; border-radius:22px; }.e-reklamo-steps button { min-height:0; }.e-reklamo-step-description { min-height:0; }
}