/* Services and About: focused editorial layouts, scoped away from the home page. */
.production-editorial{--pe-ink:#0F0F10;--pe-paper:#F6F7F8;--pe-line:#CDD1D5;--pe-lime:#CFEE08;--pe-lilac:#A78BFA;color:var(--pe-ink);font-family:'Space Grotesk',Arial,sans-serif;overflow-wrap:break-word}
.production-editorial .pe-wrap{width:100%;max-width:1320px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box}
.production-editorial h1,.production-editorial h2,.production-editorial h3,.production-editorial p,.production-editorial figure{margin:0}.production-editorial h1,.production-editorial h2,.production-editorial h3{font-weight:500}.production-editorial p{font-size:18px;line-height:1.6}.production-editorial .pe-kicker{font:400 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em;display:block}.production-editorial .pe-pill{display:inline-block;padding:7px 12px;border:1px solid #BFC4C8;border-radius:20px}.production-editorial .pe-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-top:68px;padding-bottom:64px;min-height:560px}.production-editorial .pe-hero-copy{min-width:0}.production-editorial .pe-hero h1{font-size:clamp(48px,5.8vw,78px);line-height:1.03;letter-spacing:-.065em;max-width:650px;margin:26px 0}.production-editorial .pe-hero-copy>p{max-width:490px;font-size:21px;line-height:1.5}.production-editorial .pe-hero-copy>a{margin-top:32px}.production-editorial .pe-underline{text-decoration:underline;text-decoration-color:var(--pe-lilac);text-decoration-thickness:5px;text-underline-offset:8px}.production-editorial .pe-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 22px;font:400 12px/1.4 'IBM Plex Mono',monospace;text-decoration:none;min-height:52px;transition:background .18s ease,color .18s ease;white-space:normal}.production-editorial .pe-button span{font-size:20px}.production-editorial .pe-button-dark{background:var(--pe-ink);color:var(--pe-lime)}.production-editorial .pe-button-dark:hover{background:var(--pe-lilac);color:var(--pe-ink)}.production-editorial .pe-button-lime{background:var(--pe-lime);color:var(--pe-ink)}.production-editorial .pe-button-lime:hover{background:var(--pe-lilac)}.production-editorial .pe-hero-visual{min-width:0}.production-editorial .pe-hero-visual>img{display:block;width:100%;height:auto;object-fit:contain}.production-editorial .pe-container-visual{padding-bottom:42px;position:relative}.production-editorial .pe-paper-note{display:block;width:205px;margin:-12px 6px 0 auto;padding:20px 22px;background:var(--pe-lime);font-size:22px;line-height:1.15;letter-spacing:-.04em;font-style:italic;transform:rotate(-5deg);position:relative}.production-editorial .pe-paper-note span{display:block;font:400 9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.02em;margin-top:15px}.production-editorial .pe-discipline-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--pe-line);border-bottom:1px solid var(--pe-line);padding-top:22px;padding-bottom:22px;font:400 12px/1.4 'IBM Plex Mono',monospace}.production-editorial .pe-discipline-strip b{font-size:22px;color:#7050B5;font-weight:400}.production-editorial .pe-section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:32px}.production-editorial h2{font-size:clamp(34px,3.6vw,48px);line-height:1.1;letter-spacing:-.05em}.production-editorial .pe-section-head h2{margin-top:14px}.production-editorial .pe-section-head>p{max-width:330px;font-size:17px}.production-editorial .pe-projects,.production-editorial .pe-capabilities,.production-editorial .pe-process,.production-editorial .pe-roles,.production-editorial .pe-principles{padding-top:76px;padding-bottom:0}.production-editorial .pe-project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.production-editorial .pe-project{display:flex;flex-direction:column;grid-column:span 2;border:1px solid var(--pe-line);background:#F0F2F3;color:inherit;text-decoration:none;min-width:0;scroll-margin-top:30px;transition:border-color .2s ease,background .2s ease}.production-editorial .pe-project:nth-child(-n+2){grid-column:span 3}.production-editorial .pe-project:hover{border-color:#0F0F10;background:#EFF0E8}.production-editorial .pe-project-top{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 0}.production-editorial .pe-card-arrow{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--pe-line);font-size:20px;transition:background .2s}.production-editorial .pe-project:hover .pe-card-arrow{background:var(--pe-lime);border-color:var(--pe-lime)}.production-editorial .pe-project-image{height:235px;display:flex;align-items:center;justify-content:center;padding:18px 20px 0;min-width:0}.production-editorial .pe-project:nth-child(-n+2) .pe-project-image{height:290px}.production-editorial .pe-project-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.production-editorial .pe-project:hover img{transform:translateY(-4px)}.production-editorial .pe-project-copy{display:flex;flex:1;flex-direction:column;padding:24px}.production-editorial .pe-project-copy h3{font-size:27px;line-height:1.1;letter-spacing:-.04em;max-width:340px}.production-editorial .pe-project-copy p{font-size:16px;line-height:1.55;margin-top:14px}.production-editorial .pe-card-tag{font:400 9px/1.5 'IBM Plex Mono',monospace;color:#565B60;letter-spacing:.025em;margin:22px 0}.production-editorial .pe-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font:400 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.025em;text-decoration:none;border-bottom:2px solid var(--pe-lilac);padding-bottom:6px;width:fit-content;max-width:100%}.production-editorial .pe-project-copy .pe-text-link{margin-top:auto}.production-editorial .pe-text-link span{font-size:18px}.production-editorial .pe-text-link:hover{border-color:var(--pe-lime)}.production-editorial .pe-image-note{font:400 11px/1.6 'IBM Plex Mono',monospace;color:#60656A;max-width:780px;margin-top:18px}.production-editorial .pe-capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.production-editorial .pe-capability{background:#E9ECEE;padding:34px;scroll-margin-top:30px;min-width:0}.production-editorial .pe-capability-lilac{background:#EAE4F6}.production-editorial .pe-capability h3{font-size:32px;line-height:1.1;letter-spacing:-.04em;margin:20px 0}.production-editorial .pe-capability p{font-size:17px;max-width:520px}.production-editorial .pe-capability a{margin-top:24px}.production-editorial .pe-object-outline,.production-editorial .pe-route{display:flex;gap:18px;align-items:center;margin-top:34px;padding-top:24px;border-top:1px solid #C5C8CC;font:400 10px/1.4 'IBM Plex Mono',monospace}.production-editorial .pe-object-outline i{display:block;width:35px;height:35px;border:1px solid #0F0F10;transform:rotate(30deg);background:var(--pe-lime)}.production-editorial .pe-route b{font-size:22px;font-weight:400}.production-editorial .pe-route span:last-child{border:1px solid #0F0F10;padding:9px 12px}.production-editorial .pe-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:0;margin:36px 0 0}.production-editorial .pe-steps li{border-top:1px solid #AEB4B9;padding-top:22px;min-width:0}.production-editorial .pe-step-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--pe-lime);font:400 12px 'IBM Plex Mono',monospace}.production-editorial .pe-steps h3{font-size:25px;letter-spacing:-.03em;margin:22px 0 12px}.production-editorial .pe-steps p{font-size:16px}.production-editorial .pe-faq{display:grid;grid-template-columns:.9fr 1.2fr;gap:70px;padding-top:84px;padding-bottom:76px}.production-editorial .pe-faq h2{margin:16px 0 20px}.production-editorial .pe-faq>div>p{font-size:17px;max-width:330px}.production-editorial .pe-faq details{border-top:1px solid var(--pe-line)}.production-editorial .pe-faq details:last-child{border-bottom:1px solid var(--pe-line)}.production-editorial .pe-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:18px;line-height:1.4;padding:22px 0}.production-editorial .pe-faq summary::-webkit-details-marker{display:none}.production-editorial .pe-faq summary>span{font:400 22px/1 'IBM Plex Mono',monospace;flex:none}.production-editorial .pe-faq details[open] summary>span{transform:rotate(45deg)}.production-editorial .pe-faq details p{font-size:16px;padding-bottom:24px;max-width:650px}.production-editorial .pe-cta{display:flex;justify-content:space-between;align-items:center;gap:36px;background:var(--pe-ink);color:#F6F7F8;padding-top:48px;padding-bottom:48px;margin-top:0;margin-bottom:72px;width:calc(100% - 80px);max-width:1240px}.production-editorial .pe-cta h2{margin:18px 0 20px}.production-editorial .pe-cta p{max-width:530px;font-size:17px;color:#DDE1E6}.production-editorial .pe-cta .pe-kicker{color:var(--pe-lime)}.production-editorial .pe-cta .pe-button{flex:none}.production-editorial a:focus-visible,.production-editorial summary:focus-visible{outline:3px solid #6840B4;outline-offset:5px}.production-editorial .pe-cta a:focus-visible{outline-color:#CFEE08}
/* About: photography, a paper note and a readable map of responsibilities. */
.production-editorial.pe-about .pe-hero h1{font-size:clamp(45px,5.1vw,68px)}.production-editorial .pe-photo-label{display:flex;justify-content:space-between;font:400 10px/1.4 'IBM Plex Mono',monospace;border-top:1px solid var(--pe-line);padding:15px 0}.production-editorial .pe-material-visual figcaption{font:400 10px/1.5 'IBM Plex Mono',monospace;color:#60656A;margin-top:12px}.production-editorial .pe-founder{display:grid;grid-template-columns:.8fr 1.3fr;gap:100px;align-items:center;padding-top:45px;padding-bottom:66px;border-bottom:1px solid var(--pe-line)}.production-editorial .pe-founder-note{padding:32px;background:var(--pe-lime);max-width:330px;transform:rotate(-3deg);position:relative}.production-editorial .pe-founder-note:before{content:'';position:absolute;width:70px;height:20px;background:#FFFFFF80;top:-10px;left:40%;transform:rotate(4deg)}.production-editorial .pe-founder-note p{font-size:34px;line-height:1.1;letter-spacing:-.05em;font-style:italic;margin:26px 0 36px}.production-editorial .pe-note-dot{display:block;width:14px;height:14px;border-radius:50%;background:#0F0F10}.production-editorial .pe-founder-copy h2{margin:15px 0 24px}.production-editorial .pe-founder-copy p+p{margin-top:18px}.production-editorial .pe-founder-copy strong{font-weight:500}.production-editorial .pe-role-board{display:grid;grid-template-columns:1fr 1.25fr;gap:22px}.production-editorial .pe-role-studio{background:#0F0F10;color:#F6F7F8;padding:38px}.production-editorial .pe-role-studio .pe-kicker{color:var(--pe-lime)}.production-editorial .pe-role-studio h3{font-size:44px;line-height:1.05;letter-spacing:-.05em;margin:30px 0}.production-editorial .pe-role-studio p{font-size:17px;color:#DDE1E6;line-height:1.9}.production-editorial .pe-role-connections{display:grid;gap:22px}.production-editorial .pe-role-connections article{padding:28px 30px;border-left:3px solid #A78BFA;background:#EDEFF1}.production-editorial .pe-role-connections article:last-child{border-color:#CFEE08}.production-editorial .pe-role-connections h3{font-size:25px;letter-spacing:-.035em;margin:14px 0}.production-editorial .pe-role-connections p{font-size:16px}.production-editorial .pe-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.production-editorial .pe-principle-grid article{border-top:2px solid var(--pe-line);padding-top:22px}.production-editorial .pe-principle-grid article:nth-child(2){border-color:var(--pe-lilac)}.production-editorial .pe-principle-grid article:nth-child(3){border-color:var(--pe-lime)}.production-editorial .pe-principle-grid h3{font-size:30px;letter-spacing:-.04em;margin:18px 0 14px}.production-editorial .pe-principle-grid p{font-size:17px}.production-editorial.pe-about .pe-cta{margin-top:76px;margin-bottom:0}.production-editorial .pe-agency{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-top:44px;padding-bottom:64px}.production-editorial .pe-agency h2{font-size:28px;margin:12px 0}.production-editorial .pe-agency p{font-size:16px}.production-editorial .pe-agency a{max-width:320px}
@media(max-width:1100px){.production-editorial .pe-hero{gap:30px}.production-editorial .pe-project{grid-column:span 3}.production-editorial .pe-project:last-child{grid-column:span 6;display:grid;grid-template-columns:1fr 1fr}.production-editorial .pe-project:last-child .pe-project-top{grid-column:1/-1}.production-editorial .pe-project:last-child .pe-project-image{height:260px}.production-editorial .pe-founder{gap:60px}.production-editorial .pe-steps{gap:20px}.production-editorial .pe-section-head>p{max-width:280px}}
@media(max-width:760px){.production-editorial .pe-wrap{padding-left:24px;padding-right:24px}.production-editorial .pe-hero{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:36px;min-height:0}.production-editorial .pe-hero h1,.production-editorial.pe-about .pe-hero h1{font-size:clamp(42px,9vw,66px);max-width:600px;margin:22px 0}.production-editorial .pe-hero-copy>p{font-size:19px;max-width:540px}.production-editorial .pe-hero-copy>a{margin-top:24px}.production-editorial .pe-hero-visual{width:100%;max-width:540px;margin-left:auto;margin-right:auto}.production-editorial .pe-container-visual{padding-bottom:10px}.production-editorial .pe-paper-note{font-size:19px;padding:16px 18px;width:180px;margin:-4px 8px 0 auto}.production-editorial .pe-underline{text-decoration-thickness:4px;text-underline-offset:6px}.production-editorial .pe-discipline-strip{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;font-size:10px;padding-top:18px;padding-bottom:18px}.production-editorial .pe-discipline-strip b:nth-of-type(2){display:none}.production-editorial .pe-discipline-strip span:nth-of-type(3){grid-column:1}.production-editorial .pe-section-head{display:block;margin-bottom:26px}.production-editorial .pe-section-head>p{max-width:500px;margin-top:18px}.production-editorial h2{font-size:34px}.production-editorial .pe-projects,.production-editorial .pe-capabilities,.production-editorial .pe-process,.production-editorial .pe-roles,.production-editorial .pe-principles{padding-top:48px}.production-editorial .pe-project-grid{gap:18px}.production-editorial .pe-project,.production-editorial .pe-project:nth-child(-n+2),.production-editorial .pe-project:last-child{grid-column:1/-1;display:flex}.production-editorial .pe-project-image,.production-editorial .pe-project:nth-child(-n+2) .pe-project-image,.production-editorial .pe-project:last-child .pe-project-image{height:auto;aspect-ratio:4/3;max-height:360px;padding-top:14px}.production-editorial .pe-project-copy{padding:22px}.production-editorial .pe-project-copy h3{font-size:28px}.production-editorial .pe-project-copy p{max-width:560px}.production-editorial .pe-project-copy .pe-text-link{margin-top:0}.production-editorial .pe-capability-grid,.production-editorial .pe-founder,.production-editorial .pe-role-board,.production-editorial .pe-principle-grid{grid-template-columns:1fr;gap:24px}.production-editorial .pe-capability{padding:28px}.production-editorial .pe-capability h3{font-size:29px}.production-editorial .pe-steps{grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:28px}.production-editorial .pe-steps h3{font-size:23px;margin-top:18px}.production-editorial .pe-steps p{font-size:16px}.production-editorial .pe-faq{grid-template-columns:1fr;gap:26px;padding-top:52px;padding-bottom:48px}.production-editorial .pe-faq summary{font-size:17px;padding:20px 0}.production-editorial .pe-cta{width:calc(100% - 32px);padding:32px 24px;display:block;margin-bottom:32px}.production-editorial .pe-cta h2{font-size:34px}.production-editorial .pe-cta .pe-button{margin-top:26px}.production-editorial .pe-founder{padding-top:24px;padding-bottom:44px;gap:36px}.production-editorial .pe-founder-note{max-width:300px;margin:0 8px;padding:26px}.production-editorial .pe-founder-note p{font-size:31px;margin-bottom:26px}.production-editorial .pe-role-studio{padding:30px}.production-editorial .pe-role-studio h3{font-size:38px;margin:24px 0}.production-editorial .pe-role-connections article{padding:26px}.production-editorial .pe-principle-grid{gap:30px}.production-editorial.pe-about .pe-cta{margin-top:48px}.production-editorial .pe-agency{display:block;padding-top:36px;padding-bottom:44px}.production-editorial .pe-agency a{margin-top:22px}.production-editorial .pe-agency h2{font-size:27px}}
@media(max-width:380px){.production-editorial .pe-wrap{padding-left:20px;padding-right:20px}.production-editorial .pe-hero h1,.production-editorial.pe-about .pe-hero h1{font-size:42px}.production-editorial .pe-steps{grid-template-columns:1fr}.production-editorial .pe-button{font-size:11px;padding:16px 18px;gap:18px}.production-editorial .pe-project-copy{padding:20px}.production-editorial .pe-project-top{padding-left:20px;padding-right:20px}.production-editorial .pe-card-tag{font-size:9px}.production-editorial .pe-route{gap:10px;font-size:9px}.production-editorial .pe-route span:last-child{padding:8px}}
@media(prefers-reduced-motion:reduce){.production-editorial *{transition:none!important;scroll-behavior:auto!important}.production-editorial .pe-project:hover img{transform:none}}