.examples-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;padding:90px 0 65px}.examples-hero h1{font-size:clamp(48px,7vw,82px);margin:18px 0 0}.examples-hero h1 span{color:var(--accent)}.examples-hero>p{max-width:500px;margin:0 0 9px;color:#bdc5bf;font-size:18px}.showcase-gallery{display:grid;gap:18px;padding-bottom:90px}.showcase-card{display:grid;grid-template-columns:minmax(260px,430px) 1fr;min-height:560px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.showcase-card-visual{position:relative;display:block;overflow:hidden;background:#07090b}.showcase-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#07090bbd)}.showcase-card-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s}.showcase-card-visual:hover img{transform:scale(1.025);filter:brightness(1.07)}.showcase-play{position:absolute;z-index:2;left:50%;top:50%;width:64px;height:64px;display:grid;place-items:center;border:1px solid #fff5;border-radius:50%;background:#0c1012bf;color:var(--accent);font-size:19px;transform:translate(-50%,-50%);padding-left:4px}.showcase-format{position:absolute;z-index:2;left:17px;bottom:15px;font-size:10px;letter-spacing:.12em}.showcase-card-copy{align-self:end;padding:clamp(30px,6vw,72px)}.showcase-category{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.showcase-card-copy h2{font-size:clamp(36px,5vw,64px);margin:12px 0 18px}.showcase-card-copy>p:not(.showcase-category){max-width:590px;color:#bdc5bf;font-size:18px}.showcase-card-copy .text-link{margin-top:20px}.examples-empty{padding:70px;border:1px dashed var(--strong);border-radius:18px;text-align:center;color:var(--muted)}.examples-guide{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding:90px 0;border-top:1px solid var(--line)}.examples-guide-heading{position:sticky;top:30px;align-self:start}.examples-guide-heading h2,.case-lessons>div:first-child h2{font-size:clamp(32px,4vw,50px);margin:14px 0}.examples-guide-heading>p:last-child{max-width:500px;color:var(--muted);font-size:17px}.examples-steps{list-style:none;margin:0;padding:0}.examples-steps li{display:grid;grid-template-columns:55px 1fr;gap:16px;padding:23px 0;border-top:1px solid var(--line)}.examples-steps b,.case-lessons-grid span{color:var(--accent);font-size:12px}.examples-steps h3{font-size:19px;margin:0 0 5px}.examples-steps p{margin:0;color:var(--muted)}.case-breadcrumbs{display:flex;gap:9px;padding:38px 0 25px;color:var(--muted);font-size:12px}.case-breadcrumbs a:hover{color:var(--accent)}.case-hero{display:grid;grid-template-columns:minmax(300px,440px) 1fr;gap:clamp(45px,8vw,100px);align-items:center;padding:10px 0 90px}.case-player-wrap{text-align:center;color:var(--muted);font-size:11px}.case-player{overflow:hidden;aspect-ratio:9/16;border:1px solid var(--strong);border-radius:22px;background:#050607;box-shadow:0 28px 90px #0009}.case-player video{display:block;width:100%;height:100%;object-fit:contain}.case-player-wrap>p{margin:12px 0 0}.case-intro h1{font-size:clamp(52px,8vw,92px);margin:20px 0}.case-summary{max-width:650px;color:#c7cec9;font-size:21px}.case-facts{display:grid;grid-template-columns:1fr 1fr;margin:35px 0;max-width:680px;border-top:1px solid var(--line)}.case-facts div{padding:15px 10px 15px 0;border-bottom:1px solid var(--line)}.case-facts dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.case-facts dd{margin:4px 0 0}.case-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:85px 0;border-top:1px solid var(--line)}.case-story-grid article{max-width:520px}.case-story-grid h2{font-size:clamp(28px,3.5vw,42px);margin:13px 0 21px}.case-prose{color:#c2c9c4;font-size:17px}.case-prose p{margin-bottom:15px}.case-lessons{padding:85px 0;border-top:1px solid var(--line)}.case-lessons>div:first-child{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:end;margin-bottom:38px}.case-lessons-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.case-lessons-grid article{min-height:225px;padding:25px;border-right:1px solid var(--line)}.case-lessons-grid article:last-child{border-right:0}.case-lessons-grid h3{font-size:18px;margin:42px 0 8px}.case-lessons-grid p{color:var(--muted);margin:0}.case-boundary{display:grid;grid-template-columns:240px 1fr;gap:35px;margin:0 0 70px;padding:25px;border:1px solid #435438;border-radius:12px;background:#172016}.case-boundary strong{color:var(--accent)}.case-boundary p{margin:0;color:#bdc9b9}.examples-hero+.showcase-gallery+.examples-guide+.landing-final-cta{margin-top:0}@media(max-width:900px){.examples-hero,.examples-guide{grid-template-columns:1fr;gap:30px}.examples-guide-heading{position:static}.showcase-card{grid-template-columns:320px 1fr;min-height:500px}.case-hero{grid-template-columns:minmax(260px,360px) 1fr;gap:40px}.case-lessons-grid{grid-template-columns:1fr 1fr}.case-lessons-grid article:nth-child(2){border-right:0}.case-lessons-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:650px){.examples-hero{padding:55px 0 42px}.examples-hero h1{font-size:44px}.showcase-gallery{padding-bottom:55px}.showcase-card{grid-template-columns:1fr;min-height:0}.showcase-card-visual{height:min(118vw,590px)}.showcase-card-copy{padding:28px 23px}.showcase-card-copy h2{font-size:38px}.examples-guide{padding:58px 0}.case-breadcrumbs{padding-top:22px}.case-hero{grid-template-columns:1fr;padding-bottom:60px}.case-player-wrap{width:min(88vw,380px);margin:auto}.case-intro h1{font-size:52px}.case-summary{font-size:18px}.case-facts{grid-template-columns:1fr}.case-story-grid{grid-template-columns:1fr;gap:35px;padding:58px 0}.case-lessons{padding:58px 0}.case-lessons>div:first-child{display:block}.case-lessons-grid{grid-template-columns:1fr}.case-lessons-grid article,.case-lessons-grid article:nth-child(2){min-height:0;border-right:0;border-bottom:1px solid var(--line)}.case-lessons-grid article:last-child{border-bottom:0}.case-lessons-grid h3{margin-top:25px}.case-boundary{grid-template-columns:1fr;gap:8px}}
