/* About page: editorial Philadelphia story.
   Uses the shared Inter type, global site header, and global footer. */
body.pp-about-route{background:#fff;color:#111d31}
.pp-about{font-family:Inter,Arial,Helvetica,sans-serif;color:#0b1630;background:#fff;overflow:hidden}
.pp-about *,.pp-about *::before,.pp-about *::after{box-sizing:border-box}
.pp-about__container{width:min(calc(100% - 64px),1248px);margin:0 auto}
.pp-about__eyebrow{display:block;margin:0 0 19px;font-size:12px;line-height:1.4;font-weight:800;letter-spacing:.13em;color:#eb5725}
.pp-about h1,.pp-about h2,.pp-about h3,.pp-about p{margin:0}
.pp-about h1,.pp-about h2,.pp-about h3{font-family:inherit;color:#0b1630}
.pp-about h1{font-size:clamp(44px,4.4vw,70px);font-weight:850;line-height:1.06;letter-spacing:-.055em}
.pp-about h2{font-size:clamp(34px,3.3vw,49px);font-weight:850;line-height:1.1;letter-spacing:-.048em}
.pp-about h3{font-weight:800;letter-spacing:-.025em}
.pp-about p{color:#4c5968;line-height:1.68;font-size:16px}
.pp-about__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:29px}
.pp-about__button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:12px 21px;border-radius:6px;font-size:14px;line-height:1.3;font-weight:800;text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.pp-about__button:focus-visible{outline:3px solid #0b1630;outline-offset:3px}
.pp-about__button:hover{transform:translateY(-2px)}
.pp-about__button--orange{color:#fff;background:#ff642f}
.pp-about__button--orange:hover{color:#fff;background:#df4f1c;box-shadow:0 8px 18px rgba(223,79,28,.14)}
.pp-about__button--outline{color:#0b1630;background:transparent;border:1px solid #a5adb7}
.pp-about__button--outline:hover{background:#f5f5f3}
.pp-about__hero{background:#f6f4ef}
.pp-about__hero-grid{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);min-height:540px}
.pp-about__hero-copy{position:relative;z-index:2;display:flex;align-items:center;background:#f8f7f3}
.pp-about__hero-copy-inner{width:min(100%,575px);margin-left:max(32px,calc((100vw - 1248px)/2));padding:62px 38px 65px 0}
.pp-about__hero-copy h1{max-width:630px}
.pp-about__hero-copy p{max-width:475px;margin-top:21px}
.pp-about__hero-media{position:relative;min-height:540px;background:#e8e4dc;overflow:hidden}
.pp-about__hero-media img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% 50%}
.pp-about__hero-media::before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:24%;background:linear-gradient(90deg,#f8f7f3 0%,rgba(248,247,243,0) 100%);pointer-events:none}
.pp-about__section{padding:112px 0}
.pp-about__story-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:center;gap:clamp(58px,7vw,125px)}
.pp-about__story-media{position:relative;aspect-ratio:1.1 / 1;overflow:visible;border-radius:3px;background:transparent}
.pp-about__story-wall{
  position:absolute;inset:0 auto 0 0;
  width:calc(100% + clamp(36px,6vw,110px));height:100%;
  overflow:hidden;border-radius:3px 0 0 3px;
  background:linear-gradient(135deg,#efede8 0%,#fcfaf6 68%,#f6f3ee 100%);
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 64%,transparent 100%);
  mask-image:linear-gradient(to right,#000 0%,#000 64%,transparent 100%)
}
.pp-about__story-picpanel{
  position:absolute;top:9%;left:8%;width:77%;height:63%;
  background:#fff;border-left:7px solid #f7f7f7;border-bottom:5px solid #f4f4f4;
  box-shadow:1px 1px 2px rgba(15,23,42,.12),12px 14px 22px rgba(15,23,42,.17)
}
.pp-about__story-picpanel img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.pp-about__story-console{
  position:absolute;left:0;bottom:0;width:94%;height:20%;
  background:repeating-linear-gradient(90deg,#bb906c 0,#bb906c 6px,#c89e7d 6px,#c89e7d 11px);
  border-top:12px solid #e1c4a5;box-shadow:0 -5px 12px rgba(59,40,22,.08)
}
.pp-about__story-console-bowl{
  position:absolute;left:59%;bottom:calc(100% + 10px);width:20%;height:22px;
  background:#bda58e;border-radius:0 0 55% 55%;box-shadow:0 3px 4px rgba(0,0,0,.13)
}
.pp-about__story-caption{position:absolute;z-index:1;bottom:24px;left:24px;background:rgba(255,255,255,.94);padding:11px 16px;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:.01em;color:#172538}
.pp-about__story-copy h2{margin-bottom:21px}
.pp-about__story-copy p{margin-top:14px;max-width:540px}
.pp-about__signoff{display:flex;flex-direction:column;align-items:flex-start;margin-top:30px;gap:3px}
.pp-about__signature{display:block;color:#0b1630;font-family:"Allura","Snell Roundhand","Segoe Script",cursive;font-style:normal;font-size:clamp(58px,5.4vw,74px);line-height:1;font-weight:400;letter-spacing:0;transform:rotate(-3deg);transform-origin:left center;padding:0 18px 6px 0}
.pp-about__signature-title{color:#657386;font-size:13px;font-weight:650}
.pp-about__values{background:#fbfaf8;border-block:1px solid #edece8;padding:54px 0 57px}
.pp-about__values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-about__value{text-align:center;padding:4px 28px 6px;border-right:1px solid #dddeda}
.pp-about__value:last-child{border-right:0}
.pp-about__value svg{display:block;width:40px;height:40px;stroke:#ff642f;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 18px}
.pp-about__value h3{font-size:16px;line-height:1.3}
.pp-about__value p{max-width:245px;margin:9px auto 0;color:#677180;font-size:13px;line-height:1.55}
.pp-about__products{padding-top:111px;padding-bottom:120px}
.pp-about__products-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:34px}
.pp-about__products-heading>div{flex:1.6}
.pp-about__products-heading .pp-about__products-location{margin-top:16px;color:#0b1630;font-size:clamp(17px,1.65vw,24.5px);font-weight:800;line-height:1.3;letter-spacing:.015em}
.pp-about__products-heading>p{max-width:378px;flex:1;font-size:15px}
.pp-about__product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.pp-about__product-card{background:#f7f7f4;min-height:312px;border-radius:7px;overflow:hidden;display:grid;grid-template-columns:minmax(0,53%) minmax(0,47%);border:1px solid #f1eee9}
.pp-about__product-copy{padding:30px 0 30px 30px;position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column}
.pp-about__product-copy h3{font-size:23px;line-height:1.2}
.pp-about__product-copy p{margin:13px 8px 23px 0;font-size:14px;line-height:1.6}
.pp-about__product-copy .pp-about__button{margin-top:auto;padding-inline:17px;font-size:13px}
.pp-about__product-photo{overflow:hidden;background:#ece9e4;position:relative}
.pp-about__product-photo::before{content:"";pointer-events:none;position:absolute;z-index:1;left:0;top:0;bottom:0;width:18%;background:linear-gradient(90deg,#f7f7f4,rgba(247,247,244,0))}
.pp-about__product-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:52% center}
.pp-about__city{position:relative;min-height:460px;background:#f8f7f3;isolation:isolate}
.pp-about__city-photo{position:absolute;inset:0 0 0 35%;overflow:hidden;z-index:-1}
.pp-about__city-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.pp-about__city-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8f7f3 0%,rgba(248,247,243,.98) 11%,rgba(248,247,243,.72) 31%,rgba(248,247,243,.07) 68%,rgba(248,247,243,0) 100%)}
.pp-about__city-inner{display:flex;align-items:center;min-height:460px;padding-block:64px}
.pp-about__city-copy{max-width:540px}
.pp-about__city-copy h2{font-size:clamp(38px,3.6vw,56px)}
.pp-about__city-copy p{max-width:430px;margin:21px 0 27px}
@media(max-width:1080px){
  .pp-about__hero-grid{grid-template-columns:minmax(0,48%) minmax(0,52%)}
  .pp-about__hero-copy-inner{margin-left:32px;padding-right:24px}
  .pp-about__story-grid{gap:55px}
  .pp-about__story-wall{width:calc(100% + 40px)}
  .pp-about__product-card{grid-template-columns:55% 45%}
  .pp-about__product-copy{padding:25px 0 26px 24px}
  .pp-about__product-copy h3{font-size:21px}
}
@media(max-width:850px){
  .pp-about__container{width:calc(100% - 40px)}
  .pp-about__hero-grid{display:flex;flex-direction:column}
  .pp-about__hero-copy-inner{max-width:720px;margin:0 auto;padding:78px 22px 65px}
  .pp-about__hero-media{min-height:420px}
  .pp-about__hero-media::before{display:none}
  .pp-about__section{padding:82px 0}
  .pp-about__story-grid{grid-template-columns:1fr;gap:40px}
  .pp-about__story-media{aspect-ratio:1.5/1;overflow:hidden}
  .pp-about__story-wall{width:100%;border-radius:3px;-webkit-mask-image:none;mask-image:none}
  .pp-about__values-grid{grid-template-columns:1fr 1fr;row-gap:34px}
  .pp-about__value:nth-child(2){border-right:0}
  .pp-about__products-heading{align-items:start;flex-direction:column;gap:17px}
  .pp-about__products-heading>p{max-width:740px}
  .pp-about__product-grid{grid-template-columns:1fr}
  .pp-about__product-card{min-height:300px}
}
@media(max-width:600px){
  .pp-about__container{width:calc(100% - 28px)}
  .pp-about__hero-copy-inner{padding:55px 18px 48px}
  .pp-about__hero-copy h1{font-size:clamp(40px,10vw,54px)}
  .pp-about__hero-copy p{font-size:15px;margin-top:18px}
  .pp-about__hero-media{min-height:320px}
  .pp-about__actions{margin-top:23px}
  .pp-about__actions .pp-about__button{flex:1;min-width:140px}
  .pp-about__eyebrow{font-size:11px;margin-bottom:14px}
  .pp-about h2{font-size:clamp(30px,8vw,39px)}
  .pp-about__section{padding:68px 0}
  .pp-about__story-grid{gap:32px}
  .pp-about__story-media{aspect-ratio:1.08}
  .pp-about__story-caption{bottom:13px;left:13px;font-size:11px}
  .pp-about__story-copy p{font-size:15px}
  .pp-about__values{padding:37px 0}
  .pp-about__values-grid{row-gap:26px}
  .pp-about__value{padding:0 12px}
  .pp-about__value svg{width:34px;height:34px;margin-bottom:12px}
  .pp-about__value h3{font-size:14px}
  .pp-about__value p{font-size:12px}
  .pp-about__products-heading{margin-bottom:24px}
  .pp-about__products-heading .pp-about__products-location{margin-top:12px;font-size:clamp(15px,4vw,19.5px)}
  .pp-about__desktop-only{display:none}
  .pp-about__product-card{display:flex;flex-direction:column;min-height:0}
  .pp-about__product-copy{padding:24px;order:2}
  .pp-about__product-photo{order:1;height:240px}
  .pp-about__product-photo::before{display:none}
  .pp-about__product-copy h3{font-size:22px}
  .pp-about__product-copy .pp-about__button{margin-top:0}
  .pp-about__city{min-height:auto}
  .pp-about__city-photo{inset:0;opacity:.3}
  .pp-about__city-photo::after{background:linear-gradient(90deg,rgba(248,247,243,.94),rgba(248,247,243,.5))}
  .pp-about__city-inner{min-height:380px;padding-block:58px}
  .pp-about__city-copy h2{font-size:clamp(34px,9vw,45px)}
  .pp-about__city-copy p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.pp-about__button{transition:none}.pp-about__button:hover{transform:none}}