.pf{--pf-ink: #111111;--pf-blue: #2547ff;--pf-hi: #fff07a;--pf-paper: #f4f4f2;--pf-sans: "Inter", sans-serif;--pf-serif: "Playfair Display", serif;--pf-mono: "JetBrains Mono", ui-monospace, monospace}.pf-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:2px solid var(--pf-ink);border-radius:999px;background:var(--pf-hi);box-shadow:3px 3px 0 var(--pf-ink);color:var(--pf-ink);font-family:var(--pf-mono);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transform:rotate(-2deg)}.pf-title{font-family:Anton,sans-serif;font-weight:400;letter-spacing:.02em;text-transform:uppercase;line-height:1.04;color:var(--pf-ink)}.pf-accent{position:relative;display:inline-block;font-family:Anton,sans-serif;font-style:normal;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--pf-blue)}.pf-accent:before{content:"";position:absolute;left:-5%;right:-5%;bottom:.06em;height:.42em;background:var(--pf-hi);border-radius:999px;transform:rotate(-1.6deg);z-index:-1}.pf-hero{padding:8.5rem 1.5rem 3.5rem;position:relative}.pf-hero--photo{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0;height:100vh;overflow:hidden;border-top:1px solid var(--pf-ink);border-bottom:1px solid var(--pf-ink)}.pf-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 15%;object-position:center 15%}.pf-hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b0f1a00 38%,#0b0f1ab8 72%,#0b0f1adb)}.pf-hero-content{position:absolute;left:50%;bottom:clamp(2rem,6vh,3.5rem);transform:translate(-50%);width:100%;padding:0 clamp(1.5rem,5vw,4rem);text-align:center}.pf-hero-content .pf-chip{margin:0 auto}.pf-hero-content .pf-hero-sub{margin-left:auto;margin-right:auto}.pf-title--photo{color:#fdf3dd}.pf-hero-sub{font-family:var(--pf-sans);font-size:23px;font-weight:800;line-height:1.55;letter-spacing:-.01em;text-transform:uppercase;color:#fef3dc}.pf-hero-badge{position:absolute;right:clamp(1.25rem,4vw,3rem);bottom:clamp(1.25rem,4vw,3rem);display:inline-flex;align-items:center;justify-content:center;width:clamp(74px,8vw,96px);aspect-ratio:1;border-radius:50%;background:#d6d9ff;color:var(--pf-ink);text-decoration:none;text-align:center;text-transform:uppercase;font-family:var(--pf-mono);font-size:11px;font-weight:700;letter-spacing:.06em;transform:rotate(-14deg);box-shadow:3px 3px #11111140;transition:transform .16s ease}.pf-hero-badge:hover{transform:rotate(-14deg) scale(1.06)}@media (max-width: 640px){.pf-hero-badge{width:68px;font-size:9.5px}}.pf-hero-topspace{width:100vw;position:relative;left:50%;margin-left:-50vw;height:clamp(6.5rem,16vh,9.5rem);background:#fffbd8}@media (max-width: 640px){.pf-hero-topspace{height:5.5rem}}.pf-marquee{width:100vw;position:relative;left:50%;margin-left:-50vw;background:#ff4fa3;overflow:hidden;border-bottom:1px solid var(--pf-ink)}.pf-marquee-track{display:flex;width:-moz-max-content;width:max-content}.pf-marquee-group{display:flex;align-items:center;flex-shrink:0}.pf-marquee-group span{display:inline-flex;align-items:center;gap:.4em;font-family:Caveat,cursive;font-weight:700;font-size:clamp(1.3rem,2.4vw,1.85rem);color:#fff5f8;white-space:nowrap;padding:.55rem 1.1rem}.pf-grid-section{width:100vw;position:relative;left:50%;margin-left:-50vw;background:#fef3dc}.pf-grid{display:grid;grid-template-columns:1fr;gap:clamp(2.5rem,5vw,3.5rem) clamp(1.5rem,3vw,3rem);padding:clamp(4rem,9vh,6.5rem) 1.5rem 6rem;max-width:80rem;margin:0 auto}@media (min-width: 700px){.pf-grid{grid-template-columns:repeat(2,1fr)}}.pf-row{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.5rem);text-decoration:none;color:inherit;text-align:center}.pf-row-desc{margin-left:auto;margin-right:auto}.pf-tags{justify-content:center}.pf-row-art{position:relative;overflow:hidden;border:2px solid var(--pf-ink);border-radius:20px;box-shadow:7px 7px 0 var(--pf-ink);aspect-ratio:4 / 3;background:#e9e9e6;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}.pf-row-art-inner{position:absolute;left:0;right:0;top:-6%;height:112%}.pf-row:nth-child(odd) .pf-row-art{transform:rotate(-.8deg)}.pf-row:nth-child(2n) .pf-row-art{transform:rotate(.8deg)}.pf-row:hover .pf-row-art,.pf-row:focus-visible .pf-row-art{transform:rotate(0) translateY(-5px);box-shadow:11px 11px 0 var(--pf-ink)}.pf-row-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.pf-row:hover .pf-row-art img{transform:scale(1.04)}.pf-row-count{position:absolute;top:.8rem;left:.8rem;padding:.3rem .6rem;border:2px solid var(--pf-ink);border-radius:999px;background:#fff;box-shadow:2px 2px 0 var(--pf-ink);font-family:var(--pf-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pf-row-index{font-family:var(--pf-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#11111173}.pf-row-name{font-family:var(--pf-sans);font-weight:800;letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.08;margin:.5rem 0 .35rem;color:#bb0626}.pf-row-cat{font-family:var(--pf-serif);font-style:italic;font-size:22px;font-weight:900;color:#000}.pf-row-desc{margin-top:.9rem;font-size:.95rem;line-height:1.65;color:#111111a8;max-width:34ch}.pf-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.1rem}.pf-tag{padding:.25rem .6rem;border:1.5px solid var(--pf-ink);border-radius:999px;background:#fff;font-family:var(--pf-mono);font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--pf-ink)}.pf-row-cta{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.4rem;padding:.7rem .7rem .7rem 1.2rem;border-radius:999px;background:var(--pf-ink);color:#fff;font-family:var(--pf-sans);font-size:.86rem;font-weight:700;transition:transform .15s ease}.pf-row:hover .pf-row-cta{transform:translateY(-2px)}.pf-row-cta .pf-cta-ico{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;background:#fff;color:var(--pf-ink);overflow:hidden;transition:transform .22s ease}.pf-row:hover .pf-row-cta .pf-cta-ico{transform:translate(3px)}@keyframes pf-cta-arrow{0%{transform:translate(0)}45%{transform:translate(190%)}46%{transform:translate(-190%)}to{transform:translate(0)}}.pf-row:hover .pf-row-cta .pf-cta-ico svg,.pf-row:focus-visible .pf-row-cta .pf-cta-ico svg{animation:pf-cta-arrow .42s cubic-bezier(.4,0,.2,1)}.pf-row-cta-label{position:relative}.pf-row-cta-label:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .34s cubic-bezier(.22,1,.36,1)}.pf-row:hover .pf-row-cta-label:after,.pf-row:focus-visible .pf-row-cta-label:after{transform:scaleX(1)}.pf-case{position:relative;--pf-nav: 92px;--pf-nav-condensed: 70px;padding-top:var(--pf-nav)}.pf-bar{position:sticky;top:var(--pf-nav-condensed);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,3vw,2rem);background:#f4f4f2e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--pf-ink)}.pf-bar-back{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--pf-mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-ink);text-decoration:none}.pf-bar-back:hover{color:var(--pf-blue)}.pf-bar-name{font-family:var(--pf-sans);font-weight:800;letter-spacing:-.02em;font-size:.95rem;color:var(--pf-ink)}.pf-bar-progress{position:absolute;left:0;bottom:-2px;height:2px;background:var(--pf-blue);transform-origin:left;width:100%}.pf-case-hero{padding:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,4vw,3rem) clamp(2rem,4vw,3.5rem);max-width:78rem;margin:0 auto}.pf-case-name{font-family:var(--pf-sans);font-weight:800;letter-spacing:-.04em;line-height:.95;font-size:clamp(3rem,11vw,8rem);color:var(--pf-ink)}.pf-case-tagline{font-family:var(--pf-serif);font-style:italic;font-size:clamp(1.25rem,2.6vw,2rem);color:var(--pf-blue);margin-top:.4rem}.pf-case-meta{display:grid;gap:1.5rem;margin-top:clamp(1.75rem,4vw,3rem);padding-top:1.5rem;border-top:2px solid var(--pf-ink)}@media (min-width: 800px){.pf-case-meta{grid-template-columns:1.6fr 1fr;gap:3rem}}.pf-case-intro{font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.7;color:#111111b8}.pf-meta-label{font-family:var(--pf-mono);font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#11111173;margin-bottom:.45rem}.pf-meta-value{font-family:var(--pf-sans);font-size:.92rem;font-weight:600;color:var(--pf-ink);line-height:1.6}.pf-chapter{padding:clamp(2rem,5vw,4rem) 0}.pf-chapter-head{display:flex;align-items:baseline;gap:.9rem;padding:0 clamp(1.25rem,4vw,3rem) 1.5rem;max-width:78rem;margin:0 auto}.pf-chapter-num{font-family:var(--pf-mono);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--pf-blue)}.pf-chapter-title{font-family:var(--pf-sans);font-weight:800;letter-spacing:-.025em;font-size:clamp(1.35rem,3vw,2.1rem);color:var(--pf-ink)}.pf-chapter-hint{margin-left:auto;font-family:var(--pf-mono);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1116;white-space:nowrap}.pf-stage{aspect-ratio:var(--pf-ar, 4 / 3);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--pf-ink);border-radius:18px;box-shadow:6px 6px 0 var(--pf-ink);transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s cubic-bezier(.22,1,.36,1)}.pf-cell .pf-stage:hover{transform:translateY(-4px);box-shadow:9px 10px 0 var(--pf-ink)}.pf-stage img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block}.pf-grid-wrap{display:grid;grid-template-columns:repeat(24,1fr);gap:clamp(.9rem,2vw,1.75rem);padding:0 clamp(1.25rem,4vw,3rem);max-width:82rem;margin:0 auto;align-items:start}.pf-cell{grid-column:var(--pf-start, auto) / span var(--pf-span, 24);min-width:0}.pf-cell[data-hero="1"] .pf-stage{max-width:min(100%,62rem,var(--pf-maxw, 62rem));margin:0 auto}@media (max-width: 900px){.pf-cell{grid-column:span 12}.pf-cell[data-hero="1"]{grid-column:span 24}}@media (max-width: 620px){.pf-cell{grid-column:span 24}}.pf-rail{display:flex;gap:clamp(1rem,2.5vw,2rem);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:.5rem clamp(1.25rem,4vw,3rem) 1.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab}.pf-rail::-webkit-scrollbar{display:none}.pf-rail.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pf-rail.is-freescroll{scroll-snap-type:none}.pf-rail.is-dragging img{pointer-events:none}.pf-rail-item{flex:0 0 auto;scroll-snap-align:center;height:var(--pf-h, 80vh);aspect-ratio:var(--pf-ar, 4 / 3);width:auto;max-width:92vw}.pf-rail-item .pf-stage{height:100%;width:100%;aspect-ratio:auto}.pf-rail-controls{display:flex;align-items:center;gap:.6rem;padding:0 clamp(1.25rem,4vw,3rem);max-width:78rem;margin:.25rem auto 0}.pf-rail-btn{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border:2px solid var(--pf-ink);border-radius:999px;background:#fff;box-shadow:3px 3px 0 var(--pf-ink);color:var(--pf-ink);transition:transform .13s ease,box-shadow .13s ease}.pf-rail-btn:hover{transform:translateY(-2px);box-shadow:4px 5px 0 var(--pf-ink)}.pf-rail-btn:active{transform:translateY(2px);box-shadow:none}.pf-rail-btn:disabled{opacity:.32;box-shadow:2px 2px 0 var(--pf-ink);transform:none}.pf-rail-track{flex:1;height:3px;border-radius:999px;background:#1111111f;overflow:hidden}.pf-rail-thumb{height:100%;border-radius:999px;background:var(--pf-ink);transform-origin:left}.pf-next{display:block;text-decoration:none;color:inherit;border-top:2px solid var(--pf-ink);margin-top:clamp(2rem,5vw,4rem);padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,4vw,3rem);transition:background .3s ease}.pf-next:hover{background:#2547ff0d}.pf-next-inner{max-width:78rem;margin:0 auto}.pf-next-name{font-family:var(--pf-sans);font-weight:800;letter-spacing:-.035em;font-size:clamp(2.2rem,7vw,5rem);line-height:1;color:var(--pf-ink);display:inline-flex;align-items:center;gap:.6rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}.pf-next:hover .pf-next-name{transform:translate(10px)}@media (prefers-reduced-motion: reduce){.pf-row-art,.pf-row-art img,.pf-next-name,.pf-row-cta,.pf-row-cta .pf-cta-ico{transition:none}.pf-rail{scroll-behavior:auto}.pf-row-cta .pf-cta-ico svg{animation:none!important}.pf-row-cta-label:after{transition:none}.pf-title,.pf-hero-sub,.pf-hero-badge{visibility:visible!important}.pf-char,.pf-word{opacity:1!important;transform:none!important}}@media (max-height: 560px){.pf-rail-item{height:420px}}