.ph{background:#faf9f7;padding-block:104px clamp(16px,1.2vw,20px)}.ph-panel{color:#fff;isolation:isolate;background:#1d1d1b;border-radius:24px;align-items:flex-end;min-height:min(88vh,860px);margin:0 auto;display:flex;position:relative;overflow:hidden}.ph-panel-plain{min-height:min(64vh,620px)}.ph-media{z-index:-2;position:absolute;inset:0}.ph-media img.emdash-image-media,.ph-video{object-fit:cover;object-position:var(--ph-position,70% 50%);width:100%;height:100%;position:absolute;inset:0}.ph-panel:after{content:"";z-index:-1;background:linear-gradient(90deg,#0d0d0cd9 0%,#0d0d0c99 45%,#0d0d0c33 75%,#0d0d0c1a),linear-gradient(#0d0d0c00 55%,#0d0d0c99);position:absolute;inset:0}.ph-panel-plain:after{background:radial-gradient(70% 80% at 85% 10%,#228b2233,#0000 70%)}.ph-inner{justify-content:space-between;align-items:flex-end;gap:32px;padding-block:clamp(120px,14vh,180px) clamp(28px,4vw,48px);display:flex}.ph-copy{min-width:0;max-width:820px}.ph-pill-row{margin-bottom:24px}.ph-pill{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff1f;border-radius:30px;align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:inline-flex}.ph-pill>span:first-child{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #228b2233}.ph-panel h1{font-family:var(--font);letter-spacing:-.05em;color:#fff;text-wrap:balance;font-size:clamp(40px,5.2vw,80px);font-weight:600;line-height:1.02}.ph-panel h1.ph-pre-line{white-space:pre-line}.ph-lead{color:#ffffffd9;max-width:600px;margin-top:24px;font-size:clamp(16px,1.3vw,19px);line-height:1.55}.ph-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.ph-actions>span{max-width:100%;display:flex}.ph-actions .hero-contact{font-family:var(--font);max-width:100%}.ph-actions .hero-contact-label{white-space:normal}.ph-actions .pill-dark{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff1f;box-shadow:inset 0 0 0 1px #fff3}.ph-panel .hero-trust{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff1f;border:0;width:fit-content}.ph-panel .hero-trust-logos li{border-color:#fff3}.home-hero.home-hero-gallery:before{display:none}.home-hero-gallery .hero-gallery{margin-top:0;padding-top:20px}#main.home-page>.ph+.home-hero-gallery{margin-top:calc(-1*var(--home-section-gap))}.ph-card-slot{flex:none;width:min(400px,100%)}.ph-card{color:var(--ink);background:#fff;border-radius:20px;padding:10px;position:relative;box-shadow:0 16px 40px #0000002e}.ph-card-label{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ph-card-label:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px}.ph-works{display:grid}.ph-work{grid-area:1/1;grid-template-columns:120px minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.ph-work[hidden]{visibility:hidden;display:grid}.ph-work.is-entering{animation:.5s ease-out ph-fade}.ph-work-image{aspect-ratio:4/3;background:var(--panel);border-radius:12px;width:100%;min-width:0;display:block;overflow:hidden}.ph-work-image img.emdash-image-media{object-fit:cover;width:100%;max-width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.ph-work-image:hover img.emdash-image-media{transform:scale(1.05)}.ph-work-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:6px 4px 6px 0;display:flex}.ph-works.has-tabs .ph-work-copy{padding-top:30px}.ph-work-title{letter-spacing:-.03em;margin-top:10px;font-size:20px;font-weight:600;line-height:1.2}.ph-work-title a:hover{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}.ph-work-meta{color:var(--muted);margin-top:4px;font-size:13px}.ph-work-tabs{gap:4px;display:flex;position:absolute;top:16px;right:16px}.ph-work-tabs[hidden],.ph-work-tabs button[hidden]{display:none}.ph-work-tabs button{background:var(--panel);min-width:30px;height:26px;color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:8px;place-items:center;padding:0 6px;font-size:12px;transition:background .2s,color .2s;display:grid}.ph-work-tabs button[aria-pressed=true]:not([data-ph-pause]){background:var(--ink);color:#fff}.ph-work-tabs button:focus-visible,.ph-video-toggle:focus-visible{outline:2px solid var(--green);outline-offset:2px}.ph-work-tabs svg{width:10px;height:10px}.ph-play-icon,[aria-pressed=true]>.ph-pause-icon{display:none}[aria-pressed=true]>.ph-play-icon{display:block}.ph-facts{padding:18px 20px}.ph-facts dl{gap:10px;margin:12px 0 0;display:grid}.ph-facts dl>div{border-top:1px solid #eeece7;grid-template-columns:110px minmax(0,1fr);gap:12px;padding-top:10px;display:grid}.ph-facts dt{color:var(--muted);font-size:13px}.ph-facts dd{letter-spacing:-.02em;margin:0;font-size:15px;font-weight:600}.ph-video{opacity:0;transition:opacity .6s}.ph-video.is-playing{opacity:1}.ph-video-toggle{z-index:1;color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:16px;right:16px;box-shadow:inset 0 0 0 1px #fff3}.ph-video-toggle[hidden]{display:none}.ph-video-toggle svg{width:14px;height:14px}@keyframes ph-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ph-rise{0%{opacity:0;filter:blur(6px);transform:translateY(28px)}to{opacity:1;filter:none;transform:none}}@keyframes ph-zoom{0%{transform:scale(1.08)}to{transform:scale(1)}}.ph-reveal{animation:.9s cubic-bezier(.2,.7,.2,1) both ph-rise;animation-delay:calc(var(--d,0)*90ms)}.ph-media{animation:1.8s cubic-bezier(.2,.7,.2,1) both ph-zoom}@media (prefers-reduced-motion:reduce){.ph-reveal,.ph-media,.ph-work.is-entering{animation:none}.ph-work-image img.emdash-image-media{transition:none}}@media (width<=1023px){.ph-inner{flex-direction:column;align-items:flex-start}}@media (width<=809px){.ph-panel{min-height:auto}.ph-inner{padding-top:96px}.ph-panel:not(.ph-panel-plain):after{background:linear-gradient(#0d0d0c80,#0d0d0cb3 40%,#0d0d0ce6)}}@media (width<=540px){.ph-work{grid-template-columns:96px minmax(0,1fr);gap:12px}.ph-actions .hero-contact{width:100%}.ph-panel .hero-trust{border-radius:24px}.ph-facts dl>div{grid-template-columns:96px minmax(0,1fr)}}@media (width<=809px) and (height<=700px){.ph-inner{padding-top:24px}}
