:root{--project-accent:#d3d9c3;--next-accent:#d7e0e5}
[hidden]{display:none!important}
.project-title-row{grid-template-columns:1.25fr 1fr;align-items:end}
.project-title-row h1{font-size:clamp(3.5rem,7.7vw,8rem);letter-spacing:-.065em;line-height:.98}
.project-promise{font-size:clamp(1.7rem,3vw,3.2rem)}
.hero-stage{height:clamp(460px,52vw,760px)}
.hero-product{width:89%;height:calc(100% - 115px);transform:none}
.film-poster{filter:none}
.sequence .workflow-stage{transition:background .3s,box-shadow .3s;padding:23px 15px 19px;margin-inline:-15px}
.sequence .workflow-stage.is-active{background:#cbd1ca;box-shadow:inset 0 3px #68705c}
.workflow-controls{margin-top:37px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.workflow-choices,.workflow-playback{display:flex;align-items:center;gap:22px}
.workflow-controls button{font:300 italic 14px/1.5 var(--caption);padding:8px 0;border-bottom:1px solid transparent}
.workflow-select[aria-pressed=true]{border-color:currentColor}
.case-accordion{border-top:1px solid var(--rule)}
.case-accordion details{border-bottom:1px solid var(--rule)}
.case-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;font:400 17px/1.5 var(--sans);padding:23px 0}
.case-accordion summary::-webkit-details-marker{display:none}
.case-accordion summary>span{font:300 27px/1 Arial,sans-serif;transition:transform .2s}
.case-accordion details[open] summary>span{transform:rotate(45deg)}
.case-accordion details>div{padding:0 0 25px}
.case-accordion p{font:400 16px/1.75 var(--sans);color:#565652}
.case-accordion .text-link{margin-top:20px;font-size:12px;line-height:1.7;text-align:left}
summary:focus-visible{outline:2px solid #2d559f;outline-offset:4px}
.next-project-link>img{transform:none;max-height:360px}
.next-project-link:hover>img{transform:scale(1.025)}
@media(max-width:760px){.project-title-row{grid-template-columns:1fr}.project-title-row h1{font-size:clamp(3.2rem,13vw,6.3rem)}.project-promise{font-size:clamp(1.8rem,5.5vw,2.65rem)}.hero-stage{height:420px}.hero-product{width:97%;height:calc(100% - 95px)}.stage-topline>.caption{max-width:200px}.stage-footline .text-link{max-width:160px}.workflow-controls{align-items:flex-start;flex-direction:column;gap:12px}.workflow-choices{gap:26px}.workflow-playback{gap:25px}.sequence .workflow-stage{padding-inline:12px;margin-inline:-12px}.case-accordion summary{font-size:16px;padding:20px 0}.film-caption{flex-direction:column;gap:13px}}
@media(max-width:390px){.hero-stage{height:330px}.hero-product{height:calc(100% - 105px)}.stage-topline>.caption{max-width:200px}.stage-footline>.caption{max-width:120px}.film-tab{font-size:12px}.project-facts dd{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sequence .workflow-stage{transition:none}}

/* A compact, aligned project overview. */
.project-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:32px 0 0;padding:24px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.project-facts>div{min-width:0;padding-inline:28px;border-left:1px solid rgba(43,43,41,.14)}
.project-facts>div:first-child{padding-left:0;border-left:0}
.project-facts>div:last-child{padding-right:0}
.project-facts dt{font:400 .875rem/1.4 var(--sans);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.project-facts dd{font:400 1rem/1.55 var(--sans);margin:0;text-wrap:pretty}
@media(max-width:760px){.project-facts{display:block;margin-top:26px;padding:0}.project-facts>div,.project-facts>div:first-child,.project-facts>div:last-child{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;padding:19px 0;border-left:0;border-bottom:1px solid rgba(43,43,41,.14)}.project-facts>div:last-child{border-bottom:0}.project-facts dt{margin:3px 0 0;font-size:.8125rem}.project-facts dd{font-size:1rem}}
@media(max-width:390px){.project-facts>div{grid-template-columns:76px minmax(0,1fr);gap:16px}}