/* Shared JM Studio chrome; client sites inside previews keep their own identity. */
.cinemaSite { color-scheme: dark; }
.cinemaHome .cmLogo { width:56px; min-width:56px; height:auto; background:none; }
.cinemaHome .cmLogo>span { font:40px/.9 Georgia,serif; letter-spacing:-.13em; color:#f4f1e9; padding-right:5px; }
.cinemaHome .cmLogo small { font:10px/1 Arial,sans-serif; letter-spacing:.4em; margin-top:12px; }
.cinemaSite .siteFooter { padding:60px clamp(24px,4.5vw,88px) 25px; background:#0c0e0b; border-top:1px solid #ffffff26; }
.cinemaSite .footerMain { display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:48px; max-width:1624px; margin:auto; padding-bottom:45px; }
.cinemaSite .footerIntro p { max-width:320px; margin:25px 0 0; color:#b4b4ac; }
.cinemaSite .footerCol { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; }
.cinemaSite .siteFooter h3 { font-size:12px; font-weight:500; letter-spacing:.13em; text-transform:uppercase; margin:0 0 10px; color:#df8750; }
.cinemaSite .footerCol a,.cinemaSite .footerCol span { color:#c4c4b9; overflow-wrap:anywhere; }
.cinemaSite .footerCol a:hover,.cinemaSite .footerBottom a:hover { color:#efa46f; }
.cinemaSite .footerLegal,.cinemaSite .footerBottom { max-width:1624px; margin:auto; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 0; border-top:1px solid #ffffff20; }
.cinemaSite .footerLegal p { color:#b4b4ac; margin:0; }
.cinemaSite .footerLegal a { white-space:nowrap; color:#dfaa88; }
.cinemaSite .footerBottom { padding-bottom:0; }
.cinemaSite .footerBottom span,.cinemaSite .footerBottom a { font-size:12px; color:#9fa195; }
.cinemaHome .cmUtility { min-height:65vh; }
.cmGateLayout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr); gap:clamp(45px,8vw,140px); align-items:center; padding-top:45px; padding-bottom:100px; min-height:700px; }
.cmGateIntro .cmBreadcrumb { margin-bottom:65px; }
.cinemaHome .cmGateIntro h1 { font-size:clamp(43px,5.4vw,88px); line-height:1.08; overflow-wrap:anywhere; margin-bottom:27px; }
.cmGateIntro>p:not(.cmEyebrow) { font-size:19px; line-height:1.75; color:#b4b4ac; max-width:540px; }
.cmGateIntro>.cmTextLink { margin-top:15px; }
.cmGateWithPreview .cmGateIntro .cmBreadcrumb { margin-bottom:35px; }
.cinemaHome .cmGateWithPreview .cmGateIntro h1 { font-size:clamp(39px,4.5vw,66px); margin-bottom:18px; }
.cmGatePreview { margin:28px 0 8px; border:1px solid #ffffff26; border-radius:8px; overflow:hidden; background:#1b1d18; box-shadow:0 18px 50px #0003; }
.cmGatePreview img { display:block; width:100%; height:auto; }
.cmGatePreview figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 16px; padding:13px 15px; font-size:10px; letter-spacing:.08em; line-height:1.5; color:#b4b4ac; }
.cmGatePreview figcaption span:last-child { color:#dfaa88; }
.cmProjectMedia img[src="/studio-motion/v1/fiske-cover.jpg"] { object-fit:contain; background:#eeede7; filter:none; }
.cmGateCard { padding:clamp(26px,3.4vw,54px); border:1px solid #df875055; background:linear-gradient(145deg,#24231c,#171914 65%); border-radius:6px; min-width:0; }
.cmGateMark { display:grid; place-items:center; width:55px; height:55px; border:1px solid #df87505c; color:#dfaa88; font:27px Georgia,serif; margin-bottom:35px; }
.cinemaHome .cmGateCard h2 { font-size:clamp(28px,2.7vw,42px); line-height:1.15; letter-spacing:-.035em; }
.cmGateCard>p:not(.cmEyebrow) { font-size:15px; color:#b4b4ac; line-height:1.7; margin:18px 0; }
.cmGateCard .cmAccessForm { gap:22px; margin-top:28px; }
.cmGateCard .cmAccessForm input { background:#111210; border-color:#ffffff35; }
.cmGateCard .cmAccessError:empty { display:none; }
.cmGateCard .cmAccessForm .cmButton { width:100%; min-height:54px; }
.cmGateCard .cmButton:disabled { opacity:.6; cursor:wait; }
.cmGateCard p.cmGateNote { border-top:1px solid #ffffff20; padding-top:22px; margin:28px 0 0; font-size:12px; }
.cmMessagePage { padding-top:40px; padding-bottom:110px; }
.cmMessagePage h1 { line-height:1.08; }
.cmMessagePage>p:not(.cmEyebrow) { font-size:19px; line-height:1.75; color:#b4b4ac; max-width:620px; }
.cmMessagePage .cmActions { margin-top:35px; }

/* Documents: a quiet, readable column with persistent legal navigation. */
.cmLegalLayout { display:grid; grid-template-columns:280px minmax(0,800px); justify-content:space-between; gap:clamp(45px,8vw,140px); padding-top:65px; padding-bottom:95px; }
.cmLegalNav { align-self:start; position:sticky; top:35px; }
.cmLegalNav nav { display:flex; flex-direction:column; gap:0; }
.cmLegalNav nav a { display:flex; gap:20px; justify-content:space-between; padding:18px 0; border-bottom:1px solid #ffffff25; font-size:15px; color:#b4b4ac; }
.cmLegalNav nav a[aria-current=page] { color:#efb58e; }
.cmLegalNav>.cmTextLink { margin-top:35px; }
.cmLegalContent { min-width:0; }
.cmLegalContent article { padding:0 0 30px; margin-bottom:30px; border-bottom:1px solid #ffffff25; scroll-margin-top:35px; }
.cinemaHome .cmLegalContent h2 { font-size:25px; font-weight:500; line-height:1.3; letter-spacing:-.025em; margin:0 0 18px; }
.cmLegalContent article p { font-size:17px; line-height:1.85; color:#bfc0b4; margin:0; overflow-wrap:anywhere; }
.cmLegalNotice { font-size:13px; line-height:1.8; color:#a7ac9c; border-left:2px solid #b77d55; padding:5px 0 5px 23px; }

/* Preview frame controls, feedback and galleries. No selectors cross an iframe. */
.cmUtility .aeroLiveReview,.cmUtility .projectView { width:100%; max-width:1800px; margin:0 auto; padding:40px clamp(24px,4.5vw,88px) 65px; background:#111210; }
.cmUtility .aeroReviewBar { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:0 0 30px; background:transparent; border:0; border-radius:0; color:#f4f1e9; }
.cmUtility .aeroReviewBar h1,.cmUtility .projectTop h1 { font-size:clamp(34px,4vw,62px); line-height:1.1; letter-spacing:-.045em; color:#f4f1e9; margin:16px 0 0; overflow-wrap:anywhere; }
.cmUtility .aeroReviewBar .label,.cmUtility .projectTop .label { font-size:11px; line-height:1.6; color:#dfaa88!important; letter-spacing:.15em; }
.cmUtility .aeroReviewActions,.cmUtility .projectTop .actions { display:flex; flex-wrap:wrap; gap:12px; }
.cmUtility .btn { display:inline-flex; align-items:center; justify-content:center; padding:14px 19px; min-height:48px; font-size:14px; letter-spacing:0; font-weight:500; border:1px solid #df8750!important; background:#df8750; color:#111210; border-radius:5px; box-shadow:none; }
.cmUtility .btn.light { background:transparent; color:#f0b48c; border-color:#df875080!important; }
.cmUtility .btn:hover { background:#efa46f; color:#111210; }
.cmUtility .aeroReviewTabs { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:16px; background:#1b1d18; color:#b4b4ac; border:1px solid #ffffff26; border-radius:6px 6px 0 0; }
.cmUtility .aeroReviewTabs a { color:#d8d6cb; background:transparent; border:1px solid #ffffff25; border-radius:4px; font-size:13px; padding:10px 15px; }
.cmUtility .aeroReviewTabs a:hover,.cmUtility .aeroReviewTabs a:focus-visible { background:#df875020; border-color:#df8750; color:#efb58e; }
.cmUtility .aeroReviewTabs span { color:#b4b4ac; font-size:12px; margin-left:auto; }
.cmUtility .aeroLiveFrame { height:calc(100dvh - 155px); min-height:600px; border:1px solid #ffffff26; border-top:0; border-radius:0 0 6px 6px; }
.cmUtility .projectTop { display:flex; align-items:flex-start; justify-content:space-between; gap:40px; padding:5px 0 35px; }
.cmUtility .projectTop>div:first-child { min-width:0; max-width:850px; }
.cmUtility .projectTop p { font-size:17px; line-height:1.75; color:#b4b4ac; margin:22px 0; }
.cmUtility .status { flex-shrink:0; background:#1d201a; border:1px solid #df875050; padding:20px; color:#f4f1e9; border-radius:5px; margin-top:5px; }
.cmUtility .status span { display:block; color:#b4b4ac; font-size:12px; margin-bottom:9px; }
.cmUtility .status b { font-size:14px; font-weight:500; }
.cmUtility .liveProjectShell { margin-top:0; border:1px solid #ffffff26; border-radius:6px; overflow:hidden; box-shadow:none; }
.cmUtility .liveProjectBar { background:#1b1d18; color:#b4b4ac; border-bottom:1px solid #ffffff26; }
.cmUtility .liveProjectBar i { background:#7b7265; }
.cmUtility .liveProjectBar span,.cmUtility .liveProjectBar a { font-size:12px; }
.cmUtility .liveProjectBar a { color:#efb58e; }
.cmUtility .liveProjectNote { display:flex; align-items:center; flex-wrap:wrap; gap:10px 25px; background:#1b1d18; border:1px solid #ffffff26; color:#b4b4ac; padding:20px; font-size:14px; line-height:1.7; border-radius:5px; }
.cmUtility .liveProjectNote b { color:#efb58e; }
.cmUtility .projectGallery { margin-top:30px; }
.cmUtility .projectGallery img { width:100%; height:auto; border:1px solid #ffffff26; border-radius:5px; }
.cmUtility .feedbackFab { background:#df8750; color:#111210; border:1px solid #e7b28e; box-shadow:0 10px 35px #0006; font-size:14px; }
.cmUtility .feedbackPanel { background:#151712; border-color:#ffffff35; color:#f4f1e9; border-radius:10px; }
.cmUtility .feedbackHead { border-color:#ffffff26; }
.cmUtility .feedbackHead b { font-size:15px; }
.cmUtility .feedbackHead span { font-size:12px; color:#b4b4ac; }
.cmUtility .feedbackHead i,.cmUtility .feedbackForm button { background:#df8750; }
.cmUtility .feedbackMessages .chatBubble { font-size:14px; line-height:1.65; }
.cmUtility .chatBubble.ai { background:#24271f; color:#dddcd1; }
.cmUtility .chatBubble.user { background:#df8750; color:#111210; }
.cmUtility .feedbackQuick button { font-size:12px; min-height:40px; border-radius:5px; }
.cmUtility .feedbackForm textarea { background:#111210; border-color:#ffffff30; color:#f4f1e9; font-size:16px; line-height:1.5; }
.cmUtility .feedbackPrivacy { color:#a8ac9e; font-size:11px; line-height:1.6; }
.cmUtility .previewLoadingOverlay,.cmUtility .previewLoadingPercent { background:#111210; }
.cmUtility .previewLoadingRing { background:conic-gradient(#df8750 var(--progress),#ffffff15 0); }

/* Admin: all existing controls and generated sections share the same tokens. */
.cinemaHome .cmAdminHeader { display:flex; align-items:center; gap:35px; height:104px; padding:0 clamp(24px,4.5vw,88px); background:#111210; color:#f4f1e9; border-bottom:1px solid #ffffff26; position:relative; z-index:10; }
.cmAdminLabel { font-size:11px; letter-spacing:.2em; color:#b4b4ac; }
.cinemaHome .cmAdminHeader nav { display:flex; margin-left:auto; gap:25px; align-items:center; }
.cinemaHome .cmAdminHeader nav a { font-size:14px; color:#dddcd1; }
.cinemaHome .cmAdminHeader #logout { color:#efb58e; padding:12px 17px; border:1px solid #df875080; border-radius:5px; }
.cinemaHome .studio { --admin-bg:#111210; --admin-card:#1b1d18; --admin-soft:#26291f; --admin-line:#ffffff26; --admin-text:#f4f1e9; --admin-muted:#b4b4ac; --admin-accent:#df8750; background:var(--admin-bg); color:var(--admin-text); }
.cinemaHome .studio .studioShell { max-width:1800px; width:100%; margin:auto; padding:60px clamp(24px,4.5vw,88px) 90px; }
.cinemaHome .studio .studioTitle { display:flex; justify-content:space-between; align-items:flex-end; gap:50px; margin-bottom:38px; }
.cinemaHome .studio .studioTitle h1 { font-size:clamp(45px,5.7vw,88px); line-height:1.07; text-transform:none; letter-spacing:-.055em; margin:24px 0 0; }
.cinemaHome .studio .studioTitle h1 em { font-family:inherit; font-weight:inherit; font-style:normal; }
.cinemaHome .studio .adminEyebrow { color:#b4b4ac; font-size:11px; letter-spacing:.17em; }
.cinemaHome .studio .studioTitle p { font-size:16px; line-height:1.75; max-width:430px; margin:0; }
.cinemaHome .studio .adminStats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:28px; }
.cinemaHome .studio .adminStat { border-radius:5px; padding:24px; min-height:140px; gap:16px; }
.cinemaHome .studio .adminStat:hover { transform:none; }
.cinemaHome .studio .adminStat span { font-size:12px; letter-spacing:.04em; }
.cinemaHome .studio .adminStat strong { font-size:40px; font-weight:500; }
.cinemaHome .studio .adminStat i { font-size:10px; line-height:1.5; }
.cinemaHome .studio .tabs { display:flex; flex-wrap:wrap; gap:8px; border:0; padding:0 0 24px; background:transparent; border-radius:0; width:100%; overflow:visible; }
.cinemaHome .studio .tabs button { flex:0 1 auto; min-height:46px; padding:12px 18px; background:transparent; border:1px solid #ffffff26; border-radius:5px; font-size:14px; line-height:1.4; white-space:normal; color:#bfc0b4; }
.cinemaHome .studio .tabs button.active { background:#df8750; border-color:#df8750; color:#111210; }
.cinemaHome .studio .studioGrid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:24px; }
.cinemaHome .studio .panel { min-width:0; padding:28px; border-radius:5px; }
.cinemaHome .studio .panelHead { gap:18px; }
.cinemaHome .studio .panel h2 { font-size:25px; line-height:1.25; letter-spacing:-.025em; }
.cinemaHome .studio .panelHead>div>p,.cinemaHome .studio .panel>p { font-size:14px; line-height:1.7; }
.cinemaHome .studio .form label { font-size:13px; line-height:1.5; color:#c8c9bb; text-transform:none; letter-spacing:0; }
.cinemaHome .studio input,.cinemaHome .studio textarea,.cinemaHome .studio select { font:16px/1.5 Arial,sans-serif; min-width:0; background:#111210; color:#f4f1e9; border:1px solid #ffffff30; border-radius:4px; padding:12px 14px; }
.cinemaHome .studio input::placeholder,.cinemaHome .studio textarea::placeholder { color:#979e8d; opacity:1; }
.cinemaHome .studio input:focus,.cinemaHome .studio textarea:focus,.cinemaHome .studio select:focus { border-color:#df8750; }
.cinemaHome .studio .two { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.cinemaHome .studio .form input,.cinemaHome .studio .form select { min-height:46px; }
.cinemaHome .studio .form input[type=checkbox] { min-height:18px; }
.cinemaHome .studio .form .upload { background:#111210; font-size:13px; }
.cinemaHome .studio .btn { min-height:44px; padding:12px 17px; font-size:13px; font-weight:500; line-height:1.4; letter-spacing:0; border-radius:4px; }
.cinemaHome .studio .formActions { flex-wrap:wrap; }
.cinemaHome .studio .projectRow { border-radius:4px; background:#111210; }
.cinemaHome .studio .projectRow h3 { font-size:17px; line-height:1.4; }
.cinemaHome .studio .projectRow p { font-size:12px; line-height:1.6; }
.cinemaHome .studio .rowActions { flex-wrap:wrap; gap:8px; }
.cinemaHome .studio .rowActions a,.cinemaHome .studio .rowActions button { min-height:40px; font-size:12px; border-radius:4px; }
.cinemaHome .studio .empty { font-size:14px; line-height:1.7; }
.cinemaHome .studio .message { font-size:14px; line-height:1.6; }
.cinemaHome .studio .financeGrid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; }
.cinemaHome .studio .financeRow,.cinemaHome .studio .customerCard,.cinemaHome .studio .businessCard,.cinemaHome .studio .feedbackGroup { background:#111210; border-radius:5px; min-width:0; }
.cinemaHome .studio .financeRow p,.cinemaHome .studio .customerCard p,.cinemaHome .studio .businessCard p { color:#b4b4ac; font-size:13px; line-height:1.65; }
.cinemaHome .studio .financeActions button,.cinemaHome .studio .financeActions a,.cinemaHome .studio .customerCard button,.cinemaHome .studio .invoiceQuick button { font-size:12px; line-height:1.5; min-height:40px; border-radius:4px; }
.cinemaHome .studio .financeSummary article,.cinemaHome .studio .feedbackSummary div { border-radius:5px; background:#1b1d18; border:1px solid #ffffff26; }
.cinemaHome .studio .financeSummary span,.cinemaHome .studio .feedbackSummary span { font-size:12px; color:#b4b4ac; }
.cinemaHome .studio .selectedCustomer { background:#df875012; border-color:#df875080; font-size:13px; border-radius:5px; }
.cinemaHome .studio .invoiceLiveTotal { border-radius:5px; }
.cinemaHome .studio .invoiceLiveTotal div { background:#111210; }
.cinemaHome .studio .invoiceLiveTotal span { color:#b4b4ac; font-size:12px; }
.cinemaHome .studio .ledgerTable { font-size:14px; }
.cinemaHome .studio .ledgerTable th { color:#b4b4ac; font-size:12px; }
.cinemaHome .studio .complianceNote { background:#df875012; border-color:#df8750; color:#d5c6b8; font-size:14px; line-height:1.75; }
.cinemaHome .studio .todoItem h4 { font-size:16px; line-height:1.5; }
.cinemaHome .studio .todoItem p { font-size:14px; line-height:1.7; }
.cinemaHome .studio .todoWhen,.cinemaHome .studio .feedbackProjectLink { font-size:12px; }
.cinemaHome .studio .toast { background:#df8750; color:#111210; box-shadow:0 12px 30px #0007; border-radius:5px; font-size:14px; }
.cinemaSite .accessDialog { background:#1b1d18; color:#f4f1e9; border-color:#df875070; border-radius:6px; }
.cinemaSite .accessDialog h2 { font-weight:500; letter-spacing:-.025em; }
.cinemaSite .accessDialog p { color:#b4b4ac; }
.cinemaSite .accessDialog input { background:#111210; border-radius:4px; }
.cinemaSite .accessDialog button { background:#26291f; border-radius:4px; }
.cinemaSite .accessDialog .accessSave { background:#df8750; border-color:#df8750; color:#111210; }

@media(max-width:1100px) {
  .cmGateLayout { gap:45px; grid-template-columns:1fr 1fr; }
  .cmLegalLayout { grid-template-columns:240px minmax(0,1fr); gap:45px; }
  .cinemaHome .studio .studioGrid,.cinemaHome .studio .financeGrid { grid-template-columns:minmax(0,1fr); }
  .cmUtility .aeroReviewBar { align-items:flex-start; flex-direction:column; }
  .cmUtility .projectTop { gap:24px; }
  .cinemaSite .footerMain { grid-template-columns:1.5fr 1fr 1fr; gap:35px; }
  .cinemaSite .footerMain .footerCol:last-child { grid-column:1/-1; flex-direction:row; flex-wrap:wrap; gap:12px 24px; }
}
@media(max-width:760px) {
  .cinemaHome .cmLogo { width:45px; min-width:45px; }
  .cinemaHome .cmLogo>span { font-size:33px; }
  .cinemaHome .cmLogo small { font-size:9px; margin-top:10px; }
  .cmGateLayout { grid-template-columns:1fr; gap:36px; padding-top:25px; padding-bottom:60px; min-height:0; }
  .cmGateIntro .cmBreadcrumb { margin-bottom:35px; }
  .cinemaHome .cmGateIntro h1 { font-size:clamp(39px,9vw,62px); }
  .cmGateIntro>p:not(.cmEyebrow) { font-size:17px; }
  .cmGateCard { padding:28px 23px; }
  .cmGateMark { margin-bottom:25px; }
  .cmMessagePage { padding-top:25px; padding-bottom:65px; }
  .cmMessagePage h1 { font-size:clamp(42px,9vw,64px); }
  .cmLegalLayout { grid-template-columns:1fr; gap:40px; padding-top:30px; padding-bottom:60px; }
  .cmLegalNav { position:static; }
  .cmLegalNav nav { display:grid; grid-template-columns:1fr 1fr; gap:0 22px; }
  .cmLegalNav nav a { font-size:13px; gap:6px; }
  .cmLegalNav>.cmTextLink { margin-top:20px; }
  .cinemaHome .cmLegalContent h2 { font-size:23px; }
  .cmLegalContent article p { font-size:16px; line-height:1.8; }
  .cmUtility .aeroLiveReview,.cmUtility .projectView { padding:30px 16px 50px; }
  .cmUtility .aeroReviewBar h1,.cmUtility .projectTop h1 { font-size:clamp(32px,7.5vw,48px); }
  .cmUtility .aeroReviewActions { width:100%; }
  .cmUtility .aeroReviewActions .btn { flex:1; font-size:13px; padding:12px; }
  .cmUtility .aeroReviewTabs { gap:7px; padding:12px; }
  .cmUtility .aeroReviewTabs a { padding:10px 12px; font-size:12px; }
  .cmUtility .aeroReviewTabs span { width:100%; margin:8px 0 0; line-height:1.6; }
  .cmUtility .aeroLiveFrame { height:85dvh; min-height:550px; }
  .cmUtility .projectTop { flex-direction:column; }
  .cmUtility .projectTop p { font-size:16px; }
  .cmUtility .status { padding:15px 20px; width:100%; display:flex; align-items:center; justify-content:space-between; gap:15px; }
  .cmUtility .status span { margin:0; }
  .cmUtility .liveProjectShell>.previewLoadingShell>iframe { min-height:550px; height:85dvh; }
  .cmUtility .liveProjectBar span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
  .cmUtility .liveProjectBar a { flex-shrink:0; }
  .cmUtility .feedbackPanel { width:calc(100vw - 20px); right:10px; }
  .cinemaHome .cmAdminHeader { height:85px; padding:0 24px; gap:15px; }
  .cmAdminLabel { display:none; }
  .cinemaHome .cmAdminHeader nav { gap:16px; }
  .cinemaHome .cmAdminHeader nav a { font-size:12px; }
  .cinemaHome .cmAdminHeader #logout { padding:12px; }
  .cinemaHome .studio .studioShell { padding:35px 20px 60px; }
  .cinemaHome .studio .studioTitle { flex-direction:column; align-items:flex-start; gap:22px; }
  .cinemaHome .studio .studioTitle h1 { font-size:clamp(44px,10vw,65px); }
  .cinemaHome .studio .studioTitle p { font-size:15px; }
  .cinemaHome .studio .adminStats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .cinemaHome .studio .adminStat { padding:18px 15px; min-height:130px; }
  .cinemaHome .studio .adminStat span { font-size:11px; }
  .cinemaHome .studio .adminStat i { font-size:9px; }
  .cinemaHome .studio .tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .cinemaHome .studio .tabs button { padding:12px 10px; min-width:0; font-size:13px; }
  .cinemaHome .studio .panel { padding:22px 18px; }
  .cinemaHome .studio .panelHead { flex-direction:column; }
  .cinemaHome .studio .two { grid-template-columns:1fr; }
  .cinemaHome .studio .formActions>.btn { flex:1; }
  .cinemaHome .studio .invoiceLine { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cinemaHome .studio .invoiceLine>input:first-child { grid-column:1/-1; }
  .cinemaHome .studio .financeRow,.cinemaHome .studio .customerCard { flex-wrap:wrap; }
  .cinemaHome .studio .businessGrid { grid-template-columns:1fr; }
  .cinemaHome .studio .financeSummary { grid-template-columns:1fr; }
  .cinemaHome .studio .invoiceLiveTotal { grid-template-columns:1fr; }
  .cinemaSite .siteFooter { padding:40px 24px 25px; }
  .cinemaSite .footerMain { grid-template-columns:1fr 1fr; gap:35px 24px; padding-bottom:35px; }
  .cinemaSite .footerIntro { grid-column:1/-1; }
  .cinemaSite .footerIntro p { max-width:450px; }
  .cinemaSite .footerMain .footerCol:last-child { flex-direction:column; }
  .cinemaSite .footerLegal,.cinemaSite .footerBottom { flex-direction:column; align-items:flex-start; gap:15px; }
}
@media(prefers-reduced-motion:reduce) { .cinemaHome .cmUtility *,.cinemaHome .studio * { scroll-behavior:auto; transition:none; } }

/* From-prices and bespoke scopes stay readable beside fixed-price services. */
.cinemaHome[data-page=priser] .price .priceFrom{display:block;font-size:13px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;color:#b4b4ac}
.cinemaHome[data-page=priser] #special .price{font-size:clamp(28px,3vw,44px)}
.cinemaHome[data-page=priser] #special .vatNotice{margin-top:28px}
.cinemaHome[data-page=priser] .priceFeatures span{font-size:15px;line-height:1.65}
