.work-index{background:#f8f8f5;color:#1c1e1b;font-family:Manrope,Arial,sans-serif;padding-bottom:1px}
.work-intro{padding-top:30px}
.work-breadcrumb{display:flex;align-items:center;gap:13px;color:#7b7d75;font-size:12px}
.work-breadcrumb a{color:#30332d}
.work-intro-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);align-items:end;gap:6%;padding:76px 0 64px}
.work-eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:#73796d}
.work-intro h1{margin:16px 0 0;font-size:clamp(62px,7.1vw,122px);line-height:1.05;letter-spacing:-.075em;font-weight:750}
.work-intro h1>span{color:#849455}
.work-intro-note{max-width:340px;padding-bottom:5px}
.work-note-line{display:block;width:35px;height:3px;background:#1e241c;margin-bottom:19px}
.work-intro-note p{font-size:clamp(18px,1.5vw,24px);line-height:1.45;font-weight:600;letter-spacing:-.04em;margin:0 0 12px}
.work-intro-note>span:last-child{display:block;font-size:13px;line-height:1.65;color:#777b71}
.work-filterbar{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #dedfd7;padding:25px 0 30px}
.work-filters{display:flex;gap:8px;flex-wrap:wrap}
.work-filters>a{display:flex;align-items:center;gap:11px;padding:12px 20px;border:1px solid transparent;border-radius:30px;font-size:13px;font-weight:650;line-height:1.4;color:#65695e;transition:background .25s,color .25s,border-color .25s;white-space:nowrap}
.work-filters>a:hover{border-color:#bec4b4;color:#1c241c}
.work-filters>a[aria-current=page]{background:#21251f;color:#fff}
.work-filters small{font-size:10px;font-weight:500;opacity:.55}
.work-search{display:flex;gap:12px;align-items:center;width:195px;color:#7b8175;padding:8px 0;border-bottom:1px solid #d6dacf}
.work-search input{border:0;outline:0;min-width:0;width:100%;padding:0;background:none;box-shadow:none;font:500 13px/1.5 Manrope,Arial,sans-serif;color:#22291e}
.work-search:focus-within{border-color:#292f24}
.work-search svg{flex:0 0 18px}
.work-search .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-collection{padding-bottom:85px}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 32px}
.work-card{min-width:0}
.work-card[hidden]{display:none!important}
.work-card-link{display:block;color:inherit;text-decoration:none}
.work-stage{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.42;overflow:hidden;border-radius:7px;background:#e8ece6;isolation:isolate}
.work-stage-1{background:#e9e6e0}.work-stage-2{background:#e4e8ec}.work-stage-3{background:#eae4e1}.work-stage-4{background:#e4e9e8}.work-stage-5{background:#e8e6ed}
.work-stage:before{content:"";position:absolute;width:85%;height:53%;left:7.5%;top:15%;background:radial-gradient(ellipse,#ffffffad,transparent 70%);z-index:-1;pointer-events:none}
.work-stage:after{content:"";position:absolute;bottom:19%;left:13%;width:74%;height:7%;border-radius:50%;background:#303b323b;filter:blur(15px);z-index:-1;transition:opacity .6s}
.work-stage-top{position:absolute;left:6%;right:6%;top:7%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#6a7465;font-size:9px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.work-stage-top>span:last-child{font-variant-numeric:tabular-nums;opacity:.55}
.work-laptop{width:85%;position:relative;margin-top:1%;transform:translateY(0);transition:transform .8s cubic-bezier(.2,.75,.2,1);filter:drop-shadow(0 13px 12px #1f2a2620)}
.work-laptop-lid{position:relative;width:91%;margin:auto;padding:2% 1.25% 0;border:1px solid #717575;border-radius:clamp(5px,.75vw,13px) clamp(5px,.75vw,13px) 2px 2px;background:linear-gradient(135deg,#242727,#101212 65%,#303333);box-shadow:inset 0 0 0 1px #474d4c,0 0 0 1px #f9fff980}
.work-camera{position:absolute;top:1.9%;left:50%;width:3px;height:3px;border-radius:50%;background:#46504d;box-shadow:inset 0 0 0 1px #181e1b}
.work-laptop-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:2px;background:#fff}
.work-laptop-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.work-laptop-chin{display:block;height:8px;background:linear-gradient(180deg,#181b1b,#2b3030)}
.work-laptop-base{position:relative;height:9px;width:100%;border-radius:1px 1px 50% 50% / 1px 1px 80% 80%;background:linear-gradient(180deg,#f4f5f4 0%,#b4b9b7 34%,#848a89 65%,#bdc2bf 100%);box-shadow:0 1px 0 #4f575466}
.work-laptop-base:before,.work-laptop-base:after{content:"";position:absolute;top:0;width:4%;height:45%;background:linear-gradient(90deg,#72797599,transparent)}
.work-laptop-base:before{left:0}.work-laptop-base:after{right:0;transform:scaleX(-1)}
.work-laptop-base i{display:block;width:15%;height:38%;border-radius:0 0 5px 5px;margin:0 auto;background:linear-gradient(90deg,#8e9693,#dce1de 18%,#dce1de 82%,#8e9693)}
.work-stage-bottom{position:absolute;left:6%;right:6%;bottom:6%;display:flex;justify-content:space-between;align-items:center;color:#7c8576;font-size:8px;font-weight:650;letter-spacing:.16em}
.work-stage-bottom i{font-style:normal;width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff9c;border-radius:50%;font-size:17px;letter-spacing:0;color:#3f4c39;transition:background .3s,transform .4s}
.work-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 1px 0}
.work-caption h2{font:650 clamp(23px,2vw,33px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 7px;overflow-wrap:anywhere}
.work-caption p{display:flex;gap:10px;flex-wrap:wrap;margin:0;color:#81867a;font-size:11px;line-height:1.6}
.work-caption p>span{color:#b7bcb0}
.work-caption-arrow{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #d6dbce;border-radius:50%;font-size:22px;font-weight:400;transition:background .3s,color .3s,border-color .3s}
.work-card-link:hover .work-laptop{transform:translateY(-7px)}
.work-card-link:hover .work-caption-arrow{background:#22281e;color:#fff;border-color:#22281e}
.work-card-link:hover .work-stage-bottom i{background:#ffffffa6;transform:translate(2px,-2px)}
.work-card-link:focus-visible{outline:2px solid #53603d;outline-offset:7px;border-radius:6px}
.work-brand-display{display:flex;flex-direction:column;justify-content:center;align-items:center;width:75%;gap:26px;text-align:center}
.work-brand-display img{display:block;max-width:100%;width:auto;max-height:130px;height:auto;object-fit:contain;mix-blend-mode:multiply}
.work-brand-display>span{font-size:clamp(26px,3vw,50px);line-height:1.15;font-weight:700;letter-spacing:-.055em}
.work-brand-display small{font-size:8px;letter-spacing:.2em;color:#7d8577}
.work-stage-brand:after{display:none}
.work-brand-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.work-stage-creative:after{display:none}
.work-stage-creative .work-brand-cover{position:relative;inset:auto;z-index:0;width:78%;height:70%;object-fit:contain;filter:drop-shadow(0 16px 20px #27322b30);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.work-stage-creative--social .work-brand-cover{width:58%;height:76%}
.work-card-link:hover .work-stage-creative .work-brand-cover{transform:translateY(-6px)}
.work-stage-brand .work-stage-top,.work-stage-brand .work-stage-bottom{color:#414d44}
.work-card-link:hover .work-brand-cover{transform:scale(1.025)}
.work-more{display:flex;flex-direction:column;align-items:center;margin-top:66px;gap:17px}
.work-more p{margin:0;color:#8b9183;font-size:11px}
.work-more button{display:flex;align-items:center;justify-content:space-between;gap:46px;min-height:56px;border:1px solid #bfc7b2;border-radius:30px;padding:0 25px;background:transparent;color:#323c2a;font:650 13px Manrope,Arial,sans-serif;cursor:pointer;transition:background .25s}
.work-more button:hover{background:#e4eadb}.work-more button>span{font-size:21px;font-weight:400}
.work-more button[hidden],.work-empty[hidden]{display:none}
.work-empty{text-align:center;padding:70px 20px;color:#676f5e}
.work-invitation{border-top:1px solid #d7dcce;padding-top:42px;padding-bottom:100px}
.work-invitation>div{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:27px}
.work-invitation h2{font-size:clamp(40px,5vw,79px);line-height:1.08;font-weight:650;letter-spacing:-.07em;margin:0}
.work-invitation a{display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid #687358;padding:17px 0;font-size:15px;font-weight:600}
.work-invitation a>span{display:grid;place-items:center;border-radius:50%;width:48px;height:48px;background:#d7f96e;font-size:24px;transition:transform .4s}
.work-invitation a:hover>span{transform:rotate(45deg)}
.work-index.is-enhanced .work-card{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .85s cubic-bezier(.16,1,.3,1)}
.work-index.is-enhanced .work-card.is-visible{opacity:1;transform:none}
@media(min-width:761px){.work-card:nth-child(even){transition-delay:.09s!important}}
@media(max-width:1000px){.work-intro-grid{grid-template-columns:1.35fr 1fr;gap:35px;padding:60px 0 45px}.work-intro h1{font-size:clamp(58px,8vw,84px)}.work-grid{gap:43px 23px}.work-stage{aspect-ratio:1.25}.work-stage:after{bottom:22%}.work-filters>a{padding:11px 14px;font-size:12px}.work-search{width:170px}.work-laptop-chin{height:6px}.work-laptop-base{height:7px}}
@media(max-width:760px){.work-intro{padding-top:22px}.work-intro-grid{grid-template-columns:1fr;padding:40px 0 35px;gap:25px}.work-intro h1{font-size:clamp(54px,11vw,82px);margin-top:12px}.work-intro-note{max-width:420px}.work-note-line{display:none}.work-intro-note p{font-size:19px;margin-bottom:8px}.work-intro-note p br{display:none}.work-intro-note>span:last-child{font-size:12px}.work-filterbar{flex-wrap:wrap;gap:18px;padding:20px 0 24px}.work-filters{gap:4px}.work-filters>a{padding:10px 14px}.work-search{width:100%;padding:9px 0}.work-grid{grid-template-columns:1fr;gap:35px}.work-stage{aspect-ratio:1.46}.work-stage:after{bottom:18%}.work-stage-top{font-size:9px}.work-laptop-lid{border-radius:8px 8px 2px 2px}.work-laptop-chin{height:7px}.work-laptop-base{height:8px}.work-caption{padding-top:19px}.work-caption h2{font-size:26px}.work-caption p{font-size:10px;gap:7px}.work-collection{padding-bottom:60px}.work-more{margin-top:45px}.work-invitation{padding-top:32px;padding-bottom:65px}.work-invitation>div{align-items:flex-start;flex-direction:column;gap:24px}.work-invitation a{font-size:14px;gap:35px}.work-invitation h2{font-size:48px}.work-invitation a>span{width:42px;height:42px}.work-brand-display img{max-height:110px}}
@media(max-width:390px){.work-filters>a{font-size:11px;padding:10px 11px;gap:6px}.work-stage-top{font-size:8px}.work-caption h2{font-size:23px}.work-caption p{font-size:9px}.work-stage-bottom{font-size:7px}}
@media(prefers-reduced-motion:reduce){.work-index.is-enhanced .work-card{opacity:1;transform:none}.work-index *{animation:none!important;transition:none!important}}