.ts-section{background:radial-gradient(900px 500px at 50% 0%, #6366f10d, transparent 70%), linear-gradient(180deg, var(--bg-0), var(--bg-1));border-top:1px solid var(--line);padding:100px 0 120px;position:relative;overflow:hidden}.ts-container{max-width:1240px;margin:0 auto;padding:0 24px}.ts-head{text-align:center;margin-bottom:56px}.ts-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--indigo-300);margin-bottom:16px;font-size:12px;font-weight:600;display:inline-block}.ts-title{font-family:var(--font-sans);letter-spacing:-.025em;color:var(--fg-0);text-wrap:balance;margin:0 0 18px;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.08}.ts-title em{color:var(--indigo-400);font-style:normal;font-weight:700}.ts-sub{color:var(--fg-1);max-width:620px;margin:0 auto;font-size:17px;line-height:1.55}.ts-rail-wrap{margin-top:48px;position:relative}.ts-rail-wrap:before,.ts-rail-wrap:after{content:"";z-index:2;pointer-events:none;width:clamp(60px,12vw,220px);position:absolute;top:0;bottom:0}.ts-rail-wrap:before{background:linear-gradient(to right, var(--bg-1), transparent);margin-left:-50vw;left:50%}.ts-rail-wrap:after{background:linear-gradient(to left, var(--bg-1), transparent);margin-right:-50vw;right:50%}.ts-rail{will-change:transform;gap:28px;width:max-content;padding:16px 4px 32px;animation:42s linear infinite ts-marquee;display:flex}@keyframes ts-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ts-rail{animation:none}}.ts-card{transition:transform .4s var(--ease-out-smooth,cubic-bezier(.22, 1, .36, 1));flex:0 0 284px;position:relative}.ts-card:hover{transform:translateY(-6px)}.ts-card-canvas{background:#000;border-radius:16px;width:284px;height:615px;position:relative;overflow:hidden;box-shadow:0 20px 48px #00000073,0 0 0 1px #ffffff0a}.ts-card-canvas>*{transform-origin:0 0;transform:scale(.6762);width:420px!important;height:910px!important}.ts-card-meta{justify-content:space-between;align-items:baseline;padding:18px 6px 4px;display:flex}.ts-card-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg-3);text-transform:uppercase;font-size:11px}.ts-card-name{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--fg-0);font-size:18px;font-weight:600}.ts-card-desc{color:var(--fg-2);margin:6px 0 0;padding:0 6px;font-size:13px;line-height:1.5}@media (max-width:760px){.ts-section{padding:72px 0 80px}.ts-head{margin-bottom:36px}.ts-rail-wrap:before,.ts-rail-wrap:after{width:40px}}
.case-study{position:relative}.case-study .cs-head{text-align:center;max-width:760px;margin:0 auto 64px}.case-study .cs-headline{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.02em;text-wrap:balance;margin:0 0 20px;font-size:clamp(34px,4.6vw,56px);font-style:italic;font-weight:400;line-height:1.05}.case-study .cs-sub{font-family:var(--font-sans);color:var(--fg-1);text-wrap:pretty;margin:0;max-width:64ch;margin-inline:auto;font-size:17px;line-height:1.6}.case-study .cs-pairs{flex-direction:column;gap:96px;max-width:920px;margin:0 auto;display:flex}@media (max-width:720px){.case-study .cs-pairs{gap:64px}}.case-study .cs-pair{margin:0}.case-study .cs-pair-grid{grid-template-columns:1fr auto 1fr;place-items:start center;gap:28px;display:grid}@media (max-width:720px){.case-study .cs-pair-grid{grid-template-columns:1fr;gap:20px}}.case-study .cs-shot{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;display:flex}.case-study .cs-shot-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);text-align:center;font-size:11px}.case-study .cs-shot-generated .cs-shot-label{color:var(--spark-500)}:root[data-theme=light] .case-study .cs-shot-generated .cs-shot-label{color:var(--spark-600)}.case-study .cs-shot-frame{border-radius:var(--radius-xl);background:var(--bg-2);border:1px solid var(--line);width:100%;box-shadow:var(--shadow-md);overflow:hidden}:root[data-theme=light] .case-study .cs-shot-frame{border-color:#b4641e1f;box-shadow:0 8px 28px #b4641e14,0 2px 6px #b4641e0d}.case-study .cs-shot-img{width:100%;height:auto;display:block}.case-study .cs-becomes{flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:10px;min-height:360px;padding-top:28px;display:flex}.case-study .cs-becomes-line{background:linear-gradient(180deg, transparent 0%, var(--line-strong) 12%, var(--line-strong) 88%, transparent 100%);flex:auto;width:1px;min-height:60px}.case-study .cs-becomes-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-2);white-space:nowrap;font-size:10px}@media (max-width:720px){.case-study .cs-becomes{flex-direction:row;width:60%;min-height:0;margin-inline:auto;padding-top:0}.case-study .cs-becomes-line{background:linear-gradient(90deg, transparent 0%, var(--line-strong) 12%, var(--line-strong) 88%, transparent 100%);flex:auto;width:auto;height:1px;min-height:0}}.case-study .cs-caption{text-align:center;font-family:var(--font-sans);color:var(--fg-1);text-wrap:pretty;max-width:56ch;margin:24px auto 0;font-size:14.5px}.case-study .cs-footer{text-align:center;margin-top:80px}@media (max-width:720px){.case-study .cs-footer{margin-top:56px}}.case-study .cs-footer-link{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);border-bottom:1px dashed var(--line-strong);transition:color .2s var(--ease-out-quick), border-color .2s var(--ease-out-quick);padding-bottom:2px;font-size:12px}.case-study .cs-footer-link:hover{color:var(--spark-500);border-bottom-color:var(--spark-500)}:root[data-theme=light] .case-study .cs-footer-link:hover{color:var(--spark-600);border-bottom-color:var(--spark-600)}
