/* Editorial photographs lead the service pages; diagrams explain the work. */
.photo-art{margin:0;background:#dcd9dc;isolation:isolate;min-height:430px}
.photo-media{position:absolute;inset:0;overflow:hidden}
.photo-media>img{height:100%;width:100%;object-fit:cover;transform:scale(1.08);will-change:transform}
.digital-photo .photo-media>img{object-position:56% 63%}
.digital-type{position:absolute;top:8%;left:8%;right:8%;color:#111622;z-index:2}
.digital-type>img{width:128px;height:auto}
.digital-type>b{display:block;font-size:clamp(50px,5.2vw,80px);font-weight:500;line-height:.95;letter-spacing:-.04em;margin:40px 0 25px}
.digital-rule{height:1px;background:#11162260;width:65%;margin-bottom:13px}
.digital-type>span{font-size:12px}
.film-photo .photo-media>img{object-position:32% center}
.edit-strip{position:absolute;left:25px;right:25px;bottom:73px;color:#f1f0ed;background:#111622;padding:18px 20px;display:flex;gap:12px;align-items:center;font-size:12px;z-index:2}
.edit-strip i{height:2px;background:#8a43f6;flex:1;transform-origin:left;animation:edit-line 3.6s var(--ease-in-out) infinite}
.edit-strip i:last-of-type{background:#04c5e4;animation-delay:350ms}
.structure-photo .photo-media>img{object-position:50% 40%}
.structure-note{position:absolute;top:30px;left:30px;background:#5421d0;color:#fff;padding:27px 30px;width:65%;z-index:2}
.structure-note>span{font-size:11px;display:block;margin-bottom:25px}
.structure-note>b{font-size:clamp(34px,3.8vw,58px);font-weight:500;letter-spacing:-.035em;line-height:1;display:block}
.structure-signal{display:flex;align-items:center;gap:8px;margin-top:30px}
.structure-signal i{height:6px;flex:1;background:#f1f0ed66}
.structure-signal i:last-child{background:#04c5e4}
.photo-wide{height:clamp(430px,46vw,680px);margin-bottom:80px}
.editorial-photo .photo-media>img{object-position:center 52%}
.process-photo .photo-media>img{object-position:center 47%}
.process-photo.photo-wide{height:clamp(400px,42vw,600px)}
.row-art .photo-art{min-height:0;height:100%}
.row-art .digital-type>b{font-size:48px;margin:22px 0 16px}
.row-art .digital-type>img{width:100px}
.row-art .digital-rule{margin-bottom:8px}
.row-art .digital-type>span{font-size:9px}
.row-art .structure-note{top:22px;left:22px;padding:22px;width:62%}
.row-art .structure-note>b{font-size:38px}
.row-art .structure-note>span{margin-bottom:20px}
.row-art .structure-signal{margin-top:22px}
.row-art .edit-strip{left:20px;right:20px;padding:14px;bottom:66px;font-size:11px}
.section>.format-stage{margin:15px 0 60px}
.format-card{box-shadow:0 20px 40px #070b1120}
@keyframes edit-line{0%,20%{transform:scaleX(.15);opacity:.45}65%,100%{transform:scaleX(1);opacity:1}}
.motion-off .photo-media>img{transform:none!important;will-change:auto}
.motion-off .edit-strip i{animation:none}
@media(prefers-reduced-motion:reduce){.photo-media>img{transform:none!important;will-change:auto}.edit-strip i{animation:none}}
@media(max-width:760px){.photo-art{min-height:400px}.digital-type>b{font-size:58px;margin:35px 0 22px}.digital-type>img{width:115px}.digital-type>span{font-size:11px}.structure-note{left:24px;top:24px;padding:25px;width:70%}.structure-note>b{font-size:46px}.photo-wide{height:430px;margin-bottom:50px}.process-photo.photo-wide{height:460px}.edit-strip{left:20px;right:20px;font-size:11px;padding:17px;bottom:65px}.row-art .digital-type>b{font-size:43px}.row-art .structure-note>b{font-size:34px}.section>.format-stage{margin-bottom:35px}}
@media(max-width:380px){.digital-type>b{font-size:50px}.structure-note{left:20px;top:20px;padding:22px;width:72%}.structure-note>b{font-size:38px}.edit-strip{gap:8px;padding:13px;font-size:10px}.row-art .structure-note{width:72%}}

/* Content OS: a connected production workflow, from source to approval. */
.content-map{background:var(--dark);color:var(--paper);border-radius:6px;padding:clamp(28px,4vw,64px);margin:15px 0 60px;overflow:hidden}
.content-map-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:58px}
.content-map-head h3{font-size:clamp(32px,3.5vw,54px);line-height:1.07;letter-spacing:-.035em;font-weight:500}
.content-map-head h3 span{color:#b9afe1}
.content-map-options>span{font-size:13px;color:#d4cde9}
.content-map .format-choice{margin:14px 0 0;gap:0;border:1px solid #645d78;border-radius:4px;padding:4px;width:fit-content}
.content-map .format-choice button{color:var(--paper);border:0;font:inherit;font-size:14px;padding:11px 20px;border-radius:2px;min-height:44px}
.content-map .format-choice button[aria-pressed=true]{background:var(--violet);color:#fff}
.content-map-flow{display:grid;grid-template-columns:1fr 1fr 1.18fr 1fr;gap:28px;list-style:none;margin:0;padding:0}
.map-step{position:relative;min-width:0}
.map-step:not(:last-child):before{content:"";position:absolute;top:16px;left:32px;right:-28px;height:1px;background:#75658f}
.map-step:not(:last-child):after{content:"";position:absolute;top:13px;right:0;width:6px;height:6px;border-top:1px solid #b9afe1;border-right:1px solid #b9afe1;transform:rotate(45deg)}
.map-number{position:relative;z-index:1;display:grid;place-items:center;width:33px;height:33px;border:1px solid #aa90d6;border-radius:50%;background:var(--dark);color:#d8c8ef;font-size:11px;margin-bottom:30px;font-variant-numeric:tabular-nums}
.map-step h4{font-size:clamp(20px,1.8vw,27px);letter-spacing:-.025em;font-weight:500;line-height:1.15;margin:0 0 14px}
.map-step>p{font-size:15px;line-height:1.5;color:#d4cde9;margin:0;min-height:90px;max-width:24ch}
.source-inputs{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid #5b516e}
.source-inputs li{font-size:13px;padding:12px 0;border-bottom:1px solid #5b516e}
.editorial-chain{margin-top:24px;display:flex;flex-direction:column;gap:16px;align-items:start}
.editorial-chain span{font-size:17px;position:relative;padding-left:18px}
.editorial-chain span:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border:1px solid #b9afe1;border-radius:50%}
.editorial-chain span:not(:last-child):after{content:"";position:absolute;left:3px;top:19px;width:1px;height:19px;background:#75658f}
.content-outputs{position:relative;margin:24px 0 0 0;padding:0 0 0 17px;list-style:none}
.content-outputs:before{content:"";position:absolute;left:0;top:21px;bottom:21px;width:1px;background:var(--cyan)}
.content-outputs li{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #5b516e;padding:12px 0;font-size:14px;line-height:1.25}
.content-outputs li:before{content:"";position:absolute;left:-17px;top:50%;width:10px;height:1px;background:var(--cyan)}
.content-outputs small{font-size:10px;color:#8adce8}
.content-map.authority .video-format{display:none}
.approval-end{margin-top:24px;padding-top:22px;border-top:1px solid #5b516e}
.approval-end svg{height:34px;width:34px;color:var(--cyan);margin-bottom:18px}
.approval-end strong{display:block;font-size:23px;font-weight:500;line-height:1.15;letter-spacing:-.025em}
.content-map-foot{border-top:1px solid #5b516e;margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:24px;color:#d4cde9;font-size:12px;line-height:1.5}
@media(max-width:1050px){.content-map-flow{grid-template-columns:1fr 1fr;gap:40px}.map-step:nth-child(2):before,.map-step:nth-child(2):after{display:none}.map-step>p{min-height:60px}.content-map-head{align-items:start}.content-map-head h3{font-size:38px}}
@media(max-width:600px){.content-map{padding:28px 24px;margin-bottom:40px}.content-map-head{display:block;margin-bottom:40px}.content-map-head h3{font-size:32px}.content-map-options{margin-top:28px}.content-map-flow{display:block}.map-step{padding:0 0 42px 52px}.map-number{position:absolute;left:0;top:0;margin:0}.map-step h4{padding-top:5px;font-size:24px}.map-step>p{min-height:0;max-width:none;font-size:15px}.map-step:not(:last-child):before{display:block;left:16px;top:33px;bottom:0;width:1px;height:auto;right:auto}.map-step:not(:last-child):after{display:block;left:13px;top:auto;bottom:14px;right:auto;transform:rotate(135deg)}.map-step:last-child{padding-bottom:0}.source-inputs,.editorial-chain,.content-outputs,.approval-end{margin-top:20px}.content-map-foot{display:block;margin-top:32px}.content-map-foot>span{display:block}.content-map-foot>span+span{margin-top:12px}.content-outputs li{font-size:14px}.content-outputs small{font-size:10px}}
.content-map .format-choice{display:grid;grid-template-columns:repeat(4,1fr)}
.content-map .format-choice button{padding:12px 14px;text-align:left;white-space:nowrap}
.content-map .format-choice button small{display:block;font-size:11px;margin-top:6px;color:#ded6f0}
.content-outputs strong{color:#8adce8;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}
@media(max-width:1200px){.content-map-head{align-items:start}.content-map .format-choice{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.content-map-options,.content-map .format-choice{width:100%}.content-map .format-choice button{padding:12px}.content-map-head h3{font-size:30px}}