/* Czekolada.com Journal — cocoa, cream and gold palette of the main brand. */
:root{--cocoa:#160b06;--brown:#2b150d;--chocolate:#512718;--gold:#d4a353;--gold-light:#f1d8a5;--cream:#f7f3ed;--paper:#fffdf9;--ink:#2a1a13;--muted:#796b62;--line:#e7d8c7;--max:1190px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;height:auto}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.page-shell{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.concept-bar{background:var(--cocoa);color:var(--gold-light);text-align:center;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700;padding:8px 12px;border-bottom:1px solid #4b3020}.site-header{background:#1f100a;color:#fff6e8;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px max(32px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(212,163,83,.22)}.brand{font-size:29px;font-weight:800;letter-spacing:-1.2px;line-height:1;text-decoration:none;white-space:nowrap}.brand span{color:var(--gold)}.main-nav{display:flex;align-items:center;gap:27px}.main-nav a{text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.02em;color:#e6d9ca;transition:color .2s}.main-nav a:hover,.main-nav a.nav-current{color:var(--gold)}.language-switch{border:1px solid rgba(212,163,83,.5);border-radius:999px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.08em;padding:4px 10px}
.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--gold);margin:0 0 18px}.eyebrow-dark{color:#995a30}.journal-hero,.article-hero{background:radial-gradient(circle at 87% 15%,rgba(174,98,45,.28),transparent 34%),linear-gradient(115deg,#160b06,#422013 76%,#5b2b17);color:#fff8ec}.journal-hero{padding:100px 0 104px;border-bottom:4px solid var(--gold)}.journal-hero h1{font-size:clamp(40px,5.7vw,78px);line-height:1.06;letter-spacing:-.045em;max-width:980px;margin:0 0 25px;font-weight:800}.journal-hero h1 em{font-style:normal;color:var(--gold-light)}.hero-lead{font-size:clamp(16px,2vw,21px);color:#e0cbb7;max-width:660px;line-height:1.6;margin:0}
.journal-content{padding-block:78px 105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:34px}.section-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.03em;margin:0}.section-heading .eyebrow{margin-bottom:8px}.article-count{font-size:12px;color:var(--muted);white-space:nowrap}.post-list{display:grid;gap:24px}.feature-card{display:grid;grid-template-columns:1.12fr 1fr;min-height:380px;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 15px 40px rgba(40,19,9,.055)}.feature-image{display:block;overflow:hidden;background:#ede4db}.feature-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.feature-image:hover img{transform:scale(1.02)}.feature-copy{padding:clamp(28px,4vw,55px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-copy .eyebrow{margin-bottom:9px}.post-date{font-size:12px;color:var(--muted);margin:0 0 15px}.feature-copy h3{font-size:clamp(28px,3vw,41px);line-height:1.12;letter-spacing:-.04em;margin:0 0 18px}.feature-copy h3 a{text-decoration:none}.feature-copy h3 a:hover{color:#a15c28}.feature-copy>p:not(.eyebrow):not(.post-date){color:#66564b;margin:0 0 25px;font-size:16px;line-height:1.65}.text-link{color:#934f24;font-weight:800;text-decoration:none;border-bottom:1px solid #c89460;padding-bottom:4px}.text-link:hover{color:#603014}.text-link span{font-size:19px;margin-left:5px}
.discovery-band{background:var(--cocoa);color:#fff4e8;padding:65px 0}.discovery-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.discovery-inner h2{font-size:clamp(27px,3vw,42px);line-height:1.12;letter-spacing:-.035em;margin:0 0 12px}.discovery-inner p:not(.eyebrow){color:#cdb9a7;margin:0;max-width:570px}.discovery-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:5px;text-decoration:none;font-weight:800;font-size:13px;line-height:1.2;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:var(--cocoa)}.button-gold:hover{background:#e5b96f}.button-outline{border:1px solid var(--gold);color:var(--gold-light)}.button-outline:hover{background:rgba(212,163,83,.12)}
.article-hero{padding:50px 0 74px;border-bottom:4px solid var(--gold)}.breadcrumbs{display:flex;gap:12px;align-items:center;color:#d2b7a0;font-size:12px;margin-bottom:48px}.breadcrumbs a{text-decoration:none;color:var(--gold-light)}.breadcrumbs a:hover{text-decoration:underline}.article-hero h1{max-width:1060px;font-size:clamp(38px,5.4vw,76px);line-height:1.05;letter-spacing:-.047em;margin:0 0 25px}.article-deck{font-size:clamp(17px,2vw,23px);color:#e3cbb7;line-height:1.55;max-width:780px;margin:0 0 30px}.article-meta{display:flex;gap:13px;align-items:center;color:#cfb9a6;font-size:13px}.article-meta span:first-child{font-weight:700;color:#fff4e5}.meta-dot{color:var(--gold)}.article-shell{padding-top:60px;padding-bottom:90px}.prose{max-width:810px;margin-inline:auto}.prose p{font-size:18px;line-height:1.8;color:#4e4037;margin:0 0 23px}.prose p.lead{font-size:clamp(21px,2.4vw,28px);font-weight:700;line-height:1.48;color:var(--ink);letter-spacing:-.025em}.prose strong{color:var(--ink)}.prose a{color:#8b4b25;text-underline-offset:3px}.story-opening{margin-bottom:50px}.report-figure{margin:0 auto 72px;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 16px 55px rgba(51,26,12,.09)}.report-figure>a{display:block}.report-figure img{display:block;width:100%;height:auto}.report-figure figcaption{border-top:1px solid var(--line);background:#fffaf5;padding:14px 22px;font-size:13px;color:#736052;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.report-figure figcaption a{color:#915022;font-weight:700}.story-section{margin-bottom:70px}.story-section h2{font-size:clamp(30px,3.4vw,45px);letter-spacing:-.04em;line-height:1.15;margin:0 0 24px}.story-section .eyebrow{margin-bottom:12px}.ranking-list{list-style:none;padding:0;margin:30px 0 26px;counter-reset:rank;border-top:1px solid var(--line)}.ranking-list li{counter-increment:rank;display:flex;align-items:center;gap:20px;padding:13px 4px;border-bottom:1px solid var(--line);font-size:18px;font-weight:700}.ranking-list li::before{content:counter(rank,decimal-leading-zero);color:#a15d31;font-size:12px;letter-spacing:.04em}.ranking-list li strong{margin-left:auto;color:#87421e;font-size:18px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:10px auto 74px;border:1px solid #d8bea0;background:#fff9f1;border-radius:12px;overflow:hidden}.stat-strip>div{padding:27px 21px;border-right:1px solid #e6d4c0}.stat-strip>div:last-child{border-right:0}.stat-strip span{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.09em;font-weight:800;color:#816c5e;margin-bottom:12px}.stat-strip strong{display:block;font-size:clamp(19px,2vw,29px);line-height:1.1;letter-spacing:-.025em;color:#4c2718}.source-note{max-width:810px;margin:0 auto 76px;padding:20px 25px;border-left:4px solid var(--gold);background:#f0e7db;color:#655346;font-size:14px;line-height:1.65}.source-note strong{color:var(--ink)}.source-note p{margin:5px 0 0}.article-cta{background:linear-gradient(110deg,#1b0e08,#482316);color:#fff5e8;border-radius:14px;padding:clamp(30px,5vw,55px);display:flex;align-items:center;justify-content:space-between;gap:36px}.article-cta h2{font-size:clamp(28px,3vw,41px);line-height:1.1;letter-spacing:-.035em;margin:0 0 12px}.article-cta p:not(.eyebrow){max-width:520px;color:#dbc6b5;margin:0}.article-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:35px;font-size:12px;color:#8c7d70}
.site-footer{background:#120904;color:#c6b2a0;padding:36px 0;border-top:1px solid rgba(212,163,83,.35)}.footer-inner{width:min(var(--max),calc(100% - 64px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:22px}.footer-wordmark{font-size:18px;font-weight:800;letter-spacing:-.04em;color:#fff4e6;text-decoration:none}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap}.site-footer nav a{font-size:12px;text-decoration:none}.site-footer nav a:hover{color:var(--gold)}.site-footer small{font-size:11px}.back-to-top{position:fixed;right:20px;bottom:20px;border:1px solid rgba(212,163,83,.6);border-radius:999px;background:rgba(22,11,6,.94);color:var(--gold);padding:10px 14px;z-index:20;cursor:pointer;font-size:13px;font-weight:800;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:900px){.feature-card{grid-template-columns:1fr}.feature-image{max-height:430px}.feature-copy{padding:35px}.discovery-inner,.article-cta{align-items:flex-start;flex-direction:column}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat-strip>div:nth-child(2){border-right:0}.stat-strip>div:nth-child(-n+2){border-bottom:1px solid #e6d4c0}}
@media(max-width:650px){.page-shell,.footer-inner{width:calc(100% - 36px)}.site-header{padding:16px 18px;gap:14px;flex-wrap:wrap}.brand{font-size:24px}.main-nav{order:3;flex-basis:100%;justify-content:space-between;gap:10px;border-top:1px solid rgba(212,163,83,.15);padding-top:13px}.main-nav a{font-size:12px}.language-switch{font-size:10px}.journal-hero{padding:72px 0 78px}.journal-content{padding:50px 0 70px}.feature-image{max-height:270px}.feature-copy{padding:25px}.feature-copy h3{font-size:30px}.discovery-band{padding:50px 0}.article-hero{padding:28px 0 53px}.breadcrumbs{margin-bottom:35px}.article-shell{padding-top:36px;padding-bottom:65px}.prose p{font-size:16px}.prose p.lead{font-size:21px}.story-opening{margin-bottom:35px}.story-section{margin-bottom:52px}.report-figure{margin-bottom:55px}.report-figure figcaption{padding:12px}.stat-strip{margin-bottom:55px}.stat-strip>div{padding:18px 13px}.stat-strip strong{font-size:20px}.ranking-list li{font-size:16px}.ranking-list li strong{font-size:16px}.article-cta{padding:28px 22px}.footer-inner{flex-direction:column;align-items:flex-start}.article-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}