/* One editorial type system across every scene and control. */
:root{--font-body:'Libre Franklin','Trebuchet MS',sans-serif;--font-display:'Zilla Slab',Georgia,serif;font-family:var(--font-body)}
body,button,input,select,textarea{font-family:var(--font-body)}
body h1,body h2,body h3,body h4,.brand,.profile-name,.relationship-cover p,.relationship-signoff,.relationship-signoff em,.relationship-chapter blockquote{font-family:var(--font-display)!important;font-weight:700;letter-spacing:-.02em;line-height:1.16}
body p,body li,body dt,body dd,.brand-note,.scene-caption,.rail-button small,.roster-tag,.profile-story,.profile-note,.ability-description p,.relationship-reading,.relationship-lead,.relationship-chapter>p{font-family:var(--font-body)}
body nav button,.gold-button,.card p,.card-kicker,.rail-button small,.roster-tag,.ability-button,.availability,.profile-role,.eyebrow{font-family:var(--font-body)!important}
.relationship-eyebrow,.relationship-number,.relationship-scroll-cue{font-family:var(--font-display);font-style:normal;font-weight:600}
.relationship-eyebrow,.relationship-number{border-radius:2px;padding:8px 18px;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%);font-size:15px}
.relationship-lead,.relationship-chapter>p{font-size:14px;line-height:1.8}
.relationship-intro h2{font-size:clamp(35px,3.4vw,49px)}
.relationship-chapter h3{font-size:33px}.relationship-chapter blockquote{font-size:26px;font-style:normal}
.card h2{font-size:clamp(21px,2.1vw,30px);line-height:1.12}.card-kicker{font-size:9px;letter-spacing:1.25px;font-style:normal}.card p{font-size:12px;line-height:1.5}
.cards .card h2{font-family:'Nunito','Trebuchet MS',sans-serif!important;font-weight:900;letter-spacing:-.03em}
.cards .card .arrow{display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
.cards .card .arrow svg{display:block;width:18px;height:18px;flex:none}
.shell>header{column-gap:0}
.shell>header .brand{height:auto;aspect-ratio:3;background-size:100% auto}
.content-badge{position:relative;display:flex;align-items:center;gap:7px;flex:none;min-height:34px;padding:4px 0 4px 48px;color:#fff;font:700 14px/1.3 'Nunito','Trebuchet MS',sans-serif;white-space:nowrap}
.content-badge:before{content:'';position:absolute;left:24px;top:0;bottom:0;width:1px;background:#ffffffb3}
@media(max-width:760px){.content-badge{flex-direction:column;align-items:flex-start;gap:1px;padding-left:16px;font-size:10px;min-height:30px}.content-badge:before{left:8px}.shell>header .brand{width:clamp(110px,36vw,190px)!important;height:auto!important}.shell>header{gap:0}.language-switch{margin-left:auto;gap:5px}}
.brand{font-variant:normal;letter-spacing:-.02em;font-size:clamp(28px,3vw,45px)}.brand-note{font-size:12px;letter-spacing:.2px}
.hero-copy h1{font-variant:normal;font-size:clamp(52px,6.4vw,98px);letter-spacing:-.035em}.hero-copy .description{font-family:var(--font-display);font-weight:500}
.profile-name{font-size:clamp(34px,4.3vw,66px)}.ability-description h3{font-size:25px}.profile-story{line-height:1.75}
#private-demo-dialog h2{font-family:var(--font-display);font-size:42px;line-height:1.12}#private-demo-dialog p,#private-demo-dialog dd{font-family:var(--font-body);line-height:1.7}
@media(max-height:800px) and (min-width:761px){.relationship-intro h2{font-size:37px}.profile-name{font-size:42px}.hero-copy h1{font-size:65px}}
@media(max-width:760px){.brand{font-size:27px}.card h2{font-size:27px}.relationship-intro h2{font-size:35px}.relationship-chapter h3{font-size:30px}.hero-copy h1{font-size:54px}.profile-name{font-size:35px}#private-demo-dialog h2{font-size:34px}header nav button{font-size:11px}}
#private-demo-dialog{position:relative;text-align:center;padding:48px 42px 40px;border:1px solid #d9c58a;border-radius:20px;background:linear-gradient(160deg,#fffdf4,#ecf3ec);box-shadow:0 28px 80px #051d2d99,inset 0 0 0 5px #fffef9}
#private-demo-dialog:before{content:'';position:absolute;inset:10px;border:1px solid #bdab7855;border-radius:12px;pointer-events:none}
#private-demo-dialog .eyebrow{display:block;margin:0;color:#68734e;font:800 11px/1.4 'Nunito','Trebuchet MS',sans-serif;letter-spacing:.22em}
#private-demo-dialog h2{font:900 clamp(29px,3vw,39px)/1.14 'Nunito','Trebuchet MS',sans-serif;letter-spacing:-.04em;color:#183a3e;margin:20px auto 15px;max-width:14ch}
#private-demo-dialog h2:after{content:'✧';display:block;margin:12px auto 0;color:#bd994f;font:400 26px/1 Georgia,serif}
#private-demo-dialog>p{font:500 15px/1.7 'Nunito','Trebuchet MS',sans-serif;color:#47606a;max-width:42ch;margin:0 auto}
#private-demo-dialog dl{margin:25px 0 23px;padding:6px 17px;border:1px solid #c6d2bb;border-radius:11px;background:#f4f5e9}
#private-demo-dialog dl div{font:700 13px/1.4 'Nunito','Trebuchet MS',sans-serif;text-align:left;padding:11px 0;border-bottom:1px solid #c7d0b8}
#private-demo-dialog dl div:last-child{border-bottom:0}
#private-demo-dialog dd{color:#526448;text-align:right;font-family:'Nunito','Trebuchet MS',sans-serif}
#private-demo-dialog .gold-button{font:800 15px 'Nunito','Trebuchet MS',sans-serif;min-height:52px}
@media(max-width:760px){#private-demo-dialog{padding:39px 24px 28px}#private-demo-dialog h2{font-size:30px}#private-demo-dialog>p{font-size:14px}#private-demo-dialog dl{padding-inline:12px}}
