.pe{background:var(--bg);color:var(--navy);padding:0 88px 120px;position:relative}.pe-hero{border-bottom:1px solid var(--border);max-width:1100px;padding:80px 0 96px}.pe-hero-eyebrow{font-family:var(--f1);letter-spacing:.3em;text-transform:uppercase;color:var(--mid);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:40px;font-size:12px;font-weight:700;display:flex}.pe-hero-bar{background:var(--navy);width:32px;height:2px;display:block}.pe-hero-count{color:var(--dim);letter-spacing:.22em;border-left:1px solid var(--border);padding-left:14px;font-weight:600}.pe-hero-title{font-family:var(--f1);letter-spacing:-.035em;color:var(--navy);margin:0 0 36px;font-size:clamp(44px,8.5vw,128px);font-weight:700;line-height:.92}.pe-hero-linewrap{padding-bottom:.04em;display:block;overflow:hidden}.pe-hero-line{display:block}.pe-hero-line-accent{color:var(--navy);letter-spacing:-.02em;font-weight:300}.pe-hero-lead{font-family:var(--f2);color:var(--mid);max-width:620px;margin:0 0 48px;font-size:clamp(17px,1.5vw,21px);font-weight:300;line-height:1.7}.pe-hero-chips{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pe-hero-chip{background:var(--pillar-color);color:var(--pillar-ink);font-family:var(--f1);letter-spacing:.02em;border-radius:999px;align-items:center;gap:10px;padding:10px 18px 10px 12px;font-size:13px;font-weight:600;display:inline-flex}.pe-hero-chip-num{letter-spacing:.1em;opacity:.7;background:color-mix(in srgb, var(--pillar-ink) 18%, transparent);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.pe-pillar{border-bottom:1px solid var(--border);grid-template-columns:minmax(260px,32%) 1fr;gap:48px;padding:88px 0;display:grid}.pe-pillar:last-child{border-bottom:0}.pe-pillar-head{flex-direction:column;align-self:start;gap:20px;display:flex}.pe-pillar-num{font-family:var(--f1);letter-spacing:-.01em;color:var(--pillar-color);font-size:clamp(72px,9vw,140px);font-weight:300;line-height:.8}.pe-pillar-id{flex-direction:column;gap:10px;display:flex}.pe-pillar-label{font-family:var(--f1);letter-spacing:-.02em;color:var(--navy);margin:0;font-size:clamp(28px,3.2vw,44px);font-weight:700;line-height:1}.pe-pillar-palette{font-family:var(--f1);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.pe-pillar-swatch{background:var(--pillar-color);width:13px;height:13px;box-shadow:0 0 0 4px color-mix(in srgb, var(--pillar-color) 18%, transparent);border-radius:50%;flex-shrink:0}.pe-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.pe-tile{aspect-ratio:1;background:var(--pillar-color);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;position:relative;overflow:hidden}.pe-tile-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.23,1,.32,1);display:block;position:absolute;inset:0}.pe-tile-img-hover{opacity:0;transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .4s}.pe-tile-overlay{z-index:1;color:var(--pillar-ink);background:linear-gradient(to top, color-mix(in srgb, var(--pillar-color) 94%, transparent) 0%, color-mix(in srgb, var(--pillar-color) 60%, transparent) 38%, transparent 70%);opacity:0;flex-direction:column;justify-content:flex-end;gap:6px;padding:22px;transition:opacity .4s;display:flex;position:absolute;inset:0}.pe-tile-index{font-family:var(--f1);letter-spacing:.1em;opacity:.85;font-size:12px;font-weight:700}.pe-tile-name{font-family:var(--f1);letter-spacing:-.01em;font-size:clamp(17px,1.5vw,24px);font-weight:600;line-height:1.1}@media (hover:hover){.pe-tile:hover .pe-tile-overlay,.pe-tile:hover .pe-tile-img-hover{opacity:1}.pe-tile:hover .pe-tile-img{transform:scale(1.05)}.pe-tile:hover .pe-tile-overlay{color:var(--navy);background:linear-gradient(#0000 30%,#ffffff9e 62%,#fffffff0 100%)}}.pe-tile.is-pen-hover .pe-tile-overlay,.pe-tile.is-pen-hover .pe-tile-img-hover{opacity:1}.pe-tile.is-pen-hover .pe-tile-img{transform:scale(1.05)}.pe-tile.is-pen-hover .pe-tile-overlay{color:var(--navy);background:linear-gradient(#0000 30%,#ffffff9e 62%,#fffffff0 100%)}.pe-tile:focus-visible{outline:2px solid var(--pillar-color);outline-offset:4px}.pe-tile:focus-visible .pe-tile-overlay,.pe-tile:focus-visible .pe-tile-img-hover{opacity:1}.pe-tile:focus-visible .pe-tile-overlay{color:var(--navy);background:linear-gradient(#0000 30%,#ffffff9e 62%,#fffffff0 100%)}@media (hover:none){.pe-tile-overlay{opacity:1}}.gsap-ready .pe-pillar-head,.gsap-ready .pe-tile{will-change:transform,opacity}@media (width<=1024px){.pe{padding:0 40px 96px}.pe-pillar{grid-template-columns:1fr;gap:32px;padding:64px 0}.pe-pillar-head{flex-direction:row;align-items:center;gap:24px;position:static;top:auto}.pe-pillar-num{font-size:clamp(56px,12vw,96px)}}@media (width<=600px){.pe{padding:0 22px 72px}.pe-hero{padding:56px 0 64px}.pe-hero-eyebrow{gap:10px;margin-bottom:28px}.pe-hero-count{border-left:0;flex-basis:100%;padding-left:0}.pe-grid{gap:12px}.pe-tile-overlay{padding:16px}.pe-pillar-head{gap:16px}}@media (prefers-reduced-motion:reduce){.pe-tile-img,.pe-tile-img-hover,.pe-tile-overlay{transition:none}}html.reduce-motion .pe-tile-img,html.reduce-motion .pe-tile-img-hover,html.reduce-motion .pe-tile-overlay{transition:none}
