.pt-trp__stage{background:linear-gradient(180deg,#35321e 0px calc(100% - 230px),color-mix(in oklab,#F2EDE6 1.9%,#35321E) calc(100% - 192px),color-mix(in oklab,#F2EDE6 8.9%,#35321E) calc(100% - 153px),color-mix(in oklab,#F2EDE6 21.8%,#35321E) calc(100% - 115px),color-mix(in oklab,#F2EDE6 41%,#35321E) calc(100% - 77px),color-mix(in oklab,#F2EDE6 67%,#35321E) calc(100% - 38px),#f2ede6)}@supports not (background:color-mix(in oklab,#000 50%,#fff)){.pt-trp__stage{background:linear-gradient(180deg,#35321e 0px calc(100% - 230px),#f2ede6)}}.pt-pin.pt-trp{height:auto}.pt-pin__stage.pt-trp__stage{position:relative;height:auto;display:block;padding:clamp(60px,9vw,116px) 0 calc(clamp(40px,6vw,90px) + 230px)}.pt-tr__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(28px,3.6vw,58px);align-items:start}.pt-tr__copy{min-width:0;display:flex;flex-direction:column;gap:clamp(24px,2.8vw,38px)}.pt-tr__eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--s-accent);margin:0 0 18px}.pt-tr__h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.6vw,54px);line-height:1;letter-spacing:-.035em;margin:0 0 16px;color:var(--s-ink);max-width:20ch}.pt-tr__h2 em{font-style:italic;color:var(--s-accent)}.pt-tr__lede{font-family:var(--serif);font-weight:300;font-size:18px;line-height:1.56;color:var(--s-prose);margin:0;max-width:40ch}.pt-tr__ctas{display:flex;flex-wrap:wrap;gap:10px}.pt-tr__cta{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;background:#f2ede6;color:#191715;padding:16px 24px;transition:background .18s var(--ease)}.pt-tr__cta:hover{background:#f2ede6;color:#191715}.pt-tr__ghost{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--s-ink);border:1px solid var(--hair-strong);padding:16px 24px;transition:border-color .18s var(--ease),color .18s var(--ease)}.pt-tr__ghost:hover{border-color:var(--s-accent);color:var(--s-accent)}.pt-tr__tabs{display:none;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--hair)}.pt-tr__tab{font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;background:transparent;cursor:pointer;padding:9px 0;border:0;border-bottom:1px solid transparent;color:var(--s-meta);transition:color .28s var(--ease),border-color .28s var(--ease)}.pt-tr__tab[aria-pressed=true]{color:var(--s-ink);border-bottom-color:var(--s-accent)}.pt-tr__tab:focus-visible{outline:2px solid var(--s-accent);outline-offset:3px}.pt-tr__wrap{position:relative;min-width:0;display:flex;flex-direction:column;gap:44px}.pt-tr__terms{border:1px solid var(--hair);background:var(--panel)}.pt-tr__row{display:flex;gap:18px;align-items:flex-start;padding:clamp(16px,2vw,26px) clamp(18px,2.4vw,32px)}.pt-tr__row+.pt-tr__row{border-top:1px solid var(--hair)}.pt-tr__icon{flex:0 0 30px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(242,237,230,.42);color:var(--s-accent)}.pt-tr__icon svg{width:15px;height:15px;display:block}.pt-tr__rowmain{min-width:0}.pt-tr__label{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--s-ink);margin:0 0 8px}.pt-tr__body{font-family:var(--serif);font-weight:300;font-size:16.5px;line-height:1.5;color:var(--s-prose);margin:0}.pt-tr__index{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:var(--s-accent);margin-left:auto;align-self:flex-start}.pt-tr__quotes{position:relative;box-sizing:border-box;border:1px solid rgba(242,237,230,.34);background:var(--panel);padding:clamp(22px,2.8vw,38px)}.pt-tr__qhead{display:flex;align-items:center;gap:16px;margin-bottom:clamp(18px,2.4vw,32px)}.pt-tr__qeyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--s-accent)}.pt-tr__qrule{flex:1;height:1px;background:var(--hair)}.pt-tr__qcount{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;color:var(--s-meta)}.pt-tr__fig{margin:0;padding:0 0 30px}.pt-tr__quote{font-family:var(--display);font-weight:400;margin:0;color:var(--s-ink);line-height:1.16;letter-spacing:-.03em;max-width:26ch;font-size:clamp(24px,2.9vw,42px)}.pt-tr__cap{display:flex;align-items:center;gap:13px;margin-top:18px}.pt-tr__avatar{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#191715;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:var(--s-meta)}.pt-tr__who{min-width:0}.pt-tr__name{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--s-accent)}.pt-tr__role{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--s-meta);margin-top:3px}@media(min-width:900px)and (min-height:700px)and (prefers-reduced-motion:no-preference){.pt-pin.pt-trp{height:280vh}.pt-pin__stage.pt-trp__stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;box-sizing:border-box;padding:0 0 min(230px,15vh)}.pt-tr__grid{align-items:center}.pt-tr__tabs{display:flex}.pt-tr__wrap{display:block}.pt-tr__terms{transition:opacity .62s var(--ease),transform .62s var(--ease)}.pt-trp[data-act="1"] .pt-tr__terms{opacity:0;transform:translateY(-10px);pointer-events:none}.pt-tr__quotes{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .62s var(--ease),transform .62s var(--ease)}.pt-trp[data-act="1"] .pt-tr__quotes{opacity:1;transform:none;pointer-events:auto}.pt-tr__fig{padding:0;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .62s var(--ease),opacity .48s var(--ease)}.pt-tr__fig>div{overflow:hidden;min-height:0}.pt-tr__fig[data-on]{grid-template-rows:1fr;opacity:1}}@media(min-width:900px)and (min-height:700px)and (max-height:859px)and (prefers-reduced-motion:no-preference){.pt-tr__quote{font-size:clamp(21px,2.4vw,30px)}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/petale-trade.css.map */