.pf{--pf-bg:var(--color-ink,#0a0f1d);--pf-ink:#f7f4ee;--pf-text:#1f1f1f;--pf-accent:#5b8de0;--pf-line:color-mix(in srgb, var(--pf-ink) 28%, transparent);--pf-head:var(--font-kanit,"Kanit", sans-serif);--pf-body:var(--font-sans,"Poppins", sans-serif);--pad:clamp(14px, 2.6vw, 34px);--ease:cubic-bezier(.22, .61, .36, 1);--hw:min(60vw, 700px);--persp:1150px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-start:var(--safe-left);--safe-end:var(--safe-right);--tap:44px;--nav-h:0px;--cw:180px;background:var(--pf-bg);color:var(--pf-ink);font-family:var(--pf-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:clip}[dir=rtl] .pf{--safe-start:var(--safe-right);--safe-end:var(--safe-left)}.pf :where(h1,h2,h3,p,figure,ul){margin:0}.pf :where(ul){padding:0;list-style:none}.pf img{max-width:100%;display:block}.pf button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;padding:0}.pf a{-webkit-tap-highlight-color:transparent}.pf [hidden]{display:none!important}.pf .pf-eyebrow{font-family:var(--pf-head);letter-spacing:.3em;text-transform:uppercase;color:var(--pf-accent);align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.pf .pf-eyebrow>span{background:var(--pf-accent);flex:none;width:32px;height:1px}@media (width>=640px){.pf .pf-eyebrow{font-size:14px}.pf .pf-eyebrow>span{width:48px}}.pf .tile{--tile-bg:var(--pf-ink);background:var(--tile-bg);border-radius:18%;place-items:center;display:grid;position:relative;overflow:hidden}.pf .tile-dark,.pf .tile-photo{--tile-bg:#111c3a}.pf .tile img{object-fit:contain;-webkit-user-select:none;user-select:none;width:68%;height:68%}.pf .tile-photo img{object-fit:cover;width:100%;height:100%}.pf .scene{height:calc(100dvh + 16vh);position:relative}.pf .sticky{-webkit-user-select:none;user-select:none;height:100dvh;position:sticky;top:0;overflow:hidden}.pf .backdrop{pointer-events:none;background:radial-gradient(ellipse at 50% 58%, #14295c 0%, #0c1734 45%, var(--pf-bg) 75%);position:absolute;inset:0;overflow:hidden}.pf .backdrop .hero-grain{position:absolute;inset:0}#pf-stage{inset:var(--nav-h) 0 0;z-index:10;perspective:var(--persp);perspective-origin:50%;touch-action:none;transition:opacity .6s var(--ease), filter .6s var(--ease);position:absolute;overflow:hidden}@media (pointer:coarse){#pf-stage{touch-action:pan-y}}.pf .grip{width:calc(var(--r,300px) * 2.3);aspect-ratio:1;touch-action:none;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}#pf-world{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}#pf-orb{width:0;height:0;transform-style:preserve-3d;position:absolute;top:0;left:0}#pf-headline{width:var(--hw);margin:0;margin-left:calc(var(--hw) / -2);text-align:center;font-family:var(--pf-head);letter-spacing:-.005em;text-transform:uppercase;color:var(--pf-ink);text-shadow:0 2px 34px color-mix(in srgb, var(--pf-bg) 70%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;height:6em;margin-top:-3em;font-size:clamp(26px,4.3vw,66px);font-weight:800;line-height:.98;position:absolute;top:0;left:0}#pf-headline:lang(ar){line-height:1.25}#pf-headline .inner{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}#pf-headline .inner>span{opacity:0;filter:blur(7px);transition:opacity 1.05s var(--ease), transform 1.15s var(--ease), filter 1.05s var(--ease);transition-delay:calc(.9s + var(--i) * 85ms);display:inline-block;transform:translateY(.42em)}#pf-headline .brand-title-gradient{text-shadow:none}.pf.revealed #pf-headline .inner>span{opacity:1;filter:blur();transform:none}.pf .card{width:calc(var(--cw) * 2);height:calc(var(--cw) * 2);margin-left:calc(var(--cw) * -1);margin-top:calc(var(--cw) * -1);transform-style:preserve-3d;touch-action:none;cursor:pointer;position:absolute;top:0;left:0}.pf .face{opacity:var(--o,1);backface-visibility:hidden;transition:transform .5s var(--ease), box-shadow .4s ease;position:absolute;inset:0}.pf .face.back{transform:rotateY(180deg)}.pf .card:hover .face.front{box-shadow:0 0 0 4px var(--pf-accent), 0 36px 88px -28px color-mix(in srgb, var(--pf-accent) 60%, transparent);transform:scale(1.07)}.pf .face:after{content:"";border-radius:inherit;background:color-mix(in srgb, var(--pf-bg) calc(var(--d,0) * 100%), transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--pf-text) 8%, transparent);pointer-events:none;position:absolute;inset:0}.pf .tile-dark.face:after,.pf .tile-photo.face:after{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--pf-ink) 14%, transparent)}.pf .vig{z-index:12;pointer-events:none;background:radial-gradient(ellipse 88% 92% at 50% 50%, transparent 48%, color-mix(in srgb, var(--pf-bg) 26%, transparent) 80%, color-mix(in srgb, var(--pf-bg) 72%, transparent) 100%);transition:opacity .6s var(--ease);position:absolute;inset:0}.pf.gridview .vig{opacity:0}.pf .fade{z-index:13;background:linear-gradient(to bottom, transparent, var(--pf-bg));height:clamp(140px,26vh,260px);opacity:var(--dolly,0);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.pf .keys{top:calc(var(--nav-h) + var(--pad));left:calc(var(--pad) + var(--safe-left));right:calc(var(--pad) + var(--safe-right));z-index:57;position:absolute}.pf .keys:not(:focus-within){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden}.pf .keys ul{flex-wrap:wrap;gap:8px;display:flex}.pf .keys button{background:var(--pf-ink);min-height:40px;color:var(--pf-text);border-radius:999px;padding:8px 16px;font-size:14px}.pf .keys button:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.pf .chrome{opacity:0;transition:opacity 1.2s var(--ease) .15s, transform .6s var(--ease)}.pf.revealed .chrome{opacity:1}.pf .bio{inset-inline-start:calc(var(--pad) + var(--safe-start));bottom:calc(var(--pad) + var(--safe-bottom));z-index:55;max-width:min(330px,46vw);position:absolute}.pf.revealed:is(.deep,.gridview) .bio{opacity:0;pointer-events:none;transition-delay:0s;transform:translateY(10px)}.pf .bio .who{align-items:center;gap:12px;margin-bottom:12px;display:flex}#pf-avatar{object-fit:contain;width:44px;height:44px}.pf .bio b{font-family:var(--pf-head);letter-spacing:.04em;text-transform:uppercase;font-size:18px;font-weight:700}.pf .bio p{color:color-mix(in srgb, var(--pf-ink) 70%, transparent);font-size:13px;line-height:1.65}.pf .colophon{inset-inline-end:calc(var(--pad) + var(--safe-end));bottom:calc(var(--pad) + var(--safe-bottom));z-index:55;font-family:var(--pf-head);letter-spacing:.24em;text-transform:uppercase;color:color-mix(in srgb, var(--pf-ink) 70%, transparent);font-size:12px;font-weight:500;position:absolute}.pf .colophon b{color:var(--pf-accent);font-weight:700}.pf.revealed.gridview .colophon{opacity:0;transition-delay:0s}#pf-gridBtn{inset-inline-start:calc(var(--pad) + var(--safe-start));bottom:calc(var(--pad) + var(--safe-bottom));z-index:56;width:var(--tap);height:var(--tap);opacity:0;pointer-events:none;transition:opacity .5s var(--ease), transform .5s var(--ease);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:4px;padding:5px;display:grid;position:absolute;transform:translateY(8px)}#pf-gridBtn b{background:var(--pf-ink);transition:transform .4s var(--ease), background-color .3s ease;border-radius:3px;display:block}.pf:is(.deep,.gridview) #pf-gridBtn,#pf-gridBtn:focus-visible{opacity:1;pointer-events:auto;transform:none}#pf-gridBtn:focus-visible{outline:2px solid var(--pf-accent);outline-offset:3px}.pf.gridview #pf-gridBtn{z-index:59;position:fixed}#pf-gridBtn:hover b{background:var(--pf-accent);transform:scale(.86)}.pf.gridview #pf-gridBtn b:first-child{transform:translate(3px,3px)}.pf.gridview #pf-gridBtn b:nth-child(4){transform:translate(-3px,-3px)}.pf .cue{left:50%;bottom:calc(var(--pad) + var(--safe-bottom) + 4px);z-index:54;font-family:var(--pf-head);text-transform:uppercase;letter-spacing:.26em;color:color-mix(in srgb, var(--pf-ink) 50%, transparent);white-space:nowrap;align-items:center;gap:12px;font-size:11px;font-weight:500;display:flex;position:absolute;transform:translate(-50%)}.pf.revealed:is(.deep,.gridview) .cue{opacity:0;transition-delay:0s}.pf .cue s{background:var(--pf-line);width:44px;height:1px;display:block;position:relative;overflow:hidden}.pf .cue s:after{content:"";background:var(--pf-accent);animation:2.6s infinite pf-sweep;position:absolute;inset:0;transform:translate(-100%)}[dir=rtl] .pf .cue s{scale:-1 1}@keyframes pf-sweep{0%{transform:translate(-100%)}55%{transform:translate(0)}to{transform:translate(100%)}}#pf-grid{z-index:58;overscroll-behavior:contain;padding:calc(var(--nav-h) + 16px) var(--pad) calc(var(--pad) * 4);background:radial-gradient(ellipse at 50% 0%, #14295c 0%, #0c1734 40%, var(--pf-bg) 75%);opacity:0;pointer-events:none;transition:opacity .6s var(--ease);position:fixed;inset:0;overflow-y:auto}.pf.gridview #pf-grid{opacity:1;pointer-events:auto}.pf.gridview #pf-stage{opacity:0;filter:blur(14px);pointer-events:none}#pf-grid .pf-eyebrow{max-width:1400px;min-height:var(--tap);margin:0 auto clamp(14px,2.4vw,28px)}#pf-gridClose{top:calc(var(--nav-h) + 16px);z-index:1;min-height:var(--tap);padding:10px 20px;border:1px solid color-mix(in srgb, var(--pf-ink) 24%, transparent);background:color-mix(in srgb, var(--pf-bg) 55%, transparent);font-family:var(--pf-head);letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;padding-inline-end:16px;font-size:13px;font-weight:600;transition:background-color .3s,border-color .3s,color .3s;display:inline-flex;position:fixed;inset-inline-end:calc(var(--pad) + var(--safe-end))}#pf-gridClose svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}#pf-gridClose:hover{border-color:var(--pf-accent);background:var(--pf-accent);color:#fff}#pf-gridClose:focus-visible{outline:2px solid var(--pf-accent);outline-offset:3px}.pf .rows{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(18px,2.4vw,32px) clamp(14px,2vw,28px);max-width:1400px;margin:0 auto;display:grid}.pf .rows button{text-align:start;flex-direction:column;gap:6px;width:100%;display:flex}.pf .rows .tile{aspect-ratio:1;width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pf-ink) 10%, transparent);transition:transform .5s var(--ease), box-shadow .4s ease;border-radius:14%;margin-bottom:8px}.pf .rows button:hover .tile,.pf .rows button:focus-visible .tile{box-shadow:0 0 0 2px var(--pf-accent), 0 26px 50px -22px color-mix(in srgb, var(--pf-accent) 70%, transparent);transform:translateY(-6px)}.pf .rows button:focus-visible{outline:none}.pf .rows .name{font-family:var(--pf-head);letter-spacing:.02em;text-transform:uppercase;font-size:18px;font-weight:700;transition:color .3s}.pf .rows button:hover .name{color:var(--pf-accent)}.pf .rows .what{color:color-mix(in srgb, var(--pf-ink) 58%, transparent);font-size:13px}.pf .round{border:1px solid color-mix(in srgb, var(--pf-text) 18%, transparent);width:46px;height:46px;color:var(--pf-text);transition:background-color .3s ease, border-color .3s ease, color .3s ease, transform .3s var(--ease);background:#fff9;border-radius:50%;flex:none;place-items:center;display:grid}.pf .round svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pf .round:hover{background:var(--pf-accent);border-color:var(--pf-accent);color:#fff}.pf .round:active{transform:scale(.94)}.pf .round:focus-visible{outline:2px solid var(--pf-accent);outline-offset:3px}.pf .pf-show{width:100%;max-width:none;height:100%;max-height:none;color:var(--pf-text);background:0 0;border:0;outline:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.pf .pf-show::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#0a0f1d9e;transition:opacity .55s}.pf .pf-show[data-shown]::backdrop{opacity:1}.pf .pf-show .sheet{--gutter:clamp(18px, 4vw, 56px);overscroll-behavior:contain;background:var(--pf-ink);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--pf-text) 25%, transparent) transparent;border-radius:clamp(28px,4vw,56px) clamp(28px,4vw,56px) 0 0;position:absolute;inset:clamp(10px,3.5vh,36px) clamp(0px,2.5vw,40px) 0;overflow-y:auto;box-shadow:0 -30px 80px -20px #0009}.pf .pf-show .tile-light{--tile-bg:#fff}.pf .pf-show .bar{z-index:5;padding:clamp(12px, 2vw, 22px) var(--gutter);background:var(--pf-ink);box-shadow:0 1px 0 color-mix(in srgb, var(--pf-text) 7%, transparent);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.pf .pf-show .count{font-family:var(--pf-head);letter-spacing:.22em;color:color-mix(in srgb, var(--pf-text) 45%, transparent);font-size:13px}.pf .pf-show .count b{color:var(--pf-text);font-weight:700}.pf .pf-show .actions{gap:10px;display:flex}.pf .pf-show .body{max-width:1240px;padding:4px var(--gutter) clamp(48px, 8vw, 96px);margin:0 auto}.pf .pf-show .head{border-bottom:1px solid color-mix(in srgb, var(--pf-text) 10%, transparent);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(18px,3.5vw,48px);padding-bottom:clamp(26px,4vw,48px);display:grid}.pf .pf-show .head .tile{aspect-ratio:1;width:clamp(92px,13vw,168px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pf-text) 6%, transparent), 0 26px 56px -26px #00000080}.pf .pf-show h2{font-family:var(--pf-head);letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:anywhere;margin-top:12px;font-size:clamp(2.1rem,6vw,5.25rem);font-weight:900;line-height:.92}.pf .pf-show .other{color:color-mix(in srgb, var(--pf-text) 50%, transparent);margin-top:8px;font-size:clamp(1.05rem,2vw,1.5rem);font-weight:600}.pf .pf-show .chips{flex-wrap:wrap;gap:8px;margin-top:clamp(14px,2vw,22px);display:flex}.pf .pf-show .chips li{border:1px solid color-mix(in srgb, var(--pf-text) 15%, transparent);background:#fff9;border-radius:999px;padding:7px 14px;font-size:13px}.pf .pf-show .chips .stat{background:var(--pf-text);color:var(--pf-ink);border-color:#0000}.pf .pf-show .group{padding-top:clamp(30px,5vw,64px)}.pf .pf-show .group>h3{margin-bottom:clamp(16px,2.5vw,28px)}.pf .pf-show .group>h3 small{letter-spacing:.1em;color:color-mix(in srgb, var(--pf-text) 40%, transparent);font-size:12px}.pf .pf-show .reels{margin:-16px calc(-1 * var(--gutter)) -44px;padding:16px var(--gutter) 72px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:clamp(16px,2.4vw,32px);display:flex;overflow-x:auto}.pf .pf-show .reels::-webkit-scrollbar{display:none}.pf .pf-show .reel{scroll-snap-align:start;flex:none;width:clamp(190px,21vw,270px);position:relative}.pf .pf-show .screen{aspect-ratio:9/16;width:100%;transition:transform .5s var(--ease), box-shadow .5s var(--ease);background:#0c1734;border-radius:30px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 6px #0c1734,0 34px 60px -26px #0009}.pf .pf-show .screen:before{content:"";z-index:2;background:#0000008c;border-radius:99px;width:26%;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.pf .pf-show .screen video{object-fit:cover;width:100%;height:100%;display:block}.pf .pf-show .screen:hover{box-shadow:0 0 0 6px #0c1734, 0 44px 70px -26px color-mix(in srgb, var(--pf-accent) 55%, transparent);transform:translateY(-8px)rotate(-1deg)}.pf .pf-show .screen:focus-visible{outline:2px solid var(--pf-accent);outline-offset:10px}.pf .pf-show .time{inset-inline-start:12px;color:#fff;font-family:var(--pf-head);letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;bottom:14px}.pf .pf-show .progress{background:var(--pf-accent);height:3px;transform:scaleX(var(--t,0));transform-origin:0;position:absolute;bottom:0;left:0;right:0}[dir=rtl] .pf .pf-show .progress{transform-origin:100%}.pf .pf-show .sound{inset-inline-end:12px;z-index:3;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-color:#ffffff40;width:38px;height:38px;position:absolute;bottom:12px}.pf .pf-show .sound[aria-pressed=true]{border-color:var(--pf-accent);background:var(--pf-accent)}.pf .pf-show .designs{columns:3 230px;column-gap:clamp(14px,2vw,24px)}.pf .pf-show .designs li{break-inside:avoid;margin-bottom:clamp(14px,2vw,24px)}.pf .pf-show .designs.rows-of-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);display:grid}.pf .pf-show .designs.rows-of-3 li{margin-bottom:0}.pf .pf-show .designs button{cursor:zoom-in;width:100%;transition:transform .5s var(--ease), box-shadow .5s var(--ease);background:#e9e3da;border-radius:22px;display:block;overflow:hidden;box-shadow:0 20px 44px -28px #0000008c}.pf .pf-show .designs img{width:100%;height:auto;transition:transform .8s var(--ease)}.pf .pf-show .designs button:hover{transform:translateY(-6px);box-shadow:0 34px 60px -30px #0009}.pf .pf-show .designs button:hover img{transform:scale(1.04)}.pf .pf-show .designs button:focus-visible{outline:2px solid var(--pf-accent);outline-offset:4px}.pf .pf-show .next{border-top:1px solid color-mix(in srgb, var(--pf-text) 10%, transparent);text-align:start;width:100%;margin-top:clamp(44px,7vw,96px);padding-top:clamp(22px,3vw,36px);display:block}.pf .pf-show .next .row{align-items:center;gap:clamp(14px,2.4vw,28px);margin-top:16px;display:flex}.pf .pf-show .next .tile{aspect-ratio:1;flex:none;width:clamp(60px,7vw,92px);box-shadow:0 18px 40px -24px #00000080}.pf .pf-show .next .name{font-family:var(--pf-head);text-transform:uppercase;font-size:clamp(1.7rem,5vw,4rem);font-weight:900;line-height:.95;transition:color .3s}.pf .pf-show .next .arrow{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:clamp(28px,4vw,48px);transition:transform .4s var(--ease);flex:none;margin-inline-start:auto}.pf .pf-show .next:hover .name{color:var(--pf-accent)}.pf .pf-show .next:hover .arrow{transform:translate(8px)}.pf .pf-show .next:focus-visible{outline:2px solid var(--pf-accent);outline-offset:8px;border-radius:8px}.pf .pf-show .flyer{z-index:20;transform-origin:50%;pointer-events:none;position:fixed}.pf .pf-show .flyer>.tile{width:100%;height:100%}.pf .pf-show .zoom{z-index:30;color:var(--pf-ink);touch-action:pan-y;background:#0a0f1df2;display:grid;position:fixed;inset:0}.pf .pf-show .zoom .stage{grid-area:1/1;place-items:center;min-width:0;min-height:0;padding:clamp(64px,10vh,96px) clamp(16px,9vw,130px);display:grid}.pf .pf-show .zoom :is(img,video){object-fit:contain;border-radius:18px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 2*clamp(64px,10vh,96px));box-shadow:0 40px 100px -30px #000000d9}.pf .pf-show .caption{width:max-content;max-width:min(90vw,760px);color:color-mix(in srgb, var(--pf-ink) 82%, transparent);align-items:baseline;gap:14px;font-size:14px;line-height:1.4;display:flex;position:absolute;bottom:clamp(16px,3vh,30px);left:50%;transform:translate(-50%)}.pf .pf-show .caption b{font-family:var(--pf-head);letter-spacing:.2em;color:var(--pf-accent);flex:none;font-weight:600}.pf .pf-show .zoom .round{color:var(--pf-ink);background:#ffffff14;border-color:#fff3}.pf .pf-show .zoom .round:hover{border-color:var(--pf-accent);background:var(--pf-accent);color:#fff}.pf .pf-show .zoom .side{position:absolute;top:50%;translate:0 -50%}.pf .pf-show .zoom .to-prev{inset-inline-start:clamp(10px,3vw,40px)}.pf .pf-show .zoom .to-next{inset-inline-end:clamp(10px,3vw,40px)}.pf .pf-show .zoom .shut{top:clamp(12px,3vh,28px);position:absolute;inset-inline-end:clamp(12px,3vw,40px)}[dir=rtl] .pf .flip{scale:-1 1}#pf-splash{z-index:90;background:radial-gradient(ellipse at 50% 58%, #14295c 0%, #0c1734 45%, var(--pf-bg) 75%);align-content:center;place-items:center;gap:26px;transition:opacity .6s;animation:0s linear 12s forwards pf-failsafe;display:grid;position:fixed;inset:0}#pf-splash.out{opacity:0;pointer-events:none}#pf-splash .mark{font-family:var(--pf-head);letter-spacing:-.005em;text-transform:uppercase;color:var(--pf-ink);opacity:0;font-size:clamp(30px,5.2vw,68px);font-weight:900;line-height:1;animation:1.1s .1s forwards pf-rise-in}#pf-splash .mark em{font-style:normal}#pf-splash .bar{background:color-mix(in srgb, var(--pf-ink) 14%, transparent);border-radius:2px;width:clamp(140px,18vw,240px);height:2px;overflow:hidden}#pf-bar{background:linear-gradient(90deg, #3360ab, var(--pf-accent), #7aa7f2);transform-origin:0;width:100%;height:100%;transition:transform .55s;display:block;transform:scaleX(0)}[dir=rtl] #pf-bar{background:linear-gradient(270deg, #3360ab, var(--pf-accent), #7aa7f2);transform-origin:100%}#pf-splash .tag{font-family:var(--pf-head);letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb, var(--pf-ink) 45%, transparent);opacity:0;font-size:12px;font-weight:600;animation:.9s .6s forwards pf-rise-in}@keyframes pf-rise-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes pf-failsafe{to{visibility:hidden}}#pf-dot{z-index:100;background:color-mix(in srgb, var(--pf-ink) 90%, transparent);mix-blend-mode:difference;pointer-events:none;opacity:0;border:1px solid #0000;border-radius:50%;width:19px;height:19px;margin:-9.5px;transition:width .35s,height .35s,margin .35s,background-color .35s,border-color .35s,opacity .25s;position:fixed;top:0;left:0}#pf-dot.on{opacity:1}#pf-dot.wide{background:color-mix(in srgb, var(--pf-ink) 14%, transparent);border-color:var(--pf-accent);width:52px;height:52px;margin:-26px}@media (hover:none),(pointer:coarse){#pf-dot{display:none}}@media (width<=900px){.pf .bio{max-width:min(420px, calc(100vw - var(--pad) * 2 - var(--safe-left) - var(--safe-right)))}.pf .bio p{font-size:12px}.pf .colophon{font-size:11px}.pf .rows{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width<=768px){.pf .colophon{display:none}.pf .bio{max-width:calc(100vw - var(--pad) * 2 - var(--safe-left) - var(--safe-right))}#pf-headline{font-size:clamp(22px,6.4vw,38px)}}@media (width<=640px){.pf{--hw:min(78vw, 330px);--pad:clamp(12px, 4vw, 18px)}#pf-headline{font-size:clamp(20px,6vw,30px)}#pf-avatar{width:38px;height:38px}.pf .bio b{font-size:16px}.pf .bio p{font-size:11.5px;line-height:1.55}.pf .cue{display:none}.pf .rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.pf .rows .name{font-size:15px}.pf .rows .what{font-size:12px}#pf-grid{padding-left:calc(var(--pad) + var(--safe-left));padding-right:calc(var(--pad) + var(--safe-right));padding-bottom:calc(var(--pad) * 4 + var(--safe-bottom))}.pf .pf-show .sheet{inset:calc(8px + var(--safe-top)) 0 0}.pf .pf-show .round{width:42px;height:42px}.pf .pf-show .head{grid-template-columns:minmax(0,1fr);gap:18px}.pf .pf-show .reel{width:min(62vw,250px)}.pf .pf-show .designs{columns:2;column-gap:12px}.pf .pf-show .designs li{margin-bottom:12px}.pf .pf-show .designs.rows-of-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pf .pf-show .designs button{border-radius:16px}.pf .pf-show .zoom .side{top:auto;bottom:clamp(56px,9vh,80px);translate:none}.pf .pf-show .zoom .stage{padding:64px 12px 132px}.pf .pf-show .zoom :is(img,video){max-height:calc(100dvh - 196px)}.pf .pf-show .caption{text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:12.5px}}@media (width<=380px){.pf{--hw:min(80vw, 300px)}.pf .bio .who{gap:10px;margin-bottom:10px}.pf .bio p{display:none}}@media (height<=520px) and (orientation:landscape){.pf .bio,.pf .colophon,.pf .cue{display:none}#pf-headline{font-size:clamp(18px,4.8vh,28px)}}@media (prefers-reduced-motion:reduce){.pf *,.pf :before,.pf :after{transition-duration:.14s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}