.yo-cases-page{background:radial-gradient(circle at 78% 4rem,rgba(239,68,68,.08),transparent 22rem),linear-gradient(180deg,#f8fafc 0,#fff 40rem)}.yo-cases-page .container{width:min(1280px,calc(100% - 64px))}.yo-cases-hero{padding:58px 0 26px}.yo-cases-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:48px;align-items:center}.yo-cases-hero h1{max-width:760px;margin-bottom:18px;font-size:clamp(42px,5vw,66px);line-height:.98;letter-spacing:0}.yo-cases-hero .lead{max-width:720px;color:#526174;font-size:19px;line-height:1.65}.yo-cases-hero__image{width:100%;max-height:250px;object-fit:contain;opacity:.92;filter:drop-shadow(0 22px 40px rgba(15,23,42,.1))}.yo-cases-section{padding:20px 0 78px}.yo-cases-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;padding:14px;border:1px solid var(--yo-line);border-radius:8px;background:#fff;box-shadow:0 16px 40px #0f172a12}.yo-cases-filter{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;color:#64748b;font-weight:850;white-space:nowrap}.yo-cases-filter:hover,.yo-cases-filter.is-active{background:#fff1f2;color:var(--yo-red)}.yo-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.yo-section-head h2{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.1}.yo-carousel-controls{display:inline-flex;align-items:center;gap:14px;color:#334155;font-weight:850}.yo-circle-button,.yo-gallery-arrow{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--yo-line);border-radius:8px;background:#fff;color:#0f172a;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 10px 24px #0f172a14}.yo-circle-button:hover,.yo-gallery-arrow:hover{border-color:#ef232a59;color:var(--yo-red)}.yo-featured-shell{position:relative;overflow:hidden}.yo-featured-track{display:flex;transition:transform .35s ease}.yo-featured-cases--list .yo-featured-shell{overflow:visible}.yo-featured-cases--list .yo-featured-shell:before,.yo-featured-cases--list .yo-featured-shell:after{display:none}.yo-featured-cases--list .yo-featured-track{display:grid;gap:28px;transform:none}.yo-case-card{flex:0 0 100%;min-width:100%;padding:34px;border:1px solid var(--yo-line);border-radius:8px;background:#fff;box-shadow:0 18px 50px #0f172a14}.yo-featured-cases--list .yo-case-card{min-width:0}.yo-side-arrow{position:absolute;top:47%;z-index:2;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(239,35,42,.18);background:var(--yo-red);color:#fff;cursor:pointer;box-shadow:0 12px 24px #ef232a38,0 8px 18px #0f172a1a;transform:translateY(-50%);border-radius:50%}.yo-side-arrow:before{content:"";width:13px;height:13px;border-top:4px solid currentColor;border-right:4px solid currentColor}.yo-side-arrow--prev:before{transform:translate(2px) rotate(-135deg)}.yo-side-arrow--next:before{transform:translate(-2px) rotate(45deg)}.yo-side-arrow--prev{left:22px}.yo-side-arrow--next{right:22px}.yo-side-arrow:hover{background:#d91f25;border-color:#ef232a66;transform:translateY(-50%) scale(1.04)}.yo-featured-shell:before,.yo-featured-shell:after{content:"";position:absolute;top:0;bottom:0;z-index:1;width:76px;pointer-events:none}.yo-featured-shell:before{left:0;background:linear-gradient(90deg,rgba(248,250,252,.92),transparent)}.yo-featured-shell:after{right:0;background:linear-gradient(270deg,rgba(248,250,252,.92),transparent)}.yo-case-card__head,.yo-feed-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px;color:#64748b;font-size:13px;font-weight:800}.yo-case-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:8px;background:#fff1f2;color:var(--yo-red);font-size:12px;font-weight:900}.yo-case-domain,.yo-case-project{color:#334155;font-weight:850}.yo-case-domain:hover{color:var(--yo-red)}.yo-case-separator,.yo-feed-meta span:not(:last-child):after{color:#cbd5e1}.yo-case-card h3{max-width:760px;margin:0 0 12px;font-size:clamp(30px,3.5vw,46px);line-height:1.02;letter-spacing:0}.yo-case-card__intro{max-width:820px;color:var(--yo-muted);font-size:17px;line-height:1.55}.yo-case-card__main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);gap:26px;margin-top:0}.yo-case-media,.yo-case-summary,.yo-case-card__footer{border:1px solid var(--yo-line);border-radius:8px;background:#fff}.yo-case-media{margin:26px 0 0;padding:16px;overflow:hidden;background:#f8fafc}.yo-case-media>img{width:100%;height:330px;object-fit:contain;object-position:left top;background:#fff;border:1px solid #dbe3ef;border-radius:8px;box-shadow:0 18px 34px #0f172a1a}.yo-case-media figcaption{margin-top:12px;color:#475569;font-size:14px;line-height:1.45;font-weight:650}.yo-case-summary{display:flex;flex-direction:column;overflow:hidden}.yo-case-summary__highlight{padding:26px;background:#f8fafc;border-bottom:1px solid var(--yo-line)}.yo-case-summary__highlight h4{margin:0;font-size:23px;line-height:1.28}.yo-case-summary__highlight p{margin:12px 0 0;color:var(--yo-muted);line-height:1.58}.yo-case-summary ul,.yo-feed-card ul{display:grid;gap:10px;margin:0;padding:22px 26px 26px;list-style:none}.yo-case-summary li,.yo-feed-card li{position:relative;padding-left:26px;color:#334155;line-height:1.45}.yo-case-summary li:before,.yo-feed-card li:before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:50%;background:var(--yo-red)}.yo-case-card__footer{margin-top:24px;padding:18px 20px}.yo-case-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.yo-case-metric{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;min-width:0}.yo-case-metric__icon{width:52px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#fff1f2;color:var(--yo-red);font-size:12px;font-weight:900}.yo-case-metric strong{display:block;color:var(--yo-red);font-size:18px;line-height:1}.yo-case-metric span{display:block;margin-top:5px;color:#475569;font-size:12.5px;line-height:1.28}.yo-dots,.yo-gallery-dots{display:flex;justify-content:center;gap:10px;margin-top:18px}.yo-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#d7dee8;cursor:pointer}.yo-dot.is-active{background:var(--yo-red)}.yo-feed-intro{display:grid;grid-template-columns:82px minmax(0,1fr);gap:22px;align-items:center;margin:38px 0 34px;padding:26px 30px;border:1px solid var(--yo-line);border-radius:8px;background:#ffffffe6;box-shadow:0 14px 40px #0f172a0f}.yo-feed-intro__icon{width:70px;height:70px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff1f2;color:var(--yo-red);font-size:46px;font-weight:900}.yo-feed-intro h2{margin:0 0 8px;font-size:26px;line-height:1.2}.yo-feed-intro p{max-width:860px;margin:0;color:var(--yo-muted);line-height:1.58}.yo-feed-list{display:grid;gap:18px}.yo-feed-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.9fr);gap:28px;align-items:start;padding:26px;border:1px solid var(--yo-line);border-radius:8px;background:#fff;box-shadow:0 14px 38px #0f172a0f}.yo-feed-meta{margin-bottom:12px}.yo-feed-meta span:not(:last-child):after{content:"|";margin-left:12px}.yo-feed-meta span:nth-child(2){color:var(--yo-red)}.yo-feed-meta a{color:inherit;text-decoration:none}.yo-feed-meta a:hover{color:var(--yo-red)}.yo-feed-badge{display:inline-flex;align-items:center;min-height:34px;margin-bottom:14px;padding:0 13px;border-radius:8px;background:#eafaf1;color:#10945f;font-size:13px;font-weight:850}.yo-feed-card h3{margin:0 0 12px;font-size:23px;line-height:1.25}.yo-feed-card p{margin:0;color:#526174;line-height:1.6}.yo-feed-card h4{margin:18px 0 0;font-size:15px;line-height:1.3}.yo-feed-card ul{padding:12px 0 0;gap:8px}.yo-feed-card li{font-size:14px}.yo-feed-gallery,.yo-case-gallery{min-width:0}.yo-case-gallery__stage{position:relative;overflow:hidden;height:330px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;box-shadow:0 18px 34px #0f172a1a}.yo-feed-gallery__stage{position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--yo-line);border-radius:8px;background:#f8fafc}.yo-feed-gallery__stage.is-tall,.yo-case-gallery__stage.is-tall{overflow-y:auto;overscroll-behavior:contain}.yo-gallery-main-image{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;opacity:0;cursor:zoom-in;transition:opacity .2s ease}.yo-gallery-main-image.is-active{opacity:1}.yo-gallery-main-image img{width:100%;height:100%;object-fit:contain;padding:10px}.yo-feed-gallery__stage.is-tall .yo-gallery-main-image,.yo-case-gallery__stage.is-tall .yo-gallery-main-image{display:none;height:auto;min-height:100%}.yo-feed-gallery__stage.is-tall .yo-gallery-main-image.is-active,.yo-case-gallery__stage.is-tall .yo-gallery-main-image.is-active{position:relative;display:flex;align-items:flex-start;justify-content:center}.yo-feed-gallery__stage.is-tall .yo-gallery-main-image img{width:min(430px,100%);height:auto;object-fit:initial}.yo-case-gallery__stage.is-tall .yo-gallery-main-image img{width:min(760px,100%);height:auto;object-fit:initial}.yo-gallery-arrow{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:0;background:transparent;color:var(--yo-red);font-family:Arial,Helvetica,sans-serif;font-size:34px;line-height:1;box-shadow:none;text-shadow:0 2px 8px rgba(255,255,255,.9),0 8px 18px rgba(15,23,42,.16)}.yo-case-gallery .yo-gallery-arrow{top:auto;bottom:22px;transform:none}.yo-case-gallery .yo-gallery-arrow:hover{transform:scale(1.08)}.yo-gallery-arrow--prev{left:12px}.yo-gallery-arrow--next{right:12px}.yo-gallery-arrow:hover{color:#d91f25;transform:translateY(-50%) scale(1.08)}.yo-gallery-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.yo-gallery-thumb{height:58px;padding:3px;overflow:hidden;border:1px solid var(--yo-line);border-radius:8px;background:#fff;cursor:pointer}.yo-gallery-thumb.is-active{border-color:var(--yo-red);box-shadow:0 0 0 2px #ef232a1f}.yo-gallery-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}body.yo-lightbox-open{overflow:hidden}.yo-lightbox[hidden]{display:none}.yo-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:32px}.yo-lightbox__backdrop{position:absolute;inset:0;border:0;background:#0f172ad1;cursor:zoom-out}.yo-lightbox__dialog{position:relative;z-index:1;width:min(1180px,100%);height:min(760px,calc(100vh - 64px));display:grid;grid-template-rows:46px minmax(0,1fr);padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#fffffff5;box-shadow:0 30px 90px #00000059}.yo-lightbox__frame{min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--yo-line);border-radius:8px;background:#f8fafc}.yo-lightbox__frame.is-tall{align-items:flex-start;overflow-y:auto;overscroll-behavior:contain}.yo-lightbox__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px 10px;color:#334155;font-weight:850}.yo-lightbox__close,.yo-lightbox__arrow{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--yo-line);background:#fff;color:#0f172a;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 10px 24px #0f172a1f}.yo-lightbox__close{width:38px;height:38px;border-radius:8px;font-size:28px;line-height:1}.yo-lightbox__arrow{position:absolute;top:50%;z-index:2;width:48px;height:48px;border-radius:50%;transform:translateY(-50%)}.yo-lightbox__arrow--prev{left:24px}.yo-lightbox__arrow--next{right:24px}.yo-lightbox__close:hover,.yo-lightbox__arrow:hover{border-color:#ef232a59;color:var(--yo-red)}.yo-lightbox__frame img{width:100%;height:100%;min-height:0;object-fit:contain}.yo-lightbox__frame.is-tall img{width:min(980px,100%);height:auto;max-height:none;object-fit:initial}.yo-cases-contact{margin-top:36px;padding:36px;border-radius:8px;background:var(--yo-dark);color:#fff}.yo-cases-contact p{max-width:720px;color:#ffffffb8}.yo-case-placeholder{min-height:58vh;padding:86px 0;background:linear-gradient(180deg,#f8fafc 0,#fff)}.yo-case-placeholder__box{max-width:780px;padding:34px;border:1px solid var(--yo-line);border-radius:8px;background:#fff;box-shadow:0 18px 50px #0f172a14}.yo-case-placeholder__box p{color:var(--yo-muted);font-size:18px;line-height:1.55}@media (max-width: 1080px){.yo-cases-hero__grid,.yo-case-card__main,.yo-feed-card{grid-template-columns:1fr}.yo-cases-hero__image{max-width:460px;justify-self:start}.yo-case-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.yo-cases-page .container{width:min(100% - 28px,1280px)}.yo-cases-hero{padding-top:42px}.yo-cases-hero__image{display:none}.yo-cases-filters{flex-wrap:nowrap;margin-right:-14px;margin-left:-14px;overflow-x:auto;border-right:0;border-left:0;border-radius:0}.yo-section-head{align-items:flex-start;flex-direction:column}.yo-case-card,.yo-feed-card,.yo-cases-contact{padding:20px 16px}.yo-side-arrow{display:none}.yo-case-card h3{font-size:30px}.yo-case-card__intro{font-size:16px}.yo-case-card__head,.yo-feed-meta{gap:8px}.yo-case-media>img{height:230px}.yo-case-gallery__stage{height:250px}.yo-case-summary__highlight{padding:20px}.yo-case-metrics,.yo-gallery-thumbs{grid-template-columns:1fr 1fr}.yo-case-metric{padding-top:14px;border-top:1px solid var(--yo-line)}.yo-case-metric:first-child,.yo-case-metric:nth-child(2){padding-top:0;border-top:0}.yo-feed-intro{grid-template-columns:1fr;padding:22px 18px}.yo-feed-gallery__stage{aspect-ratio:4 / 3}.yo-lightbox{padding:12px}.yo-lightbox__dialog{height:min(680px,calc(100vh - 24px));padding:10px}.yo-lightbox__arrow{width:42px;height:42px}.yo-lightbox__arrow--prev{left:16px}.yo-lightbox__arrow--next{right:16px}}@media (max-width: 460px){.yo-case-metrics{grid-template-columns:1fr}.yo-case-metric:nth-child(2){padding-top:14px;border-top:1px solid var(--yo-line)}}