@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/BarlowSemiCondensed-800.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/DMMono-400.woff2) format("woff2");font-weight:400;font-display:swap}:root{--ps-paper: #f3f1ed;--ps-ink: #141414;--ps-muted: #3a3a3a;--ps-screen: #fbfaf8;--ps-portrait-bg: #dcdcda;--ps-card: rgba(255, 255, 255, .82);--ps-chip: #ebe9e5;--ps-night: #0d0d0d;--ps-row: #1b1b1b;--ps-night-ink: #f4f3f0;--ps-night-muted: #9a9894;--ps-talk: #34c759;--ps-placeholder: #cfccc5;--ps-work-1: #2f56d6;--ps-work-2: #e6a43b;--ps-work-3: #e9a99a;--ps-work-4: #22123d;--ps-work-5: #f1c232;--ps-work-6: #b8140f;--ps-work-ink: #ffffff;--ps-finish-1: #c9c4bb;--ps-finish-1-paper: #f3f1ed;--ps-finish-2: #3a3a3d;--ps-finish-2-paper: #d9d8d5;--ps-finish-3: #e3907c;--ps-finish-3-paper: #f8e8e2;--ps-finish-4: #9fb09a;--ps-finish-4-paper: #e7ece3;--ps-glow-lock: #ff9d5c;--ps-glow-night: #8a8aa0;--ps-font-display: "Barlow Semi Condensed";--ps-font-body: "Barlow";--ps-font-mono: "DM Mono";--ps-giant: clamp(96px, 15.5vw, 260px);--ps-giant-phone: 20vw}*{box-sizing:border-box}html,body{margin:0;background:var(--crease-paper, var(--ps-paper));color:var(--ps-ink);transition:background-color .6s}body{font:17px/1.5 var(--ps-font-body),system-ui,sans-serif}p,h1,h2,h3,ul,ol{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.top{position:fixed;z-index:10;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;pointer-events:none}.top>*{pointer-events:auto}.mark{font:800 22px/1 var(--ps-font-display),sans-serif;text-transform:uppercase;letter-spacing:-.01em}.mark sup{font-size:10px;margin-left:1px}.modes{display:flex;padding:4px;border-radius:999px;background:#fff;box-shadow:0 6px 24px #00000014}.modes button{padding:7px 14px;border-radius:999px;font-size:13px;transition:background-color .25s,color .25s}.modes button[aria-checked=true]{background:var(--ps-ink);color:#fff}.modes button:focus-visible,.finishes button:focus-visible{outline:2px solid var(--ps-ink);outline-offset:2px}.unfold{height:1100vh;position:relative}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.giant{position:absolute;z-index:1;inset:0;margin:0;pointer-events:none;text-transform:uppercase;font:800 var(--crease-giant, var(--ps-giant)) / 1 var(--ps-font-display),sans-serif;letter-spacing:-.01em}.giant span{position:absolute;top:50%;translate:0 -50%;white-space:nowrap;will-change:transform,opacity,filter}.g-first{right:calc(50% + var(--crease-gap, min(27.33svh, 24.12vw)))}.g-last{left:calc(50% + var(--crease-gap, min(27.33svh, 24.12vw)))}.device{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:block}.poster{position:absolute;z-index:2;left:50%;top:50%;translate:-50.6% -50%;pointer-events:none;height:calc(min(72svh,63.5vw)*1.006);transition:opacity .3s,visibility .3s}.poster.gone{opacity:0;visibility:hidden}@property --glow{syntax: "<color>"; inherits: false; initial-value: #ff9d5c;}.glow{position:absolute;z-index:0;translate:-50% -50%;pointer-events:none;opacity:0;transition:opacity .6s,--glow .9s;background:radial-gradient(closest-side at 38% 42%,color-mix(in srgb,var(--glow) 75%,transparent),transparent),radial-gradient(closest-side at 64% 62%,color-mix(in srgb,var(--glow) 55%,#ff5c8a 30%),transparent)}[data-backdrop=glow] .glow{opacity:1}.orbit{position:absolute;z-index:1;inset:0;pointer-events:none;opacity:0;transition:opacity .5s;perspective:900px}.orbit.front{z-index:4}[data-backdrop=orbit] .orbit{opacity:1}.orb{position:absolute;left:0;top:0;width:clamp(64px,7.5vw,116px);aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;box-shadow:0 18px 40px #0000002e}.orb img{width:100%;height:100%;object-fit:cover;display:block}.finishes{position:absolute;z-index:5;left:50%;bottom:2.4vh;translate:-50% 0;display:flex;gap:2px;padding:3px 6px;border-radius:999px;background:#fff;box-shadow:0 6px 24px #00000014}.finishes button{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.finishes button:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--f);box-shadow:inset 0 0 0 1px #0000001f}.finishes button[aria-checked=true]:before{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ps-ink)}.screen{position:absolute;z-index:3;left:0;top:0;transform-origin:0 0;overflow:hidden;border-radius:var(--r)}.screen.off{opacity:0;pointer-events:none}.eyebrow{font:400 max(12px,calc(var(--u) * 13)) / 1.3 var(--ps-font-mono),monospace;letter-spacing:.14em;text-transform:uppercase}.lock{--lw: min(calc(72svh * 6.54 / 10.8), calc(40vw * 6.54 / 6.8));--u: calc(var(--lw) / 500);width:var(--lw);height:calc(var(--lw) * 10.54 / 6.54);left:50%;top:50%;translate:-50% -50%;background:var(--ps-portrait-bg)}.lock[style*=transform]{left:0;top:0;translate:none}.lock-photo{position:absolute;inset:0}.lock-photo img{position:absolute;right:0;bottom:0;width:94%;height:auto;display:block}.lock .fade-top{position:absolute;left:0;right:0;bottom:calc(var(--u) * 497);height:calc(var(--u) * 90);background:linear-gradient(var(--ps-portrait-bg),rgba(220,220,218,0))}.lock .fade-left{position:absolute;left:6%;bottom:0;width:calc(var(--u) * 70);height:calc(var(--u) * 587);background:linear-gradient(to right,var(--ps-portrait-bg),rgba(220,220,218,0))}.lock-time{position:absolute;left:0;right:0;top:calc(var(--u) * 38);text-align:center;font:800 calc(var(--u) * 132) / 1 var(--ps-font-display),sans-serif;letter-spacing:-.02em}.lock-role{position:absolute;left:0;right:0;top:calc(var(--u) * 176);text-align:center;font:500 max(12px,calc(var(--u) * 18)) / 1.3 var(--ps-font-body)}.notes{position:absolute;left:calc(var(--u) * 22);right:calc(var(--u) * 22);top:calc(var(--u) * 548);display:grid;gap:calc(var(--u) * 10)}.notes li{display:grid;grid-template-columns:calc(var(--u) * 44) 1fr;column-gap:calc(var(--u) * 14);align-items:center;overflow:hidden;padding:calc(var(--u) * 12) calc(var(--u) * 14);border-radius:calc(var(--u) * 18);background:var(--ps-card)}.note-icon{grid-row:span 2;width:calc(var(--u) * 44);height:calc(var(--u) * 44);border-radius:calc(var(--u) * 11);object-fit:cover}.note-title{font:500 max(12px,calc(var(--u) * 17)) / 1.25 var(--ps-font-body);white-space:nowrap}.note-detail{font:400 max(12px,calc(var(--u) * 12)) / 1.3 var(--ps-font-mono),monospace;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.lock-bar{position:absolute;left:calc(var(--u) * 24);right:calc(var(--u) * 24);bottom:calc(var(--u) * 26);display:flex;align-items:center;justify-content:space-between}.round{width:calc(var(--u) * 54);height:calc(var(--u) * 54);min-width:32px;min-height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ps-screen);font:500 max(12px,calc(var(--u) * 17)) / 1 var(--ps-font-body)}.hint{padding:calc(var(--u) * 11) calc(var(--u) * 22);border-radius:999px;background:var(--ps-card);font:500 max(12px,calc(var(--u) * 16)) / 1.2 var(--ps-font-body)}.inner{background:var(--ps-night)}.viewport{position:absolute;inset:0;overflow:hidden}.feed{position:relative;will-change:transform}.status{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;padding:calc(var(--u) * 18) calc(var(--u) * 30);font:500 max(12px,calc(var(--u) * 15)) / 1 var(--ps-font-body);color:var(--ps-ink);transition:color .3s}.night .status{color:var(--ps-night-ink)}.battery{display:inline-block;vertical-align:-.1em;width:calc(var(--u) * 24);height:calc(var(--u) * 12);margin-left:calc(var(--u) * 4);border:1.5px solid currentColor;border-radius:calc(var(--u) * 3);background:linear-gradient(to right,currentColor 72%,transparent 72%);background-clip:content-box;padding:1.5px}.dock{position:absolute;left:50%;bottom:calc(var(--u) * 18);translate:-50% 0;display:flex;padding:calc(var(--u) * 5);border-radius:999px;background:#1c1c1cd1;white-space:nowrap}.dock a{padding:calc(var(--u) * 9) calc(var(--u) * 15);border-radius:999px;color:#fff;font:500 max(13px,calc(var(--u) * 15)) / 1.2 var(--ps-font-body);transition:background-color .3s,color .3s}.dock a[aria-current]{background:#fff;color:var(--ps-ink)}.dock a:focus-visible,.screen a:focus-visible{outline:2px solid currentColor;outline-offset:2px}.landing{height:var(--sh);display:grid;grid-template-columns:1fr 1fr}.landing-copy{background:var(--ps-screen);display:flex;flex-direction:column;padding:calc(var(--u) * 92) calc(var(--u) * 50) calc(var(--u) * 150)}.landing-copy .eyebrow{margin-bottom:auto}.landing-name{margin-bottom:calc(var(--u) * 22);white-space:nowrap;text-transform:uppercase;letter-spacing:-.01em;font:800 calc(var(--u) * 100) / .9 var(--ps-font-display),sans-serif}.landing-line{max-width:calc(var(--u) * 400);color:var(--ps-muted);font:400 max(17px,calc(var(--u) * 19)) / 1.4 var(--ps-font-body)}.buttons{display:flex;gap:calc(var(--u) * 10);margin-top:calc(var(--u) * 26)}.btn{display:inline-block;padding:calc(var(--u) * 15) calc(var(--u) * 24);border-radius:999px;font:500 max(14px,calc(var(--u) * 16)) / 1.2 var(--ps-font-body);white-space:nowrap;transition:transform .25s}@media (hover: hover) and (pointer: fine){.btn:hover{transform:translateY(-2px)}}.btn:active{transform:scale(.97)}.btn.dark{background:var(--ps-ink);color:#fff}.btn.light{background:var(--ps-chip);color:var(--ps-ink)}.landing-photo{position:relative;overflow:hidden;background:var(--ps-portrait-bg)}.landing-photo img{position:absolute;left:0;bottom:0;width:100%;height:auto;display:block}.landing .fade-top{position:absolute;left:0;right:0;bottom:calc(var(--u) * 515);height:calc(var(--u) * 110);background:linear-gradient(var(--ps-portrait-bg),rgba(220,220,218,0))}.stats{padding:calc(var(--u) * 54) calc(var(--u) * 50) calc(var(--u) * 50);background:var(--ps-night);color:var(--ps-night-ink)}.stats ul{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * 20);margin-top:calc(var(--u) * 40)}.stats strong{display:block;font:800 calc(var(--u) * 72) / 1 var(--ps-font-display),sans-serif}.stats span{display:block;margin-top:calc(var(--u) * 14);color:var(--ps-night-muted);font:400 max(12px,calc(var(--u) * 12)) / 1.4 var(--ps-font-mono),monospace;letter-spacing:.12em;text-transform:uppercase}.work-head{display:flex;align-items:flex-end;justify-content:space-between;padding:calc(var(--u) * 50) calc(var(--u) * 50) calc(var(--u) * 34);background:var(--ps-night);color:var(--ps-night-ink)}.work-head h2{white-space:nowrap;font:800 calc(var(--u) * 112) / .86 var(--ps-font-display),sans-serif;text-transform:uppercase;letter-spacing:-.01em}.pill{padding:calc(var(--u) * 11) calc(var(--u) * 18);border-radius:999px;border:1px solid rgba(255,255,255,.25);font:500 max(13px,calc(var(--u) * 14)) / 1.2 var(--ps-font-body);white-space:nowrap}.card{height:var(--sh);display:grid;grid-template-columns:1fr 1fr}.card-photo{position:relative;overflow:hidden;background:var(--ps-placeholder)}.card-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.card-field{display:flex;flex-direction:column;justify-content:space-between;background:var(--c);color:var(--ps-work-ink);padding:calc(var(--u) * 40) calc(var(--u) * 44) calc(var(--u) * 140)}.card-num{font:800 calc(var(--u) * 190) / .8 var(--ps-font-display),sans-serif;letter-spacing:-.02em}.card-text h3{margin:calc(var(--u) * 12) 0 calc(var(--u) * 16);font:800 calc(var(--u) * 76) / .92 var(--ps-font-display),sans-serif;text-transform:uppercase}.card-line{max-width:calc(var(--u) * 400);font:400 max(17px,calc(var(--u) * 18)) / 1.4 var(--ps-font-body)}.more{display:inline-block;margin-top:calc(var(--u) * 18);font:400 max(12px,calc(var(--u) * 13)) / 1.3 var(--ps-font-mono),monospace;letter-spacing:.14em;text-transform:uppercase}.card:nth-of-type(2) .card-field,.card:nth-of-type(3) .card-field,.card:nth-of-type(5) .card-field{color:var(--ps-ink)}.services{padding:calc(var(--u) * 56) calc(var(--u) * 50) calc(var(--u) * 30);background:var(--ps-night);color:var(--ps-night-ink)}.services ol{display:grid;gap:calc(var(--u) * 10);margin-top:calc(var(--u) * 24)}.services li{display:grid;grid-template-columns:calc(var(--u) * 50) 1fr 1.25fr;align-items:center;gap:calc(var(--u) * 16);padding:calc(var(--u) * 20) calc(var(--u) * 24);border-radius:calc(var(--u) * 14);background:var(--ps-row)}.svc-num{font:400 max(12px,calc(var(--u) * 12)) / 1 var(--ps-font-mono),monospace;color:var(--ps-night-muted)}.services h3{font:800 calc(var(--u) * 32) / 1 var(--ps-font-display),sans-serif;text-transform:uppercase}.services p{color:var(--ps-night-muted);font:400 max(17px,calc(var(--u) * 17)) / 1.4 var(--ps-font-body)}.clients{padding:calc(var(--u) * 40) calc(var(--u) * 50) calc(var(--u) * 20);background:var(--ps-night);color:var(--ps-night-ink)}.clients ul{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 10);margin-top:calc(var(--u) * 22)}.clients li{padding:calc(var(--u) * 11) calc(var(--u) * 18);border-radius:999px;background:var(--ps-row);font:500 max(13px,calc(var(--u) * 15)) / 1.2 var(--ps-font-body)}.brief{padding:calc(var(--u) * 40) calc(var(--u) * 50) calc(var(--u) * 130);background:var(--ps-night)}.brief-bar{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 20);padding:calc(var(--u) * 30) calc(var(--u) * 32);border-radius:calc(var(--u) * 18);background:#fff}.brief-bar h2{font:800 calc(var(--u) * 40) / .95 var(--ps-font-display),sans-serif;text-transform:uppercase}.call{background:var(--ps-night);color:var(--ps-night-ink);text-align:center}.call-name{margin-top:calc(var(--u) * 80);font:800 calc(var(--u) * 78) / .95 var(--ps-font-display),sans-serif;text-transform:uppercase;letter-spacing:-.01em}.call-line{margin-top:calc(var(--u) * 14);color:var(--ps-night-muted);font:500 max(12px,calc(var(--u) * 17)) / 1.3 var(--ps-font-body)}.avatar{position:relative;width:calc(var(--u) * 190);height:calc(var(--u) * 190);margin:calc(var(--u) * 110) auto 0;border-radius:50%;background:var(--ps-portrait-bg)}.avatar img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar:before,.avatar:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);animation:ring 2.4s ease-out infinite}.avatar:after{animation-delay:1.2s}@keyframes ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.55);opacity:0}}.slider{position:absolute;left:calc(var(--u) * 30);right:calc(var(--u) * 30);bottom:calc(var(--u) * 92);height:calc(var(--u) * 76);min-height:44px;border-radius:999px;background:#232323;display:flex;align-items:center;justify-content:center}.knob{position:absolute;left:calc(var(--u) * 8);top:50%;translate:0 -50%;width:calc(var(--u) * 62);height:calc(var(--u) * 62);min-width:36px;min-height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ps-talk);color:#fff;font:500 max(14px,calc(var(--u) * 26)) / 1 var(--ps-font-body);transition:left .6s cubic-bezier(.22,1,.36,1);animation:nudge 2.4s ease-in-out infinite}@keyframes nudge{0%,60%,to{transform:translate(0)}75%{transform:translate(calc(var(--u) * 26))}}.slider:hover .knob,.slider:focus-visible .knob{left:calc(100% - var(--u) * 70);animation:none}.slide-text{color:var(--ps-night-muted);font:500 max(13px,calc(var(--u) * 18)) / 1 var(--ps-font-body);animation:shimmer 2.4s ease-in-out infinite}@keyframes shimmer{50%{color:var(--ps-night-ink)}}.email{position:absolute;left:0;right:0;bottom:calc(var(--u) * 40);color:var(--ps-night-muted);font:400 max(12px,calc(var(--u) * 13)) / 1.3 var(--ps-font-mono),monospace;letter-spacing:.12em;text-transform:uppercase}.screen.off *,.screen.off *:before,.screen.off *:after{animation-play-state:paused}@media (max-width: 767px){.top{padding:14px 16px}.mark{font-size:18px}.modes button{padding:6px 10px;font-size:12px}.giant{font-size:var(--crease-giant, var(--ps-giant-phone));text-align:center}.giant span{left:0;right:0;translate:none;top:auto}.giant .g-first{bottom:calc(50% + var(--crease-half, min(49.24vw, 23svh)) + 2vh)}.giant .g-last{top:calc(50% + var(--crease-half, min(49.24vw, 23svh)) + 2vh);line-height:.8}.note-detail{white-space:normal}.poster{height:calc(min(46svh,98.5vw)*1.006)}.lock{--lw: min(calc(46svh * 6.54 / 10.8), calc(62vw * 6.54 / 6.8))}.notes li:nth-child(n+2){display:none}.brief{padding-bottom:calc(var(--u) * 230)}.landing{grid-template-columns:1fr;grid-template-rows:1fr 46%}.landing-copy{padding:calc(var(--u) * 110) calc(var(--u) * 50) calc(var(--u) * 40)}.landing-copy .eyebrow{margin-bottom:auto}.landing-name{font-size:calc(var(--u) * 120)}.landing-line{max-width:none;font-size:max(16px,calc(var(--u) * 36))}.btn{font-size:max(14px,calc(var(--u) * 30));padding:calc(var(--u) * 22) calc(var(--u) * 34)}.landing-photo img{top:0;bottom:auto;height:100%;object-fit:cover}.landing .fade-top{display:none}.stats ul{grid-template-columns:1fr 1fr;row-gap:calc(var(--u) * 40)}.stats strong{font-size:calc(var(--u) * 100)}.work-head{flex-direction:column;align-items:flex-start;gap:calc(var(--u) * 24)}.work-head h2{font-size:calc(var(--u) * 130)}.card{grid-template-columns:1fr;grid-template-rows:40% 1fr}.card-field{padding:calc(var(--u) * 36) calc(var(--u) * 50) calc(var(--u) * 140)}.card-num{font-size:calc(var(--u) * 150)}.card-text h3{font-size:calc(var(--u) * 84)}.card-line{max-width:none;font-size:max(16px,calc(var(--u) * 36))}.services li{grid-template-columns:calc(var(--u) * 60) 1fr}.services h3{font-size:calc(var(--u) * 52)}.services p{grid-column:2;font-size:max(16px,calc(var(--u) * 36))}.brief-bar{flex-direction:column;align-items:flex-start}.brief-bar h2{font-size:calc(var(--u) * 72)}.dock a{padding:calc(var(--u) * 16) calc(var(--u) * 18)}}@media (prefers-reduced-motion: reduce){.unfold{height:100vh;height:100svh}.giant{display:none}.inner .viewport{overflow-y:auto}.inner .feed{transform:none!important}.avatar:before,.avatar:after,.knob,.slide-text{animation:none}}
