/* Transformation Method page sections (transformation-*). Shared by every
   section on that page; forked from transformation-life.css + transformation-results.css
   with section backgrounds moved to each section's background_color setting. */
.tf-sec{font-family:var(--font-body);color:var(--clr-text-primary);scroll-margin-top:120px}.tf-sec *{box-sizing:border-box}.tf-sec h1,.tf-sec h2,.tf-sec h3{font-family:var(--font-primary);font-weight:400;color:inherit;line-height:1.1;margin:0;text-wrap:balance}.tf-sec h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-.035em}.tf-sec h2{font-size:clamp(34px,3.7vw,52px);letter-spacing:-.025em}.tf-sec h3{font-size:27px;line-height:1.2}.tf-sec p{line-height:1.65}.tf-kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;margin:0 0 18px}.tf-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;padding-block:56px 72px}.tf-hero__copy{padding-block:24px}.tf-lead{font-size:20px;max-width:540px;margin:26px 0 0}.tf-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:32px}.tf-sec a:focus-visible,.tf-sec button:focus-visible,.tf-sec summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}.tf-hero__image{width:100%;aspect-ratio: .95;object-fit:cover;object-position:right center;border-radius:var(--radius-lg);display:block}.tf-strip{padding:24px;text-align:center;font-size:clamp(18px,2vw,26px);line-height:1.4}.tf-section{padding-block:88px;scroll-margin-top:120px}.tf-section-head{max-width:720px;margin-bottom:40px}.tf-section-head>p:last-child{font-size:18px;margin:20px 0 0}.tf-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.tf-split img{width:100%;height:auto;display:block;border-radius:var(--radius-lg)}.tf-copy{font-size:18px;margin:24px 0}.tf-note{font-size:14px;line-height:1.6;color:var(--clr-text-secondary);margin:20px 0 0}.tf-notes{max-width:860px}.tf-overview{display:grid;grid-template-columns: .85fr 1.15fr;gap:72px;align-items:center}.tf-film{min-width:0;border-top:1px solid var(--clr-border-light);padding-top:20px}.tf-film__media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-base)}.tf-film--product .tf-film__media{aspect-ratio:4/3}.tf-film__poster{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:var(--clr-bg-card-primary);border-radius:var(--radius-base);overflow:hidden;aspect-ratio:16/9}.tf-film__poster[hidden]{display:none}.tf-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--clr-black);color:var(--clr-white);font-size:24px;box-shadow:0 2px 14px #0004}.tf-film__poster:hover .tf-play-icon{transform:translate(-50%,-50%) scale(1.08)}.tf-sec .tf-film__poster:focus-visible{outline-offset:-5px;outline-color:var(--clr-secondary)}.tf-film__poster img{display:block;width:100%;height:100%;object-fit:cover}.tf-film--product .tf-film__poster{aspect-ratio:4/3}.tf-film--product .tf-film__poster img{object-fit:contain;padding:24px}.tf-film__caption{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:22px 0 16px}.tf-film__caption .tf-kicker{font-size:10px;margin-bottom:8px}.tf-duration{font-size:13px;white-space:nowrap;padding-top:5px;color:var(--clr-text-secondary)}.tf-watch{font-family:inherit;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:10px;padding:12px 0;min-height:44px;cursor:pointer;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit}.tf-watch:hover{color:var(--clr-text-secondary)}.tf-player{position:absolute;inset:0;width:100%;height:100%;background:var(--clr-black);border-radius:var(--radius-base);overflow:hidden}.tf-player[hidden]{display:none}.tf-player iframe{display:block;width:100%;height:100%;border:0}.tf-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}.tf-community-grid .tf-film__poster{background:var(--clr-bg-page)}.tf-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 36px}.tf-resources{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;list-style:none;margin:0;padding:0}.tf-resources li{border-top:1px solid var(--clr-border-dark)}.tf-resources a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;color:inherit;text-decoration:none;min-height:88px}.tf-resources a:hover .tf-resource-title{text-decoration:underline;text-underline-offset:5px}.tf-resource-title{display:block;font-size:20px}.tf-resource-type{display:block;font-size:12px;color:var(--clr-text-secondary);margin-top:8px}.tf-closing{background:transparent;color:var(--clr-text-primary);text-align:center;padding:80px 24px}.tf-closing p{max-width:600px;margin:24px auto;font-size:18px}.tf-closing h2+.tf-btn{margin-top:24px}.tf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.tf-hero,.tf-split,.tf-overview{gap:36px}.tf-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-section{padding-block:64px}.tf-sec h1{font-size:54px}}@media(max-width:680px){.tf-hero,.tf-split,.tf-overview{grid-template-columns:1fr;gap:28px}.tf-hero{padding-block:32px 40px}.tf-sec h1{font-size:44px}.tf-lead{font-size:18px}.tf-hero__image{aspect-ratio:1}.tf-section{padding-block:48px}.tf-film-grid,.tf-community-grid,.tf-resources{grid-template-columns:1fr}.tf-film-grid,.tf-community-grid{gap:32px}.tf-closing{padding:56px 20px}.tf-section-head{margin-bottom:28px}.tf-split img{max-width:440px;margin:auto}.tf-resource-title{font-size:18px}}
.tf-results{padding:64px 0}.tf-results__intro{max-width:850px;margin-bottom:32px}.tf-results__intro p{font-size:18px;margin:20px 0 0}.tf-results__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:none;scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:4px 0 16px}.tf-results__card{position:relative;flex:0 0 calc((100% - 48px)/3);min-width:0;aspect-ratio:9/16;border-radius:var(--radius-lg);overflow:hidden;scroll-snap-align:start;margin:0;background:var(--clr-black);color:var(--clr-white)}.tf-results__card img{display:block;width:100%;height:100%;object-fit:cover}.tf-results__card figcaption{position:absolute;inset:35% 0 0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:var(--clr-white)}.tf-results__card blockquote{font-family:var(--font-body);font-size:16px;line-height:1.5;margin:0 0 16px}.tf-results__card cite{font-style:normal;font-weight:600;font-size:18px}.tf-results__controls{display:flex;gap:12px;align-items:center;margin-top:20px}.tf-results__controls button{width:48px;height:48px;border:1px solid var(--clr-border-dark);border-radius:50%;background:var(--clr-white);color:var(--clr-text-primary);cursor:pointer;font-size:24px}.tf-results__controls button:disabled{opacity:.35;cursor:default}.tf-results__note{font-size:14px;max-width:850px;color:var(--clr-text-secondary);margin:20px 0 0}@media(max-width:1023px){.tf-results__card{flex-basis:calc((100% - 24px)/2)}}@media(max-width:639px){.tf-results{padding:48px 0}.tf-results__card{flex-basis:100%}.tf-results__card figcaption{padding:20px}}@media(prefers-reduced-motion:reduce){.tf-results__track{scroll-behavior:auto}}
/* Button hover controls (components/transformation-button) */
.tf-sec .tf-btn{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .3s ease}
.tf-sec .tf-btn.tf-hover-fill:hover{background-color:var(--tf-hover);border-color:var(--tf-hover)}
.tf-sec .tf-btn.tf-hover-fill.tf-hover-text:hover{color:var(--tf-hover-text)}
.tf-sec .tf-btn.tf-hover-outline:hover{background-color:transparent;border-color:var(--tf-hover);color:var(--tf-hover)}
.tf-sec .tf-btn.tf-hover-underline:hover{color:var(--tf-hover);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
