.case-document{scroll-padding-top:0}.case-hero-track{background:#141914;height:100svh;min-height:730px}html[data-motion=on] .case-hero-track{height:200svh;min-height:1500px}.case-hero{isolation:isolate;color:#f0f2eb;background:radial-gradient(at 76% 58%,#40513c50,#0000 50%),#141914;height:100svh;min-height:730px;position:sticky;top:0;overflow:hidden}.case-hero-lines{pointer-events:none;border-block-start:1px solid #74806d36;border-block-end:1px solid #74806d36;position:absolute;top:105px;bottom:67px;left:5vw;right:5vw}.case-hero-lines:after{content:"";background:#91a387;width:16px;height:1px;position:absolute;top:50%;right:-8px}.case-hero-copy{z-index:3;pointer-events:none;padding-top:clamp(167px,24vh,240px);position:relative}.case-hero-copy .studio-label{color:#c6d0bf;margin-bottom:28px;font-size:10px}.case-hero-copy h1{letter-spacing:-.075em;width:48%;margin:0 0 28px;font-size:clamp(76px,7.7vw,126px);font-weight:550;line-height:.98}.case-hero-copy h1>span{display:block}.case-hero-copy h1>span:last-child{color:#f66738}.case-hero-long .case-hero-copy h1{font-size:clamp(50px,5.55vw,93px)}.case-hero-description{color:#b7c1b4;max-width:340px;margin-bottom:25px;font-size:12px;line-height:1.85}.case-hero-copy a{pointer-events:auto}.studio-case .studio-button{color:#17201c;background:#f0f2eb}.case-store-links{color:#b8c5ac;flex-wrap:wrap;align-items:center;gap:24px;margin-top:25px;font-size:10px;display:flex}.case-store-links a{align-items:center;gap:12px;padding-block-start:4px;padding-block-end:4px;display:flex}.case-store-links a span{font-size:18px}.case-store-links a:hover{color:#fff}.case-scene{width:52%;height:70%;position:absolute;top:16%;right:0}.case-scene canvas,.case-poster{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.case-scene canvas{opacity:0}.case-poster{perspective:1200px}html[data-motion=on] [data-render-state=ready] .case-scene canvas{opacity:1}html[data-motion=on] [data-render-state=ready] .case-poster{opacity:0}.case-poster-device{z-index:1;background:linear-gradient(145deg,#839386,#1b2520 23%,#47554b 80%,#111a15);border:1px solid #9cac9f;border-radius:25px;width:min(40%,248px);padding:6px;position:absolute;top:8%;left:50%;transform:translate(-50%)rotateY(-15deg)rotate(-6deg);box-shadow:-5px 5px #53665a,-9px 9px #16291d,20px 28px 50px #0005}.case-poster-device img{border-radius:18px;width:100%;height:auto;display:block}.case-poster-artwork{border-radius:8px;width:min(47%,285px);padding:7px;top:11%}.case-poster-artwork img{border-radius:2px}.case-poster-arc{border:11px solid #455442;border-top-color:#67755f;border-right-color:#0000;border-radius:50%;width:63%;height:90%;position:absolute;top:4%;left:19%;transform:rotateY(28deg)rotate(21deg);box-shadow:-3px 2px #1c2b20}.case-poster-guide{border:5px solid #f97547;border-radius:8px;width:70px;height:70px;position:absolute}.case-poster-guide-one{border-bottom:0;border-right:0;top:18%;left:20%;transform:rotate(-6deg)}.case-poster-guide-two{border-top:0;border-left:0;bottom:12%;right:19%;transform:rotate(-6deg)}.case-poster-pin{background:#ed7948;border-radius:9px;width:38px;height:8px;position:absolute;bottom:7%;left:43%}.case-scene-caption{white-space:nowrap;letter-spacing:.04em;color:#a4b298;align-items:center;gap:12px;font-size:7px;display:flex;position:absolute;bottom:-2%;right:9%}.case-scene-caption .orange-dot{width:5px;height:5px;margin:0}.case-scene-caption i{background:#66775a;width:35px;height:1px}.case-hero-bottom{color:#a3b09a;justify-content:space-between;align-items:center;gap:20px;width:100%;font-size:8px;display:flex;position:absolute;bottom:22px}.case-hero-bottom>span{align-items:center;gap:15px;display:flex}.case-hero-bottom>span i{background:#69745e;width:1px;height:11px}.case-hero-bottom>a{padding-block-start:5px;padding-block-end:5px;font-size:9px}.case-facts{padding-block-start:70px;padding-block-end:65px}.case-facts .studio-label{margin-bottom:32px}.case-facts dl{grid-template-columns:repeat(4,1fr);gap:25px;margin:0;display:grid}.case-facts dl>div{border-top:1px solid #cfd3c8;padding-top:17px}.case-facts dt{color:#636a5b;margin-bottom:12px;font-size:10px}.case-facts dd{margin:0;font-size:14px;line-height:1.6}.case-story{grid-template-columns:.95fr 1.05fr;gap:8%;padding-block-start:80px;padding-block-end:115px;display:grid}.case-story h2,.case-product h2,.case-contribution h2{letter-spacing:-.065em;margin:30px 0;font-size:clamp(46px,5.5vw,80px);font-weight:550;line-height:1.08}.case-story h2>span{display:block}.case-story h2>span:last-child,.case-contribution h2>span{color:#888f7d}.case-summary{color:#424a3c;margin:0 0 38px;font-size:17px;line-height:1.85}.case-features{margin:0;padding:0;list-style:none}.case-features li{border-top:1px solid #d1d6c9;align-items:flex-start;gap:25px;padding-block-start:25px;padding-block-end:25px;display:flex}.case-features li>span{color:#636a5b;padding-top:5px;font-size:9px}.case-features h3{letter-spacing:-.03em;margin:0 0 12px;font-size:16px;font-weight:600}.case-features p{color:#616b56;max-width:420px;margin:0;font-size:13px;line-height:1.85}.case-product{color:#f0f2eb;background:#252e22;padding-block-start:110px;padding-block-end:90px}.case-product-heading{grid-template-columns:1fr 1fr;align-items:end;gap:9%;display:grid}.case-product-heading .studio-label{color:#b8c4ad}.case-product h2{margin-bottom:0}.case-product h2>span{color:#b7c5a3}.case-product-heading>div:last-child{max-width:380px;padding-bottom:4px}.case-product-heading>div:last-child>p:first-child{margin:0 0 18px;font-size:16px;line-height:1.75}.case-source-note{color:#b1bea3;margin:0;font-size:11px;line-height:1.9}.case-screen-gallery{grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,100px);padding:75px 25px 65px;display:grid}.case-screen-study{perspective:1400px;--case-progress:.5;background:linear-gradient(135deg,#ffffff0a,#ffffff02);border:1px solid #d8e4c633;border-radius:22px;min-width:0;margin:0;padding:25px 32px 22px}.case-screen-top{color:#b7c3a9;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;font-size:8px;display:flex}.case-screen-top>span:last-child{font-size:19px}.case-screen-plane{max-width:400px;transform:rotateX(calc((var(--case-progress,.5) - .5) * -11deg + var(--case-y,0) * -2deg)) rotateY(calc((var(--case-progress,.5) - .5) * 13deg + var(--case-x,0) * 2deg));transform-style:preserve-3d;margin-inline-start:auto;margin-inline-end:auto;position:relative}.case-screen-plane img{border:1px solid #e8eedd;border-radius:9px;width:100%;height:auto;display:block;box-shadow:5px 6px #a1ae96,10px 12px #45563b,12px 28px 35px #0f190d70}.case-screen-study figcaption{color:#e7eddd;padding-top:35px;font-size:11px;line-height:1.6}.case-screen-study figcaption>span{color:#adbca0;margin-top:7px;font-size:8px;display:block}.case-preview-note{border-top:1px solid #d8e4c633;justify-content:space-between;align-items:center;gap:45px;padding-top:25px;display:flex}.case-preview-note p{color:#b1bea3;max-width:540px;margin:0;font-size:11px;line-height:1.9}.case-preview-note .studio-link{color:#e1e9d8;border-color:#6d8060;flex:none;font-size:11px}.case-contribution{grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding-block-start:110px;padding-block-end:110px;display:grid}.case-role-study{perspective:1200px;--case-progress:.5;max-width:470px;height:340px;position:relative;overflow:visible}.case-role-sheet{color:#e6edde;width:270px;min-height:245px;transform:translateY(calc((var(--case-progress,.5) - .5) * -30px)) rotateY(calc(-13deg + var(--case-x,0) * 3deg)) rotateZ(calc(-8deg + (var(--case-progress,.5) - .5) * 10deg));z-index:2;background:linear-gradient(140deg,#33452c,#1a2b16);border:1px solid #65785c;border-radius:18px;padding:24px;position:absolute;top:15%;left:12%;box-shadow:-5px 5px #5c7250,-9px 9px #293b21,12px 35px 40px #28332222}.case-role-sheet>span{color:#b6c3ab;letter-spacing:.04em;font-size:8px;display:block}.case-role-sheet svg{width:72px;height:72px;margin-block-start:25px;margin-block-end:16px;display:block}.case-role-sheet strong{letter-spacing:-.035em;font-size:20px;font-weight:550;line-height:1.3;display:block}.case-role-sheet>i{color:#a7b99a;margin-top:18px;font-size:8px;font-style:normal;display:block}.case-role-tab{color:#24301b;transform:rotateZ(9deg) translateX(calc((var(--case-progress,.5) - .5) * 16px));background:#ee875b;border:1px solid #f0b38f;border-radius:10px;padding:25px 30px 25px 90px;font-size:12px;position:absolute;top:48%;right:6%;box-shadow:3px 5px #a76a49}.case-contribution-copy>h3{letter-spacing:-.05em;margin:0 0 25px;font-size:23px;font-weight:550}.case-contribution-copy>p{color:#656f5b;margin:0 0 22px;font-size:14px;line-height:1.9}.case-project-enquiry{border-top:1px solid #c8d0be;margin-top:35px;padding-top:35px}.case-project-enquiry>p{text-transform:uppercase;letter-spacing:.08em;color:#616b56;font-size:10px}.case-project-enquiry h3{letter-spacing:-.05em;max-width:410px;margin:17px 0 27px;font-size:29px;font-weight:550;line-height:1.25}.studio-case .case-project-enquiry .studio-button{color:#f0f2eb;background:#24341d;font-size:11px}.case-next{color:#ecf0e5;background:#141914;border-bottom:1px solid #78836e30}.case-next-link{grid-template-columns:1fr 210px;align-items:center;gap:70px;min-height:360px;padding-block-start:80px;padding-block-end:80px;display:grid;overflow:hidden}.case-next .studio-label{color:#a5b49a}.case-next h2{letter-spacing:-.06em;margin:26px 0;font-size:clamp(35px,4.5vw,70px);font-weight:550;line-height:1.08}.case-next h2>span{color:#f97547;white-space:nowrap;padding-left:22px}.case-next-link>div>p:last-child{color:#a0b191;font-size:10px;line-height:1.8}.case-next-preview{background:#344b2a;border:1px solid #7e9770;border-radius:11px;justify-self:center;width:130px;padding:5px;transition:transform .35s;transform:perspective(850px)rotateY(-16deg)rotate(8deg);box-shadow:5px 7px #1b2e12}.case-next-preview img{border-radius:5px;width:100%;height:auto;display:block}.case-next-link:hover .case-next-preview{transform:perspective(850px)rotateY(0)rotate(0)}.studio-case main a:focus-visible{outline-offset:5px;outline:3px solid #ed7d4b}@media (max-width:1100px){.case-hero-copy h1{font-size:83px}.case-hero-long .case-hero-copy h1{font-size:clamp(50px,5.55vw,62px)}.case-screen-gallery{gap:35px;padding-inline-start:0;padding-inline-end:0}.case-screen-study{padding:25px}.case-role-sheet{left:4%}.case-role-tab{padding-right:22px;right:0}}@media (min-width:640px) and (max-width:959px){.case-hero-copy h1{width:58%;font-size:75px}.case-hero-long .case-hero-copy h1{font-size:48px}.case-hero-description{max-width:280px;font-size:11px}.case-scene{width:60%;height:55%;top:30%}.case-poster-device{box-sizing:content-box;width:min(42%,200px);top:16%}.case-poster-artwork{width:min(51%,245px)}.case-facts dl{grid-template-columns:1fr 1fr;gap:30px}.case-story{gap:7%}.case-story h2{font-size:55px}.case-summary{font-size:14px}.case-features li{gap:18px}.case-contribution{align-items:start;gap:6%}.case-role-sheet{width:240px;left:0}.case-role-tab{padding:20px 20px 20px 60px;font-size:10px;top:58%;right:0}.case-preview-note{align-items:start}}@media (max-width:639px){.case-hero-track,.case-hero{min-height:0}html[data-motion=on] .case-hero-track{height:205svh;min-height:0}.case-hero-lines{top:91px;bottom:62px;left:24px;right:24px}.case-hero-copy{padding-top:110px}.case-hero-copy .studio-label{margin-bottom:18px;font-size:8px}.case-hero-copy h1{width:100%;margin-bottom:18px;font-size:clamp(48px,14vw,72px);line-height:1.02}.case-hero-long .case-hero-copy h1{font-size:clamp(35px,11vw,61px)}.case-hero-description{max-width:345px;margin-bottom:17px;font-size:11px;line-height:1.7}.case-store-links{gap:24px;margin-top:12px;font-size:9px}.case-scene{width:100%;height:38%;top:auto;bottom:78px;right:0}.case-poster-device{box-sizing:content-box;width:auto;height:82%;aspect-ratio:var(--case-ratio);border-radius:19px;padding:5px;top:7%}.case-poster-device img{object-fit:contain;border-radius:13px;width:100%;height:100%}.case-poster-artwork{border-radius:8px;width:auto;top:10%}.case-poster-artwork img{border-radius:2px}.case-poster-arc{border-width:7px;width:57%;height:92%;left:23%}.case-poster-guide{border-width:4px;width:47px;height:47px}.case-poster-guide-one{left:24%}.case-poster-guide-two{right:22%}.case-poster-pin{width:28px;left:46%}.case-scene-caption{gap:8px;font-size:6px;bottom:-2%;right:24px}.case-scene-caption i{width:20px}.case-hero-bottom{gap:12px;font-size:6px;bottom:20px}.case-hero-bottom>a{font-size:8px}.case-hero-bottom>span{display:none}.case-facts{padding-block-start:60px;padding-block-end:35px}.case-facts .studio-label{font-size:9px}.case-facts dl{grid-template-columns:1fr 1fr;gap:27px 22px}.case-facts dt{font-size:9px}.case-facts dd{font-size:12px}.case-story{grid-template-columns:1fr;gap:20px;padding-block-start:55px;padding-block-end:75px}.case-story h2,.case-product h2,.case-contribution h2{margin-block-start:22px;margin-block-end:30px;font-size:clamp(43px,11vw,65px)}.case-summary{font-size:15px;line-height:1.85}.case-features li{gap:24px;padding-block-start:23px;padding-block-end:23px}.case-features h3{font-size:16px}.case-features p{font-size:12px}.case-product{padding-block-start:75px;padding-block-end:65px}.case-product-heading{grid-template-columns:1fr;gap:0}.case-product h2{margin-bottom:32px}.case-product-heading>div:last-child>p:first-child{font-size:14px}.case-source-note{font-size:10px}.case-screen-gallery{grid-template-columns:1fr;gap:30px;padding-block-start:40px;padding-block-end:40px}.case-screen-study{border-radius:17px;padding:22px 20px}.case-screen-top{margin-bottom:27px;font-size:7px}.case-screen-study figcaption{padding-top:30px}.case-preview-note{padding-top:25px;display:block}.case-preview-note p{font-size:10px}.case-preview-note .studio-link{margin-top:25px}.case-contribution{grid-template-columns:1fr;gap:25px;padding-block-start:75px;padding-block-end:75px}.case-role-study{max-width:342px;height:300px;margin-inline-start:auto;margin-inline-end:auto}.case-role-sheet{width:225px;min-height:230px;padding:20px;top:4%;left:5%}.case-role-sheet svg{width:66px;height:66px;margin-block-start:20px;margin-block-end:15px}.case-role-sheet strong{font-size:18px}.case-role-tab{padding:21px 18px 21px 55px;font-size:10px;top:48%;right:3%}.case-contribution-copy>h3{font-size:22px}.case-contribution-copy>p{font-size:13px}.case-project-enquiry h3{font-size:28px}.case-next-link{grid-template-columns:1fr;gap:40px;min-height:auto;padding-block-start:65px;padding-block-end:65px}.case-next h2{margin-block-start:25px;margin-block-end:25px;font-size:41px}.case-next-preview{justify-self:end;width:110px;margin-right:13%}}@media (max-width:359px){.case-hero-copy h1{font-size:49px}.case-hero-long .case-hero-copy h1{font-size:37px}.case-hero-description{font-size:10px}.case-role-sheet{width:207px;left:2%}.case-role-sheet strong{font-size:16px}.case-role-tab{padding:18px 15px 18px 50px;font-size:9px;top:53%;right:0}.case-next h2{font-size:35px}}@media (max-width:639px) and (max-height:760px){.case-hero-copy{grid-template-columns:max-content 1fr;column-gap:16px;display:grid}.case-hero-copy .studio-label,.case-hero-copy h1,.case-hero-description{grid-column:1/-1}.case-hero-copy .studio-label{margin-bottom:10px;font-size:7px}.case-hero-copy h1{margin-bottom:12px;font-size:36px}.case-hero-long .case-hero-copy h1{font-size:28px}.case-hero-description{margin-bottom:12px;font-size:10px;line-height:1.6}.case-hero-copy .studio-button{align-self:center;gap:12px;min-height:44px;padding:5px 5px 5px 14px;font-size:9px}.case-hero-copy .studio-button span{width:28px;height:28px;font-size:19px}.case-store-links{align-content:center;gap:0 12px;margin-top:0;font-size:8px}.case-store-links a{gap:6px;min-height:24px;padding-block-start:3px;padding-block-end:3px}.case-store-links a span{font-size:14px;line-height:1}.case-scene{height:32%;bottom:55px}.case-scene-caption{bottom:-3%}.case-hero-lines{bottom:43px}.case-hero-bottom{bottom:12px}}html[data-motion=off] .case-screen-plane,html[data-motion=off] .case-role-sheet,html[data-motion=off] .case-role-tab{transform:none}html[data-motion=off] .case-next-preview,html[data-motion=off] .case-poster,html[data-motion=off] .case-scene canvas{transition:none}@media (prefers-reduced-motion:reduce){.case-scene canvas,.case-poster,.case-next-preview{transition:none}.case-screen-plane,.case-role-sheet,.case-role-tab{transform:none}}.case-screen-gallery{gap:clamp(24px,4vw,64px);padding:45px 0}.case-screen-study{padding:22px 26px}.case-screen-top{margin-bottom:24px}.case-screen-plane{max-width:320px}.case-screen-plane a{justify-content:center;align-items:center;display:flex}.case-screen-plane img{object-fit:contain;border:0;width:auto;max-width:100%;height:auto;max-height:360px}.case-screen-study figcaption{padding-top:28px}@media (max-width:639px){.case-screen-gallery{padding-block-start:32px;padding-block-end:32px}.case-screen-study{padding:20px}.case-screen-plane img{max-height:300px}}