.pp-hero{position:relative;min-height:94vh;min-height:94svh;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end}.pp-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.pp-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:grayscale(.55) contrast(1.06) brightness(.66);transform:scale(1.05)}.pp-hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0a8c,#0a0a0a2e 26%,#0a0a0a80 60%,#0a0a0af7)}.pp-hero .hero-watermark{opacity:.03}.pp-hero-inner{position:relative;z-index:3;width:100%;display:flex;flex-direction:column;padding-top:132px;padding-bottom:clamp(36px,4vw,64px)}.pp-hero-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:auto}.pp-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-body);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--text-stone)}.pp-kicker .pip{width:5px;height:5px;background:var(--vysn-white);border-radius:50%;animation:pulse 2.6s var(--ease-soft) infinite}.pp-count{font-family:var(--font-display);font-size:11px;letter-spacing:.18em;color:var(--text-dim)}.pp-name{font-family:var(--font-display);font-weight:400;font-size:clamp(46px,9.6vw,132px);line-height:.9;letter-spacing:-.03em;text-transform:uppercase;color:var(--vysn-white);margin:clamp(46px,12vh,120px) 0 0;max-width:15ch}.pp-lead{margin:clamp(20px,2.4vw,30px) 0 0;max-width:42ch;font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.5;color:var(--text-stone)}.pp-pager{margin-top:clamp(30px,3.6vw,50px);display:flex;align-items:center;gap:clamp(14px,1.6vw,26px);flex-wrap:wrap;border-top:1px solid var(--line-soft);padding-top:22px}.pp-pager-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:500;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim);transition:color .36s var(--ease-expo)}.pp-pager-item .n{font-family:var(--font-display);font-size:10px;letter-spacing:.14em}.pp-pager-item .t{opacity:.85}.pp-pager-item:hover{color:var(--vysn-stone)}.pp-pager-item.is-active{color:var(--vysn-white)}@media(max-width:760px){.pp-pager{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.pp-pager::-webkit-scrollbar{display:none}.pp-pager-item .t{display:none}.pp-pager-item.is-active .t{display:inline}}.pp-open-inner{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,60px)}@media(min-width:980px){.pp-open-inner{grid-template-columns:.82fr 1.18fr;gap:clamp(48px,6vw,104px)}}.pp-breadcrumb{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim);margin-bottom:clamp(28px,4vw,52px)}.pp-breadcrumb a{color:var(--text-dim);transition:color .24s var(--ease-expo)}.pp-breadcrumb a:hover{color:var(--vysn-white)}.pp-breadcrumb .sep{opacity:.4}.pp-breadcrumb .cur{color:var(--vysn-stone)}.pp-open-eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-body);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-stone);margin-bottom:22px}.pp-open-eyebrow .num{font-family:var(--font-display);color:var(--vysn-white);font-size:11px;letter-spacing:.14em}.pp-open-statement{font-family:var(--font-display);font-weight:400;font-size:clamp(30px,3.6vw,58px);line-height:.98;letter-spacing:-.022em;text-transform:uppercase;color:var(--vysn-white);margin:0}.pp-open-statement .dim{color:var(--vysn-stone)}.pp-prose p{font-family:var(--font-body);font-size:clamp(15px,1.15vw,18px);line-height:1.62;color:var(--text-stone);margin:0 0 1.1em;max-width:56ch}.pp-prose p:last-child{margin-bottom:0}.pp-prose .lead-em{color:var(--vysn-white)}.five-list{border-top:1px solid var(--line-faint)}.five-row{position:relative;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px 18px;padding:clamp(24px,3vw,40px) 0;border-bottom:1px solid var(--line-faint);overflow:hidden;transition:padding-left .6s var(--ease-expo),background .52s var(--ease-expo)}.five-row:not(.is-here):hover{padding-left:clamp(8px,1vw,18px);background:linear-gradient(90deg,rgba(245,245,240,.025) 0%,transparent 70%)}@media(min-width:880px){.five-row{grid-template-columns:72px minmax(220px,1fr) 1.3fr 44px;gap:clamp(20px,2.4vw,40px)}}.five-idx{font-family:var(--font-display);font-weight:400;font-size:11px;letter-spacing:.18em;color:var(--text-dim);transition:color .48s var(--ease-expo)}.five-row:hover .five-idx{color:var(--vysn-white)}.five-name{font-family:var(--font-display);font-weight:400;font-size:clamp(24px,3.4vw,50px);line-height:.98;letter-spacing:-.018em;text-transform:uppercase;color:var(--vysn-white);margin:0;transition:transform .52s var(--ease-expo)}.five-row:not(.is-here):hover .five-name{transform:translate(2px)}.five-def{font-family:var(--font-body);font-size:clamp(13px,.95vw,15px);line-height:1.5;color:var(--text-stone);margin:0;max-width:44ch}@media(max-width:880px){.five-def{grid-column:2 / -1;margin-top:6px}}.five-mark{display:none;justify-self:end;position:relative;width:28px;height:1px;background:var(--line-strong);transition:width .52s var(--ease-expo),background .52s var(--ease-expo)}.five-mark:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);transform:rotate(45deg);transition:border-color .52s var(--ease-expo)}.five-row:hover .five-mark{width:44px;background:var(--vysn-white)}.five-row:hover .five-mark:after{border-color:var(--vysn-white)}@media(min-width:880px){.five-mark{display:block}}.five-here{display:none;justify-self:end;font-family:var(--font-body);font-weight:500;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.five-row.is-here{background:linear-gradient(90deg,rgba(245,245,240,.03) 0%,transparent 70%)}.five-row.is-here .five-name{color:var(--vysn-stone)}@media(min-width:880px){.five-row.is-here .five-here{display:block}.five-row.is-here .five-mark{display:none}}.five-thumb{position:absolute;right:64px;top:50%;width:210px;height:132px;transform:translateY(-50%) translate(20px) scale(.96);opacity:0;pointer-events:none;overflow:hidden;transition:opacity .52s var(--ease-expo),transform .7s var(--ease-expo);z-index:1}.five-thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) contrast(1.06) brightness(.85)}@media(max-width:1180px){.five-thumb{display:none}}.five-row:not(.is-here):hover .five-thumb{opacity:1;transform:translateY(-50%) translate(0) scale(1)}.pp-nav{border-top:1px solid var(--line-faint);display:grid;grid-template-columns:1fr 1fr;margin-bottom:clamp(40px,6vw,96px)}.pp-nav a{padding:clamp(32px,5vw,72px) 0;display:flex;flex-direction:column;gap:12px;transition:background .52s var(--ease-expo)}.pp-nav a:hover{background:linear-gradient(180deg,rgba(245,245,240,.025),transparent)}.pp-nav .pn-label{font-family:var(--font-body);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim);display:inline-flex;align-items:center;gap:10px}.pp-nav .pn-name{font-family:var(--font-display);font-weight:400;font-size:clamp(24px,3.4vw,52px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--vysn-white)}.pp-nav .pn-prev{border-right:1px solid var(--line-faint)}.pp-nav .pn-next{text-align:right;align-items:flex-end}@media(max-width:720px){.pp-nav .pn-name{font-size:clamp(20px,6vw,30px)}.pp-nav a{padding:28px 0}.pp-nav .pn-label{font-size:9px;letter-spacing:.24em}}@media(max-width:720px){.pp-name{font-size:clamp(40px,13vw,72px);margin-top:64px}.pp-hero-inner{padding-top:110px}.five-row{grid-template-columns:34px 1fr;gap:10px;padding:20px 0}.five-name{font-size:clamp(20px,6.4vw,28px)}.five-def{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/principle.css.map */