/* TherapaJi editorial identity. Content-led; no animated hero or invented social proof. */
:root{--brand-paper:#f6f3ec;--brand-ink:#152a3b;--brand-muted:#49575d;--brand-line:#d8dbd5;--brand-orange:#b1442b;--brand-soft:#e9ece3}
body.tp-experience{background:var(--brand-paper);color:var(--brand-ink)}
.tp-experience .brand-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.tp-experience .brand-home,.tp-experience .brand-watch{font-family:Inter,system-ui,sans-serif;color:var(--brand-ink)}
.tp-experience .brand-kicker{font:650 .71rem/1.6 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;color:var(--brand-muted)}
.tp-experience .brand-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:72px;align-items:center;padding-block:76px 84px}
.tp-experience .brand-hero .hero-headline,.tp-experience .brand-watch h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(3.3rem,5.7vw,5.3rem);line-height:1.04;letter-spacing:-.045em;color:var(--brand-ink);margin:20px 0 26px;max-width:none;text-wrap:balance}
.tp-experience .brand-hero .hero-headline em,.tp-experience .brand-watch h1 em{font-weight:400;color:var(--brand-orange)}
.tp-experience .brand-lead{font-size:clamp(1.15rem,1.7vw,1.35rem);line-height:1.6;max-width:600px;margin:0 0 16px;color:var(--brand-ink)}
.tp-experience .brand-intro{max-width:520px;color:var(--brand-muted);font-size:1rem;line-height:1.75;margin:0}
.tp-experience .brand-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:30px}
.tp-experience a.brand-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:52px;padding:14px 22px;background:var(--brand-ink);border:1px solid var(--brand-ink);border-radius:6px;color:#fff;text-decoration:none;font:600 .88rem/1.5 Inter,system-ui,sans-serif;transition:background .16s,transform .16s}
.tp-experience a.brand-button:hover{background:#294457;transform:translateY(-1px)}
.tp-experience a.brand-button-light{background:var(--brand-paper);border-color:var(--brand-paper);color:var(--brand-ink)}
.tp-experience a.brand-text-link{display:inline-flex;align-items:center;gap:16px;color:var(--brand-ink);font-weight:600;font-size:.86rem;line-height:1.6;text-decoration:none;padding-block:8px;border-bottom:1px solid currentColor}
.tp-experience .brand-format-line{display:flex;flex-wrap:wrap;gap:14px;align-items:center;border-top:1px solid var(--brand-line);padding-top:22px;margin-top:38px;font-size:.73rem;color:var(--brand-muted)}
.tp-experience .brand-format-line a{color:var(--brand-muted);text-decoration:none;padding-block:5px}
.tp-experience a.brand-series-poster{display:flex;flex-direction:column;min-height:536px;background:var(--brand-ink);color:var(--brand-paper);text-decoration:none;padding:28px 32px;border-radius:4px;position:relative;box-shadow:13px 13px 0 #e4e5dd}
.tp-experience .brand-series-poster::before{content:'';position:absolute;inset:0 0 0 auto;width:9px;background:#da7049;border-radius:0 4px 4px 0}
.tp-experience .brand-poster-top{display:flex;justify-content:space-between;gap:20px;font-size:.6rem;letter-spacing:.11em;text-transform:uppercase;color:#dae0db;line-height:1.6}
.tp-experience .brand-poster-title{display:flex;flex-direction:column;margin:54px 0 28px;letter-spacing:-.025em;font-family:'DM Serif Display',Georgia,serif;line-height:.97;font-size:clamp(2.8rem,4.8vw,4.8rem)}
.tp-experience .brand-poster-title strong{font-weight:400;color:#efb783}
.tp-experience .brand-poster-title .brand-poster-sub{font:500 .82rem/1.6 Inter,system-ui,sans-serif;letter-spacing:.02em;margin-top:18px}
.tp-experience .brand-poster-premise{font-size:1rem;line-height:1.65;color:#dce2df;margin:0 0 30px}
.tp-experience .brand-poster-bottom{border-top:1px solid #5b6b77;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;font-size:.81rem}
.tp-experience .brand-circle-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid #a3b0b5;border-radius:100%;font-size:1.1rem}
.tp-experience .brand-section{padding-block:70px;border-top:1px solid var(--brand-line)}
.tp-experience .brand-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.tp-experience .brand-home h2,.tp-experience .brand-watch h2{font:400 clamp(2rem,3.1vw,2.85rem)/1.15 'DM Serif Display',Georgia,serif;letter-spacing:-.025em;color:var(--brand-ink);margin:0}
.tp-experience .brand-section-heading>p{color:var(--brand-muted);font-size:.9rem;line-height:1.7;max-width:330px;margin:0}
.tp-experience .brand-format-grid,.tp-experience .brand-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tp-experience .brand-format-card{display:flex;flex-direction:column;align-items:start;border-top:2px solid var(--brand-ink);padding:24px 8px 2px 0}
.tp-experience .brand-card-number{font-size:.66rem;font-weight:600;letter-spacing:.13em;color:var(--brand-orange);margin-bottom:26px}
.tp-experience .brand-home h3{font:400 1.7rem/1.2 'DM Serif Display',Georgia,serif;letter-spacing:-.015em;margin:0 0 16px;color:inherit}
.tp-experience .brand-format-card p{color:var(--brand-muted);font-size:.9rem;line-height:1.8;margin:0 0 24px}
.tp-experience .brand-format-card a{margin-top:auto}
.tp-experience .brand-reading{padding-block:70px;background:var(--brand-soft)}
.tp-experience .brand-read-card{display:flex;flex-direction:column;align-items:start;background:var(--brand-paper);padding:30px 26px;border:1px solid #d6dacd;min-height:306px}
.tp-experience .brand-read-card h3{font-size:1.6rem;line-height:1.3}
.tp-experience .brand-read-card h3 a{color:var(--brand-ink);text-decoration:none}
.tp-experience .brand-read-card p:not(.brand-kicker){color:var(--brand-muted);font-size:.9rem;line-height:1.7;margin:0 0 20px}
.tp-experience .brand-read-card>.brand-text-link{margin-top:auto}
.tp-experience .brand-two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tp-experience .brand-resource-card,.tp-experience .brand-survey-card{padding:38px;display:flex;flex-direction:column;align-items:start}
.tp-experience .brand-resource-card{background:#ebe6dc;border:1px solid #dcd5c7}
.tp-experience .brand-survey-card{background:var(--brand-ink);color:var(--brand-paper)}
.tp-experience .brand-survey-card .brand-kicker{color:#d3dedc}
.tp-experience .brand-two-up h3{font-size:2rem;line-height:1.18}
.tp-experience .brand-two-up p:not(.brand-kicker){font-size:.9rem;line-height:1.75;margin:0 0 25px;max-width:420px}
.tp-experience .brand-two-up a{margin-top:auto}
.tp-experience p.brand-small{font-size:.73rem!important;line-height:1.6!important;color:var(--brand-muted);margin:16px 0 0!important}
.tp-experience .brand-survey-card p.brand-small{color:#d3dedc}
.tp-experience .brand-about{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;padding-block:32px 86px}
.tp-experience .brand-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:center}
.tp-experience .brand-people img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 35%;border-radius:3px}
.tp-experience .brand-people img:nth-child(2){margin-top:60px}
.tp-experience .brand-about h2{margin-bottom:24px}
.tp-experience .brand-about p:not(.brand-kicker){font-size:.93rem;color:var(--brand-muted);line-height:1.8;max-width:530px}
.tp-experience .brand-contact{background:#e7e2d7;border-top:1px solid #d5cfbf;padding-block:60px}
.tp-experience .brand-contact-inner{display:flex;justify-content:space-between;gap:36px;align-items:center}
.tp-experience .brand-contact p:not(.brand-kicker){color:var(--brand-muted);line-height:1.8;margin-top:20px}
.tp-experience .brand-contact-actions{display:flex;flex-direction:column;align-items:start;gap:15px;flex-shrink:0}
/* Reading library: a publication, not a motivational landing page. */
.tp-experience .tp-journal-header{padding:60px 0 32px;max-width:880px}
.tp-experience .tp-journal-header h1{font-size:clamp(2.7rem,5vw,4.65rem);line-height:1.08;letter-spacing:-.035em}
.tp-experience .tp-journal-header .tp-dek{max-width:730px;font-size:1.1rem;line-height:1.7}
.tp-experience .tp-feature{border-radius:4px}
.tp-experience .tp-library-card{border-radius:4px}
.tp-experience .tp-library-art.brand-type-art{min-height:150px;height:auto;aspect-ratio:auto;display:flex;align-items:end;justify-content:start;background:var(--brand-soft);padding:26px}
.tp-experience .brand-type-art span{font:400 1.8rem/1.1 'DM Serif Display',Georgia,serif;color:var(--brand-ink);max-width:250px}
.tp-experience .brand-editorial-note{max-width:740px;margin-top:18px;font-size:.8rem;color:var(--brand-muted);line-height:1.65}
.tp-experience .brand-watch{padding-block:60px 80px}
.tp-experience .brand-watch-intro{max-width:870px;padding-bottom:50px}
.tp-experience .brand-watch-intro>p:not(.brand-kicker):not(.brand-lead):not(.brand-small){font-size:1rem;color:var(--brand-muted);line-height:1.8;max-width:680px}
.tp-experience .brand-episode-section{border-top:1px solid var(--brand-line);padding-block:48px}
.tp-experience .brand-episode-list{list-style:none;padding:0;margin:0}
.tp-experience .brand-episode-list li{display:grid;grid-template-columns:65px minmax(0,1fr) 150px;gap:28px;align-items:start;padding:30px 0;border-top:1px solid var(--brand-line)}
.tp-experience .brand-episode-num{font:400 2.1rem/1.1 'DM Serif Display',Georgia,serif;color:var(--brand-orange)}
.tp-experience .brand-episode-list .brand-kicker{margin-bottom:10px}
.tp-experience .brand-episode-list h3{font:400 1.8rem/1.2 'DM Serif Display',Georgia,serif;margin:0 0 12px}
.tp-experience .brand-episode-list p:not(.brand-kicker){font-size:.9rem;color:var(--brand-muted);line-height:1.75;max-width:600px;margin:0}
.tp-experience .brand-episode-date{font-size:.75rem;line-height:1.6;color:var(--brand-muted);padding-top:5px}
.tp-experience .brand-fiction-note{font-size:.82rem;line-height:1.7;max-width:780px;padding:22px 0;color:var(--brand-muted)}
.tp-experience .brand-after-watch{padding:38px;background:var(--brand-soft)}
.tp-experience .brand-after-watch>p:not(.brand-kicker){max-width:700px;line-height:1.75;color:var(--brand-muted);margin-top:22px}
.tp-experience .footer .footer-tagline{font-style:normal}
.tp-experience .brand-footer-links{display:flex;gap:15px;flex-wrap:wrap;margin-block:18px;font-size:.8rem}
.tp-experience .brand-footer-links a{color:#e0e8ed;text-decoration:none;line-height:1.6;padding-block:4px}
.tp-experience .brand-home :focus-visible,.tp-experience .brand-watch :focus-visible{outline:3px solid #a64128;outline-offset:5px}
.tp-experience .brand-series-poster:focus-visible,.tp-experience .brand-survey-card :focus-visible{outline-color:#f4be86}
@media(max-width:1000px){.tp-experience .brand-hero{gap:34px;padding-block:52px 60px}.tp-experience .brand-series-poster{min-height:510px;padding:26px}.tp-experience .brand-about{gap:35px}.tp-experience .brand-resource-card,.tp-experience .brand-survey-card{padding:28px}}
@media(max-width:760px){.tp-experience .brand-wrap{width:calc(100% - 40px)}.tp-experience .brand-hero{grid-template-columns:1fr;gap:36px;padding-block:38px 50px}.tp-experience .brand-hero .hero-headline{font-size:clamp(3rem,10vw,4.5rem);margin-top:15px}.tp-experience a.brand-series-poster{min-height:410px;padding:26px 28px;box-shadow:7px 7px 0 #e4e5dd}.tp-experience .brand-poster-title{font-size:4rem;margin:28px 0 20px}.tp-experience .brand-poster-premise{font-size:.94rem}.tp-experience .brand-section-heading{display:block}.tp-experience .brand-section-heading>p,.tp-experience .brand-section-heading>.brand-text-link{margin-top:18px}.tp-experience .brand-format-grid,.tp-experience .brand-reading-grid,.tp-experience .brand-two-up{grid-template-columns:1fr}.tp-experience .brand-format-card{padding:24px 0}.tp-experience .brand-card-number{margin-bottom:17px}.tp-experience .brand-format-card p{max-width:560px;margin-bottom:12px}.tp-experience .brand-read-card{min-height:240px}.tp-experience .brand-section,.tp-experience .brand-reading{padding-block:45px}.tp-experience .brand-about{grid-template-columns:1fr;padding-block:10px 55px;gap:38px}.tp-experience .brand-people{max-width:460px}.tp-experience .brand-people img:nth-child(2){margin-top:30px}.tp-experience .brand-contact-inner{display:block}.tp-experience .brand-contact-actions{margin-top:26px}.tp-experience .brand-watch{padding-block:35px 50px}.tp-experience .brand-watch h1{font-size:3.2rem}.tp-experience .brand-episode-list li{grid-template-columns:40px minmax(0,1fr);gap:18px}.tp-experience .brand-episode-date{grid-column:2}.tp-experience .brand-after-watch{padding:26px}.tp-experience .tp-journal-header{padding-top:35px}.tp-experience .brand-format-line{gap:9px;font-size:.69rem}}
@media(max-width:360px){.tp-experience .brand-wrap{width:calc(100% - 32px)}.tp-experience .brand-hero .hero-headline{font-size:2.75rem}.tp-experience .brand-actions{gap:16px}.tp-experience .brand-button{max-width:100%;gap:12px}.tp-experience .brand-series-poster{padding:22px}.tp-experience .brand-poster-top{font-size:.54rem;gap:12px}.tp-experience .brand-poster-title{font-size:3.5rem}.tp-experience .brand-watch h1{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){.tp-experience .brand-home *,.tp-experience .brand-watch *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){.tp-experience .brand-series-poster,.tp-experience .brand-read-card,.tp-experience .brand-resource-card,.tp-experience .brand-survey-card{border:1px solid CanvasText}.tp-experience .brand-button{border:2px solid ButtonText}}

.tp-experience .brand-signup{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--brand-line);padding-block:60px}.tp-experience .brand-signup h2{margin-bottom:20px}.tp-experience .brand-signup>div>p:not(.brand-kicker){max-width:430px;line-height:1.75;color:var(--brand-muted)}.tp-experience .brand-signup .smart-form{width:100%;background:transparent;padding:0;box-shadow:none;border:0}.tp-experience .brand-signup .smart-form-field label{color:var(--brand-ink)}@media(max-width:760px){.tp-experience .brand-signup{grid-template-columns:1fr;gap:24px}}
.tp-experience .brand-home{padding-top:80px}.tp-experience .brand-watch{padding-top:145px}@media(max-width:760px){.tp-experience .brand-home{padding-top:68px}.tp-experience .brand-watch{padding-top:105px}}

/* Public story-room entrances share the destination's original artwork. */
.tp-experience .brand-story-invite{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;background:#f2e7d6 url('/images/participate/phulkari.svg') center/130px;border:1px solid #dfcfb9;border-radius:7px}
.tp-experience .brand-story-invite>div>p:not(.brand-kicker){max-width:550px;line-height:1.8;color:#66616b;margin-top:22px}
.tp-experience .brand-story-invite h2 em{color:var(--brand-orange)}
.tp-experience .brand-story-art{display:block;background:#fffaf0;border:1px solid #d6c8b9;border-radius:75px 5px 5px 5px;padding:8px;text-decoration:none;transform:rotate(2deg);box-shadow:7px 7px 0 #e7dac9;transition:transform .25s}
.tp-experience .brand-story-art:hover{transform:rotate(0)}
.tp-experience .brand-story-art>img{display:block;width:100%;height:auto;border-radius:65px 3px 3px 3px}
.tp-experience .brand-story-art>span{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 12px 10px;font-size:.72rem;color:#232a43}
.tp-experience .brand-story-art>span>span{font-size:1.3rem}
.tp-experience .brand-community-preview{overflow:hidden}
.tp-experience .brand-community-preview>img{width:calc(100% + 76px);max-width:none;height:185px;object-fit:cover;object-position:50% 55%;margin:-38px -38px 30px;display:block}
@media(max-width:1000px){.tp-experience .brand-story-invite{gap:30px}.tp-experience .brand-community-preview>img{width:calc(100% + 56px);margin:-28px -28px 25px}}
@media(max-width:640px){.tp-experience .brand-story-invite{grid-template-columns:1fr;gap:35px}.tp-experience .brand-story-art{max-width:450px}.tp-experience .brand-community-preview>img{height:180px}}
@media(prefers-reduced-motion:reduce){.tp-experience .brand-story-art{transition:none}.tp-experience .brand-story-art:hover{transform:rotate(2deg)}}
