@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Playfair+Display:ital@1&display=swap";.p4pe{--e-black: #050506;--e-ink: #0a0a0c;--e-paper: #101013;--e-white: #f5f5f3;--e-silver: #c7ccd4;--e-dim: #8b909a;--e-mute: rgba(245, 245, 243, .58);--e-rule: rgba(245, 245, 243, .14);--e-rule-strong: rgba(245, 245, 243, .34);--e-grotesque: "Archivo", "Helvetica Neue", Arial, sans-serif;--e-serif: "Playfair Display", Georgia, serif;--e-ease: cubic-bezier(.22, .61, .36, 1);--e-gut: clamp(18px, 2.2vw, 34px);background:var(--e-black);color:var(--e-white);font-family:var(--e-grotesque);position:relative}.p4pe *{box-sizing:border-box}html:has(.p4pe){scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html:has(.p4pe){scroll-behavior:auto}}.p4pe[id]{scroll-margin-top:72px}.p4pe__inner{max-width:1280px;margin:0 auto;padding-inline:clamp(20px,5vw,72px)}.p4pe__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--e-gut)}.p4pe-dateline{font-size:calc(12px * var(--p4pe-fs, 1));font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--e-dim);display:flex;align-items:baseline;gap:.9em}.p4pe-dateline__num{color:var(--e-white);font-variant-numeric:tabular-nums}.p4pe-dateline:after{content:"";flex:1;height:1px;background:var(--e-rule);transform:translateY(-3px)}.p4pe-head{font-family:var(--e-grotesque);font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:-.02em;font-size:clamp(2.6rem,8vw,7.5rem);margin:0;color:var(--e-white)}.p4pe-head--sm{font-size:clamp(1.7rem,3.4vw,3rem);line-height:.95}.p4pe-head em{font-family:var(--e-serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em;color:var(--e-silver)}.p4pe-body{font-size:calc(clamp(1rem,1.2vw,1.2rem) * var(--p4pe-fs, 1));line-height:1.62;color:var(--e-mute);margin:0 0 1.1em}.p4pe-body strong{color:var(--e-white);font-weight:600}.p4pe-body p{color:inherit}.p4pe-quote{font-family:var(--e-serif);font-style:italic;font-size:calc(clamp(1.5rem,3.4vw,2.9rem) * var(--p4pe-fs, 1));line-height:1.18;color:var(--e-white);margin:0;text-wrap:balance}.p4pe-quote__mark{display:block;font-size:.8em;color:var(--e-rule-strong);line-height:0;margin-bottom:.42em}.p4pe-rule{height:1px;background:var(--e-rule);border:0;margin:0}.p4pe-fig{margin:0;position:relative}.p4pe-fig img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.28) contrast(1.08)}.p4pe-fig figcaption{margin-top:10px;font-size:calc(11px * var(--p4pe-fs, 1));letter-spacing:.22em;text-transform:uppercase;color:var(--e-dim)}.p4pe-slot{position:relative;width:100%;height:100%;min-height:180px;border:1px solid var(--e-rule);background:repeating-linear-gradient(-45deg,rgba(255,255,255,.022) 0 9px,transparent 9px 18px);display:grid;place-items:center}.p4pe-slot span{font-size:calc(11px * var(--p4pe-fs, 1));letter-spacing:.26em;text-transform:uppercase;color:var(--e-dim)}.p4pe-btn{display:inline-flex;align-items:center;gap:.7em;padding:1.05em 2.3em;font-size:calc(.8rem * var(--p4pe-fs, 1));font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-radius:0;transition:background .35s var(--e-ease),color .35s var(--e-ease),border-color .35s var(--e-ease)}.p4pe-btn--solid{background:var(--e-white);color:var(--e-black);border:1px solid var(--e-white)}.p4pe-btn--solid:hover{background:transparent;color:var(--e-white)}.p4pe-btn--ghost{background:transparent;color:var(--e-white);border:1px solid var(--e-rule-strong)}.p4pe-btn--ghost:hover{border-color:var(--e-white)}.p4pe [data-p4p-reveal]{opacity:0;transform:translateY(22px);transition:opacity .85s var(--e-ease),transform .85s var(--e-ease)}.p4pe [data-p4p-reveal].is-in{opacity:1;transform:none}.p4pe [data-p4p-stagger]>*{opacity:0;transform:translateY(18px);transition:opacity .7s var(--e-ease),transform .7s var(--e-ease);transition-delay:calc(var(--p4p-i, 0) * 80ms)}.p4pe [data-p4p-stagger].is-in>*{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.p4pe [data-p4p-reveal],.p4pe [data-p4p-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}}@media(max-width:749px){.p4pe{--e-gut: 16px}.p4pe__inner{padding-inline:20px}.p4pe .p4pe-test,.p4pe .p4pe-ch,.p4pe .p4pe-wall,.p4pe .p4pe-rec,.p4pe .p4pe-door{padding-block:52px}.p4pe .p4pe-head{font-size:clamp(2rem,11.5vw,3.6rem);line-height:.94;letter-spacing:-.015em;text-wrap:balance}.p4pe .p4pe-head--sm{font-size:clamp(1.55rem,7vw,2.1rem);line-height:1}.p4pe .p4pe-quote{font-size:clamp(1.3rem,6.4vw,1.9rem);line-height:1.22}.p4pe .p4pe-mast__bar{letter-spacing:.18em;gap:10px}.p4pe .p4pe-mast__body{padding-top:26px}.p4pe .p4pe-mast__aside{grid-column:1 / -1;padding-top:22px}.p4pe .p4pe-mast__portrait{aspect-ratio:4 / 5}.p4pe .p4pe-mast__foot{padding-block:26px;row-gap:22px}.p4pe .p4pe-mast__toc{margin-bottom:4px;border-top:1px solid var(--e-rule)}.p4pe .p4pe-mast__toc a{min-height:46px;align-items:center;padding-block:0;font-size:calc(12px * var(--p4pe-fs, 1));letter-spacing:.2em}.p4pe .p4pe-mast__cta{padding-top:4px;gap:16px}.p4pe .p4pe-btn{padding:1.05em 1.9em}.p4pe .p4pe-test__rail{margin-bottom:20px}.p4pe .p4pe-test__h{margin-bottom:22px;max-width:none}.p4pe .p4pe-test__quote{margin-block:30px;padding-left:16px}.p4pe .p4pe-test__fig{margin-block:26px}.p4pe .p4pe-ch__label{margin-bottom:26px}.p4pe .p4pe-ch__item{padding-block:34px}.p4pe .p4pe-ch__title,.p4pe .p4pe-ch__text{max-width:none}.p4pe .p4pe-ch__inline-plate{margin-bottom:18px}.p4pe .p4pe-wall__head{margin-bottom:26px}.p4pe .p4pe-wall__note{grid-column:1 / -1;aspect-ratio:auto;gap:14px;padding:20px}.p4pe .p4pe-wall__tile--wide .p4pe-wall__frame{aspect-ratio:16 / 10}.p4pe .p4pe-rec__head{margin-bottom:24px}.p4pe .p4pe-rec__row{grid-template-columns:1fr;gap:6px;padding-block:22px}.p4pe .p4pe-rec__year{font-size:calc(11px * var(--p4pe-fs, 1));font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--e-dim)}.p4pe .p4pe-rec__thumb{grid-column:auto;justify-self:stretch;max-width:100%;margin-top:12px}.p4pe .p4pe-door__top{margin-bottom:26px}.p4pe .p4pe-door__h{max-width:none}.p4pe .p4pe-door__step{grid-template-columns:2.4rem 1fr;padding-block:18px}.p4pe .p4pe-door__cta{padding-top:30px;gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/p4p-editorial.css.map */
