.shift{--paper:#17171a;--ink:#f1f0e8;--muted:#a8aaa3;--line:#39393b;--accent:#b4f66c;--energy:.6;color:var(--ink)}.shift .brand{letter-spacing:-.075em;font-size:23px}.shift .brand-nav{background:#17171af2}.shift .brand-symbol{display:none}.shift .action{color:#17171a}.shift .action.secondary{color:var(--ink)}.shift h2{letter-spacing:-.07em}.shift h2 em{color:var(--accent);letter-spacing:-.07em;font-family:Space,Arial,sans-serif;font-style:normal}.shift-hero{isolation:isolate;padding-top:28px;position:relative;overflow:hidden}.shift-hero-top{letter-spacing:.06em;justify-content:space-between;align-items:center;gap:20px;font-size:9px;display:flex}.shift-hero-top .eyebrow{font-size:9px}.shift-hero-scene{z-index:-1;width:61%;height:640px;position:absolute;top:45px;right:0;overflow:hidden}.shift-hero-scene canvas{z-index:1;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.shift-hero-scene.has-webgl canvas{opacity:1}.shift-scene-grid{opacity:.8;background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:70px 70px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:20px 30px 0 0;mask-image:radial-gradient(#000 20%,#0000 75%)}.scene-fallback{perspective:800px;width:450px;height:450px;transition:opacity .6s;position:absolute;top:85px;right:3vw;transform:rotate(-25deg)}.scene-fallback>span{border:65px solid var(--accent);background:0 0;border-radius:50%;width:350px;height:350px;position:absolute;top:50px;left:50px;box-shadow:inset 15px 10px 25px #fff3,30px 30px 50px #0009}.scene-fallback>span:nth-child(2){border-color:color-mix(in srgb,var(--accent),white 25%);transform:rotateY(60deg)}.scene-fallback>span:nth-child(3){border-color:color-mix(in srgb,var(--accent),black 20%);transform:rotateX(60deg)}.has-webgl .scene-fallback{opacity:0}.scene-cross{color:#686b65;z-index:2;font-size:20px;position:absolute}.cross-a{top:70px;left:20px}.cross-b{bottom:70px;right:60px}.scene-label{right:var(--pad);letter-spacing:.07em;color:var(--muted);text-align:right;z-index:2;font-size:8px;line-height:1.6;position:absolute;top:35px}.scene-trigger{right:var(--pad);z-index:3;color:var(--ink);backdrop-filter:blur(10px);background:#17171ae8;border:1px solid #71736b;border-radius:100px;align-items:center;gap:10px;padding:10px 17px;font-size:10px;display:flex;position:absolute;bottom:30px}.scene-trigger>span{color:var(--accent);font-size:20px}.scene-trigger:hover{background:#373931}.shift-hero-copy{pointer-events:none;padding-top:70px;position:relative}.shift-hero-copy a{pointer-events:auto}.shift-hero h1{letter-spacing:-.082em;max-width:1070px;font-size:clamp(72px,8.4vw,142px);font-weight:500;line-height:.91}.shift-hero h1>span{color:#0000;-webkit-text-stroke:1px #d3d4c9;display:inline-block}.shift-hero h1 em{color:var(--accent);letter-spacing:-.082em;z-index:2;font-family:Space,Arial,sans-serif;font-style:normal;font-weight:500;position:relative}.shift-hero-bottom{align-items:center;gap:50px;margin-top:37px;display:flex}.shift-hero-bottom>p{color:#c2c5b9;font-size:13px;line-height:1.7}.shift-hero-bottom .action{font-size:12px}.scene-foot{letter-spacing:.055em;color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:40px;padding-block:40px 25px;font-size:8px;display:flex}.scene-foot>a{color:var(--accent);font-size:22px}.shift-ribbon{background:var(--accent);color:#17171a;letter-spacing:-.03em;margin:10px -3px;padding:21px 0;font-size:25px;overflow:hidden;transform:rotate(-1deg)}.shift-ribbon .ribbon-track{animation-duration:28s}.shift-projects{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:45px 30px;display:grid}.shift-project{text-align:left;color:var(--ink);background:0 0;width:100%;min-width:0;padding:0;display:block}.shift-project:nth-child(2){margin-top:110px}.shift-project:nth-child(3){grid-column:1/-1;max-width:75%;margin-left:6%}.shift-project-art{aspect-ratio:1.1;isolation:isolate;color:#221a19;background:#f78257;border:1px solid #ffffff12;position:relative;overflow:hidden}.shift-project.purple .shift-project-art{color:#242036;background:#ad90db}.shift-project.green .shift-project-art{color:#2a3823;aspect-ratio:1.7;background:#cedc77}.art-top,.art-bottom{letter-spacing:.06em;z-index:3;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;left:25px;right:25px}.art-top{top:23px}.art-bottom{bottom:23px}.art-top>span{font-size:25px}.art-bottom>span{letter-spacing:-.075em;font-size:14px;font-weight:600}.project-letters{white-space:pre-line;letter-spacing:-.085em;z-index:1;font-size:clamp(53px,6.4vw,105px);font-weight:600;line-height:.9;position:absolute;top:22%;left:9%}.project-object{z-index:2;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute}.object-0{background:linear-gradient(90deg,#512718,#a9542b 20%,#cb783f 55%,#854023 80%,#4b2416);border-radius:8px 8px 30px 30px;width:30%;height:65%;bottom:10%;right:16%;transform:rotate(18deg);box-shadow:20px 20px 35px #52241350}.object-0:before{content:"";background:linear-gradient(90deg,#151514,#59534d 45%,#151514);border-radius:5px;height:12%;position:absolute;top:-4%;left:-4%;right:-4%;box-shadow:0 5px 5px #0004}.object-0:after{content:"OFF / HOURS";letter-spacing:-.06em;color:#342a20;background:#f5e8c9;place-items:center;font-size:clamp(10px,1.3vw,19px);font-weight:600;display:grid;position:absolute;inset:32% 0 27%}.object-1{aspect-ratio:1;border:clamp(25px,4.5vw,75px) solid #edecdf;border-radius:100%;width:54%;bottom:11%;right:6%;transform:rotateX(20deg)rotateY(-20deg)rotate(-25deg);box-shadow:10px 20px 30px #44366470,inset 10px 10px 20px #44366440}.object-1:after{content:"";border:10px solid #644c8e80;border-radius:100%;position:absolute;inset:-35%;transform:rotateX(55deg)}.object-2{aspect-ratio:.85;background:linear-gradient(100deg,#c07552,#f2c19b 45%,#8e4e34);border-radius:40% 40% 30% 30%;width:32%;bottom:10%;right:13%;transform:rotate(-12deg);box-shadow:15px 20px 40px #48482045}.object-2:before{content:"";background:radial-gradient(#392f2380 35%,#bd825e 48%,#e4b18b 65%);border-radius:50%;width:64%;height:30%;position:absolute;top:-8%;left:18%;transform:rotateX(50deg)}.shift-project:hover .object-0{transform:rotate(10deg)translateY(-8px)}.shift-project:hover .object-1{transform:rotateX(25deg)rotateY(15deg)rotate(-10deg)}.shift-project:hover .object-2{transform:rotate(4deg)translateY(-8px)}.shift-project-info{justify-content:space-between;align-items:center;gap:15px;padding-top:20px;display:flex}.shift-project-info h3{letter-spacing:-.06em;font-size:22px}.shift-project-info>span{color:var(--muted);font-size:10px}.shift-manifesto{padding-top:0}.shift-manifesto>.eyebrow{margin-bottom:40px}.shift-manifesto h2{font-size:clamp(59px,8.2vw,137px);line-height:1;position:relative}.shift-manifesto h2>span:not(.manifesto-star){color:#71736e}.shift-manifesto h2 .manifesto-star{color:var(--accent);font-size:1.65em;font-weight:400;line-height:1;animation:40s linear infinite star-turn;position:absolute;top:0;right:3%}@keyframes star-turn{to{transform:rotate(360deg)}}.shift-principles{grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px;display:grid}.shift-principles article{border-top:1px solid var(--line);padding-top:25px}.shift-principles article>span{color:var(--accent);font-size:10px}.shift-principles h3{max-width:260px;margin-block:27px 17px;font-size:25px}.shift-principles p{color:var(--muted);max-width:300px;font-size:13px}.shift-play{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:8vw;display:grid}.play-copy .eyebrow{margin-bottom:25px}.play-copy>p:not(.eyebrow){max-width:345px;color:var(--muted);margin-top:27px;font-size:14px}.colour-controls{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.colour-controls legend{margin-bottom:14px;font-size:11px}.colour-controls button{color:var(--muted);background:0 0;border:1px solid #51524d;border-radius:100px;align-items:center;gap:9px;padding:11px 13px;font-size:10px;display:flex}.colour-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--ink);background:#ffffff07}.colour-controls button>span{border-radius:50%;width:13px;height:13px}.energy-range{max-width:310px;margin-top:25px;font-size:11px;display:block}.energy-range output{float:right;color:var(--accent)}.energy-range input{width:100%;accent-color:var(--accent);height:25px;margin:18px 0 0;display:block}.play-copy>.text-link{color:var(--accent);margin-top:22px;font-size:11px}.play-art{aspect-ratio:.94;background:var(--accent);color:#17171a;isolation:isolate;padding:27px;transition:background .6s;position:relative;overflow:hidden;transform:rotate(2deg)}.play-art-grid{background-color:#0000;background-image:linear-gradient(#17171a15 1px,#0000 1px),linear-gradient(90deg,#17171a15 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:50px 50px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000)}.play-art-top{letter-spacing:.08em;z-index:3;font-size:8px;position:relative}.type-stack{z-index:1;letter-spacing:-.09em;margin-top:45px;font-size:clamp(57px,7.5vw,115px);font-weight:500;line-height:.91;position:relative}.type-stack>span,.type-stack>em{display:block}.type-stack>em{letter-spacing:-.075em;font-family:Georgia,serif;font-weight:400}.play-star{z-index:2;color:color-mix(in srgb,var(--accent),#fff 33%);text-shadow:5px 5px #17171a;transform:rotate(calc(var(--energy)*90deg));font-size:clamp(190px,25vw,370px);line-height:1;transition:transform .5s,color .6s;position:absolute;top:22%;right:-14%}.play-art-bottom{letter-spacing:.03em;z-index:3;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:25px;left:27px;right:27px}.shift-enquiry h2{font-size:clamp(54px,6.2vw,95px)}.shift-footer-name{letter-spacing:-.085em;color:var(--accent);justify-content:space-between;align-items:center;padding-block:40px;font-size:clamp(80px,14.5vw,230px);font-weight:500;line-height:1;display:flex}.shift-footer-name>span{font-size:.65em}.shift .dialog-project-art{white-space:pre-line;letter-spacing:-.075em;color:#221a19;background:#f78257;place-items:center;font-size:90px;font-weight:600;line-height:.95;display:grid}.shift .dialog-project-art.purple{color:#242036;background:#ad90db}.shift .dialog-project-art.green{color:#2a3823;background:#cedc77}.shift .form-selection{color:var(--accent)}@media (width>=1600px){.shift-hero-scene{height:720px}.shift-hero-copy{padding-top:100px}.scene-foot{margin-top:90px}}@media (width<=1050px){.shift-hero-scene{width:64%;height:590px}.shift-hero h1{font-size:8.7vw}.shift-hero-copy{padding-top:85px}.scene-foot{margin-top:60px}.shift-hero-bottom{gap:30px}.shift-project-info h3{font-size:19px}.shift-principles{gap:25px}.shift-play{gap:50px}.play-art{padding:23px}.scene-label{font-size:7px}}@media (width<=800px){.shift-hero{padding-top:25px}.shift-hero h1{max-width:90%;font-size:11vw}.shift-hero-top>span{display:none}.shift-hero-copy{padding-top:260px}.shift-hero-scene{z-index:-1;width:80%;height:420px;top:20px;right:-8%}.scene-trigger{bottom:25px;right:20%}.scene-label{font-size:7px;top:40px;right:30%}.scene-fallback{width:280px;height:280px;top:30px;right:80px}.scene-fallback>span{border-width:42px;width:230px;height:230px;top:30px;left:30px}.cross-a{top:50px;left:0}.cross-b{bottom:20px;right:25%}.scene-foot{margin-top:25px;padding-top:25px}.scene-foot>span:first-child{max-width:190px;font-size:7px}.scene-foot>span:nth-child(2){font-size:7px}.shift-hero-bottom{gap:20px}.shift-hero-bottom>p{font-size:12px}.shift-hero-bottom .action{padding:17px;font-size:11px}.shift-projects{gap:40px 25px}.project-letters{font-size:7vw}.shift-project-info{flex-direction:column;align-items:flex-start;gap:8px}.art-top,.art-bottom{font-size:7px;left:17px;right:17px}.art-top{top:17px}.art-bottom{bottom:17px}.shift-project:nth-child(2){margin-top:80px}.shift-project:nth-child(3){max-width:90%;margin-left:0}.shift-manifesto h2{font-size:8.8vw}.shift-manifesto h2 .manifesto-star{font-size:1.4em;top:0;right:0}.shift-principles{grid-template-columns:1fr;gap:30px;margin-top:40px}.shift-principles h3{max-width:none;margin-top:20px;font-size:25px}.shift-principles p{max-width:440px}.shift-play{grid-template-columns:1fr;gap:45px}.play-art{aspect-ratio:1.05;width:calc(100% - 12px);max-width:540px;margin-inline:auto}.type-stack{max-width:540px;font-size:15vw}.play-star{max-width:400px;font-size:50vw}.shift .dialog-project-art{font-size:75px}.shift-ribbon{padding:16px 0;font-size:21px}}@media (width<=500px){.shift .brand{font-size:22px}.shift-hero-copy{padding-top:237px}.shift-hero h1{letter-spacing:-.078em;max-width:none;font-size:clamp(40px,11.5vw,63px)}.shift-hero h1 em{letter-spacing:-.078em}.shift-hero-scene{width:110%;height:355px;top:10px;right:-20%}.shift-hero-top .eyebrow{font-size:8px}.scene-label{font-size:6px;top:44px;right:29%}.scene-trigger{padding:8px 12px;font-size:8px;bottom:35px;right:22%}.scene-fallback{width:230px;height:230px;top:48px;right:75px}.scene-fallback>span{border-width:36px;width:190px;height:190px}.scene-cross{display:none}.shift-hero-bottom{flex-direction:column;align-items:flex-start;gap:23px;margin-top:26px}.shift-hero-bottom>p{font-size:12px}.scene-foot>span:nth-child(2){display:none}.scene-foot{margin-top:13px;padding-bottom:25px}.shift-projects{flex-direction:column;gap:35px;display:flex}.shift-project:nth-child(2){margin-top:0}.shift-project:nth-child(3){max-width:100%}.project-letters{font-size:16vw}.shift-project-art{aspect-ratio:1.08}.shift-project.green .shift-project-art{aspect-ratio:1.2}.art-top,.art-bottom{font-size:8px}.object-0:after{font-size:13px}.object-1{border-width:34px}.shift-project-info{flex-direction:row;align-items:center;gap:13px}.shift-project-info h3{font-size:20px}.shift-project-info>span{font-size:9px}.shift-manifesto h2{font-size:clamp(36px,9.2vw,50px)}.shift-manifesto h2 .manifesto-star{font-size:1.35em;top:7%;right:-3%}.shift-manifesto>.eyebrow{font-size:9px}.play-art{aspect-ratio:.95;padding:23px}.type-stack{margin-top:43px;font-size:22vw}.play-star{font-size:65vw;top:28%;right:-22%}.play-art-bottom{font-size:7px;left:23px;right:23px}.play-art-bottom>span:last-child{text-align:right;max-width:80px}.colour-controls button{padding:10px 12px;font-size:10px}.shift-footer-name{font-size:clamp(43px,12.2vw,70px)}.shift-enquiry h2{font-size:55px}}