/*
Theme Name: Aysha Arif — Cinematic Documentary Portfolio
Theme URI: https://ayshaarif.com
Author: Aysha Arif
Description: Original, responsive, ad-free documentary filmmaker portfolio. Eight page layouts with editable page content and replaceable local image placeholders. All typography is sans-serif.
Version: 3.4.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: aysha-arif-cinematic
*/
:root{--bg:#0e0f0f;--paper:#f1ede8;--muted:#b5b3b0;--soft:#8d8e8c;--line:#393b3a;--accent:#e9e3db;--layout:1290px;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;font-family:Arial,Helvetica,system-ui,sans-serif}body{margin:0;background:var(--bg);color:var(--paper);-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.012em}a{color:inherit;text-decoration:none}a:hover{opacity:.8}button,input,textarea{font:inherit}.wp-site-blocks{overflow-x:hidden}.wp-block-columns{margin-bottom:0!important}
/* header */
.site-header{background:#0b0c0c;padding:0 clamp(20px,5.5vw,80px);border-bottom:1px solid #1b1c1c}.site-header>.wp-block-group{max-width:var(--layout);margin:0 auto;min-height:67px;gap:24px}.site-header .wp-block-site-title{font-size:23px!important;line-height:1!important;font-weight:800;letter-spacing:.11em;margin:0}.site-header .wp-block-site-title a{text-decoration:none}.site-header .wp-block-navigation{font-size:11px;letter-spacing:.035em}.site-header .wp-block-navigation__container{gap:clamp(13px,2.2vw,36px)}.site-header .wp-block-navigation-item__content{padding:7px 0!important;text-decoration:none!important}.site-header .wp-block-navigation__responsive-container.is-menu-open{background:#0d0f0f!important;color:var(--paper)!important}.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:50px}
.site-footer{border-top:1px solid var(--line);padding:25px clamp(20px,5.5vw,80px)}.site-footer>.wp-block-group{max-width:var(--layout);margin:auto}.site-footer p{margin:0;color:var(--soft);font-size:11px}.site-footer .footer-name{font-size:16px;font-weight:800;letter-spacing:.07em;color:var(--paper)}
/* shared editorial layout */
.aa-site{max-width:var(--layout);margin:0 auto;padding:0 clamp(20px,5.5vw,80px)}.aa-site .wp-block-columns{align-items:center}.aa-site .wp-block-image{margin:0}.aa-site figure{margin:0}.aa-site .wp-block-image img{display:block;width:100%;height:100%;object-fit:cover}.aa-eyebrow{font-size:10px!important;text-transform:uppercase;letter-spacing:.20em;color:#dedad5;line-height:1.6;font-weight:700!important}.aa-small{font-size:13px!important;color:var(--muted);line-height:1.6}.aa-divider{border:0;border-top:1px solid var(--line);margin:0}.aa-outline,.aa-solid{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:39px;border:1px solid #aaa8a2;padding:10px 19px;color:var(--paper);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;text-decoration:none}.aa-solid{background:var(--paper);color:#151515;border-color:var(--paper)}.aa-outline:hover,.aa-solid:hover{background:#c9c8c5;color:#161616;opacity:1}.aa-button-row{margin-top:18px!important}.aa-button-row .wp-block-button__link{border-radius:0!important;box-shadow:none!important;padding:11px 21px!important;border:1px solid #b3b0aa!important;background:transparent!important;color:var(--paper)!important;font-size:10px!important;letter-spacing:.12em;font-weight:700!important;text-transform:uppercase}.aa-button-row.solid .wp-block-button__link{background:var(--paper)!important;color:#111!important}.aa-button-row .wp-block-button__link:hover{background:var(--paper)!important;color:#111!important}.aa-image{overflow:hidden;background:#272b2b}.aa-image img{width:100%;height:100%;object-fit:cover}.aa-section{border-top:1px solid var(--line);padding:25px 0 30px}.aa-section-title{font-size:12px!important;letter-spacing:.15em;font-weight:700!important;margin:0 0 16px!important;text-transform:uppercase}.aa-text-link{font-size:10px!important;letter-spacing:.10em;text-transform:uppercase;font-weight:700!important;text-decoration:underline;text-underline-offset:5px}.aa-text-link a{text-decoration:underline;text-underline-offset:4px}.aa-muted{color:var(--muted)!important}
/* approved homepage composition */
.aa-home .aa-hero{padding:25px 0 22px}.aa-home .aa-hero-columns{gap:clamp(20px,2.2vw,32px);align-items:center}.aa-home .aa-hero-copy{flex-basis:35%!important}.aa-home .aa-hero-media{flex-basis:65%!important}.aa-hero h1{font-size:clamp(38px,4.65vw,72px)!important;line-height:1.09!important;letter-spacing:-.01em;margin:0 0 15px!important;font-weight:800!important}.aa-hero .aa-intro{font-size:clamp(13px,1.2vw,18px)!important;line-height:1.42!important;color:#d0cfce;margin:0 0 15px!important;max-width:400px}.aa-home .aa-hero-media .wp-block-image{aspect-ratio:1.86/1}.aa-home .aa-hero-media img{aspect-ratio:1.86/1}
.aa-featured .wp-block-columns{gap:clamp(26px,3vw,48px);align-items:center}.aa-featured .aa-featured-copy{flex-basis:36%!important}.aa-featured .aa-featured-media{flex-basis:64%!important}.aa-featured h2{font-size:clamp(28px,3vw,44px)!important;line-height:1.12!important;letter-spacing:-.012em;margin:0 0 8px!important;font-weight:800}.aa-featured .aa-blurb{font-size:14px!important;line-height:1.5!important;color:#cdcbca;margin:0 0 10px!important}.aa-featured .wp-block-image{aspect-ratio:3.25/1}.aa-featured img{aspect-ratio:3.25/1}.aa-featured .aa-eyebrow{margin:0 0 6px!important}
.aa-projects .aa-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.aa-projects .aa-project-columns{gap:clamp(14px,1.5vw,22px);align-items:start}.aa-projects .aa-project-card{min-width:0}.aa-projects .wp-block-image{aspect-ratio:2.08/1}.aa-projects img{aspect-ratio:2.08/1}.aa-projects h3{font-size:clamp(17px,1.72vw,25px)!important;line-height:1.24!important;margin:9px 0 6px!important;font-weight:800!important;letter-spacing:-.01em}.aa-projects .aa-card-desc{font-size:13px!important;color:var(--muted);line-height:1.4;margin:0 0 7px!important}.aa-projects .aa-section{padding-bottom:22px}
.aa-about .wp-block-columns{gap:clamp(26px,3.5vw,60px)}.aa-about .aa-about-image{flex-basis:34%!important}.aa-about .aa-about-copy{flex-basis:66%!important}.aa-about .wp-block-image{aspect-ratio:1.52/1}.aa-about img{aspect-ratio:1.52/1}.aa-about h2{font-size:clamp(27px,3vw,46px)!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.012em;margin:0 0 12px!important}.aa-about .aa-about-copy>p{font-size:14px;color:#d2d0cd;line-height:1.5}.aa-about .aa-section{padding:18px 0 23px}
.aa-cta{background:#1d1d1d;border-top:1px solid #494949;padding:24px clamp(20px,5.5vw,80px)}.aa-cta>.wp-block-group{max-width:var(--layout);margin:auto;gap:22px}.aa-cta h2{font-size:clamp(18px,2vw,30px)!important;line-height:1.3!important;letter-spacing:-.015em;margin:2px 0 0!important;font-weight:500!important}.aa-cta .aa-eyebrow{margin:0}
/* interior pages */
.aa-interior .aa-page-heading{font-size:clamp(49px,6vw,88px)!important;font-weight:800!important;line-height:1.07!important;letter-spacing:-.012em;margin:7px 0 18px!important}.aa-interior .aa-page-lead{font-size:clamp(15px,1.5vw,21px)!important;max-width:650px;line-height:1.48;color:#d3d0ce;margin:0 0 18px!important}.aa-interior .aa-page-intro{padding:52px 0 32px}.aa-interior .aa-row{padding:30px 0;border-top:1px solid var(--line)}.aa-interior .aa-row .wp-block-columns{gap:clamp(28px,5vw,70px)}.aa-interior .aa-row .aa-media{flex-basis:52%!important}.aa-interior .aa-row .aa-copy{flex-basis:48%!important}.aa-interior .aa-row .wp-block-image{aspect-ratio:1.72/1}.aa-interior .aa-row img{aspect-ratio:1.72/1}.aa-interior .aa-row h2{font-size:clamp(28px,3vw,48px)!important;font-weight:800!important;line-height:1.1!important;margin:7px 0 14px!important}.aa-interior .aa-row .aa-row-body{font-size:16px;color:var(--muted);line-height:1.62;margin:0 0 15px!important}.aa-interior .aa-row .aa-eyebrow{color:#bdbab6}
.aa-interior .aa-about-top .wp-block-columns{gap:clamp(30px,5vw,80px);align-items:center}.aa-interior .aa-about-top .aa-about-photo{flex-basis:46%!important}.aa-interior .aa-about-top .aa-about-info{flex-basis:54%!important}.aa-interior .aa-about-top .wp-block-image{aspect-ratio:1.05/1}.aa-interior .aa-about-top img{aspect-ratio:1.05/1}.aa-interior .aa-dynamic-body{margin:25px 0 65px;max-width:850px}.aa-interior .aa-dynamic-body .wp-block-post-content{font-size:17px;line-height:1.75;color:#ddd8d2}.aa-interior .aa-dynamic-body .wp-block-post-content p{margin:0 0 17px}.aa-interior .aa-dynamic-body .wp-block-post-content a{text-decoration:underline}.aa-interior .aa-photo-strip .wp-block-columns{gap:14px}.aa-interior .aa-photo-strip figure{aspect-ratio:1.75/1}.aa-interior .aa-photo-strip img{aspect-ratio:1.75/1}.aa-interior .aa-photo-strip{padding-bottom:50px}
.aa-press-layout .wp-block-columns,.aa-contact-layout .wp-block-columns{align-items:start;gap:clamp(30px,4vw,70px)}.aa-press-layout .aa-press-image{flex-basis:40%!important}.aa-press-layout .aa-press-copy{flex-basis:60%!important}.aa-press-layout figure{aspect-ratio:1.5/1}.aa-press-layout img{aspect-ratio:1.5/1}.aa-interior .aa-press-layout .aa-dynamic-body{margin-top:0}.aa-press-layout .wp-block-post-content h2{font-size:25px;line-height:1.2;color:var(--paper);margin:20px 0 12px}.aa-press-layout .wp-block-post-content ul{padding-left:21px}.aa-press-layout .wp-block-post-content li{margin-bottom:9px}.aa-contact-layout .aa-contact-image{flex-basis:43%!important}.aa-contact-layout .aa-contact-copy{flex-basis:57%!important}.aa-contact-layout figure{aspect-ratio:1.17/1}.aa-contact-layout img{aspect-ratio:1.17/1}.aa-contact-layout .aa-dynamic-body{margin-top:0}.aa-contact-layout input,.aa-contact-layout textarea,.aa-dynamic-body input,.aa-dynamic-body textarea{width:100%;background:#1e2020;color:var(--paper);border:1px solid #4d4d4b;border-radius:0;padding:13px;max-width:100%}.aa-contact-layout button,.aa-contact-layout input[type=submit]{border:1px solid var(--paper);color:#141414;background:var(--paper);padding:12px 19px;width:auto;font-size:12px;letter-spacing:.07em}.aa-contact-layout label{font-size:12px}
.aa-basic{padding:72px 0 120px;min-height:66vh}.aa-basic h1{font-size:clamp(45px,6vw,84px)!important;margin:0 0 28px;font-weight:800}.aa-basic .wp-block-post-content{font-size:17px;line-height:1.8;max-width:920px}
@media(max-width:900px){.site-header .wp-block-site-title{font-size:19px!important}.aa-home .aa-hero-columns,.aa-home .aa-featured .wp-block-columns,.aa-home .aa-about .wp-block-columns,.aa-interior .aa-row .wp-block-columns,.aa-interior .aa-about-top .wp-block-columns,.aa-press-layout .wp-block-columns,.aa-contact-layout .wp-block-columns{flex-direction:column;align-items:stretch}.aa-home .aa-hero-copy,.aa-home .aa-hero-media,.aa-home .aa-featured-copy,.aa-home .aa-featured-media,.aa-home .aa-about-image,.aa-home .aa-about-copy,.aa-interior .aa-row .aa-copy,.aa-interior .aa-row .aa-media,.aa-interior .aa-about-top .aa-about-photo,.aa-interior .aa-about-top .aa-about-info,.aa-press-layout .aa-press-image,.aa-press-layout .aa-press-copy,.aa-contact-layout .aa-contact-image,.aa-contact-layout .aa-contact-copy{flex-basis:100%!important}.aa-home .aa-hero{padding-top:35px}.aa-home .aa-hero-columns{gap:26px}.aa-hero h1{max-width:650px}.aa-home .aa-hero-media .wp-block-image{aspect-ratio:1.67/1}.aa-home .aa-hero-media img{aspect-ratio:1.67/1}.aa-home .aa-featured .wp-block-columns{gap:22px}.aa-home .aa-featured-media{order:-1}.aa-cta>.wp-block-group{flex-wrap:wrap}.aa-interior .aa-row .aa-media{order:-1}}
@media(max-width:600px){.site-header{padding:0 20px}.site-header>.wp-block-group{min-height:64px}.aa-site{padding:0 20px}.aa-home .aa-hero{padding:34px 0 26px}.aa-hero h1{font-size:clamp(39px,10vw,60px)!important;margin-bottom:15px!important}.aa-home .aa-hero .aa-intro{font-size:15px!important}.aa-home .aa-hero-media .wp-block-image{aspect-ratio:1.25/1}.aa-home .aa-hero-media img{aspect-ratio:1.25/1}.aa-featured .wp-block-image{aspect-ratio:1.75/1}.aa-featured img{aspect-ratio:1.75/1}.aa-projects .aa-project-columns,.aa-interior .aa-photo-strip .wp-block-columns{flex-direction:column}.aa-projects .aa-project-card{margin-bottom:20px}.aa-projects .wp-block-image{aspect-ratio:1.7/1}.aa-projects img{aspect-ratio:1.7/1}.aa-section{padding:24px 0}.aa-about .aa-about-image{order:-1}.aa-cta{padding:28px 20px}.aa-interior .aa-page-intro{padding:43px 0 28px}.aa-interior .aa-page-heading{font-size:48px!important}.aa-interior .aa-row h2{font-size:31px!important}.aa-interior .aa-row{padding:27px 0}.aa-press-layout .aa-dynamic-body{margin-bottom:40px}.site-footer{padding:20px}.site-footer>.wp-block-group{align-items:flex-start;flex-wrap:wrap}.aa-interior .aa-photo-strip .wp-block-columns{gap:12px}}
/* Consistent equal-width photo gallery columns on desktop. */
.aa-interior .aa-photo-strip .wp-block-columns>.wp-block-column{flex:1 1 0!important;min-width:0}


/* v3.2: Mobile navigation must never sit against / outside the right edge.
   Desktop navigation keeps the approved right alignment. */
@media (max-width: 781px) {
  .site-header .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 26px 24px 36px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #0d0f0f !important;
    color: #f1ede8 !important;
    box-sizing: border-box !important;
  }
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding: 76px 0 30px !important;
    margin: 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 21px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
  }
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    display: block !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
  }
  .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
    position: absolute !important;
    top: 8px !important;
    right: 0 !important;
    left: auto !important;
  }
}


/* v3.3: standalone film detail pages; built on the approved cinematic design. */
.aa-film-page{padding-top:clamp(35px,5vw,78px);padding-bottom:65px}
.aa-film-hero{border-bottom:1px solid var(--line);padding-bottom:clamp(35px,5vw,68px)}
.aa-film-hero-columns{gap:clamp(30px,4.5vw,82px);align-items:center!important}
.aa-film-hero-copy{flex-basis:49%!important;min-width:0}.aa-film-hero-image{flex-basis:51%!important;min-width:0}
.aa-film-hero .wp-block-image{aspect-ratio:1.38/1;overflow:hidden;margin:0}
.aa-film-hero img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1.38/1}
.aa-film-title{font-size:clamp(44px,5.5vw,80px)!important;line-height:1.05!important;letter-spacing:-.01em!important;font-weight:800!important;margin:16px 0 24px!important;overflow-wrap:break-word}
.aa-film-tagline{font-size:clamp(20px,2.1vw,31px)!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.01em!important;margin:0 0 18px!important;max-width:580px}
.aa-film-deck{font-size:clamp(15px,1.35vw,20px)!important;color:#d0cdca;line-height:1.6!important;max-width:600px;margin:0 0 23px!important}
.aa-film-section{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,1fr);column-gap:4vw;align-items:start;padding:39px 0;border-bottom:1px solid var(--line)}
.aa-film-section>.aa-eyebrow{margin:9px 0 0!important;grid-column:1;grid-row:1/span 20}
.aa-film-section>.aa-film-body{grid-column:2;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.8!important;color:#dedbd7;max-width:850px;margin:0 0 17px!important}
.aa-film-last{padding:35px 0 0}.aa-film-last .aa-button-row{margin-top:12px!important}
@media(max-width:900px){.aa-film-hero-columns{flex-direction:column;align-items:stretch!important}.aa-film-hero-copy,.aa-film-hero-image{flex-basis:100%!important}.aa-film-hero-image{order:-1}}
@media(max-width:600px){.aa-film-page{padding-top:24px}.aa-film-title{font-size:clamp(40px,10vw,57px)!important;margin:13px 0 19px!important}.aa-film-tagline{font-size:21px!important}.aa-film-section{display:block;padding:28px 0}.aa-film-section>.aa-eyebrow{margin:0 0 15px!important}.aa-film-section>.aa-film-body{font-size:16px!important;line-height:1.7!important}.aa-film-hero .wp-block-image,.aa-film-hero img{aspect-ratio:1.3/1}}

/* v3.4: page content is now owned by Pages > Edit, not the shared theme templates. */
.site-main > .wp-block-post-content{margin:0;max-width:none}
.site-main > .wp-block-post-content > .aa-site{margin-left:auto;margin-right:auto}