/* Wrappers page. Reuses the landing page's tokens and form styles; only the
   page-specific layout lives here. */

.wr-hero{background-color:var(--bg);background-image:repeating-linear-gradient(90deg,rgba(232,85,138,.055) 0 17px,transparent 17px 34px),repeating-linear-gradient(180deg,rgba(232,85,138,.055) 0 17px,transparent 17px 34px);padding:clamp(110px,16vh,170px) 0 clamp(48px,7vh,80px);text-align:center}
.wr-hero .eyebrow{color:var(--accent)}
.wr-hero h1{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(34px,5.4vw,62px);line-height:1.04;margin:12px 0 0}
.wr-hero h1 em{font-family:'Parisienne',cursive;font-style:normal;font-size:1.12em;line-height:.9;color:var(--accent)}
.wr-hero p{max-width:540px;margin:16px auto 0;color:var(--ink-soft);font-size:16px;line-height:1.6}

.wr-list{background:var(--bg);padding:clamp(24px,4vh,48px) 0 clamp(56px,8vh,96px)}
.wr-card{display:flex;gap:22px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,30px);margin-bottom:18px;box-shadow:0 24px 50px -34px rgba(63,33,48,.3)}
/* Initial-letter avatars rather than photos: the page has to be honest on
   day one, and an empty photo frame reads as unfinished where a monogram
   reads as designed. Swap for real photographs as wrappers join. */
.wr-avatar{flex:0 0 auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-family:'Instrument Serif',serif;font-size:28px;line-height:1}
.wr-avatar-open{background:transparent;border:2px dashed rgba(232,85,138,.45);color:var(--accent);font-size:24px}
.wr-card-open{background:rgba(232,85,138,.04);border-style:dashed}
.wr-body h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:24px;margin:0 0 2px;line-height:1.15}
.wr-city{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.wr-body p{margin:10px 0 0;color:var(--ink-soft);font-size:15px;line-height:1.6}

.wr-honest{background:var(--bg-alt);padding:clamp(56px,8vh,96px) 0;text-align:center}
.wr-honest h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(26px,3.6vw,40px);margin:0;line-height:1.1}
.wr-honest p{max-width:560px;margin:16px auto 0;color:var(--ink-soft);font-size:16px;line-height:1.6}

.wr-apply{background:var(--bg);padding:clamp(56px,8vh,100px) 0 clamp(72px,10vh,120px)}
.wr-apply-head{text-align:center;margin-bottom:clamp(26px,4vh,40px)}
.wr-apply-head .eyebrow{color:var(--accent)}
.wr-apply-head h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(28px,4.2vw,48px);margin:10px 0 0;line-height:1.06}
.wr-apply-head h2 em{font-family:'Parisienne',cursive;font-style:normal;font-size:1.14em;line-height:.9;color:var(--accent)}
.wr-apply-head p{max-width:520px;margin:14px auto 0;color:var(--ink-soft);font-size:15px;line-height:1.6}

@media (max-width:560px){
.wr-card{flex-direction:column;gap:14px}
}

/* Founder quote. Set in the serif rather than the UI sans — it is the one
   piece of first-person voice on the page and should read as someone
   speaking, not as body copy. */
.wr-quote{font-family:'Instrument Serif',serif;font-size:20px;line-height:1.42;color:var(--ink);margin:12px 0 0;padding:0 0 0 18px;border-left:3px solid rgba(232,85,138,.35)}
.wr-attr{margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}