@font-face{font-family:FragmentDM;src:url("../artists/fonts/DMSans.ea5a2acb6727.woff2") format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:FragmentDisplay;src:url("../artists/fonts/BricolageGrotesque.83fc903ea4fd.woff2") format('woff2');font-weight:100 900;font-display:swap}
.fragment-feature-page{--ff-ink:#163f35;--ff-paper:#f7f4ee;background:var(--ff-paper);color:var(--ff-ink);font-family:FragmentDM,sans-serif}
.fragment-feature-page main{max-width:none;padding:0;margin:0}
.fragment-feature-page .wa-bubble{display:none}
.ff{overflow:clip}.ff *{box-sizing:border-box}.ff h1,.ff h2,.ff h3{font-family:FragmentDisplay,sans-serif;letter-spacing:-.035em;color:inherit}.ff p{line-height:1.65;margin:0 0 20px;max-width:62ch}.ff h2{font-size:clamp(32px,3.4vw,49px);line-height:1.12;margin:0 0 26px}.ff h3{font-size:25px;line-height:1.2;margin:0 0 12px}.ff a{text-underline-offset:4px}.ff-hero,.ff-example,.ff-how,.ff-honest,.ff-questions,.ff-end{padding:80px max(24px,calc((100vw - 1200px)/2))}
.ff-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;padding-top:64px;padding-bottom:72px}.ff h1{font-size:clamp(48px,5.5vw,78px);line-height:1.03;margin:22px 0 30px;font-weight:700}.ff .ff-kicker{font-size:14px;font-weight:700;color:#45685a;margin:0}.ff .ff-lead{font-size:21px;line-height:1.55}.ff-intro>p:not(.ff-small):not(.ff-kicker){max-width:44ch}.ff-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:30px 0 18px}.ff .ff-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:#17664f;color:#fff;padding:17px 24px;border-radius:6px;text-decoration:none;font-size:18px;font-weight:700;line-height:1.4;transition:background .18s,transform .18s}.ff .ff-button:hover{background:#104c3b;transform:translateY(-2px)}.ff .ff-button:focus-visible,.ff a:focus-visible,.ff summary:focus-visible{outline:3px solid #ae581e;outline-offset:5px}.ff .ff-link{font-size:15px;font-weight:600;color:#224e40;text-decoration:underline}.ff .ff-small{font-size:14px;color:#456357}.ff-demo{min-width:0}.ff .fragment-video{margin:0;max-width:none}.ff video{display:block;width:100%;height:auto;aspect-ratio:4/5;background:transparent;border-radius:0;mix-blend-mode:darken}.ff .fragment-video figcaption{font-size:14px;color:#456357;margin-top:14px}.ff .fragment-video>a{display:inline-block;font-size:13px;color:#456357;margin-top:7px}.ff-example{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid #d2d9cf}.ff-example p{font-size:18px}.ff-lyrics{margin:0;align-self:center}.ff-lyrics figcaption{font-size:13px;color:#456357;margin-bottom:20px}.ff-lyrics p{font-family:FragmentDisplay,sans-serif;font-size:clamp(23px,2.5vw,34px);line-height:1.7;margin:0 0 12px}.ff-lyrics del{color:#6c716b;text-decoration-thickness:2px}.ff-lyrics ins{color:#17664f;text-decoration:none;background:#e1e9d9;padding:3px 5px}.ff-lyrics>span{font-size:13px;line-height:1.5;display:block}.ff-how{background:#e9eee3}.ff-steps{list-style:none;counter-reset:step;margin:42px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:0}.ff-steps li{counter-increment:step;position:relative;padding:25px 0 25px 85px;border-top:1px solid #c5d1c1}.ff-steps li:before{content:'0' counter(step);position:absolute;left:0;top:25px;font:600 30px FragmentDisplay,sans-serif;color:#52745b}.ff-steps p{margin:0}.ff-honest{display:grid;grid-template-columns:.7fr 1fr;gap:90px;background:#163f35;color:#f7f4ee;align-items:center}.ff-listen{font:700 clamp(60px,8vw,112px)/.95 FragmentDisplay,sans-serif;letter-spacing:-.05em;color:#d1debd}.ff-honest p{color:#e1e8da}.ff-questions{max-width:none}.ff-questions details{border-bottom:1px solid #d2d9cf;padding:22px 0;max-width:840px}.ff-questions summary{font-weight:700;font-size:19px;cursor:pointer;line-height:1.5;padding-right:20px}.ff-questions details p{margin:18px 0 0}.ff-questions a{color:inherit}.ff-end{text-align:center;background:#e8ecdc}.ff-end h2{font-size:clamp(36px,4.5vw,62px)}.ff-end p{margin:20px auto 16px;font-size:14px}
@media(max-width:767px){.ff-hero,.ff-example,.ff-how,.ff-honest,.ff-questions,.ff-end{padding:48px 24px}.ff-hero{grid-template-columns:1fr;gap:28px;padding-top:36px}.ff h1{font-size:52px;margin:16px 0 24px}.ff .ff-lead{font-size:19px}.ff-actions{margin-top:24px}.ff-example{grid-template-columns:1fr;gap:20px}.ff-lyrics p{font-size:24px}.ff-honest{grid-template-columns:1fr;gap:30px}.ff-listen{font-size:64px}.ff-listen{font-size:60px}.ff-steps li{padding-left:54px}.ff-steps li:before{font-size:24px}.ff h3{font-size:23px}.ff-end .ff-button{width:100%}.ff .ff-button{min-height:54px}.ff-questions summary{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ff .ff-button{transition:none}.ff .ff-button:hover{transform:none}}
.ff video:fullscreen{mix-blend-mode:normal;background:#fff}
