/*
Theme Name: kiburi
Theme URI: https://kiburi.com/
Author: Ronny Stolz / kiburi
Description: Persönliches, minimalistisches Online-Magazin für kiburi – Rennrad, Fotografie, Füllfederhalter, Astronomie, Technik, eInk und persönliche Geschichten.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kiburi
License: GPL-2.0-or-later
*/
:root{--ink:#252a33;--muted:#747b86;--line:#e7e9ec;--soft:#f5f6f7;--max:1180px;--radius:24px;--shadow:0 18px 55px rgba(24,29,38,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:#111}
.site-header{padding:18px 24px 15px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);border-bottom:1px solid rgba(231,233,236,.75);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.header-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:180px 1fr 40px;align-items:center;gap:20px}.custom-logo{display:block;width:auto;max-width:155px;max-height:62px;object-fit:contain}
.main-nav{display:flex;justify-content:center;gap:27px;font-size:.84rem;color:#555c67}.main-nav a{transition:.2s}.main-nav a:hover{color:var(--ink)}
.menu-toggle{display:none;border:0;background:transparent;font-size:25px;color:var(--ink)}
.site-main{max-width:var(--max);margin:auto;padding:28px 24px 90px}
.hero{text-align:center;padding:45px 0 53px}.hero-kicker,.section-kicker{color:var(--muted);font-size:.69rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.hero h1{margin:11px 0 14px;font-size:clamp(2.7rem,6vw,5rem);line-height:1.01;letter-spacing:-.065em}.hero p{max-width:720px;margin:auto;color:var(--muted);font-size:1.04rem}
.category-strip{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:26px}.category-strip a{border:1px solid var(--line);border-radius:999px;padding:6px 13px;color:var(--muted);font-size:.77rem;background:#fff;transition:.2s}.category-strip a:hover{color:var(--ink);border-color:#cfd3d8;transform:translateY(-1px)}
.home-posts{display:grid;gap:64px}.featured-post{padding-bottom:64px;border-bottom:1px solid var(--line)}.featured-image-link,.secondary-image-link{display:block;overflow:hidden;background:var(--soft);box-shadow:var(--shadow)}.featured-image-link{border-radius:var(--radius)}.featured-image{display:block;width:100%;aspect-ratio:2.15/1;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.25,1)}.featured-post:hover .featured-image,.secondary-post:hover .secondary-image{transform:scale(1.015)}
.post-meta{margin:23px 0 8px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.105em;text-transform:uppercase}.category-sep{margin:0 5px;color:#b9bec5}.featured-title{margin:0 0 13px;max-width:980px;font-size:clamp(2.35rem,5vw,4.45rem);line-height:1.02;letter-spacing:-.058em}.post-excerpt{max-width:850px;color:#626975;font-size:1.03rem;margin:0 0 18px}.read-more{font-weight:650;font-size:.91rem}.read-more span{display:inline-block;transition:transform .2s}.read-more:hover span{transform:translateX(4px)}
.secondary-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.secondary-image-link{border-radius:18px}.secondary-image{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;transition:transform .6s}.secondary-title{margin:0 0 10px;font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.1;letter-spacing:-.04em}.secondary-post .post-meta{margin-top:19px}.secondary-post .post-excerpt{font-size:.96rem;line-height:1.6}
.older-wrap{display:flex;justify-content:center;margin-top:70px}.older-button{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:13px 23px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 6px 24px rgba(25,30,40,.045);font-size:.9rem;font-weight:650;transition:.2s}.older-button:hover{transform:translateY(-1px)}
/* About */
.about-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:60px 0 80px}.about-kicker{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.about-hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:.98;letter-spacing:-.065em;margin:20px 0 12px}.about-lead{font-size:1.45rem;line-height:1.3;margin:0 0 25px}.about-copy{color:#606772;max-width:650px}.about-portrait{width:100%;max-width:560px;justify-self:end;display:block}
.section{padding:35px 0 75px}.section-heading{display:flex;align-items:center;gap:14px;margin-bottom:32px}.section-heading:before{content:"";width:44px;height:1px;background:var(--ink)}.section-heading h2{margin:0;font-size:1.55rem;letter-spacing:-.035em}
.interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 38px}.interest{display:grid;grid-template-columns:52px 1fr;gap:16px}.interest-icon{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#454b55}.interest h3{margin:2px 0 4px;font-size:1.02rem}.interest p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}
.sport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sport-card{min-width:0}.sport-card img{display:block;width:100%;aspect-ratio:1.35/1;object-fit:cover;border-radius:14px}.sport-card h3{font-size:1.05rem;margin:10px 0 3px}.sport-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}
.single-header,.page-header{max-width:900px;margin:0 auto 40px}.single-header .post-title,.page-header h1{font-size:clamp(2.7rem,5.5vw,4.9rem);line-height:1.02;letter-spacing:-.06em}.content-area{max-width:900px;margin:auto}.content-area p{margin:0 0 1.3em}.content-area h2,.content-area h3{line-height:1.2;letter-spacing:-.03em;margin-top:2.1em}.content-area figure{margin:38px 0}.content-area img{border-radius:var(--radius)}.content-area blockquote{margin:34px 0;padding:5px 0 5px 24px;border-left:3px solid var(--ink);font-size:1.22rem}.back-link{display:inline-block;margin-bottom:24px;color:var(--muted);font-size:.86rem}.impressum-card{border:1px solid var(--line);border-radius:var(--radius);padding:35px;box-shadow:0 12px 40px rgba(24,29,38,.045)}.impressum-card h2{margin-top:0}.impressum-note{color:var(--muted);font-size:.84rem}
.site-footer{border-top:1px solid var(--line);padding:34px 24px 52px}.footer-inner{max-width:var(--max);margin:auto;text-align:center}.footer-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.footer-button{border:1px solid var(--line);border-radius:999px;padding:9px 17px;font-size:.87rem;color:var(--muted);background:#fff;transition:.2s}.footer-button:hover{color:var(--ink);border-color:#cfd3d8;transform:translateY(-1px)}.footer-copy{color:#a0a5ad;font-size:.72rem;margin-top:14px}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.header-inner{grid-template-columns:1fr 40px}.main-nav{display:none}.menu-toggle{display:block;justify-self:end}.about-hero{grid-template-columns:1fr;gap:25px}.about-portrait{justify-self:center;max-width:520px}.interest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-header{padding:16px 18px 12px}.site-main{padding:22px 18px 65px}.hero{padding:34px 0 42px}.hero h1{font-size:2.7rem}.home-posts{gap:45px}.featured-post{padding-bottom:45px}.featured-image{aspect-ratio:1.25/1}.featured-title{font-size:2.25rem}.secondary-posts{grid-template-columns:1fr;gap:44px}.secondary-image{aspect-ratio:1.35/1}.secondary-title{font-size:1.9rem}.about-hero{padding:40px 0 55px}.about-hero h1{font-size:3.2rem}.about-lead{font-size:1.25rem}.interest-grid,.sport-grid{grid-template-columns:1fr}.section{padding-bottom:55px}.impressum-card{padding:25px}}
