.pf{--pf-bg:#16130f;--pf-surface:#1c1814;--pf-ink:#f5f0e8;--pf-muted:#b9ac96;--pf-amber:#df9526;--pf-red:#c1502e;--pf-serif:var(--font-fraunces), Georgia, serif;--pf-mono:ui-monospace, Menlo, monospace;--pf-gutter:clamp(20px, 5vw, 56px);background:var(--pf-bg);min-height:100vh;color:var(--pf-ink);font-family:var(--font-inter), system-ui, sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}.pf ::selection{background:var(--pf-amber);color:var(--pf-bg)}.pf a{text-decoration:none}.pf-serif{font-family:var(--pf-serif);font-style:italic;font-weight:500}.pf-eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--pf-amber);font-size:11px;font-weight:600}.pf-label{letter-spacing:.13em;text-transform:uppercase;color:var(--pf-ink);font-size:11px;font-weight:600}.pf-body{color:var(--pf-muted);text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.7}.pf-mono{font-family:var(--pf-mono);letter-spacing:.08em;font-size:11px}.pf-wrap{max-width:1240px;padding-left:var(--pf-gutter);padding-right:var(--pf-gutter);margin:0 auto}.pf-grain{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.pf-grain>div{opacity:.5;background-size:180px 180px;animation:.9s steps(4,end) infinite pfGrain;position:absolute;inset:-10%}.pf-header{z-index:20;-webkit-backdrop-filter:blur(10px);background:#16130feb;border-bottom:1px solid #b9ac961f;position:sticky;top:0}.pf-header .pf-wrap{justify-content:space-between;align-items:center;gap:24px;padding-top:18px;padding-bottom:18px;display:flex}.pf-brand{color:var(--pf-ink);white-space:nowrap;font-size:20px;line-height:1}.pf-nav{gap:clamp(18px,3vw,28px);font-size:13px;display:flex}.pf-nav a{color:var(--pf-muted);transition:color .2s}.pf-nav a:hover{color:var(--pf-ink)}.pf-nav a.pf-accent{color:var(--pf-amber)}.pf-nav a.pf-accent:hover{color:var(--pf-ink)}.pf-hero{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:center;gap:clamp(48px,6vw,80px);padding:clamp(64px,9vw,112px) 0 clamp(72px,10vw,120px);display:grid}.pf-h1{letter-spacing:-.02em;text-wrap:balance;max-width:12ch;margin:0;font-size:clamp(48px,7.2vw,104px);line-height:1.02}.pf-lede{max-width:480px;color:var(--pf-muted);text-wrap:pretty;margin:32px 0 0;font-size:16px;line-height:1.7}.pf-scene{aspect-ratio:560/600;justify-self:center;width:100%;min-width:0;max-width:560px;position:relative}.pf-finder{pointer-events:none;z-index:3;position:absolute;inset:4% 2%}.pf-corner{opacity:.7;border:0 solid var(--pf-ink);width:28px;height:28px;position:absolute}.pf-corner.tl{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.pf-corner.tr{border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.pf-corner.bl{border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.pf-corner.br{border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.pf-cross{opacity:.35;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pf-cross:before,.pf-cross:after{content:"";background:var(--pf-ink);position:absolute}.pf-cross:before{height:1px;top:50%;left:0;right:0}.pf-cross:after{width:1px;top:0;bottom:0;left:50%}.pf-rec{color:var(--pf-ink);align-items:center;gap:8px;display:flex;position:absolute;top:18px;left:44px}.pf-rec-dot{background:var(--pf-red);border-radius:50%;width:8px;height:8px;animation:1.2s step-end infinite pfBlink;display:block}.pf-fps{color:var(--pf-muted);position:absolute;top:18px;right:44px}.pf-exif{color:var(--pf-muted);justify-content:space-between;gap:12px;display:flex;position:absolute;bottom:18px;left:44px;right:44px}.pf-shade{background:linear-gradient(#16130f00 55%,#16130f8c 100%);position:absolute;inset:0}.pf-progress{background:#f5f0e840;border-radius:2px;height:2px;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden}.pf-play{-webkit-backdrop-filter:blur(6px);background:#16130f2e;border:.75px solid #f5f0e88c;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pf-play:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid var(--pf-ink);width:0;height:0;margin-left:2px}.pf-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pf-float-1{animation:12s ease-in-out infinite pfFloatB;position:absolute;bottom:14%;left:0}.pf-float-2{animation:10s ease-in-out infinite pfFloatA;position:absolute;bottom:9%;right:2%}.pf-chip{-webkit-backdrop-filter:blur(8px);color:var(--pf-ink);white-space:nowrap;background:#1c1814d9;border:1px solid #b9ac9640;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-size:12px;display:flex}.pf-deck{position:absolute;inset:0}.pf-hc{transition:left 1.2s cubic-bezier(.65,0,.25,1),top 1.2s cubic-bezier(.65,0,.25,1),width 1.2s cubic-bezier(.65,0,.25,1);position:absolute}.pf-hc[data-i="0"]{z-index:1;width:30%;animation:1.5s cubic-bezier(.2,.8,.2,1) .25s both pfDealA,9s ease-in-out 1.75s infinite pfFloatA;top:17%;left:8%}.pf-hc[data-i="1"]{z-index:1;width:28%;animation:1.5s cubic-bezier(.2,.8,.2,1) .35s both pfDealB,11s ease-in-out 1.85s infinite pfFloatB;top:22%;left:64%}.pf-hc[data-i="2"]{z-index:3;width:36%;animation:1.3s cubic-bezier(.2,.8,.2,1) .1s both pfDealC,10s ease-in-out 1.4s infinite pfFloatB;top:9%;left:32%}.pf-hc-face{aspect-ratio:9/16;background:var(--pf-surface) center / cover no-repeat;filter:saturate(.85)brightness(.8);border:1px solid #f5f0e826;border-radius:12px;transition:transform 1.2s cubic-bezier(.65,0,.25,1),box-shadow 1.2s,border-color 1.2s,filter 1.2s;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.pf-hc[data-i="0"] .pf-hc-face{transform:rotate(-7deg)}.pf-hc[data-i="1"] .pf-hc-face{transform:rotate(6deg)}.pf-hc.is-front .pf-hc-face{filter:none;border-color:#df95268c;box-shadow:0 32px 80px #0009}.pf-hc-ui{opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.pf-hc.is-front .pf-hc-ui{opacity:1;transition:opacity .6s .7s}.pf-hc-shade{background:linear-gradient(#16130f00 55%,#16130f8c 100%);position:absolute;inset:0}.pf-hc-bar{background:var(--pf-amber);width:0;height:100%;display:block}.pf-h2{margin:0;font-size:clamp(34px,4.4vw,52px);line-height:1.1}.pf-case{border-top:1px solid #df95264d;padding:clamp(56px,7vw,96px) 0;scroll-margin-top:60px}.pf-case-row{flex-wrap:wrap;align-items:flex-start;gap:clamp(40px,5vw,72px);display:flex}.pf-case-row.rev{flex-direction:row-reverse}.pf-case-text{flex-direction:column;flex:340px;gap:20px;min-width:0;max-width:520px;display:flex}.pf-h3{letter-spacing:-.01em;margin:0;font-size:clamp(38px,4.6vw,56px);line-height:1.02}.pf-role{color:var(--pf-ink);border:1px solid #b9ac9659;border-radius:999px;padding:6px 13px;font-size:12px;line-height:1}.pf-result{color:var(--pf-amber);font-size:clamp(26px,2.6vw,32px);line-height:1.2}.pf-reels-col{flex:1.25 440px;min-width:0}.pf-reels{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(168px,1fr);grid-auto-flow:column;gap:14px;margin:-16px -12px -30px;padding:16px 12px 30px;scroll-padding:0 12px;display:grid;overflow-x:auto}.pf-reels::-webkit-scrollbar{display:none}.pf-reel{all:unset;cursor:default;scroll-snap-align:start;outline:none;flex-direction:column;gap:12px;display:flex}.pf-reel:focus-visible .pf-reel-card{outline:2px solid var(--pf-amber);outline-offset:3px}.pf-reel-card{aspect-ratio:9/16;background:repeating-linear-gradient(135deg, #b9ac960d 0 10px, transparent 10px 20px), var(--pf-surface);border:1px solid #b9ac9640;border-radius:10px;justify-content:center;align-items:center;width:100%;transition:border-color .3s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:flex;position:relative;overflow:hidden}.pf-reel:hover .pf-reel-card,.pf-reel:focus .pf-reel-card{border-color:#df9526cc;transform:scale(1.035);box-shadow:0 18px 40px #00000073}.pf-reel-card .pf-poster{background-position:50%;background-size:cover;position:absolute;inset:0}.pf-reel-card .pf-shade{background:linear-gradient(#16130f00 55%,#16130f73 100%)}.pf-reel-card .pf-play{width:38px;height:38px;position:relative}.pf-reel-dim{opacity:0;background:#0a080680;transition:opacity .4s;position:absolute;inset:0}.pf-views{z-index:2;color:var(--pf-ink);transform-origin:0 100%;text-shadow:0 1px 10px #00000073;flex-direction:column;align-items:flex-start;gap:3px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:12px;left:12px}.pf-views-num{font-size:20px;line-height:1}.pf-views-label{letter-spacing:.1em;text-transform:uppercase;color:#f5f0e8d9;font-size:10.5px;font-weight:600}.pf-circle{pointer-events:none;filter:url(#pencil);width:calc(100% + 30px);height:calc(100% + 24px);position:absolute;top:-12px;left:-15px;overflow:visible}.pf-circle path{fill:none;stroke:var(--pf-amber);stroke-width:1.6px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .75s cubic-bezier(.5,0,.2,1) .1s}.pf-circle .pencil-2{stroke-width:1px;opacity:.55;transition-delay:.3s}.pf-reel:hover .pf-reel-dim,.pf-reel:focus .pf-reel-dim{opacity:1}.pf-reel:hover .pf-views,.pf-reel:focus .pf-views{transform:translate(8px,-16px)scale(1.6)}.pf-reel:hover .pf-circle path,.pf-reel:focus .pf-circle path{stroke-dashoffset:0}.pf-reel-title{color:var(--pf-ink);font-size:13px;line-height:1.45}.pf-section{padding:clamp(72px,9vw,112px) 0}.pf-rule{border-top:1px solid #df952666}.pf-names{flex-wrap:wrap;gap:14px 32px;max-width:980px;display:flex}.pf-names span{color:var(--pf-muted);font-size:clamp(17px,1.8vw,21px);line-height:1.4}.pf-principles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:48px 36px;display:grid}.pf-principle{border-top:1px solid var(--pf-amber);flex-direction:column;gap:16px;padding-top:20px;display:flex}.pf-cta{flex-direction:column;align-items:flex-start;gap:40px;padding:clamp(88px,12vw,152px) 0;display:flex}.pf-cta h2{letter-spacing:-.015em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(40px,6.4vw,84px);line-height:1.05}.pf-cta-btn{background:var(--pf-amber);color:var(--pf-bg);border-radius:999px;align-items:center;gap:12px;padding:17px 30px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.pf-cta-btn:hover{background:var(--pf-ink);color:var(--pf-bg)}.pf-footer{border-top:1px solid #b9ac961f}.pf-footer .pf-wrap{color:var(--pf-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:28px;font-size:12px;display:flex}.pf-footer a{color:var(--pf-muted);transition:color .2s}.pf-footer a:hover{color:var(--pf-amber)}@media (max-width:480px){.pf-rec,.pf-exif{left:20px}.pf-fps,.pf-exif{right:20px}.pf-rec,.pf-fps{top:12px}.pf-exif{bottom:12px}.pf-chip{padding:7px 12px;font-size:11px}.pf-float-1{bottom:17%}.pf-float-2{bottom:11%}}@keyframes pfFloatA{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pfFloatB{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes pfDealA{0%{opacity:0;transform:translate(90%,-10%)rotate(7deg)}15%{opacity:1}40%{transform:translate(40%,-4%)rotate(-12deg)}65%{transform:translate(-6%,2%)rotate(3deg)}to{transform:none}}@keyframes pfDealB{0%{opacity:0;transform:translate(-100%,-18%)rotate(-6deg)}15%{opacity:1}40%{transform:translate(-45%,-8%)rotate(12deg)}65%{transform:translate(6%,2%)rotate(-3deg)}to{transform:none}}@keyframes pfDealC{0%{opacity:0;transform:translateY(24px)scale(.9)rotate(-3deg)}30%{opacity:1}55%{transform:translateY(-8px)scale(1.02)rotate(1deg)}to{transform:none}}@keyframes pfGrain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}@keyframes pfBlink{0%{opacity:1}50%{opacity:.15}}@keyframes pfProgress{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.pf *,.pf :before,.pf :after{transition:none!important;animation:none!important}}