*,:before,:after{box-sizing:border-box;padding:0;margin:0}:where(:root){font-family:sans-serif;line-height:1.5;text-spacing-trim:trim-start;text-autospace:normal}:where(pre){text-spacing-trim:space-all}html{font-size:16px;-webkit-text-size-adjust:100%}:root{--color-black: #222731;--color-gray: #afafab;--color-blue: #153c9c;--color-orange:#f54f12;--color-green: #11643e;--color-yellow: #ea9203;--color-red: #d31a01;--color-bg: var(--color-black);--color-white: #e1e1e1}.c_header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.c_header_links{display:flex;gap:1rem}.c_header_pallet{display:flex;gap:4px}.c_header_pallet__item{width:20px;height:20px;background-color:var(--color-black)}.c_header_pallet__item[data-color=--color-black]{background-color:var(--color-black)}.c_header_pallet__item[data-color=--color-gray]{background-color:var(--color-gray)}.c_header_pallet__item[data-color=--color-blue]{background-color:var(--color-blue)}.c_header_pallet__item[data-color=--color-orange]{background-color:var(--color-orange)}.c_header_pallet__item[data-color=--color-green]{background-color:var(--color-green)}.c_header_pallet__item[data-color=--color-yellow]{background-color:var(--color-yellow)}.c_header_pallet__item[data-color=--color-red]{background-color:var(--color-red)}.c_btn{appearance:none;border:none;background-color:transparent;cursor:pointer;display:inline-block;font-size:1.2rem;line-height:1;padding:6px 24px;color:#fff;background-color:var(--color-blue)}.c_tween{width:100%;display:grid;grid-template-columns:10% 1fr;gap:60px}.c_tween_ctrl{display:grid;gap:20px}.c_tween_ctrlItem{display:grid;gap:8px}.c_tween_ctrlItemLabel{font-size:1rem;line-height:1.2;font-weight:500}.c_tween_bar{width:100%;height:10px;border:1px solid var(--color-black)}.c_tween_barProgress{width:100%;height:100%;background-color:var(--color-black);transform:scale(0);transform-origin:left center}.c_tween_easingGraph{width:100%;aspect-ratio:1;border:1px solid var(--color-gray);border-radius:4px;overflow:clip}.c_tween_easingGraph canvas{display:block;width:100%;height:100%}.c_tween_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px;grid-template-areas:"a a c" "d e f"}.c_tween_gridItem{width:100%;aspect-ratio:1;border:1px solid var(--color-gray);border-radius:4px;overflow:clip}.c_tween_gridItem:nth-child(1){grid-area:a;aspect-ratio:initial}.c_tween_gridItem .box{width:80px;aspect-ratio:1;background:var(--color-black);border-radius:4px}.c_tween_gridItem.__move{display:flex;align-items:center;padding:40px}.c_tween_gridItem.__move .boxWrapper{width:100%}.c_tween_gridItem.__move .box{background-color:var(--color-red)}.c_tween_gridItem.__rotation{display:grid;place-items:center}.c_tween_gridItem.__rotation .box{background-color:var(--color-orange)}.c_tween_gridItem.__scale{display:grid;place-items:center}.c_tween_gridItem.__scale .box{width:100%;transform:scale(.1);background-color:var(--color-blue)}.c_tween_gridItem.__opacity{display:grid;place-items:center}.c_tween_gridItem.__opacity .box{opacity:1;background-color:var(--color-green)}.c_tween_gridItem.__blur{display:grid;place-items:center}.c_tween_gridItem.__blur .box{background-color:var(--color-yellow);filter:blur(0)}.c_carousel{width:100%;border:1px solid var(--color-gray);padding-block:50px;overflow:clip}.c_carousel_content{position:relative;margin-inline:auto;aspect-ratio:1.5;width:600px;cursor:grab}.c_carousel_content:active{cursor:grabbing}.c_carousel_item{width:100%;aspect-ratio:1.5;background-color:var(--color-gray);font-size:32px;display:grid;place-items:center;color:#fff;font-weight:700;position:absolute;inset:0}.c_carousel_item[data-color=yellow]{background-color:var(--color-yellow)}.c_carousel_item[data-color=red]{background-color:var(--color-red)}.c_carousel_item[data-color=blue]{background-color:var(--color-blue)}.c_carousel_item[data-color=orange]{background-color:var(--color-orange)}.c_carousel_item[data-color=green]{background-color:var(--color-green)}.c_carousel_ctrl{display:flex;justify-content:center;gap:10px;margin-top:20px}.c_carousel_pagination{display:flex;gap:10px}.c_carousel_paginationItem{appearance:none;padding:0;margin:0;width:2rem;aspect-ratio:1;font-size:1rem;color:var(--color-black);background-color:var(--color-gray);display:grid;place-items:center;font-weight:700;cursor:pointer;border-radius:4px;transition:background-color .3s ease-out,color .3s ease-out}.c_carousel_paginationItem:hover{color:#fff;background-color:var(--color-blue)}.screen{width:100%;height:100lvh;background-color:var(--color-bg);overflow:clip;position:relative;cursor:grab}.screen:active{cursor:grabbing}.scene_1{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;background-color:var(--color-orange)}.scene_1_box{position:relative;height:75vh;aspect-ratio:1;display:grid;place-items:center}.scene_1_box_item{position:absolute;width:20%;height:80%;display:flex}.scene_1_box_item:nth-of-type(1){transform:skew(45deg)}.scene_1_box_item:nth-of-type(2){transform:skew(-45deg)}.scene_1_box_itemSegment{flex:1;width:100%;background-color:var(--color-white);scale:.5 1}.scene_2{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;background-color:var(--color-blue)}.scene_2_box{width:75vh;aspect-ratio:1;transform-origin:center;display:flex;flex-direction:column}.scene_2_box_line{position:relative;flex:1;width:100%}.scene_2_box_line_item_parts{position:absolute;height:100%;background-color:var(--color-white);transform-origin:bottom}.scene_2_box_line_item_bg{position:absolute;inset:0;width:100%;height:100%;background-color:var(--color-white);transform-origin:bottom}.scene_3{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;background-color:var(--color-yellow)}.scene_3_box{width:75vh;display:grid;aspect-ratio:1}.scene_3_box_item{width:100%;height:100%;background-color:var(--color-white);border:1px solid var(--color-yellow)}.pg_foundation{padding-left:2rem;padding-right:2rem;width:calc(100% - 8rem);max-width:1440px;margin-inline:auto;display:grid;gap:64px;padding-top:64px;padding-bottom:64px}.pg_foundation_section{display:grid;gap:20px}.pg_foundation__heading{font-size:2rem}.pg_htmlbase{width:100%;max-width:960px;margin-inline:auto}