/* Laptop-first layout refinement. Reference: MacBook 14-inch; existing brand system. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] main .cinematicHero{height:clamp(430px,64svh,580px)!important;min-height:0!important;max-height:none!important;padding-block:28px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .cinematicHeroPicture .cinematicHeroMedia{object-position:center 85%!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .cinematicHero h1{margin:12px 0 20px!important}

/* Hover Expand: a five-panel accordion, with the same photographs on all devices. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .homeProjectReel{padding:36px max(24px,calc((100vw - 1200px)/2))!important;height:auto!important;min-height:0!important}
.homeReelHead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .homeReelHead h2{margin:0!important;font-size:28px!important;line-height:1.2!important}
.homeReelHead .textLink{white-space:nowrap;font-size:14px}
.homeExpandGallery{--expand-ease:cubic-bezier(.23,1,.32,1);display:flex;gap:10px;height:clamp(320px,40svh,390px);isolation:isolate}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .homeExpandPanel{position:relative;flex:1 1 0;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;border:1px solid var(--border)!important;border-radius:6px;background:#080808!important;color:#fff!important;cursor:pointer;transition:flex-grow 200ms var(--expand-ease);text-align:left}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .homeExpandPanel.is-active{flex-grow:4}
.homeExpandPanel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.homeExpandPanel::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 65%);pointer-events:none}
.homeExpandTitle{position:absolute;z-index:1;left:18px;bottom:20px;transform:rotate(-90deg);transform-origin:0 100%;white-space:nowrap;font-size:13px;line-height:1.35;font-weight:500;letter-spacing:.015em;transition:transform 200ms var(--expand-ease),opacity 200ms var(--expand-ease)}
.homeExpandPanel.is-active .homeExpandTitle{left:18px;bottom:16px;transform:none;font-size:16px}
.homeExpandPanel:focus-visible{outline:2px solid #718CFF!important;outline-offset:-3px!important}
.homeExpandGallery.is-keyboard .homeExpandPanel,.homeExpandGallery.is-keyboard .homeExpandTitle{transition:none!important}

/* The compact footer has one contact action. Other sites move to About. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:0!important;padding:24px max(24px,calc((100vw - 1200px)/2))!important;border-top:1px solid var(--border)!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .footerMeta{font-size:14px!important;color:var(--text-secondary)!important;line-height:1.5;text-transform:none!important;letter-spacing:normal!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .footerActions{margin:0!important;padding:0!important;min-height:0!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .footer .globalFeedbackTrigger{position:static!important;padding:4px 0!important;border:0!important;background:transparent!important;font-size:14px!important;color:var(--text-primary)!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .footer .globalFeedbackTrigger:is(:hover,:focus-visible){color:var(--rezim-nav-accent)!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="about"] .aboutSites h2{font-size:28px!important;margin:0 0 24px!important;line-height:1.2}
.aboutSites .siteFamilyNav{margin:0;padding:0;border:0;gap:24px}
.aboutSites .siteFamilyNav a{padding:18px 0;border-top:1px solid var(--border);border-radius:0;gap:8px}

/* A small section caption belongs only to the catalogue's brand lockup. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .topbar .brand:has(.brandSectionLabel){display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;height:auto!important;min-height:0!important}
.brandSectionLabel{display:block;font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:500;line-height:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap}

/* One concise workspace: parameters and actions left, conversation right. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] main>section.conceptPageHero{height:clamp(176px,24svh,210px)!important;min-height:0!important;padding-block:22px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] main .conceptPageHero h1{font-size:clamp(28px,3vw,40px)!important;line-height:1.15!important;margin:0 0 12px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] main .conceptPageHero p{max-width:760px;font-size:15px!important;line-height:1.5!important;margin:0!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] .conceptWorkspace{padding-block:28px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptWorkspaceHeader{margin-bottom:16px!important;gap:16px!important;flex-direction:row!important;align-items:center!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptWorkspaceHeader h2{margin:0!important;font-size:24px!important;line-height:1.25!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptWorkspaceHeader .textLink{font-size:14px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"]{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;grid-template-rows:auto auto 1fr;align-items:start;column-gap:24px!important;row-gap:14px!important;padding:20px!important}
.conceptParameters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;grid-column:1;grid-row:1;min-width:0}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptParameters label{font-size:13px!important;gap:6px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptParameters :is(select,input:not([type="range"])){font-size:14px!important;padding:9px 12px!important;min-height:42px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptParameters .conceptVolumeControl>span{min-height:36px!important;background:var(--background-primary)!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] .conceptChat{grid-column:2!important;grid-row:1 / span 3;display:flex!important;flex-direction:column;align-self:stretch;gap:10px!important;min-width:0;min-height:266px;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--background-primary)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] .conceptChatThread{max-height:136px!important;min-height:0;overflow:auto;padding:0!important;border:0!important;background:transparent!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] .conceptRefinement{display:flex;flex-direction:column;flex:1;gap:10px!important;min-width:0}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptRefinement>label{order:-1;font-size:13px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] .conceptRefinement textarea{flex:1;width:100%;min-height:92px!important;height:136px!important;max-height:220px;padding:10px!important;border:0!important;background:transparent!important;resize:vertical;font-size:14px!important;line-height:1.5!important;box-shadow:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptAttachmentBar{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;flex-wrap:wrap;min-height:36px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] .conceptIconButton,html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptHelp>summary{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px!important;flex:none;padding:6px!important;border:1px solid var(--border)!important;border-radius:5px;background:transparent;color:var(--text-secondary);box-shadow:none!important;cursor:pointer;list-style:none}
.conceptHelp{position:relative;margin-left:auto}
.conceptHelp>summary::-webkit-details-marker{display:none}
.conceptHelp>div{position:absolute;z-index:12;right:0;bottom:calc(100% + 8px);width:min(340px,75vw);padding:14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);box-shadow:0 8px 24px #0003}
.conceptHelp p{font-size:13px;line-height:1.5;margin:0 0 10px}
.conceptHelp p:last-child{margin:0}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] :is([data-concept-attachment-status],.conceptMemoryStatus):empty{display:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] [data-concept-attachment-status]{width:100%;font-size:12px!important;line-height:1.4!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] .conceptActions{grid-column:1!important;grid-row:2;display:flex!important;gap:8px!important;flex-wrap:wrap;margin:0!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptActions .button{min-height:42px!important;width:auto;padding:9px 14px!important;font-size:14px!important;line-height:1.4!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptActions [hidden]{display:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] .conceptProgress{grid-column:1!important;grid-row:3;margin:0!important;font-size:12px!important;line-height:1.5!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] [data-concept-contact-limit]{grid-column:1/-1!important;font-size:13px}

@media(max-width:760px){
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] main .cinematicHero{height:clamp(470px,72svh,570px)!important;padding:22px 20px!important}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .cinematicHeroPicture .cinematicHeroMedia{object-position:60% center!important}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .homeProjectReel{padding:28px 20px!important}
 .homeReelHead{gap:12px;margin-bottom:16px}.homeReelHead .textLink{font-size:13px}
 .homeExpandGallery{flex-direction:column;height:420px;gap:6px}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .homeExpandPanel{flex:0 0 44px;min-height:44px}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="home"] .homeExpandPanel.is-active{flex:1 1 44px}
 .homeExpandPanel .homeExpandTitle,.homeExpandPanel.is-active .homeExpandTitle{left:14px;bottom:14px;font-size:13px;transform:none;writing-mode:horizontal-tb;rotate:none}
 .homeExpandPanel.is-active .homeExpandTitle{font-size:15px;bottom:16px}
 .aboutSites .siteFamilyNav{grid-template-columns:1fr;gap:6px}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .footer{padding:20px!important;gap:20px!important;flex-wrap:nowrap!important}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] main>section.conceptPageHero{height:220px!important;padding:20px!important}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"]{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;padding:14px!important;gap:18px!important}
 .conceptParameters{gap:14px 10px;grid-column:1!important;grid-row:auto!important}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptParameters select{font-size:16px!important;padding:9px!important}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] .conceptChat{grid-column:1!important;grid-row:auto!important;min-height:240px}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] .conceptRefinement textarea{font-size:16px!important;height:120px!important}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] :is(.conceptActions,.conceptProgress){grid-column:1!important;grid-row:auto!important}
 html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptIconButton,html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptHelp>summary{width:40px!important;height:40px!important;min-height:40px!important}
}
@media(prefers-reduced-motion:reduce){.homeExpandPanel,.homeExpandTitle{transition:none!important}}

html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptAttachmentBar [hidden]{display:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .conceptMemoryList{max-height:220px;overflow:auto}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] .conceptHelp{display:block!important;flex:0 0 36px!important;width:36px!important;min-width:0!important;margin-left:auto!important;padding:0!important;border:0!important;background:transparent!important}
@media(max-width:760px){html:root[data-rezim-system][data-theme] body.cinematicPage[data-page] .toolForm[data-tool-form="concept"] .conceptHelp{flex-basis:40px!important;width:40px!important}}
