.portfolio-work{display:block;margin-top:28px}.portfolio-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:5%;align-items:center;padding:48px 5%;background:#191a18;color:#f1f0e9}.portfolio-preview h3{font-size:clamp(3rem,5vw,5.5rem);letter-spacing:-.07em;line-height:1;margin:24px 0}.portfolio-preview em{font-style:normal;color:var(--orange)}.portfolio-preview p{color:#b7b7ab;max-width:28ch}.portfolio-preview img{width:100%;height:auto;border:1px solid #62615a;box-shadow:12px 12px 0 #ff784a18}.portfolio-preview .small{font-size:.65rem}.portfolio-work .project-caption{background:#222321}.portfolio-work .project-caption p{color:#b7b7ab}
.portfolio-case .case-heading{max-width:1000px}.portfolio-case .case-heading em{color:#bd4c26}.portfolio-case .case-body{max-width:1200px}.portfolio-case .case-section{scroll-margin-top:100px}.portfolio-intro-image{display:block;width:100%;border:1px solid #64645a}.film{background:#191a18;padding:12px;border:1px solid #706b5f}.film video{display:block;width:100%;aspect-ratio:16/9;background:#191a18}.film-meta{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-size:.75rem;margin:14px 0 0}.film-meta a{text-decoration:underline;text-underline-offset:4px}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.process-grid article{border:1px solid #c1aa98;padding:25px}.process-grid .mono{font-size:.7rem;color:#875038}.process-grid h3{font-size:1.3rem;margin:16px 0 10px}.process-grid p{font-size:.95rem;margin:0}.timeline-entry{display:grid;grid-template-columns:145px 1fr;gap:28px;border-top:1px solid #c1aa98;padding:30px 0}.timeline-entry time{font-size:.75rem;color:#875038;padding-top:6px}.timeline-entry h3{margin:0 0 12px;font-size:1.3rem}.timeline-entry p{font-size:1rem;margin:0 0 14px}.timeline-source{font-size:.65rem;color:#6d5a4b;overflow-wrap:anywhere}.feedback-table{width:100%;border-collapse:collapse;margin-top:25px}.feedback-table th,.feedback-table td{text-align:left;padding:18px 15px;border:1px solid #c1aa98;vertical-align:top;font-size:.9rem}.feedback-table th{font-size:.7rem;background:#ded5c5}.portfolio-case .source-list{margin-top:24px}.portfolio-case .scope-note{margin-top:24px}.highlight-transcript li{padding-bottom:8px;line-height:1.6}.highlight-transcript strong{color:#875038}
@media(max-width:700px){.portfolio-preview{grid-template-columns:1fr;padding:30px 7%;gap:30px}.portfolio-preview h3{font-size:3.5rem}.portfolio-preview img{box-shadow:6px 6px 0 #ff784a18}.portfolio-case .case-heading{font-size:clamp(2.8rem,12vw,4.5rem)}.process-grid{grid-template-columns:1fr}.timeline-entry{grid-template-columns:1fr;gap:12px}.feedback-table,.feedback-table tbody,.feedback-table tr,.feedback-table td{display:block}.feedback-table thead{display:none}.feedback-table tr{border-top:2px solid #875038;margin-top:18px}.feedback-table td{border-top:0}.feedback-table td::before{content:attr(data-label);display:block;font:.7rem var(--mono);color:#875038;margin-bottom:9px}.film{padding:4px}}

/* Project overview leads the Work gallery. */

.work-highlight{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:6%;padding:46px 0;margin:34px 0 16px;border-top:1px solid #505148;border-bottom:1px solid #505148;scroll-margin-top:105px}
.work-highlight h3{font-size:clamp(2rem,3.2vw,3.2rem);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:0 0 22px}.work-highlight-copy>p:not(.work-film-kicker){font-size:1rem;line-height:1.75;color:var(--muted);max-width:38ch}.work-highlight-note{display:block;color:#d8b5a3;font-size:.65rem;margin-top:22px}.work-highlight-process{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #707066;padding:12px 0;margin-top:15px;font-size:.85rem}.work-highlight-process span{color:var(--orange)}.work-highlight-player{min-width:0}.work-highlight video{display:block;width:100%;aspect-ratio:16/9;background:#191a18;border:1px solid #62635b}.work-highlight-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.75rem;margin-top:16px}.work-highlight-links a{text-decoration:underline;text-underline-offset:4px}.work-highlight details{border-top:1px solid #505148;margin-top:20px;padding-top:15px}.work-highlight summary{font-size:.85rem;cursor:pointer}.work-highlight details p{color:var(--muted);font-size:.85rem;line-height:1.7}.work-highlight details strong{color:#d8b5a3}
@media(max-width:700px){.work-highlight{grid-template-columns:1fr;gap:25px;padding:32px 0}.work-highlight h3{font-size:2rem}.work-highlight-copy>p:not(.work-film-kicker){font-size:.95rem}}

.work-highlight{padding-top:0;margin-top:0;margin-bottom:54px;border-top:0}.work-highlight .work-film-kicker{font-size:.7rem;letter-spacing:.08em;color:var(--orange);margin:0 0 24px}.work-highlight .work-highlight-copy>p:not(.work-film-kicker){color:var(--muted)}#projects{scroll-margin-top:105px}

/* A stronger first-visit signpost for the overview. */
.work-highlight .work-film-kicker{border-left:5px solid var(--orange);padding:3px 0 3px 16px;margin-bottom:27px;letter-spacing:0}.work-film-kicker strong{display:block;font-family:var(--sans,Arial,sans-serif);font-size:clamp(1.75rem,2.7vw,2.25rem);font-weight:800;line-height:1.1;letter-spacing:-.035em;color:var(--orange)}.work-film-kicker strong>span{display:inline-block;margin-left:8px;font-size:.85em}.work-film-duration{display:block;font-size:.68rem;font-weight:500;line-height:1.6;letter-spacing:.07em;text-transform:uppercase;color:#d2c9bb;margin-top:9px}

.video-playback-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:13px}.video-play-toggle{border:1px solid var(--orange);background:#24251f;color:var(--ink);padding:9px 16px;font:600 .8rem var(--sans,Arial,sans-serif);cursor:pointer;min-height:40px}.video-play-toggle:hover,.video-play-toggle:focus-visible{background:var(--orange);color:#191a18}.video-play-toggle[hidden]{display:none}.film .video-playback-bar{padding:0 5px 5px}

/* Contain transcript margins while its disclosure slides open and closed. */
.transcript-content{display:flow-root}[data-animated-transcript]>summary{cursor:pointer}