.work-index-hero{position:relative;overflow:hidden;padding:clamp(11rem,16vw,15rem) 0 0;background:#043438;color:#fff}.work-index-hero:before{content:"";position:absolute;right:-8vw;top:-12vw;width:min(58vw,850px);aspect-ratio:1;border:1px solid rgba(157,224,204,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(157,224,204,.035),0 0 0 140px rgba(157,224,204,.02)}.work-index-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(17rem,.55fr);gap:8vw;align-items:end;padding-bottom:clamp(5rem,8vw,8rem)}.work-index-hero h1{max-width:1100px;margin:1.2rem 0 0;font-size:clamp(4.8rem,9vw,10rem);line-height:.82;letter-spacing:-.075em}.work-index-hero h1 em{display:block;color:#d8f486;font-style:normal}.work-index-hero-note{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.3)}.work-index-hero-note p{margin:0 0 2rem;color:rgba(255,255,255,.7);font-size:1.05rem;line-height:1.65}.work-index-hero-note a{display:flex;justify-content:space-between;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.3);font-size:.78rem;font-weight:800}.work-index-stripe{position:relative;z-index:1;display:flex;justify-content:center;gap:clamp(1.2rem,4vw,4rem);padding:1.25rem 4vw;background:#ff745f;color:#032f30;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.work-index-stripe i{font-style:normal}.work-index{padding:clamp(5rem,9vw,9rem) 0 clamp(7rem,11vw,11rem);background:#f3f1e9}.work-index-controls{display:grid;grid-template-columns:minmax(18rem,.7fr) minmax(0,1.3fr);gap:7vw;align-items:end;margin-bottom:clamp(4rem,7vw,7rem)}.work-index-controls h2{margin:.8rem 0 0;font-size:clamp(3rem,5.3vw,6.4rem);line-height:.9;letter-spacing:-.06em}.work-index-controls h2 span{color:#07889a}.work-index-filters{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}.work-index-filters a{padding:.7rem .9rem;border:1px solid rgba(3,47,48,.25);font-size:.67rem;font-weight:800;transition:.2s}.work-index-filters a:hover,.work-index-filters .is-active{background:#032f30;border-color:#032f30;color:#fff}.work-index-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.2rem,2.5vw,2.5rem)}.work-index-card{grid-column:span 4;min-width:0}.work-index-card--1{grid-column:span 8}.work-index-card--5{grid-column:span 8}.work-index-card>a{display:flex;height:100%;flex-direction:column;background:#fff;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.work-index-card>a:hover{transform:translateY(-8px);box-shadow:0 30px 75px rgba(3,47,48,.13)}.work-index-card figure{position:relative;overflow:hidden;margin:0;aspect-ratio:4/3;background:#043438}.work-index-card--1 figure,.work-index-card--5 figure{aspect-ratio:16/9}.work-index-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.work-index-card a:hover figure img{transform:scale(1.035)}.work-index-card figure>i{position:absolute;right:1.2rem;bottom:1.2rem;padding:.75rem .9rem;background:#fff;color:#032f30;font-size:.67rem;font-weight:800;font-style:normal;transform:translateY(.5rem);opacity:0;transition:.25s}.work-index-card a:hover figure>i{transform:none;opacity:1}.work-index-art{display:flex;width:100%;height:100%;align-items:flex-end;padding:2rem;background:linear-gradient(135deg,#087b80,#043438)}.work-index-art b{color:rgba(255,255,255,.14);font-size:clamp(5rem,9vw,10rem)}.work-index-card-copy{display:flex;flex:1;flex-direction:column;padding:clamp(1.4rem,2.5vw,2.5rem)}.work-index-card-copy>p{margin:0;padding-bottom:1rem;border-bottom:1px solid rgba(3,47,48,.17);color:#07889a;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.work-index-card-copy h2{margin:clamp(1.7rem,3vw,3rem) 0 1rem;font-size:clamp(2rem,3vw,3.8rem);line-height:.95;letter-spacing:-.055em}.work-index-card:not(.work-index-card--1):not(.work-index-card--5) h2{font-size:clamp(1.8rem,2.25vw,2.8rem)}.work-index-card-copy>div{color:#53615f;line-height:1.6}.work-index-card-copy>b{display:flex;justify-content:space-between;margin-top:auto;padding-top:2rem;font-size:.72rem}.work-index-card-copy>b span{color:#ff745f;font-size:1rem}.work-index-pagination{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;align-items:end;margin-top:clamp(6rem,10vw,10rem);padding-top:2rem;border-top:2px solid #032f30}.work-index-progress>span{color:#07889a;font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.work-index-progress strong{display:block;margin:1rem 0;font-size:clamp(3rem,5vw,6rem);line-height:1;letter-spacing:-.06em}.work-index-progress strong i{color:#ff745f;font-style:normal}.work-index-progress>div{height:4px;background:rgba(3,47,48,.15)}.work-index-progress>div i{display:block;height:100%;background:#ff745f}.work-index-pages{display:flex;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.work-index-pages .page-numbers{display:grid;min-width:3.2rem;height:3.2rem;place-items:center;padding:0 .9rem;border:1px solid #032f30;font-size:.72rem;font-weight:800;transition:.2s}.work-index-pages .page-numbers:hover,.work-index-pages .current{background:#032f30;color:#fff}.work-index-pages .prev,.work-index-pages .next{min-width:7.5rem}
.home-work-showcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.2rem,2.4vw,2.2rem)}.home-work-story{grid-column:span 4}.home-work-story--1{grid-column:span 8;grid-row:span 2}.home-work-story>a{display:flex;height:100%;flex-direction:column;border-top:1px solid rgba(255,255,255,.25);color:#fff}.home-work-visual{position:relative;overflow:hidden;margin-top:1.1rem;background:#0a4945}.home-work-visual img,.home-work-visual>.work-art{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .65s}.home-work-story--1 .home-work-visual img,.home-work-story--1 .home-work-visual>.work-art{aspect-ratio:16/10}.home-work-story a:hover .home-work-visual img{transform:scale(1.035)}.home-work-visual>span{position:absolute;left:1rem;top:1rem;padding:.45rem .55rem;background:#d8f486;color:#032f30;font-size:.62rem;font-weight:800}.home-work-visual>i{position:absolute;right:1rem;bottom:1rem;display:grid;width:3.3rem;height:3.3rem;place-items:center;border-radius:50%;background:#fff;color:#032f30;font-size:.68rem;font-weight:800;font-style:normal}.home-work-copy{display:flex;flex:1;flex-direction:column;padding:1.5rem 0 0}.home-work-copy>p{margin:0;color:#94e0cc;font-size:.64rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.home-work-copy h3{margin:.65rem 0 .8rem;font-size:clamp(2rem,3.1vw,4.1rem);line-height:.94;letter-spacing:-.055em}.home-work-story:not(.home-work-story--1) .home-work-copy h3{font-size:clamp(1.7rem,2.2vw,2.7rem)}.home-work-copy>div{max-width:46rem;color:rgba(255,255,255,.65);line-height:1.55}.home-work-story:not(.home-work-story--1) .home-work-copy>div{display:none}.home-work-copy>b{display:flex;justify-content:space-between;margin-top:auto;padding-top:1.4rem;font-size:.7rem}.home-work-copy>b span{color:#ff745f;font-size:1rem}
@media(max-width:950px){.work-index-hero-grid,.work-index-controls,.work-index-pagination{grid-template-columns:1fr}.work-index-filters,.work-index-pages{justify-content:flex-start}.work-index-card,.work-index-card--1,.work-index-card--5{grid-column:span 6}.home-work-story,.home-work-story--1{grid-column:span 6;grid-row:auto}.home-work-story:not(.home-work-story--1) .home-work-copy>div{display:block}}
@media(max-width:640px){.work-index-hero{padding-top:9rem}.work-index-hero h1{font-size:clamp(4rem,18vw,6rem)}.work-index-stripe{justify-content:flex-start;overflow:hidden;white-space:nowrap}.work-index-controls{gap:2.5rem}.work-index-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.6rem}.work-index-filters a{flex:none}.work-index-grid,.home-work-showcase{display:block}.work-index-card,.home-work-story{margin-bottom:1.2rem}.work-index-card figure,.work-index-card--1 figure,.work-index-card--5 figure{aspect-ratio:4/3}.work-index-pages .prev,.work-index-pages .next{width:100%}.work-index-pages .next{order:20}.home-work-story--1 .home-work-visual img,.home-work-story--1 .home-work-visual>.work-art{aspect-ratio:4/3}}