/* Commercial audit: work first, clear provenance and a short enquiry. */
[hidden] { display: none !important; }
.publicity-credit { font-size: 10px; color: #b4b3ab; line-height: 1.5; margin: 10px 0 17px; }
.programme-card-specs { display: flex; flex-wrap: wrap; gap: 8px 18px; line-height: 1.7; }
.programme-note { gap: 24px; }
.programme-note p:last-child { max-width: 490px; line-height: 1.65; }
.study-disclosure { padding: 16px 20px; font-size: 12px; line-height: 1.7; color: #cec9bd; background: #151716; border-left: 2px solid #c0ad8a; margin: 16px 0; }
.lab-console > .study-disclosure { margin: 0; }
.featured-looks-dialog > .study-disclosure { margin: 0; }
.programme-context { color: #b8b7b1; font-size: 13px; line-height: 1.8; }
.collaboration { padding-top: 64px; padding-bottom: 64px; }
.collaboration .work-heading { margin: 34px 0; }
.collaboration-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; padding: 10px 0 38px; }
.collaboration-grid article { border-top: 1px solid #34352f; padding-top: 22px; }
.collaboration-grid span { font-size: 10px; letter-spacing: .12em; color: #b1a58d; }
.collaboration-grid h3 { font-size: 23px; font-weight: 400; margin: 18px 0 14px; letter-spacing: -.04em; }
.collaboration-grid p { font-size: 13px; line-height: 1.85; color: #b8b7b1; }
.visual-studies { border-top: 1px solid #34352f; border-bottom: 1px solid #34352f; margin-top: 24px; margin-bottom: 48px; padding-top: 32px; padding-bottom: 32px; }
.visual-studies > .shell, .visual-studies > .section { padding-left: 0; padding-right: 0; width: 100%; max-width: none; }
.visual-studies .film-section { margin-left: 0; margin-right: 0; }
#estudos { scroll-margin-top: 110px; }
#approved-portfolio { padding-top: 48px; padding-bottom: 48px; }
.approved-quotes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
.approved-quotes blockquote { margin: 0; border-top: 1px solid #34352f; padding: 24px 0; }
.approved-quotes p { font-size: 21px; line-height: 1.5; }
.approved-quotes footer { font-size: 12px; color: #bbb; }
.optional-brief { border-top: 1px solid #43443f; border-bottom: 1px solid #43443f; padding: 18px 0; margin: 10px 0 25px; }
.optional-brief > summary { font-size: 14px; cursor: pointer; line-height: 1.7; margin-bottom: 0; }
.optional-brief > summary span { font-size: 11px; color: #c0b391; margin-left: 12px; }
.optional-brief[open] > summary { margin-bottom: 28px; }
.contact-alternative { font-size: 12px; line-height: 1.8; color: #aaa; margin: 22px 0; overflow-wrap: anywhere; }
.contact-alternative a { color: #e0d6bd; }
.contact-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-status { min-height: 2em; line-height: 1.7; }
.form-status[data-state="error"] { color: #ffbc9c; }
.form-status[data-state="success"] { color: #c4dfbd; }
.intake-fields button:disabled { opacity: .65; cursor: wait; }
.brief-result summary { cursor: pointer; font-size: 13px; margin: 22px 0; }
#receipt-description { line-height: 1.8; font-size: 14px; }
#receipt-number { white-space: nowrap; }
.privacy-page { max-width: 850px; margin: 0 auto; padding: 120px 28px; line-height: 1.9; color: #d7d4ca; font-family: Manrope,sans-serif; }
.privacy-page h1 { font-size: clamp(36px,7vw,62px); line-height: 1.1; font-weight: 400; letter-spacing: -.05em; }
.privacy-page h2 { font-size: 24px; margin-top: 40px; font-weight: 400; }
.privacy-page a { color: #e4d1ab; }
body:has(.privacy-page) { background: #0b0d0e; }
@media(max-width:760px) {
 #selecao .featured-heading > div { display:block; width:100%; max-width:none; }
 #selecao .featured-heading .text-action { display:inline-flex; width:fit-content; white-space:nowrap; min-height:44px; margin-top:12px; }
 .collaboration { padding-top: 38px; padding-bottom: 38px; }
 .collaboration-grid { grid-template-columns: 1fr; gap: 25px; }
 .publicity-credit { font-size: 10px; }
 .programme-note { display: block; }
 .programme-note p { margin-bottom: 14px; }
 .approved-quotes { grid-template-columns: 1fr; }
 .optional-brief > summary { font-size: 13px; }
 .optional-brief > summary span { display: block; margin: 0; }
 .hero-footer { gap: 10px; }
 .hero-footer > span { max-width: 55%; line-height: 1.6; }
}
.hero-footer > span:first-child { font-size: 10px; letter-spacing: .08em; }
.work-heading > p { font-size: 14px; line-height: 1.8; }
@media(max-width:760px) { .hero-footer > span:first-child { font-size: 8px; } }
.remote-session { display:grid; grid-template-columns:1.3fr 1fr; border:1px solid #373731; margin:38px 0 42px; }
.remote-image { margin:0; position:relative; min-height:460px; overflow:hidden; }
.remote-image img { width:100%; height:100%; object-fit:cover; object-position:57% 50%; }
.remote-image figcaption { position:absolute; inset:auto 18px 20px; display:flex; justify-content:space-between; gap:20px; color:#e8e2d7; font-size:8px; letter-spacing:.08em; text-shadow:0 1px 6px #000; }
.remote-session-copy { padding:clamp(26px,3.5vw,58px); background:#171816; }
.remote-session-copy h3 { font-size:clamp(34px,4vw,52px); letter-spacing:-.045em; line-height:1.1; font-weight:400; margin:24px 0; }
.remote-session-copy p { color:#c0beb4; font-size:14px; line-height:1.85; }
.remote-session-copy ul { list-style:none; padding:0; margin:25px 0 30px; color:#ccc5b6; font-size:12px; line-height:1.75; }
.remote-session-copy li { padding:10px 0; border-bottom:1px solid #33352f; }
.remote-session-copy .text-action { display:flex; width:fit-content; margin-top:20px; }
.remote-quality { border-top:1px solid #3b3b33; padding:35px 0 12px; display:grid; grid-template-columns:1fr 1.3fr; gap:20px 55px; align-items:start; }
.remote-quality h3 { font-weight:400; font-size:30px; line-height:1.2; letter-spacing:-.04em; margin-top:17px; }
.remote-quality p { color:#b8b7b1; font-size:13px; line-height:1.85; }
.remote-quality > a { grid-column:2; }
.remote-experience .workflow-top > p { font-size:14px; line-height:1.85; }
.remote-options article { min-width:0; }
.remote-options article > span { display:block; line-height:1.6; }
.remote-invitation { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 28px; margin:20px 0 35px; color:#c6c0b3; font-size:13px; line-height:1.8; }
.remote-invitation .text-action { min-height:44px; margin:0; }
.studio-section { padding-top:30px; padding-bottom:65px; }
#estrutura, #remoto { scroll-margin-top:105px; }
.studio-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:60px; align-items:start; margin-bottom:42px; }
.studio-heading h2 { font-size:clamp(36px,4.2vw,64px); line-height:1.13; letter-spacing:-.045em; }
.studio-heading > p { max-width:480px; color:#b8b7b1; font-size:14px; line-height:1.85; }
.studio-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.studio-capabilities article { border-top:1px solid #d7c8a329; padding-top:24px; min-width:0; }
.studio-capabilities .overline { font-size:10px; letter-spacing:.1em; color:#b1a58d; }
.studio-capabilities h3 { font-size:clamp(23px,2.1vw,30px); line-height:1.25; font-weight:400; letter-spacing:-.035em; margin:20px 0 18px; }
.studio-capabilities p { color:#b8b7b1; font-size:13px; line-height:1.85; }
.studio-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 24px; align-items:center; border-bottom:1px solid #d7c8a329; margin-top:32px; padding-bottom:24px; }
.studio-footer p { font-size:12px; line-height:1.75; color:#a7a49b; }
.studio-footer .text-action { min-height:44px; margin:0; }
@media(max-width:760px) {
 .header nav > a.nav-contact { display:inline-flex; min-height:44px; align-items:center; white-space:nowrap; }
 .remote-session { grid-template-columns:1fr; margin:28px 0; }
 .remote-image { min-height:0; height:300px; }
 .remote-image figcaption { font-size:6px; gap:12px; }
 .remote-session-copy { padding:28px 23px; }
 .remote-session-copy h3 { font-size:38px; }
 .remote-session-copy .pill { gap:18px; font-size:11px; }
 .remote-quality { grid-template-columns:1fr; gap:24px; }
.remote-quality > a { grid-column:auto; }
 .remote-experience .section-index { flex-wrap:wrap; gap:10px; }
 .remote-options { grid-template-columns:1fr; gap:24px; }
 .remote-options article { border-top:1px solid #d7c8a329; padding-top:24px; }
 .remote-invitation { display:block; font-size:12px; }
 .remote-invitation .text-action { display:flex; width:fit-content; margin-top:8px; }
 .studio-section { padding-top:22px; padding-bottom:40px; }
 .studio-heading { grid-template-columns:1fr; gap:22px; margin-bottom:32px; }
 .studio-heading > p { max-width:none; font-size:13px; }
 .studio-capabilities { grid-template-columns:1fr; gap:28px; }
 .studio-capabilities h3 { max-width:340px; margin:15px 0 12px; font-size:26px; }
 .studio-section .section-index { flex-wrap:wrap; gap:10px; }
 .studio-section .section-index > span:last-child { max-width:none; text-align:left; }
}

/* The dedicated Reel 2026 cover opens the film, with a direct video fallback. */
.header nav > a.nav-reel {
 display:inline-flex !important; align-items:center; gap:9px;
 color:#e9d5b0; white-space:nowrap; min-height:44px;
}
.nav-reel > span { font-size:9px; }
#filme { scroll-margin-top:110px; padding-top:28px; padding-bottom:36px; }
#filme .film-cover {
 border:1px solid #d7c8a329; cursor:pointer;
 transition:border-color .25s;
}
#filme .film-cover .big-play {
 color:#e9d5b0; border-color:#e9d5b080;
 transition:background .25s, border-color .25s;
}
#filme .film-cover:is(:hover,:focus-visible) { border-color:#d7c8a380; }
#filme .film-cover:is(:hover,:focus-visible) .big-play {
 background:#e9d5b014; border-color:#e9d5b0;
}
#filme .film-cover-title { margin:0; font-weight:400; }
#filme .film-cover-title em { font-size:1.06em; }
.hero-actions > .text-action { min-height:44px; }
@media(max-width:760px) {
 .header nav { padding-top:0; }
 .header nav > a:not(.nav-reel) { display:none !important; }
 .header nav > a.nav-reel { font-size:11px; gap:7px; }
 .hero-actions { gap:10px 22px; }
 .hero-actions > .text-action { font-size:11px; }
 #filme { padding-top:12px; padding-bottom:20px; }
 #filme .film-cover { aspect-ratio:1.4; }
 #filme .film-cover-title { font-size:clamp(40px,11vw,65px); bottom:72px; }
}
@media(max-width:360px) {
 .header { padding-inline:16px; gap:10px; }
 .header nav > a.nav-reel { font-size:10px; gap:5px; }
}
@media(prefers-reduced-motion:reduce) {
 #filme .film-cover, #filme .film-cover .big-play { transition:none; }
}

/* Keep the collection controls attached to the images on every screen. */
.featured-gallery { border-top:1px solid #d7c8a329; }
.featured-gallery > .featured-controls { margin:0; padding:14px 0; border:0; }
.featured-gallery .featured-paging { width:100%; }
.featured-gallery .featured-more { margin-right:auto; display:grid; gap:5px; }
.featured-gallery .featured-more strong { font-size:13px; font-weight:500; color:#e9d5b0; }
.featured-gallery .featured-more small { font-size:10px; color:#aaa69d; }
.featured-gallery .featured-page { min-width:0; white-space:nowrap; }
.featured-gallery > .featured-hint { margin:0; padding:14px 0 0; font-size:11px; }
@media(max-width:760px) {
 #selecao .featured-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
 #selecao .featured-card { padding:0; grid-column:1; min-width:0; }
 #selecao .featured-image { height:auto; aspect-ratio:16/10; width:100%; }
 #selecao .featured-meta { padding:16px 0 18px; }
 #selecao .featured-meta h3 { font-size:clamp(25px,6.5vw,32px); line-height:1.15; }
 #selecao .featured-meta p { font-size:12px; }
 #selecao .featured-open { width:38px; height:38px; font-size:20px; }
 .featured-gallery .featured-paging { gap:8px; }
 .featured-gallery .featured-page { font-size:10px; margin-right:4px; }
 .featured-gallery .featured-more { font-size:11px; }
 .featured-gallery .featured-paging button { width:44px; height:44px; flex-shrink:0; }
}

/* Keep the enquiry essentials visible and comfortable on small screens. */
.intake-group { min-width: 0; border: 0; padding: 0; margin: 0 0 16px; }
.intake-group > legend { width: 100%; padding: 18px 0 22px; border-top: 1px solid #43443f; color: #c0b391; font: 10px/1.6 ui-monospace,monospace; letter-spacing: .1em; }
.intake-group .form-note { margin: -8px 0 24px; }
@media(max-width:700px) { #project-intake .field-row { grid-template-columns: minmax(0,1fr); gap: 0; } }