/* A double-page portfolio spread. On phones its two covers sit side by side,
   with the links above the art to keep both choices in the first screen. */
.pm-home-layout{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(30px,5vw,85px);align-items:center;padding-block:clamp(35px,4vw,64px)}
.pm-home-offer h1{max-width:12.3ch;font-size:clamp(53px,5.65vw,86px);line-height:.98;letter-spacing:-.071em;text-wrap:balance}
.pm-home-offer p{max-width:38ch;margin-block:22px 25px;color:var(--muted);font-size:clamp(17px,1.45vw,22px);line-height:1.42;letter-spacing:-.017em}
.pm-home-offer .pm-home-cta{display:inline-flex;gap:14px;align-items:center}
.pm-home-spread{display:grid;gap:10px;min-width:0;padding-block:2px}
.pm-home-caption{color:var(--muted);font:600 13px/1.35 var(--mono);display:flex;align-items:center;gap:12px}
.pm-home-caption::after{content:"";height:1px;background:var(--rule);flex:1}
.pm-home-cover{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:clamp(165px,13.8vw,214px);text-decoration:none;border:1px solid}
.pm-home-air{background:#142e32;color:#eff8ea;border-color:#18383b;margin-right:4.5%}
.pm-home-basement{background:#f4ecd9;color:#292c23;border-color:#b9b09a;margin-left:4.5%}
.pm-home-cover-body{z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(14px,1.4vw,23px);min-width:0}
.pm-home-label{font:650 13px/1.35 var(--mono);display:inline-flex;gap:7px;align-items:center;color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.pm-home-air .pm-home-label{color:#b6efdc}
.pm-home-label svg{flex:none;width:14px;height:14px}
.pm-home-name{display:block;margin-top:14px;font:730 clamp(28px,2.45vw,38px)/1 "Segoe UI",Arial,sans-serif;letter-spacing:-.065em}
.pm-home-basement .pm-home-name{font-family:Georgia,serif;font-weight:500;letter-spacing:-.055em}
.pm-home-basement .pm-home-name span{display:block;font:600 11px/1.3 var(--mono);letter-spacing:.04em;margin-top:4px}
.pm-home-story{display:block;margin-top:8px;max-width:25ch;font-size:14px;line-height:1.35}
.pm-home-plate{position:relative;min-width:0;align-self:stretch;overflow:hidden}
.pm-home-plate img{position:absolute;width:100%;height:100%;display:block;object-fit:cover}
.pm-home-air .pm-home-plate{background-color:#1b393c;background-image:linear-gradient(90deg,transparent 95%,#acf1db12 95%),linear-gradient(0deg,transparent 95%,#acf1db12 95%);background-size:16px 16px}
.pm-home-air .pm-home-plate img{object-fit:contain}
.pm-home-cover:focus-visible{outline:3px solid #086f59;outline-offset:3px}
.pm-home-cover:hover .pm-home-label{text-decoration-thickness:2px}
@media (min-width:741px) and (max-width:960px){
  .pm-home-layout{gap:25px;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr)}
  .pm-home-offer h1{font-size:clamp(47px,5.6vw,55px)}
  .pm-home-cover{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
  .pm-home-cover-body{padding:12px}
  .pm-home-label{font-size:12px}
}
@media (max-width:740px){
  .pm-home-layout{grid-template-columns:minmax(0,1fr);gap:19px;padding-block:24px}
  .pm-home-offer h1{font-size:clamp(36px,7.4vw,54px);line-height:1;max-width:18ch}
  .pm-home-offer p{max-width:52ch;margin-block:11px 14px;font-size:16px;line-height:1.4}
  .pm-home-spread{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pm-home-caption{grid-column:1/-1;font-size:12px}
  .pm-home-cover{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(88px,1fr);margin:0;min-height:0}
  .pm-home-cover-body{padding:11px 12px;justify-content:flex-start}
  .pm-home-plate{height:clamp(88px,23vw,150px)}
  .pm-home-label{font-size:12px;line-height:1.3;align-items:baseline;gap:4px}
  .pm-home-label svg{width:11px;height:11px}
  .pm-home-name{margin-top:10px;font-size:25px}
  .pm-home-basement .pm-home-name span{font-size:9px}
  .pm-home-story{font-size:13px;max-width:27ch}
  .pm-home-basement .pm-home-plate img{object-position:center 54%}
}
@media (max-width:440px){
  .pm-home-layout{padding-block:17px 23px;gap:14px}
  .pm-home-offer h1{font-size:clamp(31px,8.8vw,38px);line-height:1;letter-spacing:-.058em;max-width:none}
  .pm-home-offer p{margin-block:8px 11px;font-size:15px;line-height:1.32}
  .pm-home-offer .pm-home-cta{min-height:40px;font-size:14px;padding:8px 13px}
  .pm-home-spread{gap:6px}
  .pm-home-cover{display:flex;flex-direction:column}
  .pm-home-cover-body{display:contents}
  .pm-home-label{order:0;min-height:40px;margin:0;padding:8px;align-items:center;justify-content:space-between;font:650 13px/1.18 "Segoe UI",Arial,sans-serif}
  .pm-home-plate{order:1;flex:none;height:clamp(72px,22vw,96px)}
  .pm-home-name{margin:0;padding:8px 8px 0;font-size:21px;order:2}
  .pm-home-basement .pm-home-name span{display:inline;font:inherit;font-size:.63em;white-space:nowrap;letter-spacing:-.035em}
  .pm-home-story{margin:0;padding:5px 8px 10px;font-size:12px;line-height:1.35;order:3}
}
@media (max-width:360px) and (max-height:700px){
  .pm-home-layout{gap:7px;padding-top:12px}
  .pm-home-offer{display:contents}
  .pm-home-offer h1{order:0}
  .pm-home-offer .pm-home-cta{order:1;justify-self:start}
  .pm-home-spread{order:2}
  .pm-home-offer p{order:3;margin:3px 0 0}
  .pm-home-label{font-size:12px}
}