/*
Theme Name: MZK Studio
Author: Muzammil Z Khan
Version: 2.0.0
Description: Personal WordPress theme with comprehensive Customizer controls and bundled portrait.
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: mzk-studio
*/
*{box-sizing:border-box}body{margin:0;background:var(--background,#f5f3eb);color:var(--text,#102b32);font-family:var(--font,sans-serif);font-size:var(--body-size,18px);line-height:1.7}a{color:var(--accent,#166354);text-underline-offset:4px}img{max-width:100%;height:auto;display:block;border-radius:var(--radius,6px)}.wrap{width:min(var(--width,1120px),calc(100% - 48px));margin:auto}.site-header{background:var(--header_bg,#f5f3eb);border-bottom:1px solid #d8dfd7;padding:22px 0}.header-inner{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.brand{font-size:28px;font-weight:800;text-decoration:none;color:inherit}.tagline{font-size:12px}.site-header nav{margin-left:auto}nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}nav ul ul{display:block}nav li{position:relative}nav .sub-menu{padding:10px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}h1,h2,h3{line-height:1.15;margin:0 0 24px}h1{font-size:clamp(40px,5.5vw,var(--heading-size,72px));letter-spacing:-2px}h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1px}h3{font-size:24px}.lead{font-size:20px;max-width:760px}.section-grid{display:flex;gap:48px;align-items:center}.section-grid>div:first-child{flex:1;min-width:0}.image-wrap{flex:0 1 36%}.image-left .image-wrap{order:-1}.portrait{width:100%}.section-image{max-height:600px;object-fit:cover}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.button,.mzk-form button{display:inline-block;padding:13px 22px;background:var(--accent,#166354);color:var(--button_text,#fff);border-radius:var(--radius,6px);border:0;text-decoration:none;font:inherit;font-weight:600}.outline{background:transparent;border:1px solid currentColor;color:inherit}#hero a.outline{color:inherit}.cards,.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:42px}.cards article,.articles article{border-top:2px solid #aac7b6;padding-top:22px}.card-image{margin-bottom:20px;max-height:240px;object-fit:cover}.article-image{width:100%;object-fit:cover;margin-bottom:20px}.ratio-wide{aspect-ratio:16/9}.ratio-square{aspect-ratio:1}.ratio-portrait{aspect-ratio:4/5}.articles h3 a{color:inherit}.page-content{padding:60px 0;min-height:55vh}.page-content>h1,.page-content article>h1{font-size:clamp(36px,5vw,60px)}.page-image{margin:30px 0;width:100%;max-height:650px;object-fit:cover}footer{padding:40px 0;background:var(--footer_bg,#e8ebe3)}.footer-grid{display:flex;gap:40px;justify-content:space-between}.social{display:flex;gap:20px;flex-wrap:wrap}.extra-content{margin-top:32px}.mzk-form{max-width:680px}.mzk-form label{display:block;font-weight:600;margin-top:20px}.mzk-form input,.mzk-form textarea{width:100%;padding:12px;border:1px solid #94a7a1;border-radius:4px;background:white;font:inherit}.mzk-form button{margin-top:20px;cursor:pointer}.mzk-trap{position:absolute;left:-9999px}.mzk-notice{padding:16px;border-left:4px solid var(--accent);background:#deeadf}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:14px;z-index:1000}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bd892a;outline-offset:3px}.wp-block-columns{display:flex;gap:30px}.wp-block-column{flex:1;min-width:0}.wp-block-button__link{display:inline-block;padding:12px 20px;background:var(--accent);color:var(--button_text);border-radius:var(--radius);text-decoration:none}.wp-block-buttons{display:flex;gap:12px;margin:24px 0}@media(max-width:780px){.section-grid,.footer-grid,.wp-block-columns{flex-direction:column;align-items:stretch}.image-left .image-wrap{order:0}.image-wrap{width:100%}.portrait{margin:auto}.cards,.articles{grid-template-columns:1fr}.site-header nav{margin-left:0;width:100%}.tagline{display:none}section{padding-block:50px!important}.wrap{width:calc(100% - 40px)}h1{letter-spacing:-1px}.lead{font-size:18px}}