.work-page{--work-black:#161613;--work-soft:#24241e;--work-ivory:#eee9df;--work-stone:#b7a58d;--work-olive:#3e4434;--work-line-light:#eee9df30;--work-line-dark:#1616132e;background:var(--work-black);min-height:100vh;color:var(--work-ivory);overflow:hidden}.work-page *{box-sizing:border-box}.work-page img{object-fit:cover;width:100%;height:100%;display:block}.work-page h1,.work-page h2,.work-page h3{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-weight:400}.work-page em{color:var(--work-stone);font-weight:400}.work-nav{z-index:10;border-bottom:1px solid var(--work-line-light);grid-template-columns:1fr auto 1fr;align-items:start;min-height:94px;padding:30px 36px;display:grid;position:absolute;inset:0 0 auto}.work-logo{font-family:var(--font-display);letter-spacing:.16em;font-size:21px}.work-logo span{color:var(--work-stone)}.work-nav nav{letter-spacing:.18em;text-transform:uppercase;gap:34px;padding-top:4px;font-size:8px;display:flex}.work-nav nav a{opacity:.62;transition:opacity .2s}.work-nav nav a:hover,.work-nav nav a[aria-current=page]{opacity:1}.work-enquire{letter-spacing:.17em;text-transform:uppercase;border:1px solid #eee9df59;border-radius:999px;justify-self:end;padding:9px 15px;font-size:7px}.work-enquire span{margin-left:12px}.work-hero{background:var(--work-black);flex-direction:column;justify-content:center;min-height:100svh;padding:94px 6vw 40px;display:flex;position:relative;overflow:hidden}.work-coordinates{color:#eee9df5c;letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;font-size:7px;display:flex;position:absolute;top:126px;left:36px;right:36px}.work-hero-copy{z-index:3;width:88%;margin:4vh auto 0;position:relative}.work-hero-copy>p{color:var(--work-stone);letter-spacing:.21em;text-transform:uppercase;opacity:0;margin:0 0 26px;font-size:8px;animation:.8s .12s forwards work-rise}.work-hero-copy h1{opacity:0;font-size:clamp(94px,14.2vw,218px);line-height:.7;animation:1.1s cubic-bezier(.2,.7,.2,1) .25s forwards work-rise;transform:translateY(50px)}.work-hero-copy>span{color:#eee9df8f;opacity:0;max-width:470px;margin:50px 5vw 0 auto;font-size:12px;line-height:1.8;animation:.8s .68s forwards work-rise;display:block}.work-geometry{aspect-ratio:1;opacity:0;border:1px solid #b7a58d24;border-radius:50%;width:min(48vw,720px);animation:1.4s .7s forwards work-geometry;position:absolute;top:14%;right:-7vw}.work-geometry i{background:#b7a58d21;width:1px;height:120%;position:absolute;top:-10%;left:50%;transform:rotate(27deg)}.work-geometry i:nth-child(2){transform:rotate(112deg)}.work-geometry b{background:var(--work-stone);border-radius:50%;width:10px;height:10px;position:absolute;top:15%;left:21%;box-shadow:0 0 0 13px #b7a58d12}.work-hero-foot{border-top:1px solid var(--work-line-light);color:#eee9df66;letter-spacing:.18em;text-transform:uppercase;grid-template-columns:repeat(3,1fr);padding-top:18px;font-size:7px;display:grid;position:absolute;bottom:30px;left:36px;right:36px}.work-hero-foot span:nth-child(2){text-align:center}.work-hero-foot span:last-child{text-align:right}.work-archive{background:var(--work-ivory);color:var(--work-black);padding:11vw 4vw 10vw}.archive-head{opacity:0;grid-template-columns:1.35fr .45fr;align-items:end;gap:10vw;padding:0 2vw;transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.2,1);display:grid;transform:translateY(70px)}.archive-head.is-visible{opacity:1;transform:translateY(0)}.archive-head p{color:#806d58;letter-spacing:.2em;text-transform:uppercase;margin:0 0 45px;font-size:8px}.archive-head h2{font-size:clamp(80px,10vw,152px);line-height:.76}.archive-head>span{color:#16161391;font-size:12px;line-height:1.8}.work-filters{border-top:1px solid var(--work-line-dark);border-bottom:1px solid var(--work-line-dark);grid-template-columns:repeat(4,1fr);margin:9vw 2vw 0;display:grid}.work-filters button{-webkit-appearance:none;appearance:none;border:0;border-right:1px solid var(--work-line-dark);color:#1616136e;cursor:pointer;min-height:76px;font:inherit;letter-spacing:.17em;text-transform:uppercase;background:0 0;justify-content:space-between;align-items:center;padding:0 20px;font-size:8px;transition:color .25s,background .25s;display:flex}.work-filters button:last-child{border-right:0}.work-filters button:hover,.work-filters button.is-active{color:var(--work-black);background:#b7a58d29}.work-filters button span{color:#806d58;font-size:6px}.work-grid{grid-template-columns:1.12fr .88fr;align-items:start;gap:9vw 22px;margin-top:9vw;display:grid}.work-card{opacity:0;transition:opacity 1s,transform 1.1s cubic-bezier(.2,.7,.2,1);display:block;transform:translateY(90px)}.work-card.is-visible{opacity:1;transform:translateY(0)}.work-card-1,.work-card-3{margin-top:12vw}.work-card figure{background:#c6b8a7;height:50vw;max-height:780px;margin:0;position:relative;overflow:hidden}.work-card-1 figure,.work-card-3 figure{height:58vw;max-height:880px}.work-card figure:after{content:"";opacity:.32;background:linear-gradient(#0000 62%,#16161342);transition:opacity .4s;position:absolute;inset:0}.work-card figure img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.work-card:hover figure img{transform:scale(1.025)}.work-card:hover figure:after{opacity:.58}.work-card figure>span{z-index:2;letter-spacing:.14em;background:#eee9dfe6;border-radius:50%;place-items:center;width:39px;height:39px;font-size:7px;display:grid;position:absolute;top:17px;right:17px}.work-card figure>i{z-index:2;color:#eee9dfcc;letter-spacing:.17em;text-transform:uppercase;opacity:0;font-size:7px;font-style:normal;transition:opacity .35s,transform .35s;position:absolute;bottom:18px;left:18px;transform:translateY(10px)}.work-card:hover figure>i{opacity:1;transform:translateY(0)}.work-card>div{padding:20px 1px 0;position:relative}.work-card>div p{color:#806d58;letter-spacing:.16em;text-transform:uppercase;margin:0 0 13px;font-size:7px}.work-card>div h2{font-size:clamp(44px,5.2vw,76px);line-height:.86}.work-card>div>span{color:#16161375;letter-spacing:.15em;text-transform:uppercase;font-size:6px;position:absolute;top:26px;right:0}.work-note{text-align:center;background:var(--work-olive);opacity:0;flex-direction:column;justify-content:center;align-items:center;min-height:850px;padding:10vw 6vw;transition:opacity 1.2s;display:flex}.work-note.is-visible{opacity:1}.work-note>p{color:var(--work-stone);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:8px}.work-note h2{margin:52px 0 62px;font-size:clamp(82px,11vw,165px);line-height:.76}.work-note a{background:var(--work-ivory);color:var(--work-black);letter-spacing:.17em;text-transform:uppercase;border-radius:999px;padding:13px 19px;font-size:7px}.work-note a span{margin-left:15px}.work-footer{background:var(--work-black);grid-template-rows:1fr auto;grid-template-columns:1fr auto;align-items:end;gap:40px;min-height:360px;padding:7vw 5vw 32px;display:grid}.work-footer>a{font-family:var(--font-display);letter-spacing:-.055em;align-self:start;font-size:clamp(66px,10vw,148px);line-height:.7}.work-footer>span{font-family:var(--font-display);align-self:start;font-size:25px}.work-footer nav{letter-spacing:.17em;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;gap:15px 24px;font-size:7px;display:flex}.work-footer small{color:#eee9df66;letter-spacing:.15em;text-transform:uppercase;justify-self:end;font-size:7px}.case-page{background:var(--work-ivory);color:var(--work-black)}.case-nav{color:var(--work-black);border-bottom-color:var(--work-line-dark)}.case-nav .work-enquire{border-color:#1616134d}.case-heading{background:var(--work-ivory);flex-direction:column;justify-content:center;min-height:760px;padding:150px 5vw 55px;display:flex}.case-kicker{color:#806d58;letter-spacing:.19em;text-transform:uppercase;justify-content:space-between;margin-bottom:auto;font-size:8px;display:flex}.case-kicker p{margin:0}.case-heading h1{padding:7vw 0;font-size:clamp(105px,17vw,255px);line-height:.67;animation:1s cubic-bezier(.2,.7,.2,1) both case-enter}.case-heading-foot{border-top:1px solid var(--work-line-dark);color:#16161385;letter-spacing:.17em;text-transform:uppercase;grid-template-columns:repeat(3,1fr);padding-top:18px;font-size:7px;display:grid}.case-heading-foot span:nth-child(2){text-align:center}.case-heading-foot span:last-child{text-align:right}.case-hero-new{background:#c6b8a7;height:min(72vw,1020px);margin:0;position:relative;overflow:hidden}.case-hero-new img{animation:1.8s cubic-bezier(.2,.7,.2,1) .15s both case-image}.case-hero-new figcaption{color:#eee9dfcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.17em;text-transform:uppercase;background:#16161357;border:1px solid #eee9df47;border-radius:999px;padding:10px 14px;font-size:6px;position:absolute;bottom:20px;left:22px}.case-overview{background:var(--work-ivory);grid-template-columns:.32fr 1.3fr;align-items:start;gap:6vw;min-height:830px;padding:10vw 7vw 8vw;display:grid}.case-overview>p,.case-narrative>p{color:#806d58;letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:8px}.case-overview h2{font-size:clamp(62px,7.6vw,116px);line-height:.9}.case-facts-new{border-top:1px solid var(--work-line-dark);grid-column:2;grid-template-columns:repeat(3,1fr);margin-top:7vw;display:grid}.case-facts-new>div{border-right:1px solid var(--work-line-dark);min-height:150px;padding:23px 28px 20px 0}.case-facts-new>div:not(:first-child){padding-left:28px}.case-facts-new>div:last-child{border-right:0}.case-facts-new span{color:#806d58;letter-spacing:.16em;text-transform:uppercase;font-size:7px}.case-facts-new p{color:#16161399;margin:43px 0 0;font-size:11px;line-height:1.65}.case-gallery-new{background:var(--work-ivory);grid-template-columns:1.1fr .9fr;gap:20px;padding:0 3vw 9vw;display:grid}.case-gallery-new figure{background:#c6b8a7;height:60vw;max-height:900px;margin:0;position:relative;overflow:hidden}.case-gallery-new .gallery-item-0{grid-column:1/-1;height:min(65vw,940px)}.case-gallery-new .gallery-item-1{height:74vw;max-height:1050px}.case-gallery-new .gallery-item-2{height:58vw;max-height:850px;margin-top:10vw}.case-gallery-new figure>span{background:#eee9dfe0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:7px;display:grid;position:absolute;bottom:16px;right:16px}.case-placeholder{text-align:center;min-height:600px;color:var(--work-black);background:#d7cabb;flex-direction:column;justify-content:center;align-items:center;padding:7vw;display:flex}.case-placeholder p{font-family:var(--font-display);margin:0 0 35px;font-size:clamp(58px,8vw,110px);line-height:.85}.case-placeholder span{color:#1616138f;max-width:480px;font-size:12px;line-height:1.8}.case-narrative{background:var(--work-soft);min-height:900px;color:var(--work-ivory);grid-template-columns:.34fr 1.18fr .48fr;align-items:center;gap:6vw;padding:10vw 7vw;display:grid;position:relative;overflow:hidden}.case-narrative>p{color:var(--work-stone);align-self:start}.case-narrative h2{font-size:clamp(75px,9vw,140px);line-height:.78}.case-narrative>span{color:#eee9df8f;font-size:12px;line-height:1.85}.narrative-plan{aspect-ratio:1;border:1px solid #b7a58d21;border-radius:50%;width:38vw;position:absolute;bottom:-14vw;right:-10vw}.narrative-plan i,.narrative-plan b{background:#b7a58d21;width:1px;height:120%;position:absolute;top:-10%;left:50%}.narrative-plan i:nth-child(2){transform:rotate(90deg)}.narrative-plan b{transform:rotate(35deg)}.narrative-plan b:last-child{transform:rotate(125deg)}.case-next-new{background:var(--work-ivory);grid-template-columns:1fr 1.3fr;align-items:center;min-height:330px;padding:70px 6vw;display:grid}.case-next-new>a:first-child{letter-spacing:.17em;text-transform:uppercase;font-size:8px}.case-next-new>a:last-child{border-bottom:1px solid var(--work-line-dark);grid-template-columns:1fr auto;align-items:end;padding-bottom:18px;display:grid}.case-next-new>a:last-child span{color:#806d58;letter-spacing:.17em;text-transform:uppercase;grid-column:1/-1;margin-bottom:18px;font-size:7px}.case-next-new strong{font-family:var(--font-display);font-size:clamp(45px,5.5vw,80px);font-weight:400;line-height:.82}.case-next-new i{color:#806d58;font-size:24px;font-style:normal}.project-missing{flex-direction:column;justify-content:center;min-height:100vh;padding:10vw;display:flex}.project-missing h1{font-size:clamp(70px,10vw,150px)}@keyframes work-rise{to{opacity:1;transform:translateY(0)}}@keyframes work-geometry{to{opacity:1;transform:rotate(9deg)}}@keyframes case-enter{0%{opacity:0;transform:translateY(45px)}}@keyframes case-image{0%{transform:scale(1.08)}to{transform:scale(1)}}@media (max-width:900px){.work-nav{grid-template-columns:1fr auto}.work-nav nav{display:none}.archive-head{grid-template-columns:1fr;gap:42px}.archive-head>span{max-width:480px}.case-overview{grid-template-columns:1fr}.case-facts-new{grid-column:1}.case-narrative{grid-template-columns:1fr;align-content:center}.case-narrative>p{margin-bottom:40px}.case-narrative>span{max-width:500px}}@media (max-width:640px){.work-nav{min-height:76px;padding:23px 18px}.work-enquire{font-size:6px}.work-coordinates{top:100px;left:18px;right:18px}.work-hero{padding:76px 18px 70px}.work-hero-copy{width:100%;margin-top:0}.work-hero-copy h1{font-size:25vw}.work-hero-copy>span{max-width:82%;margin:42px 0 0 auto}.work-geometry{opacity:.45;width:120vw;top:19%;right:-50vw}.work-hero-foot{grid-template-columns:1fr auto;bottom:24px;left:18px;right:18px}.work-hero-foot span:nth-child(2){display:none}.work-archive{padding:105px 14px 90px}.archive-head{padding:0 8px}.archive-head h2{font-size:19vw}.work-filters{grid-template-columns:1fr 1fr;margin:80px 0 0}.work-filters button{border-bottom:1px solid var(--work-line-dark);min-height:62px}.work-filters button:nth-child(2){border-right:0}.work-grid{grid-template-columns:1fr;gap:76px;margin-top:80px}.work-card-1,.work-card-3{margin-top:0}.work-card figure,.work-card-1 figure,.work-card-3 figure{height:125vw}.work-card>div>span{margin-top:15px;display:block;position:static}.work-card figure>i{opacity:1;transform:none}.work-note{min-height:720px;padding:90px 20px}.work-note h2{font-size:19vw}.work-footer{grid-template-rows:auto;grid-template-columns:1fr;align-items:start;min-height:430px;padding:80px 24px 26px}.work-footer>a{font-size:20vw}.work-footer nav{flex-wrap:wrap}.work-footer small{justify-self:start}.case-heading{min-height:620px;padding:125px 20px 38px}.case-heading h1{padding:95px 0;font-size:24vw}.case-heading-foot{grid-template-columns:1fr auto}.case-heading-foot span:nth-child(2){display:none}.case-hero-new{height:125vw}.case-overview{min-height:760px;padding:90px 24px}.case-overview h2{margin-top:42px;font-size:15vw}.case-facts-new{grid-template-columns:1fr;margin-top:75px}.case-facts-new>div,.case-facts-new>div:not(:first-child){border-right:0;border-bottom:1px solid var(--work-line-dark);min-height:120px;padding:22px 0}.case-facts-new p{margin-top:25px}.case-gallery-new{grid-template-columns:1fr;gap:12px;padding:0 12px 70px}.case-gallery-new figure,.case-gallery-new .gallery-item-0,.case-gallery-new .gallery-item-1,.case-gallery-new .gallery-item-2{grid-column:1;height:125vw;margin-top:0}.case-placeholder{min-height:560px;padding:80px 24px}.case-narrative{min-height:850px;padding:100px 24px}.case-narrative h2{font-size:19vw}.narrative-plan{width:90vw;bottom:-20vw;right:-45vw}.case-next-new{grid-template-columns:1fr;gap:70px;min-height:390px;padding:70px 24px}}@media (prefers-reduced-motion:reduce){.work-page *,.work-page :before,.work-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}