/* Editorial product illustrations. Static HTML keeps the content readable without JS. */
.fv{--fv-line:rgba(32,58,49,.16);box-sizing:border-box;container-type:inline-size;position:relative;isolation:isolate;width:100%;color:var(--p-forest);background:var(--p-cream);font:400 15px/1.5 var(--p-sans);text-align:left;overflow:hidden}
.fv *{box-sizing:border-box}
.fv .fv-icon{display:block;flex:none;width:20px;height:20px}
.fv .fv-head{display:flex;align-items:center;gap:10px;min-height:50px;padding:14px 22px;border-bottom:1px solid var(--fv-line);font:400 10px/1.4 var(--p-mono);letter-spacing:.075em}
.fv-head>.fv-icon{width:16px;height:16px;color:var(--p-copper)}
.fv .fv-cross{margin-left:auto;color:var(--p-copper);font-size:20px;line-height:1}
.fv .fv-body{display:flex;flex-direction:column;gap:18px;max-width:840px;margin:auto;padding:30px clamp(20px,5cqw,64px);min-height:300px;background-image:radial-gradient(var(--fv-line) .6px,transparent .6px);background-size:16px 16px}
.fv b{font-weight:600}
.fv small,.fv .fv-centered>span{display:block;margin-top:4px;color:var(--p-sub);font-size:13px;line-height:1.5}
.fv .fv-foot{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:16px;border-top:1px solid var(--fv-line);font:400 11px/1.6 var(--p-mono);color:var(--p-sub);flex-wrap:wrap}
.fv-foot-right{margin-left:auto}
.fv-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--p-forest)}
.fv-dot--amber{background:var(--p-copper)}
.fv .fv-brief,.fv .fv-request{padding:18px 22px;border:1px solid var(--fv-line);background:var(--p-white)}
.fv .fv-brief{background:var(--p-forest);color:var(--p-white);box-shadow:4px 4px 0 var(--p-mint)}
.fv-brief>span,.fv-request>span{display:block;font:400 10px/1.5 var(--p-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.fv-brief>b,.fv-request>b{font-size:clamp(18px,4cqw,25px);font-weight:400}
.fv .fv-path{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--p-copper);height:18px}
.fv-path>span{height:1px;width:32px;background:currentColor;opacity:.45}
.fv .fv-stat{display:flex;align-items:center;gap:18px}
.fv-stat>strong{font:400 clamp(48px,10cqw,76px)/1 var(--p-serif);letter-spacing:-.05em}
.fv-stat>span{font-size:13px;color:var(--p-sub)}
.fv .fv-meter{height:14px;background:var(--p-mint);border-right:2px solid var(--p-copper)}
.fv-meter>i{height:100%;display:block;background:var(--p-forest)}
.fv .fv-scale{display:flex;justify-content:space-between;margin-top:-10px;font:400 10px/1.5 var(--p-mono);color:var(--p-sub)}
.fv .fv-lanes{display:grid;gap:10px}
.fv-lanes>div{display:flex;gap:16px;align-items:center;font:400 11px/1 var(--p-mono)}
.fv-lanes>div>span{width:65px;flex:none}
.fv-lanes i{flex:1;height:6px;background:var(--p-mint)}
.fv-lanes b{display:block;height:6px;background:var(--p-forest)}
.fv-lanes>div:last-child b{background:var(--p-copper)}
.fv .fv-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--fv-line)}
.fv-row>span:last-child{min-width:0}
.fv-row .fv-symbol{width:36px;height:36px;background:var(--p-mint);display:grid;place-items:center;flex:none;border:1px solid var(--fv-line)}
.fv .fv-highlight{background:var(--p-white);padding:16px;border:1px solid var(--fv-line);box-shadow:3px 3px 0 var(--p-mint)}
.fv .fv-envelope{display:grid;place-items:center;margin:0 auto;width:72px;height:54px;background:var(--p-white);border:1px solid var(--fv-line);transform:rotate(-5deg);box-shadow:4px 5px 0 var(--p-mint)}
.fv-envelope>.fv-icon{width:30px;height:30px;color:var(--p-copper)}
.fv .fv-centered{text-align:center}
.fv-centered>b{font:400 27px/1.25 var(--p-serif)}
.fv .fv-actions{display:flex;justify-content:center;gap:8px}
.fv-actions>span{display:flex;gap:8px;align-items:center;padding:9px 15px;border:1px solid var(--fv-line);font-size:13px;background:var(--p-white)}
.fv-actions>span:first-child{background:var(--p-forest);color:var(--p-white)}
.fv-actions .fv-icon{width:15px;height:15px}
.fv .fv-prompt{padding:24px;background:var(--p-white);border:1px solid var(--fv-line);box-shadow:5px 5px 0 var(--p-mint)}
.fv .fv-eyebrow{font:400 10px/1.4 var(--p-mono);color:var(--p-copper);letter-spacing:.1em}
.fv .fv-prompt p{font:400 clamp(23px,4cqw,38px)/1.3 var(--p-serif);margin:16px 0 24px;max-width:600px}
.fv .fv-chips{display:flex;gap:8px;flex-wrap:wrap}
.fv .fv-chip{padding:6px 9px;border:1px solid var(--fv-line);font:400 11px/1.4 var(--p-mono);background:var(--p-cream)}
.fv .fv-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0}
.fv-flow>span{display:flex;gap:10px;align-items:center;font-size:13px}
.fv-flow .fv-arrow{color:var(--p-copper)}
.fv .fv-plan{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fv .fv-step{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid var(--fv-line);background:var(--p-white)}
.fv-step .fv-step-n{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid var(--fv-line);font:400 12px/1 var(--p-mono)}
.fv .fv-step.active{background:var(--p-forest);color:var(--p-white)}
.fv-step.active small{color:var(--p-mint)}
.fv-step.active .fv-step-n{border-color:rgba(255,255,255,.3)}
.fv .fv-step.done .fv-step-n{background:var(--p-mint)}
.fv .fv-lead{display:flex;gap:16px;align-items:center;justify-content:center;padding:20px;border:1px solid var(--fv-line);background:var(--p-forest);color:var(--p-white);max-width:420px;margin:auto;width:100%}
.fv-lead small{color:var(--p-mint)}
.fv .fv-branch{width:1px;height:24px;background:var(--p-copper);margin:-18px auto}
.fv .fv-team{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fv-team>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 12px;background:var(--p-white);border:1px solid var(--fv-line)}
.fv-team b{margin-top:12px}
.fv-team small{font-size:11px}
.fv .fv-tiers{display:grid;gap:12px}
.fv-tiers>div{display:flex;gap:18px;align-items:center;padding:18px 22px;border:1px solid var(--fv-line);background:var(--p-white)}
.fv-tiers>div>.fv-icon{margin-left:auto}
.fv-tiers>.selected{background:var(--p-forest);color:var(--p-white)}
.fv-tiers>.selected small{color:var(--p-mint)}
.fv-tier-n{font:400 25px/1 var(--p-serif);opacity:.65}
.fv .fv-orbit{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:1px solid var(--fv-line);outline:1px solid var(--fv-line);outline-offset:9px;background:var(--p-mint);margin:12px auto}
.fv-orbit>.fv-icon{width:26px;height:26px}
.fv .fv-wave{display:flex;justify-content:center;align-items:center;gap:5px;height:56px}
.fv-wave i{display:block;height:var(--h);width:3px;background:var(--p-forest);animation:fv-wave 2.4s ease-in-out infinite;animation-delay:var(--d);transform-origin:center}
.fv-wave i:nth-child(3n){background:var(--p-copper)}
@keyframes fv-wave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.fv-wave i{animation:none}}
.fv-flow--channels>span{flex:1;justify-content:center;flex-direction:column;padding:16px 10px;background:var(--p-white);border:1px solid var(--fv-line)}
.fv .fv-workspace{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.fv .fv-workspace h3{font:400 clamp(26px,5cqw,45px)/1.2 var(--p-serif);margin:16px 0 24px}
.fv .fv-workspace-routes{display:grid;gap:16px}
.fv .fv-media-art{position:relative;isolation:isolate;overflow:hidden;min-height:240px;background:var(--p-forest);color:var(--p-white);padding:28px}
.fv-media-art>span{position:relative;z-index:1;font:400 10px/1.5 var(--p-mono);letter-spacing:.1em}
.fv-media-art b{display:block;font:400 38px/1.2 var(--p-serif);letter-spacing:-.02em;margin-top:18px}
.fv-art-sun{position:absolute;right:15%;top:22px;background:var(--p-copper);width:100px;height:100px;border-radius:50%}
.fv-art-arch{position:absolute;right:10%;bottom:-60px;width:180px;height:220px;border:28px solid var(--p-gold);border-radius:110px 110px 0 0;transform:rotate(20deg)}
/* Replace photograph-specific heights and clipping with content-sized illustrations. */
.scene-why .why-vignette{height:auto;min-height:0;max-height:none;border-radius:3px;display:block;background:var(--p-cream);box-shadow:5px 5px 0 rgba(32,58,49,.06);overflow:visible}
.scene-why .why-vignette .fv{min-height:350px;border-radius:3px}
.scene-why .why-vignette .fv-head{padding:14px 16px}
.scene-why .why-vignette .fv-body{padding:22px 18px 18px;min-height:300px;gap:15px}
.scene-why .fv-brief,.scene-why .fv-request{padding:13px 14px}
.scene-why .fv-brief>b,.scene-why .fv-request>b{font-size:17px}
.scene-why .fv-row{padding:9px 0;gap:10px}
.scene-why .fv-row b{font-size:14px}
.scene-why .fv-row small{font-size:11px}
.scene-why .fv-foot{font-size:10px;padding-top:13px}
.scene-why .fv-stat>strong{font-size:56px}
.scene-why .fv-stat>span{font-size:12px}
.scene-why .fv-centered>b{font-size:25px}
.shot-frame:has(>.fv){background:var(--p-cream);border-radius:3px;aspect-ratio:auto!important}
.pg-studio .run-shot:has(.fv){max-width:none}
.fv.app-demo-poster{display:flex;flex-direction:column;justify-content:center;height:100%;background:var(--p-cream)}
.fv.app-demo-poster .fv-head{position:absolute;inset:0 0 auto}
.fv.app-demo-poster .fv-body{width:100%;max-width:820px;min-height:0;gap:24px;margin:auto}
@container(max-width:520px){
 .fv .fv-plan,.fv .fv-workspace{grid-template-columns:1fr}
 .fv .fv-flow:not(.fv-flow--channels){flex-wrap:wrap;justify-content:center}
 .fv .fv-flow:not(.fv-flow--channels)>span:not(.fv-arrow){font-size:11px;gap:6px}
 .fv .fv-team{gap:8px}
 .fv-team>div{padding:18px 6px}
 .fv-team b{font-size:12px}
 .fv .fv-step{padding:14px}
 .fv .fv-body{padding:24px 20px}
 .fv .fv-head{padding:14px 16px;font-size:9px}
}
@media(max-width:699px){
 .scene-why .why-vignette .fv{min-height:350px}
 .fv.app-demo-poster .fv-body{padding:22px;gap:20px}
}