/*
Theme Name: A&A Pictures Cinematic
Theme URI: https://aapctrs.com/
Author: A&A Pictures
Description: Golden Cinema App Store v3.5 customer accounts edition: cinematic gold WordPress studio site with ticket buttons, editable services and productions, Plot Hive integration, and contact form.
Version: 3.5.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: aapictures
*/
:root{--night:#0b0e0d;--night2:#101312;--ink:#efeee9;--muted:#b5b5ae;--dim:#888e8b;--gold:#dbb570;--gold-light:#f0d29a;--line:rgba(208,196,166,.28);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}
body.admin-bar .site-header{top:32px}
a{color:inherit;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease}
a:hover{color:var(--gold-light)}
img{display:block;max-width:100%;height:auto}
p{line-height:1.7}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{outline-offset:4px}
::selection{background:#ca9b55;color:#101110}
.container{width:min(1480px,calc(100% - 104px));margin:0 auto}
.narrow{max-width:850px}
.skip-link{position:absolute;top:-80px;left:16px;z-index:10000;padding:12px;background:#fff;color:#111}
.skip-link:focus{top:15px}
/* Header */
.site-header{position:absolute;top:0;left:0;right:0;z-index:30;background:linear-gradient(180deg,rgba(3,5,5,.76),rgba(3,5,5,0));border-bottom:1px solid rgba(223,198,147,.10)}
.header-inner{min-height:96px;display:flex;align-items:center;gap:38px}
.wordmark{display:inline-flex;align-items:center;white-space:nowrap;gap:8px;flex-shrink:0;color:#ead8bb}
.wordmark-big{font-family:var(--serif);font-size:35px;line-height:1;font-weight:600;letter-spacing:-2px}
.wordmark .amp{font-size:.64em;vertical-align:6%}
.wordmark-small{font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.28em}
.site-logo{height:auto;max-height:66px;width:auto;max-width:320px}
.bundled-site-logo{max-height:94px;max-width:450px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.22))}
.logo-wordmark{display:flex;align-items:center}
.site-navigation{margin:auto}
.nav-links{list-style:none;display:flex;align-items:center;gap:45px;padding:0;margin:0}
.nav-links a,.header-cta,.footer-nav a{font-size:10px;font-weight:700;letter-spacing:.15em}
.nav-links a{color:#e1ded5}
.nav-links a:hover,.footer-nav a:hover{color:var(--gold)}
.header-cta{border:1px solid rgba(238,216,172,.7);padding:14px 24px;white-space:nowrap;color:#eddabc}
.header-cta span{margin-left:18px}
.header-cta:hover{background:var(--gold);color:#151715}
.nav-toggle{display:none;background:transparent;border:0;color:white;cursor:pointer;width:40px;height:38px;padding:8px}
.nav-toggle span{display:block;height:2px;background:#fff;margin:5px 0;width:100%;transition:transform .2s,opacity .2s}
/* Hero */
.hero{position:relative;isolation:isolate;min-height:760px;height:min(880px,83vh);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#101311}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--hero-image);background-size:cover;background-position:69% 46%;filter:saturate(.86) contrast(1.05);transform:scale(1.02)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,7,7,.94) 0%,rgba(3,7,7,.80) 24%,rgba(3,7,7,.45) 49%,rgba(3,7,7,.08) 78%),linear-gradient(0deg,rgba(3,5,5,.82),transparent 27%,transparent 72%,rgba(3,5,5,.18))}
.hero-content{padding-top:115px;padding-bottom:65px}
.kicker,.eyebrow-line{font-size:11px;font-weight:700;letter-spacing:.29em;color:#ddc6a0}
.hero-kicker{margin:0 0 21px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;letter-spacing:-.027em;margin-top:0}
.hero h1{font-size:clamp(58px,6.3vw,112px);line-height:.87;max-width:890px;margin:0 0 29px;text-shadow:0 3px 12px rgba(0,0,0,.26)}
.hero h2{font-family:var(--serif);font-size:clamp(27px,2.4vw,42px);line-height:1.06;color:var(--gold-light);letter-spacing:-.015em;margin:0 0 14px}
.hero-description{font-family:var(--serif);font-size:clamp(18px,1.45vw,25px);max-width:690px;color:#e0dfd9;line-height:1.24;margin:0 0 28px}
.actions{display:flex;gap:13px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;min-height:52px;padding:16px 25px;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.11em;line-height:1.2;cursor:pointer;text-align:center;transition:background .2s,transform .2s,border .2s,color .2s}
.button:hover{transform:translateY(-2px)}
.button-gold{background:linear-gradient(180deg,#f0d294,#c99e58);border-color:#cba25b;color:#181716}
.button-gold:hover{background:#f2d89d;color:#10100f}
.button-outline{border-color:rgba(233,217,182,.74);color:#f0e8da;background:rgba(9,11,11,.48)}
.button-outline:hover{background:rgba(219,181,112,.15);color:#fff}
/* Section headings */
.section{padding:50px 0 60px}
.eyebrow-line{display:flex;gap:17px;align-items:center;margin-bottom:10px;white-space:nowrap}
.eyebrow-line:after{content:"";height:1px;background:var(--line);flex:1}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:0 0 22px}
.section-heading h2{font-size:clamp(41px,4vw,69px);line-height:1.05;margin:0;max-width:950px}
.section-heading p{margin:0 0 7px;max-width:375px;font-family:var(--serif);font-size:19px;line-height:1.2;color:#c8c9c4}
/* Service cards */
.services-section{background:#0a0e0c;border-bottom:1px solid var(--line)}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-card{background:#0d100f;border:1px solid rgba(219,206,180,.24);min-width:0;overflow:hidden;transition:border-color .2s,transform .2s}
.service-card:hover{border-color:#ab8858;transform:translateY(-3px)}
.service-card .image-link{display:block;overflow:hidden;height:245px}
.card-art{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.image-link:hover .card-art,.project-card:hover .card-art{transform:scale(1.045)}
.service-body{padding:19px 22px 22px}
.service-body h3{font-size:clamp(27px,2.15vw,38px);line-height:1.04;margin:0 0 11px}
.service-body p{font-family:var(--serif);font-size:19px;line-height:1.28;color:#cdd0ca;margin:0 0 15px;min-height:76px}
.service-tags{font-family:var(--serif);font-size:17px;line-height:1.25;color:#c7c1b5;border-top:1px solid var(--line);padding-top:12px}
/* Productions */
.productions-section{background:#0a0d0c;border-bottom:1px solid var(--line)}
.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.project-card{position:relative;aspect-ratio:.68;border:1px solid rgba(213,195,164,.25);overflow:hidden;background:#1c211f}
.project-card>a{display:block;position:absolute;inset:0;overflow:hidden}
.project-card .card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.project-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(5,5,5,0) 30%,rgba(4,6,7,.17) 52%,rgba(3,5,5,.97) 98%)}
.project-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:30px 11px 22px;text-shadow:0 1px 7px #000}
.project-caption h3{font-size:clamp(26px,2.75vw,47px);font-variant:small-caps;line-height:1.03;letter-spacing:.075em;margin:0 0 6px}
.project-caption p{margin:0;font-family:var(--serif);font-size:16px;color:#ddd5c7}
/* Plot Hive */
.plot-section{position:relative;isolation:isolate;padding:68px 0 65px;background:radial-gradient(ellipse at 71% 30%,rgba(135,96,52,.35),transparent 45%),linear-gradient(110deg,#0a1010,#191913 53%,#080b0b);overflow:hidden;border-bottom:1px solid var(--line)}
.plot-section:before{content:"";position:absolute;inset:0;background:linear-gradient(20deg,transparent,rgba(221,162,80,.11),transparent);pointer-events:none;z-index:-1}
.plot-layout{display:grid;grid-template-columns:38% 62%;align-items:center;gap:2%}
.plot-copy{position:relative;z-index:2}
.plot-copy .eyebrow-line:after{max-width:260px}
.plot-copy h2{font-size:clamp(62px,6vw,96px);line-height:1;margin:10px 0 3px}
.plot-copy h3{font-size:clamp(27px,3vw,46px);line-height:1.05;margin:0 0 16px}
.plot-copy>p{max-width:500px;font-family:var(--serif);font-size:20px;line-height:1.32;color:#deddd7;margin:0 0 26px}
.domain-link{display:block;font-family:var(--serif);font-size:17px;letter-spacing:.03em;margin-top:12px}
.plot-visual{position:relative;display:block;isolation:isolate;box-shadow:0 20px 50px rgba(0,0,0,.42);border:1px solid #635542;transform:perspective(1200px) rotateY(-2deg)}
.plot-visual:before{content:"";z-index:-1;position:absolute;inset:-45px -40px;border:2px solid rgba(213,171,93,.28);border-radius:50%;transform:rotate(6deg)}
.plot-visual img{height:400px;width:100%;object-fit:cover}
/* Contact */
.contact-section{position:relative;isolation:isolate;min-height:525px;overflow:hidden;padding:70px 0 75px;border-bottom:1px solid var(--line)}
.contact-section:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--contact-image);background-size:cover;background-position:52% 47%;filter:saturate(.67) brightness(.80)}
.contact-section:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,6,6,.87) 0%,rgba(6,8,8,.52) 52%,rgba(4,6,6,.82) 100%),linear-gradient(0deg,#070a09 0,transparent 50%)}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(350px,.85fr);gap:55px}
.contact-copy h2{font-size:clamp(48px,4.7vw,78px);line-height:.99;margin:19px 0 18px;max-width:700px}
.contact-copy>p{max-width:545px;font-family:var(--serif);font-size:22px;color:#e7e5de;line-height:1.25}
.contact-copy .contact-email{margin:11px 0;display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:20px}
.contact-email span{color:var(--gold);font-family:var(--sans);font-size:19px}
.contact-form{background:rgba(9,11,11,.94);border:1px solid rgba(208,195,160,.25);padding:25px 27px 28px;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.contact-form h3{font-size:24px;margin:0 0 16px;color:#ded8cd}
.contact-form label{display:block;font-family:var(--serif);font-size:16px;margin:10px 0 5px;color:#e0dcd5}
.contact-form label span{color:var(--gold)}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#0f1312;border:1px solid #2e3430;color:#f8f6f0;padding:11px 12px;outline-color:var(--gold);border-radius:0;font-family:var(--sans);font-size:13px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#858983}
.contact-form textarea{resize:vertical;min-height:92px}
.contact-form .submit-button{width:100%;margin-top:18px}
.bot-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.form-alert{font-family:var(--sans);font-size:13px;padding:10px 12px;line-height:1.5}
.form-alert.good{border:1px solid #6a946e;background:#163320;color:#c6f3ce}
.form-alert.bad{border:1px solid #9f5858;background:#351c1c;color:#ffd0d0}
/* Footer */
.site-footer{background:#0b0d0c;padding:34px 0 30px;border-top:1px solid rgba(244,232,211,.10)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.footer-brand p{font-family:var(--serif);font-size:15px;color:#9da19d;margin:4px 0 0}
.footer-nav{display:flex;flex-wrap:wrap;gap:28px}
.footer-nav a{color:#c4c6c0}
.copyright{font-size:11px;color:#858b87;white-space:nowrap}
/* Basic pages & posts */
.page-shell{padding-top:145px;min-height:75vh}
.page-shell h1{font-size:clamp(50px,7vw,88px);line-height:1;margin:25px 0}
.page-shell p{font-family:var(--serif);font-size:22px;line-height:1.4;color:#d4d5cc}
.entry-content{margin:25px 0 45px;line-height:1.6}
.entry-content h2,.entry-content h3{margin-top:40px;font-size:36px}
.entry-content a{color:var(--gold-light);text-decoration:underline}
.entry-content ul,.entry-content ol{padding-left:25px}
.entry-content img{max-width:100%;height:auto}
.single-feature-image{width:100%;max-height:480px;object-fit:cover;margin:25px 0}
.article-list{display:grid;gap:30px}.article-item{padding:25px;border:1px solid var(--line)}.article-item h2{font-size:36px}.article-item>a{color:var(--gold)}
/* Responsive */
@media(max-width:1100px){
  .container{width:min(100% - 64px,1480px)}
  .header-inner{gap:22px}.nav-links{gap:24px}
  .section-heading p{max-width:260px}
  .service-card .image-link{height:180px}
  .service-body{padding:15px}
  .service-body p{font-size:17px;min-height:90px}
  .project-caption{padding:20px 8px}
  .plot-visual img{height:310px}
}
@media(max-width:820px){
  .container{width:calc(100% - 40px)}
  .site-header{background:rgba(6,9,9,.87)}
  .header-inner{min-height:74px}
  .nav-toggle{display:block;margin-left:auto;order:3}
  .header-cta{margin-left:auto;order:2;padding:11px 15px}
  .site-navigation{position:absolute;top:74px;left:0;right:0;display:none;background:#101312;border-bottom:1px solid var(--line);margin:0;padding:18px 20px}
  .site-navigation.is-open{display:block}
  .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .nav-links li a{display:block;padding:15px 4px;border-bottom:1px solid #282e29}
  .hero{height:auto;min-height:650px}
  .hero-content{padding-top:146px;padding-bottom:65px}
  .hero h1{font-size:clamp(60px,9vw,85px)}
  .hero:after{background:linear-gradient(90deg,rgba(5,8,8,.96),rgba(5,8,8,.72) 45%,rgba(5,8,8,.28)),linear-gradient(0deg,rgba(3,5,5,.83),transparent 37%)}
  .section-heading{display:block}.section-heading p{max-width:680px;margin-top:8px}
  .service-grid{gap:13px}.service-body h3{font-size:28px}.service-tags{font-size:15px}
  .project-grid{gap:10px}.project-card{aspect-ratio:.64}.project-caption h3{font-size:24px;letter-spacing:.05em}.project-caption p{font-size:14px}
  .plot-layout{grid-template-columns:43% 55%;gap:2%}.plot-copy h2{font-size:64px}.plot-copy h3{font-size:29px}.plot-visual img{height:280px}
  .contact-layout{grid-template-columns:1fr 1fr;gap:25px}.contact-copy h2{font-size:52px}.contact-form{padding:18px}
  .footer-inner{flex-wrap:wrap}.footer-nav{order:3;width:100%}
}
@media(max-width:620px){
  .wordmark-big{font-size:31px}.wordmark-small{font-size:12px;letter-spacing:.18em}
  .header-cta{display:none}
  .hero{min-height:630px}.hero:before{background-position:62% center}.hero:after{background:linear-gradient(90deg,rgba(3,5,5,.95),rgba(3,5,5,.56)),linear-gradient(0deg,#050707,transparent 55%)}
  .hero h1{font-size:clamp(57px,11.8vw,78px);line-height:.91}.hero h2{font-size:29px}.hero-description{font-size:20px}
  .actions{align-items:stretch}.button{padding:15px 18px}.actions .button{width:100%}
  .section{padding:40px 0 45px}.section-heading h2{font-size:47px}.section-heading p{font-size:18px}
  .service-grid{grid-template-columns:1fr;gap:22px}.service-card .image-link{height:235px}.service-body{padding:18px}.service-body h3{font-size:34px}.service-body p{min-height:0;font-size:19px}.service-tags{font-size:17px}
  .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-card{aspect-ratio:.7}.project-caption h3{font-size:clamp(26px,5.5vw,36px)}.project-caption p{font-size:13px}
  .plot-section{padding:48px 0}.plot-layout{display:block}.plot-copy h2{font-size:75px}.plot-copy h3{font-size:37px}.plot-visual{margin-top:35px;transform:none}.plot-visual img{height:auto;min-height:205px;object-fit:cover}
  .contact-section{padding:48px 0}.contact-layout{display:block}.contact-copy h2{font-size:53px}.contact-form{margin-top:35px;padding:22px}
  .footer-inner{gap:20px}.footer-nav{gap:20px}.copyright{width:100%}
  .page-shell{padding-top:118px}
}
@media(max-width:380px){.container{width:calc(100% - 30px)}.hero h1{font-size:52px}.project-caption h3{font-size:24px}.project-caption p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media (max-width: 768px){.bundled-site-logo{max-height:68px;max-width:280px}}