/*
Theme Name: Dino Mileta Blog
Theme URI: https://www.dinomileta.com/
Author: Dino Mileta
Description: Minimal dark editorial WordPress theme matching dinomileta.com.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dinomileta-blog
*/

:root{--dm-black:#050505;--dm-panel:#111;--dm-white:#fff;--dm-muted:#aaa;--dm-line:#2b2b2b;--dm-max:1160px;--dm-copy:760px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dm-black);color:var(--dm-white);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{opacity:.72}
img{display:block;max-width:100%;height:auto}
.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}
.dm-wrap{width:min(calc(100% - 48px),var(--dm-max));margin-inline:auto}
.dm-header{position:relative;z-index:10;border-bottom:1px solid var(--dm-line);background:rgba(5,5,5,.96)}
.dm-header__inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.dm-brand{font-family:Helvetica,Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.dm-brand span{color:var(--dm-muted);font-weight:400}
.dm-brand img{max-height:46px;width:auto}
.dm-back{font-size:12px;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
.dm-nav ul{display:flex;flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none}
.dm-nav a{font-size:12px;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}
.dm-hero{padding:112px 0 84px;border-bottom:1px solid var(--dm-line)}
.dm-kicker,.dm-meta{color:var(--dm-muted);font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.dm-hero h1,.dm-post-title{max-width:940px;margin:12px 0 22px;font-family:Helvetica,Arial,sans-serif;font-size:clamp(46px,7vw,92px);font-weight:700;letter-spacing:-.045em;line-height:.98}
.dm-hero p{max-width:690px;margin:0;color:#d0d0d0;font-size:20px}
.dm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--dm-line);border:1px solid var(--dm-line);margin:72px auto}
.dm-card{display:flex;flex-direction:column;background:var(--dm-black);min-width:0}
.dm-card__image{aspect-ratio:16/9;overflow:hidden;background:var(--dm-panel)}
.dm-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.dm-card:hover .dm-card__image img{transform:scale(1.02)}
.dm-card__body{display:flex;flex:1;flex-direction:column;padding:34px}
.dm-card h2{margin:10px 0 18px;font-size:clamp(25px,3vw,38px);line-height:1.12;letter-spacing:-.025em}
.dm-card h2 a{text-decoration:none}
.dm-card p{margin:0 0 24px;color:#c5c5c5}
.dm-card__more{margin-top:auto;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.dm-article-header{padding:100px 0 54px}
.dm-article-header .dm-post-title{font-size:clamp(43px,7vw,88px)}
.dm-featured{width:min(calc(100% - 48px),var(--dm-max));margin:0 auto 72px;aspect-ratio:16/8;overflow:hidden;background:var(--dm-panel)}
.dm-featured img{width:100%;height:100%;object-fit:cover}
.dm-content{width:min(calc(100% - 48px),var(--dm-copy));margin:0 auto;padding-bottom:96px}
.dm-content>*:first-child{margin-top:0}
.dm-content h2,.dm-content h3{margin:2.2em 0 .7em;line-height:1.15;letter-spacing:-.025em}
.dm-content h2{font-size:38px}.dm-content h3{font-size:28px}
.dm-content p,.dm-content ul,.dm-content ol{margin:0 0 1.5em}
.dm-content blockquote{margin:2.2em 0;padding:8px 0 8px 28px;border-left:2px solid var(--dm-white);font-size:25px;line-height:1.45}
.dm-content a{color:#fff}.dm-content figure{margin:2.5em 0}.dm-content figcaption{color:var(--dm-muted);font-size:13px}
.dm-content pre{overflow:auto;padding:22px;background:var(--dm-panel)}
.dm-tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:32px;border-top:1px solid var(--dm-line)}
.dm-tags a{padding:5px 10px;border:1px solid var(--dm-line);font-size:12px;text-decoration:none}
.dm-cta{margin-top:72px;padding:42px;border:1px solid var(--dm-line);background:var(--dm-panel)}
.dm-cta h2{margin:0 0 10px;font-size:30px}.dm-cta p{margin:0 0 22px;color:#ccc}
.dm-button{display:inline-block;padding:13px 22px;border:1px solid var(--dm-white);background:var(--dm-white);color:var(--dm-black);font-size:12px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
.dm-button:hover{background:transparent;color:var(--dm-white);opacity:1}
.dm-pagination{display:flex;justify-content:space-between;gap:24px;margin:0 auto 72px}
.dm-footer{border-top:1px solid var(--dm-line);padding:46px 0;color:#c4c4c4;font-size:14px}
.dm-footer__inner{display:flex;justify-content:space-between;gap:30px}.dm-footer a{color:#fff}
@media(max-width:800px){.dm-header__inner{padding:16px 0}.dm-brand{font-size:19px}.dm-grid{grid-template-columns:1fr}.dm-hero{padding:76px 0 58px}.dm-article-header{padding:72px 0 40px}.dm-footer__inner{flex-direction:column}}
@media(max-width:520px){.dm-wrap,.dm-featured,.dm-content{width:min(calc(100% - 30px),var(--dm-max))}.dm-card__body{padding:25px}.dm-cta{padding:28px}}