.pf{--color-text:#000;--color-bg:#f5f4f1;--color-link:#000;--color-link-hover:rgb(221,220,220);--page-padding:0.5rem;--border-radius:10px;background:var(--color-bg)}.pf a{color:var(--color-link);text-decoration:none;outline:none;transition:color .3s ease}.pf a:hover{color:var(--color-link-hover)}.pf .scene{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1200px;transform-style:preserve-3d;isolation:isolate}.pf .scene__title{position:relative;z-index:10;margin:0 0 1.6rem;transform:translateZ(2px);padding:0 1vw;border-radius:5px}.pf .scene__title a{display:block}.pf .scene__title .char{opacity:1;visibility:visible}.pf .scene__title .char,.pf .scene__title span{display:inline-block;transform-style:preserve-3d;transform-origin:50% 0;font-size:3.4vw;font-weight:700}.pf .scene-wrapper{transition:opacity .2s ease;overflow-x:hidden}.pf .carousel{position:absolute;top:50%;left:50%;width:400px;height:500px;transform-style:preserve-3d;will-change:transform;transform:translate(-50%,-50%) translateZ(-420px) rotateY(0deg);z-index:1}.pf .carousel__cell{position:absolute;left:0;top:0;width:330px;height:400px;transform-style:preserve-3d}.pf .card{position:relative;width:100%;height:100%;transform-style:preserve-3d}.pf .card__face{position:absolute;inset:0;background-image:var(--img);background-size:cover;background-position:50%;border-radius:var(--border-radius);backface-visibility:hidden}.pf .card__face--back{transform:rotateY(180deg)}.pf .preview{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;padding:0;display:grid;grid-template-rows:auto 1fr;background:var(--color-bg);opacity:0;pointer-events:none;overflow:hidden;z-index:50;overscroll-behavior:none}.pf .preview__header{position:sticky;top:0;width:100%;padding:1rem 2vw .75rem;margin:0;display:flex;align-items:flex-end;justify-content:space-between;background:var(--color-bg);border-bottom:1px solid rgba(0,0,0,.06);z-index:3}.pf .preview__title{margin:0}.pf .preview__title span{font-size:clamp(20px,4.5vw,36px);line-height:1.05;display:inline-block}.pf .preview__close{background:none;border:0;padding:0;cursor:pointer;color:#111;font:inherit}.pf .preview__body{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:1rem 0 2rem;overscroll-behavior:contain}.pf .pins{width:100%;max-width:none;margin:0;column-gap:1.2rem;column-count:2;overflow-y:visible}.pf .pin{display:inline-block;width:100%;margin:0 0 1.2rem;break-inside:avoid;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;box-shadow:0 10px 22px rgba(0,0,0,.06);cursor:pointer;transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease}.pf .pin:hover{transform:translateY(-3px)}.pf .pin--tall{aspect-ratio:3/4}.pf .pin--square{aspect-ratio:1/1}.pf .pin--wide{aspect-ratio:16/10}.pf .pin__img{display:block;width:100%;height:100%;object-fit:cover;background:#f4f4f4;border-radius:8px}.pf .pin__ph{position:absolute;inset:0;opacity:.7;pointer-events:none;background:linear-gradient(90deg,#eee,#f5f5f5 50%,#eee);background-size:200% 100%;animation:pf-shimmer 1s linear infinite}@keyframes pf-shimmer{0%{background-position:0}to{background-position:200%}}.pf .pin__img:where([src]):not([src=""])+.pf .pin__ph{display:none}.pf .pf-video-overlay{width:100vw;height:100vh;position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);animation:pf-fade-in .18s ease}@keyframes pf-fade-in{0%{opacity:0}to{opacity:1}}.pf .pf-video-frame{width:min(94vw,980px);max-width:94vw;max-height:80vh;display:grid;place-items:center;object-fit:contain;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.45);position:relative}.pf .pf-media-el{width:100%;height:100%;object-fit:contain;background:#000}.pf .pf-media--landscape{width:100%;height:auto}.pf .pf-media--portrait{width:auto;height:100%}.pf .pf-yt-el{width:100%;height:100%;border:0}.pf .pf-video-close{position:absolute;top:32px;right:34px;width:42px;height:42px;line-height:42px;text-align:center;font-size:20px;border:none;border-radius:999px;background:rgba(255,255,255,.96);cursor:pointer}html.pf-lock{position:fixed;top:var(--pf-scroll-y,0);left:0;right:0;width:100%;overflow:hidden}@media (min-width:640px){.pf .pins{column-count:3}}@media (min-width:900px){.pf .pins{column-count:4}}@media (min-width:1280px){.pf .pins{column-count:5}}@media (max-width:1200px){.pf .carousel{width:370px;height:460px;transform:translate(-50%,-50%) translateZ(-390px) rotateY(0deg)}.pf .carousel__cell{width:320px;height:388px}.pf .preview__title span{font-size:2.4vw}}@media (max-width:992px){.pf .scene{height:92vh}.pf .carousel{width:340px;height:430px;transform:translate(-50%,-50%) translateZ(-340px) rotateY(0deg)}.pf .carousel__cell{width:300px;height:368px}.pf .scene__title .char,.pf .scene__title span{font-size:3vw}.pf .preview__title span{font-size:3.1vw}}@media (max-width:768px){.pf .scene{height:88vh}.pf .scene__title{margin:0 0 1.2rem}.pf .carousel{width:72vw;height:73vw;transform:translate(-50%,-50%) translateZ(-300px) rotateY(0deg)}.pf .carousel__cell{width:63vw;height:63vw}.pf .scene__title .char,.pf .scene__title span{font-size:4vw}.pf .preview__title span{font-size:4.5vw}}@media (max-width:560px){.pf .carousel{width:84vw;height:84vw;transform:translate(-50%,-50%) translateZ(-370px) rotateY(0deg)}.pf .carousel__cell{width:72vw;height:72vw}.pf .scene__title .char,.pf .scene__title span{font-size:5vw}.pf .pf-video-frame{width:min(96vw,720px);max-height:86vh;border-radius:12px}.pf .pf-video-close{top:12px;right:12px;width:40px;height:40px}}@media (max-width:480px){.pf .carousel{width:88vw;height:88vw;transform:translate(-50%,-50%) translateZ(-440px) rotateY(0deg)}.pf .carousel__cell{width:76vw;height:76vw}.pf .pf-video-close{width:40px;height:40px;font-size:18px}.pf .scene__title .char,.pf .scene__title span{font-size:5.5vw}}@media (max-width:380px){.pf .carousel{width:92vw;height:92vw;transform:translate(-50%,-50%) translateZ(-620px) rotateY(0deg)}.pf .carousel__cell{width:80vw;height:80vw}.pf .scene__title .char,.pf .scene__title span{font-size:6vw}.pf .preview__title span{font-size:4vw}}