.pt2 .pt3-label{font-family:"Atelier Fleur Script",var(--display,"Atelier Fleur"),serif;font-weight:300;font-size:34px;line-height:1.1;color:#616336;margin:0 0 10px}.pt2 .sk-deep .pt3-label{color:#c9c6b4}.pt2 .pa-h2{font-size:clamp(38px,4.2vw,62px);line-height:1;letter-spacing:-.035em;margin:0;color:#191715}.pt2 .pa-h2 em{color:#616336}.pt2 .sk-deep .pa-h2{color:#f2ede6}.pt2 .sk-deep .pa-h2 em{color:#c9c6b4}.pt2 .pt3-lede{font-family:var(--serif,"Newsreader",serif);font-size:clamp(16px,1.25vw,19px);line-height:1.6;max-width:46ch;margin:22px 0 0;color:#191715d1}.pt2 .sk-deep .pt3-lede{color:#f2ede6d1}.pt2 .pt3-sec{padding:104px 40px;border-bottom:0}.pt2 .pt3-head{max-width:880px}.pt2 .pt3-img{display:block;width:100%;height:100%;object-fit:cover}.pt3-case{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(32px,5vw,96px);align-items:center}.pt3-fig{position:relative;margin:0;width:100%;height:min(calc(100vh - 210px),720px);min-height:420px;overflow:hidden;background:#e4ded3}.sk-deep .pt3-fig{background:#4a4730}.pt3-fig .pt3-img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.07);transition:opacity .9s ease,transform 1.8s cubic-bezier(.2,.7,.2,1)}.pt3-fig .pt3-img.is-on{opacity:1;transform:none}.pt3-fig:after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(180deg,#19171500,#1917158c);pointer-events:none;z-index:1}.pt3-fig figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:flex;justify-content:space-between;gap:12px;font-family:var(--mono,"IBM Plex Mono",monospace);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#f2ede6}.pt3-fig figcaption b{font-weight:400;color:#ec2aa8}.pt3-case .pt3-steps{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,2.4vw,36px);margin:clamp(22px,3.6vh,40px) 0 0}.pt3-case .pt3-steps>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 16px;border-top:1px solid rgba(25,23,21,.18);padding:clamp(14px,2vh,22px) 0 clamp(10px,1.4vh,16px)}.pt3-case .pt3-steps .pa-n{grid-row:span 3;color:#616336;transition:color .4s ease}.pt3-case .pt3-steps h3{font-family:var(--display,"Atelier Fleur",serif);font-weight:400;letter-spacing:-.02em;margin:0;font-size:clamp(22px,1.8vw,28px);color:#191715}.pt3-case .pt3-steps p{font-family:var(--serif,"Newsreader",serif);font-size:15px;line-height:1.5;margin:4px 0 0;color:#191715c7}.pt3-case .pt3-note{font-family:var(--mono,"IBM Plex Mono",monospace);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#616336;margin-top:8px}.pt3-case .pt3-steps>li.is-cur .pa-n{color:#ec2aa8}.pt3-case .pt3-steps>li.is-cur{border-top-color:#191715}.sk-deep .pt3-case .pt3-steps>li{border-top-color:#f2ede63d}.sk-deep .pt3-case .pt3-steps .pa-n{color:#c9c6b4}.sk-deep .pt3-case .pt3-steps h3{color:#f2ede6}.sk-deep .pt3-case .pt3-steps p{color:#f2ede6cc}.sk-deep .pt3-case .pt3-note{color:#9c9a3c}.sk-deep .pt3-case .pt3-steps>li.is-cur{border-top-color:#f2ede6}.pt3-th{display:none}.pt3-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,36px);margin-top:clamp(36px,6vh,64px)}.pt3-uses h3{font-family:var(--display,"Atelier Fleur",serif);font-weight:400;letter-spacing:-.02em;margin:0;font-size:clamp(22px,1.8vw,28px);color:#191715}.pt3-uses p{font-family:var(--serif,"Newsreader",serif);font-size:16px;line-height:1.55;margin:10px 0 0;color:#191715c7}.sk-deep .pt3-uses h3{color:#f2ede6}.sk-deep .pt3-uses p{color:#f2ede6cc}.pt3-ph{position:relative;display:block;height:clamp(180px,30vh,340px);overflow:hidden;margin-bottom:16px;background:#e4ded3}.sk-deep .pt3-ph{background:#4a4730}.pt3-ph .pt3-img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.pt3-uses>div:hover .pt3-ph .pt3-img{transform:scale(1.05)}.pt3-ph .pa-n{position:absolute;left:12px;top:10px;margin:0!important;color:#f2ede6!important;text-shadow:0 1px 10px rgba(0,0,0,.55);z-index:1}.pt3-reel{position:relative;overflow:hidden;padding:clamp(84px,13vh,150px) 0 clamp(72px,11vh,130px)}.pt3-reel__q{padding:0 40px;max-width:1180px;margin:0 0 clamp(30px,6vh,64px)}.pt2 .pt3-reel__q .pa-h2{font-size:clamp(40px,5.6vw,92px);line-height:.98}.pt3-reel__track{display:flex;gap:clamp(12px,1.4vw,22px);padding:0 40px;width:max-content;will-change:transform}.pt3-reel__track figure{position:relative;margin:0;flex:none;height:clamp(260px,52vh,560px);aspect-ratio:4/5;overflow:hidden;background:#4a4730}.pt3-reel__track figcaption{position:absolute;left:12px;bottom:10px;right:12px;font-family:var(--mono,"IBM Plex Mono",monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#f2ede6;text-shadow:0 1px 10px rgba(0,0,0,.6)}@media(prefers-reduced-motion:reduce){.pt3-reel{overflow-x:auto}}.pt2 .pt3-acc-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(32px,5vh,56px)}.pt3-acc-side{align-self:end;padding-bottom:4px}.pt3-acts{display:flex;flex-wrap:wrap;gap:12px}.pt3-solid,.pt3-line{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;font-family:var(--mono,"IBM Plex Mono",monospace);font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease}.pt3-solid{background:#35321e;color:#f2ede6;border:1px solid #35321E}.pt3-solid:hover,.pt3-solid:focus-visible{background:#191715;border-color:#191715}html body .pt2 a.pt3-solid,html body .pt2 a.pt3-solid:hover,html body .pt2 a.pt3-solid:visited{color:#f2ede6}.pt3-line{background:transparent;color:#191715;border:1px solid rgba(25,23,21,.35)}.pt3-line:hover,.pt3-line:focus-visible{border-color:#ec2aa8;color:#191715}.pt2 .pt3-aside{font-family:var(--serif,"Newsreader",serif);font-style:italic;font-size:15px;line-height:1.5;color:#191715ad;max-width:60ch;margin:14px 0 0}.pt3-plate{margin:0 clamp(0px,2vw,24px) 0 0;width:clamp(120px,11vw,168px);aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(25,23,21,.16);background:#fff;transform:rotate(2.5deg);box-shadow:0 22px 44px -24px #19171573}.pt3-pink .pa-n{color:#ec2aa8!important}.pt3-noicons .pt2-benefits>div:before{display:none!important}.sk-pinned [data-sk-pin] .pt3-steps>li,.sk-pinned [data-sk-pin] .pt3-uses>div{transition:opacity .6s ease,transform .6s ease}.sk-pinned [data-sk-pin] .pt3-steps>li:not([data-on]){opacity:.28}.sk-pinned [data-sk-pin] .pt3-uses>div:not([data-on]){opacity:.2;transform:translateY(24px)}.sk-pinned [data-sk-pin] .pt3-uses .pt3-ph{clip-path:inset(100% 0 0 0);transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1)}.sk-pinned [data-sk-pin] .pt3-uses>div[data-on] .pt3-ph{clip-path:inset(0 0 0 0)}.sk-pinned .sk-pin__stage>.pt3-sec{padding-top:clamp(84px,11vh,112px)!important;padding-bottom:clamp(16px,4vh,40px)!important}.sk-pinned [data-sk-pin] .pt3-tight .pt2-benefits>div{padding:28px 28px 26px;gap:12px}@media(max-width:1100px){.pt2 .pt3-acc-head{grid-template-columns:minmax(0,1fr) auto}.pt3-acc-side{grid-column:1/-1;grid-row:2}}@media(max-width:899px){.pt2 .pt3-sec{padding:72px 20px}.pt3-case{grid-template-columns:1fr}.pt3-case .pt3-fig{display:none}.pt3-th{display:block;grid-column:1/-1;height:200px;overflow:hidden;margin:0 0 14px}.pt3-case .pt3-steps{grid-template-columns:1fr}.pt3-uses{grid-template-columns:1fr 1fr}.pt3-reel__q,.pt3-reel__track{padding-left:20px;padding-right:20px}}@media(max-width:600px){.pt2 .pt3-acc-head{grid-template-columns:1fr}.pt3-acc-side{grid-column:auto;grid-row:auto}.pt3-plate{display:none}.pt3-uses{grid-template-columns:1fr}}@media(min-width:601px){.pt2 #account .pt3-acc-head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto}.pt2 #account .pt3-acc-side{grid-column:auto;grid-row:auto}}@media(min-width:900px)and (max-width:1180px){html.sk-pinned body .pt2 #account .pt2-benefits{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}html.sk-pinned body .pt2 #account .pt2-benefits>div{padding:20px 18px 18px!important;min-height:0!important}html.sk-pinned body .pt2 #account .pt2-benefits h3{font-size:21px!important}html.sk-pinned body .pt2 #account .pt2-benefits p{font-size:14.5px!important;line-height:1.45!important}html.sk-pinned body .pt2 #account .pt3-lede{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/petale-pt3.css.map */