/* A quiet, dark editorial world with a deliberate opening sequence. */
:root{--paper:#e9e4dc;--violet:#b8a1c9}.section-light,.work{background:#171619;color:#e9e4dc}.section-light p,.work-note{color:#aaa2ad}.section-light .eyebrow,.work .eyebrow{color:#b29ac2}.services,.comparison-section,.process,.work{border-top:1px solid #cbb2d117}.service-list details{border-bottom-color:#d8c8df26}.tags span{border-color:#cbb9d529;color:#b6a8bc}.steps article{border-top-color:#c9b5d52b}.signature,.work .project-caption span{color:#a79aac}.work .sample{border-color:#bdacc22e}.services{background:#171619}.comparison-section{background:#1c1a1e}.process{background:#18161b}.needs{background:#111013}.hero{background:#100f12}.hero-image{filter:saturate(.65) brightness(.78)}.hero-shade{background:linear-gradient(90deg,#100f12f5,#100f12b8 45%,#100f1220),linear-gradient(0deg,#100f12,transparent 40%)}.hero h1{letter-spacing:-.055em}.primary{background:#735780;border:1px solid #b49ac137}.button{border-radius:2px}.button:hover{background:#866397;box-shadow:0 10px 40px #0003}.outline:hover{background:#b493c20b}.hero-crm{box-shadow:0 30px 70px #0007;background:linear-gradient(130deg,#242027f5,#151318f5)}.hero-mark{filter:saturate(.7) drop-shadow(0 15px 20px #0007)}.journey-panel{background:linear-gradient(130deg,#211c25,#161418)}.journey-copy h3{min-height:70px}.journey-tabs button{transition:color .4s,transform .4s}.journey-tabs button:hover{color:#eee7ef;transform:translateY(-3px)}.journey-bottom{align-items:center;gap:20px}.next-link{border:0;border-bottom:1px solid #b89ac05c;background:none;color:#d9c9e3;padding:9px 0;font-size:11px;cursor:pointer;display:flex;gap:25px;align-items:center}.next-link:hover{color:#fff}.comparison-next{margin-top:22px;color:#d0b9dc}.compare-hint{color:#a69aab!important}.comparison{border-color:#cbb4d138}.need-options button{transition:background .4s,border-color .4s,transform .4s}.need-options button:hover{transform:translateY(-5px)}.need-options button[aria-pressed=true]{background:linear-gradient(120deg,#aa82bc12,transparent);box-shadow:inset 0 1px #c9b5d21a}.need-result{scroll-margin-top:100px}.need-result.result-updated{animation:result-light .8s ease}.chapter-navigation{position:fixed;right:23px;top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;gap:17px}.chapter-navigation a{display:flex;gap:10px;align-items:center;justify-content:flex-end;font-size:8px;letter-spacing:1px;color:#ae9cb9}.chapter-navigation a:after{content:'';width:4px;height:4px;border:1px solid #aa94b788;border-radius:50%;transition:background .3s,transform .3s}.chapter-navigation a.active:after{background:#c5abd5;transform:scale(1.6)}.chapter-navigation a span{opacity:0;transform:translateX(5px);transition:.3s;background:#111013cc;padding:3px 5px}.chapter-navigation a:hover span,.chapter-navigation a:focus-visible span{opacity:1;transform:none}.stage-window.stage-change{animation:panel-arrive .65s cubic-bezier(.2,.7,.2,1)}
body.intro-open{overflow:hidden}#intro{inset:0;margin:0;width:100vw;max-width:none;height:100svh;max-height:none;border:0;border-radius:0;padding:0;overflow:hidden;background:#0b0a0d;color:#e9e4df;isolation:isolate}#intro::backdrop{background:#0b0a0d}#intro .intro-content{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:65px 25px 85px}#intro .eyebrow{margin:0;color:#a897b3;font-size:9px;letter-spacing:4px;animation:intro-text 1.3s .1s both}.intro-grid{position:absolute;inset:0;background-image:linear-gradient(#b79ac60a 1px,transparent 1px),linear-gradient(90deg,#b79ac60a 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(ellipse at center,#000,transparent 65%);transform:perspective(700px) rotateX(55deg) scale(1.8);transform-origin:50% 65%;animation:grid-emerge 2.2s both}.intro-halo{position:absolute;inset:0;background:radial-gradient(ellipse 35% 35% at 50% 44%,#65467528,transparent 85%);animation:halo-emerge 2.5s both}.intro-sculpture{position:relative;width:200px;height:170px;margin:24px 0 14px;display:grid;place-items:center;perspective:800px}.intro-sculpture img{width:84px;height:84px;filter:saturate(.6) drop-shadow(0 15px 25px #0008);animation:mark-arrive 2s cubic-bezier(.16,1,.3,1) both}.intro-orbit{position:absolute;left:12px;right:12px;top:11px;bottom:11px;border:1px solid #b194c02e;border-radius:50%;transform:rotateX(65deg) rotate(-22deg);animation:orbit-reveal 2.5s ease both}.orbit-two{inset:5px 25px;border-color:#c9b9d01a;transform:rotateY(64deg) rotate(30deg);animation-delay:.15s}#intro h2{font-size:clamp(42px,5.6vw,78px);line-height:1.07;letter-spacing:-.05em;margin:0;animation:intro-text 1.4s .25s both}#intro h2 em{color:#c4aed2}#intro #intro-description{font-size:12px;max-width:360px;line-height:1.8;margin:24px 0 30px;color:#a99ead;animation:intro-text 1.4s .4s both}.intro-enter{display:flex;align-items:center;justify-content:space-between;gap:55px;border:1px solid #b59ac54d;background:#c3a7d005;color:#ede5f1;font-size:11px;padding:17px 22px;cursor:pointer;animation:intro-text 1.4s .6s both;transition:background .4s,border-color .4s}.intro-enter:hover{background:#b194c216;border-color:#ccb6d7}.intro-skip{position:absolute;top:35px;right:5%;z-index:4;background:none;border:0;border-bottom:1px solid #a994b133;padding:8px 0;color:#a89aae;font-size:10px;cursor:pointer}.intro-bottom{position:absolute;bottom:28px;left:5%;right:5%;z-index:3;display:flex;justify-content:space-between;font-size:7px;letter-spacing:2px;color:#817087}#intro.intro-leaving{animation:intro-exit .95s cubic-bezier(.76,0,.24,1) forwards;pointer-events:none}body.intro-finished .hero-content{animation:content-arrive 1.2s cubic-bezier(.2,.7,.2,1) both}body.intro-finished .hero-layers{animation:content-arrive 1.5s .1s both}@keyframes intro-text{from{opacity:0;transform:translateY(20px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes mark-arrive{from{opacity:0;transform:translateY(25px) rotateY(-110deg) rotateZ(-25deg) scale(.6);filter:blur(12px)}to{opacity:1;transform:rotateY(-12deg) rotateZ(-5deg);filter:saturate(.6) drop-shadow(0 15px 25px #0008)}}@keyframes orbit-reveal{from{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes grid-emerge{from{opacity:0;translate:0 60px}to{opacity:1;translate:0 0}}@keyframes halo-emerge{from{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes intro-exit{to{opacity:0;transform:translateY(-30px) scale(1.04);filter:blur(12px)}}@keyframes content-arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes panel-arrive{from{opacity:.3;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes result-light{50%{border-color:#b899c5;background:#ac83c206}}
@media(max-width:760px){.chapter-navigation{display:none}.journey-bottom{flex-wrap:wrap}.journey-bottom>span:first-child{max-width:150px}.next-link{font-size:10px;margin-left:auto;gap:12px}.hero-shade{background:linear-gradient(180deg,#100f12 0%,#100f12ed 25%,#100f12bc 50%,#100f1210 75%,#100f12 100%)}.intro-sculpture{height:140px;margin:15px 0}.intro-sculpture img{width:72px;height:72px}#intro h2{font-size:48px}#intro #intro-description{font-size:11px;max-width:260px}.intro-bottom{font-size:6px;letter-spacing:1px}.intro-skip{top:18px}.journey-copy h3{min-height:0}.need-options button:hover{transform:none}header .brand{font-size:21px}header .header-actions{gap:12px}header .languages{gap:7px}header .small{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){#intro *,#intro.intro-leaving{animation:none!important;transition:none!important}.intro-grid{transform:none}.chapter-navigation a span{transition:none}.hero-layers{animation:none!important}.intro-sculpture img{filter:saturate(.6)}}