.ph .ph-story__grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:2.5rem}@media screen and (min-width:1024px){.ph .ph-story__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem}.ph.ph-story--media-right .ph-story__media{order:2}}.ph .ph-story__media{height:22.5rem;border-radius:var(--ph-radius)}@media screen and (min-width:768px){.ph .ph-story__media{height:32.5rem}}.ph .ph-story__note{position:absolute;right:1.25rem;bottom:1.25rem;left:1.25rem;z-index:1;display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-radius:var(--ph-radius);background-color:rgb(var(--ph-cream-50) / .95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ph .ph-story__note-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:999px;background-color:rgb(var(--ph-green-500));color:rgb(var(--ph-ink-950))}.ph .ph-story__note-text{margin:0;font-size:.875rem;line-height:1.4;color:rgb(var(--ph-ink-800))}.ph .ph-story__note-text a{font-weight:600;text-underline-offset:.2em}.ph .ph-story__text{margin-top:1.25rem}.ph .ph-story__links{display:flex;flex-direction:column;gap:.75rem;margin:2rem 0 0;padding:0;list-style:none}.ph .ph-story__link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:1px solid rgb(var(--ph-cream-200));border-radius:var(--ph-radius);background-color:rgb(var(--ph-cream-50));text-decoration:none;transition:border-color .2s var(--ph-ease)}.ph .ph-story__link:hover{border-color:rgb(var(--ph-green-300))}.ph .ph-story__link-text{display:flex;flex-direction:column;min-width:0}.ph .ph-story__link-title{font-family:var(--ph-font-heading);font-size:1rem;font-weight:600;line-height:1.35;color:rgb(var(--ph-ink-950))}.ph .ph-story__link-sub{margin-top:.125rem;font-size:.75rem;color:rgb(var(--ph-ink-500))}.ph .ph-story__link-end{display:flex;flex:none;align-items:center;gap:.75rem;color:rgb(var(--ph-ink-400))}.ph .ph-story__link-count{font-size:.75rem;font-weight:500;white-space:nowrap;color:rgb(var(--ph-ink-600))}.ph .ph-story__link:hover .ph-story__link-end .ph-icon{color:rgb(var(--ph-green-600))}.ph.ph-story--no-media .ph-story__grid{grid-template-columns:minmax(0,1fr)}.ph.ph-story--no-media .ph-story__content{max-width:48rem}.ph .ph-story__note-text a{display:inline-flex;align-items:center;min-height:2.75rem}
/*# sourceMappingURL=/cdn/shop/t/10/assets/ph-brand-story.css.map */