/* West of Next — dimensional studio, October 2026. */
.sculpture-fallback{position:absolute;inset:-3%;width:106%;height:106%;display:flex;align-items:center;justify-content:center;z-index:1}.sculpture-fallback>img{width:100%;height:100%;object-fit:contain}.d-mobile{color:#243124}
:root{--experience-ease:cubic-bezier(.22,.8,.2,1)}
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:calc(100svh - 102px);padding-top:55px;grid-template-columns:1.08fr 1fr;gap:20px 0;background:radial-gradient(ellipse at 85% 35%,#24361b80,transparent 55%),#0b100d}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(#a7c57d12 1px,transparent 1px),linear-gradient(90deg,#a7c57d12 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-copy{z-index:4;position:relative;padding:45px 0 70px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(68px,7.8vw,126px);line-height:.99;max-width:760px;margin:33px 0}.hero h1>span:last-child{color:var(--lime)}.hero-copy>.eyebrow{color:#a4b098;font-size:9px;max-width:450px;letter-spacing:1.2px}.hero-description{font-size:15px;max-width:425px;color:#b3bdab;line-height:1.9}.hero-actions .button{background:var(--lime);color:#11190c}.hero-actions .inline-link{color:#dce5d2}.hero-art{min-height:560px;aspect-ratio:.91;overflow:visible;transform:none;background:none;margin-left:-12%;width:112%;z-index:1}.hero-art:after{content:'';position:absolute;bottom:13%;left:12%;right:5%;height:10%;background:#000;filter:blur(35px);opacity:.55;z-index:-1;transform:rotate(-10deg)}
#sculpture{width:115%;height:115%;inset:-5% -7.5%;filter:drop-shadow(0 30px 40px #0005)}.scene-halo{border-color:#bbd79324;transform:perspective(600px) rotateX(60deg) rotateZ(-20deg);top:20%;left:4%;width:96%;animation:halo-turn 24s linear infinite}.scene-halo:before{inset:-35px;border-color:#bbd79312}.scene-halo:after{inset:35px;border-color:#bbd79325}.art-top{top:0;left:18%;right:0}.art-index{font-size:7px;letter-spacing:2px}.art-footer{left:18%;right:0;bottom:5px}.art-footer p{font-size:14px}.art-footer>div>span{font-size:9px}.art-tools>button{width:37px;height:37px}.hero-baseline{position:relative;z-index:5;font-size:10px;padding-bottom:25px;margin-top:0}.hero-baseline>span{font-size:9px}.scene-layers{z-index:2}.plate-web{left:6%;bottom:20%;width:150px;background:#f0f1e9e8;backdrop-filter:blur(8px)}.plate-brand{right:0;top:14%;width:105px;height:130px;background:#d8e5c1e0}.plate-connect{right:0;bottom:25%;width:115px;background:#c6ff00ef}.hero-art.paused .scene-halo,.hero-art.scene-dormant .scene-halo{animation-play-state:paused}
@keyframes halo-turn{to{transform:perspective(600px) rotateX(60deg) rotateZ(340deg)}}
.service-overview{position:relative;z-index:5}.overview-item>p{font-size:13px}.overview-more{font-size:11px}
.dimension{position:relative;height:250svh;min-height:1800px;background:#0b100d;color:#f0f1e9;isolation:isolate}.dimension-pin{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;padding:60px var(--gutter) 45px;gap:35px;align-items:center;background:radial-gradient(ellipse at 75% 60%,#2b402677,transparent 55%),#0b100d}.dimension-head{position:absolute;top:38px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #bbcf9a28;font-size:9px;letter-spacing:1.5px;color:#a3b094}.dimension-copy{position:relative;z-index:4;align-self:center;padding-top:60px}.dimension-copy>h2{font-size:clamp(43px,4.9vw,76px);line-height:1.04;max-width:560px;letter-spacing:-.055em}.dimension-copy>h2 em{color:var(--lime);font-style:normal}.dimension-tabs{display:flex;gap:22px;margin-top:40px;flex-wrap:wrap}.dimension-tab{padding:10px 0;background:transparent;color:#a1ad98;border-bottom:1px solid #58664a;font-size:11px;transition:color .3s,border .3s}.dimension-tab[aria-selected=true]{color:var(--lime);border-color:var(--lime)}.dimension-text{min-height:135px;margin-top:28px;max-width:350px}.dimension-text h3{font-size:21px;line-height:1.3;letter-spacing:-.6px}.dimension-text p{font-size:13px;line-height:1.85;color:#a7b39b;margin-top:13px}.dimension-cta{font-size:12px;border-bottom:1px solid #9cbd71;padding:8px 0;display:inline-flex;gap:25px;align-items:center;color:#dce9c8}.dimension-cta svg{width:17px;height:17px}.dimension-footer{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:1px;color:#8a9d79}.dimension-track{width:180px;height:1px;background:#657b453b;overflow:hidden}.dimension-track i{display:block;width:100%;height:1px;background:var(--lime);transform:scaleX(var(--dimension-progress,.05));transform-origin:left}.dimension-motion{background:transparent;border:1px solid #60734a;color:#b3c79d;padding:8px 12px;font-size:9px}
.dimension-stage{perspective:1200px;position:relative;height:520px;min-width:0;transform-style:preserve-3d;--tilt-x:0deg;--tilt-y:0deg}.dimension-stage:before{content:'';position:absolute;inset:12% 4%;border:1px solid #bad29a22;border-radius:50%;transform:rotateX(65deg) translateY(190px);box-shadow:0 0 0 65px #c6ff0003,0 0 0 130px #c6ff0002}.dimension-coordinate{position:absolute;right:0;top:0;font:9px/1.8 'Space Grotesk',sans-serif;letter-spacing:1px;color:#687d58}.dimension-object{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;opacity:0;visibility:hidden;transform:translate3d(0,100px,-200px) rotateY(-35deg) rotateX(15deg) scale(.7);transition:transform 1.2s var(--experience-ease),opacity .6s,visibility .6s;pointer-events:none}.dimension-object.active{opacity:1;visibility:visible;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));pointer-events:auto}
.d-laptop{position:relative;width:95%;transform:rotateX(8deg) rotateY(-18deg) rotateZ(3deg);transform-style:preserve-3d;animation:device-float 7s ease-in-out infinite alternate}.d-screen{position:relative;aspect-ratio:1.5;border:9px solid #292e2c;border-bottom-width:18px;border-radius:13px;background:#eeeee4;box-shadow:2px 0 0 2px #798276,18px 20px 65px #0008;color:#243124;overflow:hidden}.d-screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#ffffff25,transparent 50%,#fff1)}.d-browser{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #c2c9b9;font-size:5px;letter-spacing:.8px}.d-browser>i{width:22px;height:4px;border-radius:3px;background:#ccd1c1}.d-web-body{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 24px)}.d-web-copy{padding:25px 20px}.d-web-copy>span{font-size:5px;letter-spacing:1px}.d-web-copy>strong{display:block;font:400 clamp(23px,3vw,43px)/1.05 Georgia,serif;letter-spacing:-1px;margin:25px 0 15px}.d-web-copy>p{font-size:6px;max-width:140px;line-height:1.8}.d-web-copy>i{display:block;background:#283e2c;color:white;font-size:6px;font-style:normal;margin-top:20px;padding:8px;width:85px}.d-web-art{overflow:hidden;position:relative;background:#d6d7c7}.d-web-art img{width:160%;max-width:none;height:100%;object-fit:cover;object-position:53% center}.d-base{height:18px;width:113%;margin-left:-6.5%;background:linear-gradient(#c5cbc0,#61685f);border-radius:2px 2px 50% 50%;transform:rotateX(55deg);transform-origin:top;box-shadow:0 30px 35px #0009}.d-base:before{content:'';position:absolute;width:15%;height:5px;top:0;left:42.5%;background:#71796d;border-radius:0 0 4px 4px}.d-mobile{position:absolute;right:-1%;bottom:-45px;width:21%;aspect-ratio:.49;background:#e7eadb;border:5px solid #283026;box-shadow:1px 1px 0 2px #7d8773,10px 25px 45px #0008;border-radius:19px;padding:20px 8px;transform:translateZ(75px) rotateY(10deg) rotateZ(-6deg);overflow:hidden}.d-mobile:before{content:'';position:absolute;top:6px;left:35%;width:30%;height:5px;border-radius:10px;background:#182215}.d-mobile>span{font-size:6px;letter-spacing:.5px}.d-mobile>strong{font:18px/1 Georgia,serif;display:block;margin:18px 0}.d-mobile img{width:160%;max-width:none;height:65%;object-fit:cover;margin-left:-30%}
.d-brand-scene{position:relative;width:95%;height:80%;transform-style:preserve-3d;animation:device-float 8s ease-in-out infinite alternate}.d-brand-ring{position:absolute;left:20%;top:5%;width:60%;height:90%;border:27px solid #c6ff00;border-radius:50%;transform:rotateY(50deg) rotateX(25deg) rotateZ(-20deg);box-shadow:inset 3px 0 0 #e8ffb7,7px 4px 0 #517400,15px 10px 35px #0007,0 0 65px #b5ff0015}.d-brand-word{position:absolute;top:25%;left:0;font:600 clamp(95px,13vw,200px)/1 'Space Grotesk',sans-serif;letter-spacing:-.09em;color:#eef2df;transform:translateZ(60px) rotateY(-12deg) rotateZ(-7deg);text-shadow:1px 1px #acbaa0,2px 2px #acbaa0,3px 3px #acbaa0,4px 4px #65725b,8px 15px 25px #0008}.d-brand-card{position:absolute;left:9%;bottom:4%;width:42%;aspect-ratio:1.7;background:#e4ead4;padding:18px;color:#203622;transform:translateZ(90px) rotateZ(-10deg) rotateY(12deg);box-shadow:0 18px 35px #0007}.d-brand-card>strong{font:600 32px/1 'Space Grotesk',sans-serif;letter-spacing:-2px}.d-brand-card>span{display:block;font-size:6px;letter-spacing:1px;margin-top:20px}.d-brand-swatch{position:absolute;right:9%;bottom:5%;display:flex;gap:7px;transform:rotateZ(9deg) translateZ(100px)}.d-brand-swatch i{width:35px;height:90px;background:#e9eedc;box-shadow:0 15px 20px #0007}.d-brand-swatch i:nth-child(2){background:#c6ff00}.d-brand-swatch i:nth-child(3){background:#49613a}
.d-nfc-scene{width:95%;height:100%;position:relative;transform-style:preserve-3d;animation:device-float 7s ease-in-out infinite alternate}.d-nfc-card{position:absolute;left:4%;top:27%;width:64%;aspect-ratio:1.586;border-radius:15px;background:linear-gradient(125deg,#dcff5d,#bded0b 48%,#668c14);box-shadow:1px 2px 0 #f0ffb2,3px 4px 0 #5a7c14,10px 40px 55px #0007;transform:rotateX(15deg) rotateY(-30deg) rotateZ(-20deg) translateZ(70px);padding:25px;color:#17270d;overflow:hidden}.d-nfc-card>small{font-size:8px;letter-spacing:1px}.d-nfc-card>strong{font:500 clamp(30px,4vw,60px)/.93 'Space Grotesk',sans-serif;letter-spacing:-3px;display:block;margin:30px 0}.d-nfc-card>span{font-size:7px;letter-spacing:1px}.d-nfc-card:after{content:'))))';position:absolute;right:15%;top:35%;font-size:40px;letter-spacing:-7px;transform:rotate(15deg);opacity:.25}.d-nfc-phone{position:absolute;right:6%;top:7%;width:33%;height:84%;border-radius:29px;background:linear-gradient(145deg,#293b2b,#101b12);border:6px solid #515e48;box-shadow:1px 2px 0 2px #a6b19a,15px 25px 60px #0009;transform:rotateY(-18deg) rotateZ(9deg) translateZ(0);padding:45px 18px;color:#e9efd9}.d-nfc-phone:before{content:'';position:absolute;top:10px;left:34%;width:32%;height:10px;background:#0b100b;border-radius:15px}.d-nfc-phone>span{font-size:7px;letter-spacing:1px}.d-nfc-phone>strong{font:400 35px/1.1 'Space Grotesk',sans-serif;letter-spacing:-2px;display:block;margin:50px 0 24px}.d-phone-bars i{display:block;height:4px;background:#7b9564;margin:9px 0;width:85%}.d-phone-bars i:nth-child(2){width:60%}.d-phone-link{font-size:9px;color:#18230c;background:#c6ff00;padding:10px;margin-top:25px}.d-wave{position:absolute;left:54%;top:38%;width:45px;height:45px;border:1px solid #c6ff00;border-radius:50%;transform:rotateY(40deg);animation:connection-wave 2.5s ease-out infinite;box-shadow:0 0 30px #c6ff0020}.d-wave:nth-child(2){animation-delay:.8s}.d-wave:nth-child(3){animation-delay:1.6s}
@keyframes connection-wave{from{opacity:.8;transform:translateZ(90px) rotateY(40deg) scale(.2)}to{opacity:0;transform:translateZ(90px) rotateY(40deg) scale(4)}}@keyframes device-float{to{translate:0 -14px;rotate:0 0 1 2deg}}
.dimension.is-paused *,.dimension.is-dormant *{animation-play-state:paused!important}.dimension.is-paused .dimension-object{transition-duration:.15s}.dimension-object:not(.active) *{animation-play-state:paused}.dimension-intro-line{display:block;color:#acbc9a;font-size:10px;letter-spacing:1.5px;margin-bottom:20px}.work{background:#efeee8;color:#151a16}.work .section-description,.work .project-caption h3,.work .project-category,.work-disclaimer{color:#65715c}.project-alba .alba-visual{background:#dde2d1}.project-forma .forma-visual{background:#cdb6e4}.project-touch .touch-visual{background:#dce6c9}.work .section-heading h2{max-width:750px}.project-visual{will-change:auto}.service-overview,.services,.studio,.faq,.contact{scroll-margin-top:20px}
@media(min-width:1700px){.dimension-stage{height:620px}.hero-art{min-height:650px}.hero h1{font-size:140px}}
@media(max-width:1000px){.hero-art{min-height:460px}.hero h1{font-size:7.8vw}.hero-description{font-size:13px}.hero-copy>.eyebrow{font-size:7px}.dimension-pin{gap:20px;grid-template-columns:.9fr 1.1fr}.dimension-stage{height:420px}.dimension-copy>h2{font-size:46px}.dimension-tabs{gap:17px}.d-web-copy{padding:18px 13px}.d-web-copy>strong{font-size:25px;margin:17px 0 12px}.d-web-copy>i{margin-top:13px}.d-brand-word{font-size:14vw}.d-nfc-card{padding:20px}.d-nfc-phone>strong{font-size:26px;margin-top:40px}.dimension-text{min-height:150px}}
@media(max-width:680px){.hero{padding-top:30px;grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:0;pointer-events:auto}.hero h1{font-size:clamp(50px,13.8vw,88px);line-height:1;max-width:100%;margin:28px 0 23px}.hero-copy>.eyebrow{font-size:7px;max-width:330px;letter-spacing:.8px}.hero-description{font-size:13px;max-width:360px;line-height:1.85}.hero-actions{gap:22px;margin-top:25px}.hero-actions .button{font-size:11px;padding:14px 18px}.hero-actions .inline-link{font-size:10px}.hero-art{width:100%;margin:20px 0 10px;min-height:330px;aspect-ratio:1.1;overflow:visible}.art-top{left:0;right:0;top:8px}.art-index{font-size:6px}.art-footer{left:0;right:0;bottom:4px}.art-footer p{font-size:12px}.art-footer>div>span{font-size:7px}.art-tools>button{width:33px;height:33px}.plate-web{left:0;bottom:23%;width:110px}.plate-brand{right:0;top:14%;width:83px;height:103px}.plate-connect{right:0;bottom:23%;width:90px}.hero-baseline{padding-top:8px;font-size:8px}.hero-baseline>span{font-size:7px;max-width:170px}#sculpture{width:108%;height:108%;inset:-4%}.scene-halo{left:0;width:100%;top:16%}.dimension{height:220svh;min-height:1600px}.dimension-pin{height:100svh;min-height:740px;display:flex;flex-direction:column;align-items:stretch;padding:85px var(--gutter) 55px;gap:0}.dimension-head{top:24px;font-size:6px;letter-spacing:1px;padding-bottom:15px}.dimension-copy{padding:0;align-self:stretch}.dimension-intro-line{font-size:7px;letter-spacing:1.2px;margin-bottom:12px}.dimension-copy>h2{font-size:36px;line-height:1.02;letter-spacing:-1.8px;max-width:350px}.dimension-tabs{margin-top:20px;gap:24px}.dimension-tab{font-size:10px;padding:7px 0}.dimension-text{min-height:92px;max-width:360px;margin-top:16px}.dimension-text h3{font-size:17px;letter-spacing:-.4px}.dimension-text p{font-size:11px;line-height:1.7;margin-top:8px;max-width:335px}.dimension-cta{font-size:10px;padding:4px 0;gap:20px}.dimension-stage{height:auto;min-height:240px;flex:1;margin-top:10px;max-height:340px}.dimension-coordinate{font-size:6px;top:0}.dimension-stage:before{inset:12% 5%;transform:rotateX(65deg) translateY(110px)}.dimension-footer{bottom:19px;font-size:6px;gap:10px}.dimension-track{width:70px}.dimension-motion{font-size:7px;padding:7px}.d-screen{border-width:5px;border-bottom-width:10px;border-radius:8px}.d-browser{height:17px;font-size:4px;padding:0 8px}.d-web-body{height:calc(100% - 17px)}.d-web-copy{padding:14px 12px}.d-web-copy>span{font-size:4px}.d-web-copy>strong{font-size:25px;letter-spacing:-.8px;margin:15px 0 10px}.d-web-copy>p{font-size:5px;line-height:1.6}.d-web-copy>i{font-size:5px;padding:6px;margin-top:12px;width:70px}.d-base{height:11px}.d-mobile{bottom:-25px;border-width:3px;border-radius:12px;padding:17px 5px}.d-mobile>span{font-size:4px}.d-mobile>strong{font-size:13px;margin:11px 0}.d-mobile:before{height:3px;top:5px}.d-brand-ring{border-width:18px}.d-brand-word{font-size:26vw;top:25%}.d-brand-card{padding:12px;bottom:0}.d-brand-card>strong{font-size:24px}.d-brand-card>span{font-size:4px;margin-top:10px}.d-brand-swatch{right:3%;bottom:3%;gap:5px}.d-brand-swatch i{width:23px;height:55px}.d-nfc-card{border-radius:10px;padding:16px;top:23%;width:63%}.d-nfc-card>small{font-size:6px}.d-nfc-card>strong{font-size:32px;letter-spacing:-1.8px;margin:20px 0}.d-nfc-card>span{font-size:5px}.d-nfc-card:after{font-size:26px}.d-nfc-phone{border-radius:21px;border-width:4px;padding:25px 10px;width:32%;height:92%;top:0}.d-nfc-phone:before{height:6px;top:7px}.d-nfc-phone>span{font-size:5px}.d-nfc-phone>strong{font-size:24px;letter-spacing:-1px;margin:32px 0 15px}.d-phone-bars i{height:3px;margin:6px 0}.d-phone-link{font-size:6px;padding:6px;margin-top:16px}.dimension-track{display:none}.work .project-caption h3{color:#65715c}.overview-item>p{font-size:11px}.overview-more{font-size:9px}}
@media(max-width:360px){.dimension-copy>h2{font-size:31px}.dimension-pin{min-height:710px}.dimension-stage{min-height:215px}.d-web-copy>strong{font-size:21px}.d-nfc-card>strong{font-size:27px}.d-nfc-phone>strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hero-art,.scene-halo,.dimension-object,.d-laptop,.d-brand-scene,.d-nfc-scene,.d-wave{animation:none!important;transition:none!important}.dimension{height:auto;min-height:0}.dimension-pin{position:relative}.dimension-object.active{transform:none}.dimension-stage{--tilt-x:0deg!important;--tilt-y:0deg!important}.hero:before{display:none}}