.ptrio{--ptrio-ground: #ffffff;--ptrio-paper: #f4f1eb;--ptrio-lab: #eceeef;--ptrio-deep: #161311;--ptrio-ink: #161311;--ptrio-ink-2: #57524b;--ptrio-ink-3: #8d867c;--ptrio-on-deep: #f4f1eb;--ptrio-on-deep-2: #a8a096;--ptrio-rule: #e2ddd4;--ptrio-rule-deep: #37312c;--ptrio-walnut: #8a5f3c;--ptrio-ochre: #c9a06a;--ptrio-sq-brown: #3a241a;--ptrio-shell: 1320px;--ptrio-pad: clamp(3.5rem, 8vw, 8rem);--ptrio-gutter: clamp(1.25rem, 4.5vw, 4rem);--ptrio-ease: cubic-bezier(.22, .8, .2, 1);color:var(--ptrio-ink);font-family:var(--text-font-family);font-size:1.0625rem;line-height:1.75;background:var(--ptrio-ground);overflow-x:clip}.ptrio img{display:block;max-width:100%;height:auto}:where(.ptrio) :where(p){margin:0}:where(.ptrio) :where(ol){list-style:none;margin:0;padding:0}:where(.ptrio) :where(li){margin:0}.shopify-section-group-footer-group.shopify--section-skin-analysis,.shopify-section-group-footer-group.shopify-section--recently-viewed-products{display:none!important}@media(prefers-reduced-motion:no-preference){html:has(.ptrio){scroll-behavior:smooth}}.ptrio h1,.ptrio h2,.ptrio h3{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight, 400);text-transform:uppercase;text-wrap:balance;margin:0}.ptrio h1{font-size:clamp(1.55rem,3.4vw,3.5rem);letter-spacing:.2em;line-height:1.2}.ptrio h2{font-size:clamp(1.55rem,3vw,2.75rem);letter-spacing:.15em;line-height:1.25}.ptrio h3{font-size:clamp(1rem,1.3vw,1.2rem);letter-spacing:.14em;line-height:1.4}.ptrio__eyebrow{font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ptrio-ink-3);margin:0 0 1.5rem}.ptrio__lead{font-size:clamp(1.02rem,1.25vw,1.2rem);line-height:1.8;color:var(--ptrio-ink-2);max-width:54ch}.ptrio__shell{max-width:var(--ptrio-shell);margin-inline:auto;padding-inline:var(--ptrio-gutter)}.ptrio__band{padding-block:var(--ptrio-pad)}.ptrio__band--paper{background:var(--ptrio-paper)}.ptrio__band--deep{background:var(--ptrio-deep);color:var(--ptrio-on-deep)}.ptrio__band--deep .ptrio__lead,.ptrio__band--deep .ptrio__eyebrow{color:var(--ptrio-on-deep-2)}.ptrio-swatches{display:inline-flex;gap:4px;vertical-align:middle}.ptrio-swatches i{width:9px;height:9px;display:block;background:var(--ptrio-sq-brown)}.ptrio__btn{position:relative;display:inline-block;overflow:hidden;color:#fff;background:var(--ptrio-ink);border:1px solid var(--ptrio-ink);text-decoration:none;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;padding:1.2rem 2.8rem;transition:color .45s var(--ptrio-ease)}.ptrio__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:translateY(101%);transition:transform .45s var(--ptrio-ease)}.ptrio__btn span{position:relative}.ptrio__btn:hover{color:var(--ptrio-ink)}.ptrio__btn:hover:before{transform:none}.ptrio__tlink{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:inherit;padding-bottom:.5rem;background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;transition:gap .35s var(--ptrio-ease)}.ptrio__tlink:hover{gap:1.1rem}.ptrio__tlink svg{width:16px;height:16px;flex:none}.ptrio__rv{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ptrio-ease) var(--d, 0s),transform 1s var(--ptrio-ease) var(--d, 0s)}.ptrio__rv.is-in{opacity:1;transform:none}.ptrio-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);max-width:1560px;margin-inline:auto;padding:clamp(2rem,4vw,4rem) var(--ptrio-gutter) clamp(3rem,6vw,6rem)}.ptrio-hero--solo{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}.ptrio-hero__eyebrow{display:flex;align-items:center;gap:.9rem;animation:ptrio-fade 1s var(--ptrio-ease) .1s both}.ptrio-hero__title{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.ptrio-hero__line{display:block;overflow:hidden;padding-bottom:.08em}.ptrio-hero__line>span{display:block;animation:ptrio-rise 1.25s var(--ptrio-ease) .2s both}.ptrio-hero__line+.ptrio-hero__line>span{animation-delay:.36s}.ptrio-hero__rule{width:100%;max-width:34rem;height:1px;background:var(--ptrio-ink);transform-origin:0 50%;animation:ptrio-draw 1.3s var(--ptrio-ease) .7s both;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.ptrio-hero__body{animation:ptrio-up 1.1s var(--ptrio-ease) .85s both}.ptrio-hero__body+.ptrio-hero__body{margin-top:1.1rem;animation-delay:1s}.ptrio-hero__cue{display:inline-flex;align-items:center;gap:1rem;margin-top:clamp(2rem,4vw,3.5rem);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;color:var(--ptrio-ink);animation:ptrio-fade 1s ease 1.4s both}.ptrio-hero__cue-line{position:relative;width:1px;height:46px;background:var(--ptrio-rule);overflow:hidden}.ptrio-hero__cue-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ptrio-ink);animation:ptrio-cue 2.2s var(--ptrio-ease) infinite}.ptrio-hero__media{position:relative}.ptrio-hero__frame{overflow:hidden;aspect-ratio:3 / 4;max-height:72vh;margin-left:auto;background:#b79b77;animation:ptrio-unveil 1.5s var(--ptrio-ease) .15s both;transform:translate3d(0,calc(var(--ptrio-shift, 0) * -28px),0);will-change:transform}.ptrio-hero__frame img{width:100%;height:100%;object-fit:cover;animation:ptrio-settle 2.2s var(--ptrio-ease) .15s both}.ptrio-hero__side{position:absolute;top:0;left:-1.9rem;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ptrio-ink-3);white-space:nowrap;animation:ptrio-fade 1.2s ease 1.3s both}.ptrio-badge{position:absolute;left:-3.4rem;bottom:7%;width:clamp(92px,9.5vw,138px);height:auto;animation:ptrio-pop 1s var(--ptrio-ease) 1.2s both}.ptrio-badge circle{fill:var(--ptrio-ground)}.ptrio-badge text{font-family:var(--text-font-family);font-size:8.4px;letter-spacing:.1em;text-transform:uppercase;fill:var(--ptrio-ink);transform-origin:60px 60px;animation:ptrio-spin 26s linear infinite}.ptrio-badge__core rect{fill:var(--ptrio-sq-brown)}@keyframes ptrio-rise{0%{transform:translateY(108%)}to{transform:none}}@keyframes ptrio-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes ptrio-fade{0%{opacity:0}to{opacity:1}}@keyframes ptrio-draw{0%{transform:scaleX(0)}to{transform:none}}@keyframes ptrio-unveil{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}@keyframes ptrio-settle{0%{scale:1.22}to{scale:1}}@keyframes ptrio-pop{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes ptrio-spin{to{transform:rotate(360deg)}}@keyframes ptrio-cue{0%{transform:translateY(-101%)}55%,to{transform:translateY(101%)}}@media(max-width:899px){.ptrio-hero{grid-template-columns:minmax(0,1fr);padding-top:1.75rem}.ptrio h1{font-size:clamp(1.55rem,6.4vw,3rem)}.ptrio-hero__media{margin-inline:calc(var(--ptrio-gutter) * -1)}.ptrio-hero__frame{max-height:none}.ptrio-hero__side{display:none}.ptrio-badge{left:auto;right:1rem;bottom:1rem}.ptrio-hero__cue{display:none}}.ptrio-origins__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);align-items:end;margin-bottom:clamp(2.5rem,6vw,5.5rem)}.ptrio-origins__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem)}.ptrio-origin{position:relative;padding-top:2.25rem}.ptrio-origin:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--ptrio-ink);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.4s var(--ptrio-ease) calc(var(--d, 0s) + .15s)}.ptrio-origin.is-in:before{transform:none}.ptrio-origin__ico{width:64px;height:64px;color:var(--ptrio-walnut);margin-bottom:1.6rem}.ptrio-origin__ico svg{width:100%;height:100%;overflow:visible}.ptrio-origin__rays{transform-origin:32px 32px;animation:ptrio-spin 22s linear infinite}.ptrio-origin__wave{stroke-dasharray:5 4;animation:ptrio-flow 3.2s linear infinite}.ptrio-origin__ring{transform-origin:32px 32px;animation:ptrio-ripple 2.6s ease-out infinite}.ptrio-origin__n{font-size:.68rem;letter-spacing:.24em;color:var(--ptrio-ink-3);margin-bottom:.7rem}.ptrio-origin__d{color:var(--ptrio-ink-2);margin-top:.9rem;max-width:36ch}@keyframes ptrio-flow{to{stroke-dashoffset:-18}}@keyframes ptrio-ripple{0%{transform:scale(.45);opacity:1}to{transform:scale(2.1);opacity:0}}@media(max-width:899px){.ptrio-origins__head{grid-template-columns:minmax(0,1fr)}.ptrio-origins__grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}}.ptrio-actives__head{text-align:center;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.ptrio-actives__head h2{max-width:22ch;margin-inline:auto}.ptrio-actives__rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.4vw,2.5rem);max-width:var(--ptrio-shell);margin-inline:auto;padding-inline:var(--ptrio-gutter)}@media(min-width:900px){.ptrio-card:nth-child(2){margin-top:clamp(2rem,5vw,4.5rem)}}.ptrio-card__stage{position:relative;display:block;overflow:hidden;aspect-ratio:3 / 4;background:#b79b77;color:inherit;text-decoration:none;perspective:900px}.ptrio-card__stage img{width:100%;height:100%;object-fit:cover;transform:rotateX(var(--ptrio-rx, 0deg)) rotateY(var(--ptrio-ry, 0deg)) scale(1.04);transition:transform .9s var(--ptrio-ease)}.ptrio-card__stage:hover img{transform:rotateX(var(--ptrio-rx, 0deg)) rotateY(var(--ptrio-ry, 0deg)) scale(1.12);transition-duration:.25s}.ptrio-card__blank{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.ptrio-card__blank span{font-family:var(--heading-font-family);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ptrio-ink-3)}.ptrio-card__n{position:absolute;top:1.1rem;left:1.2rem;font-size:.68rem;letter-spacing:.24em;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.45)}.ptrio-card__sw{position:absolute;top:1.25rem;right:1.2rem}.ptrio-card__sw i{box-shadow:0 0 0 1px #ffffffb3;transform:scale(0);transition:transform .6s var(--ptrio-ease)}.ptrio-card.is-in .ptrio-card__sw i{transform:none;transition-delay:calc(var(--d, 0s) + .7s)}.ptrio-card__body{padding-top:1.6rem}.ptrio-card__role{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ptrio-walnut);margin-bottom:.55rem}.ptrio .ptrio-card h3{font-size:clamp(1.15rem,1.7vw,1.55rem);letter-spacing:.16em}.ptrio-card__d{color:var(--ptrio-ink-2);margin-top:.9rem;max-width:38ch}.ptrio-card__tag{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--ptrio-rule);font-size:.8rem;line-height:1.5;color:var(--ptrio-ink)}.ptrio-card__tag span{display:block;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ptrio-ink-3);margin-bottom:.25rem}.ptrio-card__link{margin-top:1.4rem}@media(max-width:899px){.ptrio-actives__rail{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ptrio-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.ptrio-actives__rail::-webkit-scrollbar{display:none}.ptrio-card{flex:0 0 78%;scroll-snap-align:start}}.ptrio-decode__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(2.5rem,7vw,7rem)}.ptrio-decode__sticky{position:sticky;top:clamp(6rem,16vh,10rem)}.ptrio-decode__sticky h2{margin-bottom:1.6rem}.ptrio-decode__portrait{margin-top:2.5rem;max-width:26rem;overflow:hidden}.ptrio-decode__portrait img{width:100%}.ptrio-path{position:relative;padding-left:clamp(2.5rem,5vw,4.5rem)}.ptrio-path__track{position:absolute;left:5px;top:.9rem;bottom:.6rem;width:1px;background:var(--ptrio-rule-deep)}.ptrio-path__track span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ptrio-ochre);transform:scaleY(var(--ptrio-p, 0));transform-origin:50% 0}.ptrio-path__step,.ptrio-path__end{position:relative}.ptrio-path__step{padding-bottom:clamp(3.5rem,9vw,7.5rem)}.ptrio-path__node{position:absolute;left:calc(clamp(2.5rem,5vw,4.5rem)*-1);top:.35rem;width:11px;height:11px;background:var(--ptrio-deep);border:1px solid var(--ptrio-on-deep-2);transition:background .5s ease,border-color .5s ease,transform .6s var(--ptrio-ease)}.ptrio-path__n{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ptrio-on-deep-2)}.ptrio-path__verb{font-family:var(--heading-font-family);font-size:clamp(2rem,5vw,4.4rem);letter-spacing:.16em;line-height:1.15;text-transform:uppercase;margin-top:.7rem;color:transparent;-webkit-text-stroke:1px var(--ptrio-on-deep-2);transition:color .9s var(--ptrio-ease),-webkit-text-stroke-color .9s var(--ptrio-ease)}.ptrio-path__d{max-width:40ch;margin-top:1rem;color:var(--ptrio-on-deep-2);opacity:.45;transition:opacity .9s var(--ptrio-ease)}.is-on>.ptrio-path__node{background:var(--ptrio-ochre);border-color:var(--ptrio-ochre);transform:rotate(45deg)}.is-on>.ptrio-path__verb{color:var(--ptrio-on-deep);-webkit-text-stroke-color:transparent}.is-on>.ptrio-path__d{opacity:1}.is-on>.ptrio-path__n{color:var(--ptrio-ochre)}@media(max-width:899px){.ptrio-decode__grid{grid-template-columns:minmax(0,1fr)}.ptrio-decode__sticky{position:static}}.ptrio-formulas{background:var(--ptrio-lab);padding-block:clamp(3rem,6vw,5.5rem)}.ptrio-formulas__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,6vw,6rem);align-items:center}.ptrio .ptrio-formulas h2{font-size:clamp(1.35rem,2.4vw,2.15rem);max-width:20ch}.ptrio-formulas__side .ptrio__lead{margin-bottom:2rem}@media(max-width:899px){.ptrio-formulas__grid{grid-template-columns:minmax(0,1fr)}}.ptrio-sheet__grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,7vw,7rem)}.ptrio-sheet__art{max-width:24rem;width:100%;justify-self:center}.ptrio-sheet__art svg{width:100%;height:auto;overflow:visible}.ptrio-sheet__spot{fill:var(--ptrio-walnut);opacity:.2;transform-box:fill-box;transform-origin:center;animation:ptrio-breathe 6s ease-in-out infinite}.ptrio-sheet__orbit{stroke:var(--ptrio-ink);stroke-width:.5;stroke-dasharray:1 5;transform-origin:100px 100px;animation:ptrio-spin 60s linear infinite}.ptrio-sheet__copy h2{margin-bottom:1.5rem;max-width:18ch}.ptrio-sheet__link{margin-top:2.2rem}@keyframes ptrio-breathe{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(.72);opacity:.08}}@media(max-width:899px){.ptrio-sheet__grid{grid-template-columns:minmax(0,1fr)}.ptrio-sheet__art{max-width:13rem;justify-self:start}}.ptrio-cta__inner{text-align:center}.ptrio-cta__sw{margin-bottom:1.6rem}.ptrio-cta__inner h2{max-width:30ch;margin-inline:auto}.ptrio-cta__inner .ptrio__lead{margin:1.6rem auto 2.6rem}.ptrio-cta__meta{margin-top:1.5rem;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ptrio-ink-3)}@media(prefers-reduced-motion:reduce){.ptrio *,.ptrio *:before,.ptrio *:after{animation:none!important;transition:none!important}.ptrio__rv{opacity:1;transform:none}.ptrio-origin:before,.ptrio-card__sw i{transform:none}.ptrio-hero__frame{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/pigmentation-trio.css.map */