.work-page{--work-cream:#f0eee5;--work-green:#13241c;--work-bronze:#d4af86}.work-hero{background:var(--work-green);color:var(--work-cream);overflow:hidden}.work-hero-inner{padding-top:35px}.work-hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:65px 0 50px;display:grid}.work-hero h1{font:400 clamp(54px,6.1vw,92px)/1.02 var(--font-display);letter-spacing:-.05em;margin:26px 0}.work-hero h1 em{color:var(--work-bronze);font-weight:300}.work-lede{color:#bfcbc1;max-width:460px;font-size:15px;line-height:1.9}.work-explore{border-bottom:1px solid #d4af8666;align-items:center;gap:35px;margin-top:16px;padding:20px 0 12px;font-size:12px;display:inline-flex}.work-explore:hover{color:var(--work-bronze)}.work-hero-visual{position:relative}.work-hero-visual .work-study{aspect-ratio:1.1;background:radial-gradient(at 50% 45%,#344639,#15271d 70%)}.work-visual-note{font:9px var(--font-mono);letter-spacing:.09em;color:#c9baa3;justify-content:space-between;padding-top:17px;display:flex}.work-route{font:10px var(--font-mono);letter-spacing:.11em;border-top:1px solid #ffffff26;align-items:center;gap:35px;padding:28px 0 32px;display:flex}.work-route>span{flex-shrink:0}.work-route small{color:#aebbb0;font:11px var(--font-sans);letter-spacing:0;margin-top:8px;display:block}.work-route i{background:var(--work-bronze);border-radius:50%;width:5px;height:5px;margin-right:10px;display:inline-block}.work-route-line{background:linear-gradient(90deg,#d4af8680,#d4af86);flex:1;height:1px;position:relative}.work-route-line svg{position:absolute;top:-8px;right:0}.work-study{isolation:isolate;aspect-ratio:1.1;background:#20382a;position:relative;overflow:hidden}.work-study-grid{opacity:.22;background-image:linear-gradient(#d5c4a31c 1px,#0000 1px),linear-gradient(90deg,#d5c4a31c 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.work-assembly{justify-content:center;align-items:center;gap:5%;transition:transform .8s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:20% 12%;transform:rotate(-28deg)}.work-assembly>span{max-width:45px;height:calc(160px + var(--i)*12px);transform:translateY(calc((var(--i) - 3)*-9px));background:linear-gradient(90deg,#293d2c,#8f9d85 25%,#d8d7ba 43%,#5f7058 48%,#263d2b 94%);border-radius:9px 9px 2px 2px;flex:1;transition:transform .85s cubic-bezier(.2,.7,.2,1),background .85s;display:block;position:relative;box-shadow:15px 20px 23px #0007}.work-assembly>span:nth-child(2n){background:linear-gradient(90deg,#5d422d,#c49b6a 38%,#e9c999 45%,#7e5839 52%,#433423)}.work-assembly>span i{background:#182b1d;border-radius:50%;height:5px;position:absolute;inset:9px 5px auto;box-shadow:0 1px #f0dfb955}.work-study-cross{color:#b7ba9b80;font:22px var(--font-mono);position:absolute}.work-cross-a{top:25px;left:25px}.work-cross-b{bottom:45px;right:25px}.work-study-caption{font:8px var(--font-mono);letter-spacing:.12em;color:#b8c0ad;justify-content:space-between;display:flex;position:absolute;inset:auto 25px 20px}.work-study-1 .work-assembly{transform:rotate(-8deg)translate(12px)}.work-study-2 .work-assembly{transform:rotate(-28deg)scale(.87)}.work-study-2 .work-assembly>span{transform:translate(calc((var(--i) - 3)*14px),calc((var(--i) - 3)*-22px)) rotate(calc((var(--i) - 3)*5deg))}.work-study-3 .work-assembly{transform:rotate(0)scale(.82)}.work-study-3 .work-assembly>span{transform:translateY(calc((var(--i) - 3)*12px)) rotate(90deg)}.work-study-4 .work-assembly{transform:rotate(-38deg)scale(.85)}.work-study-4 .work-assembly>span{background:linear-gradient(90deg,#354939,#a8b49c 42%,#dee0c7 47%,#5d7158 51%,#28452e);transform:translateY(0)}.work-process{padding-block:100px;scroll-margin-top:105px}.work-section-top{justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px;display:flex}.work-section-top h2{font:400 clamp(36px,4vw,59px)/1.07 var(--font-display);letter-spacing:-.035em}.work-section-top h2 em{color:#946d45;font-weight:300}.work-section-top>p{color:#666e62;max-width:320px;font-size:14px;line-height:1.9}.work-tabs{border-top:1px solid #233b2833;border-bottom:1px solid #233b2833;grid-template-columns:repeat(5,1fr);display:grid}.work-tabs button{text-align:left;border-right:1px solid #233b2822;align-items:center;gap:12px;min-height:76px;padding:20px 15px;font-size:13px;transition:background .2s,color .2s;display:flex}.work-tabs button:last-child{border:0}.work-tabs button>span{font:10px var(--font-mono);opacity:.65}.work-tabs button>svg{margin-left:auto}.work-tabs button[aria-selected=true]{color:#f5eedf;background:#183023}.work-tabs button:hover{background:#cfb18c55}.work-tabs button[aria-selected=true]:hover{background:#243f2c}.work-page button:focus-visible,.work-page a:focus-visible{outline-offset:5px;outline:2px solid #a7743c}.work-process-body{background:#e9e7dd;border-bottom:1px solid #213b2826;grid-template-columns:1fr 1fr;display:grid}.work-process-art{position:relative}.work-process-art .work-study{aspect-ratio:1.14}.work-location{color:#d6d9c9;font:9px var(--font-mono);letter-spacing:.06em;background:#14281c;align-items:center;gap:8px;min-height:58px;padding:20px 25px;display:flex}.work-location>span:last-child{color:#a8b59e;margin-left:auto}.work-location-dot{background:#c9aa78;border-radius:50%;width:5px;height:5px}.work-panel-wrap{flex-direction:column;padding:48px;display:flex}.work-panel h3{font:400 clamp(32px,3.5vw,48px)/1.1 var(--font-display);letter-spacing:-.025em;margin:23px 0}.work-panel>p:not(.sa-kicker){color:#5a6557;max-width:400px;font-size:14px;line-height:1.9}.work-output{border-top:1px solid #273c2a33;margin-top:30px;padding-top:20px}.work-output>span{font:9px var(--font-mono);letter-spacing:.12em;color:#876442}.work-output>p{color:#53634e;margin-top:10px;font-size:12px;line-height:1.8}.work-controls{font:12px var(--font-mono);justify-content:space-between;align-items:center;margin-top:auto;padding-top:30px;display:flex}.work-controls i{color:#7f8b76;font-style:normal}.work-controls>div{gap:10px;display:flex}.work-controls button{border:1px solid #1d382944;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.work-controls button:hover:enabled{color:#fff;background:#183023}.work-controls button:disabled{opacity:.3;cursor:default}.work-destinations{color:#f0eee5;background:#14271d;padding-block:90px}.work-destinations .work-section-top>p{color:#b5c1b0}.work-destinations h2 em{color:#d0ae84}.work-material-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.work-material{background:#1a3022;border:1px solid #d6c19a33;overflow:hidden}.work-material-art{background:radial-gradient(#3b4d36,#203423 70%);justify-content:center;align-items:center;gap:13px;height:205px;display:flex;overflow:hidden}.work-material-art>span{width:30px;height:180px;transform:rotate(-30deg) translateY(calc(var(--i)*8px));background:linear-gradient(90deg,#364a33,#b3bba2 40%,#dae0bc 45%,#516c44 53%,#20391f);transition:transform .6s;display:block;box-shadow:10px 12px 15px #0005}.work-material:hover .work-material-art>span{transform:rotate(-20deg) translateY(calc(var(--i)*-5px))}.work-material-1 .work-material-art{background:radial-gradient(#67543a,#312d20)}.work-material-1 .work-material-art>span{width:45px;height:75px;transform:rotate(32deg) translateY(calc(var(--i)*-8px));background:linear-gradient(90deg,#4e3924,#d6b07f 45%,#86643d 50%,#4c3825)}.work-material-2 .work-material-art>span{background:linear-gradient(90deg,#243c2c,#9bb197 40%,#d3dcc1 46%,#5f7b58 53%,#29492e);border-radius:50px 50px 2px 2px;width:42px;height:150px;transform:rotate(-45deg)}.work-material-copy{padding:28px}.work-material-copy h3{font:400 32px var(--font-display);letter-spacing:-.025em;margin:20px 0 14px}.work-material-copy>p{color:#bdc8b5;font-size:13px;line-height:1.85}.work-documentation{grid-template-columns:1.2fr 1fr;gap:100px;padding-block:85px;display:grid}.work-documentation h2{font:400 clamp(32px,3.2vw,46px)/1.15 var(--font-display);letter-spacing:-.03em}.work-documentation>div:last-child>p{color:#626d5c;margin-bottom:25px;font-size:14px;line-height:1.9}.work-enquiry{color:#17291b;background:#c4a681;padding-block:65px}.work-enquiry-title{font:400 clamp(40px,5vw,72px)/1.05 var(--font-display);letter-spacing:-.04em;justify-content:space-between;align-items:center;margin:28px 0 40px;display:flex}.work-enquiry-title svg{flex-shrink:0;width:55px;height:55px}.work-direct{border-top:1px solid #17291b44;flex-wrap:wrap;gap:35px;padding-top:24px;font-size:13px;display:flex}.work-direct a:hover{text-decoration:underline}.site-direct-contact{flex-direction:column;gap:12px;margin-top:24px;font-size:13px;display:flex}.site-direct-contact a{overflow-wrap:anywhere;color:#d4b48d}.contact-direct-links{overflow-wrap:anywhere;flex-direction:column;gap:14px;margin-top:24px;display:flex}.contact-direct-links>a{color:#e1c19b;text-underline-offset:5px;text-decoration:underline}.work-panel:not([hidden]){animation:.35s ease-out work-panel-in}@keyframes work-panel-in{0%{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@media (prefers-reduced-motion:no-preference){.work-hero-visual .work-assembly{animation:linear both work-unfold;animation-timeline:view();animation-range:exit}.work-material{animation:linear both work-reveal;animation-timeline:view();animation-range:entry entry 65%}}}@keyframes work-unfold{to{transform:rotate(-12deg)translateY(40px)scale(.92)}}@keyframes work-reveal{0%{opacity:.35;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (width<=950px){.work-hero-grid{gap:20px}.work-hero h1{font-size:64px}.work-panel-wrap{padding:30px}.work-tabs button{gap:8px;padding:18px 10px}.work-tabs button>svg{display:none}.work-process-art .work-study{aspect-ratio:auto;height:100%;min-height:380px}.work-process-art{flex-direction:column;display:flex}.work-location{flex-shrink:0}.work-material-copy{padding:22px}.work-documentation{gap:40px}.work-assembly>span{height:calc(130px + var(--i)*10px)}}@media (width<=600px){.work-hero-inner{padding-top:25px}.work-hero-grid{grid-template-columns:1fr;gap:30px;padding:40px 0 30px}.work-hero h1{font-size:clamp(48px,13vw,72px)}.work-hero-visual .work-study{aspect-ratio:1.45}.work-hero-visual .work-assembly{inset:8% 15%}.work-lede{font-size:14px}.work-visual-note{font-size:8px}.work-route{gap:16px;padding:25px 0;font-size:8px}.work-route small{max-width:125px;font-size:9px;line-height:1.6}.work-route>span:last-child{max-width:125px}.work-process{padding-block:60px;scroll-margin-top:85px}.work-section-top{flex-direction:column;align-items:start;gap:22px;margin-bottom:30px}.work-section-top>p{font-size:13px}.work-tabs{gap:0}.work-tabs button{flex-direction:column;justify-content:center;align-items:start;gap:7px;min-height:74px;padding:12px 7px;font-size:11px}.work-tabs button>span{font-size:9px}.work-process-body{grid-template-columns:1fr}.work-process-art .work-study{height:290px;min-height:0}.work-process-art .work-assembly{inset:5% 17%}.work-location{min-height:50px;padding:17px;font-size:8px}.work-panel-wrap{min-height:400px;padding:28px 24px}.work-panel h3{max-width:290px;font-size:37px}.work-panel>p:not(.sa-kicker){font-size:13px}.work-controls{padding-top:25px}.work-destinations{padding-block:60px}.work-material-grid{grid-template-columns:1fr;gap:24px}.work-material-art{height:190px}.work-material-copy{padding:26px}.work-documentation{grid-template-columns:1fr;gap:25px;padding-block:55px}.work-enquiry{padding-block:45px}.work-enquiry-title{font-size:44px}.work-enquiry-title svg{width:35px;height:35px}.work-direct{flex-direction:column;gap:17px;font-size:12px}.work-direct>a{overflow-wrap:anywhere}.work-assembly>span{height:calc(130px + var(--i)*10px)}}@media (prefers-reduced-motion:reduce){.work-page *,.work-page :before,.work-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.work-material{opacity:1;transform:none}}