/* PHOCAL master: common geometry, accessible navigation, editorial portfolio. */
:root{--pm-sans:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Inter Variable",Arial,sans-serif;--pm-serif:"Apple Garamond","ITC Garamond",Garamond,Georgia,serif;--pm-ink:#080808;--pm-paper:#f3efe5;--pm-gold:#ffd43d;--pm-gap:clamp(24px,4vw,64px)}
body{font-family:var(--pm-sans)}html{scroll-padding-top:100px}body :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--pm-gold);outline-offset:5px}body :is(main,section,article,nav,figure){min-width:0}body img,body video{max-width:100%}button{font-family:inherit}body .button{min-height:48px}body .nav,body .nav-shell{z-index:100}body .nav-links a{min-height:44px;display:inline-flex;align-items:center}.hero-video-toggle{position:absolute;bottom:16px;right:16px;z-index:5;border:1px solid #ffffff60;background:#080808de;color:#f3efe5;padding:12px 18px;border-radius:30px;font:600 13px/1.3 var(--pm-sans);cursor:pointer}[data-team-panel][hidden]{display:none!important}
.pm-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.pm-main{padding-top:120px}.pm-portfolio{background:var(--pm-ink);color:var(--pm-paper)}.pm-portfolio .nav-shell{background:transparent}.pm-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:650;color:var(--pm-gold);margin:0 0 24px;text-transform:uppercase}.pm-intro{padding:70px 0 0}.pm-intro h1,.pm-case-hero h1{font-family:var(--pm-sans);font-weight:600;font-size:clamp(3.4rem,2rem + 5vw,6.75rem)!important;line-height:.98!important;letter-spacing:-.065em!important;max-width:20ch!important;margin:0 0 48px}.pm-intro h1 em{font-family:var(--pm-serif);font-weight:400;letter-spacing:-.055em;color:var(--pm-gold)}.pm-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:64px}.pm-intro-bottom p{max-width:48ch;font-size:18px;line-height:1.65;color:#bab8b1;margin:0}.pm-text-link{display:inline-flex;gap:18px;align-items:center;min-height:48px;font-size:13px;color:inherit;text-decoration:none;border-bottom:1px solid #ffffff45}.pm-text-link:hover{border-color:var(--pm-gold);color:var(--pm-gold)}.pm-manifesto{padding:28px 0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;font-size:clamp(13px,.7rem + .7vw,22px);display:flex;justify-content:space-between;gap:12px;white-space:nowrap}.pm-manifesto span{color:var(--pm-gold)}.pm-projects{padding:80px 0}.pm-section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:36px}.pm-section-top h2{margin:0;font-size:30px!important;letter-spacing:-.035em}.pm-index-total{font-size:11px;letter-spacing:.1em;color:#a5a39b}.pm-filters{display:flex;flex-wrap:wrap;gap:8px}.pm-filters button{border:1px solid #ffffff35;padding:12px 16px;min-height:44px;background:transparent;color:inherit;border-radius:0;font-size:12px;cursor:pointer}.pm-filters button[aria-pressed=true]{background:var(--pm-paper);color:var(--pm-ink);border-color:var(--pm-paper)}.pm-filter-status{font-size:11px;color:#9d9a90;margin:24px 0}.pm-project-row{border-top:1px solid #ffffff35}.pm-project-row:last-child{border-bottom:1px solid #ffffff35}.pm-project-row[hidden]{display:none!important}.pm-project-link{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 220px 48px;align-items:center;gap:28px;min-height:152px;color:inherit;text-decoration:none;padding:24px 0;transition:color .25s,background .25s}.pm-row-number{font-size:11px;color:#a7a395}.pm-row-copy h3{font-size:clamp(1.65rem,1.2rem + 1.6vw,3rem)!important;font-weight:550;letter-spacing:-.05em;line-height:1.05;margin:0 0 12px}.pm-row-copy>span{font-size:11px;line-height:1.5;color:#a7a395}.pm-row-preview{height:105px;display:flex;align-items:center;justify-content:center;background:#101010;overflow:hidden}.pm-row-preview img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.pm-row-preview img.pm-client-logo{width:80%;object-fit:contain}.pm-client-name{font-family:var(--pm-serif);font-size:23px;text-align:center;padding:15px}.pm-row-arrow{font-size:32px;text-align:right;transition:transform .25s}.pm-project-link:hover,.pm-project-link:focus-visible{color:var(--pm-gold)}.pm-project-link:hover .pm-row-preview img{transform:scale(1.08)}.pm-project-link:hover .pm-row-arrow{transform:translate(4px,-4px)}.pm-extra-work{display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px;margin-top:40px;padding:32px;background:var(--pm-gold);color:var(--pm-ink);text-decoration:none;align-items:center}.pm-extra-work span{font-size:11px;line-height:1.5}.pm-extra-work strong{font-size:26px;font-weight:550}.pm-cta{border-top:1px solid #ffffff30;padding:100px 0}.pm-cta h2{font-family:var(--pm-serif);font-weight:400;font-size:clamp(2.8rem,2rem + 3.2vw,5.5rem)!important;line-height:1.05;letter-spacing:-.055em;max-width:22ch;margin:0 0 38px}.pm-cta .button{border-radius:0;background:var(--pm-gold);color:var(--pm-ink);padding:16px 24px;font-size:13px}.pm-cta .pm-text-link{margin:16px 28px}.pm-case-hero{padding:24px 0 80px}.pm-case-hero>.pm-text-link{margin-bottom:50px;color:#a7a395}.pm-case-topline{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.pm-case-topline>span{font-size:11px;color:#999}.pm-case-hero h1{max-width:17ch!important;font-size:clamp(3.2rem,2rem + 4vw,6rem)!important}.pm-case-signature{border-top:1px solid #ffffff30;display:flex;gap:64px;align-items:center;padding-top:38px}.pm-case-signature>img{width:210px;height:90px;object-fit:contain}.pm-case-signature>strong{font-size:24px;font-weight:500}.pm-case-signature p{font-size:13px;color:#c1beb5;margin:0 0 14px}.pm-case-signature .pm-text-link{margin-right:20px}.pm-story{padding:80px 0;border-top:1px solid #ffffff30;display:grid;grid-template-columns:1fr 1fr;gap:24px 70px}.pm-story>.pm-eyebrow{grid-column:1/-1;margin:0}.pm-story h2{font-size:clamp(2rem,1.3rem + 2vw,3.5rem)!important;font-weight:550;letter-spacing:-.045em;margin:0}.pm-story>p:last-child{font-size:17px;line-height:1.8;color:#bcb8af;margin:0;max-width:54ch}.pm-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:80px 0;border-top:1px solid #ffffff30}.pm-story-grid h2{font-size:30px!important;font-weight:500;margin:0 0 30px}.pm-story-grid p:not(.pm-eyebrow){font-size:16px;line-height:1.8;color:#bcb8af;max-width:54ch}.pm-digital{padding:80px 0;border-top:1px solid #ffffff30}.pm-digital .pm-section-top h2{max-width:22ch}.pm-browser-proof{margin:0;background:#181818;border:1px solid #ffffff30}.pm-browser-chrome{padding:16px 24px;display:flex;justify-content:space-between;font-size:11px;color:#9e9a8e}.pm-browser-proof img{display:block;width:100%;height:auto}.pm-browser-proof figcaption{font-size:11px;color:#aaa;padding:16px 24px;line-height:1.6}.pm-browser-proof video{display:block;width:min(520px,100%);max-height:85vh;margin:auto}.pm-case-flow{font-size:clamp(11px,.6rem + .5vw,16px);letter-spacing:.02em;line-height:1.7;color:var(--pm-gold);margin-top:30px}.pm-services{padding:80px 0;border-top:1px solid #ffffff30}.pm-services h2{margin:0 0 40px;font-size:32px!important}.pm-services ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;list-style:none;padding:0}.pm-services li{padding:18px 0;border-top:1px solid #ffffff25;font-size:14px;color:#c4bfb1;line-height:1.6}.pm-next{padding:30px 0;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:25px;font-size:13px}.pm-next a{color:inherit;text-decoration:none;padding:14px 0}.pm-impact-slot:empty{display:none}.pm-impact{width:min(1280px,calc(100% - 96px));margin:auto;padding:90px 0;border-top:1px solid #ffffff30}.pm-impact h2{font-size:34px!important;font-weight:500}.pm-impact>p{font-size:12px;color:#aaa;line-height:1.6}.pm-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:30px 0}.pm-impact-card strong{font-size:clamp(2.4rem,2rem + 2vw,4rem);font-weight:550;letter-spacing:-.045em;color:var(--pm-gold);display:block;line-height:1.1}.pm-impact-card span{font-size:12px;color:#bab5a9;display:block;margin-top:12px}.pm-portfolio .bs-footer{width:min(1280px,calc(100% - 96px))}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.pm-project-row{transition:opacity .4s,transform .4s}.pm-ready .pm-enter{opacity:0;transform:translateY(20px)}.pm-ready .pm-enter.is-visible{opacity:1;transform:none}}
@media(max-width:980px){body .nav-shell .menu-toggle,body .nav .menu-toggle{display:flex!important;min-width:44px;min-height:44px}body .nav-shell .nav-links,body .nav .nav-links{display:none!important;position:fixed!important;top:92px!important;left:16px!important;right:16px!important;width:auto!important;padding:24px!important;background:#101010!important;border:1px solid #ffffff30!important;backdrop-filter:none!important;max-height:calc(100dvh - 115px);overflow:auto;z-index:101;flex-direction:column!important;align-items:stretch!important;gap:8px!important;box-sizing:border-box}body.menu-open .nav-shell .nav-links,body.menu-open .nav .nav-links{display:flex!important}body .nav-shell .nav-links a,body .nav .nav-links a{display:flex!important;min-height:48px!important;font-size:17px!important;padding:12px!important}body.menu-open{overflow:hidden}.pm-wrap,.pm-portfolio .bs-footer,.pm-impact{width:calc(100% - 48px)}.pm-project-link{grid-template-columns:28px minmax(0,1fr) 150px 28px;gap:18px}.pm-extra-work{grid-template-columns:1fr 1fr}.pm-extra-work>span:last-child{grid-column:1/-1}.pm-manifesto{white-space:normal;flex-wrap:wrap;justify-content:flex-start;gap:12px}.pm-services ul{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body .nav-shell .nav-cta,body .nav .nav-cta{font-size:11px!important;padding:10px 13px!important;min-height:44px}body .nav-shell .brand img,body .nav .brand img{width:100px!important;max-width:100px!important}.pm-wrap,.pm-portfolio .bs-footer,.pm-impact{width:calc(100% - 36px)}.pm-main{padding-top:90px}.pm-intro{padding-top:38px}.pm-intro h1,.pm-case-hero h1{font-size:clamp(2.9rem,1.4rem + 6vw,4rem)!important;letter-spacing:-.055em!important;line-height:1.04!important;margin-bottom:30px}.pm-intro-bottom{display:block;padding-bottom:35px}.pm-intro-bottom p{font-size:16px;margin-bottom:22px}.pm-projects{padding:50px 0}.pm-project-link{grid-template-columns:22px minmax(0,1fr) 28px;gap:12px;min-height:130px;padding:22px 0}.pm-row-copy h3{font-size:25px!important}.pm-row-preview{display:none}.pm-row-copy>span{font-size:11px}.pm-section-top h2{font-size:25px!important}.pm-case-hero{padding-bottom:45px}.pm-case-signature{gap:28px;flex-wrap:wrap}.pm-case-signature>img{width:160px;height:74px}.pm-story,.pm-story-grid{grid-template-columns:1fr;gap:30px;padding:50px 0}.pm-story>p:last-child{font-size:16px}.pm-story-grid h2{font-size:26px!important}.pm-digital,.pm-services{padding:50px 0}.pm-section-top{align-items:flex-start;flex-direction:column;gap:15px}.pm-services ul{grid-template-columns:1fr}.pm-cta{padding:60px 0}.pm-cta h2{font-size:clamp(2.5rem,2rem + 3vw,3.6rem)!important}.pm-cta .pm-text-link{margin-left:0}.pm-next{font-size:12px;flex-wrap:wrap}.pm-impact{padding:60px 0}.pm-impact-grid{grid-template-columns:1fr 1fr;gap:32px 18px}.pm-extra-work{padding:24px;grid-template-columns:1fr;gap:12px}.pm-extra-work>span:last-child{grid-column:auto}.pm-filters button{font-size:11px;padding:11px 13px}.pm-eyebrow{font-size:10px}.hero-video-toggle{bottom:12px;right:12px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.pm-enter{opacity:1!important;transform:none!important}.pm-project-link,.pm-row-preview img,.pm-row-arrow{transition:none!important}.pm-row-preview img,.pm-row-arrow{transform:none!important}}

body .nav-shell{position:fixed;inset:0 0 auto;background:#080808ee;z-index:100;backdrop-filter:blur(10px)}body .nav-shell .nav-bar{display:flex;align-items:center;gap:24px;width:min(1440px,calc(100% - 48px));min-height:86px;margin:auto;position:relative}body .nav-shell .brand{position:static;transform:none;flex:0 0 auto}body .nav-shell .brand img{display:block;width:130px;height:auto}body .nav-shell .nav-links{display:flex;align-items:center;gap:20px;margin-left:auto}body .nav-shell .nav-links a{font-size:13px}body .nav-shell .nav-cta{flex:0 0 auto}body .nav-shell .menu-toggle{display:none}@media(max-width:980px){body .nav-shell .nav-bar{min-height:76px;gap:16px}body .nav-shell .menu-toggle{margin-left:auto}body .nav-shell .nav-cta{display:none!important}}

#loader[hidden]{display:none!important}