/* In their words: pinned note cards on warm paper */
.phr{background:#F3EADF;color:#1D1206;padding:92px 0 84px;position:relative}
.phr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.phr-k{font:600 12px 'Instrument Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6B003E;margin:0 0 12px;display:flex;gap:10px;align-items:center}
.phr-k::before{content:"";width:24px;height:2px;background:currentColor}
.phr h2{font:900 clamp(36px,5vw,64px)/.95 'Work Sans',sans-serif;letter-spacing:-.045em;margin:0;color:#1D1206}
.phr h2 em{font:400 italic 1.08em 'Instrument Serif',serif;letter-spacing:-.01em;color:#6B003E}
.phr-sub{max-width:34ch;margin:0;font-size:16px;line-height:1.5;color:#5b4636}
.phr-wall{columns:4;column-gap:24px}
.phr-card{position:relative;display:inline-block;width:100%;box-sizing:border-box;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 30px;background:#FFFDF8;border:1px solid #E6D9CB;border-radius:4px;padding:34px 24px 22px;box-shadow:0 18px 30px -20px rgba(70,30,10,.4);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.phr-card--0{transform:rotate(-1.6deg)}
.phr-card--1{transform:rotate(1.2deg) translateY(18px)}
.phr-card--2{transform:rotate(-.8deg) translateY(-6px)}
.phr-card--3{transform:rotate(1.8deg) translateY(12px);background:#6B003E;border-color:#6B003E;color:#FFFDF8}
.phr-card:hover{transform:rotate(0) translateY(-6px);box-shadow:0 26px 36px -20px rgba(70,30,10,.5)}
.phr-tape{position:absolute;top:-11px;left:50%;width:84px;height:22px;margin-left:-42px;background:rgba(254,204,2,.78);transform:rotate(-3deg);box-shadow:0 1px 0 rgba(0,0,0,.08)}
.phr-card--1 .phr-tape{transform:rotate(2.5deg);background:rgba(201,190,255,.85)}
.phr-card--3 .phr-tape{background:rgba(254,204,2,.9)}
.phr-mark{display:block;font:400 84px/.6 'Instrument Serif',serif;color:#6B003E;height:34px}
.phr-card--3 .phr-mark{color:#FECC02}
.phr blockquote{margin:0 0 22px;font:400 clamp(24px,2.3vw,30px)/1.12 'Instrument Serif',serif;letter-spacing:-.005em}
.phr figcaption{border-top:1px dashed currentColor;padding-top:14px;display:grid;gap:4px;opacity:.95}
.phr figcaption b{font:700 15px 'Work Sans',sans-serif;letter-spacing:-.01em}
.phr figcaption span{display:flex;align-items:center;gap:7px;font:500 12px 'Instrument Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase;opacity:.75}
.phr figcaption svg{width:14px;height:14px;fill:currentColor;flex:0 0 auto}
.phr-foot{margin:56px 0 0;text-align:center;font-size:16px;color:#5b4636}
.phr-foot a{color:#6B003E;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.phr-wall{columns:2}}
@media (max-width:600px){
  .phr{padding:56px 0 52px}
  .phr-wall{columns:1}
  .phr-card:nth-child(n+7){display:none}
  .phr-card,.phr-card--0,.phr-card--1,.phr-card--2,.phr-card--3{transform:none}
  .phr-card--0{transform:rotate(-1deg)}.phr-card--2{transform:rotate(.8deg)}
}
@media (prefers-reduced-motion:reduce){.phr-card{transition:none}}
.phr-src{font:500 12px 'Instrument Sans',sans-serif;letter-spacing:.02em;color:inherit;opacity:.8;text-decoration:underline;text-underline-offset:3px;width:max-content}
.phr-src:hover{opacity:1}
.phr blockquote{white-space:pre-line}
.phr-sub{display:grid;gap:10px}.phr-sub p{margin:0}
.phr-rate{font:400 20px 'Instrument Serif',serif;color:#1D1206}.phr-rate b{font:900 34px 'Work Sans',sans-serif;letter-spacing:-.04em;color:#6B003E;margin-right:4px}