/*
Theme Name: De berichten die jou raken!
Author: Kevin Knol
Description: Redactioneel WordPress-thema voor nieuwsduiding over cryptografie en digitale zekerheid.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: dbjr
*/
:root{--paper:#f2efe6;--ink:#122033;--navy:#101c2c;--orange:#ff6038;--acid:#dfff64;--blue:#6f8cff;--rule:rgba(18,32,51,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.wrap{width:min(1320px,92vw);margin:auto}.site-header{min-height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:-.035em}.mark{width:41px;height:41px;display:inline-grid;grid-template-columns:1fr 1fr;place-items:center;position:relative;border:1px solid;border-radius:50%;font:700 10px/1 Arial}.mark i{position:absolute;width:1px;height:39px;background:currentColor;transform:rotate(25deg)}.site-nav{display:flex;gap:48px}.site-nav a,.edition{font:700 10px/1 monospace;letter-spacing:.12em;text-transform:uppercase}.edition{justify-self:end}.hero{padding:70px 0 85px}.eyebrow,.kicker{margin:0 0 26px;font:700 10px/1.3 monospace;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--orange)}.hero-title{max-width:1100px;margin:0 0 55px;font:400 clamp(66px,8vw,128px)/.83 Georgia,serif;letter-spacing:-.07em}.hero-title em{color:var(--orange);font-weight:400}.lead{display:grid;grid-template-columns:.8fr 1.2fr;min-height:490px;border:1px solid}.lead-visual{position:relative;display:grid;place-content:center;overflow:hidden;background:var(--navy);color:white}.lead-visual:before,.lead-visual:after{content:"";position:absolute;border:1px dashed rgba(255,255,255,.45);border-radius:50%}.lead-visual:before{inset:12%}.lead-visual:after{inset:28%;border-color:var(--acid)}.lead-visual span{z-index:1;font:400 clamp(44px,5vw,72px)/1 Georgia,serif}.lead-copy{padding:clamp(34px,5vw,70px);display:flex;flex-direction:column;justify-content:flex-end}.meta{display:flex;gap:22px;margin-bottom:auto;font:700 10px/1.3 monospace;letter-spacing:.09em;text-transform:uppercase}.meta span:first-child{color:var(--orange)}.lead h2{margin:65px 0 22px;font:400 clamp(38px,4.6vw,68px)/1 Georgia,serif;letter-spacing:-.05em}.lead p,.post-row p{color:#46505e}.read-link{align-self:flex-start;padding-bottom:5px;border-bottom:2px solid;font:800 11px/1 monospace;text-transform:uppercase;letter-spacing:.08em}.promise{padding:18px 4vw;border-block:1px solid;background:var(--acid);text-align:center;font:800 11px/1 monospace;letter-spacing:.1em;text-transform:uppercase}.promise b{margin:0 28px;color:var(--orange)}.section{padding:110px 0}.latest-grid,.about-grid,.article-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.section-title h2,.about-grid h2{margin:0;font:400 clamp(43px,5vw,74px)/.98 Georgia,serif;letter-spacing:-.05em}.post-row{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:34px 0;border-top:1px solid}.post-row:last-child{border-bottom:1px solid}.post-row>span{font:700 10px/1 monospace;color:var(--orange)}.post-row h3{margin:32px 0 14px;font:400 clamp(30px,3.3vw,49px)/1.03 Georgia,serif;letter-spacing:-.04em}.method{background:var(--navy);color:white}.method h2{max-width:850px;margin:0 0 60px;font:400 clamp(43px,5vw,74px)/.98 Georgia,serif;letter-spacing:-.05em}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.25)}.step{min-height:300px;padding:30px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.25)}.step:last-child{border:0;background:var(--blue);color:var(--navy)}.step>span{margin-bottom:auto;font:700 10px/1 monospace}.step h3{margin:0 0 14px;font:400 clamp(26px,2.6vw,39px)/1.05 Georgia,serif}.about-copy>p{max-width:720px;font:400 clamp(20px,2vw,27px)/1.5 Georgia,serif}.site-footer{padding:35px 0;background:var(--acid);border-top:1px solid}.footer-grid{display:grid;grid-template-columns:1fr auto;align-items:end}.site-footer p{margin:0;font:700 10px/1.5 monospace;text-transform:uppercase}.article-header{padding:60px 0 85px;border-bottom:1px solid}.back{display:inline-block;margin-bottom:60px;border-bottom:1px solid;font:700 10px/1.8 monospace;text-transform:uppercase}.article-header h1{max-width:1100px;margin:40px 0 35px;font:400 clamp(52px,7vw,108px)/.9 Georgia,serif;letter-spacing:-.06em}.dek{max-width:800px;margin:0;font:400 clamp(21px,2.1vw,30px)/1.45 Georgia,serif;color:#46505e}.article-grid{padding:85px 0 120px}.core{align-self:start;position:sticky;top:40px;padding:28px;border:1px solid;border-top:8px solid var(--orange);font:italic 20px/1.5 Georgia,serif}.article-content{font:400 20px/1.72 Georgia,serif}.article-content h2{margin:60px 0 15px;font:400 clamp(34px,3.6vw,52px)/1.05 Georgia,serif;letter-spacing:-.04em}.article-content h2:first-child{margin-top:0}.impact{margin:65px 0;padding:44px;background:var(--orange);color:var(--navy)}.impact h2{margin-top:0}.actions{margin:55px 0}.actions li{padding:16px 0;border-bottom:1px solid var(--rule)}.source{padding-top:26px;border-top:1px solid;font:700 11px/1.5 monospace;text-transform:uppercase}.admin-hint{padding:35px;border:1px dashed;text-align:center}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.site-header{grid-template-columns:1fr auto}.site-nav{display:none}.lead,.latest-grid,.about-grid,.article-grid{grid-template-columns:1fr}.lead-visual{min-height:360px}.steps{grid-template-columns:1fr}.step{min-height:240px;border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.core{position:static}.section-title{margin-bottom:50px}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.site-header{min-height:72px}.edition{display:none}.brand>span:last-child{max-width:180px;font-size:12px}.hero-title{font-size:clamp(55px,18vw,80px)}.lead-copy{padding:30px 24px}.meta{flex-wrap:wrap}.promise b{margin:0 9px}.section{padding:78px 0}.article-header{padding:45px 0 65px}.article-content{font-size:18px}.impact{padding:30px 24px}.footer-grid{grid-template-columns:1fr;gap:24px}}