/* Editorial refinement and four purposeful interactions. */
:root{--violet:#ab8cc5;--paper:#f2efe9}.primary{background:#79508f}.button{border-radius:3px;padding:16px 25px}.button:hover{box-shadow:0 8px 24px #0002}.outline{border-color:#b1a2b75c}.hero h1 em{color:#c5afd5}.eyebrow{color:#b299c3}.hero-content{z-index:4}.hero-layers{position:absolute;inset:0;pointer-events:none;z-index:3;transform:translate(var(--pointer-x,0px),calc(var(--pointer-y,0px) + var(--layer-scroll,0px)));transition:transform .5s ease-out}.hero-crm{position:absolute;right:7%;bottom:20%;width:235px;padding:22px;background:linear-gradient(130deg,#252128f5,#17161bf5);border:1px solid #c9b6dc36;box-shadow:0 25px 70px #0008;transform:perspective(900px) rotateY(-13deg) rotateZ(5deg);border-radius:5px}.hero-crm>span{font-size:8px;letter-spacing:2px;color:#b7a8c0}.hero-crm>strong{display:block;font-family:Georgia,serif;font-size:31px;font-weight:400;margin:12px 0}.hero-crm>div{display:flex;gap:8px}.hero-crm b{height:45px;flex:1;border:1px solid #c1a5da26;background:#a17bb60b;border-radius:3px}.hero-crm b:before{content:'';display:block;width:50%;height:3px;background:#b79ac571;margin:12px 8px}.hero-crm small{display:block;font-size:7px;letter-spacing:1.4px;margin-top:16px;color:#aaa0b0}.hero-mark{position:absolute;width:75px;right:32%;bottom:18%;transform:rotate(-12deg);filter:drop-shadow(0 15px 20px #0007)}.journey{height:220vh;background:#121113;position:relative}.journey-sticky{position:sticky;top:0;padding:70px 7.2% 30px;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.journey .section-heading{margin-bottom:36px}.journey h2{font-size:clamp(38px,4.5vw,65px)}.journey h2 em{color:#c5afd5}.journey-tabs{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:35px}.journey-tabs:before{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#ffffff1a}.journey-tabs:after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:var(--stage-progress,0%);background:#a98bbe;transition:width .6s}.journey-tabs button{position:relative;background:none;border:0;padding:18px 0;text-align:left;cursor:pointer;display:flex;gap:16px;align-items:center;color:#817985;transition:color .3s}.journey-tabs button>span:first-child{width:37px;height:37px;border:1px solid #ffffff24;border-radius:50%;display:grid;place-items:center;font-size:9px}.journey-tabs button>span:last-child{font-size:13px}.journey-tabs button[aria-selected=true]{color:#eee8f0}.journey-tabs button[aria-selected=true]>span:first-child{border-color:#ac8ac6;background:#b794d20c}.journey-panel{display:grid;grid-template-columns:.85fr 1.15fr;min-height:290px;border:1px solid #c7afdc21;background:linear-gradient(130deg,#1b191e,#171519);border-radius:4px;overflow:hidden}.journey-copy{padding:35px 40px}.journey-copy .eyebrow{display:block;font-size:9px;margin-bottom:12px}.journey-copy h3{font-family:'Playfair Display',Georgia,serif;font-size:28px;font-weight:400;line-height:1.25;letter-spacing:-.5px}.journey-copy p{font-size:12px;line-height:1.9;margin-top:14px;max-width:320px}.demo-label{display:block;font-size:7px;letter-spacing:1.5px;color:#938699;margin-top:24px}.stage-art{padding:25px 35px;display:grid;place-items:center;background:radial-gradient(ellipse at 80% 80%,#85618b13,transparent 70%)}.stage-window{width:100%;max-width:360px;border:1px solid #c4a5dc2c;border-radius:5px;box-shadow:0 15px 40px #0002;transition:transform .6s}.stage-visual{padding:20px 25px}.stage-symbol{display:block;color:#c3a8d3;font-size:26px;transition:transform .6s}.stage-visual strong{display:block;font-size:17px;font-weight:400;margin:8px 0 15px;line-height:1.4}.visual-lines{display:flex;gap:8px}.visual-lines i{display:block;height:35px;flex:1;border:1px solid #ffffff17;background:#ffffff04}.stage-status{display:inline-block;font-size:9px;color:#c0acd0;padding:4px 8px;border:1px solid #bca0d12b;margin-top:16px}.journey[data-active="1"] .stage-window{transform:rotate(1deg)}.journey[data-active="2"] .visual-lines i{background:#9671b31c;border-color:#af8fc34a}.journey[data-active="3"] .stage-symbol{transform:translateX(10px)}.journey-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#8b818f;padding-top:22px}.comparison-section{padding:110px 7.2%;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.comparison-section>div>p:not(.eyebrow){font-size:13px;max-width:260px;margin-top:25px}.comparison{height:350px;position:relative;border:1px solid #27212b25;border-radius:4px;overflow:hidden;isolation:isolate;--split:50%}.compare-design{position:absolute;inset:0;overflow:hidden}.before-design{background:#dededb;color:#343435}.compare-nav{font-size:10px;padding:16px 20px;border-bottom:1px solid #0002;display:flex;justify-content:space-between;gap:10px;position:relative;z-index:2}.compare-nav>span{font-size:6px;align-self:center}.before-box{position:relative;z-index:2;padding:30px 25px}.before-box small{font-size:8px}.before-box h3{font-family:Arial,sans-serif;font-size:26px;line-height:1.1;margin-top:16px}.before-box p{font-size:9px;max-width:140px;margin:15px 0;color:#666}.old-button{display:inline-block;background:#8f8f8b;font-size:8px;padding:7px;color:white}.old-building{position:absolute;right:-35px;bottom:-20px;width:45%;height:65%;background:repeating-linear-gradient(0deg,#8b8c86 0 20px,#adb0a7 20px 25px);transform:skewY(-8deg)}.after-design{clip-path:inset(0 0 0 var(--split));background:#1b2424;color:#e8e1d5}.after-design:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0f1615ef,#0f161550);pointer-events:none;z-index:1}.after-copy{position:relative;z-index:3;padding:37px 25px}.after-copy small{font-size:6px;letter-spacing:2px;color:#c8bba3}.after-copy h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:36px;line-height:1.15;margin:25px 0;color:#eee7dc}.after-copy>span{font-size:8px;border-bottom:1px solid #fff5;padding-bottom:7px}.refined-building{position:absolute;right:-10px;bottom:0;width:65%;height:70%;background:#a49f8d;box-shadow:-10px -12px 0 #b9b39c;transform:skewY(-8deg)}.refined-building i{position:absolute;inset:15px 10px 0;background:repeating-linear-gradient(90deg,transparent 0 28%,#373a32 28% 30%),linear-gradient(20deg,#b29b6d,#364338);border:7px solid #55584b}.compare-handle{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:#ad8dc2;z-index:5;pointer-events:none}.compare-handle>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#f3efe9;color:#805a9b;display:grid;place-items:center;border:1px solid #ac88c4;font-size:18px}.compare-labels{position:absolute;z-index:6;left:12px;right:12px;top:57px;display:flex;justify-content:space-between;pointer-events:none}.compare-labels span{font-size:8px;padding:2px 6px;background:#f2efe9dd;color:#4e4153;border-radius:2px}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:8;touch-action:pan-y}.comparison:focus-within{outline:2px solid #9d7bb3;outline-offset:4px}.compare-hint{font-size:9px!important;margin-top:12px!important;max-width:none!important;color:#777!important}.needs{padding:100px 7.2%;background:#151316;border-top:1px solid #ffffff10}.need-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.need-options button{position:relative;padding:27px 28px 35px;border:1px solid #a598ad40;border-radius:3px;background:transparent;text-align:left;cursor:pointer;transition:background .3s,border-color .3s}.need-options button[aria-pressed=true]{background:#b28bc00c;border-color:#b198bf}.need-options button:hover{border-color:#c2b0cd}.need-icon{display:block;font-size:26px;color:#c2a6d2;margin-bottom:22px}.need-options strong{display:block;font-weight:400;font-size:16px;margin-bottom:8px}.need-options button>span:last-of-type{display:block;font-size:11px;line-height:1.8;color:#aaa0ae;max-width:220px}.need-options b{font-weight:400;position:absolute;right:18px;top:23px;color:#a18bac}.need-result{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #ffffff20;margin-top:35px;padding-top:27px}.need-result p{font-family:'Playfair Display',Georgia,serif;color:#e0d7e5;font-size:23px;line-height:1.4;max-width:500px}.services{padding-top:95px;padding-bottom:95px}.work{background:var(--paper);color:#222025}.work .eyebrow{color:#886497}.work-note{color:#736a77}.work .project-caption span{color:#746878}.work .sample{border-color:#74687840}.contact{background:radial-gradient(ellipse at 90% 100%,#382c4240,#111112 65%)}.contact-watermark{color:#b88dd50c}.floating-wa{background:#287a57}.work .project-art{border-radius:2px}.signature{letter-spacing:2px}
@media(max-width:1000px){.hero-crm{right:6%;width:190px;bottom:17%}.hero-mark{right:29%;width:60px;bottom:17%}.hero-content{width:73%}.journey-sticky{padding-left:6%;padding-right:6%}.journey-copy{padding:27px}.stage-art{padding:25px}.comparison-section{padding:80px 6%;gap:35px}.comparison{height:320px}.after-copy h3{font-size:30px}.needs{padding:80px 6%}.need-options button{padding:22px 20px 30px}.need-options strong{font-size:14px}.need-result p{font-size:21px}}
@media(max-width:760px){.hero-content{width:100%}.hero-layers{z-index:3}.hero-crm{bottom:9%;right:9%;width:150px;padding:15px}.hero-crm strong{font-size:22px;margin:7px 0}.hero-crm b{height:25px}.hero-crm b:before{margin:8px 5px}.hero-crm small{font-size:5px;margin-top:10px}.hero-mark{right:52%;bottom:12%;width:48px}.hero-bottom{z-index:4}.hero-buttons .button{padding:14px 18px}.hero-buttons{gap:17px}.journey{height:auto}.journey-sticky{position:relative;min-height:0;padding:65px 7% 40px}.journey h2{font-size:40px}.journey-tabs{gap:8px;margin-bottom:25px}.journey-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:15px 0}.journey-tabs button>span:last-child{font-size:10px}.journey-tabs button>span:first-child{width:30px;height:30px}.journey-panel{grid-template-columns:1fr;min-height:0}.journey-copy{padding:25px}.journey-copy h3{font-size:26px}.journey-copy p{max-width:none;min-height:70px}.stage-art{padding:0 25px 25px}.stage-window{max-width:none}.stage-visual{padding:15px 20px}.stage-visual strong{font-size:15px}.visual-lines i{height:22px}.journey-bottom{font-size:6px;letter-spacing:1px}.comparison-section{grid-template-columns:1fr;padding:65px 7%;gap:30px}.comparison-section h2{font-size:40px}.comparison-section>div>p:not(.eyebrow){max-width:none;margin-top:20px}.comparison{height:340px}.needs{padding:65px 7%}.need-options{grid-template-columns:1fr;gap:12px}.need-options button{padding:22px 22px 22px 70px}.need-icon{position:absolute;left:22px;top:16px;font-size:25px;margin:0}.need-options strong{font-size:16px}.need-options button>span:last-of-type{max-width:none;padding-right:10px}.need-options b{right:14px;top:18px}.need-result{display:block;margin-top:25px;padding-top:25px}.need-result p{font-size:22px;margin-bottom:25px;max-width:none}.services{padding:65px 7%}}
@media(max-height:740px) and (min-width:761px){.journey{height:auto}.journey-sticky{position:relative;min-height:0;padding-top:65px;padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.journey-sticky{position:relative;min-height:0;padding-top:80px;padding-bottom:60px}.hero-layers{transform:none!important}.stage-window,.stage-symbol{transform:none!important}}