.pz-track{background:radial-gradient(circle at 30% 20%,#2b3fa8,#0f1b57 70%)}.pz-scene{text-align:center;--h2-size:clamp(1.5rem, 7cqw, 2.25rem);--h2-mobile-factor:1;width:min(100% - 32px,820px,130cqh - 130px);margin-inline:auto;container-type:inline-size}.pz-scene h2{color:#fff;margin:0 0 32px}.pz-phones{direction:ltr;grid-template-columns:1fr 1.2fr 1fr;align-items:center;display:grid}.pz-phone{background:#15171c;border-radius:12%/6.2%;padding:2.8%;position:relative;box-shadow:0 30px 60px #00000059}.pz-phone:before{content:"";z-index:1;background:#000;border-radius:999px;width:30%;height:2.6%;position:absolute;top:2.6%;left:50%;transform:translate(-50%)}.pz-phone>img{aspect-ratio:1/2;object-fit:cover;object-position:top;border-radius:9.7%/4.9%;width:100%;height:auto;display:block}.pz-phone--mid{z-index:2}.pz-phone--side{margin-top:12%}.pz-phone--left{margin-right:-10%}.pz-phone--right{margin-left:-10%}@media (max-width:767px){.pz-scene h2{margin-bottom:20px}.pz-phone{box-shadow:0 12px 28px #00000059}}.pz-track-bike{background:#fff}.pz-bike-scene{text-align:center;--h2-size:clamp(1.5rem, 6cqw, 2.25rem);--h2-mobile-factor:1;width:min(100% - 32px,980px,150cqh - 160px);margin-inline:auto;container-type:inline-size}.pz-bike-scene h2{margin:0 0 24px}.pz-bike{aspect-ratio:2752/1536;direction:ltr;position:relative}.pz-bike__part{object-fit:contain;transform-origin:50% 60%;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.pz-bike__part--rear{clip-path:polygon(0 38%,37% 38%,37% 100%,0 100%)}.pz-bike__part--front{clip-path:polygon(64% 38%,100% 38%,100% 100%,64% 100%)}.pz-bike__part--engine{clip-path:polygon(35% 40%,66% 40%,66% 100%,35% 100%)}.pz-bike__part--tank{clip-path:polygon(10% 0,66% 0,66% 42%,10% 42%)}.pz-bike__part--fork{clip-path:polygon(62% 0,100% 0,100% 40%,62% 40%)}.pz-track-desk{background:#fff}.pz-desk-scene{text-align:center;--h2-size:clamp(1.375rem, 5.5cqw, 2rem);--h2-mobile-factor:1;width:min(100% - 32px,760px,110cqh - 120px);margin-inline:auto;container-type:inline-size}.pz-desk-scene h2{margin:40px 0 0}.pz-desk{direction:ltr;grid-template-columns:.55fr 1fr 1fr .9fr;grid-template-areas:"plant laptop laptop notebook"".laptop laptop mug";place-items:center;gap:5%;display:grid}.pz-desk__item{mix-blend-mode:multiply;width:100%;height:auto}.pz-desk__item--laptop{grid-area:laptop}.pz-desk__item--notebook{grid-area:notebook;width:80%}.pz-desk__item--mug{grid-area:mug;width:62%}.pz-desk__item--plant{grid-area:plant;align-self:start;width:92%;margin-top:12%}@media (max-width:767px){.pz-desk{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"laptop laptop laptop""notebook mug plant"}.pz-desk__item--notebook,.pz-desk__item--mug,.pz-desk__item--plant{width:78%}.pz-desk-scene h2{margin-top:28px}}.pz-track-words{background:var(--foreground);color:var(--background)}.pz-words-scene{text-align:center;--h2-size:clamp(2rem, 11cqw, 6rem);--h2-mobile-factor:1;width:min(100% - 32px,960px);margin-inline:auto;container-type:inline-size}.pz-words{margin:0;line-height:1.1}.pz-words__w{will-change:transform;margin-inline:.12em;display:inline-block}.pz-words-scene p{color:color-mix(in oklch, var(--background) 70%, transparent);margin:24px 0 0}.pz-track-deck{background:#1c1916}.pz-deck-scene{text-align:center;--h2-size:clamp(1.5rem, 5.5cqw, 2.25rem);--h2-mobile-factor:1;width:min(100% - 32px,1000px,250cqh - 250px);margin-inline:auto;container-type:inline-size}.pz-deck-scene h2{color:#fff;margin:56px 0 0}.pz-deck{--pz-card:22%;direction:ltr;justify-content:center;display:flex}.pz-deck__slot{flex:0 0 var(--pz-card);margin-inline:calc(var(--pz-card) * -.07);position:relative}.pz-deck__slot:first-child,.pz-deck__slot:nth-child(5){z-index:1}.pz-deck__slot:nth-child(2),.pz-deck__slot:nth-child(4){z-index:2}.pz-deck__slot:nth-child(3){z-index:3}.pz-deck__card{border-radius:var(--uk-global-border-radius);background:#fbfaf7;margin:0;padding:5% 5% 0;box-shadow:0 24px 48px -12px #0009}.pz-deck__slot:first-child .pz-deck__card{translate:0 8%;rotate:-12deg}.pz-deck__slot:nth-child(2) .pz-deck__card{translate:0 2%;rotate:-6deg}.pz-deck__slot:nth-child(4) .pz-deck__card{translate:0 2%;rotate:6deg}.pz-deck__slot:nth-child(5) .pz-deck__card{translate:0 8%;rotate:12deg}.pz-deck__card img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.pz-deck__card figcaption{color:#2a2622;padding:.7em 0 .9em;font-size:clamp(.625rem,1.7cqw,.9375rem);line-height:1.2}@media (max-width:767px){.pz-deck{--pz-card:34%}.pz-deck-scene h2{margin-top:40px}}.pz-track-tiles{background:#f3f1ec}.pz-tiles-scene{text-align:center;--h2-size:clamp(1.5rem, 5.5cqw, 2.25rem);--h2-mobile-factor:1;width:min(100% - 32px,1000px,175cqh - 150px);margin-inline:auto;container-type:inline-size}.pz-tiles-scene h2{margin:0 0 28px}.pz-tiles{aspect-ratio:1344/752;direction:ltr;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:relative}.pz-tiles__whole{object-fit:cover;border-radius:var(--uk-global-border-radius);width:100%;height:100%;position:absolute;inset:0}.pz-tiles__t{background-image:url(/docs/previews/puzzle/surf.webp);background-size:800% 500%;background-position:calc(var(--c) * 100% / 7) calc(var(--r) * 100% / 4);will-change:transform;position:relative}.pz-tiles__t:nth-child(1 of .pz-tiles__t){border-top-left-radius:var(--uk-global-border-radius)}.pz-tiles__t:nth-child(8 of .pz-tiles__t){border-top-right-radius:var(--uk-global-border-radius)}.pz-tiles__t:nth-child(33 of .pz-tiles__t){border-bottom-left-radius:var(--uk-global-border-radius)}.pz-tiles__t:nth-child(40 of .pz-tiles__t){border-bottom-right-radius:var(--uk-global-border-radius)}@media (max-width:767px){.pz-tiles-scene h2{margin-bottom:20px}}.pz-track-site{background:#eceff5}.pz-site-scene{text-align:center;--h2-size:clamp(1.5rem, 4cqh, 2.25rem);--h2-mobile-factor:1;width:min(100% - 32px,980px,110cqh - 110px);margin-inline:auto}.pz-site-scene h2{margin:28px 0 0}.pz-site{border-radius:var(--uk-global-border-radius);text-align:start;color:#1d1d1f;background:#fff;flex-direction:column;gap:3cqw;padding-bottom:3cqw;display:flex;overflow:hidden;box-shadow:0 30px 60px -20px #141e3c59;container-type:inline-size}.pz-site__chrome{background:#f1f2f4;gap:.8cqw;padding:1.4cqw 2cqw;display:flex}.pz-site__chrome i{background:#d3d6db;border-radius:50%;width:1.1cqw;height:1.1cqw}.pz-site__nav{align-items:center;gap:2.6cqw;padding-inline:4cqw;font-size:1.5cqw;display:flex}.pz-site__nav b{margin-inline-end:auto;font-size:1.9cqw;font-weight:600}.pz-site__nav em,.pz-site__btn{color:#fff;white-space:nowrap;background:#1d1d1f;border-radius:999px;padding:.8cqw 1.8cqw;font-size:1.4cqw;font-style:normal}.pz-site__hero{grid-template-columns:1fr 1.25fr;align-items:center;gap:4cqw;padding-inline:4cqw;display:grid}.pz-site__copy{flex-direction:column;align-items:flex-start;gap:1.6cqw;display:flex}.pz-site__copy h3{margin:0;font-size:4.4cqw;font-weight:600;line-height:1.05}.pz-site__copy p{color:#5b5f66;margin:0;font-size:1.6cqw;line-height:1.4}.pz-site__pic{aspect-ratio:2;object-fit:cover;border-radius:1.2cqw;width:100%}.pz-site__cards{grid-template-columns:repeat(3,1fr);gap:2cqw;padding-inline:4cqw;display:grid}.pz-site__cards figure{margin:0}.pz-site__cards img{aspect-ratio:16/9;object-fit:cover;border-radius:1cqw;width:100%;display:block}.pz-site__cards figcaption{margin-top:.8cqw;font-size:1.4cqw}.pz-site__foot{color:#c9ccd2;background:#1d1d1f;border-radius:1cqw;justify-content:space-between;margin-inline:4cqw;padding:1.6cqw 2.4cqw;font-size:1.3cqw;display:flex}.pz-track-depth{--uk-puzzle-distance:100svh;background:#0d0d0d}.pz-depth{perspective:1000px;--h2-size:clamp(1.75rem, 6vw, 3.5rem);--h2-mobile-factor:1;width:100%;height:100%;position:relative;overflow:clip}.pz-depth__layer{perspective:1000px;position:absolute;inset:0}.pz-depth img{aspect-ratio:4/5;object-fit:cover;border-radius:6px;width:16%;position:absolute;box-shadow:0 20px 50px #00000080}.pz-depth h2{color:#fff;place-items:center;margin:0;display:grid;position:absolute;inset:0}@media (max-width:767px){.pz-depth img{width:30%}}.pz-depth-after{z-index:2;color:#fff;--h2-size:clamp(1.75rem, 6vw, 3.5rem);--h2-mobile-factor:1;background:linear-gradient(#0000,#0d0d0d 20vh);margin-top:-60vh;padding:25vh 0 20vh;position:relative}.pz-depth-after h2,.pz-depth-after p{color:#fff}.pz-depth__title{transform:translateZ(-1200px)}
