/*
Theme Name: Manal Mirza Editorial Portfolio
Theme URI: https://manalmirza.ca
Author: ChatGPT
Description: A clean, modern, editorial WordPress portfolio theme for Manal Mirza. Built with editable WordPress pages, portfolio projects, native menus, and no paid plugin dependency.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.5
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: manalmirza-editorial
Tags: portfolio, custom-menu, custom-logo, featured-images, editor-style, one-column
*/

:root{
  --mm-bg:#faf8f3;
  --mm-panel:#f1ede4;
  --mm-panel-2:#ebe4d8;
  --mm-text:#282624;
  --mm-muted:#7e7468;
  --mm-border:#d8cfc2;
  --mm-accent:#be5b3d;
  --mm-dark:#282624;
  --mm-white:#fffdf8;
  --mm-max:1180px;
  --mm-radius:0px;
  --mm-serif: Georgia, 'Times New Roman', serif;
  --mm-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mm-bg);color:var(--mm-text);font-family:var(--mm-sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}p{margin:0 0 1.15rem}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;line-height:1.05;color:var(--mm-text)}h1,h2,.mm-serif{font-family:var(--mm-serif);font-weight:500;letter-spacing:-.035em}h3,h4,h5,h6{font-weight:650}.screen-reader-text{position:absolute;left:-999em}.mm-wrap{width:min(var(--mm-max),calc(100% - 48px));margin-inline:auto}.mm-site-header{position:relative;z-index:20;background:rgba(250,248,243,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,207,194,.65)}.mm-header-inner{height:88px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:28px}.mm-brand{font-family:var(--mm-serif);font-size:24px;letter-spacing:-.025em;white-space:nowrap}.mm-main-nav{display:flex;align-items:center;justify-content:center;gap:28px;min-width:0}.mm-main-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.mm-main-nav a{font-size:13px;line-height:1;font-weight:750;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;padding:10px 0;position:relative}.mm-main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--mm-text);transform:scaleX(0);transform-origin:right;transition:transform .28s ease}.mm-main-nav a:hover:after,.mm-main-nav .current-menu-item>a:after{transform:scaleX(1);transform-origin:left}.mm-header-cta,.mm-btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mm-dark);background:var(--mm-dark);color:var(--mm-white);min-height:48px;padding:14px 28px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;line-height:1;text-decoration:none;white-space:nowrap;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}.mm-header-cta:hover,.mm-btn:hover,.wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(45,44,42,.14)}.mm-btn-outline,.is-style-outline .wp-block-button__link{background:transparent!important;color:var(--mm-dark)!important}.mm-mobile-toggle{display:none;background:transparent;border:1px solid var(--mm-border);width:46px;height:42px;font-size:22px;line-height:1;color:var(--mm-text)}.mm-page-main{min-height:50vh}.mm-section{position:relative;padding:104px 0}.mm-section.compact{padding:72px 0}.mm-section-panel{background:var(--mm-panel)}.mm-section-dark{background:var(--mm-dark);color:var(--mm-white)}.mm-section-dark h1,.mm-section-dark h2,.mm-section-dark h3,.mm-section-dark p{color:var(--mm-white)}.mm-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--mm-accent);margin:0 0 18px}.mm-title-xl{font-size:clamp(54px,9vw,128px);line-height:.9;margin:0}.mm-title{font-size:clamp(42px,6vw,78px);max-width:900px}.mm-title-sm{font-size:clamp(34px,4vw,54px);max-width:760px}.mm-lead{font-size:clamp(18px,2vw,23px);line-height:1.55;color:var(--mm-muted);max-width:760px}.mm-muted{color:var(--mm-muted)}.mm-hero{padding:92px 0 96px;overflow:hidden}.mm-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:56px;align-items:stretch}.mm-hero-copy{align-self:center;min-width:0}.mm-hero-copy .mm-lead{margin-top:26px}.mm-hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.mm-hero-art{min-height:560px;display:grid;grid-template-columns:1fr .58fr;gap:22px;align-items:stretch}.mm-art-left{background:var(--mm-panel);padding:42px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(216,207,194,.65);overflow:hidden}.mm-art-left h2{font-size:clamp(40px,5vw,68px);max-width:420px}.mm-art-index{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.mm-art-index span{font-family:var(--mm-serif);font-size:40px;color:var(--mm-accent);line-height:1}.mm-art-index small{display:block;margin-top:10px;font-weight:750;line-height:1.2}.mm-art-right{display:grid;grid-template-rows:1fr 1fr;gap:22px}.mm-tall-accent{background:var(--mm-accent);color:#fff;padding:34px;display:flex;align-items:flex-end;min-width:0}.mm-tall-accent p{font-family:var(--mm-serif);font-size:clamp(34px,4vw,56px);line-height:1.08;margin:0}.mm-monogram-card{background:var(--mm-dark);color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.mm-monogram-card strong{font-family:var(--mm-serif);font-size:64px;font-weight:500;line-height:1}.mm-monogram-card span{display:block;color:#b7ada1;max-width:180px}.mm-side-label{position:absolute;left:24px;top:160px;writing-mode:vertical-rl;text-orientation:mixed;text-transform:uppercase;letter-spacing:.32em;font-size:12px;color:var(--mm-muted);display:none}.mm-split{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start}.mm-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.mm-card{background:var(--mm-bg);border:1px solid rgba(216,207,194,.9);padding:30px;min-height:275px;display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease,background .28s ease}.mm-card:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(45,44,42,.1);background:var(--mm-white)}.mm-card-number{font-family:var(--mm-serif);font-size:42px;color:var(--mm-accent);line-height:1;margin-bottom:34px}.mm-card h3{font-size:22px;margin-bottom:12px}.mm-card p{color:var(--mm-muted);font-size:15px;line-height:1.6}.mm-mini-link{margin-top:auto;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--mm-accent)}.mm-feature-head{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:40px;align-items:end;margin-bottom:38px}.portfolio-filter-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 42px}.portfolio-filter-btn{border:1px solid var(--mm-border);background:transparent;color:var(--mm-text);padding:12px 22px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease}.portfolio-filter-btn:hover{transform:translateY(-2px)}.portfolio-filter-btn.active{background:var(--mm-dark);border-color:var(--mm-dark);color:var(--mm-white)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;transition:opacity .25s ease}.portfolio-item{display:block;min-width:0;color:inherit}.portfolio-item.hidden{display:none}.portfolio-item-image{aspect-ratio:4/3;background:linear-gradient(135deg,#ebe4d8,#faf8f3);border:1px solid var(--mm-border);overflow:hidden;position:relative;margin-bottom:18px}.portfolio-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-item:hover img{transform:scale(1.045)}.mm-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--mm-muted);font-family:var(--mm-serif);font-size:28px;line-height:1.1}.portfolio-item-meta{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--mm-muted);font-weight:800;margin-bottom:8px}.portfolio-item-title{font-family:var(--mm-serif);font-size:25px;font-weight:500;margin:0 0 8px;letter-spacing:-.025em}.portfolio-item-desc{font-size:15px;line-height:1.55;color:var(--mm-muted);margin:0}.mm-resume-list{display:grid;gap:18px}.mm-resume-row{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr) 120px;gap:30px;align-items:start;padding:26px 0;border-top:1px solid var(--mm-border)}.mm-resume-row h3{font-size:20px;margin-bottom:6px}.mm-resume-row p{margin:0;color:var(--mm-muted)}.mm-resume-date{text-align:right;font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.mm-chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.mm-chip{border:1px solid var(--mm-border);background:var(--mm-bg);padding:9px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.mm-cta{background:var(--mm-accent);color:#fff}.mm-cta h2,.mm-cta p{color:#fff}.mm-cta .mm-kicker{color:#ffe2d9}.mm-cta-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.mm-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}.mm-contact-panel{background:var(--mm-panel);border:1px solid var(--mm-border);padding:36px}.mm-contact-list{display:grid;gap:24px}.mm-contact-list h3{font-size:15px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.mm-contact-list p{font-size:18px;margin:0}.mm-form{display:grid;gap:16px}.mm-form label{display:grid;gap:8px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.mm-form input,.mm-form textarea{width:100%;border:1px solid var(--mm-border);background:var(--mm-white);min-height:48px;padding:12px 14px;font:inherit;color:var(--mm-text)}.mm-form textarea{min-height:140px;resize:vertical}.mm-form button{cursor:pointer}.mm-site-footer{background:var(--mm-dark);color:var(--mm-white);padding:70px 0 36px}.mm-footer-grid{display:grid;grid-template-columns:1.2fr .8fr .7fr;gap:60px}.mm-site-footer h2,.mm-site-footer h3{color:var(--mm-white)}.mm-site-footer p,.mm-site-footer a{color:#c5baad}.mm-site-footer h2{font-family:var(--mm-serif);font-size:30px;font-weight:500}.mm-site-footer h3{font-size:15px;text-transform:uppercase;letter-spacing:.1em}.mm-footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mm-footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:50px;padding-top:26px;color:#9d9286;font-size:14px}.mm-single-hero{padding:72px 0 48px}.mm-single-grid{display:grid;grid-template-columns:1fr 360px;gap:52px;align-items:end}.mm-feature-image{margin-top:36px;border:1px solid var(--mm-border);background:var(--mm-panel);min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mm-feature-image img{width:100%;height:100%;object-fit:cover}.mm-project-meta{background:var(--mm-panel);border:1px solid var(--mm-border);padding:30px}.mm-project-meta dl{margin:0;display:grid;gap:18px}.mm-project-meta dt{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--mm-muted)}.mm-project-meta dd{margin:4px 0 0}.mm-content{width:min(900px,calc(100% - 48px));margin:0 auto;padding:70px 0}.mm-content > *{max-width:900px}.mm-content .alignwide{max-width:var(--mm-max);width:min(var(--mm-max),calc(100vw - 48px));margin-left:50%;transform:translateX(-50%)}.mm-content .alignfull{width:100vw;max-width:100vw;margin-left:50%;transform:translateX(-50%)}.mm-content ul,.mm-content ol{padding-left:1.2em}.mm-fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.mm-fade-up.is-visible{opacity:1;transform:none}.wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap}.wp-block-button__link{border-radius:0!important}.wp-block-group.alignfull.mm-section{padding-left:0;padding-right:0}.wp-block-group.alignfull.mm-section > .mm-wrap,.wp-block-group.alignfull.mm-section > .mm-inner{width:min(var(--mm-max),calc(100% - 48px));margin-inline:auto}.wp-block-heading{word-break:normal;overflow-wrap:normal}.mm-homepage .mm-section:first-child{padding-top:92px}.mm-page-title-only{display:none}

@media (min-width:1380px){.mm-side-label{display:block}}
@media (max-width:1020px){.mm-header-inner{grid-template-columns:1fr auto;gap:16px;height:auto;min-height:78px;padding:14px 0}.mm-mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.mm-main-nav{grid-column:1/-1;display:none;justify-content:flex-start;padding:8px 0 16px}.mm-main-nav.is-open{display:flex}.mm-main-nav ul{align-items:flex-start;justify-content:flex-start;gap:18px}.mm-header-cta{display:none}.mm-hero-grid,.mm-split,.mm-feature-head,.mm-contact-grid,.mm-single-grid{grid-template-columns:1fr}.mm-hero-art{min-height:auto}.mm-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-resume-row{grid-template-columns:1fr}.mm-resume-date{text-align:left}.mm-footer-grid{grid-template-columns:1fr 1fr}.mm-cta-grid{grid-template-columns:1fr}.mm-section{padding:82px 0}}
@media (max-width:680px){body{font-size:16px}.mm-wrap,.wp-block-group.alignfull.mm-section > .mm-wrap,.wp-block-group.alignfull.mm-section > .mm-inner{width:min(100% - 28px,var(--mm-max))}.mm-section{padding:64px 0}.mm-hero{padding:54px 0 70px}.mm-title-xl{font-size:56px}.mm-hero-art{grid-template-columns:1fr}.mm-art-right{grid-template-columns:1fr;grid-template-rows:auto}.mm-art-left,.mm-tall-accent,.mm-monogram-card{padding:26px;min-height:240px}.mm-art-index{grid-template-columns:repeat(2,1fr)}.mm-card-grid,.portfolio-grid,.mm-footer-grid{grid-template-columns:1fr}.mm-main-nav ul{display:grid;gap:10px}.portfolio-filter-buttons{justify-content:flex-start}.portfolio-filter-btn{width:100%;text-align:center}.mm-contact-panel{padding:24px}.mm-content,.mm-content .alignwide{width:min(100% - 28px,var(--mm-max))}.mm-feature-image{min-height:260px}}
@media print{.mm-site-header,.mm-site-footer,.mm-cta,.mm-hero-actions,.portfolio-filter-buttons{display:none!important}body{background:#fff;color:#111;font-size:12pt}.mm-section{padding:24px 0}.mm-wrap{width:100%}.mm-resume-row{break-inside:avoid}}