.project-story { display:grid; grid-template-columns:1fr 1fr; gap:32px 6%; padding:36px 4px 8px; margin-top:28px; border-top:1px solid #c9b69d35; color:#e4dac9; }
.project-story .story-eyebrow { font:9px/1.6 ui-monospace,monospace; letter-spacing:1.2px; color:#bcad96; margin:0 0 16px; }
.project-story-intro h3 { max-width:540px; margin:0 0 20px; font-size:clamp(26px,3vw,39px); line-height:1.13; letter-spacing:-.045em; font-weight:400; }
.project-story .story-reading { font-size:14px; line-height:1.85; color:#ccc6bd; max-width:540px; margin:0; }
.story-details { margin:0; }
.story-details > div { border-top:1px solid #c9b69d25; padding:13px 0; }
.story-details dt { font-size:13px; color:#e4dac9; margin-bottom:5px; }
.story-details dd { margin:0; font-size:12px; line-height:1.75; color:#bdbbb4; }
.project-story-direction { background:#c9b69d0a; border:1px solid #c9b69d25; padding:23px 25px; }
.project-story-direction .story-eyebrow { margin-bottom:11px; }
.story-direction-text { font-size:15px; line-height:1.75; margin:0 0 13px; }
.project-story .story-hint { display:block; font-size:11px; line-height:1.7; color:#aaa79f; margin:0; }
.project-story-contact { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:12px; }
.project-story-contact > p { font:24px/1.3 'Instrument Serif',Georgia,serif; margin:0; }
.story-contact-link { display:inline-flex; min-height:46px; align-items:center; border-bottom:1px solid #b9a78c; font-size:13px; color:#f0e6d5; text-decoration:none; padding:8px 0; }
.story-contact-link:focus-visible { outline:2px solid #dacaad; outline-offset:5px; }
.featured-looks-heading { position:sticky; top:-24px; z-index:2; background:#101211; padding:14px 0; margin-top:-14px; border-bottom:1px solid #c9b69d25; }
.featured-looks-dialog > .project-story { padding-bottom:18px; }
.lab-console > .project-story { margin:0; padding:32px; }
.reference-preview { display:flex; align-items:center; gap:16px; padding:14px; border:1px solid #b9a78c55; background:#b9a78c0a; margin-bottom:16px; }
.reference-preview img { width:120px; height:auto; aspect-ratio:16/9; object-fit:cover; }
.reference-preview > div { min-width:0; }
.reference-preview p { font-size:13px; color:#e4dac9; margin:0 0 5px; line-height:1.5; }
.reference-preview a { font-size:11px; color:#d2c2a8; text-decoration:underline; text-underline-offset:4px; }
.intake-fields > .reference-selection { border:1px solid #b9a78c55; padding:20px; margin:0 0 28px; }
.intake-fields > .reference-selection h3 { font-size:15px; margin:0 0 12px; }
.intake-fields > .reference-selection ul { margin:0 0 14px; line-height:1.8; }
.intake-fields > .reference-selection .check-label { margin-bottom:0; }
@media (max-width:700px) {
  .project-story { grid-template-columns:1fr; gap:24px; padding-top:25px; margin-top:22px; }
  .project-story-intro h3 { font-size:28px; }
  .project-story .story-reading { font-size:13px; }
  .story-details dd { font-size:12px; }
  .project-story-direction { padding:18px; }
  .story-direction-text { font-size:14px; }
  .project-story-contact { padding:0 0 8px; }
  .project-story-contact > p { font-size:25px; }
  .featured-looks-heading { top:-16px; padding:12px 0; }
  .lab-console > .project-story { padding:23px 18px; }
  .reference-preview { gap:12px; padding:10px; }
  .reference-preview img { width:90px; }
  .reference-preview p { font-size:12px; }
  .intake-fields .field-row { grid-template-columns:1fr; gap:0; }
  .process-footer { grid-template-columns:minmax(0,1fr); }
  .process-footer > div { flex-wrap:wrap; }
  .process-footer a { overflow-wrap:anywhere; }
}

/* r6: the image stays beside its reading on a wide screen. */
#selecao { scroll-margin-top:110px; }
.featured-case-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:32px; align-items:start; }
.featured-visual { position:sticky; top:88px; min-width:0; }
.featured-case-layout > .project-story { display:block; border:0; padding:0 0 12px; margin:0; min-width:0; }
.featured-case-layout .project-story-intro h3 { font-size:clamp(26px,2.5vw,34px); }
.featured-case-layout .project-story-craft { margin:28px 0 22px; }
.featured-case-layout .project-story-direction { margin-bottom:24px; }
.featured-case-layout .featured-looks-options { gap:8px; }
.featured-case-layout .featured-looks-options button { display:block; text-align:left; font-size:11px; line-height:1.5; padding:7px; }
.featured-case-layout .featured-looks-options img { width:100%; max-width:none; margin-bottom:8px; }
.featured-case-layout .featured-looks-options span { display:block; min-height:3em; }
.programme-watch { display:flex; justify-content:space-between; gap:16px 30px; align-items:center; flex-wrap:wrap; margin:26px 0; padding:20px 0; border-top:1px solid #c9b69d30; border-bottom:1px solid #c9b69d30; }
.programme-watch > span { color:#b6ac9a; font:9px/1.7 ui-monospace,monospace; letter-spacing:.1em; }
.collaboration-voice { display:flex; align-items:center; gap:26px; max-width:870px; margin:6px 0 42px; }
.collaboration-voice img { width:95px; height:124px; object-fit:cover; object-position:50% 32%; border:1px solid #c9b69d30; flex-shrink:0; }
.collaboration-voice p { color:#dbd3c5; font-size:17px; line-height:1.7; margin:0 0 14px; }
.collaboration-voice span { display:block; color:#b6ac9a; font:8px/1.7 ui-monospace,monospace; letter-spacing:.07em; }
.collaboration-voice a { display:inline-block; font-size:11px; color:#d0bea0; margin-top:9px; text-decoration:underline; text-underline-offset:4px; }
.biography .bio-craft { padding-left:20px; border-left:1px solid #bda98a; }
@media(max-width:900px) {
 .featured-case-layout { grid-template-columns:1fr; gap:26px; }
 .featured-visual { position:static; }
 .featured-case-layout > .project-story { border-top:1px solid #c9b69d35; padding-top:26px; }
 .featured-case-layout .featured-looks-options button { text-align:center; font-size:10px; }
 .featured-case-layout .featured-looks-options span { min-height:3em; }
}
@media(max-width:700px) {
 .collaboration-voice { align-items:flex-start; gap:16px; margin-bottom:30px; }
 .collaboration-voice img { width:68px; height:94px; }
 .collaboration-voice p { font-size:14px; }
 .collaboration-voice span { font-size:7px; }
 .programme-watch .text-action { font-size:12px; }
}

/* r7: on-set collaboration is part of the project scope. */
.on-set-offer { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:34px; padding:30px 0; margin:0 0 42px; border-top:1px solid #c9b69d35; border-bottom:1px solid #c9b69d35; }
.on-set-eyebrow { display:block; font:9px/1.6 ui-monospace,monospace; letter-spacing:.1em; color:#bcad96; margin-bottom:15px; }
.on-set-offer h3 { margin:0; font-size:clamp(28px,3vw,38px); line-height:1.13; letter-spacing:-.04em; font-weight:400; }
.on-set-offer h3 em { font-family:'Instrument Serif',Georgia,serif; }
.on-set-offer p { margin:0 0 15px; font-size:14px; line-height:1.8; color:#ccc6bd; }
.on-set-offer .on-set-scope { color:#aaa79f; font-size:12px; }
.on-set-offer .text-action { font-size:12px; line-height:1.6; }
@media(max-width:700px) {
 .on-set-offer { grid-template-columns:1fr; gap:22px; padding:26px 0; margin-bottom:30px; }
 .on-set-offer p { font-size:13px; }
 .on-set-offer .text-action { display:flex; gap:14px; justify-content:space-between; }
}
