/* Two marketing pages: approach films on Landing, client films on Portfolio. */
.craft-block{max-width:1600px;padding-top:0;padding-bottom:70px}
.craft-ready{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(340px,47vw,680px);padding:clamp(22px,4vw,64px);border:1px solid var(--ink);background:var(--paper)}
.craft-plate-rail{display:flex;justify-content:space-between;gap:20px}
.craft-ready h2{font-size:clamp(70px,16vw,230px);line-height:.95;letter-spacing:-.055em;font-weight:650;margin:40px 0}
.craft-plate-status{display:flex;flex-wrap:wrap;gap:12px 36px;font-size:11px;letter-spacing:.1em}
.craft-plate-status span{display:inline-flex;align-items:center;gap:10px}
.craft-plate-status span::before{content:'';width:7px;height:7px;background:var(--ink)}
.craft-plate-note{font-size:11px;color:var(--muted);margin-top:25px}
.craft-slide{scroll-margin-top:24px;padding-top:55px;min-width:0}
.craft-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;align-items:start;margin-bottom:55px}
.craft-intro h2{font-size:clamp(38px,5vw,76px);line-height:1.04}
.craft-slide-heading{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--rule);padding-top:22px}
.craft-slide-heading>span{text-align:right}
.craft-title{font-size:clamp(28px,3.8vw,55px);line-height:1.12;max-width:1000px;margin:25px 0 32px}
.craft-slide .editorial-film{margin:0;max-width:none}
.craft-caption{font-size:11px;color:var(--muted);border-bottom:1px solid var(--rule);padding:0 18px 18px}
.portfolio-playlist{max-width:1600px;margin:auto;padding-inline:var(--gutter)}
.portfolio-player-settings{display:flex;justify-content:flex-end;padding:0 0 24px}
.portfolio-player-settings button{min-height:44px;background:transparent;font:inherit;font-size:12px;cursor:pointer}
.portfolio-player-settings button:disabled{cursor:default;color:var(--muted)}
.portfolio-client{position:relative;min-width:0;scroll-margin-top:24px}
.portfolio-client-heading{padding:32px 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:1.2fr 1fr;gap:18px 6vw;align-items:end}
.portfolio-client-heading>.eyebrow{grid-column:1/-1}
.portfolio-client-heading h2{font-size:clamp(34px,4.6vw,68px);line-height:1.06;max-width:750px;outline-offset:8px}
.portfolio-client-heading>p:last-child{font-size:15px;color:var(--muted);max-width:530px}
.portfolio-client .editorial-film{margin:0;max-width:none}
.portfolio-next-row{display:flex;justify-content:flex-end;padding:26px 0 55px}
.portfolio-next-row a{display:flex;gap:70px;align-items:center;min-height:44px}
#portfolio-inquire[data-playlist-complete] .button{outline:2px solid var(--ink);outline-offset:6px}
@media(max-width:767px){.craft-block{padding-bottom:40px}.craft-ready{min-height:340px}.craft-slide{padding-top:36px}.craft-intro{grid-template-columns:1fr;margin-bottom:35px}.craft-slide-heading{gap:14px}.craft-slide-heading .eyebrow{font-size:9px}.craft-title{margin:22px 0 25px}.craft-caption{padding-inline:0}.portfolio-client-heading{grid-template-columns:1fr;gap:20px;padding:28px 0}.portfolio-client-heading>.eyebrow{grid-column:auto}.portfolio-client-heading h2{font-size:clamp(34px,7vw,52px)}.portfolio-client-heading>p:last-child{font-size:14px}.portfolio-player-settings{padding-bottom:14px}.portfolio-next-row{padding:20px 0 40px}}
@media(max-width:380px){.craft-ready{padding:20px}.craft-ready h2{font-size:68px}.craft-plate-rail .eyebrow{font-size:8px}.craft-plate-status{font-size:9px;gap:12px 20px}}