:root{--ink:#0a0a0a;--paper:#f6f6f2;--green:#3eff9e;--violet:#6a63fc;--coral:#f0516c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}.cases-hero{position:relative;min-height:540px;padding:190px 5.2vw 75px;overflow:hidden;background:var(--ink);color:#fff}.cases-hero p,.label{margin:0 0 16px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600;color:var(--green)}.cases-hero h1{position:relative;z-index:1;margin:0;font-size:clamp(68px,10vw,155px);line-height:.78;letter-spacing:-.075em}.cases-hero h1 em{font-style:normal;color:var(--green)}.case-ring{position:absolute;width:43vw;height:43vw;right:-11vw;bottom:-17vw;border:7vw solid var(--violet);border-radius:50%;opacity:.95}.case-index{padding:76px 5.2vw 150px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:42px}.filters button{border:1px solid #bcbcb7;border-radius:40px;padding:11px 16px;background:transparent;cursor:pointer;font:600 14px Barlow,Arial,sans-serif}.filters button.active,.filters button:hover{border-color:var(--ink);background:var(--ink);color:#fff}.case-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.case-card{grid-column:span 4;display:block;background:#fff;transition:transform .35s cubic-bezier(.22,1,.36,1)}.case-card:nth-child(1),.case-card:nth-child(6){grid-column:span 8}.case-card[hidden]{display:none}.case-card:hover{transform:translateY(-8px)}.case-card-image{height:380px;background:center/cover no-repeat;transition:transform .6s cubic-bezier(.22,1,.36,1)}.case-card:nth-child(1) .case-card-image,.case-card:nth-child(6) .case-card-image{height:560px}.case-card:hover .case-card-image{transform:scale(.98)}.case-card>div:last-child{padding:22px 24px 26px}.case-card p{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#666}.case-card h2{margin:0;font-size:clamp(24px,2.4vw,38px);line-height:.95;letter-spacing:-.055em;font-weight:600}.case-card span{display:block;margin-top:22px;font-size:13px;font-weight:600;color:#8a3c4f}.case-detail-hero{display:grid;grid-template-columns:42% 58%;min-height:710px;background:var(--ink);color:#fff}.case-detail-copy{padding:13vh 5.2vw 8vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.case-detail-copy p{margin:0 0 17px;color:var(--green);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.case-detail-copy h1{margin:0;font-size:clamp(54px,6vw,105px);line-height:.83;letter-spacing:-.07em}.case-detail-copy>span{margin-top:39px;font-size:13px}.case-detail-cover{min-height:710px;background:center/cover no-repeat}.case-story{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;padding:140px 13vw}.case-story h2{margin:0;font-size:clamp(36px,4.1vw,66px);line-height:.96;letter-spacing:-.055em;font-weight:500}.story-copy{align-self:end;max-width:480px;font-size:18px;line-height:1.45}.story-copy p{margin:0 0 20px}.story-copy p:last-child{color:#686863;font-size:15px}.case-photos{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding:0 5.2vw 130px}.gallery-image{grid-column:span 5;margin:0;overflow:hidden;background:#ddd}.gallery-image:first-child{grid-column:span 7}.gallery-image img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover}.gallery-image:first-child img{aspect-ratio:16/10}.next-case{padding:120px 5.2vw;background:var(--violet);color:#fff}.next-case p{margin:0 0 30px;font-size:clamp(43px,5vw,83px);line-height:.9;letter-spacing:-.06em;max-width:850px}.next-case a,.service-hero-copy a,.service-cta a{color:var(--green);font-weight:600;border-bottom:1px solid var(--green);padding-bottom:6px}.service-hero{position:relative;min-height:740px;color:#fff;background:center/cover no-repeat}.service-events{background-image:url('materiais-brutos/ugart-2025/Fotos%20e%20V%C3%ADdeos%20-%2020250328%20e%2020250329%20-%20UGART%20-%2039%20Feira%20de%20Neg%C3%B3cios%20Tur%C3%ADsticos%20Ugart/IMG_2559.JPG')}.service-kits{background-image:url('materiais-brutos/kit-rissul-dia-das-maes/Fotos%20e%20V%C3%ADdeos%20-%2020250414%20-%20Unidasul%20-%20Press%20Kit%20Dia%20das%20M%C3%A3es%20Rissul%20-%20Entregas%20dia%2010.05.25/Fotos%20by%20Vini%20Vargas/IMG_7088.JPG')}.service-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.25) 70%)}.service-hero-copy{position:relative;z-index:1;padding:220px 5.2vw 80px}.service-hero-copy p{margin:0 0 20px;color:var(--green);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.service-hero-copy h1{margin:0;max-width:1030px;font-size:clamp(56px,7.4vw,118px);font-weight:600;line-height:.8;letter-spacing:-.075em}.service-hero-copy h1 em{font-style:normal;color:var(--green)}.service-hero-copy a{display:inline-block;margin-top:48px}.service-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:140px 13vw}.service-intro h2{grid-column:2;margin:0;font-size:clamp(38px,4.4vw,70px);font-weight:500;line-height:.94;letter-spacing:-.06em}.service-intro>p:last-child{grid-column:2;max-width:520px;margin:0;font-size:18px;line-height:1.45}.service-cta{padding:120px 5.2vw;background:var(--violet);color:#fff}.service-cta-coral{background:var(--coral)}.service-cta p{max-width:830px;margin:0 0 32px;font-size:clamp(42px,5vw,80px);line-height:.9;letter-spacing:-.06em}@media(max-width:760px){.cases-hero{min-height:430px;padding:130px 20px 70px}.cases-hero h1{font-size:70px}.case-ring{width:270px;height:270px;border-width:43px;right:-118px;bottom:-130px}.case-index{padding:48px 20px 80px}.filters{flex-wrap:nowrap;overflow:auto;margin-right:-20px;padding-right:20px}.filters button{white-space:nowrap}.case-gallery{display:block}.case-card,.case-card:nth-child(1),.case-card:nth-child(6){margin-bottom:14px}.case-card-image,.case-card:nth-child(1) .case-card-image,.case-card:nth-child(6) .case-card-image{height:370px}.case-detail-hero{display:flex;flex-direction:column}.case-detail-copy{min-height:400px;padding:132px 20px 48px}.case-detail-copy h1{font-size:61px}.case-detail-cover{min-height:470px}.case-story{display:block;padding:85px 20px}.case-story h2{font-size:42px;margin-bottom:45px}.story-copy{font-size:17px}.case-photos{display:block;padding:0 20px 75px}.gallery-image{margin-bottom:12px}.gallery-image img,.gallery-image:first-child img{height:auto;aspect-ratio:4/3}.gallery-image:first-child img{aspect-ratio:3/2}.next-case{padding:90px 20px}.next-case p{font-size:46px}.service-hero{min-height:650px;background-position:center}.service-hero-copy{padding:164px 20px 64px}.service-hero-copy h1{font-size:58px}.service-intro{display:block;padding:85px 20px}.service-intro h2{font-size:43px;margin:0 0 38px}.service-intro>p:last-child{font-size:17px}.service-cta{padding:90px 20px}.service-cta p{font-size:46px}}
