.pp-panel{--pp-rail:clamp(56px, 5vw, 76px);--pp-center:clamp(84px, 12vmin, 190px);--pp-ease:cubic-bezier(.16, .84, .28, 1);--pp-slide:.62s;--pp-accent:#3d4ef0;--pp-rail-bg:#fff;--pp-paper:#fff;z-index:100;visibility:hidden;background:0 0;display:flex;position:fixed;inset:0}.pp-panel[data-mounted=true]{visibility:visible}.pp-rail{flex:0 0 var(--pp-rail);width:var(--pp-rail);background:var(--pp-rail-bg);opacity:0;transition:opacity .24s;position:relative}.pp-panel[data-open=true] .pp-rail{opacity:1;transition:opacity .32s .14s}.pp-home{z-index:2;width:var(--pp-rail);height:var(--pp-rail);background:var(--pp-accent);color:#fff;cursor:pointer;transform:translate(calc(50vw - var(--pp-rail) / 2), -50%) scale(calc(var(--pp-center) / var(--pp-rail)));transition:transform var(--pp-slide) var(--pp-ease);will-change:transform;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:0;padding:0;display:flex;position:absolute;top:50%;left:0}.pp-panel[data-open=true] .pp-home{transform:translateY(-50%)}.pp-panel[data-open=true] .pp-home:hover{background:#2f3ed8}.pp-home:focus-visible{outline-offset:-6px;outline:3px solid #fff}.pp-home i{opacity:0;background:currentColor;width:46%;height:2px;transition:opacity .18s;display:block}.pp-panel[data-open=true] .pp-home i{opacity:1;transition:opacity .24s .26s}.pp-content{overscroll-behavior:contain;background:var(--pp-paper);height:100vh;transition:transform var(--pp-slide) var(--pp-ease);will-change:transform;flex:auto;overflow-y:auto;transform:translate(100%)}.pp-panel[data-open=true] .pp-content{transform:translate(0)}.pp-hero{align-items:flex-end;height:62vh;min-height:320px;padding:clamp(24px,4vw,64px);display:flex}.pp-hero-label{letter-spacing:-.02em;text-wrap:balance;max-width:16ch;font-size:clamp(30px,5.2vw,68px);line-height:1.06}.pp-body{padding:clamp(28px,4vw,64px) clamp(28px,4vw,64px) clamp(64px,10vh,140px)}.pp-title{letter-spacing:-.02em;color:#2f2a26;text-wrap:balance;max-width:28ch;margin:0 0 clamp(28px,4vw,52px);font-size:clamp(26px,3.4vw,44px);font-weight:400;line-height:1.14}.pp-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin:0 0 clamp(40px,6vw,76px);display:grid}.pp-meta-block{flex-direction:column;gap:12px;display:flex}.pp-label{color:var(--pp-accent);letter-spacing:.11em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;font-weight:500}.pp-values{color:#6b645e;flex-direction:column;gap:4px;margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.5;display:flex}.pp-brief{flex-direction:column;gap:18px;max-width:46ch;display:flex}.pp-brief-copy{letter-spacing:-.015em;color:#2f2a26;text-wrap:pretty;margin:0;font-size:clamp(22px,2.6vw,34px);line-height:1.28}@media (max-width:820px){.pp-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media (max-width:620px){.pp-panel{--pp-rail:52px;--pp-center:clamp(64px, 22vw, 96px)}.pp-hero{height:44vh;min-height:220px}}@media (prefers-reduced-motion:reduce){.pp-panel,.pp-panel .pp-rail,.pp-panel .pp-content,.pp-panel .pp-home,.pp-panel .pp-home i{transition:none}}
html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.sh-container{height:200vh;position:relative}.sh-sticky{background:#fff;height:100vh;position:sticky;top:0;overflow:hidden}.sh-stage{--p:0;--fly:0;--fill:0;--sq:clamp(84px, 12vmin, 190px);--start:4.4;--end:1;--box-scale:calc(var(--end) + (1 - var(--p)) * (var(--start) - var(--end)));grid-template-columns:1.05fr 1.375fr var(--sq) 1.375fr 1.05fr;grid-template-rows:1fr var(--sq) 1fr;grid-template-areas:"fw vt vt logo typo""fw color hero logo mot""ico color img img mot";gap:clamp(5px,.7vw,12px);padding:clamp(5px,.7vw,12px);display:grid;position:absolute;inset:0}.sh-center{text-align:left;box-sizing:border-box;--sh-center-fill:#3d4ef0;background:color-mix(in srgb, var(--sh-center-fill) calc(var(--fill) * 100%), var(--md-sys-color-surface));width:100%;color:color-mix(in srgb, #fff calc(var(--fill) * 100%), #2f2a26);transform:scale(var(--box-scale));transform-origin:50%;z-index:20;will-change:transform, background-color;border:.25px solid #0000;border-radius:0;flex-direction:column;grid-area:hero;justify-content:center;place-self:stretch stretch;align-items:center;gap:2px;padding:clamp(10px,1.4vmin,20px);display:flex;position:relative;overflow:visible}.sh-center[data-swapped=true]{visibility:hidden}.sh-center-copy{width:max-content;opacity:calc(1 - var(--raw,0) * 2.2);will-change:opacity;flex-direction:column;gap:0;display:flex;transform:translateY(-24%)}.sh-center-name{font-family:var(--font-calendas), Georgia, serif;white-space:nowrap;letter-spacing:-.015em;font-size:9.25px;font-weight:400;line-height:1.32}.sh-center-name em{font-style:italic;font-weight:400}.sh-tile{appearance:none;font:inherit;text-align:left;cursor:pointer;transform:translate(calc(var(--dx) * (1 - var(--fly))), calc(var(--dy) * (1 - var(--fly))));opacity:calc(.35 + var(--fly) * .65);z-index:10;will-change:transform, opacity;border:0;border-radius:0;flex-direction:column;gap:6px;margin:0;padding:clamp(14px,2.2vmin,24px);text-decoration:none;transition:filter .16s;display:flex;position:relative;overflow:hidden}.sh-tile:hover{filter:brightness(1.05)}.sh-tile:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:3px}.sh-tile-label{color:#fff;text-wrap:balance;line-height:1.15;font-family:var(--font-calendas), Georgia, serif;font-weight:600}.sh-scroll-hint{color:var(--md-sys-color-on-surface-variant);opacity:calc(1 - var(--raw,0) * 4);z-index:25;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.sh-scroll-hint span{letter-spacing:.06em;font-size:14px;font-weight:400}.sh-hint-mobile{display:none}.sh-scroll-hint md-icon{--md-icon-size:28px;width:28px;height:28px;font-size:28px;animation:1.6s ease-in-out infinite sh-bob}@keyframes sh-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width:620px){.sh-stage{--start:1.45;--end:1;--sq:clamp(64px, 22vw, 96px);grid-template-columns:1.5fr var(--sq) 1.5fr;grid-template-rows:1.2fr 1.1fr var(--sq) 1.1fr 1.2fr;grid-template-areas:"fw vt vt""logo logo typo""ico hero typo""ico color color""img img mot";gap:5px;padding:4px}.sh-tile{--mx:0vw;--my:0vh;--local:clamp(0, calc((var(--fly) - .03) * 1.5), 1);transform:translate(calc(var(--mx) * (1 - var(--local))), calc(var(--my) * (1 - var(--local))));opacity:calc(.7 + var(--local) * .3);padding:10px 11px}.sh-tile[data-area=fw],.sh-tile[data-area=vt]{--my:-80vh}.sh-tile[data-area=logo],.sh-tile[data-area=ico]{--mx:-105vw}.sh-tile[data-area=typo],.sh-tile[data-area=color]{--mx:105vw}.sh-tile[data-area=img],.sh-tile[data-area=mot]{--my:80vh}.sh-tile-label{font-size:17px;line-height:1.12}.sh-center{text-align:center;--mfill:clamp(0, calc((var(--fly) - .42) * 3.6), 1);background:color-mix(in srgb, var(--sh-center-fill) calc(var(--mfill) * 100%), var(--md-sys-color-surface));color:color-mix(in srgb, #fff calc(var(--mfill) * 100%), #2f2a26)}.sh-center-copy{opacity:calc(1 - var(--fly,0) * 3);align-items:center;transform:translateY(-7%)}.sh-center-name{font-size:15.4px}.sh-scroll-hint{bottom:48px}.sh-hint-desktop{display:none}.sh-hint-mobile{display:block}}@media (prefers-reduced-motion:reduce){.sh-scroll-hint md-icon{animation:none}}