/* ============================================================
   PRIVÉ × Poltrona Frau — Collaboration page
   Scoped under .pfx so it never touches global PRIVÉ chrome.
   Type system per PF Visual Guidelines: SangBleu Sunrise (display)
   + Executive (body/labels). PRIVÉ chrome (utility bar, footer,
   wordmark) keeps Engravers via theme style.css.
   ============================================================ */

/* ---- PF fonts (self-hosted, subset WOFF2) ---- */
@font-face{font-family:'SangBleu Sunrise';src:url('../fonts/pf/sangbleu-air.woff2') format('woff2');font-weight:200;font-style:normal;font-display:block}
@font-face{font-family:'SangBleu Sunrise';src:url('../fonts/pf/sangbleu-light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:block}
@font-face{font-family:'SangBleu Sunrise';src:url('../fonts/pf/sangbleu-livre.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:'SangBleu Sunrise';src:url('../fonts/pf/sangbleu-light-italic.woff2') format('woff2');font-weight:300;font-style:italic;font-display:block}
@font-face{font-family:'Executive';src:url('../fonts/pf/executive-light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:block}
@font-face{font-family:'Executive';src:url('../fonts/pf/executive-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:'Executive';src:url('../fonts/pf/executive-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:block}

/* ---- Scope + tokens ---- */
.pfx{
  --serif:'SangBleu Sunrise',Georgia,serif;
  --sans:'Executive','Helvetica Neue',Arial,sans-serif;
  --chrome:'EngraversGothicBold W08 Rg','Oswald',sans-serif;
  --bg:#FAFBF5; --parchment:#F4F0EA; --dark:#1C2226;
  --primary:#2E4755; --body:#54646D; --muted:#8A969C; --accent:#A38A74;
  --pf-red:#D8472A;
  --u-h:var(--utility-h,48px);
  --site-pad:32px;                 /* matches theme .pad / .topbar__inner / .utility-bar__inner */
  font-family:var(--sans);color:var(--body);line-height:1.6;
}
@media(min-width:1024px){.pfx{--site-pad:48px}}
@media(min-width:1280px){.pfx{--site-pad:64px}}
/* left edge of the site-wide content column (max-width:var(--max-w) centered + site padding) */
.pfx{--col-left:max(var(--site-pad),calc((100% - var(--max-w))/2 + var(--site-pad)))}
.pfx :where(p,h1,h2,div,span,a){margin:0}
.pfx img{display:block;max-width:100%}
.pfx a{color:inherit;text-decoration:none}

/* ---- Hero ---- */
/* Height matches the homepage hero (100svh desktop / 115svh mobile) so the
   next section clears the fold on mobile instead of crowding under it. */
.pfx .hero{position:relative;height:100svh;overflow:hidden;background:var(--dark)}
.pfx .hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.pfx .hero__scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,14,17,.55) 0%,rgba(10,14,17,.12) 32%,rgba(10,14,17,.30) 70%,rgba(10,14,17,.72) 100%)}
.pfx .hero__coord{position:absolute;top:calc(var(--u-h) + clamp(28px,5vw,56px));left:var(--col-left);color:#fff;z-index:2}
.pfx .hero__coord .ll{font-family:var(--sans);font-weight:300;font-size:clamp(13px,1.1vw,15px);letter-spacing:.04em;line-height:1.7;color:rgba(255,255,255,.92)}
.pfx .hero__coord .gx{font-family:var(--sans);font-weight:300;font-size:clamp(12px,1vw,14px);letter-spacing:.06em;color:rgba(255,255,255,.66);margin-top:2px}
/* Lockup bottom sits on the homepage hero content baseline (where the hero
   headline + CTA block ends). The homepage content is flex-end with
   padding-bottom 96px desktop / calc(15svh + 4rem) mobile — matching those
   values gives both pages the same bottom breathing room. */
.pfx .hero__lock{position:absolute;left:var(--col-left);bottom:96px;z-index:2}
.pfx .hero__lock img{height:clamp(150px,17vw,206px);width:auto;opacity:.97}
@media(max-width:1023px){
  .pfx .hero{height:115svh}
  .pfx .hero__lock{bottom:calc(15svh + 4rem)}
}
@media(max-width:1023px) and (orientation:landscape) and (max-height:500px){
  .pfx .hero{height:100svh}
  .pfx .hero__lock{bottom:2rem}
}

/* ---- Section system ---- */
.pfx .sec{padding:clamp(72px,11vh,150px) 0}
.pfx .wrap{max-width:var(--max-w);margin:0 auto;padding:0 var(--site-pad)}
.pfx .parchment{background:var(--parchment)}
.pfx .eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}
.pfx .eyebrow::before{content:"";width:26px;height:1px;background:var(--pf-red);opacity:.8}
.pfx .dsp{font-family:var(--serif);font-weight:300;color:var(--primary);line-height:1.1;letter-spacing:-.005em;font-size:clamp(30px,4.6vw,58px)}
.pfx .lede{font-family:var(--serif);font-weight:400;color:var(--primary);font-size:clamp(19px,1.9vw,25px);line-height:1.5;letter-spacing:.005em}
.pfx .bodyt{font-family:var(--sans);font-weight:300;color:var(--body);font-size:clamp(15.5px,1.12vw,17px);line-height:1.82;letter-spacing:.005em}
.pfx .bodyt p+p{margin-top:1.15em}
.pfx .mt28{margin-top:28px}

/* statement (centered) */
.pfx .statement{text-align:center}
.pfx .statement .eyebrow{justify-content:center}
.pfx .statement .eyebrow::before{display:none}
.pfx .statement .dsp{max-width:16ch;margin:0 auto}
.pfx .statement .lede{max-width:44ch;margin:30px auto 0}
.pfx .statement .bodyt{max-width:56ch;margin:34px auto 0}

/* editorial split */
.pfx .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5.5vw,104px);align-items:center}
.pfx .split--rev .col-img{order:2}
.pfx .split .col-txt{max-width:34rem}
.pfx .figure{position:relative;overflow:hidden}
.pfx .figure img{width:100%;height:100%;object-fit:cover}
.pfx .figure--empty{background:#E7E2DA}            /* neutral placeholder until an image is set */
.pfx .ar-4x5{aspect-ratio:4/5}

/* full-bleed image */
.pfx .bleed{position:relative;width:100%;height:clamp(60vh,80vh,840px);overflow:hidden}
.pfx .bleed img{width:100%;height:100%;object-fit:cover}

/* film */
.pfx .film{background:var(--dark);padding:clamp(64px,9vh,120px) 0}
.pfx .film .eyebrow{color:rgba(255,255,255,.55)}
.pfx .film__frame{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:#000;margin-top:34px}
.pfx .film__frame img,.pfx .film__frame video{width:100%;height:100%;object-fit:cover}
.pfx .film__frame img{opacity:.82}
.pfx .film__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.pfx .film__play .disc{width:84px;height:84px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center}
.pfx .film__play svg{transform:translateX(2px)}
.pfx .film__unmute{position:absolute;top:16px;right:16px;z-index:3;display:none;background:#fff;border:none;color:#1C2226;padding:10px 16px;cursor:pointer;font-family:var(--chrome);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.pfx .film__cap{margin-top:18px;font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}

/* pull quote */
.pfx .quote{background:var(--parchment)}
.pfx .quote__in{max-width:980px;margin:0 auto;padding:0 var(--site-pad);text-align:center}
.pfx .quote q{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--primary);font-size:clamp(23px,3vw,37px);line-height:1.32;quotes:none}
.pfx .quote .by{margin-top:30px;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* closing CTA — two captioned paths */
.pfx .cta{border-top:1px solid rgba(46,71,85,.12);text-align:center}
.pfx .cta .dsp{margin-bottom:clamp(40px,5vw,60px)}
.pfx .cta__paths{display:flex;align-items:stretch;justify-content:center;gap:clamp(32px,7vw,104px)}
.pfx .cta__path{display:flex;flex-direction:column;align-items:center;gap:9px}
.pfx .cta__cap{font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}
.pfx .cta__link{font-family:var(--sans);font-weight:400;font-size:clamp(14px,1.15vw,16px);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);display:inline-flex;align-items:center;gap:11px;padding-bottom:3px;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
.pfx .cta__link svg{width:12px;height:12px;flex:none}
.pfx .cta__link:hover{border-color:var(--primary)}
.pfx .cta__divider{width:1px;background:rgba(46,71,85,.16);align-self:stretch}
@media(max-width:640px){
  .pfx .cta__paths{flex-direction:column;gap:30px}
  .pfx .cta__divider{width:48px;height:1px;align-self:center}
}

/* colophon / trademark */
.pfx .colophon{padding:6px 0 60px;text-align:center}
.pfx .colophon p{font-family:var(--sans);font-weight:300;font-size:11px;letter-spacing:.05em;line-height:1.85;color:var(--muted)}

@media(max-width:820px){
  .pfx .split{grid-template-columns:1fr;gap:32px}
  .pfx .split--rev .col-img{order:0}
  .pfx .split .col-txt{max-width:none}
}