/* ElGeo portfolio: an editorial presentation of the studio's own work. */
.section-kicker{display:block;font-size:10px;letter-spacing:2.5px;font-weight:500;color:#b7bfb2;text-transform:uppercase}.studio-hero{position:relative;min-height:780px;height:94svh;max-height:1050px;isolation:isolate;background:#101713;overflow:hidden}.studio-hero-art{position:absolute;inset:0 0 0 30%;z-index:-2}.studio-hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% center}.studio-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101713 2%,#101713f2 22%,#10171385 48%,#10171305 78%),linear-gradient(0deg,#101713df,transparent 30%)}.studio-hero-content{width:90%;max-width:1360px;margin:auto;padding-top:clamp(190px,24vh,280px)}.studio-hero h1{font-size:clamp(65px,7.2vw,112px);font-weight:400;letter-spacing:-.065em;line-height:1.02;max-width:960px;margin:30px 0;color:#f4f1e7;overflow-wrap:anywhere}.studio-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#ef9b61}.studio-hero-content>p{max-width:410px;color:#c0c9bb;font-size:15px;line-height:1.9;margin-top:30px}.studio-hero-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:32px}.studio-button{display:inline-flex;gap:28px;align-items:center;background:#ed9150;color:#162017;padding:17px 24px;text-decoration:none;font-size:12px;font-weight:600}.studio-button:hover{background:#f5ab77;color:#162017;text-decoration:none}.studio-text-link{font-size:12px;color:#f4f1e7;text-underline-offset:7px}.studio-hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:23px;font-size:9px;letter-spacing:1.5px;color:#b7c1b1}.studio-hero-bottom a{color:#f3f0e5;text-decoration:none}.studio-hero-bottom>a:last-child{font-size:24px;line-height:1}.curated-work{max-width:1440px;margin:auto;padding:110px 6% 65px}.work-heading{display:flex;gap:60px;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.work-heading h2,.process-heading h2,.studio-services h2{font-size:clamp(36px,4.2vw,62px);line-height:1.1;letter-spacing:-2.5px;font-weight:400;color:#f3f1e9;margin:20px 0 0}.work-heading>p{max-width:320px;color:#aab6a6;font-size:14px;line-height:1.9;margin:0 0 4px}.work-filters{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid #ffffff20;margin-bottom:35px}.work-filters button{background:none;border:0;border-bottom:2px solid transparent;padding:14px 0;color:#98a695;font-size:11px;cursor:pointer}.work-filters button[aria-pressed=true]{color:#ed985d;border-bottom-color:#ed985d}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 28px}.work-card{grid-column:span 4;min-width:0}.work-card:nth-child(2),.work-card:nth-child(3){grid-column:span 6}.work-card-lead{grid-column:1/-1}.work-card a{display:block;text-decoration:none;color:inherit}.work-image{position:relative;overflow:hidden;background:#202820;aspect-ratio:1.3}.work-card-lead .work-image{aspect-ratio:2}.work-card:nth-child(2) .work-image,.work-card:nth-child(3) .work-image{aspect-ratio:1.5}.work-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.6,.3,1)}.work-product-image img{object-fit:contain;padding:15px;background:#383e3a}.work-card a:hover .work-image img{transform:scale(1.035)}.work-view{position:absolute;right:20px;bottom:20px;padding:12px 18px;background:#f0eee2;color:#182219;font-size:11px;opacity:0;transform:translateY(6px);transition:.2s}.work-card a:hover .work-view,.work-card a:focus-visible .work-view{opacity:1;transform:none}.work-index{position:absolute;top:20px;left:20px;border:1px solid #ffffff65;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:10px;color:#fff;background:#10201465}.work-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #ffffff25}.work-category{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#9dac96}.work-caption h3{font-size:24px;font-weight:400;letter-spacing:-.7px;margin:7px 0;color:#f3f1e9}.work-caption p{font-size:12px;color:#a6b4a0;margin:0;line-height:1.7}.work-card-lead .work-caption h3{font-size:35px}.work-open{font-size:24px;font-weight:300;color:#e5a376}.work-status{font-size:10px;color:#8c9d86;margin:24px 0}.work-card[hidden]{display:none!important}.work-grid.is-filtered .work-card{grid-column:span 6}.work-grid.is-filtered .work-image{aspect-ratio:1.5}.studio-process{max-width:1240px;margin:0 auto;padding:55px 0 110px;border-top:1px solid #ffffff25}.process-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:45px}.process-heading>p{color:#aab6a6;font-size:15px;line-height:1.9;max-width:420px;margin:0}.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.process-steps>div{border-top:1px solid #ffffff25;padding-top:23px}.process-steps span{font-size:10px;color:#ed985d}.process-steps h3{font-size:22px;font-weight:400;margin:20px 0 10px}.process-steps p{font-size:13px;line-height:1.8;color:#9dab98;max-width:250px}.studio-services .services-container{grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}.studio-services h2{font-size:clamp(34px,3.6vw,48px);margin-bottom:35px}.studio-services .service-item{align-items:center;padding:23px 12px!important}.service-arrow{margin-left:auto;font-size:18px;opacity:0}.service-item.active .service-arrow{opacity:1}.studio-services .service-item .name{font-size:14px}.service-figure{margin:0}.service-figure img{display:block;width:100%;height:390px;object-fit:cover;background:#343d34}.service-figure figcaption{font-size:9px;letter-spacing:.7px;color:#9cae95;border-bottom:1px solid #ffffff25;padding:14px 0}.service-copy h3{font-size:25px;line-height:1.25;font-weight:400;color:#eeeede;margin:25px 0 15px}.service-copy p{font-size:13px!important;line-height:1.85!important}.service-copy .link-btn{margin:6px 0!important}.studio-services .services-preview{display:block}.studio-services{padding-top:100px!important}.visual-caption{color:#98aa90;font-size:11px;margin-top:-20px;margin-bottom:30px}
@media(max-width:1300px){.studio-process{margin-left:6%;margin-right:6%}.studio-hero{min-height:760px}.studio-hero h1{font-size:clamp(65px,7.6vw,100px)}}
@media(max-width:900px){.work-heading{gap:35px}.work-heading>p{max-width:270px}.studio-services .services-container{gap:35px}.service-figure img{height:320px}.studio-hero-content{padding-top:200px}.studio-hero-art{left:10%}.studio-hero:after{background:linear-gradient(90deg,#101713ee,#10171370 65%,#10171330),linear-gradient(0deg,#101713e0,transparent)}.studio-hero h1{font-size:72px;max-width:650px}.work-card{grid-column:span 6}.work-card-lead{grid-column:1/-1}}
@media(max-width:768px){.studio-hero{height:91svh;min-height:740px}.studio-hero-content{padding-top:190px;width:88%}.studio-hero h1{font-size:clamp(53px,9.5vw,72px);max-width:600px}.studio-hero-content>p{font-size:14px;max-width:360px}.studio-hero-bottom{left:6%;right:6%;font-size:8px;letter-spacing:.7px;flex-wrap:wrap}.studio-hero-art{inset:0}.studio-hero-art img{object-position:63% center}.studio-hero:after{background:linear-gradient(90deg,#101713e8,#10171380),linear-gradient(0deg,#101713e8,transparent 50%)}.work-heading{display:block}.work-heading>p{max-width:100%;margin-top:25px}.curated-work{padding-top:75px}.work-card-lead .work-image{aspect-ratio:1.4}.work-heading h2,.process-heading h2{font-size:40px;letter-spacing:-1.8px}.work-filters{gap:20px}.process-heading{grid-template-columns:1fr;gap:25px}.process-steps{gap:22px}.studio-process{padding-bottom:70px}.studio-services .services-container{grid-template-columns:1fr;gap:35px}.service-figure img{height:auto;aspect-ratio:1.5}.studio-services h2{font-size:38px}.work-view{opacity:1;transform:none;font-size:10px;padding:9px 13px;bottom:12px;right:12px}}
@media(max-width:480px){.studio-hero{min-height:740px;max-height:880px}.studio-hero-content{padding-top:165px}.studio-hero h1{font-size:56px;letter-spacing:-3px;margin-top:25px}.studio-hero .section-kicker{font-size:8px;letter-spacing:1.7px;max-width:280px}.studio-hero-content>p{max-width:300px;line-height:1.8}.studio-hero-actions{gap:20px;margin-top:25px}.studio-button{padding:15px 19px;font-size:11px;gap:18px}.studio-hero-bottom{bottom:25px;gap:15px}.studio-hero-bottom>span{width:100%}.work-grid{gap:32px}.work-grid .work-card,.work-grid.is-filtered .work-card{grid-column:1/-1}.work-caption h3{font-size:26px}.work-card-lead .work-caption h3{font-size:30px}.work-card .work-image{aspect-ratio:1.4}.process-steps{grid-template-columns:1fr;gap:20px}.process-steps>div{display:grid;grid-template-columns:30px 1fr;gap:0 10px}.process-steps h3{margin:0}.process-steps p{grid-column:2;max-width:none}.process-steps span{padding-top:6px}.work-filters{gap:18px}.work-filters button{font-size:10px}.section-kicker{font-size:9px}}
@media(prefers-reduced-motion:reduce){.work-image img,.work-view{transition:none}}
.work-caption>div{min-width:0}.work-caption h3,.work-category{overflow-wrap:anywhere}.service-copy h3{overflow-wrap:anywhere}
@media(max-width:480px){.work-grid,.work-grid.is-filtered{grid-template-columns:minmax(0,1fr)}.work-grid .work-card,.work-grid.is-filtered .work-card{grid-column:1/-1}}
@media(max-width:360px){.studio-hero{min-height:820px;height:auto}.studio-hero-content{padding-top:155px}.studio-hero h1{font-size:45px;letter-spacing:-2.2px}.studio-hero-content>p{font-size:13px}.studio-hero-actions{gap:20px}.studio-hero-bottom{font-size:7px}.work-heading h2,.process-heading h2{font-size:35px}.work-filters{gap:15px}}
@media(max-width:768px){.studio-services .services-list ul{display:flex;gap:12px;overflow-x:auto;max-width:100%;padding:5px 0 12px;scrollbar-width:thin;scrollbar-color:#617057 #19201b}.studio-services .service-item{flex:0 0 220px;min-height:96px;border:1px solid #ffffff20;padding:17px 12px!important}.studio-services .service-item .name{font-size:13px}.studio-services .service-item .number{font-size:9px}.studio-services .service-item.active{border-left:3px solid #ef873d}.studio-services h2{margin-bottom:25px}.studio-services .services-container{gap:25px}}