:root{--ink:#191714;--paper:#eae7df;--blue:#d4e7eb;--line:#c8c5bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--paper)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,select,textarea,summary{outline-offset:5px}button{color:inherit}header{height:100px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:var(--ink);position:relative;z-index:3}.logo{display:flex;gap:14px;align-items:center;font-size:48px;font-weight:700;letter-spacing:-5px}.logo span:last-child{font-size:12px;letter-spacing:1px;line-height:1.15}.logo-mark{font-size:34px;margin-left:-12px}nav{display:flex;gap:35px;font-size:13px}nav a:hover{color:var(--blue)}.button{padding:20px 25px;border:0;display:inline-flex;gap:45px;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.6px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.light{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.3px;line-height:1.7}.hero{padding-top:45px;overflow:hidden}.hero>.eyebrow{display:flex;justify-content:space-between;margin:0 4.5%}.hero h1{font-size:clamp(48px,7.8vw,126px);font-weight:400;line-height:.97;letter-spacing:-.065em;margin:35px 4.5% 32px}.hero h1 span{color:var(--blue)}.hero-bottom{margin:0 4.5%;display:flex;justify-content:space-between;align-items:end}.hero p{font-size:14px;line-height:1.55;color:#c6c1b9}.text-link{font-size:11px;letter-spacing:.6px;border:0;background:none;color:inherit;padding:10px 0;border-bottom:1px solid currentColor;display:inline-block}.text-link span{margin-left:35px}.showcase{height:510px;position:relative;margin-top:42px;display:flex;align-items:center;isolation:isolate}.ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 10%,#92796a,#4e4036 42%,#191714 76%)}.show-track{position:relative;width:100%;height:440px;perspective:1500px}.slide{position:absolute;top:25px;left:50%;width:62%;max-width:920px;aspect-ratio:1.82;transform:translateX(-50%);border:0;border-radius:5px;overflow:hidden;padding:0;text-align:left;transition:transform .65s,opacity .65s;box-shadow:0 15px 50px #0003;background:#c7c0b0}.slide.prev{transform:translateX(-156%) scale(.86) rotateY(12deg);opacity:.65}.slide.next{transform:translateX(56%) scale(.86) rotateY(-12deg);opacity:.65}.slide.center{z-index:2}.mock{width:100%;height:100%;container-type:inline-size;position:relative;overflow:hidden}.mock-nav{display:flex;justify-content:space-between;padding:3% 4%;font-size:1.2cqw;border-bottom:1px solid #0003}.form-field{background:#d8d3bd;color:#303027}.form-field .mock-main{padding:3% 4%;position:relative;height:88%}.form-field h3{font-family:Georgia,serif;font-size:12cqw;font-weight:400;line-height:.82;letter-spacing:-.07em;margin:0;position:relative;z-index:1}.form-field .small{position:absolute;bottom:9%;left:4%;font-size:1.4cqw;line-height:1.4}.arch{position:absolute;right:5%;bottom:0;width:39%;height:85%;border-radius:50% 50% 0 0;background:linear-gradient(110deg,#9b9c85,#535f4d 65%,#384634);box-shadow:inset 20px 0 25px #0002;overflow:hidden}.arch:before{content:'';position:absolute;width:70%;height:95%;border:1px solid #ddd7b768;left:16%;top:9%;border-radius:50% 50% 0 0}.arch:after{content:'';position:absolute;bottom:6%;right:12%;width:43%;height:45%;background:linear-gradient(90deg,#d0c6af,#aaa18d);border-radius:7% 7% 30% 30%;box-shadow:20px 15px 20px #1115}.line-leaf{position:absolute;right:22%;bottom:25%;height:45%;width:1px;background:#253827;transform:rotate(-13deg);z-index:1}.line-leaf:before,.line-leaf:after{content:'';position:absolute;width:8cqw;height:3.5cqw;border-radius:100% 0 100% 0;background:#253827;transform:rotate(20deg);top:20%}.line-leaf:after{transform:rotate(165deg);right:0;top:45%}.daybreak{background:#e79b65;color:#402919}.daybreak h3{font-size:15cqw;letter-spacing:-.07em;margin:3% 4%;line-height:1}.daybreak .coffee{position:absolute;width:22%;aspect-ratio:1;right:13%;bottom:8%;border-radius:50%;background:radial-gradient(circle,#3d2117 0 50%,#d9cdb0 51% 63%,#f2e1bd 64% 73%,#be6d3b 75%);box-shadow:20px 20px 0 #874a3033}.daybreak .coffee:after{content:'';position:absolute;right:-13%;top:38%;width:25%;height:20%;border:6px solid #e8d6b2;border-radius:40%}.daybreak p{color:inherit;font-size:2.8cqw;line-height:1.05;margin:8% 5%;max-width:43%;font-family:Georgia,serif}.daybreak .bottom-note{position:absolute;left:5%;bottom:5%;font-size:1.2cqw}.orbit{background:#edf0ec;color:#27392f}.orbit .mock-nav{background:#163f35;color:#fff}.app-body{display:flex;height:88%}.app-sidebar{width:20%;border-right:1px solid #cbd2ca;padding:5% 3%;font-size:1.4cqw;line-height:2.9}.app-main{width:80%;padding:4%}.app-main h3{font-size:3cqw;letter-spacing:-.05em;font-weight:400;margin:0 0 5%}.stats{display:flex;gap:3%;font-size:1.3cqw}.stats>div{background:#fff;border:1px solid #dde2d9;width:33%;padding:4%}.stats strong{display:block;font-size:3.3cqw;margin-top:15%}.bars{height:44%;display:flex;gap:5%;align-items:end;background:repeating-linear-gradient(to top,#d5dbd2 0 1px,transparent 1px 25%);margin-top:6%;padding:0 4%}.bars i{display:block;background:#8fa77e;flex:1;height:var(--h)}.bars i:nth-child(even){background:#294f43}.show-control{margin:0 4.5% 30px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.show-control button{border:1px solid #6f6a61;border-radius:50%;background:none;width:39px;height:39px;margin-left:8px;font-size:19px}.show-control button:hover{background:var(--paper);color:var(--ink)}.section{padding:100px 6%}h2{font-size:clamp(38px,4.7vw,74px);line-height:1.02;letter-spacing:-.055em;font-weight:400;margin:30px 0}em{font-family:Georgia,serif;font-weight:400}p{line-height:1.6}.intro{background:var(--paper);color:var(--ink)}.intro h2{font-size:clamp(44px,6.7vw,102px);margin:35px 0 45px}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.intro-bottom p{max-width:470px;margin:0;font-size:16px}.services{background:var(--paper);color:var(--ink);padding-top:40px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:start;margin-bottom:40px}.section-head h2{margin:0;min-width:50%}.services details{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.services summary{display:flex;align-items:center;padding:30px 0;gap:35px}.num{font-size:12px}.services h3{font-size:clamp(24px,3vw,42px);font-weight:400;letter-spacing:-.035em;margin:0}.plus{margin-left:auto;font-size:30px;font-weight:300}details[open] .plus{transform:rotate(45deg)}.service-content{margin-left:50px;padding-bottom:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:15px 60px;max-width:1000px}.service-content p{max-width:460px;margin:0;font-size:14px}.service-content ul{font-size:12px;line-height:2.1;list-style:none;padding:0;margin:0}.service-content li:before{content:'·';margin-right:12px}.service-content .text-link{justify-self:start}.work{background:#d1dde0;color:var(--ink)}.work .section-head h2{margin-top:30px}.work .section-head>p{align-self:end;font-size:13px}.filters{display:flex;gap:8px;margin:35px 0}.filters button{padding:10px 18px;font-size:11px;border:1px solid #aebbc0;background:none;border-radius:30px}.filters .active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px}.project{border:0;padding:0;background:transparent;text-align:left;color:inherit}.project:first-child{grid-column:span 2}.project-visual{padding:35px;background:#b9bcb0;aspect-ratio:1.8;transition:padding .3s;overflow:hidden}.project:first-child .project-visual{padding:50px 16%;aspect-ratio:2.4}.project:hover .project-visual{padding:25px}.project:first-child:hover .project-visual{padding:40px 15%}.project .mock{box-shadow:0 8px 22px #0001}.project:nth-child(2) .project-visual{background:#6e8275}.project:nth-child(3) .project-visual{background:#bc7854}.project-meta{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.project-meta h3{font-size:20px;font-weight:400;margin:0}.project-meta small{font-size:9px;letter-spacing:1px}.caption{font-size:11px;color:#4d5a5d;margin-top:32px}.studio{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;background:#29251f}.studio-symbol{font-size:clamp(170px,28vw,420px);letter-spacing:-.11em;font-weight:700;color:#c4c6af;display:flex;align-items:center}.studio-symbol span{font-size:.65em}.studio h2{font-size:clamp(36px,4.1vw,65px)}.studio p{max-width:470px;color:#c4bfb5;font-size:14px}.studio .text-link{margin-top:18px}.process{background:var(--paper);color:var(--ink)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.steps article{border-top:1px solid #aaa79f;padding-top:22px}.steps span{font-size:10px;letter-spacing:1px}.steps h3{font-weight:400;font-size:25px;letter-spacing:-.04em;margin-top:30px}.steps p{font-size:13px;color:#5b5851}.faq{padding-top:25px;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1.1fr;gap:7%}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:24px 0;line-height:1.4}.faq details p{font-size:13px;color:#5b5851}.closing{background:#d2e2e4;color:var(--ink)}.closing h2{font-size:clamp(68px,11vw,170px);line-height:.88;margin:50px 0;position:relative}.closing h2>span{position:absolute;right:7%;top:0;font-size:1.3em;font-weight:300}.closing>div{display:flex;align-items:center;justify-content:space-between}.closing .button{background:var(--ink);color:var(--paper)}.closing p{font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 4.5%;font-size:10px}footer .logo{font-size:35px}footer .logo span{font-size:9px}.skip{position:fixed;top:-100px;background:white;color:black;z-index:10;padding:10px}.skip:focus{top:5px}dialog{border:0;padding:45px;max-width:650px;width:calc(100% - 30px);max-height:90dvh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:45px;margin:25px 0 18px}dialog>p{font-size:13px;color:#625f57}.close{position:absolute;top:12px;right:16px;background:none;border:0;font-size:30px}label{display:block;font-size:12px;margin:18px 0}input,select,textarea{display:block;width:100%;padding:13px 10px;margin-top:8px;border:1px solid #b7b3aa;border-radius:0;background:#f6f3ec;color:var(--ink);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{margin-bottom:0}.status{font-size:12px}#conceptPreview{aspect-ratio:1.8;margin:25px 0}body:has(dialog[open]){overflow:hidden}
@media(min-width:1550px){.showcase{height:600px}.show-track{height:550px}}@media(max-width:800px){header{height:80px}nav{gap:18px}.logo{font-size:38px}.logo span:last-child{font-size:9px}.button{padding:17px;gap:20px}.hero{padding-top:25px}.hero>.eyebrow span:last-child{display:none}.hero h1{font-size:9.5vw;margin-top:28px}.hero-bottom{align-items:start;gap:18px}.hero-bottom p{font-size:12px}.hero-bottom .text-link{font-size:9px;max-width:140px;line-height:1.8}.hero-bottom .text-link span{margin-left:0}.showcase{height:330px;margin-top:25px}.show-track{height:300px}.slide{width:78%}.show-control{font-size:8px}.section{padding:65px 6%}.section-head{display:block}.section-head h2{margin-top:25px}.intro-bottom{display:block}.intro-bottom .text-link{margin-top:25px}.service-content{margin-left:0;grid-template-columns:1fr;gap:20px}.services summary{gap:20px}.work-grid{gap:30px 16px}.project-visual{padding:15px}.project:first-child .project-visual{padding:25px 9%;aspect-ratio:1.8}.project-meta{display:block}.project-meta h3{font-size:17px;margin-bottom:8px}.project-meta small{font-size:8px}.studio{gap:6%;grid-template-columns:.6fr 1fr}.studio-symbol{font-size:24vw}.steps{gap:25px}.steps h3{font-size:21px}.faq{grid-template-columns:1fr;gap:10px}.closing h2>span{right:0}.closing>div{gap:15px}footer{flex-wrap:wrap}footer>span{font-size:9px}}@media(max-width:520px){nav{display:none}.hero h1{font-size:10.6vw}.hero-bottom{display:block}.hero-bottom .text-link{max-width:none;margin-top:8px}.showcase{height:235px}.show-track{height:230px}.slide{top:20px;width:82%}.show-control{margin-bottom:20px}.work-grid{display:block}.project{display:block;width:100%;margin-bottom:30px}.project:first-child .project-visual,.project .project-visual{padding:22px;aspect-ratio:1.65}.project-meta{display:flex}.studio{display:block}.studio-symbol{display:none}.steps{grid-template-columns:1fr;gap:25px}.steps h3{margin:18px 0 10px}.steps p{max-width:330px}.closing>div{display:block}.closing .button{margin-top:15px}.closing h2{font-size:20vw}.closing h2>span{font-size:.8em;top:30px}.form-grid{grid-template-columns:1fr;gap:0}dialog{padding:30px 22px}dialog h2{font-size:36px}.section-head>p{font-size:12px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.contact-options{display:grid;gap:12px;margin:28px 0}.contact-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;border:1px solid #b7b3aa;transition:background .2s,color .2s}.contact-option:hover{background:var(--ink);color:var(--paper)}.contact-option strong{display:block;font-size:17px;font-weight:400;letter-spacing:-.3px}.contact-option small{display:block;font-size:12px;margin-top:8px;overflow-wrap:anywhere}.contact-option>span:last-child{font-size:25px}.contact-note{font-size:11px!important}

.logo{gap:15px;letter-spacing:0}.logo>.brand-icon{position:relative;display:inline-block;font-size:39px;line-height:1;font-weight:700;letter-spacing:-4px;width:48px}.logo>.brand-icon>span{position:absolute;top:-4px;right:0;font-size:24px!important;line-height:1;letter-spacing:0}.logo>span:last-child:not(.brand-icon){font-size:12px;letter-spacing:1.1px;line-height:1.2}.studio-symbol{letter-spacing:-.13em}.studio-symbol span{margin-left:-.08em}footer .logo>.brand-icon{font-size:32px;width:40px}footer .logo>.brand-icon>span{font-size:20px!important}footer .logo>span:last-child{font-size:10px}@media(max-width:800px){.logo>.brand-icon{font-size:32px;width:39px}.logo>.brand-icon>span{font-size:20px!important}.logo>span:last-child:not(.brand-icon){font-size:10px}}

/* The Layers identity: flat, scalable artwork for both colour schemes. */
.layers-mark{display:block;width:100%;height:auto;overflow:visible}.layer-solid{fill:currentColor}.layer-accent{fill:var(--blue)}.logo.layers-logo{display:flex;align-items:center;gap:13px;letter-spacing:0;max-width:240px}.logo.layers-logo>.layers-mark{width:45px;flex:0 0 45px}.logo.layers-logo>.brand-name{font-size:22px;line-height:1.05;font-weight:400;letter-spacing:-1px;white-space:nowrap}.brand-name br{display:none}.studio-symbol>.layers-mark{width:85%;max-width:330px;color:var(--paper)}.show-control button{display:inline-flex;align-items:center;justify-content:center}.contact-option{gap:0}footer .logo.layers-logo>.layers-mark{width:34px;flex-basis:34px}footer .logo.layers-logo>.brand-name{font-size:19px}header .enquire-open{gap:0}@media(max-width:800px){.logo.layers-logo>.layers-mark{width:37px;flex-basis:37px}.logo.layers-logo>.brand-name{font-size:19px;letter-spacing:-.6px}.logo.layers-logo{gap:10px}}@media(max-width:520px){.brand-name br{display:block}.logo.layers-logo>.brand-name{font-size:18px;line-height:1.06}.logo.layers-logo>.layers-mark{width:39px;flex-basis:39px}.studio-symbol{display:none}footer .brand-name br{display:none}}

/* Persistent slide nodes allow the cards to travel rather than reappear. */
.showcase{touch-action:pan-y;outline-offset:-6px}.show-track{--drag:0px;transform:translateX(var(--drag));transition:transform .65s cubic-bezier(.22,1,.36,1);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.show-track.dragging{transition:none;cursor:grabbing}.slide{transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .8s ease,filter 1s ease;will-change:transform;backface-visibility:hidden;cursor:inherit}.slide.prev{transform:translateX(-153%) scale(.82) rotateY(16deg) rotateZ(-2deg);filter:brightness(.68);opacity:.7;z-index:1}.slide.next{transform:translateX(53%) scale(.82) rotateY(-16deg) rotateZ(2deg);filter:brightness(.68);opacity:.7;z-index:1}.slide.center{transform:translateX(-50%) scale(1) rotateY(0) rotateZ(0);filter:brightness(1);opacity:1;z-index:3}.ambient{background:none}.ambient:before,.ambient:after{content:'';position:absolute;inset:0;transition:opacity 1.2s ease;pointer-events:none}.ambient:before{background:radial-gradient(ellipse at 50% 10%,#987b64,#504137 42%,#191714 78%)}.ambient:after{background:radial-gradient(ellipse at 50% 10%,#748b77,#354c40 42%,#191714 78%);opacity:0}.showcase[data-theme="sage"] .ambient:after{opacity:1}.showcase[data-theme="warm"] .ambient:before{background:radial-gradient(ellipse at 50% 10%,#a66c47,#5a3a2b 42%,#191714 78%)}.show-caption{display:grid;gap:10px}.gesture-hint{font-size:8px;letter-spacing:1.4px;color:#aaa69d}.carousel-tools{display:flex;align-items:center;gap:18px}.slide-dots{display:flex;align-items:center;gap:10px}.show-control .slide-dot{position:relative;width:38px;height:28px;border:0;border-radius:0;margin:0;padding:12px 0;background:none;overflow:hidden}.show-control .slide-dot:before,.show-control .slide-dot span{content:'';position:absolute;height:2px;left:0;right:0;top:13px;background:#666259;pointer-events:none}.show-control .slide-dot.active:before{background:#96968f}.show-control .slide-dot span{right:auto;width:var(--progress,0%);background:var(--blue)}.show-control .slide-dot:hover{background:none}.show-control .slide-dot:hover:before{background:var(--paper)}.show-control .carousel-pause{width:34px;height:34px;margin:0;border-color:#625e56}.carousel-pause svg{width:16px;height:16px}.studio-symbol>.layers-mark{max-width:310px}footer .logo.layers-logo>.layers-mark{width:35px;flex-basis:35px}@media(max-width:520px){.show-control{align-items:center;gap:12px}.show-caption{max-width:59%;line-height:1.5}.carousel-tools{gap:8px}.slide-dots{gap:6px}.show-control .slide-dot{width:22px}.show-control .carousel-pause{width:29px;height:29px}.gesture-hint{font-size:7px;letter-spacing:.8px}.slide.prev{transform:translateX(-153%) scale(.84) rotateY(12deg) rotateZ(-2deg)}.slide.next{transform:translateX(53%) scale(.84) rotateY(-12deg) rotateZ(2deg)}}@media(prefers-reduced-motion:reduce){.slide,.show-track,.ambient:after,.ambient:before{transition:none!important}.gesture-hint{color:#c6c1b9}}

/* A scroll-directed, exploded-interface sequence. No scroll interception. */
.motion-story{height:250svh;position:relative;background:#191714;color:var(--paper)}.motion-pin{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 52%,#373a35 0%,#252620 24%,#191714 65%)}.motion-top{position:absolute;top:45px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;z-index:3}.motion-index{font-size:11px;letter-spacing:2px;color:#b9b8b0}.motion-copy{position:absolute;top:30%;left:6%;width:35%;z-index:4;pointer-events:none}.motion-copy h2{font-size:clamp(38px,4.8vw,76px);line-height:1.03;margin:24px 0;letter-spacing:-.055em}.motion-copy p{font-size:14px;max-width:280px;color:#bdbcb3}.motion-copy.copy-change h2{animation:copy-in .65s cubic-bezier(.22,1,.36,1)}@keyframes copy-in{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}.motion-scene{position:absolute;inset:0;perspective:1300px;perspective-origin:63% 46%;pointer-events:none}.motion-object{--rx:48deg;--ry:-12deg;--rz:-18deg;--zoom:.8;--lift:0px;--spread:10px;position:absolute;width:clamp(370px,44vw,720px);aspect-ratio:1.5;left:53%;top:43%;transform-style:preserve-3d;transform:translate(-20%,calc(-30% + var(--lift))) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--zoom));will-change:transform}.motion-sheet{position:absolute;inset:0;border-radius:9px;border:1px solid #e7e5d53b;box-shadow:0 12px 0 #0d1210,0 25px 35px #0004;transform-style:preserve-3d;backface-visibility:visible;overflow:hidden;container-type:inline-size}.sheet-base{background:#263d36;transform:translateZ(calc(var(--spread) * -1));color:#d4e7e2}.sheet-logic{background:#e5e8df;transform:translateZ(0);color:#294437}.sheet-design{background:#d4d1bd;transform:translateZ(var(--spread));color:#23271e}.sheet-bar{height:12%;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid #3333;font-size:1.3cqw;letter-spacing:.06em}.sheet-base .sheet-bar{border-color:#ffffff30}.foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8%;padding:7% 9%;height:70%}.foundation-grid i{border:1px solid #9fb8a875;border-radius:4px;position:relative}.foundation-grid i:after{content:'';position:absolute;width:15%;aspect-ratio:1;left:12%;top:25%;background:#b5c9bb;border-radius:50%}.foundation-grid i:nth-child(3n){background:#cde2da18}.sheet-caption{position:absolute;bottom:7%;left:9%;font-size:1.3cqw;letter-spacing:.08em}.logic-demo{display:flex;height:88%;padding:5% 4%;gap:6%}.logic-sidebar{width:16%;display:grid;gap:12%;align-content:start;padding-top:4%}.logic-sidebar span{display:block;height:4px;background:#829885;border-radius:8px}.logic-sidebar span:nth-child(even){width:70%}.logic-content{flex:1}.logic-content strong{font-size:3.6cqw;font-weight:400;letter-spacing:-.04em}.logic-stats{display:flex;gap:5%;margin-top:7%;height:22%}.logic-stats i{display:block;flex:1;background:#fff;border:1px solid #b6c3b4}.logic-lines{height:43%;display:flex;gap:7%;align-items:end;padding-top:8%;border-bottom:1px solid #aab7a8}.logic-lines i{display:block;flex:1;background:#547962;height:50%}.logic-lines i:nth-child(2n){height:70%;background:#91ab88}.logic-lines i:nth-child(3n){height:90%}.motion-interface{height:88%;padding:6%;position:relative;overflow:hidden}.motion-interface h3{font-family:Georgia,serif;font-size:9.4cqw;font-weight:400;line-height:.94;margin:0;letter-spacing:-.06em;position:relative;z-index:2}.motion-interface>span{position:absolute;left:6%;bottom:8%;font-size:1.3cqw;letter-spacing:.08em}.interface-shape{position:absolute;right:6%;bottom:-7%;width:36%;height:86%;background:#6b7963;border-radius:50% 50% 0 0;box-shadow:inset 20px 5px 25px #34433144}.interface-orb{position:absolute;right:25%;bottom:2%;width:20%;aspect-ratio:1;background:#e6dfc7;border-radius:50%;box-shadow:9px 6px 15px #0002}.motion-aura{position:absolute;left:45%;top:25%;width:50%;height:60%;background:radial-gradient(ellipse,#b3c6b912,transparent 65%);filter:blur(25px)}.motion-foot{position:absolute;bottom:35px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.motion-progress{height:1px;flex:1;max-width:250px;background:#ffffff29}.motion-progress span{display:block;height:100%;width:var(--story-progress,0%);background:var(--blue)}.reveal-ready{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.revealed{opacity:1;transform:none}.project .project-visual{perspective:1000px}.project .mock{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform}.project:hover .mock{transition:transform .16s ease-out}.button:active{transform:translateY(1px)}.hero h1{animation:hero-arrive 1.1s cubic-bezier(.22,1,.36,1) both}@keyframes hero-arrive{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@media(max-width:800px){.motion-pin{min-height:640px}.motion-copy{top:18%;width:75%}.motion-copy h2{font-size:clamp(38px,7vw,58px)}.motion-copy p{max-width:300px;font-size:12px}.motion-scene{perspective-origin:50% 60%}.motion-object{left:50%;top:65%;width:65vw;min-width:330px;transform:translate(-50%,calc(-25% + var(--lift))) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz)) scale(var(--zoom))}.motion-top{top:28px}.motion-foot{bottom:28px}.motion-foot>.eyebrow:last-child{display:none}.motion-story{height:220svh}}@media(max-width:520px){.motion-pin{min-height:590px}.motion-copy{top:16%}.motion-copy h2{font-size:39px;margin:17px 0}.motion-copy p{font-size:12px;max-width:260px;line-height:1.4}.motion-top .eyebrow{font-size:8px;letter-spacing:.8px}.motion-index{font-size:9px}.motion-object{width:74vw;min-width:290px;top:64%}.motion-foot .eyebrow{font-size:8px}.motion-foot{gap:18px}.motion-story{height:210svh}.motion-sheet{border-radius:5px;box-shadow:0 6px 0 #0d1210,0 15px 20px #0004}}@media(prefers-reduced-motion:reduce){.motion-story{height:auto}.motion-pin{position:relative;height:800px}.motion-object{--spread:24px!important;--rx:30deg!important;--ry:0deg!important;--rz:-10deg!important;--zoom:.8!important;--lift:0px!important;will-change:auto}.reveal-ready{opacity:1;transform:none}.hero h1{animation:none}.motion-copy.copy-change h2{animation:none}.project .mock{transform:none!important}.motion-progress{display:none}.motion-foot>.eyebrow:first-child{font-size:0}.motion-foot>.eyebrow:first-child:after{content:'EVERY LAYER, CONSIDERED.';font-size:9px}}

.orbit-new{display:flex;background:#f2f2ef;color:#262831;font-family:Arial,Helvetica,sans-serif}.orbit-side{width:19%;background:#202528;color:#cdd2ce;padding:4% 2.5%;position:relative;flex-shrink:0}.orbit-brand{font-size:3.1cqw;letter-spacing:-.1cqw;color:#f1f4ed;display:block;margin-bottom:18%}.orbit-side>small{font-size:.75cqw;letter-spacing:.15em;color:#8e9996;display:block;margin-bottom:15%}.orbit-side>span{display:block;font-size:1.15cqw;line-height:2.9;padding:0 7%;margin:4% -7%}.orbit-side>.orbit-selected{background:#d4e7c0;color:#233221;border-radius:.5cqw}.orbit-side-note{font-family:Georgia,serif;font-size:1.6cqw;line-height:1.25;margin-top:25%;color:#b9c4bc}.orbit-avatar{position:absolute;left:13%;bottom:5%;display:flex;gap:1cqw;align-items:center;font-size:1.1cqw}.orbit-avatar>span{font-size:.95cqw;line-height:1.5}.orbit-avatar small{font-size:.7cqw;color:#a2aba3}.orbit-workspace{width:81%;padding:0 3%}.orbit-top{height:14%;display:flex;align-items:center;justify-content:space-between;gap:2%;border-bottom:1px solid #dedfda;font-size:1cqw;color:#6a716b}.orbit-search{margin-left:auto;padding:1.8% 3%;border:1px solid #dddfd9;border-radius:.5cqw;font-size:.9cqw}.orbit-top>b{border-radius:50%;background:#e3deed;font-size:1cqw;padding:1.4%}.orbit-greeting{display:flex;justify-content:space-between;align-items:center;margin:4% 0}.orbit-greeting small{font-size:.8cqw;letter-spacing:.07em;color:#7b827a}.orbit-greeting h3{font-size:2.7cqw;font-weight:400;letter-spacing:-.11cqw;margin:1.6% 0 0}.orbit-new-project{padding:1.7% 2.4%;background:#252b29;color:#fff;font-size:.95cqw;border-radius:.5cqw;white-space:nowrap}.orbit-kpis{display:flex;gap:2%;height:23%}.orbit-kpis>div{flex:1;min-width:0;background:#fff;border:1px solid #e0e2da;border-radius:.7cqw;padding:3% 2.5%;position:relative;overflow:hidden}.orbit-kpis small{font-size:1cqw;color:#747a72;display:block}.orbit-kpis strong{font-size:3cqw;letter-spacing:-.12cqw;font-weight:500;display:block;margin-top:4%}.orbit-kpis strong>span{font-size:.8cqw;letter-spacing:0;font-weight:400;color:#75856b;float:right;margin-top:7%}.orbit-kpis svg{position:absolute;bottom:8%;left:10%;width:80%;height:24%;color:#8aa878}.orbit-mini-dots{position:absolute;bottom:13%;left:10%;right:10%;display:flex;gap:5%;height:11%}.orbit-mini-dots i{flex:1;background:#c1b6d4;border-radius:2px}.orbit-mini-dots i:nth-child(n+5){background:#eeeaf1}.orbit-completion{position:absolute;bottom:17%;left:10%;right:10%;height:5%;background:#edf0e7}.orbit-completion i{display:block;width:83%;height:100%;background:#94b583}.orbit-data{display:flex;gap:2%;height:34%;margin-top:3%}.orbit-chart{width:58%;border:1px solid #dfe2d9;border-radius:.6cqw;padding:3%;background:#fff}.orbit-chart>div:first-child{display:flex;justify-content:space-between;align-items:center}.orbit-chart strong,.orbit-projects>strong{font-size:1.2cqw;font-weight:500}.orbit-chart>div>span{font-size:.8cqw;color:#697264}.orbit-plot{height:65%;display:flex;gap:7%;align-items:end;margin-top:5%;padding:0 3%;background:repeating-linear-gradient(to top,#eceee9 0 1px,transparent 1px 33%)}.orbit-plot>i{display:block;flex:1;height:var(--bar);background:#c4b9db;border-radius:2px 2px 0 0}.orbit-plot>i:nth-child(2n){background:#a3b596}.orbit-months{display:flex;justify-content:space-between;font-size:.6cqw;color:#82897c;margin-top:3%}.orbit-months>span{font-size:.6cqw!important}.orbit-projects{flex:1;background:#fff;border:1px solid #dfe2d9;border-radius:.6cqw;padding:3%}.orbit-projects>div{display:flex;align-items:center;gap:6%;margin-top:7%;font-size:1cqw}.orbit-projects>div>span{flex:1}.orbit-projects small{display:block;font-size:.75cqw;color:#8b9286;margin-top:3%}.orbit-projects b{font-weight:400;font-size:.85cqw;color:#697562}.orbit-projects i{width:2cqw;aspect-ratio:1;display:block;border-radius:.4cqw}.dot-lilac{background:#d6c9eb}.dot-lime{background:#d8e8be}.dot-coral{background:#e9c5b2}.orbit-bottom{display:flex;justify-content:space-between;margin-top:3.5%;font-size:.7cqw;color:#8e9589}.orbit-bottom>span:last-child{font-size:.6cqw;letter-spacing:.07em}

/* Polish the original illustrated designs without replacing their artwork. */
.form-field .mock-nav{font-size:1.1cqw;padding:3% 4%;letter-spacing:.025em}.form-field h3{font-size:11.5cqw;line-height:.86;letter-spacing:-.65cqw}.form-field .small{font-size:1.25cqw;line-height:1.55;letter-spacing:.01em}.form-field .arch{border-radius:50% 50% 0 0;background:linear-gradient(115deg,#a7aa8e,#66735c 58%,#3c5142);box-shadow:inset 20px 0 25px #0002,0 0 0 1px #ffffff20}.form-field .arch:before{border-color:#ddd7b775}.form-field .arch:after{background:linear-gradient(90deg,#dfd5bc,#b6aa92);box-shadow:18px 16px 25px #1114}.form-field .line-leaf{right:21.5%;bottom:26%}.daybreak{background:#e4a06e}.daybreak .mock-nav{font-size:1.1cqw;padding:3% 4%;letter-spacing:.025em}.daybreak h3{font-size:15.7cqw;letter-spacing:-.9cqw;margin:3.5% 4%}.daybreak p{font-size:3.1cqw;line-height:1.09;margin:6.5% 5%}.daybreak .coffee{right:12%;bottom:9%;width:25%;box-shadow:22px 22px 0 #874a3026,30px 28px 25px #874a3015}.daybreak .bottom-note{font-size:1cqw;letter-spacing:.045em}.project:first-child .project-visual{background:#d2d1c3}.project:nth-child(2) .project-visual{background:#bbc6bc}.project:nth-child(3) .project-visual{background:#bd7d52}