.press-home .bloom--red{opacity:.5}.ph-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.ph-head .h2{margin-block-start:var(--spacing-s3)}.ph-head .lede{max-width:34ch;margin-block-start:var(--spacing-s3)}.ph-head .btn{margin-block-start:var(--spacing-s4)}.ph-pile{display:grid}.ph-pile .c-clip{inline-size:min(300px,50%);z-index:var(--z,1);grid-area:1/1;align-self:start}.ph-pile .c-paper{content-visibility:auto;contain-intrinsic-block-size:auto 380px}.ph-pile .c-clip:first-child{--r:-2.5deg;--z:1;--pz:1;--sx:-38%;--sy:24%;--sr:-6deg;justify-self:start}.ph-pile .c-clip:nth-child(2){--r:2.2deg;--z:2;--pz:-.6;--tr:5deg;--sx:44%;--sy:34%;--sr:4deg;justify-self:end;margin-block-start:34px}.ph-pile .c-clip:nth-child(3){--r:1.4deg;--z:3;--pz:.5;--tr:-2deg;--sx:-30%;--sy:-46%;--sr:-2deg;justify-self:start;margin-block-start:380px;margin-inline-start:7%}.ph-pile .c-clip:nth-child(4){--r:-3deg;--z:4;--pz:-1;--tr:3deg;--sx:40%;--sy:-44%;--sr:7deg;justify-self:end;margin-block-start:410px;margin-inline-end:4%}.ph-pile .c-clip:is(:hover,:focus-within){z-index:9}.press-home.is-one .ph-pile{padding-block:12px}.press-home.is-one .ph-pile .c-clip{justify-self:center}@media (max-width:960px){.ph-grid{grid-template-columns:minmax(0,1fr)}.ph-pile{padding-block-start:12px}.ph-pile .c-clip,.ph-pile .c-clip:nth-child(n){grid-area:auto;justify-self:center;inline-size:min(100%,420px);margin:0}.ph-pile .c-clip+.c-clip{margin-block-start:8px}.ph-pile .c-clip:nth-child(odd){--r:-1.2deg}.ph-pile .c-clip:nth-child(2n){--r:1.4deg}}@keyframes ph-fade{0%{opacity:0}}@keyframes ph-deal{0%{transform:translate(var(--sx,0), var(--sy,0)) scale(.94);rotate:var(--sr,0deg)}}@keyframes ph-rise{0%{transform:translateY(40px);rotate:calc(var(--r,0deg) * 4)}}@keyframes ph-drift{0%{translate:0 var(--dy,0px)}to{translate:0 calc(-1 * var(--dy,0px))}}@media (prefers-reduced-motion:no-preference){:where(html:not(.a11y-still)) .ph-pile.rv{opacity:1;transform:none}:where(html:not(.a11y-still)) .ph-pile:not(.in) .c-clip{opacity:0}:where(html:not(.a11y-still)) .ph-pile .c-clip{transition:transform .55s var(--ease-land), rotate .55s var(--ease-land)}:where(html:not(.a11y-still)) .ph-pile.in .c-clip:focus-within{transform:translateY(-10px)scale(1.03)}}@media (prefers-reduced-motion:no-preference) and (hover:hover){:where(html:not(.a11y-still)) .ph-pile.in .c-clip:hover{transform:translateY(-10px)scale(1.03)}}@media (prefers-reduced-motion:no-preference) and (min-width:961px){:where(html:not(.a11y-still)) .ph-pile.in .c-clip{animation:ph-fade .45s var(--ease-land) calc(var(--i,0) * 30ms) backwards, ph-deal 1.05s var(--ease-land) calc(.45s + var(--i,0) * .12s) backwards}@supports (animation-timeline:view()){:where(html:not(.a11y-still)) .ph-pile .c-clip{--dy:calc(var(--pz,0) * 26px);animation:linear both ph-drift;animation-timeline:view();animation-range:entry exit}:where(html:not(.a11y-still)) .ph-pile.in .c-clip{animation:ph-fade .45s var(--ease-land) calc(var(--i,0) * 30ms) backwards, ph-deal 1.05s var(--ease-land) calc(.45s + var(--i,0) * .12s) backwards, ph-drift linear both;animation-timeline:auto,auto,view();animation-range:normal,normal,entry exit}}}@media (prefers-reduced-motion:no-preference) and (max-width:960px){:where(html:not(.a11y-still)) .ph-pile.in .c-clip{animation:ph-fade .45s var(--ease-land) calc(var(--i,0) * 30ms) backwards, ph-rise 1.05s var(--ease-land) calc(.1s + var(--i,0) * .1s) backwards}}
