.pt-navigation{height:64px!important;z-index:1000!important}.pt-header{height:64px;max-width:1280px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:28px;white-space:nowrap}.pt-header .brand{flex-shrink:0}.pt-desktop{display:flex;gap:24px;margin-left:auto;font-size:13px}.pt-proposal{font-size:13px;padding:10px 0;border-bottom:1px solid var(--pt-primary)}#pt-theme,.pt-menu-toggle{flex-shrink:0;background:none;border:0;color:inherit;cursor:pointer;width:44px;height:44px;padding:12px}.pt-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px}.pt-menu-toggle span{display:block;width:22px;height:1px;background:currentColor;transition:transform .25s}.pt-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.pt-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}#pt-menu{position:absolute;top:64px;right:0;left:0;background:var(--pt-surface-0,#faf9f6);border-bottom:1px solid var(--pt-border,#ddd);box-shadow:0 24px 50px #0002;max-height:calc(100dvh - 64px);overflow:auto}#pt-menu[hidden]{display:none}.pt-menu-grid{max-width:1224px;margin:auto;padding:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}.pt-menu-grid a{padding:18px 0;border-bottom:1px solid var(--pt-border,#ddd);font-size:19px}.pt-footer{background:#171c1a;color:#f2f0e9;padding:80px 0 24px}.pt-footer a{color:inherit;text-decoration:none}.pt-footer a:hover{color:#ddbfa0}.pt-footer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:48px;border-bottom:1px solid #ffffff26}.pt-footer-top p{font-family:'Source Serif 4',serif;font-size:clamp(36px,5vw,72px);line-height:1.07;margin:0;letter-spacing:-.025em}.pt-footer-top em{color:#d5ac83}.pt-footer-top>a{padding-bottom:10px;border-bottom:1px solid #d5ac83}.pt-footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px;padding:48px 0}.pt-footer-grid>div>p{max-width:290px;line-height:1.8;color:#aeb9b2;font-size:14px;margin:24px 0}.pt-footer-grid nav{display:flex;flex-direction:column;gap:13px;font-size:14px}.pt-footer h3{font:500 11px Inter,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#c8a783;margin:0 0 10px}.pt-footer .brand{font-size:23px;display:inline-flex;gap:8px}.pt-footer-bottom{border-top:1px solid #ffffff26;padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#aeb9b2}.pt-footer-bottom>div{display:flex;flex-wrap:wrap;gap:24px}.service-grid{gap:28px;counter-reset:cards}.service-grid>.phase-card{border-radius:3px 24px 3px 3px;padding:34px 28px;background:linear-gradient(145deg,var(--pt-surface-0),var(--pt-surface-1));box-shadow:none;position:relative;transition:transform .35s,border-color .35s;counter-increment:cards}.service-grid>.phase-card::before{height:1px;opacity:.55}.service-grid>.phase-card::after{content:counter(cards,decimal-leading-zero);font:11px 'JetBrains Mono',monospace;display:block;color:var(--pt-primary);margin-top:28px;letter-spacing:.2em}.service-grid>.phase-card:hover{transform:translateY(-5px);border-color:var(--pt-primary)}.service-grid h3{line-height:1.25;margin:0 0 22px}.service-grid .lead{line-height:1.8}.service-grid .spot-cta{display:inline-block;margin-top:20px}.service-grid>.pt-project{padding:0;overflow:hidden;border-radius:3px 28px 3px 3px}.pt-project figure{margin:0!important;overflow:hidden}.pt-project figure img{display:block;margin:0;border-radius:0;aspect-ratio:4/3;transition:transform .8s}.pt-project:hover img{transform:scale(1.035)}.pt-project-copy{padding:30px}.pt-project-copy small{margin:0 0 18px!important;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.pt-project-copy h3{margin:0 0 18px;font-size:25px}.pt-project-copy p{line-height:1.8}.service-grid>.pt-project::after{position:absolute;top:18px;left:18px;background:#171c1acc;color:#fff;padding:10px;margin:0}.motion-tile figcaption{padding:28px!important}.motion-tile h3{margin:12px 0 20px!important}.cinema-word{max-width:100%;overflow-wrap:anywhere}.hero::before{animation:pt-breathe 16s ease-in-out infinite alternate;transform-origin:center}.pt-motion-paused .hero::before{animation-play-state:paused}@keyframes pt-breathe{from{opacity:.35;transform:scale(1)}to{opacity:.7;transform:scale(1.055)}}.hero{overflow:hidden}.service-body img{max-width:100%}.motion-gallery-tools{top:72px!important}
@media(max-width:1100px){.pt-desktop,.pt-proposal{display:none}.pt-header{gap:8px;padding:0 20px}.pt-header .brand{margin-right:auto}.pt-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{gap:18px}.pt-project-copy{padding:24px}}
@media(max-width:600px){.pt-header{padding:0 12px}.pt-header .brand{font-size:17px}.pt-menu-grid{grid-template-columns:1fr;padding:16px 24px}.pt-menu-grid a{font-size:18px;padding:15px 0}.pt-footer{padding-top:50px}.pt-footer-top{display:block}.pt-footer-top>a{display:inline-block;margin-top:28px}.pt-footer-grid{gap:36px 20px}.pt-footer-grid>div:first-child{grid-column:1/-1}.pt-footer-grid nav{font-size:13px}.pt-footer-bottom{flex-direction:column}.service-grid>.phase-card{padding:28px 22px}.service-grid>.pt-project{padding:0}.pt-project-copy{padding:28px}.service-grid{grid-template-columns:1fr!important}.pt-footer a{overflow-wrap:anywhere}}
.service-body h1,.service-body h2,.service-body h3{overflow-wrap:anywhere;hyphens:auto}.hero:not(:has(.motion-reel))::before{animation:none}
.pt-project .pt-website-preview{background:#f4f1e8}.pt-website-preview figcaption{padding:20px 16px 20px 64px;background:#e9e6dd;color:#43473e;font-size:10px;letter-spacing:.02em}.pt-project .pt-website-preview img{width:100%;height:auto;aspect-ratio:1.95;object-fit:cover;object-position:top;transform:none}
/* Keep captions spacious without doubling the inset from the base film styles. */
.motion-tile figcaption{left:0;right:0;bottom:0}.motion-tile small{white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){.motion-tile figcaption{padding:22px!important}.motion-tile small{font-size:10px}.motion-tile h3{margin:8px 0 14px!important}.motion-number{top:16px;left:22px}}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none}.service-grid>.phase-card,.pt-project figure img{transition:none}.service-grid>.phase-card:hover,.pt-project:hover img{transform:none}}
