.sample-project{background:var(--d);width:100%;color:var(--l)}.sample-project .container{position:relative}.sample-project-hero{width:100%;height:100%;min-height:150svh;position:relative;overflow:hidden}.sample-project-hero-img{opacity:.5;width:100%;height:100%;position:absolute;inset:0}.sample-project-hero-img img{object-fit:cover;width:100%;height:100%}.sample-project-hero-overlay{background-color:#14131340;width:100%;height:100%;position:absolute;inset:0}.sample-project-hero .container{padding-top:35svh}.sample-project-hero-header h1{color:var(--l);position:relative}.sample-project-content{padding:4rem 0 8rem;position:relative}.sample-project-content,.sample-project-details-1 .container,.sample-project-details-2 .container{gap:2rem;display:flex}.sample-project-col:first-child{flex:2}.sample-project-col:nth-child(2){flex:3}.sample-project-content .sample-project-col:nth-child(2){flex-direction:column;gap:4rem;display:flex}.sample-project-content .sample-project-col:nth-child(2) h3{width:85%;margin-bottom:2rem}.sample-project-content-wrapper{display:block}.sample-project-meta .sample-project-hero-row{gap:2rem;display:flex}.sample-project-meta .sample-project-hero-sub-col{flex:1}.sample-project-meta .sample-project-hero-sub-col p:first-child{margin-bottom:1rem}.sample-project-details{background-color:var(--l);width:100%;height:100%;color:var(--d);padding-top:4rem;padding-bottom:6rem;position:relative;overflow:hidden}.sample-project-details h3{width:85%;margin-bottom:2rem}.sample-project-details-img{aspect-ratio:3/4;width:75%;margin-top:4rem;overflow:hidden}.sample-project-details-2 .sample-project-meta{color:var(--d);margin-bottom:4rem}.sample-project-details-2 .sample-project-meta .sample-project-hero-sub-col p:first-child{margin-bottom:1rem}.sample-project-details-2 .sample-project-details-img{margin-top:8rem;margin-bottom:4rem}@media (width<=1000px){.sample-project-content,.sample-project-details-1 .container,.sample-project-details-2 .container{flex-direction:column;gap:4rem}.sample-project-details-img,.sample-project-content .sample-project-col:nth-child(2) h3,.sample-project-details h3{width:100%}}.caso a{color:inherit;text-decoration:none}.caso .sample-project-hero-header h1{font-size:clamp(4.5rem,11vw,12rem)}.caso .sample-project-hero{min-height:0}.caso .sample-project-hero .container{padding-top:10rem}.caso-hero-top{grid-template-columns:2fr 3fr;align-items:end;gap:2rem;display:grid}.caso-hero-img img{object-fit:cover;background-color:#1a1a1a;border-radius:.5rem;width:100%;max-height:70svh;display:block}.caso-hero-img{opacity:0;animation:1s cubic-bezier(.22,1,.36,1) .9s forwards caso-logo-in}.caso-back{font-family:var(--f-nm);text-transform:uppercase;margin-bottom:1.5rem;font-size:1rem;font-weight:500;transition:color .25s;display:inline-block}.caso-back:hover,.caso-next:hover .caso-next-name,.caso-link:hover{color:var(--g)}.caso-logo{object-fit:contain;object-position:left;opacity:0;width:auto;max-width:14rem;height:3.5rem;margin-bottom:2rem;animation:.8s cubic-bezier(.22,1,.36,1) .7s forwards caso-logo-in;display:block}.caso-logo-ronda-lesseps{height:5.5rem}@keyframes caso-logo-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.caso-hero-img,.caso-logo{opacity:1;animation:none}}.caso-title{max-width:18ch;margin-bottom:1.5rem;font-size:clamp(3rem,5vw,5.5rem);line-height:.95}.caso-summary,.caso-text{text-transform:none;max-width:40rem;font-size:1.25rem;line-height:1.4}.caso-summary{color:#edefeacc}.caso-stats{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.caso-stat{border-top:1px solid #edefea4d;flex-direction:column-reverse;justify-content:flex-end;gap:.75rem;padding-top:1.25rem;display:flex}.caso-stat dd{font-family:var(--f-h);color:var(--g);font-size:clamp(3.5rem,6vw,6.5rem);line-height:.85}.caso-stat dt{font-family:var(--f-nm);text-transform:uppercase;font-size:1rem;font-weight:500}.caso-link{font-family:var(--f-nm);text-transform:uppercase;color:var(--g);border-bottom:2px solid var(--g);align-self:flex-start;font-size:1rem;font-weight:500;transition:color .25s}.caso .caso-link:hover{color:var(--l)}.caso .sample-project-details{background-color:var(--d);color:var(--l);border-top:1px solid #edefea33;padding-top:6rem;padding-bottom:6rem}.caso .sample-project-details>.container>.sample-project-col:first-child p{color:var(--g)}.caso-label{color:var(--g);margin-top:3.5rem;margin-bottom:1rem}.caso-deliverables{flex-wrap:wrap;gap:.75rem;list-style:none;display:flex}.caso-deliverables li{font-family:var(--f-nm);text-transform:uppercase;border:1px solid #edefea4d;border-radius:2rem;padding:.6rem 1rem;font-size:.95rem;font-weight:500}.caso-media,.caso-compare,.caso-pair{margin-top:4rem}.caso-media img,.caso-media video,.caso-compare img,.caso-pair img{object-fit:cover;background-color:#1a1a1a;border-radius:.5rem;width:100%;height:100%;display:block}.caso-media-wide{aspect-ratio:16/9}.caso-media-vertical{aspect-ratio:9/16;width:min(100%,26rem)}.caso-compare,.caso-pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.caso-compare img{aspect-ratio:2;object-position:top}.caso-compare figcaption{font-family:var(--f-nm);text-transform:uppercase;margin-top:.75rem;font-size:1rem;font-weight:500}.caso-compare div:nth-child(2) figcaption{color:var(--g)}.caso-pair img{aspect-ratio:2/3}.caso-quote{border-top:1px solid #edefea33;margin-top:4rem;padding-top:2rem}.caso-quote blockquote{max-width:40rem;font-family:var(--f-nm);font-size:clamp(1.5rem,2.25vw,2.25rem);font-weight:500;line-height:1.25}.caso-quote figcaption{font-family:var(--f-nm);text-transform:uppercase;color:#edefea99;margin-top:1.5rem;font-size:.95rem;font-weight:500}.caso-quote figcaption span{color:var(--l)}.caso-next{text-align:center;border-top:1px solid #edefea33;flex-direction:column;align-items:center;gap:1rem;padding:6rem 2.5rem;display:flex}.caso-next-label{font-family:var(--f-nm);text-transform:uppercase;color:var(--g);font-size:1rem;font-weight:500}.caso-next-name{font-family:var(--f-h);text-transform:uppercase;font-size:clamp(4.5rem,12vw,12rem);line-height:.95;transition:color .25s}@media (width<=1000px){.caso .sample-project-hero-header h1{font-size:clamp(5.5rem,24vw,9rem)}.caso .sample-project-hero .container{padding-top:7rem}.caso-hero-top{grid-template-columns:1fr;gap:2rem}.caso-hero-img img{max-height:60svh}.caso-logo{height:2.75rem;margin-bottom:1.5rem}.caso-logo-ronda-lesseps{height:4.25rem}.caso-title{font-size:3rem}.caso-summary,.caso-text{font-size:1.1rem}.caso-stats{grid-template-columns:1fr;gap:1.25rem}.caso .sample-project-details{padding-top:4rem;padding-bottom:4rem}.caso-compare{grid-template-columns:1fr}.caso-media-vertical{width:100%}.caso-next{padding:4rem 2rem}}