/*
Theme Name: Tonnie Portfolio
Template: twentytwentyfive
Version: 0.1.0
Description: Herstelontwerp op basis van Twenty Twenty-Five, met oorspronkelijke portfolio-inhoud.
Text Domain: tonnie-portfolio
*/
:root { --portfolio-accent:#bdb099; }
html { scroll-behavior:smooth; }
body { -webkit-font-smoothing:antialiased; }
a { text-underline-offset:.2em; }
.site-header { border-bottom:1px solid #e9e6e0; padding:28px 0; }
.site-brand { font-size:clamp(22px,2.5vw,31px); font-weight:600; letter-spacing:-.045em; text-decoration:none; }
.site-brand a { text-decoration:none; }
.site-nav a { text-decoration:none; font-size:14px; }
.site-nav a:hover { text-decoration:underline; }
.portfolio-main { padding:64px 0 80px; min-height:65vh; }
.portfolio-main > .wp-block-post-title { margin-bottom:54px; }
.recovered-section { margin-block:42px; }
.recovered-section:first-child { margin-top:0; }
.wp-block-columns { gap:36px; }
.wp-block-image img { display:block; width:100%; height:auto; }
.home .wp-block-post-content > .recovered-section:first-child { margin-bottom:80px; }
.home .wp-block-post-content > .recovered-section:first-child .wp-block-image img { aspect-ratio:auto; object-fit:contain; height:auto; }
.home .wp-block-post-content > .recovered-section:first-child h2 { font-size:clamp(19px,2.1vw,25px); line-height:1.55; font-weight:400; letter-spacing:-.015em; margin-block:0 24px; }
.home .wp-block-post-content > .recovered-section:first-child .wp-block-columns { align-items:center!important; }
.home .wp-block-post-content > .recovered-section:not(:first-child) .wp-block-column > h2.wp-block-heading { font-size:15px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:20px; }
.home .wp-block-post-content > .recovered-section:not(:first-child) .wp-block-column > h2.wp-block-heading a { text-decoration:none; }
.home .wp-block-post-content > .recovered-section:not(:first-child) .wp-block-image img { aspect-ratio:16/10; object-fit:cover; }
.home .wp-block-post-content > .recovered-section:not(:first-child) .wp-block-column h2:not(.wp-block-heading) { font-size:25px; margin-top:24px; margin-bottom:8px; }
.home .wp-block-post-content > .recovered-section:not(:first-child) .wp-block-column h2 + h2 { font-size:16px!important; font-weight:400; color:#666; }
.wp-block-video video { width:100%; height:auto; max-height:75vh; background:#151515; }
.recovered-gallery { gap:16px; margin:32px 0 64px; }
.recovered-gallery img { aspect-ratio:16/10; object-fit:cover; }
table { width:100%; border-collapse:collapse; font-size:15px; }
td { padding:9px 10px 9px 0; border-bottom:1px solid #e4e0d9; vertical-align:top; }
td:first-child { width:28%; color:#68635b; }
.site-footer { border-top:1px solid #e9e6e0; padding:32px 0; font-size:13px; color:#666; }
@media (max-width:781px) { .portfolio-main { padding-top:36px; } .wp-block-columns { gap:24px; } .home .wp-block-post-content > .recovered-section:first-child .wp-block-image { max-width:260px; } .home .wp-block-post-content > .recovered-section:first-child { margin-bottom:48px; } .recovered-gallery { grid-template-columns:repeat(2,minmax(0,1fr))!important; } .site-header .wp-block-group { gap:20px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.site-header,.portfolio-main,.site-footer { padding-inline:clamp(22px,5vw,72px); box-sizing:border-box; }
@media(max-width:781px) { .home .wp-block-post-content > .recovered-section:first-child .wp-block-image { margin-inline:auto; } }

/* Lettertypes uit de oorspronkelijke Velo-instellingen, lokaal opgeslagen. */
.site-brand,.site-nav { font-family:Montserrat,Arial,sans-serif; }
.site-brand { font-weight:400; letter-spacing:normal; }
.site-nav a { font-size:16px; font-weight:300; }
.home .wp-block-post-content > .recovered-section:first-child h2 { font-family:Montserrat,Arial,sans-serif; font-size:20px; line-height:1.65; letter-spacing:normal; font-weight:400; }
.home .wp-block-post-content > .recovered-section:not(:first-child) .wp-block-column h2:not(.wp-block-heading) { font-family:Montserrat,Arial,sans-serif; font-size:30px; font-weight:400; }
.home .wp-block-post-content > .recovered-section:not(:first-child) .wp-block-column h2 + h2 { font-family:Montserrat,Arial,sans-serif; font-size:20px!important; }