/*
Theme Name: Ben Esmail Nordic
Author: Ben Esmail
Description: A personal journal and professional website in forest, ivory and sage. Editable WordPress blocks, with no page builder dependency.
Version: 0.1.1
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ben-esmail-nordic
Tags: blog, portfolio, full-site-editing, custom-colors, featured-images, wide-blocks
*/
html{scroll-behavior:smooth}
body{margin:0;background:#f5f2e9;color:#283e35}
*{box-sizing:border-box}
.wp-site-blocks{padding:0}
.wp-site-blocks>*,.ben-main>*{margin-block-start:0!important}
.ben-header{background:#30483f;color:#f5f2e9;padding:24px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #718478}
.ben-header .wp-block-site-title{font-family:Arial,Helvetica,sans-serif;font-size:19px;letter-spacing:.06em;text-transform:uppercase;margin:0;white-space:nowrap}
.ben-header a{text-decoration:none}
.ben-navigation{font-size:14px;margin:0!important}
.ben-navigation .wp-block-navigation__container{gap:24px}
.ben-navigation .wp-block-navigation__responsive-container.is-menu-open{background:#30483f!important;color:#f5f2e9!important;padding:32px}
.ben-header a,.ben-navigation a,.ben-navigation button{color:inherit}
.ben-hero{margin:0!important;gap:0!important;background:#30483f;color:#f5f2e9;min-height:560px;align-items:stretch!important}
.ben-hero>.wp-block-column{flex-basis:50%;min-width:0}
.ben-hero-copy{padding:70px 48px 64px max(24px,calc((100vw - 1200px)/2));max-width:800px}
.ben-hero h1{font-size:clamp(3.5rem,6.4vw,6rem);margin:26px 0;line-height:1.02}
.ben-hero p:not(.ben-eyebrow){max-width:390px;font-size:18px}
.ben-hero-image{margin:0!important;height:100%;min-height:560px;position:relative}
.ben-hero-image img{display:block;width:100%;height:100%;position:absolute;object-fit:cover;object-position:30% center}
.ben-eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;margin:0 0 18px}
.ben-routes{display:flex;justify-content:space-between;gap:32px;padding:24px max(24px,calc((100vw - 1200px)/2));background:#263d33;color:#f5f2e9}
.ben-routes p{margin:0;font:clamp(20px,2.5vw,30px)/1.3 Georgia,serif}
.ben-routes a{text-decoration:none}
.ben-section{padding:76px max(24px,calc((100vw - 1200px)/2))}
.ben-section h2{font-size:clamp(2.3rem,4vw,3.6rem);margin:12px 0 32px}
.ben-section h3{font-size:1.7rem}
.ben-section .wp-block-post-template{gap:32px}
.ben-section .wp-block-query{margin-top:32px}
.ben-card{height:100%;border-top:1px solid #839780;padding-top:18px}
.ben-card .wp-block-post-title{font-size:1.6rem;margin:12px 0}
.ben-card .wp-block-post-title a{text-decoration:none}
.ben-card .wp-block-post-featured-image{margin:0 0 20px}
.ben-card .wp-block-post-excerpt{font-size:15px}
.ben-meta{font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.ben-about{background:#e5e8dc}
.ben-about .wp-block-columns{gap:64px}
.ben-about p{max-width:480px}
.ben-photo-placeholder{background:#d4d9c8;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;text-align:center;color:#283e35}
.ben-photo-placeholder h2{font-size:2.7rem;margin:0}
.ben-photo-placeholder p{font-size:14px}
.ben-venture{border-top:1px solid #839780;padding-top:24px}
.ben-venture h3{margin:0 0 16px}
.ben-speaking{background:#30483f;color:#f5f2e9}
.ben-speaking .wp-block-columns{gap:64px}
.ben-appearances{border:1px solid #81998a;padding:32px;min-height:220px}
.ben-contact h2{font-size:clamp(2.6rem,5vw,4.4rem);max-width:800px}
.ben-contact p{max-width:620px}
.ben-footer{border-top:1px solid #d3d6c9;padding:28px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;gap:24px;font-size:13px}
.ben-footer p{margin:0}
.ben-page,.ben-single{max-width:1200px;margin:auto}
.ben-page h1,.ben-single h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:850px}
.ben-single>.wp-block-post-featured-image{margin:32px 0}
.ben-single>.wp-block-post-content{margin:48px auto;max-width:760px}
.wp-block-post-content img{height:auto;max-width:100%}
.wp-block-post-content pre{overflow-x:auto}
.wp-block-post-content a{text-decoration:underline;text-underline-offset:3px}
.wp-block-button.is-style-outline>.wp-block-button__link{color:inherit;background:transparent;border:1px solid currentColor;border-radius:0;padding:12px 20px;font-size:14px;text-decoration:none}
.wp-block-buttons{margin-top:28px}
.ben-hero h1,.ben-hero p,.ben-hero a,.ben-speaking h2,.ben-speaking h3,.ben-speaking p,.ben-speaking a{color:inherit}
a:hover{text-decoration:underline;text-underline-offset:5px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b47558;outline-offset:5px}
@media(max-width:781px){
 .ben-header{padding:20px 24px}
 .ben-hero{display:flex;flex-direction:column}
 .ben-hero-copy{padding:44px 24px}
 .ben-hero-image{min-height:420px}
 .ben-section{padding:48px 24px}
 .ben-section .wp-block-post-template{grid-template-columns:1fr!important}
 .ben-about .wp-block-columns,.ben-speaking .wp-block-columns{gap:32px}
 .ben-routes{gap:24px;padding:24px}
 .ben-routes p{max-width:45%}
 .ben-footer{padding:24px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}